.ceo-dashboard{--ceo-styles-ready:1;--ceo-ink:#132d45;--ceo-teal:#008e99;--ceo-muted:#657b8e;color:var(--ceo-ink);max-width:1900px;margin:auto;font-size:14px}
.ceo-dashboard *{box-sizing:border-box}.ceo-dashboard button{font:inherit;cursor:pointer}.ceo-dashboard button:disabled{cursor:default;opacity:.65}.ceo-dashboard button:focus-visible,.ceo-dashboard select:focus-visible,.ceo-dashboard input:focus-visible{outline:3px solid #45b8c3;outline-offset:3px}
.ceo-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}.ceo-heading h1{font-size:30px;margin:3px 0 6px;letter-spacing:-.7px}.ceo-heading p{margin:0;color:var(--ceo-muted)}.ceo-heading .eyebrow{font-size:11px;letter-spacing:1.7px;color:#00818b;font-weight:700}.ceo-updated{font-size:12px;color:var(--ceo-muted);white-space:nowrap}
.ceo-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;background:#fff;border:1px solid #dbe5ec;border-radius:12px;margin-bottom:20px}.ceo-filters label{display:grid;gap:6px;font-weight:600;font-size:12px;flex:1;min-width:140px}.ceo-filters select,.ceo-filters input,.ceo-age-label select{background:#fff;border:1px solid #ccdbe4;border-radius:7px;height:39px;padding:8px 10px;width:100%;color:var(--ceo-ink);font:inherit}.ceo-filters button{height:39px;white-space:nowrap}
.ceo-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:20px}.ceo-kpi{text-align:left;border:1px solid #dae5ec;background:#fff;border-radius:12px;padding:17px;box-shadow:0 3px 12px #173a5010;min-width:0;color:var(--ceo-ink)}.ceo-kpi:hover{border-color:#67bfc5;transform:translateY(-1px)}.ceo-kpi-top{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:13px;align-items:center}.ceo-kpi i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e4f6f5;color:#00838d;font-size:19px}.ceo-kpi strong{display:block;font-size:26px;line-height:1.3;margin:11px 0 9px;overflow-wrap:anywhere}.ceo-kpi small{display:block;font-size:11px;color:var(--ceo-muted);line-height:1.5}.ceo-kpi.overdue strong{color:#b14837}.ceo-kpi.overdue i{color:#b14837;background:#fff0eb}.ceo-kpi.outstanding i{background:#fff4df;color:#9a6c13}
.ceo-charts{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:20px}.ceo-panel{background:#fff;border:1px solid #dbe5ec;border-radius:12px;min-width:0;overflow:hidden;padding:20px}.ceo-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ceo-panel h2{font-size:18px;margin:2px 0;color:var(--ceo-ink)}.ceo-panel .eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:1.4px;color:var(--ceo-muted)}.ceo-link{border:0;background:transparent;color:#007985;padding:5px 0;font-size:12px!important;font-weight:700!important;white-space:nowrap}.ceo-caption{color:var(--ceo-muted);font-size:12px;margin:10px 0 18px}.ceo-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:30px}.ceo-pipeline button{border:0;background:#f3f8fa;padding:14px 8px;border-radius:9px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;min-width:0;color:var(--ceo-ink)}.ceo-pipeline button:hover{background:#e7f6f5}.ceo-stage-number{background:#dff0f2;color:#007984;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.ceo-pipeline strong{font-size:26px}.ceo-pipeline button>span:not(.ceo-stage-number){font-size:12px;min-height:34px;overflow-wrap:anywhere}.ceo-pipeline i{height:5px;background:linear-gradient(90deg,#008f99 var(--fill),#dce7eb var(--fill));width:100%;border-radius:4px}.ceo-funnel{display:grid;gap:9px}.ceo-funnel button{display:grid;grid-template-columns:155px minmax(30px,1fr) 35px 35px;gap:10px;align-items:center;text-align:left;background:none;border:0;color:var(--ceo-ink);padding:5px 0;font-size:12px}.ceo-funnel button>div{background:#edf3f6;border-radius:5px;overflow:hidden;height:15px}.ceo-funnel i{display:block;height:100%;background:#159ba6;border-radius:5px}.ceo-funnel button:nth-child(2n) i{background:#366c92}.ceo-funnel small{color:var(--ceo-muted);text-align:right}
.ceo-bottom{display:grid;grid-template-columns:minmax(0,2.9fr) minmax(270px,1fr);gap:18px}.ceo-age-label{font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.ceo-age-label select{height:34px;width:135px}.ceo-table-scroll{overflow:auto;max-height:540px;min-width:0}.ceo-dashboard table,.ceo-drill table{border-collapse:collapse;width:100%;font-size:12px}.ceo-dashboard th,.ceo-drill th{text-align:left;background:#eef4f8;color:#476177;font-size:10px;text-transform:uppercase;letter-spacing:.4px;padding:12px 10px;white-space:nowrap;position:sticky;top:0;z-index:1}.ceo-dashboard td,.ceo-drill td{padding:13px 10px;border-bottom:1px solid #e7edf2;vertical-align:top;line-height:1.5}.ceo-dashboard td:first-child{min-width:160px}.ceo-dashboard td>small{display:block;color:var(--ceo-muted)}.ceo-dashboard td:nth-child(2){min-width:105px}.ceo-old{background:#fffaf4}.ceo-old td:nth-child(5){color:#a14b18}.ceo-record{color:#154e69;border:0;background:none;padding:0;text-align:left;font-weight:700!important;font-size:inherit;overflow-wrap:anywhere}.ceo-record:hover{text-decoration:underline}.ceo-money{white-space:nowrap;text-align:right}.ceo-status{font-size:11px;background:#edf5f6;color:#32717d;border-radius:5px;padding:3px 6px;display:inline-block}.ceo-table-footer{padding-top:12px;color:var(--ceo-muted);font-size:11px;display:flex;justify-content:space-between}.ceo-follow-list{display:grid;gap:10px;max-height:540px;overflow:auto}.ceo-follow-list button{display:grid;gap:7px;text-align:left;background:#f8fafc;border:1px solid #e5edf2;border-radius:8px;padding:13px;color:var(--ceo-ink)}.ceo-follow-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.ceo-follow-top b{font-size:13px}.ceo-follow-list small,.ceo-follow-list button>span:not(.ceo-follow-top){font-size:11px;color:var(--ceo-muted)}.ceo-follow-top small{white-space:nowrap}.ceo-follow-list .late{border-left:3px solid #dd8a63}.ceo-follow-list .late .ceo-follow-top small{color:#ab4932}.ceo-empty{padding:22px 10px!important;color:var(--ceo-muted);font-size:13px}.ceo-state{padding:60px 20px;text-align:center;background:#fff;border:1px solid #dbe5ec;border-radius:12px}.ceo-error{color:#9d4134}.ceo-notes{margin-top:20px;padding:13px 17px;background:#eef4f7;color:#526d7f;border-radius:9px;font-size:12px;line-height:1.6}.ceo-notes summary{cursor:pointer;font-weight:600}.ceo-drill .ceo-table-scroll{max-height:65vh}.ceo-drill button{cursor:pointer}
/* Dashboard-only colour system: presentation never changes live metric values. */
.ceo-heading{padding:26px 28px;border-radius:18px;background:radial-gradient(ellipse at 92% 0%,#128c9a80,transparent 52%),linear-gradient(115deg,#102d49,#164d65);box-shadow:0 8px 24px #153a5018;border:1px solid #255c73;color:#fff}
.ceo-heading h1{color:#fff}.ceo-heading p{color:#d0e9ef}.ceo-heading .eyebrow{color:#7ce6df}.ceo-updated{color:#e0f3f5;background:#ffffff12;border:1px solid #ffffff30;border-radius:24px;padding:10px 14px;white-space:normal}
.ceo-filters{border-top:3px solid #14a3aa;box-shadow:0 5px 18px #183e5010}.ceo-filters label{color:#31536a}
.ceo-kpi{--accent:#1761b0;--tint:#eaf3ff;--edge:#bad5f4;background:linear-gradient(135deg,#fff,var(--tint));border:1px solid var(--edge);border-top:4px solid var(--accent);border-radius:14px;box-shadow:0 5px 16px #183e5010;transition:transform .16s,box-shadow .16s}
.ceo-kpi.collected{--accent:#168057;--tint:#e6f7ee;--edge:#b5e2cb}.ceo-kpi.outstanding{--accent:#a2620a;--tint:#fff3d9;--edge:#efd59c}.ceo-kpi.leads{--accent:#7550b5;--tint:#f1eaff;--edge:#d6c5ef}.ceo-kpi.filed{--accent:#007f8a;--tint:#e0f6f6;--edge:#a7dfe0}.ceo-kpi.overdue{--accent:#bc3654;--tint:#ffedf0;--edge:#f1bfca}
.ceo-kpi i,.ceo-kpi.outstanding i,.ceo-kpi.overdue i{background:var(--accent);color:#fff;width:36px;height:36px;border-radius:11px;box-shadow:0 3px 8px #193b5015;flex-shrink:0}.ceo-kpi strong,.ceo-kpi.overdue strong{color:var(--accent)}.ceo-kpi small{color:#52677a}.ceo-kpi:hover{border-color:var(--accent);box-shadow:0 9px 22px #173a5020;transform:translateY(-2px)}
.ceo-panel{box-shadow:0 5px 20px #173a500a;border-radius:16px;border-top:4px solid #16969e}.ceo-charts>.ceo-panel:nth-child(2){border-top-color:#8562c5}.ceo-panel>header{padding-bottom:12px;border-bottom:1px solid #e5edf2}.ceo-panel .eyebrow{color:#497287;font-weight:700}.ceo-link{background:#eaf7f7;border-radius:8px;padding:8px 10px}.ceo-charts>.ceo-panel:nth-child(2) .ceo-link{color:#6947a0;background:#f1ecfa}
.ceo-pipeline button{--stage:#2670bf;--stage-tint:#edf5ff;background:var(--stage-tint);border:1px solid #dbe6ef;border-bottom:3px solid var(--stage);padding:14px 10px}.ceo-pipeline button:nth-child(2){--stage:#7e55ba;--stage-tint:#f4effc}.ceo-pipeline button:nth-child(3){--stage:#bc7913;--stage-tint:#fff7e7}.ceo-pipeline button:nth-child(4){--stage:#078b94;--stage-tint:#e9f8f8}.ceo-pipeline button:nth-child(5){--stage:#347da1;--stage-tint:#edf6fb}.ceo-pipeline button:nth-child(6){--stage:#258252;--stage-tint:#ecf8ef}.ceo-pipeline button:hover{border-color:var(--stage);background:var(--stage-tint)}.ceo-stage-number{background:var(--stage);color:#fff;font-weight:700}.ceo-pipeline strong{color:var(--stage)}.ceo-pipeline i{background:linear-gradient(90deg,var(--stage) var(--fill),#dce7eb var(--fill))}
.ceo-funnel button{--funnel:#2670bf;background:#f1f6fd;border-left:3px solid var(--funnel);border-radius:8px;padding:10px 8px;grid-template-columns:145px minmax(30px,1fr) 30px 30px}.ceo-funnel button:nth-child(2){--funnel:#7855b5;background:#f5f0fc}.ceo-funnel button:nth-child(3){--funnel:#bb7716;background:#fff8eb}.ceo-funnel button:nth-child(4){--funnel:#088d97;background:#ecf9f9}.ceo-funnel button:nth-child(5){--funnel:#248458;background:#edf8f1}.ceo-funnel button:nth-child(6){--funnel:#bd4862;background:#fff1f4}.ceo-funnel i,.ceo-funnel button:nth-child(2n) i{background:var(--funnel)}.ceo-funnel b{color:var(--funnel)}.ceo-funnel button>div{background:#ffffffb3;border:1px solid #dce6ee}.ceo-funnel button:hover{box-shadow:inset 0 0 0 1px var(--funnel)}
.ceo-pending{border-top-color:#d69b27}.ceo-followups{border-top-color:#d36579}.ceo-dashboard th{background:#193c53;color:#eef7fb}.ceo-dashboard tbody tr:hover{background:#edf8fa}.ceo-status{background:#dff2f1;color:#08656c}.ceo-old td:nth-child(5){font-weight:700;color:#9e4b12}.ceo-follow-list button{background:#f1f8fc;border-color:#d8e8f0;border-left:3px solid #2e8cad}.ceo-follow-list .late{background:#fff3f2;border-color:#f0d6d3;border-left:3px solid #d75b5c}.ceo-follow-list .late .ceo-follow-top small{background:#fce0df;color:#a03236;padding:3px 6px;border-radius:5px}.ceo-notes{border:1px solid #dce6ed}
@media(prefers-reduced-motion:reduce){.ceo-kpi{transition:none}.ceo-kpi:hover{transform:none}}
@media(max-width:1400px){.ceo-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ceo-charts{grid-template-columns:1fr 1fr}.ceo-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.ceo-pipeline button{gap:6px}.ceo-bottom{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:1000px){.ceo-charts,.ceo-bottom{grid-template-columns:1fr}.ceo-heading{align-items:flex-start;flex-direction:column;gap:10px}.ceo-follow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ceo-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ceo-kpi{padding:12px}.ceo-kpi strong{font-size:23px}.ceo-heading h1{font-size:26px}.ceo-panel{padding:14px}.ceo-panel>header{flex-wrap:wrap}.ceo-filters{padding:12px;gap:10px}.ceo-filters label{min-width:120px}.ceo-funnel button{grid-template-columns:130px minmax(25px,1fr) 25px 30px;gap:5px}.ceo-follow-list{grid-template-columns:1fr}.ceo-age-label{margin-top:8px}}
