:root{--bg:#f4f7fb;--panel:#fff;--text:#142033;--muted:#667085;--line:#e4e9f1;--accent:#2457ff;--accent-soft:#eef2ff;--danger:#b42318;--danger-soft:#fef3f2;--ok:#067647;--ok-soft:#ecfdf3;--warn:#b54708;--nav:#0d192a;--nav2:#15253b}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}.shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.brand-wrap{display:flex;align-items:center;gap:11px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#2457ff,#153ab6);display:grid;place-items:center;color:#fff;font-weight:900}.brand{font-weight:800;letter-spacing:-.02em;font-size:15px}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:16px}.user-chip{display:flex;flex-direction:column;text-align:right;font-size:12px}.user-chip span{color:var(--muted);text-transform:capitalize;margin-top:2px}.layout{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:var(--nav);color:#cbd5e1;padding:20px 14px 70px;position:relative}.nav-section{margin-bottom:22px}.nav-label{padding:0 12px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#738198;font-weight:800}.sidebar a{display:block;color:#bdc7d6;padding:9px 12px;border-radius:8px;margin-bottom:3px;font-weight:600;font-size:13px}.sidebar a:hover,.sidebar a.active{background:var(--nav2);color:#fff}.sidebar-version{position:absolute;bottom:22px;left:26px;font-size:11px;color:#708099}.content{padding:28px}.container{max-width:1320px;margin:0 auto}.install{max-width:820px;margin:52px auto;padding:0 18px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin-bottom:5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 4px 16px rgba(16,24,40,.035)}.table-card{padding:0;overflow:hidden}.form-card{max-width:900px}.dashboard-grid{align-items:stretch;margin-top:18px}.card h2{margin-bottom:8px}h1,h2,h3{margin-top:0}h1{font-size:28px;letter-spacing:-.03em}h2{font-size:19px;letter-spacing:-.015em}h3{font-size:15px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#344054}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #cfd7e5;border-radius:9px;padding:10px 12px;background:#fff;font:inherit;color:var(--text);outline:none}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:#8ba5ff;box-shadow:0 0 0 3px #eef2ff}.field input[readonly]{background:#f8fafc;color:#667085}.help{font-size:11px;color:var(--muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;font-weight:750;cursor:pointer;background:var(--accent);color:#fff;font:inherit;white-space:nowrap}.btn:hover{filter:brightness(.98)}.btn.secondary{background:var(--accent-soft);color:#2447b8}.btn.ghost{background:#fff;border:1px solid var(--line);color:#475467}.btn.danger{background:#d92d20}.btn.compact{padding:8px 12px;font-size:12px}.actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.sticky-actions{position:sticky;bottom:0;background:rgba(244,247,251,.94);backdrop-filter:blur(8px);padding:14px 0}.alert{padding:12px 14px;border-radius:9px;margin-bottom:16px;border:1px solid}.alert.error{background:var(--danger-soft);border-color:#fecdca;color:var(--danger)}.alert.success{background:var(--ok-soft);border-color:#abefc6;color:var(--ok)}.alert.warning{background:#fffaeb;border-color:#fedf89;color:var(--warn)}.status{font-weight:800}.status.pass{color:var(--ok)}.status.fail{color:var(--danger)}.status.warn{color:var(--warn)}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px;font-size:13px;vertical-align:middle}th{color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.06em;background:#fafbfd}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.table-sub{font-size:11px;color:var(--muted);margin-top:4px}.right{text-align:right}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.row-actions form{margin:0}.link-btn,.text-btn{font-weight:750;font-size:12px}.text-btn{background:none;border:0;padding:0;color:#667085;cursor:pointer}.context-cell{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.metric .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:850}.metric .value{font-size:27px;font-weight:850;margin-top:8px;letter-spacing:-.03em}.metric .value.small{font-size:18px;line-height:1.25}.metric-foot{font-size:11px;color:var(--muted);margin-top:7px}.version-badge,.pill{display:inline-flex;align-items:center;border-radius:999px;font-size:11px;font-weight:800;padding:5px 9px}.version-badge{background:var(--accent-soft);color:#2447b8}.pill.success{background:var(--ok-soft);color:var(--ok)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.neutral{background:#f2f4f7;color:#475467}.toolbar{display:flex;gap:10px;align-items:center}.toolbar .search{max-width:420px}.feature-list{margin:15px 0 0;padding-left:20px}.feature-list li{margin:8px 0}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.permission-card{margin-bottom:0}.check-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f5;cursor:pointer}.check-row:last-child{border-bottom:0}.check-row input{margin-top:3px}.check-row span{display:flex;flex-direction:column}.check-row small{color:var(--muted);margin-top:3px;line-height:1.35}.steps{display:flex;gap:7px;margin:18px 0 24px}.step{height:7px;flex:1;border-radius:9px;background:#e5e7eb}.step.on{background:var(--accent)}code{background:#eef2f6;padding:2px 5px;border-radius:5px;font-size:12px}.release-note{white-space:pre-wrap;background:#f8fafc;border-radius:9px;padding:12px}@media(max-width:1000px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid{grid-template-columns:1fr}}@media(max-width:860px){.layout{grid-template-columns:1fr}.sidebar{display:none}.grid,.grid-3,.metrics-grid{grid-template-columns:1fr}.content{padding:18px}.topbar{padding:0 18px}.user-chip{display:none}.page-head{flex-direction:column}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar .search{max-width:none}.table-card{overflow-x:auto}table{min-width:760px}}
.upload-zone{border:1.5px dashed #b8c4d8;border-radius:14px;padding:28px;text-align:center;background:#fafcff}.upload-zone input[type=file]{display:block;margin:16px auto 0;max-width:420px}.upload-icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:27px;display:grid;place-items:center;margin:0 auto 12px}.callout{border:1px solid #d9e2f0;background:#f8fafc;border-radius:12px;padding:16px;margin:18px 0}.callout p{margin:7px 0 0}.compact-card{padding:14px 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mapping-table select{width:100%;min-width:210px;border:1px solid #cfd7e5;border-radius:8px;padding:9px;background:#fff}.mapping-table td:nth-child(1){width:24%}.mapping-table td:nth-child(2){width:42%}.sample-stack{display:flex;flex-direction:column;gap:3px;max-width:520px}.sample-stack span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#667085;font-size:11px}.mapping-footer{padding:20px;border-top:1px solid var(--line)}.message-list{margin-top:7px;color:#667085;max-width:310px;font-size:11px;line-height:1.35}.details-list{display:grid;grid-template-columns:150px 1fr;gap:10px;margin:14px 0 0}.details-list dt{font-weight:800;color:#667085}.details-list dd{margin:0;overflow-wrap:anywhere}.stack-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.stack-actions form{margin:0}.empty-state{display:flex;flex-direction:column;gap:5px;text-align:center;padding:30px;color:#667085}.empty-state strong{color:#344054}.preview-table{min-width:1050px}.import-metrics .metric:nth-child(6){border-color:#c9d5ff}.pill{white-space:nowrap}
.customer-head{align-items:center}.eyeless-meta{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:5px}.customer-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.customer-metrics{margin-bottom:18px}.customer-tabs{padding:8px;display:flex;gap:4px;overflow-x:auto;position:sticky;top:84px;z-index:10}.customer-tabs a{white-space:nowrap;padding:9px 12px;border-radius:8px;color:#667085;font-weight:750;font-size:12px}.customer-tabs a:hover,.customer-tabs a.active{background:var(--accent-soft);color:#2447b8}.customer-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);align-items:start}.profile-grid{display:grid;grid-template-columns:150px 1fr 150px 1fr;gap:11px 16px;margin:18px 0 0}.profile-grid dt{font-size:11px;color:var(--muted);font-weight:800}.profile-grid dd{margin:0;font-weight:650;overflow-wrap:anywhere}.owner-block{display:grid;gap:16px;margin-top:16px}.owner-block>div{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-bottom:1px solid var(--line)}.owner-block>div:last-child{border-bottom:0}.embedded-table{border:1px solid var(--line);border-radius:10px;margin-top:14px}.timeline-list{padding:8px 22px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item p{margin:6px 0;color:#475467;line-height:1.5}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);margin-top:6px;box-shadow:0 0 0 4px var(--accent-soft)}.timeline-meta,.note-meta{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800;margin-bottom:5px}.full-timeline{max-width:980px}.notes-list{padding:12px}.note-card{border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:10px;background:#fff}.note-card:last-child{margin-bottom:0}.note-card.pinned{border-color:#c9d5ff;background:#fafbff}.note-card p{margin:0;line-height:1.55}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-head p{margin:0}@media(max-width:1050px){.customer-layout{grid-template-columns:1fr}.profile-grid{grid-template-columns:130px 1fr}.customer-tabs{top:74px}}@media(max-width:680px){.profile-grid{grid-template-columns:1fr}.profile-grid dt{margin-top:7px}.customer-head{align-items:flex-start}.customer-tabs{position:static}}
.toolbar select{border:1px solid #cfd7e5;border-radius:9px;padding:10px 12px;background:#fff;font:inherit;color:var(--text);min-width:190px}.ecosystem-rel-summary{max-width:340px;white-space:normal;line-height:1.35}.relationship-category{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:850}.organization-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:680px){.organization-contact-grid{grid-template-columns:1fr}}
.org-chart{overflow-x:auto}.org-level{display:flex;gap:18px;align-items:flex-start;padding:10px 0}.org-branch{min-width:230px;position:relative}.org-branch>.org-level{margin-left:26px;border-left:1px solid var(--line);padding-left:18px;flex-direction:column}.org-card{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:4px;min-width:220px;box-shadow:0 3px 12px rgba(16,24,40,.04)}.org-card span{font-size:12px;color:#475467}.org-card small{font-size:11px;color:var(--muted)}.org-card a{font-size:11px;font-weight:800;margin-top:4px}.capacity-over{color:var(--danger);font-weight:800}@media(max-width:760px){.org-level{flex-direction:column}.org-branch>.org-level{margin-left:12px}}
/* Phase 6 — KPI, targets and demo data */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inline-form{display:flex;gap:6px;align-items:center}.compact-input{width:112px!important;min-width:90px;padding:8px 9px!important}.pill.green{background:#dff7e8;color:#17643a}.pill.amber{background:#fff1cc;color:#815b00}.pill.red,.pill.danger{background:#ffe0e0;color:#922}.btn.danger{background:#b42318;border-color:#b42318;color:#fff}.btn.danger:disabled{opacity:.45}.danger-card{border-color:#f0b7b1}.callout.warning{background:#fff8e6;border-color:#f2d18c}.mini-ranking{display:flex;flex-direction:column;gap:10px;margin-top:16px}.rank-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border,#e7eaf0)}.rank-row:last-child{border-bottom:0}.rank-row small{display:block;color:var(--muted,#6c7480);margin-top:3px}.rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;font-weight:700}.score{font-size:18px}.score.green{color:#1d7a47}.score.amber{color:#9a6d00}.score.red{color:#b42318}.scope-picker{display:none}.input-suffix{display:flex;align-items:center;gap:6px}.input-suffix input{flex:1}.weight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto!important}
@media(max-width:1100px){.grid-4,.weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.grid-4,.weight-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.compact-input{width:100%!important}}
.pill.blue{background:#eaf0ff;color:#2447b8}.pill.purple{background:#f2eaff;color:#6b3fa0}.segment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.segment-stack{display:flex;gap:7px;flex-wrap:wrap}.segment-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.segment-card .segment-count{font-size:24px;font-weight:850;margin-top:5px}.threshold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.priority-row{background:#fffaf8}.customer-segment-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.override-card{border:1px solid #d9e2f0;border-radius:12px;padding:14px;margin-bottom:12px}@media(max-width:1000px){.segment-grid,.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.segment-grid,.threshold-grid{grid-template-columns:1fr}}
/* Phase 10 — Next-Best Action & Task Intelligence */
.rule-row{display:grid;grid-template-columns:minmax(250px,1fr) 110px 90px 90px auto auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rule-row:last-child{border-bottom:0}.rule-row select,.rule-row input{border:1px solid #cfd7e5;border-radius:8px;padding:8px;background:#fff;font:inherit;min-width:0}.check{display:flex!important;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#475467;margin:10px 0}.check input{width:auto!important}.check.compact{margin:0}.stack-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.stack-actions select,.stack-actions input{border:1px solid #cfd7e5;border-radius:8px;padding:7px 8px;background:#fff;font:inherit;max-width:180px}.priority-row td{background:#fffaf8}@media(max-width:1050px){.rule-row{grid-template-columns:1fr 1fr}.rule-row>div:first-child{grid-column:1/-1}}

/* CRM 0.11.1 — platform-wide responsive UI stabilization */
:root{
  --control-border:#cbd5e1;
  --control-border-hover:#aebbd0;
  --control-focus:#2457ff;
  --control-bg:#fff;
  --control-disabled:#f4f6f8;
  --control-placeholder:#98a2b3;
  --shadow-lg:0 24px 70px rgba(15,23,42,.24);
}
html,body{max-width:100%;overflow-x:hidden}
.layout,.content,.container,.page-head,.grid,.grid-3,.grid-4,.metrics-grid,.permission-grid,.segment-grid,.threshold-grid,.weight-grid,.customer-layout,.organization-contact-grid{min-width:0}
.content{min-width:0;overflow-x:hidden}
.container{width:100%;min-width:0}
.grid>*,.grid-3>*,.grid-4>*,.metrics-grid>*,.permission-grid>*,.segment-grid>*,.threshold-grid>*,.weight-grid>*,.customer-layout>*,.organization-contact-grid>*{min-width:0;max-width:100%}

.card{position:relative;min-width:0;max-width:100%;overflow-wrap:anywhere}
.card>*{max-width:100%}
.table-card{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c7d0df transparent}
.table-card::-webkit-scrollbar{height:9px}.table-card::-webkit-scrollbar-thumb{background:#c7d0df;border-radius:999px;border:2px solid #fff}.table-card::-webkit-scrollbar-track{background:transparent}
.table-card table{min-width:760px;width:100%}
.table-card .section-head{padding:22px 54px 10px 22px}
.embedded-table{overflow-x:auto;overflow-y:hidden;max-width:100%}
th,td{overflow-wrap:anywhere;word-break:normal}
.table-sub,.message-list,.details-list dd,.sample-stack span{overflow-wrap:anywhere}
.context-cell{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.row-actions{flex-wrap:wrap}
.actions{flex-wrap:wrap}
.section-head{min-width:0;flex-wrap:wrap}.section-head>div{min-width:0}.section-head h2,.section-head h3{overflow-wrap:anywhere}
.page-head>div{min-width:0}.page-head h1,.page-head p{overflow-wrap:anywhere}

/* Consistent form controls across every module, including inline/filter forms. */
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
select,
textarea,
.search{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:42px;
  border:1px solid var(--control-border);
  border-radius:10px;
  padding:10px 12px;
  background-color:var(--control-bg);
  color:var(--text);
  font:inherit;
  line-height:1.35;
  outline:none;
  box-shadow:0 1px 2px rgba(16,24,40,.03);
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):hover,
select:hover,textarea:hover,.search:hover{border-color:var(--control-border-hover)}
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
select:focus,textarea:focus,.search:focus{border-color:var(--control-focus);box-shadow:0 0 0 3px rgba(36,87,255,.12)}
input::placeholder,textarea::placeholder{color:var(--control-placeholder);opacity:1}
input:disabled,select:disabled,textarea:disabled,input[readonly]{background:var(--control-disabled);color:#667085;cursor:not-allowed}
textarea{min-height:96px;resize:vertical;line-height:1.5}
select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#667085 50%),linear-gradient(135deg,#667085 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
input[type="date"],input[type="datetime-local"],input[type="number"],input[type="email"],input[type="password"],input[type="search"],input[type="text"]{font-variant-numeric:tabular-nums}
input[type="file"]{padding:7px 8px;background:#fbfcfe}
input[type="file"]::file-selector-button{border:1px solid #d7deea;border-radius:8px;background:#fff;color:#344054;padding:7px 10px;margin-right:10px;font:inherit;font-weight:750;cursor:pointer}
input[type="checkbox"],input[type="radio"]{width:17px;height:17px;min-width:17px;accent-color:var(--accent);cursor:pointer}
.field{min-width:0}.field label{line-height:1.35}.field input,.field select,.field textarea{margin:0}

/* Forms introduced by KPI / Acquisition / Complaint modules. */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:14px 0 18px}
.form-grid>label,.weight-grid>label{display:flex;min-width:0;flex-direction:column;gap:7px;color:#344054;font-size:12px;font-weight:800;line-height:1.35}
.form-grid>label>input,.form-grid>label>select,.form-grid>label>textarea,.weight-grid>label input{margin-top:auto}
form.card>textarea+button,form.card>select+button,form.card>input:not([type="hidden"])+button{margin-top:12px}

.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}
.toolbar>*{min-width:0;max-width:100%}
.toolbar input:not([type="hidden"]),.toolbar .search{flex:1 1 240px;max-width:440px}
.toolbar select{flex:0 1 210px;min-width:150px;max-width:260px}
.toolbar .btn{flex:0 0 auto}
.inline-form{min-width:0;flex-wrap:wrap}.inline-form>*{min-width:0}
.input-suffix{min-width:0}.input-suffix input{min-width:0}
.stack-actions{min-width:0}.stack-actions select,.stack-actions input{max-width:100%;width:100%}
.rule-row>*{min-width:0}

/* Shared statistics and detail cards used by newer modules. */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;min-width:0}
.stat-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 17px;box-shadow:0 3px 12px rgba(16,24,40,.035);display:flex;flex-direction:column;gap:7px}
.stat-card span{font-size:10px;text-transform:uppercase;letter-spacing:.065em;color:var(--muted);font-weight:850;overflow-wrap:anywhere}
.stat-card strong{font-size:21px;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:12px 0 20px}
.detail-grid>div{display:flex;min-width:0;flex-direction:column;gap:4px;padding:11px 0;border-bottom:1px solid var(--line)}
.detail-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:800}
.detail-grid strong{overflow-wrap:anywhere;line-height:1.4}
.metric-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.metric-row:last-child{border-bottom:0}.metric-row span{min-width:0;color:#475467;overflow-wrap:anywhere}.metric-row strong{flex:0 0 auto}
.metric .value.tiny{font-size:15px;line-height:1.35;overflow-wrap:anywhere}

/* Card window controls: collapse and full-screen maximize. */
.card.has-card-controls{padding-top:50px}
.table-card.has-card-controls{padding-top:44px}
.compact-card.has-card-controls,.customer-tabs.has-card-controls{padding-top:inherit}
.card-window-controls{position:absolute;top:10px;right:10px;z-index:6;display:flex;align-items:center;gap:6px}
.card-window-title{display:none;max-width:min(52vw,520px);margin-right:4px;color:#344054;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-window-button{width:30px;height:30px;border:1px solid #d9e0eb;border-radius:8px;background:rgba(255,255,255,.96);color:#475467;display:grid;place-items:center;padding:0;font:700 15px/1 system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:0 1px 3px rgba(16,24,40,.05)}
.card-window-button:hover{background:#f6f8fc;color:#1d2939;border-color:#c7d1df}
.card-window-button:focus-visible{outline:3px solid rgba(36,87,255,.16);outline-offset:1px}
.card.is-collapsed{height:54px!important;min-height:54px!important;max-height:54px!important;padding-top:12px!important;padding-bottom:12px!important;overflow:hidden!important}
.card.is-collapsed>*:not(.card-window-controls){visibility:hidden!important;pointer-events:none!important}
.card.is-collapsed .card-window-title{display:block}
body.card-modal-open{overflow:hidden}
body.card-modal-open::before{content:"";position:fixed;inset:0;background:rgba(13,25,42,.48);backdrop-filter:blur(2px);z-index:80}
.card.is-maximized{position:fixed!important;inset:16px!important;z-index:90!important;width:auto!important;height:auto!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;padding-top:54px!important;overflow:auto!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important;background:#fff!important}
.card.is-maximized.table-card{overflow:auto!important}
.card.is-maximized .card-window-controls{position:fixed;top:28px;right:28px;z-index:95}
.card.is-maximized .card-window-title{display:block;max-width:55vw}

/* Desktop fluidity before the mobile breakpoint. */
@media(max-width:1180px){
  .content{padding:22px}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar select{flex:1 1 180px;max-width:none}
}
@media(max-width:860px){
  .form-grid,.detail-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toolbar input:not([type="hidden"]),.toolbar .search,.toolbar select,.toolbar .btn{flex:1 1 100%;max-width:none;width:100%}
  .table-card table{min-width:720px}
  .card.is-maximized{inset:8px!important;border-radius:12px!important}
  .card.is-maximized .card-window-controls{top:18px;right:18px}
}
@media(max-width:560px){
  .content{padding:14px}
  .card{padding:17px;border-radius:12px}
  .card.has-card-controls{padding-top:48px}
  .stats-grid{grid-template-columns:1fr}
  h1{font-size:24px}.metric .value{font-size:23px}
  .page-head{gap:12px}
  .page-head>.btn,.page-head>form,.page-head>.actions{width:100%}
  .page-head>.btn{justify-content:center}
  .card-window-title{max-width:45vw}
}
/* Final shell/form audit refinements */
.topbar{z-index:40;min-width:0}.brand-wrap,.top-actions{min-width:0}.brand-wrap>div:last-child{min-width:0}.brand,.brand-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar{position:sticky;top:72px;align-self:start;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:#40516a transparent}
.sidebar a{white-space:normal;overflow-wrap:anywhere}.sidebar-version{position:static;margin:28px 12px 6px;color:#708099}
form.card>label:not(.check-row):not(.check):not(.checkbox-row){display:flex;flex-direction:column;gap:7px;color:#344054;font-size:12px;font-weight:800;line-height:1.35;margin:12px 0}
form.card>label:not(.check-row):not(.check):not(.checkbox-row)>input,
form.card>label:not(.check-row):not(.check):not(.checkbox-row)>select,
form.card>label:not(.check-row):not(.check):not(.checkbox-row)>textarea{margin-top:0}
.card p,.card li{overflow-wrap:anywhere}
@media(max-width:860px){.sidebar{position:static;height:auto;overflow:visible}.brand-sub{display:none}}

/* Phase 12 — Quality Assurance */
.qa-review-form{display:flex;flex-direction:column;gap:16px}
.qa-section-card{min-width:0}
.qa-score-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.qa-score-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);min-width:0}
.qa-score-row:last-child{border-bottom:0}
.qa-score-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.qa-score-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px;overflow-wrap:anywhere}
.qa-score-copy>span{font-size:12px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.qa-score-control{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:10px;min-width:0}
.qa-framework-section{padding:14px 0;border-top:1px solid var(--line)}
.qa-framework-section:first-of-type{border-top:0}
.compact-field{max-width:130px;margin:0!important}
.compact-field input{min-height:36px!important;padding:7px 9px!important}
@media(max-width:980px){.qa-score-row{grid-template-columns:1fr}.qa-score-control{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:620px){.qa-score-control{grid-template-columns:1fr}.compact-field{max-width:none;width:100%}}

/* CRM 0.12.2 — Fintech visual system, navigation and command-center dashboard */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--text:#172033;--muted:#667085;--line:#e3e8f1;
  --accent:#2864ff;--accent-strong:#1746d7;--accent-soft:#edf3ff;
  --nav:#081425;--nav2:#0d1e34;--nav3:#122944;
  --cyan:#0891b2;--cyan-soft:#e9f9fd;--green:#0b8f64;--green-soft:#eaf9f3;
  --amber:#c77a06;--amber-soft:#fff7e8;--red:#d44747;--red-soft:#fff0f0;
  --purple:#7557d9;--purple-soft:#f3f0ff;--pink:#c43f78;--pink-soft:#fff0f6;
  --indigo:#4f5bd5;--indigo-soft:#eef0ff;
  --shadow-sm:0 4px 14px rgba(27,42,70,.055);--shadow-md:0 12px 30px rgba(27,42,70,.09);--shadow-lg:0 22px 60px rgba(11,25,47,.18)
}
body{background:linear-gradient(180deg,#f8faff 0,#f5f7fb 240px,#f5f7fb 100%);color:var(--text)}
.topbar{height:70px;padding:0 24px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e7ebf2;box-shadow:0 1px 0 rgba(25,39,64,.02)}
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#3977ff,#1b49d4 70%);box-shadow:0 8px 18px rgba(40,100,255,.22)}
.sidebar-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;cursor:pointer}.sidebar-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#344054}
.layout{grid-template-columns:278px minmax(0,1fr);min-width:0}.content{min-width:0;padding:26px 30px 40px}.container{max-width:1500px}
.sidebar{top:70px;height:calc(100vh - 70px);padding:14px 12px 18px;background:linear-gradient(180deg,#081425 0%,#0b1a2d 55%,#091726 100%);border-right:1px solid rgba(255,255,255,.035);box-shadow:8px 0 26px rgba(5,18,34,.08);scrollbar-color:#314761 transparent}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.sidebar-head>div{display:flex;flex-direction:column;gap:2px}.sidebar-head span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#6f849c;font-weight:800}.sidebar-head strong{font-size:13px;color:#f4f7fb}.sidebar-close{display:none;border:0;background:transparent;color:#8fa2b8;font-size:26px;line-height:1;cursor:pointer}
.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-section{margin:0}.nav-single{padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,.055)}
.sidebar a,.nav-group-toggle{width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#aab8c9;text-align:left;font:inherit;font-weight:650;font-size:12.5px;line-height:1.25;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar a{margin:0}.sidebar a:hover,.nav-group-toggle:hover{background:rgba(255,255,255,.055);color:#fff}.sidebar a.active{background:linear-gradient(90deg,rgba(51,111,255,.25),rgba(51,111,255,.11));color:#fff;box-shadow:inset 2px 0 0 #4c7eff}.sidebar a.active .nav-icon{background:rgba(65,124,255,.22);color:#9ab7ff}
.nav-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;color:#8294aa;background:rgba(255,255,255,.045)}.nav-icon svg{width:15px;height:15px}.nav-text{min-width:0;overflow-wrap:anywhere}.nav-group-toggle{justify-content:space-between;color:#c5d0de;font-weight:750}.nav-group-title{display:flex;align-items:center;gap:10px;min-width:0}.nav-chevron{font-size:16px;color:#657b95;transition:transform .18s ease}.nav-collapsible.is-open .nav-chevron{transform:rotate(180deg)}.nav-group-links{display:none;padding:2px 0 6px 13px;margin-left:13px;border-left:1px solid rgba(255,255,255,.07)}.nav-collapsible.is-open .nav-group-links{display:flex;flex-direction:column;gap:2px}.nav-group-links a{min-height:36px;padding:6px 9px;font-size:12px;border-radius:8px}.nav-group-links .nav-icon{width:24px;height:24px;flex-basis:24px;background:transparent}.nav-group-links .nav-icon svg{width:14px;height:14px}
.sidebar-foot{margin-top:18px;padding:12px 9px 2px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-status{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:rgba(255,255,255,.035)}.sidebar-status>span{width:8px;height:8px;border-radius:50%;background:#27c88a;box-shadow:0 0 0 4px rgba(39,200,138,.1)}.sidebar-status>div{display:flex;flex-direction:column;gap:2px}.sidebar-status strong{font-size:11px;color:#d7e1ed}.sidebar-status small{font-size:10px;color:#70849a}.sidebar-version{display:none}
.sidebar-backdrop{display:none}

/* Dashboard command center */
.dashboard-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid #dce5f5;border-radius:20px;background:linear-gradient(125deg,#ffffff 0%,#f5f8ff 58%,#edf4ff 100%);box-shadow:var(--shadow-sm);margin-bottom:16px}.dashboard-hero:after{content:"";position:absolute;right:-80px;top:-105px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(40,100,255,.14),rgba(40,100,255,0) 70%);pointer-events:none}.dashboard-hero-copy{position:relative;z-index:1;min-width:0}.dashboard-kicker,.widget-eyebrow{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:850;color:#5472aa;margin-bottom:7px}.dashboard-hero h1{font-size:31px;line-height:1.12;margin:0 0 8px;color:#14213a;letter-spacing:-.035em}.dashboard-hero p{max-width:760px;margin:0;color:#60708a;line-height:1.55}.dashboard-hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.version-badge{background:#fff;border:1px solid #d9e4f8;color:#38558c;padding:7px 10px;box-shadow:0 3px 10px rgba(40,66,110,.04)}
.dashboard-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;margin-bottom:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(24,39,75,.03)}.dashboard-filter-copy{display:flex;flex-direction:column;gap:2px}.dashboard-filter-label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#8490a4}.dashboard-filter-copy strong{font-size:13px}.dashboard-filter-controls,.dashboard-custom-dates{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.dashboard-filter-controls label,.dashboard-custom-dates label{display:flex;flex-direction:column;gap:4px;margin:0!important}.dashboard-filter-controls label>span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#7a879a}.dashboard-filter-controls select,.dashboard-filter-controls input{min-height:36px!important;padding:7px 10px!important;font-size:12px!important;min-width:132px}.dashboard-custom-dates{display:none}.dashboard-custom-dates.is-visible{display:flex}
.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.dashboard-stat{--tone:#2864ff;--tone-soft:#edf3ff;position:relative;min-width:0;display:flex;gap:13px;align-items:center;padding:16px;border:1px solid #e3e8f1;border-radius:15px;background:#fff;color:var(--text);box-shadow:0 4px 14px rgba(29,44,74,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.dashboard-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:15px 0 0 15px;background:var(--tone)}.dashboard-stat:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(29,44,74,.09);border-color:#d5deec;color:var(--text)}.stat-icon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;background:var(--tone-soft);color:var(--tone);font-size:10px;font-weight:900;letter-spacing:.04em}.stat-copy{display:flex;flex-direction:column;min-width:0}.stat-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#7b879a}.stat-copy strong{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:4px 0 3px;color:#172033;overflow-wrap:anywhere}.stat-copy em{font-style:normal;font-size:10px;color:#8793a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tone-blue{--tone:#2864ff;--tone-soft:#edf3ff}.tone-indigo{--tone:#4f5bd5;--tone-soft:#eef0ff}.tone-cyan{--tone:#0b91b2;--tone-soft:#e9f9fd}.tone-green{--tone:#0b8f64;--tone-soft:#eaf9f3}.tone-purple{--tone:#7557d9;--tone-soft:#f3f0ff}.tone-red{--tone:#d44747;--tone-soft:#fff0f0}.tone-amber{--tone:#c77a06;--tone-soft:#fff7e8}.tone-pink{--tone:#c43f78;--tone-soft:#fff0f6}
.dashboard-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.dashboard-widget{min-width:0;margin:0!important;border-radius:16px;box-shadow:var(--shadow-sm);padding:19px 20px}.dashboard-widget.widget-wide{grid-column:1/-1}.dashboard-widget[data-widget-hidden="1"]{display:none}.widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.widget-head>div{min-width:0}.widget-head h2{font-size:17px;margin:0 0 4px}.widget-head p{margin:0;color:#7a8799;font-size:11.5px;line-height:1.45}.widget-eyebrow{margin-bottom:5px;color:#7082a1}.widget-drag{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #e2e7ef;border-radius:8px;background:#fafbfc;color:#9aa4b2;font-weight:900;cursor:grab;user-select:none}.widget-drag:active{cursor:grabbing}.dashboard-widget.is-dragging{opacity:.55;outline:2px dashed #8aa9f7}.dashboard-widget.drag-over{outline:2px solid #7398fa;outline-offset:2px}
.dashboard-customizer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;margin:-5px 0 16px;border:1px solid #dbe5f7;border-radius:14px;background:#f8fbff}.dashboard-customizer[hidden]{display:none}.dashboard-customizer>div:first-child{max-width:300px}.dashboard-customizer strong{font-size:13px}.dashboard-customizer p{font-size:11px;color:#748196;margin:3px 0 0}.dashboard-customizer-list{display:flex;gap:8px;flex-wrap:wrap;flex:1}.dashboard-widget-setting{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e0e6ef;border-radius:9px;background:#fff;font-size:10.5px}.dashboard-widget-setting select{min-height:28px!important;padding:3px 6px!important;width:auto!important;font-size:10px!important}.dashboard-widget-setting input{width:15px;height:15px;min-height:0!important}
.dashboard-chart{min-width:0}.dashboard-line-chart{height:250px;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#fff);border:1px solid #edf0f5;padding:8px;overflow:hidden}.dashboard-line-chart svg{display:block;width:100%;height:100%}.chart-axis{stroke:#e7ebf2;stroke-width:1}.chart-label{fill:#8a95a7;font:10px system-ui,sans-serif}.chart-line{fill:none;stroke-width:2.2;vector-effect:non-scaling-stroke}.chart-area{opacity:.08}.chart-dot{stroke:#fff;stroke-width:1.5}.series-gross{stroke:#2864ff;fill:#2864ff}.series-net{stroke:#0b8f64;fill:#0b8f64}.series-revenue{stroke:#7557d9;fill:#7557d9}.chart-legend{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:10px;color:#6f7c90;font-size:10.5px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%}.series-blue{background:#2864ff}.series-green{background:#0b8f64}.series-purple{background:#7557d9}.widget-empty{display:grid;place-items:center;min-height:180px;border:1px dashed #dbe1eb;border-radius:12px;background:#fafbfc;color:#8a95a5;font-size:12px;text-align:center;padding:22px}
.dashboard-bars{display:flex;flex-direction:column;gap:10px;min-height:180px}.dash-bar-row{display:grid;grid-template-columns:minmax(105px,160px) minmax(0,1fr) 44px;align-items:center;gap:9px}.dash-bar-label{font-size:10.5px;color:#536176;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-bar-track{height:8px;border-radius:999px;background:#f0f3f7;overflow:hidden}.dash-bar-fill{height:100%;min-width:2px;border-radius:999px;background:#2864ff}.dash-bar-value{text-align:right;font-size:10.5px;font-weight:800;color:#39475c}.palette-risk .dash-bar-row:nth-child(1) .dash-bar-fill{background:#d44747}.palette-risk .dash-bar-row:nth-child(2) .dash-bar-fill{background:#df7a37}.palette-risk .dash-bar-row:nth-child(3) .dash-bar-fill{background:#d6a42c}.palette-risk .dash-bar-row:nth-child(4) .dash-bar-fill{background:#0b8f64}.palette-value .dash-bar-row:nth-child(1) .dash-bar-fill{background:#6f7f97}.palette-value .dash-bar-row:nth-child(2) .dash-bar-fill{background:#0b91b2}.palette-value .dash-bar-row:nth-child(3) .dash-bar-fill{background:#4f5bd5}.palette-value .dash-bar-row:nth-child(4) .dash-bar-fill{background:#7557d9}.palette-source .dash-bar-fill{background:linear-gradient(90deg,#2864ff,#56a0ff)}.widget-link{display:inline-flex;margin-top:12px;font-size:10.5px;font-weight:750;color:#4265a4}
.queue-list{display:flex;flex-direction:column;gap:7px}.queue-list a{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:9px 10px;border:1px solid #edf0f4;border-radius:10px;background:#fbfcfd;color:#2b394e}.queue-list a:hover{border-color:#d9e2ef;background:#f7faff}.queue-badge{--tone:#2864ff;--tone-soft:#edf3ff;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--tone-soft);color:var(--tone);font-size:11px;font-weight:900}.queue-list span:nth-child(2){display:flex;flex-direction:column;min-width:0}.queue-list strong{font-size:11.5px}.queue-list small{font-size:9.5px;color:#8490a1;margin-top:2px}.queue-list b{font-size:13px;color:#a5afbc}
.quick-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.quick-access-item{--tone:#2864ff;--tone-soft:#edf3ff;display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:11px;border:1px solid #e8ecf2;border-radius:11px;background:#fff;color:#243247}.quick-access-item:hover{border-color:#d6e0ef;box-shadow:0 7px 16px rgba(28,44,74,.06);color:#243247}.quick-access-item>span{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--tone-soft);color:var(--tone);font-size:9px;font-weight:900}.quick-access-item strong{font-size:11px}.quick-access-item small{font-size:9px;color:#8b95a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Refine ordinary surfaces around the new visual system. */
.card{border-color:#e2e7ef;box-shadow:var(--shadow-sm)}.btn{background:linear-gradient(180deg,#3470ff,#245be9);box-shadow:0 4px 10px rgba(40,100,255,.14)}.btn.secondary,.btn.ghost{box-shadow:none}.btn.secondary{background:#eef3ff;color:#3156a7}.btn.ghost{background:#fff;color:#4a596e}.alert{border-radius:11px}

@media(max-width:1260px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-access-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar-toggle{display:flex}.sidebar{position:fixed!important;left:0;top:0!important;z-index:120;width:min(310px,88vw);height:100vh!important;transform:translateX(-105%);transition:transform .2s ease;padding-top:12px;overflow-y:auto!important}.sidebar.is-open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{position:fixed;inset:0;z-index:110;background:rgba(8,20,37,.5);backdrop-filter:blur(2px)}.sidebar-backdrop.is-open{display:block}.content{padding:20px}.dashboard-widget-grid{grid-template-columns:1fr}.dashboard-widget.widget-wide{grid-column:auto}.dashboard-hero{align-items:flex-start;flex-direction:column}.dashboard-hero-actions{justify-content:flex-start}.dashboard-filter-bar{align-items:flex-start;flex-direction:column}.dashboard-filter-controls{width:100%}.quick-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.topbar{padding:0 13px}.brand{max-width:55vw}.user-chip{display:none}.content{padding:13px}.dashboard-hero{padding:21px 18px;border-radius:15px}.dashboard-hero h1{font-size:25px}.dashboard-filter-bar{padding:12px}.dashboard-filter-controls,.dashboard-custom-dates{width:100%}.dashboard-filter-controls>label,.dashboard-custom-dates label,.dashboard-filter-controls .btn{width:100%}.dashboard-filter-controls select,.dashboard-filter-controls input{width:100%!important;max-width:none}.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat{padding:13px}.stat-copy strong{font-size:21px}.dashboard-widget{padding:16px}.quick-access-grid{grid-template-columns:1fr}.dashboard-customizer{flex-direction:column}.dashboard-customizer-list{width:100%}.dashboard-widget-setting{width:100%;justify-content:space-between}.dash-bar-row{grid-template-columns:90px minmax(0,1fr) 36px}.dashboard-line-chart{height:220px}}
body.sidebar-mobile-open{overflow:hidden}


/* CRM 0.12.3 — navigation scroll + diagnostics hotfix */
.layout{min-height:calc(100vh - 70px);align-items:start}
.sidebar{display:flex;flex-direction:column;position:sticky;top:70px;height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow:hidden!important;overscroll-behavior:contain;touch-action:pan-y}
.sidebar-head{flex:0 0 auto}
.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#3b536f transparent;overscroll-behavior:contain;touch-action:pan-y}
.sidebar-nav::-webkit-scrollbar{width:7px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#314761;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#49627f;background-clip:padding-box}
.sidebar-foot{flex:0 0 auto;margin-top:8px;background:linear-gradient(180deg,rgba(9,23,38,0),rgba(9,23,38,.96) 18%);padding-top:14px}
.application-log{white-space:pre-wrap;overflow:auto;max-height:620px;margin:0;background:#0b1627;color:#dce6f4;padding:16px;border-radius:11px;border:1px solid #1d304a;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.log-card{padding:16px}.log-empty{min-height:170px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;background:#fafbfd}.log-empty strong{color:var(--text);font-size:14px}
@media(max-width:980px){.sidebar{display:flex!important;position:fixed!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}.sidebar-nav{overflow-y:auto!important}.sidebar-foot{padding-bottom:max(2px,env(safe-area-inset-bottom))}}


/* CRM 0.12.4 — fixed desktop navigation behavior
   Desktop sidebar remains anchored to the viewport. The menu does not inherit or restore
   a previous scroll position. Its inner list only scrolls when expanded groups exceed
   the available navigation height. */
@media (min-width:981px){
  .layout{grid-template-columns:278px minmax(0,1fr);position:relative}
  .sidebar{
    position:fixed!important;
    left:0;
    top:70px!important;
    bottom:0;
    width:278px;
    height:auto!important;
    max-height:none!important;
    z-index:18;
    overflow:hidden!important;
  }
  .content{grid-column:2;min-width:0;width:100%}
  .sidebar-nav{
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-gutter:stable;
  }
  .sidebar-nav:not(.is-overflowing){
    overflow-y:hidden;
    scrollbar-width:none;
    padding-right:0;
  }
  .sidebar-nav:not(.is-overflowing)::-webkit-scrollbar{display:none}
}

/* CRM 0.13.0 — sidebar overflow refinement + Training & Coaching */
@media (min-width:981px){
  .sidebar-nav{padding-bottom:24px;scroll-padding-top:8px;scroll-padding-bottom:24px}
  .sidebar-nav.is-overflowing{overscroll-behavior-y:contain}
  .sidebar-foot{position:relative;z-index:2}
}
.training-stats .stat-card:nth-child(1){border-top:3px solid var(--accent)}
.training-stats .stat-card:nth-child(2){border-top:3px solid var(--red)}
.training-stats .stat-card:nth-child(3){border-top:3px solid var(--amber)}
.training-stats .stat-card:nth-child(4){border-top:3px solid var(--green)}
.training-stats .stat-card:nth-child(5){border-top:3px solid var(--purple)}
.training-stats .stat-card:nth-child(6){border-top:3px solid var(--cyan)}


/* CRM 0.13.1 — bottom submenu reveal hotfix */
@media (min-width:981px){
  .sidebar-nav{overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:42px;scroll-padding-bottom:42px}
  .sidebar-nav:not(.is-overflowing){overflow-y:auto!important;scrollbar-width:none}
  .sidebar-nav:not(.is-overflowing)::-webkit-scrollbar{display:none}
  .nav-collapsible:last-child{scroll-margin-bottom:36px}
  .nav-group-links{scroll-margin-bottom:28px}
}

/* CRM 0.14.0 — Senior Manager Command Center */
.command-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:26px 28px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,#0d1d35 0%,#173d87 62%,#2259d6 100%);color:#fff;box-shadow:0 14px 30px rgba(23,61,135,.14)}
.command-hero span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#9fc1ff;margin-bottom:7px}.command-hero h1{color:#fff;margin:0 0 7px;font-size:29px}.command-hero p{margin:0;max-width:780px;color:#d9e6ff}.command-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.command-hero .btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}.command-hero .btn{box-shadow:none}
.command-filter{margin-bottom:16px}.command-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.command-stat{position:relative;min-width:0;display:flex;flex-direction:column;gap:5px;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);box-shadow:0 4px 15px rgba(15,23,42,.035);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.command-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone,#2457ff)}.command-stat:hover{transform:translateY(-2px);border-color:#cbd7ea;box-shadow:0 10px 25px rgba(15,23,42,.07)}.command-stat small{text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:850;color:#718096}.command-stat strong{font-size:23px;letter-spacing:-.035em}.command-stat em{font-style:normal;font-size:11px;color:#738198}.command-stat.tone-blue{--tone:#2d67f6}.command-stat.tone-cyan{--tone:#0ea5c6}.command-stat.tone-purple{--tone:#7c5ce7}.command-stat.tone-green{--tone:#15966d}.command-stat.tone-red{--tone:#e24a4a}.command-stat.tone-amber{--tone:#d9910b}.command-stat.tone-pink{--tone:#cc4e86}.command-stat.tone-indigo{--tone:#4f5fd5}
.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.command-panel{min-width:0;margin-bottom:0}.command-wide{grid-column:1/-1}.command-priority-list{display:flex;flex-direction:column;gap:3px}.command-priority-list a{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 7px;border-bottom:1px solid #edf0f5;color:var(--text)}.command-priority-list a:last-child{border-bottom:0}.command-priority-list a:hover{background:#f8fafc;border-radius:9px}.command-priority-list span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.command-priority-list strong{font-size:12px;overflow-wrap:anywhere}.command-priority-list small{font-size:10.5px;color:var(--muted);overflow-wrap:anywhere}.command-priority-list em{font-size:11px;font-style:normal;font-weight:800;color:#b42318;white-space:nowrap}.priority-dot{width:8px;height:8px;border-radius:50%;background:#f0a000}.priority-dot.critical{background:#d92d20;box-shadow:0 0 0 4px rgba(217,45,32,.08)}.priority-dot.high{background:#f79009}
.command-table{margin-top:16px}.command-table-head{padding:19px 20px 12px}.command-table-head h2{margin:3px 0 4px}.command-table-head p{margin:0;color:var(--muted);font-size:12px}.command-table .table-scroll{overflow-x:auto}.command-table table{min-width:850px}.command-table td strong{white-space:nowrap}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.risk-pill{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800}.risk-pill.warn{background:#fff4e5;color:#b54708}.risk-pill.ok{background:#ecfdf3;color:#067647}.command-tables-grid{margin-top:0}.command-tables-grid .command-table{margin-top:16px}
@media(max-width:1180px){.command-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid{grid-template-columns:1fr}.command-wide{grid-column:auto}}
@media(max-width:720px){.command-hero{align-items:flex-start;flex-direction:column;padding:21px 18px}.command-hero h1{font-size:25px}.command-stat-grid{grid-template-columns:1fr}.command-stat{padding:14px}.command-grid{gap:12px}.command-table-head{padding:16px}}


/* CRM 0.14.1 — independent sidebar scroll + hover scrollbar UX */
@media (min-width:981px){
  .sidebar{overflow:hidden!important}
  .sidebar-head,.sidebar-foot{flex:0 0 auto}
  .sidebar-nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:transparent transparent;
  }
  .sidebar-nav::-webkit-scrollbar{width:7px}
  .sidebar-nav::-webkit-scrollbar-track{background:transparent}
  .sidebar-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
  .sidebar:hover .sidebar-nav.is-overflowing{scrollbar-color:#49627f transparent}
  .sidebar:hover .sidebar-nav.is-overflowing::-webkit-scrollbar-thumb{background:#49627f;background-clip:padding-box}
  .sidebar:hover .sidebar-nav.is-overflowing::-webkit-scrollbar-thumb:hover{background:#607a99;background-clip:padding-box}
}


/* CRM 0.14.2 — authoritative desktop shell: compact header + truly independent sidebar scroller */
@media (min-width:981px){
  .topbar{height:70px}
  .brand-wrap-text{gap:0}
  .brand-wrap-text .brand{font-size:15px}
  .layout{display:block!important;min-height:calc(100vh - 70px)!important}
  .sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto;
    position:fixed!important;
    left:0!important;
    top:70px!important;
    bottom:0!important;
    width:278px!important;
    height:auto!important;
    max-height:none!important;
    padding:12px 10px 10px!important;
    overflow:hidden!important;
    z-index:30!important;
  }
  .sidebar-head{min-height:0;flex:none;margin:0 0 8px;padding:7px 9px 10px}
  .sidebar-nav{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow-y:scroll!important;
    overflow-x:hidden!important;
    padding:0 4px 44px 0!important;
    scroll-padding-top:8px!important;
    scroll-padding-bottom:48px!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    scrollbar-gutter:stable!important;
    scrollbar-width:thin!important;
    scrollbar-color:transparent transparent!important;
  }
  /* Do not let historical is-overflowing / not-overflowing rules disable scrolling. */
  .sidebar-nav:not(.is-overflowing),.sidebar-nav.is-overflowing{
    overflow-y:scroll!important;
    padding-right:4px!important;
    scrollbar-width:thin!important;
  }
  .sidebar-nav:not(.is-overflowing)::-webkit-scrollbar{display:block!important}
  .sidebar-nav::-webkit-scrollbar{display:block!important;width:7px!important}
  .sidebar-nav::-webkit-scrollbar-track{background:transparent!important}
  .sidebar-nav::-webkit-scrollbar-thumb{background:transparent!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important}
  .sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background:#49627f!important;background-clip:padding-box!important}
  .sidebar:hover .sidebar-nav{scrollbar-color:#49627f transparent!important}
  .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6c86a5!important;background-clip:padding-box!important}
  .sidebar-foot{position:relative!important;z-index:5!important;flex:none!important;margin:0!important;padding:10px 6px 0!important;background:linear-gradient(180deg,rgba(9,23,38,0),rgba(9,23,38,.98) 22%)!important}
  .content{display:block!important;margin-left:278px!important;width:calc(100% - 278px)!important;min-width:0!important}
}
@media (max-width:980px){
  .brand-wrap-text .brand-sub{display:none}
  .brand-wrap-text .brand{font-size:13px;max-width:55vw}
  .content{margin-left:0!important;width:100%!important}
  .sidebar{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
  .sidebar-nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
}


/* CRM 0.15.0 — Executive Drill-Down Analytics */
.drill-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:24px 27px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,#10223c 0%,#1d4c9f 65%,#2d67f6 100%);color:#fff;box-shadow:0 14px 30px rgba(23,61,135,.14)}
.drill-hero span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#a9c8ff;margin-bottom:6px}.drill-hero h1{color:#fff;margin:0 0 6px;font-size:28px}.drill-hero p{margin:0;color:#dce8ff}.drill-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.drill-hero .btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}
.drill-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.drill-stat{--tone:#2864ff;position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);box-shadow:var(--shadow-sm);overflow:hidden}.drill-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tone)}.drill-stat:hover{transform:translateY(-1px);color:var(--text)}.drill-stat small{text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:850;color:#718096}.drill-stat strong{font-size:22px;letter-spacing:-.03em}.drill-stat em{font-style:normal;font-size:10.5px;color:var(--muted)}
.drill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.drill-panel{min-width:0;margin-bottom:0}.drill-wide{grid-column:1/-1}.drill-scope-links{display:flex;flex-wrap:wrap;gap:8px}.drill-scope-links a{padding:7px 10px;border-radius:9px;background:#f4f7fb;border:1px solid var(--line);font-size:11px;font-weight:750;color:#42526a}.drill-scope-links a:hover{background:var(--accent-soft);color:var(--accent)}.drill-customer-table{margin-top:16px}.drill-customer-table .table-scroll{overflow-x:auto}.drill-customer-table table{min-width:1050px}
.command-table td a{color:inherit}.command-table td a:hover{color:var(--accent)}
@media(max-width:1180px){.drill-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-grid{grid-template-columns:1fr}.drill-wide{grid-column:auto}}
@media(max-width:720px){.drill-hero{align-items:flex-start;flex-direction:column;padding:20px 18px}.drill-stat-grid{grid-template-columns:1fr}.drill-hero h1{font-size:24px}}
/* Phase 16 growth / balance performance widget */
.performance-growth-widget{padding:0;overflow:hidden}.performance-summary-row{display:flex;align-items:stretch;gap:4px;padding:14px 16px 8px;min-width:0;flex-wrap:wrap}.performance-mini{padding:8px 14px;border-radius:4px;min-width:110px}.performance-mini.is-active{background:#eef5ff}.performance-mini strong{display:block;font-size:18px;line-height:1.15;color:#111827}.performance-mini span{display:flex;align-items:center;gap:7px;margin-top:3px;color:#667085;font-size:11px}.perf-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.perf-dot.blue{background:#63a4ef}.perf-dot.grey{background:#aeb7bf}.perf-dot.green{background:#5caf48}.perf-dot.red{background:#ef7255}.performance-mode-toggle{margin-left:auto;display:flex;align-self:flex-start;border:1px solid #d7dce4}.performance-mode-toggle button{border:0;background:#fff;padding:8px 13px;font-weight:700;color:#111827;cursor:pointer}.performance-mode-toggle button.is-active{background:#4e79bd;color:#fff}.performance-chart{height:330px;padding:0 10px;overflow:hidden}.performance-chart svg{width:100%;height:100%;display:block}.performance-grid{stroke:#e8ecf0;stroke-width:1;vector-effect:non-scaling-stroke}.performance-axis-label,.performance-x-label{fill:#4b5563;font:11px system-ui,sans-serif}.performance-line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.performance-line.growth,.performance-point.growth{stroke:#63a4ef;fill:#63a4ef}.performance-line.balance,.performance-point.balance{stroke:#3178c6;fill:#3178c6}.performance-line.average,.performance-point.average{stroke:#aeb7bf;fill:#aeb7bf}.performance-line.average{stroke-width:2}.performance-point{stroke:#fff;stroke-width:1.5}.performance-monthly-wrap{overflow-x:auto;border-top:1px solid #edf0f4}.performance-monthly{width:100%;min-width:900px;border-collapse:collapse;font-size:11px}.performance-monthly th,.performance-monthly td{padding:8px 9px;text-align:center;border-bottom:1px solid #eef1f4}.performance-monthly thead th{color:#687386;background:#fbfcfd;font-weight:700}.performance-monthly tbody th{text-align:left;background:#f8fafc}.performance-monthly td.positive{color:#0a67b7}.performance-monthly td.negative{color:#e1482f}.movement-list{display:grid;gap:7px;margin-top:12px}.movement-list a{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #e6ebf2;border-radius:10px;color:inherit;text-decoration:none;background:#fbfcfe}.movement-list a:hover{border-color:#b8cdf8;background:#f4f8ff}.panel-head{padding:20px 22px 8px}
@media(max-width:760px){.performance-summary-row{gap:2px}.performance-mini{min-width:92px;padding:7px 9px}.performance-mode-toggle{width:100%;margin-left:0}.performance-mode-toggle button{flex:1}.performance-chart{height:260px}}

/* CRM 0.16.1 — deterministic sidebar scrolling + Light / Dark / System themes */
.theme-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 1px 2px rgba(16,24,40,.03)}
.theme-switch button{display:flex;align-items:center;gap:5px;min-height:30px;border:0;border-radius:8px;padding:6px 9px;background:transparent;color:var(--muted);font:700 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.theme-switch button:hover{color:var(--text);background:var(--accent-soft)}
.theme-switch button.is-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent)}
@media(max-width:1080px){.theme-switch button span{display:none}.theme-switch button{width:30px;justify-content:center;padding:6px}}
@media(max-width:700px){.theme-switch{display:none}}

/* Final authoritative sidebar scroller. Wheel/trackpad is reinforced in app.js. */
@media (min-width:981px){
  .sidebar{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
  .sidebar-nav{position:relative!important;min-height:0!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 8px 28px 0!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;touch-action:pan-y!important;scroll-behavior:auto!important;scrollbar-width:thin!important;scrollbar-color:transparent transparent!important}
  .sidebar-nav::-webkit-scrollbar{display:block!important;width:8px!important}
  .sidebar-nav::-webkit-scrollbar-track{background:transparent!important}
  .sidebar-nav::-webkit-scrollbar-thumb{background:transparent!important;border:2px solid transparent!important;border-radius:999px!important;background-clip:padding-box!important}
  .sidebar:hover .sidebar-nav{scrollbar-color:#526b89 transparent!important}
  .sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background:#526b89!important;background-clip:padding-box!important}
  .sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#7890ad!important;background-clip:padding-box!important}
  .sidebar-foot{margin:0!important;padding:9px 5px 0!important}
}

/* Explicit light palette. */
html[data-theme="light"]{
  --bg:#f5f7fb;--panel:#ffffff;--text:#172033;--muted:#667085;--line:#e3e8f1;
  --accent:#2864ff;--accent-strong:#1746d7;--accent-soft:#edf3ff;
  --control-border:#cbd5e1;--control-border-hover:#aebbd0;--control-focus:#2457ff;--control-bg:#fff;--control-disabled:#f4f6f8;--control-placeholder:#98a2b3;
}

/* Dark fintech palette and component remapping. */
html[data-theme="dark"]{
  --bg:#07111f;--panel:#0e1a2b;--text:#e8eef8;--muted:#93a2b8;--line:#223149;
  --accent:#6f96ff;--accent-strong:#9bb7ff;--accent-soft:#16294e;
  --danger:#ff8580;--danger-soft:#381b22;--ok:#54d6a3;--ok-soft:#11362c;--warn:#f2b760;
  --cyan:#4bc4de;--cyan-soft:#12323d;--green:#49c99a;--green-soft:#12372e;
  --amber:#eeb354;--amber-soft:#3a2b16;--red:#ef7777;--red-soft:#381c24;
  --purple:#a995ff;--purple-soft:#292244;--pink:#ef83b4;--pink-soft:#3b2030;--indigo:#8d9cff;--indigo-soft:#20274a;
  --control-border:#33445e;--control-border-hover:#506683;--control-focus:#7298ff;--control-bg:#0c1727;--control-disabled:#101d2e;--control-placeholder:#718198;
  --shadow-sm:0 4px 16px rgba(0,0,0,.18);--shadow-md:0 14px 34px rgba(0,0,0,.25);--shadow-lg:0 24px 70px rgba(0,0,0,.42);
}
html[data-theme="dark"],html[data-theme="dark"] body{background:#07111f;color:var(--text)}
html[data-theme="dark"] body{background:linear-gradient(180deg,#091525 0,#07111f 260px,#07111f 100%)}
html[data-theme="dark"] .topbar{background:rgba(9,20,35,.94);border-color:#1e2e45;box-shadow:0 1px 0 rgba(255,255,255,.025)}
html[data-theme="dark"] .brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] strong{color:var(--text)}
html[data-theme="dark"] .brand-sub,html[data-theme="dark"] .user-chip span{color:var(--muted)}
html[data-theme="dark"] .card,html[data-theme="dark"] .metric,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .org-card,html[data-theme="dark"] .note-card,html[data-theme="dark"] .callout,html[data-theme="dark"] .dashboard-widget,html[data-theme="dark"] .command-stat,html[data-theme="dark"] .drill-stat{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .card.is-maximized{background:var(--panel)!important}
html[data-theme="dark"] body.card-modal-open::before{background:rgba(0,6,15,.68)}
html[data-theme="dark"] .card-window-button,html[data-theme="dark"] .widget-drag{background:#101d2f;border-color:#2b3a52;color:#aab8cb}
html[data-theme="dark"] .card-window-button:hover,html[data-theme="dark"] .widget-drag:hover{background:#17253a;color:#e9eff8;border-color:#40516a}
html[data-theme="dark"] .card-window-title{color:#c7d2e2}
html[data-theme="dark"] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .search{background-color:var(--control-bg);border-color:var(--control-border);color:var(--text);box-shadow:none}
html[data-theme="dark"] input:disabled,html[data-theme="dark"] select:disabled,html[data-theme="dark"] textarea:disabled,html[data-theme="dark"] input[readonly]{background:#101d2e;color:#728198}
html[data-theme="dark"] select{background-image:linear-gradient(45deg,transparent 50%,#93a2b8 50%),linear-gradient(135deg,#93a2b8 50%,transparent 50%)}
html[data-theme="dark"] input[type="file"]{background:#0b1727}
html[data-theme="dark"] input[type="file"]::file-selector-button{background:#142238;border-color:#33445e;color:#d7e0ec}
html[data-theme="dark"] .field label,html[data-theme="dark"] .form-grid>label,html[data-theme="dark"] .weight-grid>label,html[data-theme="dark"] form.card>label:not(.check-row):not(.check):not(.checkbox-row){color:#c0ccdc}
html[data-theme="dark"] th{background:#101c2d;color:#8fa0b7;border-color:var(--line)}
html[data-theme="dark"] td{border-color:var(--line)}
html[data-theme="dark"] tbody tr:hover{background:#101d30}
html[data-theme="dark"] .table-sub,html[data-theme="dark"] .muted,html[data-theme="dark"] .help,html[data-theme="dark"] .metric-row span{color:var(--muted)}
html[data-theme="dark"] .btn.secondary{background:#172b50;color:#a8c0ff}
html[data-theme="dark"] .btn.ghost{background:#0f1b2d;border-color:#2b3a52;color:#c7d2e2}
html[data-theme="dark"] .btn.ghost:hover{background:#17253a}
html[data-theme="dark"] .pill.neutral,html[data-theme="dark"] .rank{background:#172337;color:#bdc9d8}
html[data-theme="dark"] .version-badge{background:#12213a;border-color:#284164;color:#a9c1ff}
html[data-theme="dark"] code,html[data-theme="dark"] .release-note{background:#101d2e;color:#d6e0ed}
html[data-theme="dark"] .check-row{border-color:var(--line)}
html[data-theme="dark"] .upload-zone,html[data-theme="dark"] .mapping-table select{background:#0d192a}
html[data-theme="dark"] .alert.success{background:#103329;border-color:#245b49;color:#6addb1}
html[data-theme="dark"] .alert.error{background:#351b22;border-color:#65313a;color:#ff9b96}
html[data-theme="dark"] .alert.warning{background:#382b17;border-color:#6f5221;color:#f5c36e}
html[data-theme="dark"] .dashboard-hero{background:linear-gradient(125deg,#101d2f 0%,#0e1a2b 58%,#102343 100%);border-color:#263a58;box-shadow:var(--shadow-sm)}
html[data-theme="dark"] .dashboard-hero h1{color:#edf3fc}
html[data-theme="dark"] .dashboard-hero p{color:#9eacc0}
html[data-theme="dark"] .dashboard-filter-bar,html[data-theme="dark"] .dashboard-stat,html[data-theme="dark"] .dashboard-customizer,html[data-theme="dark"] .dashboard-widget-setting,html[data-theme="dark"] .widget-empty{background:#0e1a2b;border-color:var(--line)}
html[data-theme="dark"] .dashboard-stat:hover{border-color:#38506f;box-shadow:var(--shadow-md)}
html[data-theme="dark"] .stat-copy strong{color:#edf3fc}
html[data-theme="dark"] .quick-access-item,html[data-theme="dark"] .queue-list a,html[data-theme="dark"] .command-priority-list a,html[data-theme="dark"] .movement-list a,html[data-theme="dark"] .drill-scope-links a{background:#101d30;border-color:#24354d;color:#c9d5e4}
html[data-theme="dark"] .quick-access-item:hover,html[data-theme="dark"] .queue-list a:hover,html[data-theme="dark"] .command-priority-list a:hover,html[data-theme="dark"] .movement-list a:hover,html[data-theme="dark"] .drill-scope-links a:hover{background:#152641;border-color:#3a5881;color:#e8eef8}
html[data-theme="dark"] .command-hero{background:linear-gradient(135deg,#0d1c31 0%,#17396c 70%,#2356b5 100%)}
html[data-theme="dark"] .drill-hero{background:linear-gradient(135deg,#0b1b30 0%,#173a73 68%,#2458c4 100%)}
html[data-theme="dark"] .performance-growth-widget{background:var(--panel)}
html[data-theme="dark"] .performance-mini.is-active{background:#142743}
html[data-theme="dark"] .performance-mini strong{color:#eef3fa}
html[data-theme="dark"] .performance-mini span{color:#91a0b5}
html[data-theme="dark"] .performance-mode-toggle{border-color:#304158}
html[data-theme="dark"] .performance-mode-toggle button{background:#0e1a2b;color:#d9e2ef}
html[data-theme="dark"] .performance-mode-toggle button.is-active{background:#4e79bd;color:#fff}
html[data-theme="dark"] .performance-grid{stroke:#25344a}
html[data-theme="dark"] .performance-axis-label,html[data-theme="dark"] .performance-x-label{fill:#91a0b5}
html[data-theme="dark"] .performance-line.average,html[data-theme="dark"] .performance-point.average{stroke:#66788c;fill:#66788c}
html[data-theme="dark"] .performance-monthly-wrap{border-color:#233249}
html[data-theme="dark"] .performance-monthly th,html[data-theme="dark"] .performance-monthly td{border-color:#223149}
html[data-theme="dark"] .performance-monthly thead th,html[data-theme="dark"] .performance-monthly tbody th{background:#101c2d;color:#91a0b5}
html[data-theme="dark"] .qa-score-list,html[data-theme="dark"] .qa-score-row,html[data-theme="dark"] .qa-framework-section,html[data-theme="dark"] .detail-grid>div,html[data-theme="dark"] .metric-row{border-color:var(--line)}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#050d18 0%,#081423 55%,#06111e 100%);border-right-color:#13233a;box-shadow:8px 0 28px rgba(0,0,0,.22)}
html[data-theme="dark"] .sidebar-foot{background:linear-gradient(180deg,rgba(6,17,30,0),rgba(6,17,30,.98) 22%)!important}
html[data-theme="dark"] .theme-switch{background:#0c1727;border-color:#26364d}
html[data-theme="dark"] .theme-switch button{color:#8fa0b7}
html[data-theme="dark"] .theme-switch button:hover{background:#152743;color:#dfe8f4}
html[data-theme="dark"] .theme-switch button.is-active{background:#1a315a;color:#b9ccff}
html[data-theme="dark"] ::selection{background:#2f5fb5;color:#fff}

@media(max-width:700px){html[data-theme="dark"] .topbar{background:#091423}}

/* CRM 0.16.2 — natural desktop sidebar scrolling
   The page owns vertical scrolling. The sidebar participates in normal document flow,
   so there is no separate navigation scrollbar on desktop. */
@media (min-width:981px){
  .layout{
    grid-template-columns:278px minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:calc(100vh - 70px)!important;
  }
  .sidebar{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:100%!important;
    max-height:none!important;
    display:block!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:auto!important;
  }
  .sidebar-head{
    position:static!important;
    min-height:0!important;
  }
  .sidebar-nav,
  .sidebar-nav.is-overflowing,
  .sidebar-nav:not(.is-overflowing){
    position:static!important;
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding-right:0!important;
    padding-bottom:24px!important;
    scrollbar-width:none!important;
    scrollbar-color:transparent transparent!important;
    scrollbar-gutter:auto!important;
    overscroll-behavior:auto!important;
    touch-action:auto!important;
  }
  .sidebar-nav::-webkit-scrollbar,
  .sidebar:hover .sidebar-nav::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .sidebar-nav::-webkit-scrollbar-thumb,
  .sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{
    background:transparent!important;
  }
  .sidebar-foot{
    position:static!important;
    margin-top:8px!important;
    padding:12px 6px 18px!important;
  }
  .content{
    grid-column:2!important;
    min-width:0!important;
  }
}

/* CRM 0.16.3 — authoritative desktop two-column shell repair
   Restores the intended left navigation column + right CRM workspace after the
   0.14.2 display:block override. Desktop navigation follows normal page scroll. */
@media (min-width:981px){
  .layout{
    display:grid!important;
    grid-template-columns:278px minmax(0,1fr)!important;
    align-items:stretch!important;
    min-height:calc(100vh - 70px)!important;
    width:100%!important;
  }
  .sidebar{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:278px!important;
    height:auto!important;
    min-height:calc(100vh - 70px)!important;
    max-height:none!important;
    align-self:stretch!important;
    display:block!important;
    overflow:visible!important;
  }
  .sidebar-head,.sidebar-nav,.sidebar-foot{
    width:100%!important;
    max-width:100%!important;
  }
  .sidebar-nav,.sidebar-nav.is-overflowing,.sidebar-nav:not(.is-overflowing){
    display:block!important;
    position:static!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    scrollbar-gutter:auto!important;
  }
  .sidebar-nav::-webkit-scrollbar,.sidebar:hover .sidebar-nav::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .sidebar-foot{
    position:static!important;
    margin-top:8px!important;
  }
  .content{
    grid-column:2!important;
    grid-row:1!important;
    display:block!important;
    margin-left:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* CRM 0.17.0 — Executive Reporting */
.report-hero{margin-bottom:18px}.report-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.report-stat{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}.report-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent)}.report-stat small{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:850}.report-stat strong{font-size:27px;line-height:1.05;letter-spacing:-.035em}.report-stat em{font-style:normal;color:var(--muted);font-size:11px}.report-stat.tone-purple:before{background:#7c3aed}.report-stat.tone-amber:before{background:#d97706}.report-stat.tone-green:before{background:#059669}.report-builder{margin-bottom:18px}.report-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-scope-select[hidden]{display:none!important}.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-actions form{margin:0}.report-cron code{display:block;overflow-x:auto;padding:12px 14px;background:#0f172a;color:#e2e8f0;border-radius:10px;white-space:nowrap}.report-history{margin-top:18px}.report-view-hero{margin-bottom:18px}.report-comparison{margin:18px 0}.report-delta{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850}.report-delta.positive{background:var(--ok-soft);color:var(--ok)}.report-delta.negative{background:var(--danger-soft);color:var(--danger)}.report-visual-grid{margin-top:18px}.report-summary-grid{margin-top:18px}
html[data-theme="dark"] .report-stat{background:var(--panel);border-color:var(--line)}html[data-theme="dark"] .report-cron code{background:#020617;color:#cbd5e1}
@media(max-width:1180px){.report-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.report-stat-grid,.report-form-grid{grid-template-columns:1fr}.report-actions{align-items:stretch}.report-actions>*{width:100%}.report-actions .link-btn{display:block;padding:7px 0}}

/* CRM 0.18.0 — Management Action Center */
.management-head{align-items:flex-start}.management-head .page-actions{display:flex;gap:10px;flex-wrap:wrap}.management-stats{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.management-stats .stat-card{text-decoration:none;color:inherit}.management-create{margin-bottom:18px}.management-create[hidden]{display:none!important}.management-action-form{grid-template-columns:repeat(2,minmax(0,1fr))}.management-action-form .span-2,.management-create .span-2{grid-column:span 2}.management-filter{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(145px,1fr)) auto auto}.management-table .table-primary{font-weight:800}.progress-mini{width:120px;max-width:100%;height:7px;border-radius:999px;background:var(--line);overflow:hidden;margin-bottom:5px}.progress-mini span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.row-overdue{background:color-mix(in srgb,var(--danger-soft) 55%,transparent)}.text-danger{color:var(--danger)!important}.text-warning{color:#d97706!important}.management-detail-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.management-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.detail-list{display:grid;gap:14px;margin:0}.detail-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:850;color:var(--muted);margin-bottom:4px}.detail-list dd{margin:0;line-height:1.55}.linked-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.linked-record:last-child{border-bottom:0}.management-timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:6px;top:12px;bottom:-2px;width:1px;background:var(--line)}.timeline-item:last-child:before{display:none}.timeline-dot{width:13px;height:13px;border-radius:50%;background:var(--accent);margin-top:5px;z-index:1;box-shadow:0 0 0 4px var(--panel)}.timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline-meta span{font-size:11px;color:var(--muted)}.timeline-item p{margin:5px 0 3px}.timeline-item small{color:var(--muted);margin-right:10px}.compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.status-pill.muted{background:var(--soft);color:var(--muted)}
html[data-theme="dark"] .row-overdue{background:rgba(127,29,29,.18)}html[data-theme="dark"] .progress-mini{background:#243244}
@media(max-width:1380px){.management-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.management-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.management-stats,.management-detail-stats,.management-detail-grid,.management-action-form,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-action-form .span-2,.management-create .span-2{grid-column:span 2}.management-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.management-stats,.management-detail-stats,.management-detail-grid,.management-action-form,.compact-grid,.management-filter{grid-template-columns:1fr}.management-action-form .span-2,.management-create .span-2{grid-column:span 1}.management-head .page-actions,.management-head .page-actions>*{width:100%}.management-head .page-actions .btn{width:100%}.progress-mini{width:100%}}


/* CRM 0.19.0 — PU Prime brand system */
:root{
  --bg:#f5f7fb;--panel:#ffffff;--text:#171717;--muted:#6b7280;--line:#e2e7ef;
  --accent:#004abc;--accent-soft:#eaf2ff;--nav:#06182f;--nav2:#0b2850;
  --control-focus:#004abc;--pu-blue:#004abc;--pu-blue-2:#0063e6;--pu-ink:#171717;--pu-soft:#eef5ff;
}
a{color:var(--pu-blue)}
.topbar{background:#fff;border-bottom-color:#e5e9f0}.brand{color:#111827}.brand-sub{color:#778197}
.sidebar{background:linear-gradient(180deg,#05172e 0%,#071e3a 54%,#06182f 100%)}
.sidebar a:hover,.sidebar a.active{background:linear-gradient(90deg,rgba(0,74,188,.32),rgba(0,74,188,.12));color:#fff}
.sidebar a.active{box-shadow:inset 3px 0 0 #1680ff}
.nav-icon{color:#8fb8f3}.sidebar a.active .nav-icon{color:#9fd0ff}
.pu-sidebar-brand{display:flex;align-items:center;gap:10px;min-width:0}.pu-sidebar-brand img{display:block;width:118px;max-width:62%;height:auto;background:#fff;border-radius:8px;padding:5px 7px}.pu-sidebar-brand span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9fb0c6;font-weight:800;white-space:nowrap}
.btn{background:linear-gradient(180deg,#0862dc,#004abc);box-shadow:0 5px 13px rgba(0,74,188,.18)}.btn.secondary{background:#eaf2ff;color:#004abc}.btn.ghost{color:#31435d}
.dashboard-hero{background:linear-gradient(120deg,#ffffff 0%,#f2f7ff 62%,#e5efff 100%);border-color:#d5e3fb}
.dashboard-stat{--tone:#004abc}.dashboard-stat:before{background:var(--tone)}
.series-gross{stroke:#004abc;fill:#004abc}.series-blue{background:#004abc}.palette-source .dash-bar-fill{background:linear-gradient(90deg,#004abc,#1680ff)}
.chart-line.series-growth{stroke:#1680ff}.chart-line.series-average{stroke:#9aa5b1}
.theme-switch button.is-active{background:#004abc;color:#fff;border-color:#004abc}
.public-brand,.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.public-brand img,.login-brand img{width:190px;max-width:60%;height:auto}.public-brand strong,.login-brand span{font-weight:850;color:#171717;letter-spacing:-.02em}
.login-card{border-top:4px solid #004abc}
.pill.blue{background:#eaf2ff;color:#004abc}.version-badge{background:#eaf2ff;color:#004abc}
input:focus,select:focus,textarea:focus,.search:focus{border-color:#4f8ee2!important;box-shadow:0 0 0 3px rgba(0,74,188,.13)!important}

html[data-theme="dark"]{
  --bg:#050d18;--panel:#0a1727;--text:#eef4fb;--muted:#94a3b8;--line:#1d3148;--accent:#3b8cff;--accent-soft:#0d2c54;--nav:#030b15;--nav2:#08244a;--control-bg:#0b1a2d;--control-border:#28405d;--control-border-hover:#3b587b;--control-focus:#3b8cff;--control-disabled:#101f31;
}
html[data-theme="dark"] body{background:#050d18;color:#eef4fb}html[data-theme="dark"] .topbar{background:#071321;border-color:#1b2b3f}html[data-theme="dark"] .brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3{color:#f7fbff}
html[data-theme="dark"] .card,html[data-theme="dark"] .metric,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .dashboard-widget,html[data-theme="dark"] .quick-access-item{background:#0a1727;border-color:#1d3148;color:#eef4fb}
html[data-theme="dark"] th{background:#0d1b2d;color:#9fb0c6}html[data-theme="dark"] tbody tr:hover{background:#0d1d31}html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1a2d!important;color:#eef4fb!important;border-color:#28405d!important}
html[data-theme="dark"] .dashboard-hero{background:linear-gradient(120deg,#0a1727,#0a203d 70%,#07336d);border-color:#1f4f88}html[data-theme="dark"] .btn.ghost{background:#0b1a2d;color:#c6d5e7;border-color:#28405d}html[data-theme="dark"] .public-brand strong,html[data-theme="dark"] .login-brand span{color:#f5f8fc}
html[data-theme="dark"] .dashboard-line-chart{background:linear-gradient(180deg,#07182a,#0a1727);border-color:#1d3148}html[data-theme="dark"] .chart-axis{stroke:#253a52}html[data-theme="dark"] .chart-label{fill:#91a2b8}
.management-intelligence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.intelligence-card{border-left:4px solid #004abc}.intelligence-card.severity-critical{border-left-color:#d92d20}.intelligence-card.severity-high{border-left-color:#e68619}.intelligence-card.severity-medium{border-left-color:#004abc}.intelligence-card.severity-info{border-left-color:#0b8f64}.intelligence-evidence{font-size:11px;color:var(--muted);margin-top:8px}.intelligence-recommendation{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--accent-soft);color:var(--text);font-size:12px}
@media(max-width:1000px){.management-intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.management-intelligence-grid{grid-template-columns:1fr}.pu-sidebar-brand img{width:105px}}

/* CRM 0.22.0 — Automated Data Synchronization */
.integrations-head{align-items:flex-start}.integration-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.integration-form-card{margin-bottom:18px}.integration-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-form-grid .span-2{grid-column:span 2}.integration-filters{grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(180px,1fr) auto;margin-bottom:18px}.integration-endpoint{max-width:310px;overflow-wrap:anywhere}.table-sub{display:block;margin-top:5px;color:var(--muted);font-size:11px}.table-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-actions form{margin:0}.table-actions .link-btn{background:none;border:0;padding:0;cursor:pointer;font:inherit}.status-pill.draft,.status-pill.health-not_tested{background:var(--soft);color:var(--muted)}.status-pill.active,.status-pill.health-healthy{background:var(--ok-soft);color:var(--ok)}.status-pill.paused,.status-pill.health-warning{background:#fff4d6;color:#9a6700}.status-pill.error,.status-pill.health-error{background:var(--danger-soft);color:var(--danger)}
html[data-theme="dark"] .status-pill.paused,html[data-theme="dark"] .status-pill.health-warning{background:#3a2a08;color:#f3c969}
@media(max-width:1180px){.integration-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.integration-stats,.integration-form-grid,.integration-filters{grid-template-columns:1fr}.integration-form-grid .span-2{grid-column:span 1}.integration-head .actions,.integration-head .actions .btn{width:100%}}
.status-pill.running{background:#eaf2ff;color:#004abc}.status-pill.completed{background:var(--ok-soft);color:var(--ok)}.status-pill.partial,.status-pill.retry_wait{background:#fff4d6;color:#9a6700}.status-pill.failed{background:var(--danger-soft);color:var(--danger)}.checkbox-field{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding-top:25px}.checkbox-field input{width:auto}.code-block{display:block;max-width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--soft);overflow:auto;white-space:nowrap}.table-actions button:disabled{opacity:.45;cursor:not-allowed}
html[data-theme="dark"] .status-pill.running{background:#0d2c54;color:#8fc1ff}html[data-theme="dark"] .status-pill.partial,html[data-theme="dark"] .status-pill.retry_wait{background:#3a2a08;color:#f3c969}

/* Phase 23 — protected email and contact-number display */
.pii-control{display:inline-flex;align-items:center;gap:6px;max-width:100%;vertical-align:middle}.pii-text{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pii-toggle{width:26px;height:26px;display:inline-grid;place-items:center;flex:0 0 26px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);cursor:pointer;padding:0;transition:border-color .15s ease,color .15s ease,background .15s ease}.pii-toggle:hover{border-color:#aeb8ca;color:var(--accent);background:var(--accent-soft)}.pii-toggle:disabled{opacity:.5;cursor:wait}.pii-toggle svg{width:15px;height:15px}.pii-control[data-pii-revealed="1"] .pii-toggle{color:var(--accent);background:var(--accent-soft);border-color:#c7d2fe;position:relative}.pii-control[data-pii-revealed="1"] .pii-toggle:after{content:"";position:absolute;width:16px;height:1.5px;background:currentColor;transform:rotate(-45deg);border-radius:99px}.table-sub .pii-control{margin-left:3px}.profile-grid .pii-control{margin-top:-4px;margin-bottom:-4px}.pii-empty{color:var(--muted)}
html[data-theme="dark"] .pii-toggle{background:var(--panel);border-color:var(--line);color:var(--muted)}html[data-theme="dark"] .pii-toggle:hover,html[data-theme="dark"] .pii-control[data-pii-revealed="1"] .pii-toggle{background:var(--accent-soft);color:var(--accent)}

/* CRM 0.24.0 — Partner Intelligence + authoritative theme-aware sidebar shell */
.partner-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.partner-stat-grid .stat-card small{color:var(--muted);font-size:11px}.partner-filter-card{padding:15px 17px}.partner-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(160px,1fr)) auto;gap:12px;align-items:end}.partner-filters label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:var(--muted)}.partner-filter-actions{display:flex;gap:8px}.partner-table .table-scroll{overflow-x:auto}.partner-table table{min-width:1240px}.partner-score{display:inline-grid;place-items:center;min-width:40px;height:32px;border-radius:10px;font-weight:900}.partner-score.good{background:var(--ok-soft);color:var(--ok)}.partner-score.watch{background:#fff4d6;color:#9a6700}.partner-score.risk{background:var(--danger-soft);color:var(--danger)}.partner-trend{font-weight:850}.partner-trend.up{color:var(--ok)}.partner-trend.down{color:var(--danger)}.partner-risk-copy{max-width:190px;line-height:1.45}.partner-table td{vertical-align:top}
html[data-theme="dark"] .partner-score.watch{background:#3a2a08;color:#f3c969}
@media(max-width:1180px){.partner-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-filter-actions{align-self:end}}@media(max-width:680px){.partner-stat-grid,.partner-filters{grid-template-columns:1fr}.partner-filter-actions,.partner-filter-actions .btn{width:100%}.partner-filter-actions .btn{flex:1}}

/* One final desktop sidebar contract. This intentionally overrides the historical
   0.14.x/0.16.x shell patches above so navigation and the footer cannot overlap. */
@media (min-width:981px){
  .layout{display:grid!important;grid-template-columns:278px minmax(0,1fr)!important;align-items:stretch!important;min-height:calc(100vh - 70px)!important;width:100%!important}
  .sidebar{grid-column:1!important;grid-row:1!important;position:sticky!important;top:70px!important;left:auto!important;right:auto!important;bottom:auto!important;align-self:start!important;width:278px!important;max-width:278px!important;height:calc(100vh - 70px)!important;min-height:0!important;max-height:calc(100vh - 70px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:12px 10px 10px!important;overflow:hidden!important;z-index:30!important}
  .sidebar-head{grid-row:1!important;position:relative!important;flex:none!important;margin:0 0 8px!important;padding:7px 9px 10px!important;min-height:0!important}
  .sidebar-nav,.sidebar-nav.is-overflowing,.sidebar-nav:not(.is-overflowing){grid-row:2!important;display:flex!important;flex-direction:column!important;gap:4px!important;position:relative!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 4px 24px 0!important;scroll-padding:8px 0 24px!important;scrollbar-gutter:stable!important;overscroll-behavior:contain!important;touch-action:pan-y!important;scrollbar-width:thin!important;scrollbar-color:transparent transparent!important}
  .sidebar-nav::-webkit-scrollbar,.sidebar:hover .sidebar-nav::-webkit-scrollbar{display:block!important;width:7px!important;height:7px!important}.sidebar-nav::-webkit-scrollbar-track{background:transparent!important}.sidebar-nav::-webkit-scrollbar-thumb{display:block!important;background:transparent!important;border:2px solid transparent!important;border-radius:999px!important;background-clip:padding-box!important}.sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background:#9aa8ba!important;background-clip:padding-box!important}.sidebar:hover .sidebar-nav{scrollbar-color:#9aa8ba transparent!important}
  .sidebar-foot{grid-row:3!important;position:relative!important;z-index:4!important;flex:none!important;margin:0!important;padding:10px 5px 0!important;min-height:0!important}
  .content{grid-column:2!important;grid-row:1!important;display:block!important;margin-left:0!important;width:auto!important;min-width:0!important;max-width:100%!important}
}

/* Light mode now has a true light sidebar instead of inheriting the dark PU theme. */
html[data-theme="light"] .sidebar{background:#ffffff!important;color:#344054!important;border-right:1px solid #dfe5ee!important;box-shadow:6px 0 22px rgba(16,24,40,.035)!important}
html[data-theme="light"] .sidebar-head{border-bottom-color:#e8ecf2!important}
html[data-theme="light"] .pu-sidebar-brand img{background:#fff;border:1px solid #e4e9f1;box-shadow:0 2px 7px rgba(16,24,40,.04)}
html[data-theme="light"] .pu-sidebar-brand span,html[data-theme="light"] .sidebar-head span{color:#778399!important}
html[data-theme="light"] .sidebar a,html[data-theme="light"] .nav-group-toggle{color:#475467!important}
html[data-theme="light"] .sidebar a:hover,html[data-theme="light"] .nav-group-toggle:hover{background:#f2f6fc!important;color:#172033!important}
html[data-theme="light"] .sidebar a.active{background:linear-gradient(90deg,#e7f0ff,#f3f7ff)!important;color:#004abc!important;box-shadow:inset 3px 0 0 #1680ff!important}
html[data-theme="light"] .nav-icon{background:#f3f6fa!important;color:#66778d!important}
html[data-theme="light"] .sidebar a.active .nav-icon{background:#dceaff!important;color:#005bd7!important}
html[data-theme="light"] .nav-group-toggle{font-weight:750!important}.nav-group-title{min-width:0}
html[data-theme="light"] .nav-chevron{color:#8c98aa!important}
html[data-theme="light"] .nav-single{border-bottom-color:#e8ecf2!important}
html[data-theme="light"] .nav-group-links{border-left-color:#dfe5ee!important}
html[data-theme="light"] .sidebar-foot{border-top:1px solid #e8ecf2!important;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%)!important}
html[data-theme="light"] .sidebar-status{background:#f6f8fb!important;border:1px solid #e7ebf1!important}
html[data-theme="light"] .sidebar-status strong{color:#344054!important}html[data-theme="light"] .sidebar-status small{color:#7a8698!important}
html[data-theme="light"] .sidebar-close{color:#667085!important}
html[data-theme="light"] .sidebar:hover .sidebar-nav::-webkit-scrollbar-thumb{background:#bac4d1!important;background-clip:padding-box!important}html[data-theme="light"] .sidebar:hover .sidebar-nav{scrollbar-color:#bac4d1 transparent!important}

/* Dark mode remains intentionally dark, but uses the same non-overlapping geometry. */
html[data-theme="dark"] .sidebar-foot{border-top:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(6,17,30,0),rgba(6,17,30,.98) 22%)!important}

@media(max-width:980px){
  .sidebar{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  .sidebar-nav,.sidebar-nav.is-overflowing,.sidebar-nav:not(.is-overflowing){min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:24px!important}
  .sidebar-foot{position:relative!important;margin:0!important;padding:10px 5px 0!important}
}

/* CRM 0.24.0 — authoritative form-control stabilization.
   Keep date/select indicators inside the control and align every compact filter row. */
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
select{
  height:42px;
  min-height:42px;
  max-height:42px;
  padding-top:9px;
  padding-bottom:9px;
  border-radius:10px;
  line-height:22px;
}
select{
  padding-left:12px;
  padding-right:42px!important;
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%!important;
  background-size:5px 5px,5px 5px!important;
  background-repeat:no-repeat!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
input[type="date"],input[type="datetime-local"]{
  padding-left:12px!important;
  padding-right:10px!important;
  color-scheme:light;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  width:18px;
  height:18px;
  min-width:18px;
  margin:0 0 0 8px;
  padding:3px;
  border:0;
  border-radius:6px;
  background-color:transparent;
  opacity:.7;
  cursor:pointer;
}
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{background-color:rgba(15,23,42,.06);opacity:1}
html[data-theme="dark"] input[type="date"],html[data-theme="dark"] input[type="datetime-local"]{color-scheme:dark}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator:hover,
html[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{background-color:rgba(255,255,255,.08)}

/* Compact filters: same box geometry for From / To / Scope / Breakdown / Range controls. */
.dashboard-filter-controls,.dashboard-custom-dates,.partner-filters,.integration-filters{align-items:end!important}
.dashboard-filter-controls label,.dashboard-custom-dates label,.partner-filters label,.integration-filters>.field{min-width:0!important;align-self:end!important}
.dashboard-filter-controls select,.dashboard-filter-controls input,
.dashboard-custom-dates select,.dashboard-custom-dates input{
  width:100%!important;
  min-width:138px!important;
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  font-size:12px!important;
}
.dashboard-filter-controls select,.dashboard-custom-dates select{padding-right:40px!important}
.dashboard-filter-controls input[type="date"],.dashboard-custom-dates input[type="date"]{padding-right:9px!important}
.form-grid>label>select,.form-grid>label>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.field>select,.field>input:not([type="checkbox"]):not([type="radio"]):not([type="file"]){align-self:stretch}

@media(max-width:700px){
  .dashboard-filter-controls,.dashboard-custom-dates{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .dashboard-custom-dates:not(.is-visible){display:none!important}
  .dashboard-filter-controls>label,.dashboard-custom-dates>label,.dashboard-filter-controls .btn{width:100%!important;min-width:0!important}
  .dashboard-filter-controls select,.dashboard-filter-controls input,.dashboard-custom-dates select,.dashboard-custom-dates input{width:100%!important;min-width:0!important;max-width:none!important}
}

/* CRM 0.24.1 — Customer 360 non-overlap hotfix.
   Customer 360 has more tabs than fit on a single desktop row. Do not render a
   browser scrollbar inside the sticky tab card; wrap tabs and let the card own
   its real height so following panels can never be covered. */
.customer-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  align-content:flex-start!important;
  gap:4px!important;
  overflow:visible!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  scrollbar-width:none!important;
}
.customer-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.customer-tabs a{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
}

/* Customer 360 panels must size to their column rather than a global 4-column
   assumption. This prevents segment/retention metrics and action controls from
   colliding in the narrower primary column. */
.customer-tabs ~ .customer-layout .grid-4.metrics-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.customer-tabs ~ .customer-layout .section-head{
  align-items:flex-start!important;
  min-width:0!important;
}
.customer-tabs ~ .customer-layout .section-head>div{
  flex:1 1 360px!important;
  min-width:0!important;
}
.customer-tabs ~ .customer-layout .section-head>form{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
.customer-tabs ~ .customer-layout .table-card{
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}

@media(max-width:1180px){
  .customer-tabs{
    position:static!important;
    top:auto!important;
  }
}
@media(max-width:700px){
  .customer-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .customer-tabs a{
    width:100%!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  .customer-tabs ~ .customer-layout .section-head>form,
  .customer-tabs ~ .customer-layout .section-head>form .btn{
    width:100%!important;
  }
  .customer-tabs ~ .customer-layout .grid-4.metrics-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:420px){
  .customer-tabs{grid-template-columns:1fr!important}
}

/* CRM 0.24.2 — Customer 360 navigation shell stabilization.
   Keep the full Customer 360 function navigation contained, readable and
   separated from the active panel. No sticky positioning or inner scrollbar. */
.customer-tabs-shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0 0 20px!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.customer-tabs-shell.has-card-controls{padding-top:10px!important}
.customer-tabs-shell .card-window-controls{display:none!important}
.customer-tabs-shell .customer-tabs{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  z-index:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
  align-items:stretch!important;
  align-content:stretch!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
.customer-tabs-shell .customer-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.customer-tabs-shell .customer-tabs a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  line-height:1.2!important;
  font-size:12px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.customer-tabs-shell .customer-tabs a:hover{
  border-color:#d7e1f4!important;
  background:#f5f8ff!important;
}
.customer-tabs-shell .customer-tabs a.active,
.customer-tabs-shell .customer-tabs a[aria-selected="true"]{
  border-color:#cddcff!important;
  background:var(--accent-soft)!important;
  color:#2447b8!important;
  box-shadow:inset 0 0 0 1px rgba(36,87,255,.03)!important;
}
.customer-tabs-shell + .customer-layout{
  position:relative!important;
  z-index:0!important;
  clear:both!important;
  margin-top:0!important;
}
.customer-tabs-shell + .customer-layout .grid-4.metrics-grid{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
}
.customer-tabs-shell + .customer-layout .section-head{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:12px 16px!important;
  min-width:0!important;
}
.customer-tabs-shell + .customer-layout .section-head>div{flex:1 1 360px!important;min-width:0!important}
.customer-tabs-shell + .customer-layout .section-head>form{flex:0 0 auto!important;min-width:0!important;max-width:100%!important;margin:0!important}
.customer-tabs-shell + .customer-layout .table-card{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
html[data-theme="dark"] .customer-tabs-shell .customer-tabs a:hover{background:#13233a!important;border-color:#2d425e!important}
html[data-theme="dark"] .customer-tabs-shell .customer-tabs a.active,
html[data-theme="dark"] .customer-tabs-shell .customer-tabs a[aria-selected="true"]{background:#14284a!important;border-color:#315c9b!important;color:#cfe0ff!important}
@media(max-width:900px){
  .customer-tabs-shell .customer-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .customer-tabs-shell{padding:8px!important;margin-bottom:16px!important}
  .customer-tabs-shell .customer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .customer-tabs-shell + .customer-layout .section-head>form,
  .customer-tabs-shell + .customer-layout .section-head>form .btn{width:100%!important}
  .customer-tabs-shell + .customer-layout .grid-4.metrics-grid{grid-template-columns:1fr!important}
}
@media(max-width:420px){.customer-tabs-shell .customer-tabs{grid-template-columns:1fr!important}}

/* CRM 0.24.3 — Customer 360 menu/content separation hotfix.
   The function menu owns its full wrapped height and the active tab content is
   rendered in a separate normal-flow block. This prevents the nav/card edge,
   generic card controls, and legacy horizontal overflow rules from covering the
   first Customer 360 card. */
.customer-tabs-shell{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:10px 12px!important;
  overflow:visible!important;
  isolation:isolate!important;
  z-index:1!important;
}
.customer-tabs-shell.has-card-controls{padding:10px 12px!important}
.customer-tabs-shell>.card-window-controls{display:none!important}
.customer-tabs-shell .customer-tabs{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  position:static!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
.customer-tabs-shell .customer-tabs::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.customer-tabs-shell .customer-tabs a{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:38px!important;
  padding:8px 11px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
}
.customer-tab-content{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:24px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:0!important;
}
.customer-tab-content::before{content:"";display:table;clear:both}
.customer-tab-content>.card:first-child,
.customer-tab-content>.grid:first-child,
.customer-tab-content>.customer-layout:first-child{margin-top:0!important}
.customer-tab-content .customer-layout{min-width:0!important;max-width:100%!important}
.customer-tab-content .table-card{max-width:100%!important}
@media(max-width:1180px){
  .customer-tabs-shell .customer-tabs a{flex:1 1 128px!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
}
@media(max-width:700px){
  .customer-tabs-shell{padding:8px!important}
  .customer-tabs-shell .customer-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .customer-tabs-shell .customer-tabs a{width:100%!important;white-space:normal!important}
  .customer-tab-content{margin-top:18px!important}
}
@media(max-width:420px){
  .customer-tabs-shell .customer-tabs{grid-template-columns:1fr!important}
}



/* CRM 0.27.0 — Global demo intelligence + installable PWA application shell */
.pwa-install-btn[hidden]{display:none!important}
.pwa-install-btn{white-space:nowrap}
.pwa-public-install{display:flex;justify-content:flex-end;margin:-4px 0 14px}
.pwa-help{position:fixed;inset:0;z-index:10020;background:rgba(7,18,37,.56);display:grid;place-items:center;padding:20px}
.pwa-help[hidden]{display:none!important}
.pwa-help-card{position:relative;width:min(440px,100%);background:var(--surface,#fff);color:var(--text,#0f1b2d);border:1px solid var(--border,#dce5f2);border-radius:16px;box-shadow:0 28px 80px rgba(4,13,29,.28);padding:24px 48px 24px 24px}
.pwa-help-card strong{display:block;font-size:18px;margin-bottom:8px}.pwa-help-card p{margin:0 0 10px;line-height:1.5}.pwa-help-card small{display:block;color:var(--muted,#68778d);line-height:1.5}
.pwa-help-close{position:absolute;right:12px;top:10px;width:32px;height:32px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer;border-radius:8px}.pwa-help-close:hover{background:rgba(120,135,160,.12)}
.network-banner{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:10030;background:#7c2d12;color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:750;box-shadow:0 10px 28px rgba(0,0,0,.2)}
@media(max-width:700px){.top-actions .pwa-install-btn{padding-inline:10px}.pwa-public-install{justify-content:stretch}.pwa-public-install .pwa-install-btn{width:100%}.network-banner{left:12px;right:12px;bottom:12px;transform:none;text-align:center;border-radius:12px}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.pwa-install-btn{display:none!important}.topbar{padding-top:env(safe-area-inset-top)}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.content{padding-bottom:env(safe-area-inset-bottom)}}

/* CRM 0.28.0 — period-aware commercial KPI and mountain-trend charts */
.dashboard-metric-chart{height:250px;border-radius:12px;background:linear-gradient(180deg,#fbfcff,#fff);border:1px solid #edf0f5;padding:8px;overflow:hidden}
.dashboard-metric-chart svg{display:block;width:100%;height:100%}
.chart-line.metric-series-0,.chart-dot.metric-series-0{stroke:#2864ff;fill:#2864ff}
.chart-line.metric-series-1,.chart-dot.metric-series-1{stroke:#0b8f64;fill:#0b8f64}
.metric-dot-0{background:#2864ff}.metric-dot-1{background:#0b8f64}
html[data-theme="dark"] .dashboard-metric-chart{background:linear-gradient(180deg,#07182a,#0a1727);border-color:#1d3148}
@media(max-width:620px){.dashboard-metric-chart{height:220px}}