.kpi-page [data-kpi-filters]{flex:none;min-width:0}.kpi-page [data-kpi-results]{display:flex;flex-direction:column;flex:1;min-height:0}
.kpi-page .kpi-filters{grid-template-columns:72px 100px 82px 112px minmax(120px,1fr) 108px 102px}.kpi-page .kpi-filters-with-agency{grid-template-columns:72px 100px 82px 112px minmax(116px,1fr) minmax(145px,1.5fr) 108px 102px}.kpi-page .rk-field :disabled{opacity:.5;cursor:not-allowed}
.kpi-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:7px;flex:none}
.kpi-card{padding:6px 8px;border:1px solid var(--kpi-border);border-radius:4px;background:var(--kpi-bg);min-width:0}.kpi-card-main{display:flex;align-items:center;justify-content:space-between;gap:6px}.kpi-card-main>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#d5e4f4;white-space:nowrap}.kpi-card svg{width:12px;height:12px;color:var(--kpi-icon)}.kpi-card strong{font-size:15px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-card small{display:block;margin-top:5px;font-size:8px;line-height:1;color:#adc3dc;white-space:nowrap}
.kpi-card-calls{--kpi-bg:#163b36;--kpi-border:#356e61;--kpi-icon:#75dfb5}.kpi-card-tmo{--kpi-bg:#1a3450;--kpi-border:#395f85;--kpi-icon:#86c8fb}.kpi-card-pause{--kpi-bg:#403622;--kpi-border:#786543;--kpi-icon:#e8c371}.kpi-card-dispo{--kpi-bg:#382c4c;--kpi-border:#655481;--kpi-icon:#ccacf5}.kpi-card-occupancy{--kpi-bg:#193b42;--kpi-border:#356b78;--kpi-icon:#83d9e5}.kpi-card-cph{--kpi-bg:#23394e;--kpi-border:#47617c;--kpi-icon:#a4c7f0}
.kpi-page .kpi-good{color:#62e8ad}.kpi-page .kpi-bad{color:#ff9ca4}.kpi-page .kpi-neutral{color:#98adc5}.kpi-page .kpi-cph{color:#9ccfff}.kpi-count{display:inline-grid;place-items:center;min-width:20px;padding:2px 4px;background:#24394f;border:1px solid #3a5169;border-radius:3px;font-size:9px}
.kpi-page .kpi-table thead th:nth-child(1){width:3%}.kpi-page .kpi-table thead th:nth-child(2){width:10%}.kpi-page .kpi-table thead th:nth-child(3){width:20%}.kpi-page .kpi-table thead th:nth-child(4){width:10%}.kpi-page .kpi-table thead th:nth-child(5){width:8%}.kpi-page .kpi-table thead th:nth-child(6){width:7%}.kpi-page .kpi-table thead th:nth-child(7){width:7%}.kpi-page .kpi-table thead th:nth-child(8){width:10%}.kpi-page .kpi-table thead th:nth-child(9){width:10%}.kpi-page .kpi-table thead th:nth-child(10){width:7%}.kpi-page .kpi-table thead th:nth-child(11){width:8%}
.kpi-page .kpi-table .kpi-agency-cell{font-size:9px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9ccfff}@media(max-width:1250px){.kpi-page .kpi-table .kpi-agency-cell{font-size:8px}}@media(max-width:540px){.kpi-page .kpi-table .kpi-agency-cell{font-size:7px}}
.kpi-table td{font-variant-numeric:tabular-nums}.kpi-score{display:inline-grid;place-items:center;min-width:28px;height:18px;border-radius:3px;font-size:9px;font-weight:600}.kpi-quartile-q1{background:#176b4c;color:#deffeb}.kpi-quartile-q2{background:#f8ca40;color:#30250b}.kpi-quartile-q3{background:#b45309;color:#fff7ed}.kpi-quartile-q4{background:#b63743;color:#fff1f2}.kpi-quartile-none{background:#304357;color:#c9daef}.kpi-legend-q1{color:#62e8ad}.kpi-legend-q2{color:#f8ca40}.kpi-legend-q3{color:#ffac55}.kpi-legend-q4{color:#ff7785}.kpi-legend{display:flex;align-items:center;gap:9px;font-size:8px;white-space:nowrap}.kpi-dialog{max-height:calc(100dvh - 28px);overflow:auto}
@media(min-width:1600px){.kpi-page .kpi-filters{grid-template-columns:90px 1fr 1fr 1.15fr 1.65fr 1fr 110px}.kpi-page .kpi-filters-with-agency{grid-template-columns:90px 1fr 1fr 1.15fr 1.2fr 1.65fr 1fr 110px}}
@media(max-width:1250px){.kpi-page .kpi-filters{grid-template-columns:64px 85px 70px 108px minmax(100px,1fr) 96px 88px}.kpi-page .kpi-filters-with-agency{grid-template-columns:64px 85px 70px 108px minmax(100px,1fr) minmax(90px,1.2fr) 96px 88px}.kpi-card{padding:6px}.kpi-card-main{gap:4px}.kpi-card-main>span{font-size:9px;gap:3px}.kpi-card svg{width:10px;height:10px}.kpi-card strong{font-size:12px}.kpi-card small{font-size:7px}}
@media(max-width:1000px){.kpi-page .kpi-filters,.kpi-page .kpi-filters-with-agency{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-page .rk-clear{grid-column:auto;margin-bottom:6px}}
@media(max-width:900px){.kpi-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.kpi-card strong{font-size:13px}.kpi-card-main>span{font-size:9px}.kpi-card small{font-size:8px}.kpi-page .kpi-table thead th{font-size:7px}.kpi-page .kpi-legend{gap:5px;font-size:7px}}
@media(max-width:540px){.kpi-page .kpi-filters,.kpi-page .kpi-filters-with-agency{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-page .rk-clear{grid-column:span 2}.kpi-card{padding:5px}.kpi-card-main>span{font-size:8px}.kpi-card svg{display:none}.kpi-card strong{font-size:11px}.kpi-card small{font-size:6.5px}.kpi-page .kpi-table thead th{font-size:6.5px}.kpi-page .rk-table-footer{flex-wrap:wrap;min-height:36px;height:36px;gap:3px}.kpi-legend{gap:4px}.kpi-page .rk-table tbody td{font-size:7.5px}.kpi-score{min-width:20px;font-size:8px}.kpi-page .rk-bottom{font-size:7px}}

.kpi-hero-tools{display:flex;align-items:center;gap:14px}.kpi-page .kpi-import-trigger{min-height:27px;padding:5px 9px;border-color:#427d82;background:#1c3b49;color:#d6f4ef;font-size:10px;white-space:nowrap}.kpi-page .kpi-import-trigger:hover{background:#285366;border-color:#6ab3b2}.kpi-import-trigger svg{width:12px;height:12px}
.kpi-import-dialog{width:min(730px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border-color:#48647d;overflow:hidden}.kpi-import-dialog[open]{display:flex;flex-direction:column}.kpi-import-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #364d63;background:#1b3045;flex:none}.kpi-page .kpi-import-header h2{margin:0 0 4px;font-size:16px}.kpi-page .kpi-import-header p{margin:0;color:#aec5db;font-size:11px}.kpi-import-header .rk-button{font-size:18px;padding:0 7px}
.kpi-import-body{padding:15px 17px;overflow:auto;min-height:0}.kpi-upload-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px dashed #577d9d;border-radius:5px;background:#132638}.kpi-upload-file>div{min-width:0}.kpi-upload-file strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-upload-file small{display:block;margin-top:5px;font-size:10px;color:#9ebbd5}.kpi-file-label{cursor:pointer;flex:none}.kpi-file-label:focus-within{outline:2px solid #71c8ff;outline-offset:2px}
.kpi-upload-options{display:flex;gap:10px;align-items:end;margin-top:10px}.kpi-upload-options .rk-field{flex:1}.kpi-upload-options .rk-button{height:34px;min-width:108px;margin-bottom:0}.kpi-page .kpi-upload-hint{font-size:10px;line-height:1.5;color:#a6bfd7;margin:9px 0 12px}.kpi-import-list{margin-top:15px;border-top:1px solid #364d63;padding-top:12px}.kpi-import-list-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.kpi-import-list-title h3{margin:0;font-size:12px;font-weight:600;color:#dceafa}.kpi-import-list-title h3 span{display:inline-block;margin-left:5px;padding:1px 5px;background:#2d455e;border-radius:3px;font-size:10px}.kpi-import-list-title small{color:#a5bfd8;font-size:10px}
.kpi-import-batch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #2d4358}.kpi-import-batch>div:first-child{min-width:0}.kpi-import-batch strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.kpi-import-batch small{display:block;font-size:10px;color:#abc2d9;margin-top:4px}.kpi-batch-actions{display:flex;gap:5px;flex:none}.kpi-page .kpi-delete-button{color:#ffb9bd;border-color:#744956;background:#392a36}.kpi-page .kpi-clear-data{display:block;margin:10px 0 0 auto;padding:3px 0;border:0;background:none;color:#f5a8b4;font-size:10px}
.kpi-page .kpi-import-empty{padding:12px 0;color:#aec5db;font-size:11px}.kpi-page .kpi-import-error,.kpi-page .kpi-import-notice{margin:0 0 10px;padding:9px 10px;border:1px solid #865665;border-radius:4px;background:#412b38;color:#ffd2da;font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.kpi-page .kpi-import-notice{border-color:#3f7768;background:#1d4038;color:#c3f5e3}
.kpi-upload-preview{margin-top:12px;padding:11px;border:1px solid #3f7269;border-radius:5px;background:#132f31}.kpi-preview-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.kpi-preview-title strong{color:#a7e9d0}.kpi-preview-title span{color:#d1e6f4}.kpi-page .kpi-upload-preview p{font-size:10px;line-height:1.4;color:#b2d0de;margin-top:6px;overflow-wrap:anywhere}.kpi-preview-table{margin-top:9px}.kpi-preview-table table{width:100%;border-collapse:collapse;font-size:10px}.kpi-preview-table th,.kpi-preview-table td{padding:5px;text-align:left;border-bottom:1px solid #36565c}.kpi-preview-table th{color:#b5cddb;font-weight:500}.kpi-preview-table td{color:#d1e4f1}.kpi-preview-table th:last-child,.kpi-preview-table td:last-child{text-align:right}.kpi-preview-confirm{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.kpi-preview-confirm>span{font-size:10px;line-height:1.4;color:#d5e8ee}.kpi-page .kpi-confirm-primary{border-color:#398e76;background:#24664f;color:#e4fff2;flex:none}
.kpi-delete-confirm{margin-top:12px;padding:11px;border:1px solid #9a5a63;border-radius:4px;background:#3b2b37}.kpi-delete-confirm>strong{font-size:12px;font-weight:500}.kpi-page .kpi-delete-confirm p{margin:6px 0 9px;font-size:11px;color:#e1bac5;line-height:1.4}.kpi-delete-confirm>div{display:flex;justify-content:flex-end;gap:7px}.kpi-page .kpi-confirm-danger{border-color:#b76270;background:#883c4d;color:#fff}
@media(max-width:760px){.kpi-hero-tools{gap:7px}.kpi-page .kpi-import-trigger{font-size:9px;padding:4px 6px;min-height:25px}.kpi-import-body{padding:12px}.kpi-import-header{padding:12px}.kpi-preview-title{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:540px){.kpi-hero-tools{flex-direction:column;align-items:flex-end;gap:5px}.kpi-import-dialog{width:calc(100vw - 16px)}.kpi-upload-file{padding:9px;flex-wrap:wrap}.kpi-upload-options{gap:6px}.kpi-import-batch{align-items:flex-start;flex-direction:column;gap:7px}.kpi-batch-actions{align-self:flex-end}.kpi-preview-confirm{flex-direction:column;align-items:flex-end}.kpi-preview-table table{font-size:8px}.kpi-preview-table th,.kpi-preview-table td{padding:4px 2px}}

.dashboard-kpi-summary{padding:16px!important;border:1px solid #e5edf5;border-radius:22px!important;box-shadow:0 12px 30px rgba(39,74,116,.1)}.dashboard-kpi-summary .dashboard-section-header{align-items:center;margin-bottom:3px}.dashboard-kpi-summary .dashboard-section-header>div{display:grid;gap:2px}.dashboard-kpi-summary .dashboard-section-header h2{padding-left:9px;border-left:4px solid #2768d7;font-size:16px;text-transform:none}.dashboard-kpi-summary .dashboard-section-header p{margin:0;color:#72849a;font-size:10px}.dashboard-kpi-mark{color:#6f85ad;font-size:18px;letter-spacing:2px;transform:rotate(-90deg)}.dashboard-kpi-summary .dashboard-kpi-scope{display:none}.dashboard-kpi-summary .activity-list{gap:7px;margin-top:10px}.dashboard-kpi-summary .activity-list>div{padding:0;border:0}.dashboard-kpi-summary .activity-list>div::before{display:none}.dashboard-kpi-link{display:grid;grid-template-columns:34px minmax(0,1fr) auto 12px;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid #e8eef6;border-radius:9px;color:#435777;text-decoration:none;background:#fff;font-size:12px;font-weight:700}.dashboard-kpi-link:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(51,89,137,.1)}.dashboard-kpi-link i{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;font-style:normal;font-size:17px}.dashboard-kpi-link strong{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-kpi-link b{color:#7f91aa;font-size:21px;font-weight:400}.dashboard-kpi-calls .dashboard-kpi-link{background:#fbfffc;border-color:#dcefe3}.dashboard-kpi-calls i{color:#10a963;background:#dcf8e8}.dashboard-kpi-tmo .dashboard-kpi-link{background:#f8fbff;border-color:#dce9fb}.dashboard-kpi-tmo i{color:#2580e8;background:#e2f0ff}.dashboard-kpi-pause .dashboard-kpi-link{background:#fcfaff;border-color:#eee7ff}.dashboard-kpi-pause i{color:#8359df;background:#eee6ff}.dashboard-kpi-dispo .dashboard-kpi-link{background:#fffdf8;border-color:#f8ead1}.dashboard-kpi-dispo i{color:#e6a11b;background:#fff1d2}.dashboard-kpi-occupancy .dashboard-kpi-link{background:#fffafa;border-color:#fde2e2}.dashboard-kpi-occupancy i{color:#e45a61;background:#ffe3e4}.dashboard-kpi-cph .dashboard-kpi-link{background:#f9ffff;border-color:#d8f0f0}.dashboard-kpi-cph i{color:#32999c;background:#daf4f2}.dashboard-kpi-link .home-kpi-good{color:#137347}.dashboard-kpi-link .home-kpi-bad{color:#b12b40}.dashboard-kpi-link .home-kpi-cph{color:#225a9b}.dashboard-kpi-link .home-kpi-neutral{color:#364d6e}.dashboard-kpi-management{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#2b65d2;text-decoration:none;font-size:11px;font-weight:800}.dashboard-kpi-summary .dashboard-kpi-notice{font-size:9px;line-height:1.3;color:#607094;margin:6px 0 0}.kpi-card:focus-visible{outline:2px solid #8ccaff;outline-offset:2px}

/* PanalNet KPI dashboard: styles stay scoped to this route. */
.main-panel:has(.kpi-page){display:flex;flex-direction:column;gap:6px;height:100dvh;min-width:0;overflow:hidden;padding:6px;background:#f2f5f9}
.main-panel:has(.kpi-page)>.topbar{position:relative;top:auto;display:grid;flex:none;width:100%;height:42px;min-height:42px;padding:4px 8px;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;border-radius:11px}
.main-panel:has(.kpi-page) .topbar .icon-button{width:32px;height:32px;border-radius:8px}.main-panel:has(.kpi-page) .topbar .topbar-summary-button{width:32px;height:32px}.main-panel:has(.kpi-page) .topbar .search-box{min-height:32px;padding:0 8px}.main-panel:has(.kpi-page) .topbar-actions{grid-column:auto;gap:6px}.main-panel:has(.kpi-page) .quick-access-button{min-height:31px;padding:4px 8px;font-size:10px}.main-panel:has(.kpi-page) .topbar-help-link{min-height:31px;padding:4px 8px;font-size:10px}.main-panel:has(.kpi-page) .profile-summary{min-height:32px;padding:2px 6px;border-radius:8px;gap:6px}.main-panel:has(.kpi-page) .profile-summary .profile-avatar,.main-panel:has(.kpi-page) .profile-summary .profile-avatar-preview{width:26px;height:26px}.main-panel:has(.kpi-page) .profile-summary strong{font-size:10px}
.kpi-page{display:flex!important;flex:1;flex-direction:column;gap:0!important;width:100%;height:auto;min-height:0;margin:0!important;overflow:hidden;background:#f1f4f8;color:#17263d;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.35}
.kpi-page *{box-sizing:border-box}
.kpi-page h1,.kpi-page h2,.kpi-page h3,.kpi-page p{margin:0;color:inherit}
.kpi-page button,.kpi-page input,.kpi-page select{font:inherit}
.kpi-page button{cursor:pointer}
.kpi-top-header{display:grid;grid-template-columns:minmax(220px,260px) minmax(245px,1fr) auto;align-items:stretch;min-height:88px;background:linear-gradient(111deg,#062d63 0%,#053c7a 70%,#05295b 100%);color:#fff;box-shadow:0 4px 14px #102b4930;z-index:1}
.kpi-brand-panel{display:flex;align-items:center;justify-content:center;padding:8px 15px;background:#fff;color:#173b7a}
.kpi-panalnet-symbol{width:64px;height:53px;flex:none}
.kpi-logo-word{display:flex;align-items:baseline;margin-left:3px;font-family:Arial,"Segoe UI",sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.65px;white-space:nowrap}
.kpi-logo-word b{color:#173b7a;font-weight:800}.kpi-logo-word strong{color:#82c93b;font-weight:800}
.kpi-heading{align-self:center;padding:8px 20px;min-width:0}
.kpi-heading h1{font-size:clamp(17px,1.55vw,25px);font-weight:750;letter-spacing:.015em;line-height:1.2;white-space:nowrap}
.kpi-heading p{margin-top:5px;color:#dceaff;font-size:clamp(12px,1.05vw,17px)}
.kpi-header-info{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 16px}
.kpi-date-chip{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:8px;min-width:155px;padding:8px 12px;border:1px solid #dce8fa;border-radius:13px;background:#fff;color:#17263d}
.kpi-date-chip>span{display:contents}.kpi-date-chip svg{grid-row:span 2;align-self:center;width:22px;height:22px;color:#1554a0}
.kpi-date-chip small{color:#657287;font-size:10px;line-height:1.15;text-transform:uppercase;letter-spacing:.045em}
.kpi-date-chip strong{margin-top:2px;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-date-chip.last-data{min-width:143px;border-color:#3673b4;background:#071c42;color:#fff}
.kpi-date-chip.last-data svg{color:#dceaff}.kpi-date-chip.last-data small{color:#c0d4ee}
.kpi-import-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 13px;border:1px solid #91b5e3;border-radius:11px;background:#1266ce;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 4px 13px #041e492c}
.kpi-import-trigger:hover{background:#247ce5}.kpi-import-trigger svg{width:17px;height:17px;transform:rotate(-90deg)}
.kpi-workspace{display:grid;grid-template-columns:236px minmax(0,1fr);flex:1;min-height:0}
.kpi-sidebar{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;overflow:auto;padding:17px 14px 13px;background:linear-gradient(175deg,#062c62 0%,#082756 57%,#061d42 100%);color:#f3f7ff}
.kpi-sidebar>h2{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.01em}
.kpi-filter-form{display:grid;gap:10px}
.kpi-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.kpi-filter-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.kpi-filter-field>span{color:#d5e4f6;font-size:11px;font-weight:600}
.kpi-filter-field select,.kpi-filter-field input{width:100%;height:35px;min-width:0;padding:0 9px;border:1px solid #cdd7e4;border-radius:7px;background:#fff;color:#19283e;font-size:12px;color-scheme:light;box-shadow:0 2px 4px #001c3b24}
.kpi-filter-field input{padding:0 6px}.kpi-filter-field select:disabled{opacity:.64;cursor:not-allowed}
.kpi-reset-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:31px;margin-top:2px;border:1px solid #7292bb;border-radius:7px;background:#153c70;color:#e9f2ff;font-size:11px;font-weight:600}
.kpi-reset-button:hover{background:#20518d}.kpi-reset-button svg{width:14px;height:14px}
.kpi-sidebar-divider{height:1px;margin:18px 0 16px;background:#fff3}
.kpi-sidebar>h2.kpi-navigation-title{margin-bottom:8px;font-size:12px;color:#b9d3f3;text-transform:uppercase;letter-spacing:.08em}
.kpi-navigation{display:grid;gap:5px}
.kpi-nav-item{display:flex;align-items:center;gap:11px;min-height:39px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#e4edf9;text-align:left;font-size:12px;font-weight:500;transition:background .16s ease,color .16s ease}
.kpi-nav-item svg{width:17px;height:17px;flex:none}.kpi-nav-item:hover{background:#ffffff16}
.kpi-nav-item.active{background:#0870e9;color:#fff;font-weight:700;box-shadow:0 4px 12px #001b483b}
.kpi-sidebar-scope{display:flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:17px;color:#b9cde6;font-size:10px;line-height:1.4}
.kpi-sidebar-scope svg{width:15px;height:15px;flex:none}
.kpi-main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0;overflow:auto;padding:11px 12px 15px}
.kpi-metric-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;flex:none}
.kpi-metric-card{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;column-gap:8px;row-gap:2px;min-width:0;min-height:102px;padding:10px 11px;border:1px solid var(--metric-line);border-radius:13px;background:var(--metric-bg);color:#13233b;text-align:left;box-shadow:0 3px 10px #1739600c;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.kpi-metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 17px #16365b18}.kpi-metric-card.is-selected{border-color:var(--metric-accent);box-shadow:inset 0 0 0 1px var(--metric-accent),0 5px 13px #17396016}
.tone-blue{--metric-bg:#eaf3ff;--metric-line:#d8e7f8;--metric-accent:#2b75d0}.tone-teal{--metric-bg:#e7f8f5;--metric-line:#d0eee9;--metric-accent:#159e93}.tone-violet{--metric-bg:#f1edff;--metric-line:#e5defb;--metric-accent:#8056d8}.tone-amber{--metric-bg:#fff6e3;--metric-line:#f6e9c6;--metric-accent:#dd9a1f}.tone-cyan{--metric-bg:#e8f8fb;--metric-line:#d5eef3;--metric-accent:#178fa9}.tone-green{--metric-bg:#e8f7ee;--metric-line:#d5ecde;--metric-accent:#159a5d}.tone-rose{--metric-bg:#ffedf0;--metric-line:#f5dce1;--metric-accent:#d5526c}
.kpi-metric-icon{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#ffffffae;color:var(--metric-accent)}.kpi-metric-icon svg{width:20px;height:20px}
.kpi-metric-number{font-size:clamp(16px,1.35vw,23px);font-weight:780;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-metric-name{grid-column:2;font-size:10px;color:#42546c;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-metric-change{grid-column:1/-1;margin-top:4px;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-metric-change em{margin-left:4px;color:#78879a;font-size:8px;font-style:normal;font-weight:500}
.kpi-metric-card small{grid-column:1/-1;color:#63748b;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-metric-card .good,.kpi-metric-change.good{color:#14814e}.kpi-metric-card .bad,.kpi-metric-change.bad{color:#c53746}.kpi-metric-card .neutral,.kpi-metric-change.neutral{color:#64748b}
.kpi-feedback{flex:none;padding:7px 10px;border:1px solid #a3d5bd;border-radius:7px;background:#e9f8ef;color:#146c43;font-size:11px}.kpi-feedback[hidden]{display:none}
.kpi-page .kpi-view-host{display:grid;gap:10px;min-height:0}
.kpi-dashboard-grid{display:grid;grid-template-columns:1.16fr 1.05fr 1fr;grid-template-rows:minmax(290px,1fr) minmax(275px,1fr);gap:10px;min-height:590px}
.kpi-panel,.kpi-view-panel{min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 3px 10px #1834520a}
.kpi-panel{display:flex;flex-direction:column;min-height:0}.kpi-panel-compliance{grid-column:1;grid-row:1}.kpi-panel-evolution{grid-column:2;grid-row:1}.kpi-panel-quartiles{grid-column:3;grid-row:1}.kpi-panel-performance{grid-column:1;grid-row:2}.kpi-panel-ranking{grid-column:2/4;grid-row:2}
.kpi-panel-header{display:flex;align-items:center;gap:9px;min-height:43px;padding:0 12px;background:linear-gradient(105deg,#083c79,#084a8d);color:#fff}
.kpi-panel-icon{display:grid;place-items:center;width:24px;height:24px;flex:none}.kpi-panel-icon svg{width:21px;height:21px}
.kpi-panel-header h2{min-width:0;overflow:hidden;color:#fff;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.kpi-panel-meta{margin-left:auto;color:#cfdef1;font-size:10px;white-space:nowrap}
.kpi-panel-content{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:7px 12px}
.kpi-table-scroll{width:100%;min-width:0;overflow:auto}
.kpi-data-table{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums}
.kpi-data-table thead th{position:sticky;top:0;z-index:1;padding:7px 8px;background:#e8eef6;color:#192b43;text-align:left;font-size:10px;font-weight:700;white-space:nowrap}
.kpi-data-table tbody td,.kpi-data-table tbody th{padding:7px 8px;border-bottom:1px solid #e8edf3;color:#28384f;text-align:left;font-size:10px;font-weight:450;white-space:nowrap}
.kpi-data-table tbody tr:nth-child(even){background:#f8fafc}.kpi-data-table tbody tr:hover{background:#f0f6ff}.kpi-data-table tbody th{font-weight:650}
.kpi-compliance-table tbody th{min-width:110px}.kpi-compliance-table tbody td:nth-child(2){color:#62738b}.kpi-compliance-table tbody td:nth-child(3){font-weight:700}.kpi-table-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--metric-accent)}
.kpi-status{display:inline-flex;align-items:center;justify-content:center;min-height:19px;padding:2px 7px;border-radius:99px;font-size:9px;font-weight:700;white-space:nowrap}
.kpi-status.status-good{background:#e4f6ec;color:#137749}.kpi-status.status-bad{background:#fff0ee;color:#b33c39}.kpi-status.status-neutral{background:#eef2f6;color:#66758a}
.kpi-chart-title{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 0;color:#26364d;font-size:11px}.kpi-chart-title span{color:#7c899a;font-size:9px}
.kpi-chart-svg{display:block;width:100%;height:auto;max-height:230px;padding:3px 9px 8px;overflow:visible}.kpi-axis-label{fill:#78869a;font-family:inherit;font-size:10px}.kpi-bar-svg{max-height:280px;padding:8px 10px 2px}.kpi-bar-value{fill:#4b5b70;font-family:inherit;font-size:9px}.kpi-bar-name{fill:#54647a;font-family:inherit;font-size:9px}
.kpi-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:150px;padding:12px;color:#78879a;text-align:center;font-size:11px}.kpi-chart-empty>span{color:#8ba2bc;font-size:28px}.kpi-chart-empty p{margin:0;color:#78879a}
.kpi-donut-layout{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.3vw,23px);width:100%}.kpi-donut-layout svg{width:min(56%,185px);max-height:210px;overflow:visible}.kpi-donut-layout ul{display:grid;gap:11px;min-width:75px;margin:0;padding:0;list-style:none}.kpi-donut-layout li{display:grid;grid-template-columns:11px 1fr auto;align-items:center;gap:7px;color:#3d4c61;font-size:11px}.kpi-donut-layout li i{width:10px;height:10px;border-radius:2px;background:var(--quartile-color)}.kpi-donut-layout li strong{font-size:11px}.kpi-donut-total{fill:#132b49;font-family:inherit;font-size:27px;font-weight:750;text-anchor:middle}.kpi-donut-caption{fill:#718096;font-family:inherit;font-size:10px;text-anchor:middle}
.kpi-panel-ranking .kpi-table-scroll{flex:1;min-height:0}.kpi-ranking-table th:nth-child(2){min-width:120px}.kpi-ranking-table th:nth-child(3){min-width:95px}.kpi-rank-number{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#edf3fb;color:#24558d;font-weight:750}
.kpi-quartile{display:inline-grid;place-items:center;min-width:29px;min-height:20px;border-radius:6px;background:#edf1f5;color:#69778a;font-size:9px;font-weight:750}.kpi-quartile.q-q1{background:#e2f5e9;color:#16804c}.kpi-quartile.q-q2{background:#fff4d5;color:#8b6406}.kpi-quartile.q-q3{background:#fff0e3;color:#b55b1b}.kpi-quartile.q-q4{background:#ffeaeb;color:#bb3e4d}
.kpi-view-panel{padding-bottom:10px}.kpi-view-panel>.kpi-panel-header{margin-bottom:10px}.kpi-view-panel>.kpi-chart-svg{max-width:900px;max-height:380px;margin:8px auto;padding:5px 20px}.kpi-view-panel>.kpi-data-table,.kpi-view-panel>.kpi-table-scroll{width:calc(100% - 20px);margin:0 10px}
.kpi-view-description{margin:0 16px 12px!important;color:#67778c;font-size:11px}
.kpi-comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 12px 12px}.kpi-comparison-cards article{display:grid;gap:4px;padding:10px 12px;border:1px solid #e1e9f3;border-radius:8px;background:#f8fbff}.kpi-comparison-cards small{color:#718096;font-size:10px}.kpi-comparison-cards strong{color:#213d60;font-size:12px}
.kpi-view-panel .kpi-data-table{margin-bottom:0}.kpi-view-panel .kpi-data-table thead th{background:#eaf0f7}
.kpi-detail-actions{display:flex;justify-content:flex-end;gap:7px;margin:0 11px 9px}.kpi-action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:0 9px;border:1px solid #d2dce8;border-radius:6px;background:#fff;color:#344a66;font-size:10px;font-weight:650}.kpi-action-button:hover{background:#f4f8fc}.kpi-action-button.primary{border-color:#0f68cb;background:#126bd0;color:#fff}.kpi-action-button:disabled{opacity:.45;cursor:not-allowed}.kpi-action-button svg{width:14px;height:14px}.kpi-action-button.primary svg{transform:rotate(90deg)}.kpi-detail-scroll{max-height:calc(100dvh - 280px)}.kpi-detail-table{min-width:1000px}
.kpi-objective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 12px 12px}.kpi-objective-card{position:relative;min-height:126px;padding:14px 14px 12px 31px;border:1px solid #e1e8f0;border-radius:9px;background:#fbfcfe}.kpi-objective-dot{position:absolute;top:17px;left:14px;width:8px;height:8px;border-radius:50%;background:var(--metric-accent)}.kpi-objective-card h3{margin:0 0 8px;font-size:12px}.kpi-objective-card strong{display:block;color:#1c4e83;font-size:12px}.kpi-objective-card p{margin-top:6px;color:#6b7a8e;font-size:10px;line-height:1.45}
.kpi-page .rk-dialog{max-height:calc(100dvh - 30px);overflow:auto}.kpi-page .rk-dialog p{font-size:12px;line-height:1.5;color:#deebf9}.kpi-page .rk-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:5px 9px;border:1px solid #496780;border-radius:5px;background:#243b52;color:#edf5ff;font-size:11px;box-shadow:none}.kpi-page .rk-button:hover{background:#33516c}.kpi-page .rk-button svg{width:14px;height:14px}
.kpi-page .kpi-import-trigger{min-height:43px;padding:0 13px;border-color:#91b5e3;border-radius:11px;background:#1266ce;color:#fff;font-size:12px}.kpi-page .kpi-import-trigger:hover{background:#247ce5;border-color:#b6d4f4}
.kpi-page .kpi-import-dialog{border:1px solid #496780;border-radius:10px;background:#182b40;color:#deebf9}.kpi-page .kpi-import-dialog::backdrop{background:#0614279c}
.kpi-page .kpi-import-header h2{color:#fff}.kpi-page .rk-field{display:flex;flex-direction:column;gap:4px;min-width:0;padding:5px 6px;border:1px solid #39516c;border-radius:5px;background:#1a3047}.kpi-page .rk-field>span{font-size:10px;color:#b8cde2}.kpi-page .rk-field select,.kpi-page .rk-field input{height:30px;padding:3px 7px;border:1px solid #405a76;border-radius:4px;background:#0e1d2d;color:#e5eff9;font-size:11px;color-scheme:dark}
.kpi-page .kpi-import-trigger svg{width:17px;height:17px}
@media(max-width:1500px){.kpi-workspace{grid-template-columns:220px minmax(0,1fr)}.kpi-sidebar{padding-right:12px;padding-left:12px}.kpi-main{padding-right:9px;padding-left:9px}.kpi-metric-grid{gap:6px}.kpi-metric-card{min-height:96px;padding:8px}.kpi-metric-icon{width:31px;height:31px}.kpi-metric-icon svg{width:18px;height:18px}.kpi-dashboard-grid{grid-template-columns:1.12fr 1fr 1fr;gap:8px}.kpi-panel-header{padding:0 9px}.kpi-panel-header h2{font-size:12px}.kpi-data-table thead th,.kpi-data-table tbody td,.kpi-data-table tbody th{padding-right:6px;padding-left:6px;font-size:9px}.kpi-status{font-size:8px;padding:2px 5px}}
@media(max-width:1240px){.kpi-top-header{grid-template-columns:195px minmax(190px,1fr) auto;min-height:82px}.kpi-brand-panel{padding:7px}.kpi-panalnet-symbol{width:52px;height:47px}.kpi-logo-word{font-size:26px}.kpi-heading{padding:7px 12px}.kpi-heading h1{font-size:17px}.kpi-header-info{gap:5px;padding:8px}.kpi-date-chip{min-width:125px;padding:7px 8px;column-gap:5px}.kpi-date-chip.last-data{min-width:119px}.kpi-date-chip strong{font-size:12px}.kpi-date-chip small{font-size:8px}.kpi-date-chip svg{width:18px;height:18px}.kpi-import-trigger,.kpi-page .kpi-import-trigger{min-height:38px;padding:0 8px;font-size:10px}.kpi-workspace{grid-template-columns:205px minmax(0,1fr)}.kpi-filter-form{gap:8px}.kpi-filter-field select,.kpi-filter-field input{font-size:10px}.kpi-dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:minmax(270px,auto) minmax(250px,auto) auto;min-height:0}.kpi-panel-compliance{grid-column:1;grid-row:1}.kpi-panel-evolution{grid-column:2;grid-row:1}.kpi-panel-quartiles{grid-column:1;grid-row:2}.kpi-panel-performance{grid-column:2;grid-row:2}.kpi-panel-ranking{grid-column:1/3;grid-row:3;min-height:270px}.kpi-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1040px){.main-panel:has(.kpi-page){height:auto;min-height:100dvh;overflow:visible;padding:10px}.main-panel:has(.kpi-page)>.topbar{height:auto;min-height:44px;padding:5px 8px;grid-template-columns:auto minmax(0,1fr) auto}.main-panel:has(.kpi-page) .topbar-actions{grid-column:auto}.kpi-page{height:auto;min-height:620px;overflow:visible}}
@media(max-width:900px){.main-panel:has(.kpi-page){height:auto;min-height:100dvh;overflow:visible}.kpi-page{height:auto;min-height:calc(100dvh - 56px);overflow:visible}.kpi-top-header{grid-template-columns:190px minmax(0,1fr);min-height:auto}.kpi-header-info{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;padding:7px 10px 9px}.kpi-heading{padding:12px}.kpi-heading h1{white-space:normal}.kpi-workspace{display:flex;flex-direction:column}.kpi-sidebar{overflow:visible;padding:13px}.kpi-sidebar>h2{margin-bottom:7px}.kpi-filter-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.kpi-date-fields{grid-column:span 2}.kpi-reset-button{height:35px}.kpi-sidebar-divider{margin:12px 0 9px}.kpi-sidebar>h2.kpi-navigation-title{display:none}.kpi-navigation{display:flex;gap:5px;overflow-x:auto}.kpi-nav-item{flex:none;min-height:34px;padding:0 9px}.kpi-sidebar-scope{display:none}.kpi-main{overflow:visible;padding:9px}.kpi-dashboard-grid{grid-template-rows:auto auto auto}.kpi-panel{min-height:250px}.kpi-panel-ranking{min-height:275px}}
@media(max-width:600px){.main-panel:has(.kpi-page)>.topbar{grid-template-columns:auto minmax(0,1fr);height:auto;min-height:70px}.main-panel:has(.kpi-page) .topbar-actions{grid-column:1/-1;justify-content:space-between}.main-panel:has(.kpi-page) .topbar-help-link{font-size:9px;padding:4px}.main-panel:has(.kpi-page) .profile-summary strong{max-width:90px;overflow:hidden;text-overflow:ellipsis}.kpi-top-header{grid-template-columns:1fr}.kpi-brand-panel{justify-content:flex-start;padding:6px 12px}.kpi-panalnet-symbol{width:42px;height:38px}.kpi-logo-word{font-size:24px}.kpi-heading{padding:10px 13px}.kpi-heading h1{font-size:16px}.kpi-heading p{font-size:12px}.kpi-header-info{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px}.kpi-date-chip,.kpi-date-chip.last-data{min-width:0;padding:6px}.kpi-date-chip strong{font-size:10px}.kpi-date-chip small{font-size:7px}.kpi-date-chip svg{width:15px;height:15px}.kpi-import-trigger,.kpi-page .kpi-import-trigger{grid-column:1/-1;min-height:34px}.kpi-workspace{display:flex}.kpi-sidebar{padding:10px}.kpi-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kpi-date-fields{grid-column:1/-1}.kpi-filter-field select,.kpi-filter-field input{height:32px}.kpi-nav-item{font-size:10px}.kpi-nav-item svg{width:15px;height:15px}.kpi-main{gap:7px;padding:7px}.kpi-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kpi-metric-card{min-height:82px;padding:7px}.kpi-metric-number{font-size:18px}.kpi-metric-name{font-size:9px}.kpi-metric-change{font-size:10px}.kpi-metric-card small{font-size:8px}.kpi-dashboard-grid{display:flex;flex-direction:column;gap:7px;min-height:0}.kpi-panel{min-height:235px}.kpi-panel-compliance{min-height:300px}.kpi-panel-ranking{min-height:270px}.kpi-panel-header{min-height:39px}.kpi-panel-header h2{font-size:11px}.kpi-panel-meta{font-size:8px}.kpi-data-table{min-width:520px}.kpi-compliance-table{min-width:0}.kpi-compliance-table thead th,.kpi-compliance-table tbody td,.kpi-compliance-table tbody th{padding:6px 5px;font-size:8px}.kpi-compliance-table tbody th{min-width:95px}.kpi-compliance-table .kpi-status{font-size:7px}.kpi-donut-layout svg{width:52%;max-width:160px}.kpi-donut-layout ul{gap:8px}.kpi-donut-layout li{font-size:9px}.kpi-view-panel>.kpi-panel-header{margin-bottom:8px}.kpi-objective-grid{grid-template-columns:1fr 1fr;gap:6px;padding:0 7px 8px}.kpi-objective-card{min-height:118px;padding:11px 8px 9px 23px}.kpi-objective-dot{left:9px;top:14px}.kpi-objective-card h3,.kpi-objective-card strong{font-size:10px}.kpi-objective-card p{font-size:9px}.kpi-view-description{font-size:10px}.kpi-comparison-cards{gap:6px;margin:0 7px 8px}.kpi-comparison-cards article{padding:8px}.kpi-comparison-cards strong{font-size:9px}.kpi-detail-actions{justify-content:flex-start;overflow:auto}.kpi-action-button{flex:none;font-size:9px}.kpi-detail-scroll{max-height:65vh}}

/* Keep the KPI dashboard as a single, full-screen view on desktop. */
@media(min-width:901px){
  #app:has(.kpi-page)>.sidebar-backdrop{display:none!important}
  .shell:has(.kpi-page){height:100dvh;min-height:0;grid-template-columns:minmax(0,1fr);overflow:hidden}
  .shell:has(.kpi-page)>.sidebar{display:none!important}
  .main-panel:has(.kpi-page){height:100dvh;min-height:0;gap:0;padding:0;overflow:hidden}
  .main-panel:has(.kpi-page)>.topbar{display:none!important}
  .kpi-page{height:100%;min-height:0;flex:1;overflow:hidden}
  .kpi-workspace{min-height:0;flex:1}
  .kpi-sidebar,.kpi-main{min-height:0;overflow:hidden}
  .kpi-main{flex:1}
  .kpi-view-host{min-height:0;flex:1;overflow:hidden}
  .kpi-dashboard-grid{width:100%;height:100%;min-height:0;grid-template-columns:1.12fr 1fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .kpi-panel-compliance{grid-column:1;grid-row:1}.kpi-panel-evolution{grid-column:2;grid-row:1}.kpi-panel-quartiles{grid-column:3;grid-row:1}.kpi-panel-performance{grid-column:1;grid-row:2}.kpi-panel-ranking{grid-column:2/4;grid-row:2;min-height:0}
}

@media(min-width:901px) and (max-height:760px){
  .kpi-top-header{min-height:72px;grid-template-columns:minmax(210px,240px) minmax(220px,1fr) auto}
  .kpi-brand-panel{padding:5px 10px}.kpi-panalnet-symbol{width:54px;height:46px}.kpi-logo-word{font-size:27px}
  .kpi-heading{padding:5px 13px}.kpi-heading h1{font-size:clamp(15px,1.4vw,20px)}.kpi-heading p{margin-top:3px;font-size:12px}
  .kpi-header-info{gap:6px;padding:6px 8px}.kpi-date-chip,.kpi-date-chip.last-data{min-width:132px;padding:5px 8px;border-radius:9px;column-gap:5px}.kpi-date-chip strong{font-size:11px}.kpi-date-chip small{font-size:8px}.kpi-date-chip svg{width:18px;height:18px}.kpi-page .kpi-import-trigger{min-height:31px;padding:0 8px;border-radius:8px;font-size:10px}
  .kpi-workspace{grid-template-columns:210px minmax(0,1fr)}
  .kpi-sidebar{padding:8px 10px}.kpi-sidebar>h2{margin-bottom:6px;font-size:13px}.kpi-filter-form{gap:4px}.kpi-date-fields{gap:5px}.kpi-filter-field{gap:2px}.kpi-filter-field>span{font-size:9px}.kpi-filter-field select,.kpi-filter-field input{height:27px;padding:0 7px;border-radius:5px;font-size:10px}.kpi-filter-field input{padding:0 4px}.kpi-reset-button{min-height:25px;margin-top:1px;border-radius:5px;font-size:9px}.kpi-reset-button svg{width:12px;height:12px}
  .kpi-sidebar-divider{margin:9px 0 8px}.kpi-sidebar>h2.kpi-navigation-title{margin-bottom:5px;font-size:10px}.kpi-navigation{gap:2px}.kpi-nav-item{min-height:25px;padding:0 7px;border-radius:5px;font-size:10px;gap:8px}.kpi-nav-item svg{width:14px;height:14px}.kpi-sidebar-scope{padding-top:7px;font-size:9px}
  .kpi-main{gap:6px;padding:6px 8px}.kpi-metric-grid{gap:5px}.kpi-metric-card{grid-template-columns:27px minmax(0,1fr);min-height:69px;padding:5px 6px;border-radius:9px;column-gap:5px;row-gap:1px}.kpi-metric-icon{width:25px;height:25px}.kpi-metric-icon svg{width:15px;height:15px}.kpi-metric-number{font-size:clamp(13px,1.15vw,17px)}.kpi-metric-name{font-size:8px}.kpi-metric-change{margin-top:2px;font-size:9px}.kpi-metric-change em{font-size:7px}.kpi-metric-card small{font-size:7px}
  .kpi-dashboard-grid{gap:6px}.kpi-panel,.kpi-view-panel{border-radius:8px}.kpi-panel-header{min-height:31px;padding:0 8px;gap:6px}.kpi-panel-icon{width:19px;height:19px}.kpi-panel-icon svg{width:16px;height:16px}.kpi-panel-header h2{font-size:10px}.kpi-panel-meta{font-size:8px}
  .kpi-data-table{font-size:8px;line-height:1.1}.kpi-data-table thead th{padding:3px 4px;font-size:8px;line-height:1.1}.kpi-data-table tbody td,.kpi-data-table tbody th{padding:3px 4px;font-size:8px;line-height:1.1}.kpi-compliance-table tbody th{min-width:90px}.kpi-table-dot{width:6px;height:6px;margin-right:4px}.kpi-status{min-height:15px;padding:1px 4px;font-size:7px}.kpi-rank-number{width:17px;height:17px}.kpi-quartile{min-width:22px;min-height:15px;font-size:7px}
  .kpi-chart-title{padding:5px 8px 0;font-size:9px}.kpi-chart-title span{font-size:8px}.kpi-chart-svg{max-height:165px;padding:2px 5px 4px}.kpi-bar-svg{max-height:170px;padding:3px 5px 0}.kpi-chart-empty{min-height:0;gap:3px;padding:6px;font-size:9px}.kpi-chart-empty>span{font-size:19px}.kpi-donut-layout{gap:6px}.kpi-donut-layout svg{width:min(52%,150px);max-height:155px}.kpi-donut-layout ul{gap:5px;min-width:55px}.kpi-donut-layout li{grid-template-columns:8px 1fr auto;gap:4px;font-size:9px}.kpi-donut-layout li i{width:7px;height:7px}.kpi-donut-layout li strong{font-size:9px}
}


/* Home navigation for the full-screen KPI workspace. */
.kpi-brand-panel{position:relative}
.kpi-home-link{position:absolute;left:9px;top:50%;display:grid;place-items:center;width:27px;height:27px;transform:translateY(-50%);border:1px solid #cad9ed;border-radius:50%;background:#f5f9ff;color:#174f91;box-shadow:0 2px 7px #19365b20;transition:background .15s ease,transform .15s ease}
.kpi-home-link:hover{transform:translateY(-50%) translateX(-2px);background:#e6f1ff}
.kpi-home-link:focus-visible{outline:2px solid #2b75d0;outline-offset:2px}
.kpi-home-link svg{width:16px;height:16px}
@media(min-width:901px) and (max-width:1240px){.kpi-top-header{grid-template-columns:235px minmax(190px,1fr) auto}.kpi-brand-panel{justify-content:flex-start;padding-left:43px}.kpi-panalnet-symbol{width:45px;height:40px}.kpi-logo-word{font-size:23px}}
@media(max-width:900px){.kpi-brand-panel{justify-content:flex-start;padding:6px 10px 6px 43px}.kpi-panalnet-symbol{width:45px;height:40px}.kpi-logo-word{font-size:23px}}

/* KPI advisor cards stay inside the regular Guía 360 shell. */
#app:has(.kpi-page)>.sidebar-backdrop{display:none!important}
.shell:has(.kpi-page){height:100dvh;min-height:0;grid-template-columns:264px minmax(0,1fr);overflow:hidden}
.shell:has(.kpi-page)>.sidebar{display:flex!important}
.main-panel:has(.kpi-page){display:flex;flex-direction:column;gap:8px;height:100dvh;min-height:0;overflow:hidden;padding:8px 12px 10px;background:#f3f6fa}
.main-panel:has(.kpi-page)>.topbar{display:grid!important;position:relative;top:auto;flex:none;width:100%;height:42px;min-height:42px}
.kpi-page{display:flex!important;flex:1;flex-direction:column;gap:9px!important;width:100%;height:auto;min-height:0;margin:0!important;overflow:hidden;background:transparent;color:#18283f;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.35}
.kpi-page *{box-sizing:border-box}
.kpi-page h1,.kpi-page h2,.kpi-page h3,.kpi-page p{margin:0;color:inherit}
.kpi-page button,.kpi-page input,.kpi-page select{font:inherit}
.kpi-page button{cursor:pointer}
.kpi-page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:2px 2px 0}
.kpi-page-header>div:first-child{min-width:0}
.kpi-page-header h1{color:#143a68;font-size:clamp(19px,1.8vw,25px);font-weight:750;line-height:1.15}
.kpi-page-header p{margin-top:3px;color:#6d7c91;font-size:11px}
.kpi-header-info{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0}
.kpi-date-chip{display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:7px;min-width:133px;padding:6px 9px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#18283f}
.kpi-date-chip>span{display:contents}.kpi-date-chip svg{grid-row:span 2;align-self:center;width:18px;height:18px;color:#1554a0}
.kpi-date-chip small{color:#657287;font-size:8px;line-height:1.15;text-transform:uppercase;letter-spacing:.04em}
.kpi-date-chip strong{margin-top:2px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-date-chip.last-data{min-width:120px;border-color:#cfdeed;background:#eef5fb;color:#143a68}
.kpi-date-chip.last-data svg{color:#1554a0}.kpi-date-chip.last-data small{color:#657287}
.kpi-page .kpi-import-trigger{min-height:34px;padding:0 10px;border:1px solid #0b69d1;border-radius:7px;background:#126bd0;color:#fff;font-size:10px;font-weight:700;box-shadow:none}
.kpi-page .kpi-import-trigger:hover{background:#075ab7}
.kpi-page .kpi-export-trigger{min-height:34px;padding:0 11px;border:1px solid #b8cbe2;border-radius:7px;background:#fff;color:#18558d;font-size:10px;font-weight:700;box-shadow:none}.kpi-page .kpi-export-trigger:hover{background:#eaf3fc}.kpi-page .kpi-export-trigger:disabled{opacity:.5;cursor:not-allowed}
.kpi-page .kpi-import-trigger svg{width:14px;height:14px}
.kpi-filter-panel{flex:none;padding:8px 10px;border:1px solid #e1e8f0;border-radius:9px;background:#fff;box-shadow:0 2px 8px #17396008}
.kpi-filter-form{display:grid;grid-template-columns:minmax(245px,1.5fr) repeat(3,minmax(125px,1fr)) auto;align-items:end;gap:8px}
.kpi-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}
.kpi-filter-field{display:flex;flex-direction:column;gap:3px;min-width:0}
.kpi-filter-field>span{color:#617188;font-size:9px;font-weight:650}
.kpi-filter-field select,.kpi-filter-field input{width:100%;height:31px;min-width:0;padding:0 7px;border:1px solid #d6e0ec;border-radius:6px;background:#fff;color:#253750;font-size:10px;color-scheme:light}
.kpi-reset-button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:0 9px;border:1px solid #cbd8e7;border-radius:6px;background:#f4f8fc;color:#355271;font-size:10px;font-weight:650;white-space:nowrap}
.kpi-reset-button:hover{background:#eaf2fb}.kpi-reset-button svg{width:13px;height:13px}
.kpi-view-host{flex:1;min-width:0;min-height:0;overflow:auto;padding:0 2px 2px}
.kpi-advisor-section{min-height:100%;display:flex;flex-direction:column;gap:8px}
.kpi-advisor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:2px 1px}
.kpi-advisor-heading h2{color:#173c68;font-size:14px;font-weight:750}
.kpi-advisor-heading p{margin-top:2px;color:#738198;font-size:9px}
.kpi-advisor-count{padding:4px 8px;border:1px solid #d9e5f2;border-radius:999px;background:#fff;color:#45627f;font-size:9px;font-weight:700;white-space:nowrap}
.kpi-advisor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));align-content:start;gap:8px}
.kpi-advisor-card{min-width:0;padding:10px;border:1px solid #dfe7f0;border-radius:9px;background:#fff;box-shadow:0 2px 7px #1739600b}
.kpi-advisor-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #edf1f5}
.kpi-advisor-identity{display:flex;align-items:center;gap:8px;min-width:0}
.kpi-advisor-avatar{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:50%;background:#e7f1fb;color:#1e5e9b;font-size:10px;font-weight:800}
.kpi-advisor-identity>div{min-width:0}
.kpi-advisor-identity h3{overflow:hidden;color:#203851;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.kpi-advisor-identity p{overflow:hidden;margin-top:2px;color:#7b899b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.kpi-advisor-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:8px}
.kpi-advisor-metric{display:grid;align-content:center;min-height:42px;padding:5px 7px;border:1px solid #edf1f5;border-radius:6px;background:#f8fafc}
.kpi-advisor-metric>span{color:#728197;font-size:8px;line-height:1.2}
.kpi-advisor-metric strong{margin-top:2px;color:#203f63;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-advisor-metric small{margin-top:1px;color:#7a8798;font-size:8px}
.kpi-advisor-metric:nth-child(4) strong{color:#ae6d0b}.kpi-advisor-metric:nth-child(5){grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}
.kpi-advisor-metric:nth-child(5)>span{grid-column:1/-1}.kpi-advisor-metric:nth-child(5) strong{grid-column:1}.kpi-advisor-metric:nth-child(5) small{grid-column:2;grid-row:2;color:#617188;font-weight:650}
.kpi-advisor-empty{display:grid;place-items:center;min-height:130px;padding:18px;border:1px dashed #cbd7e5;border-radius:9px;background:#fff;color:#687990;text-align:center;font-size:11px}
.kpi-feedback:not([hidden]){flex:none;padding:7px 10px;border:1px solid #d6e5f3;border-radius:7px;background:#eff7ff;color:#285783;font-size:10px}
.kpi-page .kpi-dialog{max-height:calc(100dvh - 32px)}
@media(max-width:1240px){.kpi-filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-date-fields{grid-column:span 2}.kpi-reset-button{justify-self:start}.kpi-header-info{gap:5px}.kpi-date-chip{min-width:122px}.kpi-date-chip.last-data{min-width:112px}}
@media(max-width:900px){.shell:has(.kpi-page){height:auto;min-height:100dvh;grid-template-columns:1fr;overflow:visible}.main-panel:has(.kpi-page){height:auto;min-height:100dvh;overflow:visible;padding:8px}.kpi-page{flex:none;height:auto;min-height:calc(100dvh - 58px);overflow:visible}.kpi-view-host{overflow:visible}.kpi-page-header{align-items:flex-start;flex-direction:column}.kpi-header-info{width:100%;justify-content:flex-start;flex-wrap:wrap}.kpi-advisor-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}
@media(max-width:600px){.main-panel:has(.kpi-page)>.topbar{height:auto;min-height:70px}.kpi-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kpi-date-fields{grid-column:1/-1}.kpi-filter-field select,.kpi-filter-field input{height:33px}.kpi-reset-button{width:100%}.kpi-advisor-grid{grid-template-columns:1fr}.kpi-advisor-card{padding:9px}.kpi-header-info{display:grid;grid-template-columns:1fr 1fr}.kpi-date-chip,.kpi-date-chip.last-data{min-width:0}.kpi-page .kpi-export-trigger,.kpi-page .kpi-import-trigger{grid-column:1/-1;width:100%}}
@media(max-width:1040px){#app:has(.kpi-page)>.sidebar-backdrop{display:block!important}}

/* Indicator cards with scoped filters in the KPI sidebar. */
.kpi-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.kpi-sidebar{min-width:0;min-height:0;overflow:auto;padding:12px 11px;background:linear-gradient(175deg,#062c62 0%,#082756 57%,#061d42 100%);color:#f3f7ff}
.kpi-sidebar>h2{margin:0 0 10px;color:#fff;font-size:14px;font-weight:750}
.kpi-filter-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.kpi-date-block{display:grid;gap:5px}
.kpi-filter-caption{color:#d5e4f6;font-size:10px;font-weight:700}
.kpi-date-fields{grid-template-columns:1fr 1fr;gap:6px}
.kpi-filter-field{gap:3px}
.kpi-filter-field>span{color:#d5e4f6;font-size:9px;font-weight:600}
.kpi-filter-field select,.kpi-filter-field input{height:31px;padding:0 7px;border:1px solid #d0dae7;border-radius:6px;background:#fff;color:#1e2e43;font-size:10px;box-shadow:none}
.kpi-date-range{position:relative;height:22px;margin:0 7px 2px}
.kpi-date-range-track{position:absolute;top:10px;right:4px;left:4px;height:3px;border-radius:3px;background:#78c8ee}
.kpi-date-range input[type="range"]{position:absolute;inset:0;width:100%;height:22px;margin:0;appearance:none;background:transparent;pointer-events:none}
.kpi-date-range input[type="range"]::-webkit-slider-runnable-track{height:3px;background:transparent}
.kpi-date-range input[type="range"]::-moz-range-track{height:3px;background:transparent}
.kpi-date-range input[type="range"]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;appearance:none;border:2px solid #fff;border-radius:50%;background:#258de2;box-shadow:0 1px 4px #001b4866;pointer-events:auto;cursor:grab}
.kpi-date-range input[type="range"]::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#258de2;box-shadow:0 1px 4px #001b4866;pointer-events:auto;cursor:grab}
.kpi-date-range input[type="range"]:focus-visible{outline:none}
.kpi-date-range input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid #bdeaff;outline-offset:2px}
.kpi-date-range input[type="range"]:disabled{display:none}
.kpi-reset-button{width:100%;min-height:30px;margin-top:1px;border:1px solid #7292bb;border-radius:6px;background:#153c70;color:#e9f2ff;font-size:10px}
.kpi-reset-button:hover{background:#20518d}
.kpi-sidebar-scope{display:flex;align-items:flex-start;gap:7px;margin-top:auto;padding-top:13px;color:#b9cde6;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.kpi-sidebar-scope svg{width:14px;height:14px;flex:none}
.kpi-main{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:0;overflow:hidden;padding:9px 10px 10px}
.kpi-view-host{flex:1;min-width:0;min-height:0;overflow:auto;padding:0 1px 2px}
.kpi-indicators-section{display:flex;min-height:100%;flex-direction:column;gap:7px}
.kpi-indicators-heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:10px;padding:1px 1px 2px}
.kpi-indicators-heading h2{color:#173c68;font-size:14px;font-weight:750}
.kpi-indicators-heading p{margin-top:2px;color:#718098;font-size:9px;line-height:1.35}
.kpi-indicators-count{padding:4px 8px;border:1px solid #d9e5f2;border-radius:999px;background:#fff;color:#45627f;font-size:9px;font-weight:700;white-space:nowrap}
.kpi-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}
.kpi-indicator-card{display:flex;min-width:0;max-height:min(390px,55dvh);flex-direction:column;overflow:hidden;border:1px solid #dfe7f0;border-top:3px solid var(--metric-accent);border-radius:9px;background:#fff;box-shadow:0 2px 7px #1739600b}
.kpi-indicator-card-header{display:flex;flex:none;align-items:center;gap:8px;min-height:43px;padding:6px 9px;border-bottom:1px solid #e8edf3}
.kpi-indicator-icon{display:grid;width:27px;height:27px;flex:none;place-items:center;border-radius:50%;background:var(--metric-bg);color:var(--metric-accent)}
.kpi-indicator-icon svg{width:15px;height:15px}
.kpi-indicator-card-header h3{color:#203851;font-size:11px;font-weight:750}
.kpi-indicator-card-header p{margin-top:1px;color:#78879a;font-size:8px}
.kpi-indicator-list{min-height:0;overflow:auto}
.kpi-indicator-row{display:grid;grid-template-columns:20px minmax(70px,1fr) minmax(75px,auto) auto;align-items:center;gap:6px;min-height:39px;padding:4px 7px;border-bottom:1px solid #edf1f5}
.kpi-indicator-row:nth-child(even){background:#f8fafc}
.kpi-indicator-position{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#edf3fb;color:#315c88;font-size:8px;font-weight:750}
.kpi-indicator-advisor{display:grid;min-width:0;gap:2px}
.kpi-indicator-advisor strong{overflow:hidden;color:#263a53;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.kpi-indicator-advisor small{overflow:hidden;color:#7a899d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.kpi-indicator-result{display:grid;min-width:0;gap:2px;text-align:right}
.kpi-indicator-result strong{color:#173f6a;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-indicator-result small{overflow:hidden;color:#7a8798;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.kpi-indicator-status{display:inline-flex;min-width:55px;min-height:17px;align-items:center;justify-content:center;padding:2px 5px;border-radius:99px;font-size:7px;font-weight:750;white-space:nowrap}
.kpi-indicator-status.status-good{background:#e4f6ec;color:#137749}
.kpi-indicator-status.status-bad{background:#fff0ee;color:#b33c39}
.kpi-indicator-status.status-neutral{background:#eef2f6;color:#66758a}
.kpi-indicator-empty{padding:16px 9px;color:#77869a;text-align:center;font-size:9px}
.tone-blue{--metric-bg:#eaf3ff;--metric-accent:#2b75d0}.tone-teal{--metric-bg:#e7f8f5;--metric-accent:#159e93}.tone-violet{--metric-bg:#f1edff;--metric-accent:#8056d8}.tone-amber{--metric-bg:#fff6e3;--metric-accent:#dd9a1f}.tone-cyan{--metric-bg:#e8f8fb;--metric-accent:#178fa9}
@media(max-width:1240px){.kpi-workspace{grid-template-columns:205px minmax(0,1fr)}.kpi-indicator-row{grid-template-columns:18px minmax(60px,1fr) minmax(65px,auto) auto;gap:4px;padding-right:5px;padding-left:5px}.kpi-indicator-status{min-width:48px;padding-right:4px;padding-left:4px;font-size:6.5px}}
@media(max-width:900px){.kpi-workspace{display:flex;flex-direction:column;overflow:visible}.kpi-sidebar{max-height:none;overflow:visible;padding:11px}.kpi-filter-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.kpi-date-block{grid-column:1/-1}.kpi-sidebar-scope{margin-top:8px}.kpi-main{min-height:400px;overflow:visible;padding:9px}.kpi-view-host{overflow:visible}.kpi-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-indicator-card{max-height:360px}}
@media(max-width:600px){.kpi-filter-form{grid-template-columns:1fr 1fr}.kpi-indicator-grid{grid-template-columns:1fr}.kpi-indicator-card{max-height:340px}.kpi-indicator-row{grid-template-columns:18px minmax(70px,1fr) minmax(65px,auto) auto}.kpi-indicator-status{min-width:50px;font-size:7px}}

/* Excel-like tables: one indicator title and one advisor/subagency result per row. */
.kpi-indicators-section{gap:10px}
.kpi-indicators-heading{align-items:center;padding:2px 2px 4px}
.kpi-indicators-heading h2{font-size:16px;letter-spacing:-.01em}
.kpi-indicators-heading p{font-size:10px}
.kpi-indicators-heading-side{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.kpi-indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:11px}
.kpi-indicator-card{max-height:min(430px,58dvh);border:1px solid #a4a4a4;border-radius:0;background:#fff;box-shadow:none}
.kpi-indicator-list{flex:1;min-height:0;overflow:auto;background:#fff}
.kpi-indicator-table{width:100%;border:1px solid #a4a4a4;border-collapse:collapse;table-layout:fixed;background:#fff;color:#111;font-size:10px;font-variant-numeric:tabular-nums}
.kpi-indicator-name-column{width:52%}.kpi-indicator-value-column{width:27%}.kpi-indicator-quartile-column{width:21%}
.kpi-indicator-table.has-percentage .kpi-indicator-name-column{width:42%}.kpi-indicator-table.has-percentage .kpi-indicator-value-column{width:25%}.kpi-indicator-table.has-percentage .kpi-indicator-percent-column{width:18%}.kpi-indicator-table.has-percentage .kpi-indicator-quartile-column{width:15%}
.kpi-indicator-table thead th{position:sticky;z-index:2;padding:4px 6px;border:1px solid #a4a4a4;text-align:center;white-space:nowrap}
.kpi-indicator-title-row th{top:0;width:auto;height:25px;background:#092b68;color:#fff;text-align:center;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.kpi-indicator-column-row th{top:25px;height:23px;background:#f1f3f5;color:#111;text-align:center;font-size:9px;font-weight:700;text-transform:uppercase}
.kpi-indicator-table tbody tr{height:25px;background:#fff}
.kpi-indicator-table tbody td,.kpi-indicator-table tbody th{height:25px;padding:2px 5px;border:1px solid #a4a4a4;vertical-align:middle}
.kpi-indicator-entity{overflow:hidden;color:#111;text-align:left;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.kpi-indicator-result{display:table-cell;min-width:0;padding:2px 5px!important;background:var(--kpi-scale-color,#fff);color:#111;text-align:left;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-indicator-result>span:last-child{font-variant-numeric:tabular-nums}
.kpi-indicator-signal{display:inline-block;width:16px;margin-right:3px;text-align:center;font-size:11px;font-weight:800;vertical-align:middle}
.kpi-indicator-signal.signal-good{color:#368d6d}.kpi-indicator-signal.signal-warning{color:#bf8c14}.kpi-indicator-signal.signal-bad{color:#cb4838}.kpi-indicator-signal.signal-neutral{color:#7b8795}
.kpi-indicator-percent{padding:2px 5px!important;background:var(--kpi-scale-color,#edf1f5);color:#111;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi-indicator-quartile{text-align:center;font-size:10px;font-weight:750;white-space:nowrap}
.kpi-indicator-quartile .q-q1{color:#00a64a}.kpi-indicator-quartile .q-q2{color:#c08a00}.kpi-indicator-quartile .q-q3{color:#e27424}.kpi-indicator-quartile .q-q4{color:#d43838}
.kpi-indicator-empty{height:40px!important;padding:10px 9px!important;color:#77869a;text-align:center!important;font-size:10px}
@media(max-width:1240px){.kpi-indicator-table thead th{padding-right:5px;padding-left:5px}.kpi-indicator-entity,.kpi-indicator-result,.kpi-indicator-percent,.kpi-indicator-quartile{font-size:9px}}
@media(max-width:900px){.kpi-indicator-grid{grid-template-columns:1fr}.kpi-indicator-card{max-height:430px}}
@media(max-width:600px){.kpi-indicators-heading{align-items:flex-start}.kpi-indicator-card{max-height:390px}.kpi-indicator-table{font-size:9px}.kpi-indicator-signal{width:12px;margin-right:1px;font-size:9px}}

.kpi-indicator-grid.kpi-summary-grid{grid-template-columns:minmax(0,1fr)}
.kpi-summary-card{grid-column:1/-1;max-height:none;border:1px solid #a4a4a4;border-radius:0;background:#fff;box-shadow:none}
.kpi-summary-list{overflow:auto}
.kpi-summary-table{min-width:900px}
.kpi-summary-table .summary-advisor{width:20%}.kpi-summary-table .summary-adherence{width:8%}.kpi-summary-table .summary-calls{width:9%}.kpi-summary-table .summary-connection{width:12%}.kpi-summary-table .summary-pause{width:11%}.kpi-summary-table .summary-dispo{width:13%}.kpi-summary-table .summary-talk{width:13%}.kpi-summary-table .summary-tmo{width:8%}.kpi-summary-table .summary-quartile{width:6%}
.kpi-summary-table .kpi-summary-value{padding:3px 8px 3px 4px!important;background:var(--kpi-scale-color,#edf1f5);text-align:right;white-space:nowrap}
.kpi-summary-value strong{display:block;color:#111;text-align:right;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.kpi-summary-objective-row th{top:25px;height:20px;padding:2px 3px!important;border:1px solid #c5ccd4;background:#e7edf5;color:#475a70;text-align:center;font-size:7px;font-weight:650;white-space:nowrap}
.kpi-summary-table .kpi-indicator-column-row th{top:45px}