:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f8;color:#172026;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select{font:inherit}.platform-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#10181d;color:#eff7f8;border-right:1px solid #223138}.brand-block{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:28px}.brand-mark,.icon-tile{display:grid;place-items:center;flex:0 0 auto}.brand-mark{width:48px;height:48px;border-radius:8px;background:#34d399;color:#0c1518;font-weight:800}.brand-block h1,.topbar h2,.panel h3,.metric-card h3,.client-card h4{margin:0;letter-spacing:0}.brand-block h1{font-size:17px;line-height:1.2}.eyebrow{margin:0 0 5px;font-size:12px;font-weight:700;text-transform:uppercase;color:#647984}.sidebar .eyebrow{color:#9eb0b6}.sidebar nav{display:grid;gap:6px}.sidebar button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#c6d4d9;cursor:pointer;text-align:left}.sidebar button:hover,.sidebar button.active{background:#1d2a31;color:#fff}.workspace{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h2{font-size:30px}.topbar select{height:40px;min-width:260px;border:1px solid #ced9dd;border-radius:7px;background:#fff;color:#172026;padding:0 12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel,.client-card{border:1px solid #d9e2e5;background:#fff;border-radius:8px}.metric-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.metric-card h3{font-size:30px}.icon-tile{width:42px;height:42px;border-radius:8px;background:#e6fffa;color:#0f766e}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:16px;margin-bottom:16px}.panel{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.table-list{display:grid;gap:8px}.row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px;border:1px solid #e1e8eb;border-radius:8px;background:#fff;color:#172026;cursor:pointer;text-align:left}.row.active,.row:hover{border-color:#0f766e;background:#f0fdfa}.row small,.client-card p{display:block;margin:4px 0 0;color:#647984}.color-dot{width:10px;height:10px;border-radius:999px}.status,.pill,.source,.module-row span{display:inline-flex;align-items:center;gap:5px;width:fit-content;border-radius:999px;font-size:12px;font-weight:700}.status,.pill{padding:6px 8px}.status.active{background:#dcfce7;color:#166534}.status.setup{background:#fef3c7;color:#92400e}.status.staff_review{background:#e0f2fe;color:#075985}.status.paused{background:#fee2e2;color:#991b1b}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-card{padding:16px}.client-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.module-row,.source-list{display:flex;flex-wrap:wrap;gap:7px}.module-row{margin-bottom:14px}.module-row span{padding:6px 8px;background:#eef6f8;color:#35515a}.compact-list{display:grid;gap:9px;margin:0 0 14px;padding:0;list-style:none}.compact-list li{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid #edf2f4}.compact-list span{color:#647984}.compact-list strong{text-align:right}.source{padding:6px 8px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.source.connected{background:#ecfdf5;color:#047857}.source.attention{background:#fef2f2;color:#b91c1c}.module-state-panel{display:grid;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f4}.module-state-panel h5{margin:0;font-size:13px;text-transform:uppercase;color:#647984}.module-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-state-grid span{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #e1e8eb;border-radius:8px;background:#fbfdfe}.module-state-grid span.enabled{border-color:#bbf7d0;background:#f0fdf4}.module-state-grid span.planned{border-color:#fde68a;background:#fffbeb}.module-state-grid span.disabled{border-color:#e5e7eb;background:#f8fafc}.module-state-grid strong{color:#172026}.module-state-grid em{width:fit-content;padding:4px 7px;border-radius:999px;background:#eef6f8;color:#35515a;font-size:11px;font-style:normal;font-weight:800}.module-state-grid small{color:#647984;line-height:1.3}.snapshot-panel{display:grid;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f4}.snapshot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.snapshot-head h5{margin:0 0 5px;font-size:14px}.snapshot-head p{margin:0;color:#647984;line-height:1.45}.snapshot-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.snapshot-metrics span{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid #e1e8eb;border-radius:8px;background:#fbfdfe;color:#475569;font-size:12px}.snapshot-metrics strong{color:#172026;font-size:18px;line-height:1.1}.snapshot-metrics small{color:#647984;line-height:1.25}.approval-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.approval-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #e1e8eb;border-radius:8px;background:#fff}.approval-list li.ready{border-color:#bbf7d0;background:#f0fdf4}.approval-list li.needs_review{border-color:#bae6fd;background:#f0f9ff}.approval-list li.blocked{border-color:#fecaca;background:#fef2f2}.approval-list em{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#eef6f8;color:#35515a;font-size:11px;font-style:normal;font-weight:800}.setup-checklist{margin-top:14px;padding-top:14px;border-top:1px solid #edf2f4}.setup-checklist h5{margin:0 0 10px;font-size:13px;text-transform:uppercase;color:#647984}.setup-checklist ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.setup-checklist li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;padding:10px;border:1px solid #e1e8eb;border-radius:8px;background:#fbfdfe}.setup-checklist li.complete,.setup-checklist li.ready{border-color:#bbf7d0;background:#f0fdf4}.setup-checklist li.blocked{border-color:#fecaca;background:#fef2f2}.setup-checklist strong,.setup-checklist small{display:block}.setup-checklist small{margin-top:3px;color:#647984}.setup-checklist em{padding:5px 7px;border-radius:999px;background:#eef6f8;color:#35515a;font-size:11px;font-style:normal;font-weight:800}@media(max-width:980px){.platform-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.metric-grid,.content-grid,.client-grid,.module-state-grid,.snapshot-metrics{grid-template-columns:1fr}}@media(max-width:640px){.workspace{padding:18px}.topbar{align-items:stretch;flex-direction:column}.topbar select{width:100%;min-width:0}}.agency-sidebar .brand-mark.agency-mark{color:#fff}.sidebar-mode-hint{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;color:#4a6370;font-size:12px;line-height:1.4}.sidebar-back-btn{display:flex;align-items:center;gap:7px;margin-top:auto;padding:10px 12px;border:1px solid #2a3f4a;border-radius:7px;background:transparent;color:#9eb0b6;font:inherit;font-size:13px;cursor:pointer}.sidebar-back-btn:hover{background:#1d2a31;color:#fff}.sidebar{display:flex;flex-direction:column}.nav-active-agency,.sidebar button.agency-active{background:color-mix(in srgb,var(--agency-color, #1d2a31) 30%,#1d2a31)!important;color:#fff!important}.brand-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-visibility-panel{grid-column:1 / -1}.brand-field{display:grid;gap:7px;margin-bottom:16px}.brand-field label{font-size:13px;font-weight:600;color:#35515a}.brand-field input[type=text],.brand-field input[type=email]{height:40px;padding:0 12px;border:1px solid #ced9dd;border-radius:7px;font:inherit;font-size:14px;color:#172026;background:#fff}.brand-field input:focus{outline:2px solid var(--agency-color, #0f766e);outline-offset:1px;border-color:transparent}.logo-text-input{width:72px!important;text-align:center;font-size:18px!important;font-weight:800!important;letter-spacing:.05em}.color-picker-row{display:flex;gap:10px;align-items:center}.color-picker-row input[type=color]{width:48px;height:40px;padding:2px;border:1px solid #ced9dd;border-radius:7px;cursor:pointer;background:#fff}.color-picker-row input[type=text]{flex:1}.checkbox-field label{display:flex;align-items:center;gap:9px;cursor:pointer}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--agency-color, #0f766e)}.brand-preview-sidebar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:#10181d}.brand-preview-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;color:#fff;font-weight:800;font-size:15px;flex:0 0 auto}.brand-preview-eyebrow{margin:0 0 3px;font-size:11px;font-weight:700;text-transform:uppercase;color:#9eb0b6}.brand-preview-name{color:#fff;font-size:14px}.brand-preview-managed{margin:3px 0 0;font-size:12px;color:#9eb0b6}.brand-preview-client{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;border:2px solid;background:#f8fafb}.brand-preview-client .brand-preview-name{color:#172026}.brand-preview-client-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:7px;color:#fff;font-weight:800;font-size:14px;flex:0 0 auto}.brand-preview-accent{display:flex;align-items:center;gap:10px}.brand-preview-accent button{height:36px;padding:0 16px;border:0;border-radius:7px;color:#fff;font:inherit;font-weight:700;font-size:13px;cursor:default}.brand-preview-pill{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:2px solid;border-radius:999px;font-size:12px;font-weight:700}.brand-settings-note{margin:0 0 14px;color:#647984;font-size:13px}.visibility-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.visibility-list li{padding:10px 12px;border:1px solid #e1e8eb;border-radius:7px;background:#fbfdfe}.visibility-list label{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.visibility-list input[type=checkbox]{width:16px;height:16px;accent-color:var(--agency-color, #0f766e)}.agency-metric:hover{border-color:var(--agency-color, #0f766e)}.topbar-stats{display:flex;gap:18px;align-items:center;color:#647984;font-size:14px}.topbar-stats strong{color:#172026}.empty-state{padding:24px 0 8px;color:#647984;font-size:14px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-bar button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid #d4dde0;border-radius:999px;background:#fff;color:#35515a;font-size:13px;font-weight:600;cursor:pointer}.filter-bar button:hover{border-color:#0f766e;color:#0f766e}.filter-bar button.active{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.client-table{display:grid;gap:10px}.client-table-row{display:grid;grid-template-columns:14px minmax(180px,1fr) minmax(120px,auto) auto minmax(0,1.4fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid #e1e8eb;border-radius:8px;background:#fbfdfe}.color-dot.lg{width:14px;height:14px}.client-table-name{min-width:0}.client-table-name strong{display:block}.client-table-name small,.client-table-agency{display:block;color:#647984;margin-top:3px}.module-row.compact span{padding:4px 7px;font-size:11px}.agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.agent-card{padding:16px;border:1px solid #d9e2e5;border-radius:8px;background:#fff}.agent-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.agent-card-head h4{margin:4px 0 2px}.agent-card-head small{color:#647984}.agent-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}.agent-type{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.agent-type.voice{background:#e0f2fe;color:#0369a1}.agent-type.webchat{background:#ede9fe;color:#5b21b6}.agent-type.sms{background:#fef3c7;color:#92400e}.snapshot-queue,.snapshot-queue-item{display:grid;gap:16px}.snapshot-summary{max-width:760px;margin:6px 0 0;color:#647984;line-height:1.45}.snapshot-actions{display:flex;gap:10px;padding-top:4px}.action-btn{height:38px;padding:0 18px;border:0;border-radius:7px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.action-btn.approve{background:#059669;color:#fff}.action-btn.approve:hover{background:#047857}.action-btn.changes{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.action-btn.changes:hover{background:#fde68a}.snapshot-approved-note{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:7px;background:#f0fdf4;color:#166534;font-size:13px;font-weight:600}.wl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wl-card-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.wl-color-swatch{width:42px;height:42px;border-radius:8px;flex:0 0 auto}.wl-card-head h3{margin:4px 0 0}.status.draft{background:#f3f4f6;color:#4b5563}.status.approved,.status.published,.status.ready{background:#dcfce7;color:#166534}@media(max-width:1100px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-table-row{grid-template-columns:14px minmax(0,1fr) auto auto;grid-template-rows:auto auto}.client-table-agency{display:none}.module-row.compact{grid-column:2 / -1}}@media(max-width:720px){.agent-grid,.wl-grid{grid-template-columns:1fr}.client-table-row{grid-template-columns:14px minmax(0,1fr) auto}.topbar-stats{flex-wrap:wrap;gap:10px}}