/* Objectives & KPIs management workspace */
#page-kpi.kpi-x-page {
  --kpi-green: #0f8a64;
  --kpi-green-dark: #086348;
  --kpi-blue: #2563eb;
  --kpi-amber: #d97706;
  --kpi-red: #dc2626;
  --kpi-slate: #64748b;
  padding: 20px 24px 40px;
  background: #f6f8fb;
  min-height: 100%;
}
#page-kpi .kpi-x-header {display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
#page-kpi .kpi-x-title {font-size:25px;font-weight:850;color:#111827;letter-spacing:-.025em}
#page-kpi .kpi-x-company {font-size:13px;color:var(--kpi-green-dark);font-weight:700;margin-top:4px}
#page-kpi .kpi-x-actions {display:flex;gap:8px;align-items:center;flex-wrap:nowrap;justify-content:flex-end}
#page-kpi .kpi-x-actions #year-sel {width:104px!important;min-width:104px;flex:0 0 104px}
#page-kpi .kpi-x-btn {height:38px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#15334f;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
#page-kpi .kpi-x-btn:hover {border-color:#94a3b8;background:#f8fafc}
#page-kpi .kpi-x-btn.primary {background:linear-gradient(145deg,#17a979,#087252);border-color:#087252;color:#fff;box-shadow:0 7px 16px rgba(15,138,100,.2)}
#page-kpi .kpi-x-btn.warn {border-color:#f59e0b;color:#a75800;background:#fffbeb}
#page-kpi .kpi-x-filters {display:grid;grid-template-columns:132px minmax(160px,1fr) minmax(160px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:end;margin-bottom:12px}
#page-kpi .kpi-x-field label {display:block;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0 0 4px 3px}
#page-kpi .kpi-x-field select,#page-kpi .kpi-x-field input {width:100%;height:38px;border:1px solid #d9e1ea;border-radius:9px;background:#fff;padding:0 11px;font-size:12px;color:#0f172a;box-sizing:border-box}
#page-kpi .kpi-x-tabs {display:flex!important;width:100%!important;gap:2px!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-bottom:1px solid #dbe3ec!important;border-radius:0!important;background:transparent!important;overflow-x:auto}
#page-kpi .kpi-x-tabs .kpi-tab {white-space:nowrap;border-radius:0!important;padding:10px 14px!important;background:transparent!important;color:#475569!important;border:0!important;border-bottom:2px solid transparent!important;font-weight:650!important}
#page-kpi .kpi-x-tabs .kpi-tab.active {color:var(--kpi-green-dark)!important;border-bottom-color:var(--kpi-green)!important}
#page-kpi .kpi-x-view[hidden] {display:none!important}
#page-kpi #kpi-metrics.kpi-x-metrics {display:grid!important;grid-template-columns:repeat(5,minmax(135px,1fr))!important;gap:10px!important;margin-bottom:12px!important}
#page-kpi #kpi-metrics.kpi-x-metrics .kpi-x-metric {min-height:105px;padding:14px!important;border:1px solid #dce4ed!important;border-left:1px solid #dce4ed!important;border-radius:12px!important;background:#fff!important;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.045)}
#page-kpi .kpi-x-metric-head {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
#page-kpi .kpi-x-metric-icon {width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#ecfdf5;color:var(--kpi-green);font-size:18px}
#page-kpi .kpi-x-metric[data-status="at_risk"] .kpi-x-metric-icon {background:#fff7ed;color:var(--kpi-amber)}
#page-kpi .kpi-x-metric[data-status="off_track"] .kpi-x-metric-icon {background:#fef2f2;color:var(--kpi-red)}
#page-kpi .kpi-x-metric[data-status="data_missing"] .kpi-x-metric-icon {background:#f1f5f9;color:var(--kpi-slate)}
#page-kpi .kpi-x-metric-label {font-size:11px;color:#64748b;font-weight:750;text-transform:none!important;letter-spacing:0!important;margin:0!important}
#page-kpi .kpi-x-metric-value {font-size:28px!important;font-weight:850!important;line-height:1!important;color:#0f172a!important}
#page-kpi .kpi-x-metric-sub {font-size:10px;color:#64748b;margin-top:7px}
#page-kpi .kpi-x-alert {display:flex;align-items:center;gap:12px;border:1px solid #fdba74;background:#fffaf0;color:#7c3c06;border-radius:9px;padding:9px 12px;margin-bottom:12px;font-size:12px}
#page-kpi .kpi-x-alert strong {color:#9a4d05}
#page-kpi .kpi-x-alert .kpi-x-btn {margin-left:auto;height:31px;background:#fffaf0;border-color:#f59e0b;color:#9a4d05}
#page-kpi .kpi-x-grid {display:grid;grid-template-columns:1.18fr .82fr .82fr;gap:12px;margin-bottom:12px}
#page-kpi .kpi-x-grid.two {grid-template-columns:1.35fr .65fr}
#page-kpi .kpi-x-panel {background:#fff;border:1px solid #dce4ed;border-radius:12px;padding:14px;box-shadow:0 8px 22px rgba(15,23,42,.04);min-width:0}
#page-kpi .kpi-x-panel-title {font-size:14px;font-weight:800;color:#12324c;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#page-kpi .kpi-x-panel-sub {font-size:10px;color:#64748b;font-weight:500}
#page-kpi .kpi-x-trend {width:100%;height:180px;display:block}
#page-kpi .kpi-x-objective-row {display:grid;grid-template-columns:minmax(130px,1fr) 2fr 46px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7;font-size:11px}
#page-kpi .kpi-x-objective-row:last-child {border-bottom:0}
#page-kpi .kpi-x-bar {height:10px;border-radius:99px;background:#edf2f7;overflow:hidden}
#page-kpi .kpi-x-bar i {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f8a64,#22c55e)}
#page-kpi .kpi-x-priority {display:grid;gap:7px}
#page-kpi .kpi-x-priority-row {display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #eef2f7;padding:7px 0;font-size:11px;cursor:pointer}
#page-kpi .kpi-x-priority-row:last-child {border-bottom:0}
#page-kpi .kpi-x-priority-rank {width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:#fee2e2;color:#b91c1c;font-weight:800}
#page-kpi .kpi-x-quality {display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
#page-kpi .kpi-x-quality strong {display:block;font-size:22px;color:#0f8a64}
#page-kpi .kpi-x-quality span {font-size:10px;color:#64748b}
#page-kpi .kpi-x-table-wrap {overflow:auto;max-width:100%;border:1px solid #dce4ed;border-radius:11px;background:#fff}
#page-kpi .kpi-x-table {width:100%;min-width:1140px;border-collapse:separate;border-spacing:0;font-size:11px;table-layout:fixed}
#page-kpi .kpi-x-table .kpi-x-col-name {width:330px}
#page-kpi .kpi-x-table .kpi-x-col-type {width:105px}
#page-kpi .kpi-x-table .kpi-x-col-target {width:140px}
#page-kpi .kpi-x-table .kpi-x-col-actual {width:120px}
#page-kpi .kpi-x-table .kpi-x-col-variance {width:95px}
#page-kpi .kpi-x-table .kpi-x-col-trend {width:110px}
#page-kpi .kpi-x-table .kpi-x-col-owner {width:140px}
#page-kpi .kpi-x-table .kpi-x-col-status {width:120px}
#page-kpi .kpi-x-table th {position:sticky;top:0;z-index:4;background:#0f8a64!important;color:#fff!important;text-transform:none!important;letter-spacing:0!important;padding:10px 9px!important;border:0!important;text-align:left;white-space:nowrap}
#page-kpi .kpi-x-table td {padding:9px!important;border:0!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle;color:#334155;background:#fff}
#page-kpi #kpi-tab-overview .kpi-x-table th {background:#dcefe7!important;color:#173d32!important;font-size:11px!important;font-weight:750!important;text-transform:none!important;letter-spacing:0!important;padding:11px 12px!important}
#page-kpi #kpi-tab-overview .kpi-x-table td {padding:11px 12px!important;line-height:1.35;word-break:normal;overflow-wrap:normal}
#page-kpi .kpi-x-table tr.kpi-row {display:table-row!important}
#page-kpi .kpi-x-table td small {display:block;color:#64748b;font-size:9px;margin-top:3px;font-weight:500}
#page-kpi .kpi-x-hierarchy {display:flex;align-items:center;gap:8px;min-width:0}
#page-kpi .kpi-x-hierarchy.kpi {padding-left:12px}
#page-kpi .kpi-x-hierarchy.indicator {padding-left:34px;color:#475569}
#page-kpi .kpi-x-hierarchy-code {display:inline-block;min-width:35px;color:#64748b;font-size:10px;font-weight:750;flex:0 0 auto}
#page-kpi .kpi-x-objective-score {float:right;color:#087252;font-weight:850}
#page-kpi .kpi-x-type {display:block;font-weight:700;color:#334155;text-transform:capitalize}
#page-kpi .kpi-x-table tr:hover td {background:#f8fbfa}
#page-kpi .kpi-x-table .objective td {background:#eff8f5!important;color:#086348;font-weight:800;border-top:1px solid #cfe8df!important}
#page-kpi .kpi-x-table .kpi-row td {background:#fbfdfc;font-weight:700;color:#17324a}
#page-kpi .kpi-x-direction {white-space:nowrap;font-size:10px;color:#475569}
#page-kpi .kpi-x-owner {display:inline-flex;width:25px;height:25px;border-radius:99px;align-items:center;justify-content:center;background:#e0e7ff;color:#3730a3;font-weight:800;margin-right:6px}
#page-kpi .kpi-x-status {display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:750;white-space:nowrap}
#page-kpi .kpi-x-status.on_track {background:#e8f5df;color:#347210}
#page-kpi .kpi-x-status.at_risk {background:#fff2cf;color:#a15800}
#page-kpi .kpi-x-status.off_track {background:#fee2e2;color:#b91c1c}
#page-kpi .kpi-x-status.data_missing {background:#eef2f6;color:#64748b}
#page-kpi .kpi-x-status.in_progress {background:#e8f2ff;color:#2563eb}
#page-kpi .kpi-x-status.not_started,#page-kpi .kpi-x-status.not_due {background:#e8edf3;color:#526274}
#page-kpi .kpi-x-row-actions {display:flex;gap:5px;justify-content:flex-end}
#page-kpi .kpi-x-icon-btn {width:29px;height:29px;border:1px solid #d9e1ea;border-radius:7px;background:#fff;color:#475569;display:grid;place-items:center;cursor:pointer}
#page-kpi .kpi-x-icon-btn.action {color:#087252;border-color:#9bd8c3}
#page-kpi .kpi-x-spark {width:74px;height:24px;display:block}
#page-kpi .kpi-x-month-toolbar {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #dce4ed;border-radius:11px 11px 0 0;background:#fff}
#page-kpi .kpi-x-cycle {border:1px solid #bfdbfe;background:#eff6ff;border-radius:9px;padding:9px 12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:11px;color:#1e4f8f}
#page-kpi .kpi-x-cycle-progress {height:7px;flex:1;max-width:260px;border-radius:99px;background:#dbeafe;overflow:hidden}
#page-kpi .kpi-x-cycle-progress i {display:block;height:100%;background:#0f8a64;border-radius:inherit}
#page-kpi .kpi-x-period {display:inline-flex;border:1px solid #d9e1ea;border-radius:8px;overflow:hidden}
#page-kpi .kpi-x-period button {height:32px;border:0;background:#fff;color:#64748b;padding:0 12px;font-size:11px;cursor:pointer}
#page-kpi .kpi-x-period button.active {background:#0f8a64;color:#fff}
#page-kpi #kpi-monthly-table {min-width:1500px!important;border-collapse:separate!important;border-spacing:0!important}
#page-kpi #kpi-monthly-table th {position:sticky!important;top:0!important;z-index:5!important;background:#f8fafc!important;white-space:nowrap}
#page-kpi #kpi-monthly-table td {white-space:nowrap}
#page-kpi #kpi-monthly-table .kpi-x-sticky-1 {position:sticky;left:0;z-index:3;background:#fff!important;min-width:64px}
#page-kpi #kpi-monthly-table .kpi-x-sticky-2 {position:sticky;left:64px;z-index:3;background:#fff!important;min-width:160px}
#page-kpi #kpi-monthly-table .kpi-x-sticky-3 {position:sticky;left:224px;z-index:3;background:#fff!important;min-width:190px;box-shadow:5px 0 8px rgba(15,23,42,.05)}
#page-kpi #kpi-monthly-table thead .kpi-x-sticky-1,#page-kpi #kpi-monthly-table thead .kpi-x-sticky-2,#page-kpi #kpi-monthly-table thead .kpi-x-sticky-3 {z-index:8!important;background:#f8fafc!important}
#page-kpi .kpi-x-cell {min-width:62px;text-align:center!important;cursor:pointer}
#page-kpi .kpi-x-cell.on_track {background:#eef9e9!important;color:#347210!important;font-weight:700}
#page-kpi .kpi-x-cell.at_risk {background:#fff8e7!important;color:#a15800!important;font-weight:700}
#page-kpi .kpi-x-cell.off_track {background:#fff0f0!important;color:#b91c1c!important;font-weight:700}
#page-kpi .kpi-x-cell.data_missing {background:#fffaf0!important;color:#b45309!important}
#page-kpi .kpi-x-cell.in_progress {background:#eef6ff!important;color:#2563eb!important;font-weight:700}
#page-kpi .kpi-x-cell.not_due {background:#f5f7fa!important;color:#94a3b8!important;cursor:default}
#page-kpi .kpi-x-workflow {display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;background:#fff;border-top:1px solid #dce4ed;font-size:10px;color:#64748b}
#page-kpi .kpi-x-workflow span {display:inline-flex;align-items:center;gap:5px}
#page-kpi .kpi-x-workflow i {width:17px;height:17px;border-radius:99px;border:1px solid #cbd5e1;display:grid;place-items:center;font-style:normal}
#page-kpi .kpi-x-workflow .active {color:#087252;font-weight:750}
#page-kpi .kpi-x-workflow .active i {background:#0f8a64;color:#fff;border-color:#0f8a64}
#page-kpi .kpi-x-empty {padding:30px;text-align:center;color:#64748b;font-size:12px}
#page-kpi .kpi-x-config {display:grid;grid-template-columns:220px 1fr 260px;gap:12px}
#page-kpi .kpi-x-config-nav button {width:100%;height:38px;border:0;background:transparent;text-align:left;padding:0 10px;color:#475569;font-size:11px;border-radius:7px}
#page-kpi .kpi-x-config-nav button.active {background:#eaf7f2;color:#087252;font-weight:750;border-left:3px solid #0f8a64}
#page-kpi .kpi-x-rule {display:grid;grid-template-columns:120px 1fr 90px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f5;font-size:11px}
.kpi-x-drawer {position:fixed;inset:0;z-index:10020;background:rgba(15,23,42,.3);display:flex;justify-content:flex-end}
.kpi-x-drawer-card {width:min(460px,96vw);height:100%;background:#fff;box-shadow:-18px 0 45px rgba(15,23,42,.18);display:flex;flex-direction:column}
.kpi-x-drawer-head {padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kpi-x-drawer-body {padding:18px 20px;overflow:auto;flex:1}
.kpi-x-drawer-actions {padding:14px 20px;border-top:1px solid #e2e8f0;display:flex;gap:8px}
.kpi-x-drawer h3 {margin:0;color:#102a43;font-size:18px}.kpi-x-drawer h4 {font-size:12px;color:#12324c;margin:18px 0 8px}
.kpi-x-drawer .kpi-x-kv {display:grid;grid-template-columns:125px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f5;font-size:11px}
.kpi-x-drawer .kpi-x-kv span:first-child {color:#64748b}.kpi-x-drawer .kpi-x-kv span:last-child {font-weight:650;color:#1e293b}
#kpi-entry-modal {align-items:stretch!important;justify-content:flex-end!important;background:rgba(15,23,42,.3)!important}
#kpi-entry-modal > div {width:min(460px,96vw)!important;height:100%!important;max-height:100%!important;border-radius:0!important;padding:22px!important;overflow-y:auto!important;box-sizing:border-box!important}
.kpi-x-exception-fields {display:grid;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e2e8f0}
.kpi-x-exception-fields textarea,.kpi-x-exception-fields input {width:100%;box-sizing:border-box;border:1px solid #d9e1ea;border-radius:8px;padding:9px;font-size:12px}
.kpi-x-preview {padding:10px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;font-size:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.kpi-x-preview strong {display:block;font-size:15px;color:#0f172a;margin-top:2px}
@media (max-width:1280px){#page-kpi #kpi-metrics.kpi-x-metrics{grid-template-columns:repeat(3,1fr)!important}#page-kpi .kpi-x-grid{grid-template-columns:1fr 1fr}#page-kpi .kpi-x-grid>.kpi-x-panel:first-child{grid-column:1/-1}#page-kpi .kpi-x-filters{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){#page-kpi.kpi-x-page{padding:14px 10px 80px}#page-kpi .kpi-x-header{display:block}#page-kpi .kpi-x-actions{justify-content:flex-start;margin-top:12px;flex-wrap:wrap}#page-kpi .kpi-x-actions .kpi-x-btn{flex:1}#page-kpi .kpi-x-filters{grid-template-columns:1fr 1fr}#page-kpi #kpi-metrics.kpi-x-metrics{grid-template-columns:1fr 1fr!important}#page-kpi .kpi-x-grid,#page-kpi .kpi-x-grid.two,#page-kpi .kpi-x-config{grid-template-columns:1fr}#page-kpi .kpi-x-grid>.kpi-x-panel:first-child{grid-column:auto}#page-kpi .kpi-x-tabs{padding-bottom:2px!important}#page-kpi .kpi-x-title{font-size:22px}.kpi-x-drawer-card{width:100vw}}

/* Persistent KPI configuration workspace */
#page-kpi .kpi-cfg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-2px 0 14px}
#page-kpi .kpi-cfg-toolbar h2{font-size:19px;line-height:1.2;margin:0;color:#102a43}
#page-kpi .kpi-cfg-toolbar p{display:flex;align-items:center;gap:8px;margin:5px 0 0;color:#64748b;font-size:11px}
#page-kpi .kpi-cfg-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
#page-kpi .kpi-cfg-actions>span{font-size:10px;color:#64748b;margin-right:4px}
#page-kpi .kpi-cfg-actions button:disabled{opacity:.48;cursor:not-allowed}
#page-kpi .kpi-cfg-version{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:99px;background:#f1f5f9;color:#475569;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
#page-kpi .kpi-cfg-version.draft{background:#eff6ff;color:#1d4ed8}#page-kpi .kpi-cfg-version.validated{background:#fff7ed;color:#b45309}#page-kpi .kpi-cfg-version.published{background:#ecfdf5;color:#087252}
#page-kpi .kpi-cfg-schema{display:flex;gap:10px;align-items:center;padding:11px 13px;margin-bottom:12px;border:1px solid #fdba74;border-radius:10px;background:#fff7ed;color:#9a4d05}
#page-kpi .kpi-cfg-schema i{font-size:20px}#page-kpi .kpi-cfg-schema strong,#page-kpi .kpi-cfg-schema span{display:block}#page-kpi .kpi-cfg-schema span{font-size:11px;margin-top:2px}
#page-kpi .kpi-cfg-layout{display:grid;grid-template-columns:210px minmax(480px,1fr) 250px;gap:12px;align-items:start}
#page-kpi .kpi-cfg-nav{position:sticky;top:8px;background:#fff;border:1px solid #dce4ed;border-radius:11px;padding:6px;box-shadow:0 8px 22px rgba(15,23,42,.035)}
#page-kpi .kpi-cfg-nav button{width:100%;min-height:37px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-left:3px solid transparent;border-radius:7px;background:transparent;color:#475569;text-align:left;font-size:10.5px;cursor:pointer}
#page-kpi .kpi-cfg-nav button i{font-size:15px;color:#64748b}#page-kpi .kpi-cfg-nav button:hover{background:#f8fafc}#page-kpi .kpi-cfg-nav button.active{border-left-color:#0f8a64;background:#eaf7f2;color:#087252;font-weight:800}#page-kpi .kpi-cfg-nav button.active i{color:#0f8a64}
#page-kpi .kpi-cfg-main{display:grid;gap:12px;min-width:0}#page-kpi .kpi-cfg-side{display:grid;gap:12px;position:sticky;top:8px}
#page-kpi .kpi-cfg-card{background:#fff;border:1px solid #dce4ed;border-radius:11px;padding:15px;box-shadow:0 8px 22px rgba(15,23,42,.035);min-width:0}
#page-kpi .kpi-cfg-card-title{font-size:13px;font-weight:850;color:#12324c;margin-bottom:4px}
#page-kpi .kpi-cfg-help{font-size:10.5px;line-height:1.55;color:#64748b;margin:5px 0 12px}
#page-kpi .kpi-cfg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:12px}
#page-kpi .kpi-cfg-field label{display:block;font-size:10px;font-weight:750;color:#475569;margin:0 0 5px}
#page-kpi .kpi-cfg-field input,#page-kpi .kpi-cfg-field select{width:100%;height:38px;box-sizing:border-box;border:1px solid #d9e1ea;border-radius:8px;background:#fff;color:#0f172a;padding:0 10px;font-size:11px}
#page-kpi .kpi-cfg-field input:focus,#page-kpi .kpi-cfg-field select:focus{outline:2px solid rgba(15,138,100,.14);border-color:#0f8a64}
#page-kpi .kpi-cfg-field small{display:block;color:#64748b;font-size:9px;line-height:1.4;margin-top:4px}
#page-kpi .kpi-cfg-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:5px 0;cursor:pointer}
#page-kpi .kpi-cfg-toggle span{min-width:0}#page-kpi .kpi-cfg-toggle strong,#page-kpi .kpi-cfg-toggle small{display:block}#page-kpi .kpi-cfg-toggle strong{font-size:10.5px;color:#334155}#page-kpi .kpi-cfg-toggle small{font-size:9px;color:#64748b;line-height:1.35;margin-top:2px}
#page-kpi .kpi-cfg-toggle input{position:absolute;opacity:0;pointer-events:none}#page-kpi .kpi-cfg-toggle i{width:31px;height:18px;border-radius:99px;background:#cbd5e1;position:relative;flex:0 0 auto;transition:.2s}#page-kpi .kpi-cfg-toggle i:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(15,23,42,.25);transition:.2s}#page-kpi .kpi-cfg-toggle input:checked+i{background:#0f8a64}#page-kpi .kpi-cfg-toggle input:checked+i:after{transform:translateX(13px)}
#page-kpi .kpi-cfg-kv{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:10px}#page-kpi .kpi-cfg-kv span{color:#64748b}#page-kpi .kpi-cfg-kv strong{color:#1e293b;text-align:right}
#page-kpi .kpi-cfg-ok,#page-kpi .kpi-cfg-error{display:flex;align-items:center;gap:7px;padding:9px;border-radius:8px;margin:10px 0;font-size:10px;font-weight:750}#page-kpi .kpi-cfg-ok{background:#ecfdf5;color:#087252}#page-kpi .kpi-cfg-error{background:#fef2f2;color:#b91c1c}
#page-kpi .kpi-cfg-threshold{display:grid;gap:7px;margin-top:12px}#page-kpi .kpi-cfg-threshold span{display:flex;align-items:center;justify-content:space-between;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:750}#page-kpi .kpi-cfg-threshold .on{background:#ecfdf5;color:#087252}#page-kpi .kpi-cfg-threshold .risk{background:#fff7ed;color:#a15800}#page-kpi .kpi-cfg-threshold .off{background:#fef2f2;color:#b91c1c}#page-kpi .kpi-cfg-threshold .missing{background:#f1f5f9;color:#64748b}
#page-kpi .kpi-cfg-table{overflow:auto;margin-top:12px;border:1px solid #e2e8f0;border-radius:8px}#page-kpi .kpi-cfg-table table{width:100%;border-collapse:collapse;font-size:10px}#page-kpi .kpi-cfg-table th{background:#f8fafc;color:#64748b;text-align:left;padding:8px;border-bottom:1px solid #e2e8f0;white-space:nowrap}#page-kpi .kpi-cfg-table td{padding:8px;border-bottom:1px solid #edf1f5;color:#334155}#page-kpi .kpi-cfg-readonly{display:inline-block;padding:3px 7px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}
@media(max-width:1250px){#page-kpi .kpi-cfg-layout{grid-template-columns:190px 1fr}#page-kpi .kpi-cfg-side{grid-column:2;grid-template-columns:repeat(3,1fr);position:static}}
@media(max-width:800px){#page-kpi .kpi-cfg-toolbar{align-items:flex-start;flex-direction:column}#page-kpi .kpi-cfg-actions{justify-content:flex-start}#page-kpi .kpi-cfg-layout{grid-template-columns:1fr}#page-kpi .kpi-cfg-nav{position:static;display:flex;overflow-x:auto}#page-kpi .kpi-cfg-nav button{width:auto;min-width:max-content;border-left:0;border-bottom:2px solid transparent}#page-kpi .kpi-cfg-nav button.active{border-left:0;border-bottom-color:#0f8a64}#page-kpi .kpi-cfg-side{grid-column:auto;grid-template-columns:1fr}#page-kpi .kpi-cfg-fields{grid-template-columns:1fr}}