/* Compact workspace layout. Color themes affect presentation only. */
:root{--ink:#17243b;--muted:#66738a;--bg:#f5f7fb;--border:#e4e9f1;--white:#fff;--green:#4161d7;--mint:#eaf0ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:13px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4161d7;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #4161d7;outline-offset:1px}
.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;padding:24px 14px 16px;background:#101d35;color:#bfcce0;display:flex;flex-direction:column;z-index:20;overflow-y:auto}
.brand{display:flex;gap:10px;align-items:center;color:#fff;padding:0 10px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand svg{width:27px;height:31px;color:#b9cdff}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2.3px;text-transform:uppercase;color:#bfcce0;margin-top:2px}
.workspace{display:flex;align-items:center;gap:9px;margin:27px 0 25px;padding:11px 9px;border:1px solid #2f4361;border-radius:8px}.workspace-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#eaf0ff;color:#203c7c;font-size:12px;font-weight:700}.workspace strong{display:block;font-size:12px;font-weight:600;color:#fff}.workspace small{display:block;margin-top:3px;font-size:10px;color:#bfcce0}
.nav-label{padding:0 12px;margin-bottom:9px;font-size:9px;line-height:1;letter-spacing:1.3px;font-weight:600;color:#bfcce0;opacity:.8}.nav-label.manage-label{margin-top:28px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:7px;background:transparent;color:#bfcce0;padding:10px 12px;font-size:12px;text-align:left;min-height:38px}.nav button:hover{background:#1a2b49;color:#fff}.nav button.active{background:#eaf0ff;color:#203c7c;font-weight:650}.nav .icon{width:17px;height:17px}.nav .count{margin-left:auto;font-size:10px;min-width:20px;text-align:center;padding:2px 5px;border-radius:5px;background:#1a2b49;color:#bfcce0}
.sidebar-bottom{margin-top:auto;padding-top:28px}.help-card{padding:12px 9px;margin-bottom:12px}.help-card button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;font-size:11px;padding:0;text-align:left}.help-card .icon{width:16px;height:16px}.profile{display:flex;align-items:center;gap:9px;padding:15px 9px 0;border-top:1px solid #2f4361}
.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef2fa;color:#536581;font-size:10px;font-weight:650;flex-shrink:0}.avatar.user{background:#eaf0ff;color:#203c7c;border-radius:50%;width:30px;height:30px}.profile strong{display:block;color:#fff;font-size:11px;font-weight:600}.profile small{display:block;font-size:10px;color:#bfcce0;margin-top:3px}
.main{grid-column:2;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 28px;border-bottom:1px solid var(--border);background:#fff}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.date{font-size:11px;color:var(--muted)}.top-followup{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:6px 0;color:#66738a;font-size:11px}.top-followup.needs-action{color:#a94b32}.top-followup .icon{width:16px;height:16px}.divider{height:21px;width:1px;background:var(--border)}
.content{max-width:1600px;margin:0 auto;padding:20px 28px 28px}.preview-bar{display:flex;align-items:center;gap:9px;border:1px solid #e1e7f2;border-radius:7px;padding:8px 11px;background:#f0f4fc;color:#566781;font-size:10px;line-height:1.5;margin-bottom:22px}.preview-label{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:#3350a4;border-right:1px solid #d4def1;padding-right:9px}.preview-bar button{margin-left:auto;padding:0;border:0;background:transparent;color:#3d5379;font-size:10px;text-decoration:underline;white-space:nowrap}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.eyebrow{display:none}.page-heading h1{font-size:24px;line-height:1.25;letter-spacing:-.7px;font-weight:700;margin:0 0 7px}.page-heading p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.buttons{display:flex;align-items:center;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 12px;border:1px solid #d9e0eb;border-radius:7px;background:#fff;color:#41516c;font-size:11px;font-weight:600;line-height:1.3;white-space:nowrap}.btn .icon{width:14px;height:14px}.btn:hover{background:#f4f6fb}.btn.primary{background:#4161d7;border-color:#4161d7;color:#fff;box-shadow:0 2px 3px #1429550b}.btn.primary:hover{background:#3350bd}.btn.soft{background:#f0f4fc;border-color:transparent}.btn.danger{color:#ac493e}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat{padding:15px 17px;background:#fff;border:1px solid var(--border);border-radius:9px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#66738a;font-size:11px}.stat-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#3e5baf;background:#eef2ff}.stat-icon .icon{width:14px;height:14px}.stat-value{font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-.8px;margin:5px 0 7px;color:#17243b}.stat-footer{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;color:#66738a}.stat-footer span{font-weight:600;padding:2px 4px;background:#eef2ff;border-radius:4px}
.panel{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 2px 3px #17243b02}.panel-pad{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-size:13px;font-weight:650;letter-spacing:-.15px}.panel-head p,.subtle{color:var(--muted);font-size:10px;line-height:1.6;margin:5px 0 0}.panel-head .btn{min-height:28px;font-size:10px;padding:5px 9px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.dashboard-grid>.panel{min-width:0}.dashboard-rail{display:grid;gap:18px;min-width:0}.attention-count{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:5px;background:#fff3ed;color:#a94b32;font-size:9px;white-space:nowrap}.attention-list{display:grid;margin-top:12px}.attention-item{display:flex;align-items:center;gap:9px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left}.attention-item:last-child{border-bottom:0}.attention-item:hover strong{text-decoration:underline}.attention-item>span:nth-child(2){min-width:0}.attention-item strong{display:block;color:#2b3c56;font-size:11px;font-weight:600;overflow-wrap:anywhere}.attention-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.4}.attention-item .icon{width:13px;height:13px;margin-left:auto;color:#6d7d96}.attention-item .avatar{width:28px;height:28px;border-radius:8px;font-size:9px}.rail-action{margin-top:13px;width:100%}.rail-empty{color:var(--muted);font-size:11px;line-height:1.7;margin:20px 0}
.location-bars{display:grid;gap:17px;margin-top:20px}.location-bar-row{display:grid;grid-template-columns:95px minmax(0,1fr) 18px;gap:9px;align-items:center;font-size:10px;color:#52627c}.location-bar-row .track{height:6px;border-radius:5px;background:#edf1fa;overflow:hidden}.location-bar-row .fill{height:100%;border-radius:5px;background:#4161d7}.location-bar-row b{text-align:right;color:#3b4d69;font-weight:600}.panel-foot{border-top:1px solid var(--border);margin-top:20px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:10px;line-height:1.5;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;font-size:10px;font-weight:600;color:#3554ae}.text-link .icon{width:12px;height:12px}
.table-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 18px 0}.table-header h2{margin:0;font-size:13px;font-weight:650;letter-spacing:-.15px}.tiny-pill{display:inline-block;padding:3px 6px;margin-left:5px;border-radius:5px;background:#f0f3f9;font-size:9px;color:#576985;font-weight:500}.badge-live{display:flex;gap:5px;align-items:center;font-size:9px;color:#66738a}.table-tools{display:flex;align-items:center;padding:15px 18px 0;gap:12px}.tabs{display:flex;gap:19px;border-bottom:1px solid var(--border);flex:1;min-width:0;overflow:auto}.tabs button{position:relative;border:0;padding:0 0 12px;background:transparent;font-size:10px;color:#64748b;white-space:nowrap}.tabs button.active{color:#3554ae;font-weight:650}.tabs button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#4161d7}.tabs small{font-size:9px;background:#f0f3f9;padding:1px 4px;border-radius:4px;margin-left:5px}
.filters{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px}.search{position:relative;flex:1;max-width:310px;min-width:130px}.search input{width:100%;min-height:33px;padding:8px 10px 8px 31px;border:1px solid #dfe5ef;border-radius:6px;background:#fff;font-size:11px;color:#33435d}.search input::placeholder{color:#76839b}.search .icon{position:absolute;left:10px;top:9px;width:14px;height:14px;color:#7e8aa1}.selects{display:flex;gap:7px;min-width:0}select{background:#fff;border:1px solid #dfe5ef;border-radius:6px;padding:8px 25px 8px 10px;max-width:220px;min-height:33px;color:#52627c;font-size:10px}
.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{padding:10px 14px;background:#f8fafd;border-block:1px solid #e9edf4;text-align:left;font-size:10px;font-weight:550;color:#66738a}td{padding:13px 14px;border-bottom:1px solid #edf0f6;font-size:11px;color:#52627c}th:first-child,td:first-child{padding-left:18px}tbody tr[data-lead]{cursor:pointer}tbody tr[data-lead]:hover{background:#f7f9fd}.lead-name{display:flex;align-items:center;gap:9px}.lead-name strong{display:block;font-size:11px;font-weight:650;color:#263955;margin-bottom:5px}.lead-name small{display:block;color:#6d7b93;font-size:10px}.lead-name .avatar{width:29px;height:29px;background:#edf2fd;color:#5770a5}.lead-name .avatar.tint1{background:#f4effc;color:#8260a0}.lead-name .avatar.tint2{background:#e9f5f2;color:#478272}
.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:#f1f3f6;color:#637083;font-size:9px;font-weight:550}.status.new{background:#edf2ff;color:#4560a8}.status.contacted{background:#fff5df;color:#88641f}.status.appointment_scheduled{background:#f0ecfc;color:#7450a0}.status.appointment_attended{background:#eaf5f2;color:#347b66}.status.won{background:#e9f6ed;color:#347548}.status.closed{background:#f0f2f6;color:#68778b}
.assignee{display:flex;align-items:center;gap:6px;font-size:10px}.assignee .avatar{width:22px;height:22px;font-size:8px;border-radius:50%}.muted{color:#74819a}.overdue{font-size:9px;color:#b35b3e;margin-top:5px}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:10px;color:#66738a}.pager{display:flex;gap:4px}.pager button{padding:4px 7px;border:1px solid #dfe5ef;border-radius:5px;color:#5e708d;background:#fff;font-size:10px}.pager button:disabled{opacity:.55;cursor:default}.compact-table .filters{flex-wrap:wrap}.compact-table .search{max-width:none}.compact-table .selects select{max-width:155px}.compact-table .program-subline{max-width:210px;overflow:hidden;text-overflow:ellipsis}.bottomline{display:flex;justify-content:space-between;gap:10px;margin-top:23px;font-size:9px;color:#66738a;line-height:1.5}.bottomline .dot{margin-right:5px;color:#507aa0}
.report-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.charts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:18px;margin-bottom:20px}.legend{display:flex;gap:15px;color:var(--muted);font-size:10px;margin:18px 0 9px}.legend span{display:flex;align-items:center;gap:6px}.chart{width:100%;height:172px;overflow:visible}.activity-panel{margin-bottom:20px}.activity-panel .chart{margin-top:18px}.chart text{font-family:inherit;font-size:9px;fill:#73819a}.funnel-row{display:grid;grid-template-columns:135px minmax(0,1fr) 26px;gap:12px;align-items:center;font-size:11px;margin:19px 0;line-height:1.5}.funnel-row .track{height:19px;background:#f0f3f9;border-radius:4px;overflow:hidden}.funnel-row .fill{height:100%;min-width:0;background:#8ba5df}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--border);padding:14px 0;font-size:12px}.setting-row:last-child{border-bottom:0}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}.pill{padding:4px 7px;border-radius:5px;background:#edf2fb;color:#526a9a;font-size:9px;white-space:nowrap}.pill.pending{background:#fff4df;color:#88641f}.callout{margin-top:17px;padding:14px;border:1px solid #e5eaf3;border-radius:7px;background:#f7f9fd;font-size:11px;line-height:1.7;color:#5d6e8a}
.team-capacity{display:flex;align-items:center;gap:12px;padding:13px 17px;border:1px solid var(--border);border-radius:9px;background:#fff;margin-bottom:18px}.team-capacity .stat-icon{width:30px;height:30px}.team-capacity strong{display:block;font-size:12px;font-weight:650}.team-capacity small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.team-capacity .pill{margin-left:auto}.team-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr);align-items:start}.team-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid var(--border)}.team-row strong{display:block;font-size:12px;font-weight:600}.team-row small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:3px}.team-row .pill{margin-left:auto}.team-actions .btn{min-height:28px;padding:5px 7px;font-size:9px}.plan-details{margin-top:18px}.plan-details>summary{cursor:pointer;display:list-item;font-size:12px;font-weight:600}.plan-details>summary .subtle{display:inline;font-weight:400;margin-left:10px}.plan-quote{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px}.plan-quote strong{font-size:25px;letter-spacing:-.6px}.plan-quote small{color:var(--muted);font-size:11px}
.follow-card{display:flex;align-items:center;gap:13px;padding:15px 19px;border-bottom:1px solid var(--border);cursor:pointer}.follow-card:hover{background:#f7f9fd}.follow-card strong{display:block;font-size:12px;margin-bottom:5px}.follow-card small{display:block;font-size:10px;color:var(--muted);line-height:1.5}.follow-card .status{margin-left:auto}.access-note{margin-top:14px;font-size:11px;color:#64738c;line-height:1.7}.security-check{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid var(--border);padding:12px 0;font-size:11px;line-height:1.6}.security-check .icon{width:15px;height:15px;margin-top:1px;color:#4161d7}
.modal-backdrop{position:fixed;inset:0;background:#15223b66;backdrop-filter:blur(2px);display:flex;justify-content:flex-end;z-index:40}.drawer{display:flex;flex-direction:column;width:min(510px,100%);max-height:100dvh;overflow:auto;background:#fff;box-shadow:-12px 0 60px #12214220}.drawer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 23px;border-bottom:1px solid var(--border)}.drawer-top .eyebrow{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:600}.drawer-top h2{font-size:20px;letter-spacing:-.5px;margin:5px 0}.icon-btn{border:0;background:transparent;padding:6px;color:#677a97}.drawer-body{padding:20px 23px}.drawer-body h3{font-size:12px;margin:23px 0 12px}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-bottom:19px;border-bottom:1px solid var(--border)}.contact-card label,.field>label{display:block;font-size:10px;color:#64738c;margin-bottom:7px}.contact-card p{margin:0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.field{margin-top:15px}.field input,.field select,.field textarea{width:100%;padding:9px 10px;border:1px solid #dce3ef;border-radius:6px;background:#fff;color:#344865;font-size:12px;min-height:36px}.field textarea{min-height:85px;resize:vertical}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.field-hint{color:#66738a;font-size:10px;line-height:1.6}.form-error{margin:10px 0 0;min-height:15px;color:#ac493e;font-size:11px;line-height:1.5}label.required:after{content:' *';color:#a55645}
.note{border:1px solid #e4eaf5;border-radius:7px;padding:12px 13px;margin-bottom:9px;background:#f8faff;color:#344865;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.note small{display:block;margin-top:7px;font-size:9px;color:var(--muted)}.timeline{padding-left:14px;margin-left:4px;border-left:1px solid #dfe6f2}.timeline-item{position:relative;margin-bottom:18px;color:#536986;font-size:11px;line-height:1.5}.timeline-item:before{content:'';position:absolute;width:7px;height:7px;left:-18px;top:4px;border:2px solid #fff;border-radius:50%;background:#a0b5de}.timeline-item small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.drawer-foot{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:14px 23px;border-top:1px solid var(--border);background:#fff;margin-top:auto}.modal{width:min(500px,calc(100% - 28px));max-height:90dvh;margin:auto;overflow:auto;border-radius:12px;background:#fff;box-shadow:0 20px 90px #12214230}.modal .drawer-body{padding-top:4px}.empty{text-align:center;padding:42px 22px;color:var(--muted)}.empty h3{color:#344865;font-size:15px}.empty p{font-size:12px;line-height:1.7}.program{max-width:155px;overflow:hidden;text-overflow:ellipsis}
.split-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.member-detail{display:flex;align-items:center;gap:9px}.member-detail b{font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 28px);padding:12px 18px;border-radius:8px;background:#1d3155;color:#fff;box-shadow:0 8px 30px #12214222;font-size:12px;z-index:80;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.visible{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.screenreader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Shared form, access, theme and reporting components. */
/* Outcome controls retain the same layout at narrow widths. */
.report-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 22px;margin-bottom:20px}.report-controls>div{display:flex;align-items:center;gap:10px}.report-controls label{font-size:11px;color:var(--muted)}.report-controls p{margin:0 0 0 auto;color:var(--muted);font-size:11px;line-height:1.5}.milestones{display:grid;gap:9px;padding:15px;background:var(--bg);border-radius:7px;margin:12px 0}.milestones>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.milestones span{color:var(--muted)}.milestones strong{font-weight:550;text-align:right}@media(max-width:600px){.report-controls{align-items:stretch}.report-controls>div{width:100%;justify-content:space-between}.report-controls p{margin:0}.funnel-row{grid-template-columns:minmax(110px,1fr) minmax(40px,1fr) 22px;gap:10px}}

.inquiry-type{display:block;color:var(--muted);font-size:9px;margin-top:5px}.submission-details{margin:18px 0;padding:14px;background:var(--bg);border-radius:8px}.submission-details h3{margin-top:0}.submission-details dl{display:grid;gap:12px;margin:0}.submission-details dl>div{min-width:0}.submission-details dt{font-size:10px;color:var(--muted);margin-bottom:4px}.submission-details dd{margin:0;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}



.invite-locations{border:1px solid var(--border);border-radius:7px;padding:12px;margin:14px 0;display:grid;gap:9px}.invite-locations legend{font-size:11px;color:var(--muted);padding:0 5px}.invite-locations label{display:flex;align-items:center;gap:7px;font-size:12px}.team-row>div{min-width:0}.team-row small{overflow-wrap:anywhere}.team-row .btn{margin-left:auto}

.entry-tag{display:inline-block;vertical-align:middle;margin-left:5px;padding:2px 5px;border:1px solid #dce5e1;border-radius:4px;font-size:9px;font-weight:500;line-height:1.3;color:#667d74;background:#f4f8f5}.entry-tag.manual{color:#796d55;background:#f7f5ef;border-color:#e8e2d4}.more-details{border-top:1px solid var(--border);margin-top:18px;padding-top:13px}.more-details summary{cursor:pointer;font-size:12px;font-weight:550;padding:5px 0}.more-details summary span{color:var(--muted);font-weight:400;font-size:10px;margin-left:8px}.more-details>div{padding-top:15px}
/* Platform analytics is deliberately outside the customer workspace shell. */
.platform-content{max-width:1280px;margin:0 auto;padding:42px 32px 64px}.platform-content .report-controls{margin:22px 0}.platform-content .location-bar-row{margin:20px 0;grid-template-columns:minmax(145px,1fr) 1fr 35px}.platform-content .preview-bar{margin-bottom:20px}@media(max-width:700px){.platform-content{padding:24px 16px}.platform-content .page-heading{align-items:flex-start;gap:18px}.platform-content .location-bar-row{grid-template-columns:minmax(130px,1fr) 1fr 28px}}
/* Keep team actions readable when the employee name wraps. */
.team-row .team-actions{margin-left:auto;justify-content:flex-end;flex-wrap:wrap}.team-row .team-actions .btn{margin-left:0}.team-row .team-actions{gap:7px}@media(max-width:700px){.team-row{flex-wrap:wrap}.team-row .team-actions{width:100%;justify-content:flex-start;padding-left:42px}}
/* Theme tokens affect presentation only; workflow/status colors stay semantic. */
.workspace-root{--green:var(--brand-accent);--mint:var(--brand-accent-soft)}
.workspace-root .sidebar{background:var(--brand-sidebar);color:var(--brand-sidebar-text)}
.workspace-root .brand svg,.workspace-root .help-card .icon{color:var(--brand-accent-soft)}
.workspace-root .brand svg path:last-child{fill:var(--brand-sidebar)}
.workspace-root .brand small,.workspace-root .workspace small,.workspace-root .nav-label,.workspace-root .profile small,.workspace-root .help-card p,.workspace-root .help-card button{color:var(--brand-sidebar-text)}
.workspace-root .workspace,.workspace-root .profile{border-color:var(--brand-sidebar-border)}
.workspace-root .nav button{color:var(--brand-sidebar-text)}
.workspace-root .nav button:hover{background:var(--brand-sidebar-card)}
.workspace-root .nav button.active{background:var(--brand-accent-soft);color:var(--brand-accent-ink)}
.workspace-root .nav .count{background:var(--brand-sidebar-card);color:var(--brand-sidebar-text)}
.workspace-root .nav button.active .count{background:transparent;color:var(--brand-accent-ink)}
.workspace-root .btn.primary{background:var(--brand-accent);border-color:var(--brand-link);color:var(--brand-primary-text)}
.workspace-root .btn.primary:hover{background:var(--brand-accent-hover);border-color:var(--brand-link);color:var(--brand-hover-text)}
.workspace-root .stat-icon,.workspace-root .stat-footer span{background:var(--brand-accent-soft);color:var(--brand-accent-ink)}
.workspace-root .text-link,.workspace-root .tabs button.active,.workspace-root .security-check .icon{color:var(--brand-link)}
.workspace-root .tabs button.active:after,.workspace-root .location-bar-row .fill{background:var(--brand-link)}
.workspace-root .location-bar-row .track{background:var(--brand-accent-soft)}

.workspace-root button:focus-visible,.workspace-root input:focus,.workspace-root select:focus,.workspace-root textarea:focus{outline-color:var(--brand-link)}
.workspace-root .sidebar button:focus-visible{outline-color:var(--brand-accent-soft)}
.appearance-panel .field-hint,.appearance-panel .panel-head p{color:#58665e}

.appearance-panel{grid-column:1/-1}.palette-presets{border:0;padding:0;margin:20px 0;display:flex;gap:12px;flex-wrap:wrap}.palette-presets legend{font-size:12px;font-weight:600;margin-bottom:14px}.palette-presets label{display:flex;align-items:center;gap:7px;font-size:12px;padding:10px 12px;border:1px solid #c8d1cb;border-radius:7px;cursor:pointer}.palette-presets i{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff44}.palette-presets input{margin:0;accent-color:var(--brand-link)}.palette-editor{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.palette-inputs{display:flex;gap:18px;align-items:end}.palette-inputs label{display:block;font-size:12px;color:#435449;margin-bottom:8px}.palette-inputs .field{margin:0;max-width:160px}.palette-inputs input[type="color"]{width:62px;height:43px;padding:3px;border:1px solid #9aaa9e;border-radius:6px;background:#fff;cursor:pointer}.palette-inputs input[type="text"]{font-size:14px;letter-spacing:1px;color:#22372c}.palette-sample{display:grid;grid-template-columns:35% 1fr;border:1px solid #c8d1cb;border-radius:9px;overflow:hidden;min-height:145px}.palette-sample-nav{background:var(--brand-sidebar);color:var(--brand-sidebar-text);padding:18px 12px;display:grid;align-content:start;gap:15px;font-size:11px}.palette-sample-nav b{color:var(--brand-accent-ink);background:var(--brand-accent-soft);padding:8px;border-radius:4px}.palette-sample-page{padding:20px 15px;display:grid;align-content:start;gap:14px;background:#f7f9f7}.palette-sample-page>strong{font-size:13px;color:#24372b}.palette-sample-page>span{font-size:11px;color:#4f6255}.palette-sample-button{font-size:11px;padding:9px 12px;border-radius:5px;background:var(--brand-accent);color:var(--brand-primary-text);border:1px solid var(--brand-link);justify-self:start}@media(max-width:700px){.palette-editor{grid-template-columns:1fr;gap:15px}.palette-presets{gap:8px}.palette-presets label{padding:9px}}
.preview-tools{grid-column:1/-1}.preview-tools>summary{cursor:pointer;font-size:12px;font-weight:600}.preview-tools .field{max-width:440px}/* Workspace details use the same brand tokens as the navigation. */
.workspace-root .workspace-mark{background:var(--brand-accent-soft);color:var(--brand-accent-ink)}
.workspace-root .sidebar a:focus-visible{outline-color:var(--brand-accent-soft)}
@media(min-width:1600px){.content{padding-top:24px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){.content{padding-inline:22px}.topbar{padding-inline:22px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.team-grid{grid-template-columns:minmax(0,1fr)}.team-actions .btn{font-size:10px}}
@media(max-width:900px){.shell{grid-template-columns:186px minmax(0,1fr)}.sidebar{width:186px;padding-inline:10px}.stats{gap:10px}.stat{padding:13px}.stat-value{font-size:24px}.top-actions .date{display:none}.content{padding:18px}.topbar{padding:0 18px}.charts,.report-grid{grid-template-columns:minmax(0,1fr)}.page-heading{gap:14px}.page-heading h1{font-size:22px}.page-heading p{max-width:370px}.filters{flex-wrap:wrap}.search{max-width:none}}
@media(max-width:700px){
 .shell{display:block}.main{width:100%}.sidebar{width:218px;transform:translateX(-100%);transition:transform .18s;box-shadow:15px 0 40px #17243b22}.sidebar.open{transform:translateX(0)}
 .mobile-menu{display:inline-flex;align-items:center;border:0;padding:5px;margin-left:-5px;background:transparent;color:#536986}.topbar{height:53px;padding:0 16px}.top-actions{gap:10px}.top-followup span{display:none}.breadcrumb{gap:8px;font-size:11px}.content{padding:15px 16px 23px}
 .preview-bar{margin-bottom:19px;font-size:9px;gap:7px;padding:7px 9px}.preview-bar button{font-size:9px}.preview-label{font-size:8px;padding-right:7px}
 .page-heading{align-items:flex-start;gap:12px;margin-bottom:18px}.page-heading h1{font-size:22px;margin-bottom:6px}.page-heading p{font-size:11px}.page-heading .buttons{flex-shrink:0}.page-heading .secondary-action{display:none}.btn{min-height:34px;padding:8px 10px;font-size:10px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat{padding:13px 14px}.stat-top{font-size:10px}.stat-value{font-size:25px}.stat-footer{font-size:9px}
 .dashboard-grid,.dashboard-rail,.settings-grid,.palette-editor{grid-template-columns:minmax(0,1fr);gap:16px}.panel-pad{padding:17px}.table-header{padding:17px 15px 0}.table-tools{padding:14px 15px 0}.table-header h2{font-size:12px}.tabs{gap:16px}.filters{padding:12px 15px}.filters .search{flex-basis:100%}.selects{width:100%}.selects select{flex:1;max-width:none;min-width:0}.compact-table .selects select{max-width:none}.compact-table .program-subline{max-width:160px}
 th,td{padding-inline:12px}th:first-child,td:first-child{padding-left:15px}.table-footer{padding:12px 15px;font-size:9px}.bottomline{flex-wrap:wrap;font-size:9px}.team-capacity{padding:12px}.team-capacity .pill{font-size:8px}.team-actions .btn{min-height:30px}.setting-row{gap:10px;flex-wrap:wrap}.follow-card{padding:14px 16px;gap:10px}.follow-card strong{font-size:11px}
 .report-controls{padding:14px 16px;align-items:stretch;gap:12px}.report-controls>div{width:100%;justify-content:space-between}.report-controls p{margin:0}.funnel-row{grid-template-columns:minmax(100px,1fr) minmax(45px,1fr) 22px;gap:9px;font-size:10px}.palette-presets{gap:7px}.palette-presets label{padding:8px;font-size:10px}.plan-details>summary .subtle{display:block;margin:6px 0 0}
 .platform-content{padding:24px 16px}.platform-content .page-heading{flex-wrap:wrap}.platform-content .location-bar-row{grid-template-columns:minmax(120px,1fr) 1fr 28px}
}
@media(max-width:380px){.page-heading{flex-wrap:wrap}.page-heading .buttons{width:100%}.page-heading .buttons .btn{flex:1}.preview-bar button{display:none}.contact-card,.field-row{grid-template-columns:minmax(0,1fr)}.drawer-body,.drawer-top{padding-inline:18px}.badge-live{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}