.kc-executive{--exec-teal:#0aada9;color:var(--crm-background-ink,#172033);font-family:var(--crm-font,'Anuphan',sans-serif);font-size:14px;max-width:1600px;margin:auto}.exec-mode{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kc-executive button,.kc-executive select{min-height:44px;border:1px solid var(--crm-border,#dce6e7);border-radius:10px;padding:8px 14px;background:var(--crm-surface,#fff);color:var(--crm-surface-ink,#172033);cursor:pointer}.kc-executive button:focus-visible,.kc-executive select:focus-visible,.kc-executive summary:focus-visible{outline:3px solid #0aada9;outline-offset:3px}.exec-mode button[aria-pressed=true]{background:#087f7c;color:white;border-color:#087f7c}.exec-banner{display:flex;align-items:center;flex-wrap:wrap;gap:9px;background:#fff7e6;color:#805000;border:1px solid #f4deb0;padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px}.exec-dot{height:8px;width:8px;border-radius:50%;background:#d97706}.exec-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.exec-heading h1{font-size:28px;line-height:1.4;margin:6px 0}.exec-heading p{margin:4px 0;color:var(--crm-background-ink,#64748b)}.exec-heading .exec-eyebrow{font-size:12px;letter-spacing:.12em;color:#087f7c}.exec-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:20px}.exec-filter{display:flex;flex-direction:column;gap:6px;min-width:160px}.exec-filter span{font-size:13px}.exec-snapshot{margin-left:auto;padding:12px 0;color:var(--crm-background-ink,#64748b);font-size:13px}.exec-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.exec-kpi,.exec-panel{background:var(--crm-surface,#fff);color:var(--crm-surface-ink,#172033);border:1px solid var(--crm-border,#dce6e7);border-radius:var(--crm-radius,16px);box-shadow:var(--crm-shadow,0 2px 8px #17203304)}.exec-kpi{padding:20px;min-width:0}.exec-kpi p{font-size:14px;margin:0 0 10px}.exec-kpi strong{display:block;font-size:30px;line-height:1.2;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.exec-kpi>span{display:block;margin-top:12px;font-size:13px;line-height:1.6;opacity:.85}.exec-kpi-primary{background:#087f7c;color:white;border-color:#087f7c}.exec-two{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-bottom:18px}.exec-panel{padding:22px;min-width:0}.exec-panel h2{font-size:18px;margin:0 0 14px;line-height:1.5}.exec-panel-head{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}.exec-panel-head>span{font-size:12px}.exec-legend{display:flex;gap:18px;font-size:13px}.exec-legend span{display:flex;align-items:center;gap:6px}.exec-legend i{width:10px;height:10px;border-radius:3px}.exec-month-chart{display:flex;gap:20px;justify-content:space-around;padding-top:20px}.exec-month{flex:1;text-align:center;min-width:0}.exec-columns{height:190px;display:flex;justify-content:center;align-items:end;gap:10px}.exec-column{display:flex;flex-direction:column;justify-content:end;width:42px;max-width:42%;height:100%;font-size:12px}.exec-column>div{width:100%;border-radius:5px 5px 0 0;min-height:0}.exec-column span{margin-bottom:6px;font-variant-numeric:tabular-nums}.exec-month>strong{display:block;font-size:14px;padding-top:12px}.exec-bar-row{margin:20px 0}.exec-bar-row>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:9px}.exec-track{height:10px;background:#edf2f7;border-radius:5px;overflow:hidden}.exec-track>span{display:block;height:100%;border-radius:5px}.exec-total{display:flex;justify-content:space-between;border-top:1px solid var(--crm-border,#e2e8f0);padding-top:18px;margin-top:24px}.exec-muted{font-size:13px;opacity:.75;margin:0 0 14px}.exec-table-scroll{overflow-x:auto;max-width:100%}.exec-panel table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}.exec-panel th{text-align:left;font-size:12px;color:inherit;opacity:.8;padding:12px 10px;background:#94a3b810}.exec-panel td{padding:13px 10px;border-top:1px solid var(--crm-border,#e2e8f0);font-variant-numeric:tabular-nums}.exec-panel small{display:block;font-size:12px;opacity:.75;margin-top:4px}.kc-executive .exec-text-button{border:0;padding:0;background:transparent;color:#087f7c;min-height:32px}.exec-good,.exec-neutral{display:inline-block;padding:5px 8px;border-radius:6px;background:#ecfdf5;color:#047857}.exec-neutral{background:#f1f5f9;color:#475569}.exec-risk{background:#fff7e6;color:#805000;padding:7px 10px;border-radius:8px}.exec-overdue{color:#b45309;opacity:1!important}.exec-detail{border:1px solid #0aada9;background:var(--crm-surface,#e6f7f7);color:var(--crm-surface-ink,#172033);padding:22px;margin-top:16px;border-radius:14px}.exec-detail h3{font-size:18px;margin:0}.exec-detail p{margin:12px 0;line-height:1.7}.exec-definitions{margin:20px 0;font-size:13px;line-height:1.8}.exec-definitions summary{cursor:pointer;min-height:44px;padding:10px 0}.exec-definitions p{margin:8px 0}
@media(min-width:1700px){.exec-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.exec-two{grid-template-columns:1fr}.exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.exec-heading{align-items:start}}@media(max-width:600px){.exec-heading{flex-direction:column;gap:10px}.exec-heading h1{font-size:23px}.exec-kpis{gap:10px}.exec-kpi{padding:14px}.exec-kpi strong{font-size:25px}.exec-kpi p{min-height:42px}.exec-panel{padding:16px}.exec-filter{flex:1;min-width:130px}.exec-snapshot{margin-left:0}.exec-month-chart{gap:10px}.exec-mode button{flex:1;font-size:13px}.exec-panel-head{gap:6px}}