/* Manager KPI 2.0 — clean standalone director workspace */
#screen:has(>.mk2){background:#f4f7fb!important;padding:18px!important;overflow:auto!important}
.mk2{--ink:#10233f;--muted:#71809b;--line:#dce5f1;--blue:#1769ff;--green:#0ca66d;--orange:#ef9b16;--red:#df4d58;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);max-width:1540px;margin:0 auto}
.mk2 *{box-sizing:border-box}.mk2 button,.mk2 input,.mk2 select{font:inherit}.mk2 button{cursor:pointer}.mk2 .card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(36,62,102,.06)}
.mk2-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-bottom:14px}.mk2-head h1{font-size:25px;margin:0}.mk2-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.mk2-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mk2 select,.mk2 input{border:1px solid #d9e2ee;border-radius:12px;background:#f8fbff;color:var(--ink);padding:10px 12px;outline:none}.mk2 input:focus,.mk2 select:focus{border-color:#8bb5ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)}
.mk2 .btn{border:1px solid #d5dfec;background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;font-weight:750}.mk2 .btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.mk2 .btn.soft{background:#eef5ff;color:#145fd7;border-color:#d9e8ff}.mk2 .btn.danger{background:#fff4f5;color:#b62f3b;border-color:#ffd6da}.mk2 .btn:disabled{opacity:.45;cursor:not-allowed}
.mk2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.mk2-stat{padding:16px 18px}.mk2-stat span{display:block;color:var(--muted);font-size:12px}.mk2-stat b{display:block;font-size:24px;margin-top:6px}.mk2-stat small{color:var(--muted)}
.mk2-manager-list{display:grid;gap:10px}.mk2-manager{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;display:grid;grid-template-columns:1.5fr repeat(4,.7fr) auto;gap:14px;text-align:left;align-items:center}.mk2-manager:hover{border-color:#a9c8ff;box-shadow:0 8px 24px rgba(23,105,255,.07)}.mk2-manager h3{margin:0;font-size:16px}.mk2-manager small,.mk2-manager span{color:var(--muted);font-size:12px}.mk2-manager b{display:block;font-size:15px;margin-top:3px}.mk2-badge{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:#edf4ff;color:#1769ff!important;font-weight:800}.mk2-badge.published{background:#e8f8f1;color:#07875a!important}.mk2-badge.closed{background:#eef1f5;color:#55647b!important}.mk2-badge.draft{background:#fff5df;color:#b77600!important}
.mk2-editor{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.mk2-side{padding:14px;position:sticky;top:8px;height:max-content}.mk2-side h2{margin:2px 6px 4px;font-size:18px}.mk2-side p{margin:0 6px 12px;color:var(--muted);font-size:12px}.mk2-step{width:100%;border:0;background:transparent;border-radius:12px;padding:11px 12px;text-align:left;color:#52627a;font-weight:750;margin:3px 0}.mk2-step.active{background:#eaf2ff;color:#1769ff}.mk2-step.done:before{content:'✓ ';color:#0ca66d}.mk2-main{min-width:0}.mk2-panel{padding:20px;margin-bottom:14px}.mk2-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.mk2-title h2{font-size:20px;margin:0}.mk2-title p{margin:5px 0 0;color:var(--muted);font-size:13px;max-width:800px}
.mk2-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mk2-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mk2-field{display:flex;flex-direction:column;gap:6px}.mk2-field>span{font-size:12px;color:#667690;font-weight:700}.mk2-field input,.mk2-field select{width:100%;font-weight:750}.mk2-money-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mk2-money{background:#f6f9fd;border:1px solid #e1e9f3;border-radius:16px;padding:14px}.mk2-money span{font-size:12px;color:var(--muted)}.mk2-money b{display:block;font-size:21px;margin-top:5px}.mk2-money.em{background:#ecf9f3;border-color:#d6f3e5}
.mk2-store-pills{display:flex;flex-wrap:wrap;gap:8px}.mk2-store-pill{display:flex;align-items:center;gap:7px;border:1px solid #dbe5f1;border-radius:999px;padding:8px 11px;background:#fff}.mk2-store-pill input{accent-color:#1769ff}.mk2-store-pill:has(input:checked){background:#ecf8f2;border-color:#9edfc4}
.mk2-plans{display:grid;gap:12px}.mk2-store-plan{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}.mk2-store-plan-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mk2-store-plan h3{margin:0;font-size:16px}.mk2-store-plan small{color:var(--muted)}.mk2-plan-fields{display:grid;grid-template-columns:1.25fr .8fr .8fr auto;gap:10px;margin-top:12px;align-items:end}.mk2-rec{margin-top:12px;border-radius:14px;background:#f3f8ff;border:1px solid #d9e9ff;padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px}.mk2-rec strong{font-size:18px}.mk2-rec-row{display:flex;gap:14px;flex-wrap:wrap;color:#52627a;font-size:12px}.mk2-mini-chart{height:92px;margin-top:10px}.mk2-mini-chart svg{width:100%;height:100%;overflow:visible}.mk2-mini-chart polyline{fill:none;stroke:#1769ff;stroke-width:3}.mk2-mini-chart circle{fill:#1769ff}.mk2-mini-chart text{font-size:9px;fill:#75849a}
.mk2-kpis{display:grid;gap:12px}.mk2-kpi{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.mk2-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.mk2-kpi-name{display:flex;gap:10px;align-items:center}.mk2-kpi-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#1769ff;font-weight:900}.mk2-switch{position:relative;width:46px;height:26px}.mk2-switch input{display:none}.mk2-switch span{position:absolute;inset:0;border-radius:99px;background:#cbd6e5}.mk2-switch span:after{content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.15s}.mk2-switch input:checked+span{background:#18aa72}.mk2-switch input:checked+span:after{left:23px}.mk2-kpi.off{opacity:.65}.mk2-curve{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.mk2-curve>div{background:#f6f9fd;border-radius:12px;padding:9px}.mk2-curve label{display:block;color:var(--muted);font-size:11px}.mk2-curve input{width:100%;padding:7px;margin-top:4px}.mk2-guard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.mk2-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mk2-preview-box{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.mk2-preview-box h3{margin:0 0 12px}.mk2-preview-line{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f6}.mk2-preview-line:last-child{border:0}.mk2-salary-table{width:100%;border-collapse:collapse}.mk2-salary-table td,.mk2-salary-table th{padding:10px;border-bottom:1px solid #edf1f6;text-align:left}.mk2-salary-table th{font-size:12px;color:var(--muted)}.mk2-salary-table tr.current{background:#ecf9f3}.mk2-errors{padding:12px;border-radius:14px;background:#fff0f1;color:#b9323e;margin:12px 0}.mk2-ok{padding:12px;border-radius:14px;background:#eaf8f1;color:#087d55;margin:12px 0}.mk2-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px;position:sticky;bottom:8px;background:rgba(244,247,251,.92);backdrop-filter:blur(8px);padding:10px;border-radius:16px}.mk2-toast{position:fixed;right:24px;bottom:24px;background:#10233f;color:#fff;padding:12px 16px;border-radius:12px;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media(max-width:1100px){.mk2-summary{grid-template-columns:repeat(2,1fr)}.mk2-manager{grid-template-columns:1fr 1fr 1fr}.mk2-manager>div:first-child{grid-column:1/-1}.mk2-editor{grid-template-columns:1fr}.mk2-side{position:static;display:flex;gap:5px;overflow:auto}.mk2-side h2,.mk2-side p{display:none}.mk2-step{white-space:nowrap}.mk2-preview{grid-template-columns:1fr}.mk2-plan-fields{grid-template-columns:1fr 1fr}.mk2-curve{grid-template-columns:repeat(3,1fr)}}
.mk2-chart-labels{display:flex;justify-content:space-between;color:#8a97aa;font-size:10px;margin-top:-5px}.mk2-rec-history{grid-column:1/-1;margin-top:8px;border-top:1px solid #dce9f8;padding-top:9px}.mk2-rec-history summary{cursor:pointer;color:#1769ff;font-size:12px;font-weight:800}.mk2-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.mk2-history-grid>div{background:#fff;border:1px solid #e1eaf5;border-radius:12px;padding:10px}.mk2-history-grid b{display:block;font-size:12px}.mk2-history-grid small{display:block;color:#71809b;font-size:11px;margin-top:3px}.mk2-history-grid .mk2-mini-chart{height:72px;margin-top:5px}@media(max-width:1100px){.mk2-history-grid{grid-template-columns:1fr}}


/* 2.31.0.240.9.3.28 UX/readability fixes */
.mk2 input,.mk2 select{min-height:46px;background:#fff;color:var(--ink)}
.mk2 input:disabled,.mk2 select:disabled{opacity:1;background:#eef3f9;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.mk2 .mk2-readonly{min-height:46px;display:flex;align-items:center;border:1px solid #d9e2ee;border-radius:12px;background:#eef3f9;color:var(--ink);padding:10px 12px;font-weight:750}
.mk2 .btn{transition:background .12s ease,border-color .12s ease,transform .05s ease}
.mk2 .btn:hover:not(:disabled){border-color:#a9c8ff;box-shadow:0 6px 20px rgba(23,105,255,.10)}
.mk2 .btn:active:not(:disabled){transform:translateY(1px)}
.mk2 .btn.primary:disabled,.mk2 .btn.soft:disabled,.mk2 .btn.danger:disabled{opacity:.75}
.mk2-store-pill span{font-weight:800;color:var(--ink)}
.mk2-store-pill:has(input:checked) span{color:#087d55}
.mk2-store-plan h3,.mk2-preview-box h3,.mk2-kpi-name b{color:var(--ink)}
.mk2-kpi.off{opacity:.82}
.mk2-kpi.off .mk2-kpi-head b,.mk2-kpi.off .mk2-kpi-head div,.mk2-kpi.off .mk2-field>span,.mk2-kpi.off .mk2-kpi-icon{opacity:1}
.mk2-curve label,.mk2-guard .mk2-field>span{font-weight:700;color:#596a83}
.mk2-curve>div,.mk2-guard .mk2-field,.mk2-preview-box,.mk2-store-plan,.mk2-kpi{box-shadow:0 6px 20px rgba(36,62,102,.04)}
.mk2-rec{grid-template-columns:1fr;gap:10px;align-items:stretch}
.mk2-rec-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.mk2-rec-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk2-chip{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid #dce5f1;background:#fff;color:#56657c}
.mk2-chip.success{background:#eaf8f1;border-color:#cdeede;color:#087d55}
.mk2-rec strong{font-size:22px;color:#10233f}
.mk2-rec-row{row-gap:8px}
.mk2-mini-chart{height:168px;margin-top:10px;border:1px solid #e4ebf5;border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);padding:8px 8px 0}
.mk2-mini-chart-empty{display:flex;align-items:center;justify-content:center;color:#71809b;font-size:13px}
.mk2-mini-chart svg{width:100%;height:132px;overflow:visible}
.mk2-chart-legend{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#607089;font-size:11px;padding:6px 10px 10px}
.mk2-chart-legend i{width:14px;height:3px;border-radius:999px;background:#1769ff;display:inline-block;margin-right:6px;vertical-align:middle}
.mk2-history-grid .mk2-mini-chart{height:156px}
.mk2-plan-fields{grid-template-columns:1.1fr .75fr .75fr auto}
.mk2-preview-line span{color:#4b5b73;font-weight:700}
.mk2-preview-line b{color:#10233f;font-size:18px}
.mk2-preview-box h3{font-size:28px;margin:0 0 14px;color:#10233f}
.mk2-salary-table thead th{background:#10233f;color:#fff;border-bottom:0;font-size:13px;font-weight:800}
.mk2-salary-table thead th:first-child{border-top-left-radius:10px}
.mk2-salary-table thead th:last-child{border-top-right-radius:10px}
.mk2-salary-table td{font-size:15px;color:#10233f}
.mk2-salary-table tr.current td{font-weight:800}
.mk2-money b,.mk2-stat b{color:#10233f}
.mk2-title h2{color:#10233f}
@media(max-width:1100px){.mk2-rec-top{flex-direction:column}.mk2-plan-fields{grid-template-columns:1fr 1fr}.mk2-chart-legend{flex-direction:column;align-items:flex-start}}

/* 2.31.0.240.9.3.29 — Manager KPI 2.0 final readability hotfix.
   Director has legacy global .card/input rules with !important. Keep this block last and
   deliberately use a stronger scope + !important so KPI 2.0 remains readable. */
body #screen > .mk2,
body #screen > .mk2 .card,
body #screen > .mk2 .mk2-panel,
body #screen > .mk2 .mk2-kpi,
body #screen > .mk2 .mk2-preview-box,
body #screen > .mk2 .mk2-store-plan {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* Inputs: neutral light surface; no old Director navy control style. */
body #screen > .mk2 input:not([type="checkbox"]),
body #screen > .mk2 select {
  background:#ffffff !important;
  background-image:none !important;
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  border:1px solid #cbd8e8 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}
body #screen > .mk2 input:disabled,
body #screen > .mk2 select:disabled,
body #screen > .mk2 .mk2-readonly {
  background:#eef3f9 !important;
  color:#18324f !important;
  -webkit-text-fill-color:#18324f !important;
  border-color:#cbd8e8 !important;
  opacity:1 !important;
}

/* Salary summary strip — the most visible values must never inherit .card b legacy colors. */
body #screen > .mk2 .mk2-money,
body #screen > .mk2 .mk2-money.em {
  opacity:1 !important;
  filter:none !important;
}
body #screen > .mk2 .mk2-money span {
  color:#5f718a !important;
  -webkit-text-fill-color:#5f718a !important;
  opacity:1 !important;
  font-weight:750 !important;
}
body #screen > .mk2 .mk2-money b {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  text-shadow:none !important;
  font-weight:900 !important;
}
body #screen > .mk2 .mk2-money.em b {
  color:#087d55 !important;
  -webkit-text-fill-color:#087d55 !important;
}

/* KPI block headings/descriptions. */
body #screen > .mk2 .mk2-kpi-head,
body #screen > .mk2 .mk2-kpi-name,
body #screen > .mk2 .mk2-kpi-name > div {
  opacity:1 !important;
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
}
body #screen > .mk2 .mk2-kpi-name b {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
body #screen > .mk2 .mk2-kpi-name > div > div {
  color:#60728a !important;
  -webkit-text-fill-color:#60728a !important;
  opacity:1 !important;
  font-weight:650 !important;
}
body #screen > .mk2 .mk2-kpi-icon {
  color:#1769ff !important;
  -webkit-text-fill-color:#1769ff !important;
  opacity:1 !important;
}
/* Disabled KPI remains visually disabled through switch/surface only, never by hiding text. */
body #screen > .mk2 .mk2-kpi.off {
  opacity:1 !important;
  background:#f7f9fc !important;
}
body #screen > .mk2 .mk2-kpi.off .mk2-kpi-name b {
  color:#51647d !important;
  -webkit-text-fill-color:#51647d !important;
}
body #screen > .mk2 .mk2-kpi.off .mk2-kpi-name > div > div {
  color:#75859a !important;
  -webkit-text-fill-color:#75859a !important;
}

/* Field and curve labels: override legacy .card label !important. */
body #screen > .mk2 .mk2-field > span,
body #screen > .mk2 .mk2-curve label,
body #screen > .mk2 .mk2-guard .mk2-field > span {
  color:#405572 !important;
  -webkit-text-fill-color:#405572 !important;
  opacity:1 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
body #screen > .mk2 .mk2-curve > div {
  background:#f3f7fc !important;
  border:1px solid #e1e8f2 !important;
  opacity:1 !important;
}
body #screen > .mk2 .mk2-curve input {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  background:#ffffff !important;
  border-color:#c7d4e4 !important;
  font-weight:850 !important;
  opacity:1 !important;
}

/* Preview left side. */
body #screen > .mk2 .mk2-preview-box h3 {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
body #screen > .mk2 .mk2-preview-line span {
  color:#405572 !important;
  -webkit-text-fill-color:#405572 !important;
  opacity:1 !important;
  font-weight:750 !important;
}
body #screen > .mk2 .mk2-preview-line b {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}

/* Salary table: never depend on hover/selection for legibility. */
body #screen > .mk2 table.mk2-salary-table {
  background:#ffffff !important;
  color:#10233f !important;
  opacity:1 !important;
}
body #screen > .mk2 table.mk2-salary-table thead th {
  background:#10233f !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#10233f !important;
  opacity:1 !important;
  font-size:12px !important;
  font-weight:850 !important;
  text-transform:none !important;
  text-shadow:none !important;
}
body #screen > .mk2 table.mk2-salary-table tbody td,
body #screen > .mk2 table.mk2-salary-table tbody td b {
  background:#ffffff !important;
  color:#18324f !important;
  -webkit-text-fill-color:#18324f !important;
  border-color:#e2e8f0 !important;
  opacity:1 !important;
  font-size:14px !important;
  text-shadow:none !important;
}
body #screen > .mk2 table.mk2-salary-table tbody tr.current td,
body #screen > .mk2 table.mk2-salary-table tbody tr.current td b {
  background:#eaf8f1 !important;
  color:#087d55 !important;
  -webkit-text-fill-color:#087d55 !important;
  font-weight:900 !important;
}
body #screen > .mk2 table.mk2-salary-table tbody tr:hover td,
body #screen > .mk2 table.mk2-salary-table tbody tr:hover td b {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
}
body #screen > .mk2 table.mk2-salary-table tbody tr.current:hover td,
body #screen > .mk2 table.mk2-salary-table tbody tr.current:hover td b {
  color:#087d55 !important;
  -webkit-text-fill-color:#087d55 !important;
}
body #screen > .mk2 .mk2-preview-box > small {
  color:#60728a !important;
  -webkit-text-fill-color:#60728a !important;
  opacity:1 !important;
  font-weight:650 !important;
}

/* Generic KPI 2.0 text safeguards against old .card rules. */
body #screen > .mk2 .mk2-title h2,
body #screen > .mk2 .mk2-store-plan h3,
body #screen > .mk2 .mk2-stat b {
  color:#10233f !important;
  -webkit-text-fill-color:#10233f !important;
  opacity:1 !important;
  text-shadow:none !important;
}
body #screen > .mk2 .mk2-title p,
body #screen > .mk2 .mk2-store-plan small,
body #screen > .mk2 .mk2-stat span,
body #screen > .mk2 .mk2-stat small {
  color:#60728a !important;
  -webkit-text-fill-color:#60728a !important;
  opacity:1 !important;
}

/* 2.31.0.240.9.3.32 Smart Plan Studio */
.mk2-chart-button{display:block;width:100%;border:0;background:transparent;padding:0;text-align:left;border-radius:16px;cursor:pointer}
.mk2-chart-button:hover .mk2-mini-chart{border-color:#8db7ff;box-shadow:0 8px 24px rgba(23,105,255,.10)}
.mk2-chart-button>span{display:block;color:#1769ff;font-size:12px;font-weight:800;margin:7px 4px 0}
.mk2-history-card{appearance:none;-webkit-appearance:none;text-align:left;background:#fff!important;border:1px solid #e1eaf5!important;border-radius:14px!important;padding:10px!important;color:#10233f!important;cursor:pointer!important}
.mk2-history-card:hover{border-color:#9ebfff!important;box-shadow:0 8px 22px rgba(23,105,255,.08)!important}
.mk2-history-card>b{display:block;font-size:13px!important;color:#10233f!important}
.mk2-history-card>small{display:block;color:#61718a!important;font-size:11px!important;margin-top:3px}
.mk2-history-card>span{display:block;color:#1769ff!important;font-weight:800;font-size:11px;margin-top:7px}
.mk2-smart-backdrop{position:fixed;inset:0;z-index:99990;background:rgba(9,25,48,.46);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;backdrop-filter:blur(5px)}
.mk2-smart-modal{width:min(1240px,100%);background:#f7f9fc;border:1px solid #dce5f1;border-radius:24px;box-shadow:0 28px 80px rgba(9,25,48,.25);padding:20px;margin:auto;color:#10233f}
.mk2-smart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.mk2-smart-head h2{font-size:30px;line-height:1.08;margin:3px 0 6px;color:#10233f}
.mk2-smart-head p{margin:0;color:#61718a;max-width:820px;font-size:13px}
.mk2-smart-kicker{font-size:12px;font-weight:900;color:#1769ff;text-transform:uppercase;letter-spacing:.04em}
.mk2-smart-tabs,.mk2-smart-range,.mk2-smart-quick{display:flex;gap:8px;flex-wrap:wrap}
.mk2-smart-tabs{margin-bottom:14px}
.mk2-smart-tabs button,.mk2-smart-range button,.mk2-smart-quick button{border:1px solid #d7e2f0;background:#fff;color:#42536d;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer}
.mk2-smart-tabs button.active,.mk2-smart-range button.active{background:#1769ff;color:#fff;border-color:#1769ff}
.mk2-smart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mk2-smart-summary>div{background:#fff;border:1px solid #dfe7f1;border-radius:15px;padding:13px 14px}
.mk2-smart-summary span{display:block;color:#6c7b92;font-size:11px;font-weight:700}
.mk2-smart-summary b{display:block;color:#10233f;font-size:20px;margin-top:5px}
.mk2-smart-slider{background:#fff;border:1px solid #dfe7f1;border-radius:16px;padding:14px;margin-bottom:12px}
.mk2-smart-slider input[type=range]{width:100%;accent-color:#1769ff;min-height:auto;background:transparent;border:0;padding:0}
.mk2-smart-quick{margin-top:10px}
.mk2-smart-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mk2-smart-live>div{background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:11px 13px}
.mk2-smart-live span{display:block;color:#6c7b92;font-size:11px}
.mk2-smart-live b{display:block;font-size:16px;margin-top:4px;color:#10233f}
.mk2-smart-live b.pos,.mk2-smart-live b.good{color:#07875a}.mk2-smart-live b.neg,.mk2-smart-live b.bad{color:#ca3946}.mk2-smart-live b.warn{color:#b97600}
.mk2-smart-range{margin:6px 0 10px}
.mk2-smart-chart{background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:10px 10px 4px;overflow:hidden}
.mk2-smart-svg{display:block;width:100%;height:auto;min-height:320px}
.mk2-smart-svg .smart-grid{stroke:#dce6f2;stroke-width:1;stroke-dasharray:5 6}
.mk2-smart-svg .smart-axis{fill:#64748a;font-size:12px;font-weight:700}
.mk2-smart-svg .smart-value{fill:#10233f;font-size:11px;font-weight:900}
.mk2-smart-svg .smart-legend{fill:#506078;font-size:11px;font-weight:800}
.mk2-smart-svg .smart-line-history{fill:none;stroke:#1769ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mk2-smart-svg .smart-dot-history{fill:#1769ff;stroke:#fff;stroke-width:2}
.mk2-smart-svg .smart-target-guide{stroke:#a9b8cc;stroke-width:1;stroke-dasharray:4 5}
.mk2-smart-svg .smart-dot-erp{fill:#8291a8;stroke:#fff;stroke-width:2}
.mk2-smart-svg .smart-dot-mine{fill:#f49a1a;stroke:#fff;stroke-width:3}
.mk2-smart-svg .smart-label-erp{fill:#64748a;font-size:12px;font-weight:900}
.mk2-smart-svg .smart-label-mine{fill:#b96b00;font-size:13px;font-weight:900}
.mk2-smart-svg .smart-scale-note{fill:#7b899d;font-size:10px;font-weight:700}
.mk2-smart-svg .smart-bar-plan{fill:#a8c7ff}.mk2-smart-svg .smart-bar-good{fill:#17a974}.mk2-smart-svg .smart-bar-bad{fill:#e15460}
.mk2-smart-svg .smart-line-erp{stroke:#7c8aa0;stroke-width:2;stroke-dasharray:6 5}.mk2-smart-svg .smart-line-mine{stroke:#f49a1a;stroke-width:3}
.mk2-smart-calendar{margin-top:12px;background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:14px}
.mk2-smart-calendar-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}
.mk2-smart-calendar-head h3{margin:0;color:#10233f;font-size:17px}.mk2-smart-calendar-head p{margin:4px 0 0;color:#6c7b92;font-size:12px}.mk2-smart-calendar-head>span{font-size:11px;color:#64748a;font-weight:800}
.mk2-smart-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.mk2-smart-day{border:1px solid #e0e8f2;border-radius:12px;padding:8px 9px;background:#f9fbfd;min-width:0}
.mk2-smart-day span{display:block;font-size:10px;color:#708098;font-weight:800}.mk2-smart-day b{display:block;font-size:13px;color:#10233f;margin-top:3px}.mk2-smart-day small{display:block;font-size:9px;color:#708098;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk2-smart-day.good{background:#eef9f4;border-color:#cfeede}.mk2-smart-day.bad{background:#fff2f3;border-color:#ffdadd}.mk2-smart-day.future{background:#f7f9fc}
.mk2-history-health{display:flex;justify-content:space-between;align-items:center;gap:14px;border-radius:16px;padding:13px 14px;margin-top:12px;border:1px solid #dfe7f1;background:#fff}
.mk2-history-health>div:first-child b,.mk2-history-health>div:first-child span{display:block}.mk2-history-health>div:first-child b{font-size:15px;color:#10233f}.mk2-history-health>div:first-child span{font-size:11px;color:#64748a;margin-top:3px}
.mk2-history-health.good{border-color:#ccebdc;background:#eff9f4}.mk2-history-health.warn{border-color:#f1dfb5;background:#fff9ea}.mk2-history-health.bad{border-color:#ffd5d9;background:#fff2f3}
.mk2-history-actions{min-width:320px}.mk2-history-progress{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center}.mk2-history-progress>span{grid-column:1/-1;color:#4f6077;font-size:11px;font-weight:800}.mk2-history-progress>div{height:8px;border-radius:999px;background:#e3eaf4;overflow:hidden}.mk2-history-progress>div i{display:block;height:100%;background:#1769ff;border-radius:999px}.mk2-history-progress>b{font-size:12px;color:#10233f}
.mk2-smart-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #dfe7f1}
@media(max-width:900px){.mk2-smart-backdrop{padding:8px}.mk2-smart-modal{padding:14px;border-radius:18px}.mk2-smart-head{flex-direction:column}.mk2-smart-summary,.mk2-smart-live{grid-template-columns:1fr 1fr}.mk2-smart-days{grid-template-columns:repeat(3,1fr)}.mk2-history-health{flex-direction:column;align-items:stretch}.mk2-history-actions{min-width:0}.mk2-smart-svg{min-height:260px}}

/* 2.31.0.240.9.3.33 KPI history backfill */
.mk2-history-backfill{max-width:1120px}
.mk2-history-form{display:grid;gap:16px}
.mk2-history-choice{display:grid;gap:10px}
.mk2-history-choice>b{font-size:14px;color:#10233f}
.mk2-history-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #dce5f1;border-radius:14px;background:#f8fbff;color:#10233f;cursor:pointer}
.mk2-history-option input{margin-top:3px}
.mk2-history-option span{display:grid;gap:3px}
.mk2-history-option small{color:#607089}
.mk2-history-note{padding:12px 14px;border-radius:14px;background:#eef5ff;border:1px solid #d5e5ff;color:#3e5878;font-size:13px;line-height:1.45}
.mk2-history-run{display:grid;gap:14px}
.mk2-history-overall{border:1px solid #dce5f1;border-radius:16px;padding:15px;background:#f8fbff}
.mk2-history-overall>div:first-child{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center}
.mk2-history-overall>div:first-child span{font-size:12px;color:#607089;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.mk2-history-overall>div:first-child b{font-size:26px;color:#10233f}
.mk2-history-overall>div:first-child small{grid-column:1/-1;color:#52627a;font-size:13px}
.mk2-history-overall.good{background:#effaf5;border-color:#cceedd}
.mk2-history-overall.bad{background:#fff3f4;border-color:#ffd9dd}
.mk2-history-meter{height:9px;background:#e6edf6;border-radius:999px;overflow:hidden;margin-top:10px}
.mk2-history-meter i{display:block;height:100%;background:#1769ff;border-radius:999px;transition:width .2s ease}
.mk2-history-overall.good .mk2-history-meter i{background:#0ca66d}
.mk2-history-overall.bad .mk2-history-meter i{background:#df4d58}
.mk2-history-overall p{margin:9px 0 0;color:#607089;font-size:12px}
.mk2-history-base{border:1px solid #dce5f1;border-radius:16px;padding:14px;background:#fff}
.mk2-history-base-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mk2-history-base-head>div{display:grid;gap:4px}
.mk2-history-base-head b{font-size:15px;color:#10233f}
.mk2-history-base-head small{color:#607089;font-size:12px}
.mk2-history-base-head strong{font-size:20px;color:#1769ff}
.mk2-history-store-list{display:grid;gap:7px;margin-top:11px}
.mk2-history-store-list>div{display:grid;grid-template-columns:minmax(120px,1fr) minmax(180px,2fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#f7f9fc}
.mk2-history-store-list span{font-weight:800;color:#10233f}
.mk2-history-store-list small{color:#607089}
.mk2-history-store-list b{color:#10233f}
.mk2-history-result{border:1px solid #cfeadd;border-radius:16px;padding:14px;background:#effaf5}
.mk2-history-result h3{margin:0 0 10px;color:#10233f}
.mk2-history-result>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:9px 0;border-bottom:1px solid #dceee5}
.mk2-history-result>div:last-child{border-bottom:0}
.mk2-history-result span,.mk2-history-result b{color:#10233f}
.mk2-history-result span{font-weight:800}.mk2-history-result small{grid-column:1/-1;color:#567064}
@media(max-width:760px){.mk2-history-store-list>div{grid-template-columns:1fr auto}.mk2-history-store-list small{grid-column:1/-1}.mk2-history-overall>div:first-child{grid-template-columns:1fr auto}}

/* KPI34: explicit point value callouts + readable adaptive chart scale */
.mk2 .smart-point-leader{stroke:#8798b2;stroke-width:1.4;stroke-dasharray:2 2;opacity:.9}.mk2 .smart-point-leader.erp{stroke:#7b61ff}.mk2 .smart-point-leader.mine{stroke:#1769ff;stroke-width:1.8}.mk2 .smart-point-label-bg{fill:rgba(255,255,255,.94);stroke:#d7e0ec;stroke-width:1}.mk2 .smart-point-label{fill:#24344d;font-size:12px;font-weight:800;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round}.mk2 .smart-point-label.mini{font-size:10px;stroke-width:1.5px}.mk2 .mk2-smart-svg{min-height:360px}.mk2 .mk2-mini-chart svg{min-height:154px}