/* Shared visual scale measured against the reference CRM. */
:root{--blue:#00a3ff;--ink:#19243b;--muted:#68758b;--line:#dde3ed;--surface:#fff;--bg:#f7f9fc;--teal:#00b8a5;--nav-icon:#008dd5}
:root[data-theme=dark]{--ink:#f5f6ff;--muted:#888a9b;--line:#2b2d4b;--surface:#0b1123;--bg:#080b2e;--nav-icon:#80cdfd}
body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.sidebar{width:272px;background:var(--surface)}
:root[data-theme=dark] .sidebar{background:#060820}
.shell{margin-left:272px}
.sidebar nav{padding:0 16px 20px}
.nav-link,.nav-group summary{height:40px;min-height:40px;padding:0 16px;gap:16px;font-size:14px;font-weight:400;border-radius:9px;margin:4px 0;color:var(--muted)}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:var(--nav-icon)}
.nav-icon svg{display:block;width:20px;height:20px}
.nav-link.active,.nav-group[open]>summary{background:#009aff08;color:var(--ink);font-weight:500}
:root[data-theme=dark] .nav-link.active,:root[data-theme=dark] .nav-group[open]>summary{background:#0c1030}
.nav-link:hover,.nav-group summary:hover{background:#009aff0b;color:var(--ink)}
.nav-children{padding-left:18px}.nav-children .nav-link{font-size:12px;min-height:36px;height:36px;padding-left:12px;gap:12px}
.nav-children .nav-icon{width:5px;height:5px;flex-basis:5px;border-radius:50%;background:var(--line)}.nav-children .nav-icon svg{display:none}
.nav-chevron{font-size:14px;color:var(--muted)}
.sidebar-toggle{font-size:13px;gap:16px;margin-bottom:18px}.sidebar-toggle svg{width:20px;height:20px}
.brand{align-items:center}.sidebar-footer strong{font-size:12px}.sidebar-footer small{font-size:11px}
.topbar{min-height:72px;padding:0 32px}.breadcrumb strong{font-size:16px;font-weight:600}.top-actions{gap:14px}
main{padding:28px 32px 36px}.page-heading h1{font-size:24px;font-weight:650;letter-spacing:-.5px}.page-heading p{font-size:13px}.eyebrow{font-size:11px}
.button{font-size:13px;min-height:36px;padding:8px 14px;border-radius:7px;gap:8px;font-weight:500}.button.secondary{color:var(--ink)}
input,select,textarea{font-size:14px;min-height:40px;border-radius:8px}.form-grid label,label{font-size:12px}.toolbar{font-size:12px}.toolbar input,.toolbar select{font-size:13px}
input[type=checkbox],input[type=radio]{min-height:0}
.panel-header h2{font-size:16px;font-weight:700}.panel-header p{font-size:12px}.panel-header{padding:20px}.panel-body{padding:20px}
.client-card h3,.module-card h3{font-size:16px}.client-card p,.module-card p{font-size:13px}.table-wrap th{font-size:11px;letter-spacing:.5px}.table-wrap td{font-size:13px}.table-wrap small{font-size:12px}
.stat-label{font-size:11px;letter-spacing:1px}.stat-value{font-size:27px;font-weight:750}.stat-note{font-size:11px}.stat-icon{width:40px;height:40px;border-radius:12px;background:#009aff0b}.stat-icon svg{width:22px;height:22px}.stat{min-height:170px;padding:20px 18px 0}
.dash-welcome h1{font-size:24px}.dash-welcome p{font-size:13px}.dash-welcome .eyebrow{font-size:11px}.dash-welcome{border-bottom:0;padding:0 0 20px}
.dash-period button{font-size:12px}.dash-summary-row>div{font-size:13px}.dash-summary-row small,.dash-data-note{font-size:11px}.dash-conversion strong{font-size:30px}.dash-conversion small{font-size:12px}.dash-origin{font-size:13px}.dash-origin small{font-size:11px}.dash-bars small{font-size:10px}
.user-editor-panels h3{font-size:13px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.user-role-option strong{font-size:14px}.user-preview .avatar{font-size:22px}
.channel-priority h2{font-size:16px}.channel-priority p{font-size:13px}.channel-state{font-size:12px}
.nav-collapsed .sidebar{width:72px}.nav-collapsed .shell{margin-left:72px}.nav-collapsed .nav-link,.nav-collapsed .nav-group summary{padding:0 8px}
@media(max-width:1100px){.sidebar{width:240px}.shell{margin-left:240px}.sidebar nav{padding:0 12px 20px}main{padding:24px}.stat-value{font-size:24px}}
@media(max-width:720px){.sidebar{width:64px}.shell{margin-left:64px}.sidebar nav{padding:0 7px}.nav-link,.nav-group summary{padding:0;gap:0}.topbar{padding:0 14px}.top-actions{gap:7px}main{padding:18px 14px}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:21px}.stat{padding:16px 12px 0;min-height:155px}.stat-value{font-size:23px}.stat-label{font-size:10px}.stat-icon{width:30px;height:30px}.stat-icon svg{width:18px;height:18px}.nav-collapsed .sidebar{width:64px}.nav-collapsed .shell{margin-left:64px}}

.shared-ui-icon svg{width:24px;height:24px;display:block}.user-editor-panels h3{display:flex;align-items:center;gap:10px}.user-editor-panels h3 svg{width:16px;height:16px;color:var(--muted)}:root[data-theme=dark] .user-editor-panels .panel,:root[data-theme=dark] .user-preview,:root[data-theme=dark] .channel-dialog{background:#060820}
.inbox-sidebar-head h1{font-size:14px}.inbox-channel-label{font-size:12px}.inbox-channel-label select{font-size:12px}.inbox-search-label input{font-size:13px;min-height:36px}.inbox-selection-bar .button{font-size:12px}.inbox-filters button{font-size:12px}.peer-top strong{font-size:14px}.peer-top time{font-size:11px}.peer-preview{font-size:13px}.peer-channel,.peer-stage,.peer-owner,.inbox-human-badge{font-size:11px}.inbox-person h2{font-size:14px}.inbox-person small{font-size:11px}.inbox-bubble p{font-size:14px}.inbox-bubble small{font-size:11px}.inbox-compose textarea{font-size:14px}.inbox-event .inbox-event-pill span{font-size:12px}.inbox-event .inbox-event-pill small{font-size:10px}.inbox-icon-control svg{width:20px;height:20px;display:block}.inbox-icon-control{display:grid;place-items:center}
@media(min-width:901px){.inbox-app .inbox-grid{grid-template-columns:254px minmax(0,1fr)}}
.visual-icon-control{display:inline-grid;place-items:center}.visual-icon-control svg,.visual-send svg{width:20px;height:20px;display:block;flex:none}.inbox-no-icon.visual-icon-control svg{width:28px;height:28px}.visual-send{display:inline-flex;align-items:center;gap:8px}.inbox-search-label>span.visual-icon-control{width:20px;height:20px}.topbar #help{background:transparent;color:var(--muted);border:1px solid var(--line);width:36px;height:36px;border-radius:50%}.topbar #help:hover{color:var(--blue);border-color:var(--blue)}.table-wrap th{color:var(--muted);font-weight:600}:root[data-theme=dark] .table-wrap th{background:#0b1123}.button:focus-visible,.visual-icon-control:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.inbox-thread-head .inbox-icon-control{width:34px;height:34px;min-height:34px;padding:0;margin:0;border:1px solid var(--chat-line);border-radius:8px;background:transparent;color:var(--muted);flex:none}.inbox-thread-head .inbox-icon-control:hover{color:var(--blue);border-color:var(--blue)}