@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 499;font-display:swap;src:url('assets/dm-sans-400.woff')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:500 599;font-display:swap;src:url('assets/dm-sans-500.woff')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/dm-sans-600.woff')}@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('assets/manrope-500.woff')}
:root{--bg:#232427;--sidebar:#202124;--panel:#F5F4F0;--ink:#252629;--muted:#B8B6AF;--line:#D8D0BF;--gold:#D9BD83;--gold-light:#E7CE9A;--gold-dark:#917136;--ivory:#FBFAF6;--teal:var(--gold-dark);--mint:#E7CE9A;--shadow:0 4px 22px #2021241a;--button-gradient:linear-gradient(115deg, #EDDBAB, #CFAD6A);--button-hover:linear-gradient(115deg, #F3E3BE, #DFC18A);--on-light-secondary:color-mix(in srgb, var(--ink) 72%, var(--panel));--dark-border:color-mix(in srgb, var(--gold) 18%, var(--bg));}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #94cabc;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:white;border-right:1px solid var(--line);padding:29px 17px 15px;display:flex;flex-direction:column;z-index:25}.brand{display:flex;align-items:center;gap:10px;padding:0 14px 24px}.brand-symbol{width:36px;height:36px;color:var(--teal)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.9px;line-height:1}.wordmark small{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:2px;margin-top:7px;text-transform:uppercase}.workspace-label{margin:4px 14px 19px;display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.workspace-label:before{content:'';width:6px;height:6px;background:#52a187;border-radius:50%}.nav{overflow:auto;flex:1}.nav-label{font-size:9px;letter-spacing:1.7px;color:#a5afb3;margin:14px 14px 10px;font-weight:600}.nav-group{margin-bottom:3px}.group-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:7px;font-weight:550}.group-btn.active{background:var(--mint);color:var(--teal)}.group-btn .chev{margin-left:auto;width:12px}.subnav{padding:3px 0 7px 31px}.subnav button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:9px 12px;font-size:12px;color:#809096;position:relative}.subnav button.selected{color:var(--teal);font-weight:650}.subnav button:before{content:'';width:4px;height:4px;border-radius:50%;background:#cbd6d9}.subnav button.selected:before{background:var(--teal)}.nav-count{margin-left:auto;background:#edf1f3;border-radius:4px;font-size:10px;padding:1px 5px;color:#6f858b}.help-box{border:1px solid #e3ece8;border-radius:8px;padding:13px;margin:16px 6px;color:#6c8182;font-size:11px;line-height:1.6;background:#fbfdfc}.help-box strong{display:block;color:#46605b;margin-bottom:3px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 9px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;background:#e5ede7;color:#50745d;font-size:11px;font-weight:650;flex-shrink:0}.avatar.k{background:#e9e7f4;color:#8175ae}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.main{grid-column:2;min-width:0}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:22px}.search{display:flex;align-items:center;gap:10px;color:#9aa8ac;max-width:510px;flex:1}.search input{width:100%;border:0;outline:0;font-size:12px;color:var(--ink);background:transparent}.search kbd{border:1px solid #e5e9eb;font-size:9px;padding:3px 5px;border-radius:4px;white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.demo-tag{font-size:9px;padding:5px 7px;background:#f4f6f7;color:#809095;border-radius:4px;letter-spacing:.6px}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:27px;height:30px;color:#73858c}.unread{width:5px;height:5px;border-radius:50%;position:absolute;right:4px;top:4px;background:var(--teal);border:1px solid white}.top-divider{height:24px;background:var(--line);width:1px}.content{max-width:1600px;margin:auto;padding:30px 34px 28px}.breadcrumb{font-size:11px;color:#98a4aa;margin-bottom:20px;display:flex;gap:9px;align-items:center}.breadcrumb b{color:#687b82;font-weight:450}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:27px;font-weight:750;line-height:1.4}.subtitle{color:var(--muted);font-size:12px;margin-top:6px}.head-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe7e9;border-radius:6px;padding:10px 14px;background:white;font-size:11px;font-weight:550;white-space:nowrap}.btn.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn:hover{filter:brightness(.97)}.btn.sm{padding:7px 10px;font-size:10px}.view-switch{display:inline-flex;gap:2px;padding:3px;background:#e9eef0;border-radius:6px}.view-switch button{padding:7px 12px;border-radius:4px;font-size:10px;color:#7a8b92}.view-switch button.on{background:white;color:var(--teal);box-shadow:0 1px 3px #00000009}.welcome{background:#eaf3ef;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;border:1px solid #dceae4;border-radius:9px;padding:22px 24px;margin-bottom:22px}.welcome h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.4px;font-weight:700}.welcome p{color:#6e8780;font-size:11px;margin-top:7px}.welcome .orb{position:absolute;border:1px solid #d5e6df;border-radius:50%;width:270px;height:270px;right:70px;top:-180px;pointer-events:none}.welcome .orb.two{width:210px;height:210px;right:100px;top:-150px}.welcome .btn{background:#fff9;position:relative;border-color:#cbded4;color:var(--teal)}.eyebrow{font-size:9px;color:#8e9ba0;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:18px 19px}.metric-top{display:flex;justify-content:space-between;color:#87969c;font-size:11px}.metric-icon{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f1f6f4;color:#639784;margin-top:-3px}.metric-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:750;letter-spacing:-1px;margin:6px 0 9px}.metric-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa5aa}.up{color:#3e9776;background:#eff7f2;padding:3px 5px;border-radius:4px;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;margin-bottom:21px}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-head{padding:19px 21px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:13px;font-weight:650;letter-spacing:-.1px}.panel-head p{font-size:10px;color:#91a0a6;margin-top:5px}.text-link{font-size:10px;color:var(--teal);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.legend{display:flex;gap:17px;color:#8a9aa0;font-size:9px}.legend span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:5px}.legend span:last-child:before{background:#bfd8ca}.chart{padding:0 18px 12px}.chart svg{width:100%;height:230px;overflow:visible}.chart text{font-family:'DM Sans',Arial,sans-serif;fill:#a4afb4;font-size:9px}.chart-summary{display:flex;gap:28px;padding:0 22px 12px}.chart-summary strong{display:block;font-size:20px;font-family:Manrope,sans-serif;font-weight:700;margin-top:4px;letter-spacing:-.5px}.chart-summary small{font-size:9px;color:#8a999f}.funnel{padding:0 21px 15px}.funnel-row{margin:14px 0}.funnel-label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:8px}.funnel-label span{color:#8d9aa0;font-size:10px}.bar-bg{height:7px;background:#f2f5f5;border-radius:3px}.bar-fill{height:7px;border-radius:3px;background:#328978}.funnel-note{margin:21px 0 0;padding:12px;border:1px solid #e7efeb;background:#f9fcfa;border-radius:6px;font-size:10px;display:flex;align-items:center;gap:8px;color:#8c9f95}.funnel-note strong{color:var(--teal)}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(240px,.95fr);gap:20px}.task-row{padding:12px 20px;display:flex;align-items:flex-start;gap:10px;border-top:1px solid #f3f5f6}.check{appearance:none;width:14px;height:14px;border:1px solid #dbe4e6;border-radius:4px;margin:2px 0 0;flex-shrink:0;cursor:pointer}.check:checked{background:var(--teal);border-color:var(--teal)}.check:checked:after{content:'✓';color:white;font-size:10px;display:block;text-align:center}.task-title{font-size:11px;line-height:1.5}.task-meta{font-size:9px;color:#a1acb0;margin-top:5px}.pill{font-size:8px;padding:3px 6px;border-radius:4px;background:#eef4f1;color:#7b9c8c;display:inline-block;white-space:nowrap}.pill.amber{background:#fff4e6;color:#c19350}.pill.blue{background:#eff2fb;color:#8c95bc}.pill.red{background:#fbebea;color:#b87f7a}.agenda-row{display:flex;align-items:center;padding:13px 20px;gap:13px;border-top:1px solid #f3f5f6}.agenda-time{font-size:10px;color:#83959c;min-width:34px}.agenda-line{height:32px;width:2px;background:#a4c8b3;border-radius:2px;flex-shrink:0}.agenda-title{font-size:11px}.agenda-sub{font-size:9px;color:#98a5ab;margin-top:5px}.agenda-row .avatar{margin-left:auto;width:25px;height:25px;font-size:8px}.client-mini{display:flex;padding:12px 20px;align-items:center;gap:9px;border-top:1px solid #f3f5f6}.client-logo{width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#f4f0e9;color:#a8967d;border-radius:6px;font-size:11px;font-weight:600}.client-mini strong{font-weight:500;font-size:11px}.client-mini small{display:block;font-size:9px;margin-top:4px;color:#a1acb1}.client-mini .dot{margin-left:auto;width:5px;height:5px;background:#7caa92;border-radius:50%}.panel-footer{border-top:1px solid #f1f4f5;padding:11px 20px;color:#78918b;font-size:10px}.footer{display:flex;justify-content:space-between;font-size:9px;color:#abb5b9;margin-top:26px}.status{display:flex;align-items:center;gap:5px}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:#88b39b}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar input{min-width:210px}.field,input[type=text],input[type=email],input[type=number],input[type=datetime-local],input[type=date],input[type=url],select,textarea{border:1px solid #dde6e8;border-radius:6px;padding:10px 12px;background:white;color:var(--ink);outline:0}input:focus,textarea:focus,select:focus{border-color:#7eb5a6}textarea{resize:vertical;min-height:120px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:#8c9ca3;background:#fafcfc;font-weight:500;padding:14px 20px;border-bottom:1px solid var(--line)}td{padding:17px 20px;font-size:11px;border-bottom:1px solid #f0f4f4}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto}.client-name{display:flex;align-items:center;gap:10px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:23px}.card h3{font-size:14px;margin:12px 0 7px}.card p{font-size:11px;color:#8a9aa0;line-height:1.7}.card .btn{margin-top:18px}.empty{padding:35px;text-align:center;color:#92a0a6;font-size:12px}.section-note{background:#fff9ee;border:1px solid #f0e6ce;color:#a48c55;border-radius:7px;padding:11px 15px;font-size:11px;margin-bottom:20px;line-height:1.6}.kanban{display:flex;gap:15px;overflow:auto;min-height:390px;padding-bottom:20px}.kanban-col{width:254px;min-width:254px;background:#edf1f2;border:1px solid #e4eaec;border-radius:8px;padding:12px}.kanban-col.dragover{border:2px dashed var(--teal)}.col-head{display:flex;gap:8px;align-items:center;font-weight:550;font-size:11px;padding:2px 0 14px;cursor:grab}.col-head span{font-size:9px;font-weight:400;background:white;border-radius:4px;padding:2px 5px;color:#8e9da3}.col-head button{margin-left:auto;color:#95a3a8}.deal{background:white;border-radius:7px;border:1px solid #e6ecee;padding:15px;margin-bottom:10px;cursor:grab;box-shadow:0 2px 4px #203f4804}.deal h3{font-size:12px;font-weight:550;margin:9px 0 7px}.deal p{font-size:10px;color:#8a9aa0}.deal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f3f4;padding-top:11px;margin-top:13px;font-size:11px}.deal .avatar{width:23px;height:23px;font-size:8px}.column-add{width:100%;border:1px dashed #cfdbde;border-radius:5px;color:#8b9ca2;font-size:10px;padding:9px}.modal-backdrop{position:fixed;inset:0;background:#142e384f;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:510px;max-width:100%;background:white;border-radius:12px;padding:28px;max-height:90vh;overflow:auto;box-shadow:0 25px 80px #112a3826}.modal.wide{width:780px}.modal h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal form{display:flex;flex-direction:column;gap:16px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#6e828a}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);background:#193d34;color:white;padding:13px 24px;border-radius:7px;z-index:200;transition:.2s;font-size:12px;box-shadow:var(--shadow)}#toast.show{transform:translateX(-50%) translateY(0)}.toggle{width:32px;height:18px;border-radius:12px;background:#dce5e7;padding:2px;display:inline-block}.toggle:after{content:'';width:14px;height:14px;display:block;background:white;border-radius:50%;transition:.2s}.toggle.on{background:var(--teal)}.toggle.on:after{transform:translateX(14px)}.settings-row{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line)}.settings-row h3{font-size:12px;font-weight:500}.settings-row p{font-size:10px;color:#93a0a5;margin-top:5px}.mobile-menu{display:none}.progress{height:5px;background:#eef3f3;border-radius:4px;margin:15px 0 8px}.progress i{display:block;height:100%;border-radius:4px;background:#62a288}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{min-height:110px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;color:#8a9ca3;font-size:10px}.cal-day.today{background:#f1f8f4}.cal-event{display:block;margin-top:7px;border-left:2px solid #83b29a;padding:6px;background:#eaf4ee;border-radius:3px;font-size:9px;color:#537c65;line-height:1.4}.calendar-week{padding:14px;text-align:center;font-size:10px;color:#92a0a6;border-bottom:1px solid var(--line)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.email-preview{padding:35px;background:#f0f3f4}.email-preview article{background:white;padding:30px;border-radius:6px;font-size:12px;line-height:1.8;white-space:pre-wrap}.email-editor{padding:25px;display:flex;flex-direction:column;gap:16px}.email-editor label{font-size:11px;display:flex;flex-direction:column;gap:8px;color:#7c9098}.integration-icon{font-family:Manrope,sans-serif;font-size:22px;background:#f2f6f4;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-weight:700;color:#6c8f82}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-grid label{display:flex;flex-direction:row;align-items:center}.search-answer{font-size:13px;line-height:1.9;background:#f2f8f5;padding:18px;border-radius:7px}.preview-banner{background:#234d42;color:#d4e5de;padding:9px 34px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.preview-banner button{color:white;text-decoration:underline}.done .task-title{text-decoration:line-through;color:#a4afb4}.split-info{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#8b9ca0;font-size:10px}.notification-item{padding:17px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.notification-item small{color:#9ba7ac}.tag-client{font-size:9px;color:#81948a;background:#f1f7f3;border-radius:4px;padding:4px 7px}.form-inline{display:flex;gap:10px}.form-inline>*{flex:1}.responsive-scroll{overflow:auto}.required-note{font-size:11px;color:#93a2a6;line-height:1.6}.activity{padding:18px 22px;border-top:1px solid var(--line);font-size:12px;line-height:1.8}.activity small{color:#8a9da4}.calendar-title{text-align:center;font-size:15px;font-weight:600}.brand img{width:38px;height:38px;object-fit:contain}
@media(min-width:1600px){.content{padding-top:35px}.chart svg{height:260px}.task-row,.agenda-row,.client-mini{padding-top:16px;padding-bottom:16px}}
@media(max-width:1200px){.layout{grid-template-columns:213px 1fr}.sidebar{width:213px}.content{padding:25px 24px}.topbar{padding:0 24px}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>.panel:last-child{grid-column:1/-1}.metrics{gap:10px}.metric{padding:16px 13px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.cards{grid-template-columns:repeat(2,1fr)}.search kbd{display:none}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.top-actions{gap:10px}.demo-tag{display:none}.page-head{align-items:flex-start}h1{font-size:24px}.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.chart svg{height:240px}.search input{font-size:11px}}
@media(max-width:680px){.layout{display:block}.sidebar{transform:translateX(-100%);transition:.2s;width:242px;box-shadow:var(--shadow)}body.nav-open .sidebar{transform:translateX(0)}.main{width:100%}.topbar{padding:0 16px;height:66px;gap:12px}.mobile-menu{display:block;color:#788f96}.top-actions{gap:8px}.top-actions .avatar,.top-divider{display:none}.content{padding:20px 16px}.breadcrumb{margin-bottom:15px}.page-head{display:block;margin-bottom:20px}.head-actions{justify-content:flex-start;margin-top:15px}.welcome{padding:19px;gap:10px}.welcome h2{font-size:15px}.welcome p{line-height:1.7}.welcome .btn{font-size:9px;padding:9px}.welcome .orb{display:none}.bottom-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric-value{font-size:25px}.metric-foot{font-size:8px}.cards{grid-template-columns:1fr}.calendar-grid{min-width:650px}.chart-summary{gap:25px}.legend{gap:8px}.chart svg{height:210px}.footer{gap:15px;line-height:1.8}.preview-banner{padding:10px 16px}.view-switch button{font-size:9px}.form-inline{flex-direction:column}.modal{padding:22px}.help-box{display:none}}


/* Radar palette: shared by the internal workspace and client portal. */
body{background:var(--bg);color:var(--panel);-webkit-font-smoothing:antialiased}
h1,h2,h3,.calendar-title{font-family:Manrope,Arial,sans-serif;font-weight:500!important}
button,input,select,textarea{font-family:'DM Sans',Arial,sans-serif;font-weight:400}
strong,b,.btn,.group-btn,.task-title{font-weight:600}
h1{color:var(--panel)}
.subtitle,.breadcrumb,.breadcrumb b,.eyebrow,.footer,.status,.required-note{color:var(--muted)}
.sidebar{background:var(--sidebar);border-color:var(--dark-border);color:var(--panel)}
.brand{padding:0 7px 24px;gap:9px}.brand img{width:32px;height:32px}.brand img.logo-word{width:157px;height:auto;object-fit:contain}
.workspace-label,.nav-label{color:var(--muted)}.workspace-label:before{background:var(--gold)}
.group-btn,.subnav button{color:var(--muted);font-weight:400}
.group-btn.active{background:color-mix(in srgb,var(--gold) 12%,var(--sidebar));color:var(--gold)}
.group-btn:hover,.subnav button:hover{color:var(--gold-light)}
.subnav button.selected{color:var(--gold-light);font-weight:600}
.subnav button:before{background:var(--muted)}.subnav button.selected:before{background:var(--gold)}
.nav-count{background:var(--bg);color:var(--gold);border:1px solid var(--dark-border)}
.help-box{background:var(--bg);border-color:var(--dark-border);color:var(--muted)}.help-box strong{color:var(--gold-light)}
.profile{border-color:var(--dark-border)}.profile strong{color:var(--panel)}.profile small{color:var(--muted)}
.avatar,.avatar.k{background:var(--line);color:var(--gold-dark)}.profile .avatar,.topbar .avatar{background:var(--gold);color:var(--ink)}
.topbar{height:82px;background:var(--sidebar);border-color:var(--dark-border);color:var(--panel)}
.search{background:var(--ivory);border:1px solid var(--line);border-radius:24px;padding:10px 14px;color:var(--gold-dark)}
.search input{background:transparent;border:0;border-radius:0;padding:0;color:var(--ink);font-weight:400;box-shadow:none}
.search input::placeholder{color:var(--on-light-secondary);opacity:1}.search:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.search kbd{color:var(--gold-dark);border-color:var(--line)}
.top-divider{background:var(--dark-border)}.top-actions .icon-button{color:var(--gold)}.unread{background:var(--gold-light);border-color:var(--sidebar)}
.demo-tag{background:var(--bg);border:1px solid var(--dark-border);color:var(--muted)}
.mobile-menu{color:var(--gold)}
.btn{background:var(--ivory);color:var(--ink);border-color:var(--line);border-radius:999px;padding:10px 17px;font-weight:500;transition:background .15s,border-color .15s}
.btn:hover{background:var(--panel);filter:none;border-color:var(--gold)}
.btn.primary,.welcome .btn{background:var(--button-gradient);color:var(--ink);border:1px solid var(--gold);border-radius:999px}
.btn.primary:hover,.welcome .btn:hover{background:var(--button-hover);filter:none}
.btn.sm{border-radius:999px}.text-link{color:var(--gold-dark)}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.view-switch{background:var(--sidebar);border:1px solid var(--dark-border);border-radius:999px;padding:3px}
.view-switch button{border-radius:999px;color:var(--muted);font-weight:500}.view-switch button.on{background:var(--button-gradient);color:var(--ink);box-shadow:none}
.welcome{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
.welcome h2{color:var(--ink)}.welcome p{color:var(--on-light-secondary)}.welcome .orb{border-color:var(--line)}
.panel,.metric,.card,.modal{background:var(--panel);color:var(--ink);border-color:var(--line)}
.panel-head h2,.card h3,.modal h2,.metric-value,.chart-summary strong,.calendar-title{color:var(--ink)}
.panel-head p,.card p,.metric-top,.metric-foot,.chart-summary small,.funnel-label span,.task-meta,.agenda-time,.agenda-sub,.client-mini small,.split-info,.notification-item small,.activity small,.task-title,.funnel-label{color:var(--on-light-secondary)}
.task-title{color:var(--ink)}
.panel .subtitle,.panel .eyebrow,.panel .required-note,.card .eyebrow,.modal .subtitle,.modal .required-note{color:var(--on-light-secondary)}
.metric-icon{background:var(--ivory);color:var(--gold-dark)}
.up{background:var(--ivory);color:var(--gold-dark)}
.legend{color:var(--on-light-secondary)}.legend span:before{background:var(--gold-dark)}.legend span:last-child:before{background:var(--line)}
.chart text{fill:var(--on-light-secondary)}
.bar-bg,.progress{background:var(--line)}.bar-fill,.progress i{background:var(--gold-dark)}
.funnel-note{background:var(--ivory);border-color:var(--line);color:var(--on-light-secondary)}.funnel-note strong{color:var(--gold-dark)}
.task-row,.agenda-row,.client-mini,.panel-footer,.activity,.settings-row,.notification-item,td{border-color:var(--line)}
.panel-footer,.client-mini .dot{color:var(--gold-dark)}.client-mini .dot,.agenda-line{background:var(--gold-dark)}
.check{border-color:var(--gold-dark);background:var(--ivory)}.check:checked{background:var(--gold-dark);border-color:var(--gold-dark)}.check:checked:after{color:var(--ivory)}
.done .task-title{color:var(--on-light-secondary)}
.client-logo,.integration-icon,.pill,.pill.amber,.pill.blue,.pill.red,.tag-client{background:var(--ivory);color:var(--gold-dark);border:1px solid var(--line)}
th{background:var(--ivory);color:var(--on-light-secondary);border-color:var(--line)}td{color:var(--ink)}
.field,input[type=text],input[type=email],input[type=number],input[type=datetime-local],input[type=date],input[type=url],select,textarea{background:var(--ivory);color:var(--ink);border-color:var(--line);border-radius:10px;font-weight:400}
input::placeholder,textarea::placeholder{color:var(--on-light-secondary);opacity:1}
input:focus,textarea:focus,select:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent)}
.search input{background:transparent;border:0;padding:0;box-shadow:none}
.toolbar label{color:var(--muted)}.toolbar select{margin-left:6px}
.modal label,.email-editor label,.settings-row p,.settings-row h3{color:var(--on-light-secondary)}
.section-note{background:var(--panel);border-color:var(--line);color:var(--gold-dark)}
.empty{color:var(--on-light-secondary)}
.kanban-col{background:var(--panel);border-color:var(--line);color:var(--ink)}
.kanban-col.dragover{border-color:var(--gold)}
.col-head{color:var(--ink)}.col-head span{background:var(--ivory);color:var(--gold-dark)}.col-head button{color:var(--gold-dark)}
.deal{background:var(--ivory);border-color:var(--line);box-shadow:none}.deal h3,.deal-footer{color:var(--ink)}.deal p{color:var(--on-light-secondary)}.deal-footer{border-color:var(--line)}
.column-add{border-color:var(--line);color:var(--gold-dark);border-radius:999px}
.calendar-week,.cal-day{border-color:var(--line);color:var(--on-light-secondary)}
.cal-day.today{background:var(--button-gradient);color:var(--ink);border-radius:18px}
.cal-day.today:hover{background:var(--button-hover)}
.cal-event{background:var(--ivory);color:var(--gold-dark);border-color:var(--gold-dark);border-radius:7px}
.toggle{background:var(--line)}.toggle:after{background:var(--ivory)}.toggle.on{background:var(--gold-dark)}
.email-preview{background:var(--line)}.email-preview article{background:var(--ivory);color:var(--ink)}
.search-answer{background:var(--ivory);color:var(--ink);border:1px solid var(--line)}
.preview-banner{background:var(--sidebar);border-bottom:1px solid var(--dark-border);color:var(--gold-light)}.preview-banner button{color:var(--panel)}
#toast{background:var(--gold-light);color:var(--ink);border:1px solid var(--gold)}
.modal-backdrop{background:#20212499}.modal{box-shadow:0 25px 80px #20212440}
.status:before{background:var(--gold)}
.nav{scrollbar-width:thin;scrollbar-color:var(--gold-dark) var(--sidebar)}
@media(max-width:680px){.topbar{height:66px}.sidebar .brand img.logo-word{width:157px}.search{min-width:0;padding:9px 11px}.content{overflow:hidden}.head-actions .btn{font-size:10px}.btn{padding:10px 14px}}
.metric-value,.chart-summary strong{font-family:Manrope,Arial,sans-serif;font-weight:500}.group-btn>svg{color:var(--gold)}

/* Compact workspace density, shared across all sections. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar{padding:18px 12px 12px}.brand{padding:0 9px 17px}
.workspace-switcher{margin:0 7px 12px;flex-shrink:0}
.workspace-switcher select{width:100%;margin:0;background:var(--bg);color:var(--panel);border:1px solid var(--dark-border);border-radius:8px;font-size:11px;padding:9px 10px;cursor:pointer;color-scheme:dark}
.workspace-switcher select:focus{border-color:var(--gold)}
.workspace-switcher option,.workspace-switcher optgroup{background:var(--sidebar);color:var(--panel)}
.nav-label{margin:7px 12px;font-size:9px}.nav-group{margin-bottom:2px}
.group-btn{padding:8px 12px;gap:10px;font-size:12px;min-height:33px}
.group-btn .chev{transition:transform .15s}.group-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.subnav{padding:1px 0 3px 27px}.subnav button{padding:5px 10px;font-size:11px;min-height:26px;gap:10px}
.profile{padding:11px 9px 0;margin-top:9px}.profile small{margin-top:2px}
.topbar{height:64px;padding:0 24px;gap:16px}.search{padding:8px 12px}.top-actions{gap:13px}
.content{padding:19px 24px 18px}.breadcrumb{margin-bottom:12px;font-size:10px;gap:7px}
.page-head{margin-bottom:16px;gap:12px}h1{font-size:24px;line-height:1.3}.subtitle{margin-top:4px;line-height:1.5}
.head-actions{gap:7px}.btn{padding:8px 14px;gap:6px}.btn.sm{padding:6px 10px}.view-switch button{padding:6px 10px}
.welcome{padding:16px 19px;margin-bottom:15px}.welcome p{margin-top:5px;line-height:1.5}.welcome h2{font-size:16px}
.metrics{gap:12px;margin-bottom:15px}.metric{padding:13px 16px}.metric-value{font-size:25px;margin:4px 0 6px}.metric-icon{width:25px;height:25px}.metric-foot{line-height:1.4}
.dashboard-grid{gap:14px;margin-bottom:14px}.bottom-grid{gap:14px}.panel-head{padding:14px 16px 11px}.panel-head p{margin-top:4px}
.chart-summary{padding:0 16px 7px;gap:25px}.chart-summary strong{font-size:19px;margin-top:2px}.chart{padding:0 14px 7px}.chart svg{height:185px}
.funnel{padding:0 16px 12px}.funnel-row{margin:11px 0}.funnel-label{margin-bottom:6px}.funnel-note{margin-top:13px;padding:9px}
.task-row{padding:9px 16px;gap:8px}.task-meta{margin-top:3px}.agenda-row{padding:9px 16px;gap:10px}.agenda-sub{margin-top:3px}.agenda-line{height:29px}
.client-mini{padding:9px 16px}.client-mini small{margin-top:3px}.panel-footer{padding:9px 16px}.footer{margin-top:18px}
.toolbar{gap:8px;margin-bottom:13px}.cards{gap:13px}.card{padding:16px}.card h3{margin:9px 0 5px}.card .btn{margin-top:12px}.card p{line-height:1.6}
.section-note{padding:9px 13px;margin-bottom:14px}.empty{padding:23px}
th{padding:10px 16px}td{padding:12px 16px}.table-wrap .subtitle{margin-top:2px}
.field,input[type=text],input[type=email],input[type=number],input[type=datetime-local],input[type=date],input[type=url],select,textarea{padding:8px 10px}
.search input{padding:0}.two-col{gap:15px}.email-editor{padding:17px;gap:12px}.email-editor label{gap:6px}.email-preview{padding:23px}.email-preview article{padding:23px}
.kanban{gap:12px;min-height:270px;padding-bottom:12px}.kanban-col{padding:10px}.col-head{padding-bottom:10px}.deal{padding:12px;margin-bottom:8px}.deal h3{margin:7px 0 5px}.deal-footer{padding-top:8px;margin-top:9px}.column-add{padding:7px}
.cal-day{min-height:82px;padding:8px}.calendar-week{padding:10px}.cal-event{margin-top:5px;padding:5px}
.settings-row{padding:13px 16px}.settings-row p{margin-top:3px}.activity{padding:12px 16px}.notification-item{padding:12px 15px}
.progress{margin:11px 0 6px}.split-info{margin-top:12px}.integration-icon{width:35px;height:35px;font-size:20px}
.modal{padding:23px}.modal-header{margin-bottom:16px}.modal form{gap:12px}.modal label{gap:5px}.modal-actions{margin-top:8px}.preview-banner{padding:7px 24px}
@media(min-width:1600px){.content{padding-top:22px}.chart svg{height:200px}.task-row,.agenda-row,.client-mini{padding-top:10px;padding-bottom:10px}}
@media(max-width:1200px){.content{padding:18px}.topbar{padding:0 18px}.metric{padding:12px}.metrics{gap:10px}}
@media(max-width:900px){.chart svg{height:195px}.dashboard-grid{gap:13px}.two-col{gap:13px}}
@media(max-width:680px){.sidebar{padding-top:16px}.topbar{height:58px;padding:0 14px;gap:10px}.top-actions{gap:7px}.search{padding:8px 10px}.content{padding:16px 14px}.page-head{margin-bottom:14px}h1{font-size:22px}.head-actions{margin-top:11px;gap:6px}.welcome{padding:14px}.welcome .btn{padding:8px 11px}.metrics{gap:9px}.metric{padding:12px}.metric-value{font-size:23px}.chart svg{height:180px}.bottom-grid{gap:13px}.group-btn{min-height:35px}.subnav button{min-height:30px;padding-top:6px;padding-bottom:6px}.calendar-grid{min-width:590px}.cal-day{min-height:75px}.preview-banner{padding:7px 14px}.btn{padding:8px 12px}.modal{padding:19px}.email-preview{padding:16px}.footer{margin-top:15px}}

/* Mobile navigation, readable forms, touch CRM and stacked data tables. */
.nav-backdrop,.drawer-close,.mobile-brand,.mobile-hint,.cal-count{display:none}
.cal-date{padding:0;font-size:inherit;color:inherit;text-align:left}
[hidden]{display:none!important}.main,.panel,.card,.two-col>*{min-width:0}
@media(max-width:900px){
 .layout{display:block}.main{width:100%}.sidebar{width:min(300px,88vw);height:100dvh;transform:translateX(-100%);transition:transform .2s ease;z-index:60;box-shadow:var(--shadow);padding-bottom:max(14px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 body.nav-open{overflow:hidden}body.nav-open .sidebar{transform:translateX(0)}
 body.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:#20212499;backdrop-filter:blur(2px);z-index:50}
 .drawer-close{display:flex;align-items:center;justify-content:center;position:absolute;right:7px;top:5px;width:40px;height:40px;color:var(--gold);border-radius:50%;background:var(--sidebar)}
 .sidebar .brand{padding-right:35px;gap:7px}.sidebar .brand img.logo-word{width:145px}.sidebar .brand img:first-child{width:29px;height:29px}
 .workspace-switcher select{font-size:16px;padding:10px}.nav{overscroll-behavior:contain}.group-btn{min-height:40px}.subnav button{min-height:36px;font-size:12px}
 .topbar{position:sticky;top:0;z-index:35;min-height:64px;height:auto;padding:8px 16px;gap:10px}
 .mobile-menu{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--dark-border);border-radius:10px}
 .top-actions{gap:4px;flex-shrink:0}.icon-button{width:44px;height:44px}.unread{right:12px;top:10px}.top-divider,.top-actions .avatar,.demo-tag{display:none}
 .content{max-width:100%;padding:17px}.dashboard-grid,.two-col{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .head-actions{flex-wrap:wrap;gap:8px}.btn{min-height:40px}.btn.sm{min-height:36px}.toolbar{flex-wrap:wrap}.toolbar>input,.toolbar>select{max-width:100%;min-width:0}.toolbar input{flex:1 1 180px}.toolbar label{max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.toolbar label select{margin-left:0;min-width:0}
 input:not([type=checkbox]),select,textarea{font-size:16px;max-width:100%;min-width:0}.email-editor input,.email-editor select,.email-editor textarea,.modal input,.modal select,.modal textarea{width:100%}.search{min-width:0;max-width:none}.search input{font-size:16px;min-width:0}.search kbd{display:none}
 .kanban{scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding:1px;max-width:100%;min-height:0;align-items:flex-start;padding-bottom:14px}.kanban-col{width:290px;min-width:290px;scroll-snap-align:start}.deal{cursor:default}.deal .text-link{min-height:36px}.column-add{min-height:40px}.mobile-hint{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:10px}
 .modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);width:540px;padding:20px;overscroll-behavior:contain}.modal.wide{width:760px}.modal form{gap:13px}.modal-actions{position:sticky;bottom:-20px;background:var(--panel);padding:12px 0;margin-top:0}.modal-actions .btn{min-height:44px}.modal-header h2{font-size:19px}.modal-header>button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
 .task-row{align-items:center}.check{width:20px;height:20px;margin:0}.check:checked:after{font-size:14px}.task-title,.agenda-title{font-size:12px}.task-meta,.agenda-sub{font-size:10px}.task-row>div,.agenda-row>div{min-width:0}.task-title,.agenda-title,.client-mini strong,.card h3{overflow-wrap:anywhere}
 .preview-banner{gap:10px;line-height:1.5}.preview-banner button{flex-shrink:0;min-height:36px}.footer{flex-wrap:wrap;gap:7px;padding-bottom:env(safe-area-inset-bottom)}
 #toast{max-width:calc(100vw - 28px);width:max-content;text-align:center;bottom:max(18px,env(safe-area-inset-bottom));line-height:1.5}
}
@media(max-width:600px){
 .topbar{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 10px;padding:8px 12px}.mobile-brand{display:flex;align-items:center}.mobile-brand img{width:125px;max-width:100%;height:auto}.top-actions{grid-column:3;grid-row:1}.search{grid-column:1/-1;grid-row:2;margin:0 0 2px;padding:10px 12px}.topbar>.eyebrow{grid-column:1/-1;grid-row:2;font-size:9px;padding:0 0 6px 2px}
 .content{padding:15px 12px;overflow:visible}.breadcrumb{flex-wrap:wrap;font-size:10px;gap:5px}.page-head{display:block}h1{font-size:22px;overflow-wrap:anywhere}.subtitle{font-size:12px;line-height:1.6}.head-actions{justify-content:flex-start;margin-top:12px}.head-actions .btn{font-size:11px;white-space:normal}.head-actions .view-switch{max-width:100%}.view-switch button{min-height:36px;font-size:11px;padding:6px 10px}
 .welcome{display:block;padding:15px}.welcome .btn{margin-top:12px;min-height:40px;font-size:11px}.welcome h2{font-size:16px}.welcome p{font-size:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:12px}.metric-top{font-size:10px;gap:5px;line-height:1.4}.metric-icon{width:23px;height:23px;flex-shrink:0}.metric-value{font-size:23px;overflow-wrap:anywhere;letter-spacing:-.8px}.metric-foot{flex-wrap:wrap;font-size:9px}.metric .up{font-size:9px}
 .cards,.bottom-grid{grid-template-columns:1fr}.bottom-grid>.panel:last-child{grid-column:auto}.panel-head{flex-wrap:wrap;padding:13px 14px 10px}.panel-head h2{font-size:13px}.panel-head p{font-size:11px;line-height:1.5}.legend{font-size:10px}.chart-summary{flex-wrap:wrap;padding:0 14px 8px;gap:20px}.chart svg{height:auto;min-height:150px;display:block}.chart text{font-size:11px}
 .table-wrap{overflow:visible;background:transparent;border:0}.table-wrap table,.table-wrap tbody{display:block;width:100%}.table-wrap table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.table-wrap tbody tr{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:7px 12px}.table-wrap td{display:grid;grid-template-columns:minmax(85px,34%) minmax(0,1fr);align-items:center;gap:9px;padding:8px 0;border:0;font-size:12px;overflow-wrap:anywhere}.table-wrap td:before{content:attr(data-label);color:var(--on-light-secondary);font-size:10px;line-height:1.5}.table-wrap td:first-child{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:3px}.table-wrap td:last-child{padding-bottom:7px}.table-wrap .client-name{min-width:0;gap:8px}.table-wrap .client-name>div{min-width:0}.table-wrap .text-link{justify-self:start;min-height:36px}.panel:has(>.panel-head) .table-wrap{padding:0 12px}.table-wrap .btn{white-space:normal;min-height:40px}.table-wrap .subtitle{font-size:11px!important}
 .calendar-grid{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week{font-size:10px;padding:9px 1px}.cal-day{min-height:64px;padding:2px;text-align:center}.cal-date{width:100%;min-height:35px;text-align:center;font-size:12px;border-radius:10px}.cal-count{display:block;height:16px;color:var(--gold-dark);font-size:10px}.cal-day .cal-event{display:none}.cal-day.today{border-radius:10px}.calendar-title{font-size:14px}.cal-date:hover{background:color-mix(in srgb,var(--gold) 25%,transparent)}
 .kanban-col{width:calc(100vw - 65px);min-width:calc(100vw - 65px);max-width:320px}.toolbar>select{width:100%;flex-basis:100%}.form-inline{flex-direction:column}.email-editor{padding:15px;gap:13px}.email-preview{padding:14px}.email-preview article{padding:20px}.email-preview article img{max-width:100%}.permission-grid{grid-template-columns:1fr}.permission-grid label{min-height:36px}
 .modal-backdrop{align-items:center;padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:12px;padding:17px}.modal-actions{bottom:-17px;gap:8px}.modal-actions .btn{flex:1}.modal label{font-size:12px}.modal h2{font-size:19px}.modal textarea{min-height:130px}.modal .settings-row{gap:9px;padding:11px 0}.modal .settings-row strong{font-size:12px;overflow-wrap:anywhere}.modal .client-logo{flex-shrink:0}
 .settings-row{padding:13px 14px}.settings-row h3{font-size:12px}.settings-row p{line-height:1.6}.toggle{width:44px;height:28px;padding:7px 6px}.toggle.on:after{transform:translateX(18px)}.task-row,.agenda-row,.client-mini{padding:11px 14px}.agenda-row{gap:8px}.agenda-row .avatar{display:none}.task-title{line-height:1.6}.task-row .pill{font-size:9px}.task-row .check{flex-shrink:0}.task-meta,.agenda-sub{line-height:1.6}.notification-item{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Slim layout: use space for content rather than decoration. */
.content{max-width:none;padding:13px 18px 12px}.breadcrumb{margin-bottom:8px;font-size:10px}
.page-head{margin-bottom:11px;gap:10px}h1{font-size:21px;line-height:1.3;letter-spacing:-.6px}.subtitle{font-size:11px;margin-top:3px;line-height:1.5}
.head-actions{gap:6px}.btn{padding:6px 12px;min-height:30px;font-size:11px}.btn.sm{padding:5px 9px;min-height:28px}.view-switch{padding:2px}.view-switch button{padding:5px 9px}
.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,46%) minmax(0,1fr);height:54px;min-height:54px;padding:0 18px;gap:12px}
.topbar>.search{grid-column:2;grid-row:1;width:100%;max-width:510px;justify-self:center;margin:0;padding:8px 12px}.topbar>.eyebrow{grid-column:2;grid-row:1;justify-self:center;white-space:nowrap}
.top-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0;gap:9px}.top-actions .icon-button{width:28px;height:30px}.theme-toggle{border:1px solid var(--dark-border);border-radius:50%;flex-shrink:0}.top-actions .demo-tag{display:none}
.welcome{padding:11px 14px;margin-bottom:10px}.welcome h2{font-size:15px}.welcome p{font-size:11px;margin-top:4px}.welcome .btn{min-height:31px}
.metrics{gap:10px;margin-bottom:10px}.metric{padding:10px 12px}.metric-value{font-size:23px;margin:3px 0 4px}.metric-icon{width:23px;height:23px}.metric-top{font-size:10px}.metric-foot{font-size:9px;gap:5px}.up{padding:2px 4px}
.dashboard-grid{gap:10px;margin-bottom:10px;align-items:start}.bottom-grid{gap:10px;align-items:start}.panel-head{padding:10px 13px 8px}.panel-head h2{font-size:12px}.panel-head p{font-size:10px;margin-top:3px}
.chart-summary{padding:0 13px 4px;gap:22px}.chart-summary strong{font-size:18px}.chart{padding:0 11px 4px}.chart svg{height:155px}.funnel{padding:0 13px 9px}.funnel-row{margin:8px 0}.funnel-label{font-size:10px;margin-bottom:5px}.bar-bg,.bar-fill{height:5px}.funnel-note{margin-top:9px;padding:7px 9px}
.task-row,.agenda-row,.client-mini{padding:8px 13px}.task-meta,.agenda-sub,.client-mini small{margin-top:2px}.agenda-line{height:26px}.task-row{gap:8px}.client-mini .client-logo{width:26px;height:26px}.panel-footer{padding:7px 13px}.footer{margin-top:12px}
.toolbar{margin-bottom:10px;gap:7px}.cards{gap:10px;align-items:start}.card{padding:12px 14px}.card h3{margin:7px 0 4px;font-size:13px}.card p{line-height:1.5}.card .btn{margin-top:9px}.integration-icon{width:30px;height:30px;font-size:18px}.split-info{margin-top:9px}.progress{margin:9px 0 5px;height:4px}
.section-note{padding:7px 11px;margin-bottom:10px;font-size:10px;line-height:1.5}.section-stack{margin-top:12px}.empty{padding:16px 13px}
th{padding:8px 13px}td{padding:9px 13px}.table-wrap .subtitle{margin-top:2px}.table-wrap .client-logo,.table-wrap .avatar{width:27px;height:27px}
.settings-row{padding:10px 13px;gap:12px}.settings-row p{margin-top:3px}.activity{padding:9px 13px;font-size:11px}.notification-item{padding:10px 13px}.search-answer{padding:13px;font-size:12px;line-height:1.7}
.field,input[type=text],input[type=email],input[type=number],input[type=datetime-local],input[type=date],input[type=url],select,textarea{padding:7px 9px}.search input{padding:0}.two-col{gap:11px;align-items:start}.email-editor{padding:13px;gap:9px}.email-editor label{gap:5px}textarea{min-height:95px}.email-preview{padding:16px}.email-preview article{padding:20px}
.kanban{gap:10px;min-height:0;align-items:flex-start;padding-bottom:9px}.kanban-col{padding:8px;width:240px;min-width:240px}.col-head{padding:1px 0 8px;font-size:11px}.deal{padding:10px;margin-bottom:7px}.deal h3{margin:5px 0 4px}.deal-footer{margin-top:7px;padding-top:7px}.deal .text-link{margin-top:5px!important}.column-add{padding:6px}.kanban-col.dragover{border-width:1px}
.cal-day{min-height:62px;padding:5px}.calendar-week{padding:7px;font-size:10px}.cal-event{padding:4px;margin-top:4px}.calendar-title{font-size:14px}
.modal{padding:19px}.modal-header{margin-bottom:12px}.modal form{gap:10px}.modal-actions{margin-top:6px}.modal label{gap:5px}.profile{padding-top:9px}.sidebar .group-btn{padding-top:6px;padding-bottom:6px;min-height:29px}.sidebar .subnav button{padding-top:4px;padding-bottom:4px;min-height:24px}.sidebar .nav-label{margin-top:5px;margin-bottom:6px}
@media(min-width:1600px){.content{padding-top:15px}.chart svg{height:165px}.task-row,.agenda-row,.client-mini{padding-top:8px;padding-bottom:8px}}
@media(min-width:901px) and (max-width:1100px){.top-actions .avatar,.top-divider{display:none}.topbar{gap:9px}.top-actions{gap:7px}}
@media(max-width:900px){
 .content{padding:13px 15px}.topbar{grid-template-columns:44px minmax(0,1fr) auto;height:auto;min-height:60px;padding:7px 12px;gap:8px}.topbar>.search{grid-column:2;grid-row:1;max-width:510px;min-width:0}.top-actions{grid-column:3;gap:2px}.top-actions .icon-button{width:40px;height:40px}.theme-toggle{border-color:transparent}.topbar>.eyebrow{grid-column:2;grid-row:1}.mobile-menu{width:40px;height:40px}
 .head-actions .btn,.btn{min-height:38px}.btn.sm{min-height:34px}.sidebar .group-btn{min-height:38px;padding-top:7px;padding-bottom:7px}.sidebar .subnav button{min-height:34px;padding-top:6px;padding-bottom:6px}.sidebar .workspace-switcher select{padding:9px 10px}.sidebar .brand{padding-bottom:13px}.sidebar .workspace-switcher{margin-bottom:9px}
 input:not([type=checkbox]),select,textarea{font-size:16px;padding:8px 10px}.search input{padding:0}.chart svg{height:165px}.kanban-col{width:270px;min-width:270px}.deal .text-link{min-height:34px}.column-add{min-height:38px}.mobile-hint{margin-bottom:7px;font-size:10px}.modal{padding:18px}.modal-actions{bottom:-18px;padding:10px 0;margin-top:0}.modal form{gap:11px}.modal textarea{min-height:110px}
}
@media(max-width:600px){
 .topbar{grid-template-columns:40px minmax(0,1fr) auto;gap:5px 6px;padding:6px 10px}.topbar>.search{grid-column:1/-1;grid-row:2;width:100%;max-width:510px;justify-self:center;padding:8px 11px;margin:0 0 2px}.topbar>.eyebrow{grid-column:1/-1;grid-row:2;font-size:9px;padding-bottom:3px}.mobile-brand img{width:110px}.top-actions{grid-column:3;grid-row:1}.top-actions .icon-button{width:38px;height:40px}.unread{right:9px;top:9px}
 .content{padding:12px 10px}.breadcrumb{margin-bottom:7px}.page-head{margin-bottom:10px}h1{font-size:20px}.subtitle{font-size:11px;line-height:1.5}.head-actions{margin-top:9px;gap:6px}.head-actions .btn{min-height:38px}.view-switch button{min-height:34px;font-size:10px}.welcome{padding:11px 12px}.welcome h2{font-size:14px}.welcome p{font-size:11px}.welcome .btn{margin-top:8px;min-height:38px}
 .metrics{gap:8px}.metric{padding:10px}.metric-value{font-size:22px}.metric-icon{width:21px;height:21px}.panel-head{padding:10px 12px 8px}.chart svg{height:auto;min-height:130px}.chart-summary{padding:0 12px 5px;gap:18px}.chart-summary strong{font-size:18px}.bottom-grid,.dashboard-grid,.cards{gap:9px}.task-row,.agenda-row,.client-mini{padding:9px 12px}.task-title,.agenda-title{font-size:11px}.task-meta,.agenda-sub{font-size:10px}.card{padding:12px}.card p{font-size:11px}
 .table-wrap tbody tr{padding:5px 11px;margin-bottom:8px}.table-wrap td{padding:6px 0;gap:8px;font-size:11px}.table-wrap td:first-child{padding-bottom:8px;margin-bottom:2px}.table-wrap .btn{min-height:38px}.table-wrap td:last-child{padding-bottom:5px}.toolbar{gap:7px;margin-bottom:9px}
 .cal-day{min-height:54px;padding:1px}.cal-date{min-height:31px}.cal-count{height:14px}.calendar-week{padding:7px 1px}.kanban-col{width:calc(100vw - 56px);min-width:calc(100vw - 56px);max-width:300px}.kanban{gap:9px}.email-editor{padding:12px;gap:10px}.email-preview{padding:12px}.email-preview article{padding:17px}.settings-row{padding:10px 12px}.section-note{font-size:10px;line-height:1.6}.footer{margin-top:11px}.section-stack{margin-top:10px}.modal{padding:16px}.modal-actions{bottom:-16px}.modal-actions .btn{min-height:42px}.modal-header h2{font-size:18px}
}

/* Light workspace. Sidebar tokens and styling deliberately stay unchanged. */
body[data-theme=light]{background:var(--ivory)}
body[data-theme=light] .main{--bg:#FBFAF6;--muted:color-mix(in srgb,#252629 72%,#F5F4F0);background:var(--ivory);color:var(--ink)}
body[data-theme=light] .main h1{color:var(--ink)}
body[data-theme=light] .topbar{background:var(--panel);color:var(--ink);border-color:var(--line)}
body[data-theme=light] .topbar .search{background:var(--ivory);border-color:var(--line)}
body[data-theme=light] .top-actions .icon-button,body[data-theme=light] .mobile-menu{color:var(--gold-dark)}
body[data-theme=light] .mobile-menu,body[data-theme=light] .theme-toggle{border-color:var(--line)}
body[data-theme=light] .top-divider{background:var(--line)}
body[data-theme=light] .unread{background:var(--gold-dark);border-color:var(--panel)}
body[data-theme=light] .view-switch{background:var(--panel);border-color:var(--line)}
body[data-theme=light] .view-switch button{color:var(--muted)}
body[data-theme=light] .view-switch button.on{color:var(--ink)}
body[data-theme=light] .preview-banner{background:var(--panel);border-color:var(--line);color:var(--gold-dark)}
body[data-theme=light] .preview-banner button{color:var(--ink)}
body[data-theme=light] .status:before{background:var(--gold-dark)}
body[data-theme=light] .main .panel,body[data-theme=light] .main .card,body[data-theme=light] .main .metric{box-shadow:none}

/* CRM: narrow stages, essential cards and inline configuration. */
.crm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.crm-pipeline-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.crm-pipeline-tools select{width:auto;max-width:260px;min-width:160px}
.crm-totals{margin-left:auto;white-space:nowrap;font-size:9px}.crm-settings-toggle{gap:6px}.crm-settings-toggle[aria-expanded=true]{border-color:var(--gold);background:var(--button-gradient);color:var(--ink)}
.crm-settings{margin:0 0 11px}.crm-settings .panel-head{padding-bottom:7px}.crm-settings .panel-head p{max-width:800px;line-height:1.5}.crm-settings .icon-button{width:28px;height:28px;color:var(--gold-dark)}
.crm-field-options{display:flex;flex-wrap:wrap;gap:7px 20px;padding:0 13px 10px}.crm-field-options label{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-size:11px;min-height:25px;cursor:pointer}.crm-field-options small{font-size:9px;color:var(--on-light-secondary)}
.crm-field-options input{accent-color:var(--gold-dark);width:14px;height:14px;margin:0}.crm-field-options input:disabled{opacity:.6}.crm-settings-foot{border-top:1px solid var(--line);font-size:9px;color:var(--on-light-secondary);padding:7px 13px}
.crm-board{gap:8px;align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent;padding-top:1px;padding-bottom:10px}
.crm-board .kanban-col{box-sizing:border-box;width:176px;min-width:176px;max-width:176px;padding:7px;background:var(--column-bg,var(--panel));border:1px solid var(--column-border,var(--line));border-radius:8px;flex:0 0 176px}
.crm-board .col-head{display:flex;align-items:flex-start;gap:3px;padding:0 0 7px;cursor:default;min-height:26px}
.col-drag-title{display:flex;align-items:center;gap:5px;flex:1;min-width:0;cursor:grab;padding-top:3px}.col-drag-title strong{font-size:10px;line-height:1.5;font-weight:500;overflow-wrap:anywhere}.col-drag-title>span{font-size:8px;padding:1px 4px;flex-shrink:0;background:var(--ivory);border-radius:3px;color:var(--gold-dark)}
.crm-board .col-head .column-menu-trigger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:23px;height:23px;padding:0;margin:0;border-radius:5px;color:var(--gold-dark);font-size:17px;line-height:1;letter-spacing:1px}.column-menu-trigger:hover,.column-menu-trigger[aria-expanded=true]{background:var(--ivory)}
.crm-board .deal{padding:9px 8px;margin:0 0 7px;background:var(--ivory);border:1px solid color-mix(in srgb,var(--column-border) 72%,var(--ivory));border-radius:6px;box-shadow:none;overflow-wrap:anywhere}
.crm-board .deal h3{margin:0 0 4px;font-size:11px;line-height:1.45;font-family:'DM Sans',Arial,sans-serif;font-weight:600!important;letter-spacing:0;color:var(--ink)}
.crm-board .deal .deal-phone{font-size:10px;line-height:1.5;color:var(--on-light-secondary);margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.deal-detail{margin-top:7px;padding-top:6px;border-top:1px solid var(--line)}.deal-detail>span{display:block;font-size:8px;color:var(--on-light-secondary);margin-bottom:2px}.crm-board .deal-detail p{font-size:10px;line-height:1.5;color:var(--ink);margin:0;white-space:pre-wrap}
.crm-board .deal .deal-open{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:9px;margin-top:7px!important;padding:4px 0 0;line-height:1.5;min-height:0;color:var(--gold-dark)}
.crm-board .column-add{padding:6px 4px;min-height:27px;font-size:9px;line-height:1.4;color:var(--gold-dark);border-color:var(--column-border);background:color-mix(in srgb,var(--ivory) 45%,transparent)}
.crm-board .crm-add-stage{align-self:flex-start;min-width:95px;font-size:10px;padding:6px 10px;min-height:29px;flex-shrink:0}
.crm-column-dropdown{position:fixed;z-index:90;background:var(--ivory);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 35px #20212426;color:var(--ink);padding:12px;max-height:calc(100dvh - 20px);overflow:auto}
.crm-column-dropdown form{display:flex;align-items:flex-end;gap:6px}.crm-column-dropdown label{display:flex;flex-direction:column;gap:5px;font-size:10px;flex:1;min-width:0;color:var(--on-light-secondary)}.crm-column-dropdown input{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:7px 8px;font:inherit;font-size:12px;color:var(--ink)}.crm-column-dropdown .btn{border-radius:6px;min-height:30px;padding:6px 8px;font-size:10px}
.dropdown-divider{height:1px;background:var(--line);margin:11px 0}.dropdown-label{font-size:10px;color:var(--on-light-secondary);margin-bottom:8px}.crm-color-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.crm-color-swatch{height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--swatch-border);background:var(--swatch);color:var(--ink)}.crm-color-swatch.selected{outline:2px solid var(--gold-dark);outline-offset:1px}.crm-color-swatch:hover{outline:1px solid var(--gold-dark);outline-offset:1px}.dropdown-note{font-size:9px;color:var(--on-light-secondary);margin-top:11px;line-height:1.5}
input[type=tel]{border:1px solid var(--line);border-radius:10px;padding:7px 9px;background:var(--ivory);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px;outline:none}input[type=tel]:focus{border-color:var(--gold-dark);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 30%,transparent)}
@media(max-width:900px){.crm-board{scroll-snap-type:x proximity}.crm-board .kanban-col{width:184px;min-width:184px;max-width:184px;flex-basis:184px}.crm-board .col-head .column-menu-trigger{width:30px;height:30px}.col-drag-title{padding-top:6px}.crm-board .deal{padding:10px 8px}.crm-board .deal h3{font-size:12px}.crm-board .deal .deal-phone{font-size:11px}.crm-board .deal .deal-open{font-size:10px;min-height:32px;margin-top:4px!important}.crm-board .column-add{min-height:34px;font-size:10px}.crm-board .crm-add-stage{min-height:36px}.crm-field-options{gap:5px 15px}.crm-field-options label{min-height:34px}.crm-field-options input{width:17px;height:17px}.crm-pipeline-tools{gap:6px}.crm-pipeline-tools select{max-width:280px;font-size:14px}.crm-column-dropdown input,input[type=tel]{font-size:16px;padding:8px}.crm-column-dropdown .btn{min-height:36px}.crm-color-swatch{height:36px}}
@media(max-width:600px){.crm-pipeline-tools{width:100%}.crm-pipeline-tools select{max-width:none;width:100%;flex:1 1 100%}.crm-pipeline-tools>.btn{min-height:34px;padding:6px 10px;font-size:10px}.crm-totals{margin-left:0;white-space:normal}.crm-field-options{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:0 12px 8px}.crm-field-options label{font-size:10px;line-height:1.5;flex-wrap:wrap}.crm-field-options small{display:none}.crm-board .kanban-col{width:180px;min-width:180px;max-width:180px;flex-basis:180px}.crm-settings .panel-head{align-items:flex-start}.crm-settings .panel-head p{max-width:230px}.crm-settings-foot{line-height:1.5}}

/* Lead details stay beside the board instead of opening a modal. */
.crm-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start;min-width:0}
.crm-workspace.has-lead{grid-template-columns:minmax(0,1fr) clamp(320px,25vw,380px)}
.crm-board-area{min-width:0}.crm-board{max-width:100%}
.crm-board .deal{cursor:pointer;transition:border-color .15s,box-shadow .15s}.crm-board .deal:hover{border-color:var(--gold-dark);box-shadow:0 2px 6px #2021240d}.crm-board .deal.selected{border-color:var(--gold-dark);box-shadow:0 0 0 1px var(--gold-dark)}
.crm-board .deal:focus-visible{outline:2px solid var(--gold-dark);outline-offset:2px}
.lead-panel{position:sticky;top:66px;align-self:start;min-width:0;height:calc(100dvh - 200px);min-height:350px;max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;scroll-margin-top:65px;scrollbar-width:thin;scrollbar-color:var(--gold-dark) var(--panel)}
.lead-panel-head{display:flex;justify-content:space-between;gap:12px;padding:15px 15px 12px;border-bottom:1px solid var(--line)}
.lead-panel-head>div{min-width:0}.lead-kicker{display:block;font-size:8px;letter-spacing:1.2px;color:var(--gold-dark);margin-bottom:6px;font-weight:600}.lead-panel-head h2{font-size:18px;line-height:1.4;overflow-wrap:anywhere;color:var(--ink)}.lead-panel-head h2:focus{outline:none}.lead-panel-head p{font-size:10px;color:var(--on-light-secondary);line-height:1.6;margin-top:4px;overflow-wrap:anywhere}
.lead-panel-head>.icon-button{color:var(--gold-dark);width:30px;height:30px;flex-shrink:0;border-radius:50%;border:1px solid var(--line)}
.lead-form{display:flex;flex-direction:column;gap:12px;padding:14px 15px 0}.lead-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--on-light-secondary);min-width:0}.lead-form input,.lead-form select,.lead-form textarea{width:100%;min-width:0;max-width:100%;font-family:'DM Sans',Arial,sans-serif;font-size:12px;padding:8px 9px;line-height:1.5}.lead-form textarea{min-height:100px;resize:vertical}.lead-contact-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.lead-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lead-panel-actions{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:7px;background:var(--panel);border-top:1px solid var(--line);padding:10px 0 12px;margin-top:1px}.lead-panel-actions p{color:var(--on-light-secondary);font-size:9px;line-height:1.5}.lead-panel-actions .btn{min-height:34px;font-size:11px}
body[data-theme=light] .lead-panel{box-shadow:none}
@media(max-width:1100px){.crm-workspace.has-lead{grid-template-columns:minmax(0,1fr) 320px;gap:11px}}
@media(max-width:900px){.lead-panel{top:75px;max-height:calc(100dvh - 90px);height:calc(100dvh - 210px);scroll-margin-top:130px}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px}.lead-panel-head>.icon-button{width:38px;height:38px}.lead-form{gap:11px}.lead-panel-actions .btn{min-height:42px}.crm-board .deal{cursor:pointer}}
@media(max-width:700px){.crm-workspace.has-lead{grid-template-columns:minmax(0,1fr);gap:12px}.lead-panel{order:-1;position:static;height:auto;min-height:0;max-height:none;overflow:visible;scroll-margin-top:130px}.lead-panel-head{padding:13px}.lead-form{padding:12px 13px 0;gap:11px}.lead-panel-actions{position:static;padding-bottom:13px}.lead-contact-fields{gap:11px}.lead-panel-head h2{font-size:18px}.lead-pair{gap:9px}}
@media(prefers-reduced-motion:reduce){.crm-board .deal{transition:none}}

/* Pipeline settings use the same dock as lead details. */
.crm-settings-panel .lead-panel-head{padding:12px 13px 10px}.crm-settings-panel .lead-panel-head h2{font-size:16px}.crm-settings-body{padding:11px 12px}
.pipeline-lock-box{padding:10px;border:1px solid var(--line);background:var(--ivory);border-radius:7px}.pipeline-lock-box>label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink);cursor:pointer}.pipeline-lock-box input{margin:0;width:15px;height:15px;accent-color:var(--gold-dark)}.pipeline-lock-box svg{color:var(--gold-dark)}.pipeline-lock-box p{font-size:9px;line-height:1.6;color:var(--on-light-secondary);margin-top:6px}.pipeline-lock-box.is-locked{border-color:var(--gold-dark);background:color-mix(in srgb,var(--gold-light) 23%,var(--ivory))}
.pipeline-lock-toggle.is-locked{background:var(--button-gradient);color:var(--ink);border-color:var(--gold)}
.crm-settings-section{margin-top:14px}.crm-section-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.crm-section-title h3{font-size:12px;font-weight:600!important;font-family:'DM Sans',Arial,sans-serif}.crm-section-title>span{font-size:9px;color:var(--on-light-secondary)}.crm-section-help{font-size:9px;line-height:1.6;color:var(--on-light-secondary);margin:5px 0 8px}
.pipeline-stage-list{display:flex;flex-direction:column;gap:5px}.pipeline-stage-row{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 8px;background:var(--ivory);border:1px solid var(--line);border-radius:6px}.pipeline-stage-row>label{display:flex;align-items:center;gap:6px;flex:1;min-width:0;cursor:pointer}.pipeline-stage-row input{width:14px;height:14px;margin:0;accent-color:var(--gold-dark);flex-shrink:0}.stage-color-dot{width:9px;height:9px;border:1px solid;border-radius:50%;flex-shrink:0}.pipeline-stage-row strong{font-size:10px;line-height:1.5;overflow-wrap:anywhere;color:var(--ink)}.pipeline-stage-row.is-hidden strong{color:var(--on-light-secondary);text-decoration:line-through}.stage-row-count{font-size:9px;min-width:17px;text-align:center;color:var(--gold-dark);background:var(--panel);padding:2px 4px;border-radius:4px;flex-shrink:0}.stage-row-arrows{display:flex;gap:3px;flex-shrink:0}.stage-row-arrows button{width:24px;height:26px;border:1px solid var(--line);border-radius:4px;color:var(--gold-dark);background:var(--panel);font-size:15px}
button:disabled{cursor:not-allowed;opacity:.42;filter:none}.pipeline-stage-row input:disabled{cursor:not-allowed;opacity:.45}
.crm-settings-panel .crm-field-options{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.crm-settings-panel .crm-field-options label{font-size:10px;min-height:26px;gap:6px}
.unlock-confirm{margin-top:9px;padding:11px;border:1px solid var(--gold-dark);background:var(--ivory);border-radius:7px}.unlock-confirm h3{font-size:12px;line-height:1.5}.unlock-confirm p{font-size:10px;line-height:1.6;color:var(--on-light-secondary);margin-top:5px}.unlock-confirm>div{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.unlock-confirm .lead-kicker{font-size:8px;margin-bottom:5px}
.crm-board .col-head{min-height:29px;padding-bottom:8px;align-items:center}.col-drag-title{padding-top:0;gap:6px;align-items:center}.col-drag-title strong{font-size:12px;line-height:1.4;font-weight:600;color:var(--ink)}.col-drag-title>span{min-width:21px;min-height:21px;display:inline-flex;align-items:center;justify-content:center;padding:2px 5px;border:1px solid var(--column-border);background:var(--ivory);color:var(--ink);font-size:11px;font-weight:600;border-radius:5px}
.crm-hidden-stages{background:var(--panel);border:1px dashed var(--line);border-radius:7px;max-width:270px;font-size:11px;line-height:1.7}
/* Slim lead cards and compact editing controls. */
.crm-board .deal{padding:7px 8px;margin-bottom:6px}.crm-board .deal h3{margin-bottom:2px;line-height:1.4}.crm-board .deal .deal-phone{line-height:1.4}.deal-detail{margin-top:5px;padding-top:4px}
.lead-panel:not(.crm-settings-panel) .lead-panel-head{padding:11px 12px 9px}.lead-panel:not(.crm-settings-panel) .lead-kicker{margin-bottom:4px}.lead-panel:not(.crm-settings-panel) .lead-panel-head h2{font-size:17px}.lead-panel:not(.crm-settings-panel) .lead-panel-head p{margin-top:3px;font-size:9px}.lead-form{gap:8px;padding:10px 12px 0}.lead-contact-fields{gap:8px}.lead-form label{gap:4px;font-size:10px}.lead-form input,.lead-form select,.lead-form textarea{padding:6px 8px;font-size:12px;line-height:1.4}.lead-form textarea{min-height:76px}.lead-pair{gap:8px}.lead-panel-actions{gap:5px;padding:8px 0 10px}.lead-panel-actions .btn{min-height:30px}.lead-panel-actions p{font-size:9px}
@media(max-width:900px){.col-drag-title strong{font-size:12px}.col-drag-title>span{min-width:23px;min-height:23px}.crm-board .deal{padding:8px}.lead-form input,.lead-form select,.lead-form textarea{font-size:16px;padding:7px 8px}.lead-form{gap:9px}.lead-panel-actions .btn{min-height:40px}.pipeline-stage-row{padding:7px}.stage-row-arrows button{width:29px;height:32px}.pipeline-stage-row input{width:17px;height:17px}.crm-settings-panel .crm-field-options label{min-height:31px}.pipeline-lock-box>label{min-height:28px}.unlock-confirm .btn{min-height:36px}}
@media(max-width:700px){.crm-settings-panel{scroll-margin-top:130px}.crm-settings-body{padding:11px 12px}.lead-form{padding:10px 12px 0}.lead-panel-actions{padding-bottom:12px}.pipeline-stage-row strong{font-size:11px}.crm-settings-panel .crm-field-options label{font-size:11px}}

/* Structure switch: ON enables stage editing after one confirmation. */
.pipeline-edit-switch{display:inline-flex;align-items:center;gap:9px;min-height:32px;padding:0;color:var(--ink);font-size:11px;cursor:pointer;background:transparent;border:0}
.pipeline-edit-switch>span:first-child{font-weight:600}.pipeline-edit-switch>strong{font-size:9px;min-width:22px;letter-spacing:.5px;color:var(--on-light-secondary)}
.pipeline-edit-switch.compact{border:1px solid var(--line);border-radius:999px;padding:5px 10px;gap:7px;background:var(--ivory);font-size:10px;min-height:30px}.pipeline-edit-switch.compact>span:first-child{font-weight:500}
.pipeline-switch-track{display:inline-flex;align-items:center;flex-shrink:0;width:32px;height:18px;padding:2px;border:1px solid var(--line);border-radius:999px;background:var(--line);transition:background .15s}.pipeline-switch-track i{display:block;width:12px;height:12px;border-radius:50%;background:var(--ivory);box-shadow:0 1px 2px #20212426;transition:transform .15s}.pipeline-switch-track.on{background:var(--button-gradient);border-color:var(--gold-dark)}.pipeline-switch-track.on i{transform:translateX(14px);background:var(--ink)}
.crm-stage-accordion{border:1px solid var(--line);border-radius:7px;background:var(--ivory);overflow:hidden}
.crm-stage-accordion>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:10px;font-size:11px;font-weight:600;color:var(--ink)}.crm-stage-accordion>summary::-webkit-details-marker{display:none}.crm-stage-accordion>summary>span:first-child{flex:1}.stage-summary-count{font-size:9px;color:var(--on-light-secondary);font-weight:400}.crm-stage-accordion>summary>svg{color:var(--gold-dark);transition:transform .15s}.crm-stage-accordion[open]>summary{border-bottom:1px solid var(--line)}.crm-stage-accordion[open]>summary>svg{transform:rotate(180deg)}.crm-stage-accordion>summary:focus-visible{outline:2px solid var(--gold-dark);outline-offset:-3px}
.crm-stage-content{padding:0 8px 8px}.crm-stage-content .crm-section-help{margin:7px 1px}.crm-stage-content .pipeline-stage-row{padding:7px 6px;gap:5px;background:var(--panel)}
.stage-grip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;min-height:23px;color:var(--gold-dark);cursor:grab;touch-action:none;user-select:none}.stage-grip[aria-disabled=true]{cursor:not-allowed;opacity:.4}.stage-grip:focus-visible{outline:2px solid var(--gold-dark);outline-offset:1px;border-radius:3px}
.pipeline-stage-row.stage-dragging{opacity:.5}.pipeline-stage-row.stage-drop-target{border-color:var(--gold-dark);box-shadow:inset 0 0 0 1px var(--gold-dark);background:color-mix(in srgb,var(--gold-light) 30%,var(--ivory))}.pipeline-stage-row[draggable=true]{cursor:grab}.pipeline-stage-row label{cursor:pointer}
@media(max-width:900px){.pipeline-edit-switch{min-height:38px}.pipeline-edit-switch.compact{min-height:38px}.pipeline-switch-track{width:36px;height:20px}.pipeline-switch-track i{width:14px;height:14px}.pipeline-switch-track.on i{transform:translateX(16px)}.crm-stage-accordion>summary{min-height:43px}.stage-grip{width:24px;min-height:32px}.crm-stage-content .pipeline-stage-row{padding:6px;min-height:40px}}

/* One lock control, inside CRM settings only. */
.pipeline-simple-lock{min-height:32px;font-size:11px;gap:7px}.pipeline-simple-lock[aria-pressed=true]{background:var(--button-gradient);border-color:var(--gold);color:var(--ink)}
.pipeline-lock-box{padding:9px 10px}.pipeline-lock-box p{margin-top:7px}
@media(max-width:900px){.pipeline-simple-lock{min-height:38px}}

/* Unlock confirmation expands inside the existing lock box. */
.pipeline-lock-box .unlock-confirm{margin:9px 0 0;padding:9px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}.pipeline-lock-box .unlock-confirm h3{font-size:11px}.pipeline-lock-box .unlock-confirm>div{margin-top:8px;gap:6px}.pipeline-lock-box .unlock-confirm p{margin-top:4px}

/* Pipeline metadata is edited in the existing CRM settings dock. */
.pipeline-meta-form{padding:10px}.pipeline-meta-form fieldset{display:flex;flex-direction:column;gap:9px;border:0;padding:0;margin:0;min-width:0}.pipeline-meta-form label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--on-light-secondary);min-width:0}.pipeline-meta-form input,.pipeline-meta-form select{width:100%;min-width:0;padding:7px 8px;font-size:12px;border:1px solid var(--line);border-radius:7px;background:var(--ivory);color:var(--ink)}.pipeline-meta-form .btn{margin-top:1px;align-self:flex-start}.pipeline-meta-note{font-size:9px;line-height:1.6;color:var(--on-light-secondary);margin-top:8px}.pipeline-meta-form fieldset:disabled{opacity:.6}
/* Email takes one compact line directly beneath the phone. */
.lead-form .lead-email-inline{display:flex;flex-direction:row;align-items:center;gap:7px;margin-top:-3px;min-height:25px;border-bottom:1px solid transparent}.lead-email-inline svg{color:var(--gold-dark);flex-shrink:0}.lead-form .lead-email-inline input{border:0;border-radius:0;background:transparent;padding:2px 0;min-height:22px;font-size:12px;color:var(--ink);box-shadow:none}.lead-form .lead-email-inline input:focus{box-shadow:none}.lead-form .lead-email-inline:focus-within{border-bottom-color:var(--gold-dark)}
.crm-board .deal .deal-email{font-size:10px;color:var(--on-light-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0}
@media(max-width:900px){.pipeline-meta-form input,.pipeline-meta-form select,.lead-form .lead-email-inline input{font-size:16px}.pipeline-meta-form fieldset{gap:10px}.pipeline-meta-form .btn{min-height:38px}.lead-form .lead-email-inline{min-height:31px}.crm-board .deal .deal-email{font-size:11px}}

/* Typed confirmation is required before deleting a pipeline. */
.crm-delete-section{margin-top:17px;padding:11px 0 1px;border-top:1px solid var(--line)}.crm-delete-section h3{font-size:11px;color:#9a3c32;font-family:'DM Sans',Arial,sans-serif;font-weight:600!important}.crm-delete-section>p{font-size:9px;line-height:1.7;color:var(--on-light-secondary);margin:6px 0 9px}.crm-delete-section form{display:flex;flex-direction:column;gap:7px;margin-top:8px}.crm-delete-section label{display:block;font-size:10px;color:var(--ink);line-height:1.6}.crm-delete-section input{display:block;width:100%;min-width:0;margin-top:5px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--ivory);color:var(--ink);font-size:12px}.crm-delete-section #pipeline-delete-help{font-size:9px;line-height:1.5;color:var(--on-light-secondary)}.pipeline-delete-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-top:2px}.btn.danger-outline{border-color:#be837c;color:#9a3c32;background:var(--ivory)}.btn.danger{background:#9a3c32;color:#FBFAF6;border-color:#9a3c32}.btn.danger:hover:not(:disabled){background:#812f27;border-color:#812f27}.btn.danger:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:900px){.crm-delete-section input{font-size:16px}.pipeline-delete-actions .btn,.crm-delete-section>.btn{min-height:38px}}

/* Radar workflow builder: left-to-right canvas and a configuration dock. */
.flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;flex-wrap:wrap}.flow-toolbar-start,.flow-toolbar-end{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.flow-toolbar-start select{max-width:330px;min-width:210px;font-size:11px}.flow-toolbar .pill{font-size:9px}.flow-toolbar-end .btn{min-height:30px}
.flow-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;min-width:0}.flow-workspace.with-panel{grid-template-columns:minmax(0,1fr) 340px}.flow-board-shell{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);color:var(--ink)}
.flow-board-top{display:flex;align-items:center;gap:12px;padding:9px 11px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--panel)}.flow-board-top>.view-switch{background:var(--ivory);border-color:var(--line)}.flow-board-top .view-switch button{color:var(--on-light-secondary);min-height:25px;font-size:10px}.flow-board-top .view-switch button.on{color:var(--ink)}.flow-board-top>span{font-size:9px;color:var(--on-light-secondary)}.flow-zoom{display:flex;align-items:center;gap:3px;margin-left:auto}.flow-zoom button{display:flex;align-items:center;justify-content:center;min-width:25px;height:26px;border:1px solid var(--line);border-radius:5px;background:var(--ivory);color:var(--gold-dark);font-size:10px;padding:0 6px}.flow-zoom button:first-child,.flow-zoom button:nth-child(3){font-size:16px}
.flow-board-hint{font-size:9px;color:var(--on-light-secondary);line-height:1.6;padding:7px 12px;background:var(--ivory);border-bottom:1px solid var(--line)}.flow-board-hint button{color:var(--gold-dark);text-decoration:underline;margin-left:7px}
.flow-viewport{height:calc(100dvh - 280px);min-height:390px;max-height:760px;overflow:auto;position:relative;background:var(--ivory);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:18px 18px;scrollbar-width:thin;scrollbar-color:var(--gold-dark) var(--ivory);cursor:grab;overscroll-behavior:contain}.flow-viewport.panning{cursor:grabbing;user-select:none}.flow-scaler{position:relative;min-width:100%;min-height:100%}.flow-canvas{position:absolute;left:0;top:0;transform-origin:0 0;isolation:isolate}.flow-links{position:absolute;inset:0;z-index:0;overflow:visible;pointer-events:none}.flow-edge{fill:none;stroke:#B8B6AF;stroke-width:1.8;pointer-events:stroke;cursor:pointer;transition:stroke .15s}.flow-edge:hover{stroke:var(--gold-dark);stroke-width:3}.flow-edge.tested{stroke:var(--gold-dark);stroke-width:3}.flow-links text{font-family:'DM Sans',Arial,sans-serif;fill:var(--gold-dark);font-size:10px;font-weight:600}
.flow-node{position:absolute;width:210px;min-height:124px;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 3px 12px #20212409;z-index:2;color:var(--ink)}.flow-node.selected{border-color:var(--gold-dark);box-shadow:0 0 0 1px var(--gold-dark)}.flow-node.dragging{z-index:8;box-shadow:0 8px 24px #20212426}.flow-node.tested{border-color:var(--gold-dark)}.flow-node-grip{display:flex;align-items:center;gap:7px;padding:7px 10px 5px;font-size:8px;color:var(--on-light-secondary);letter-spacing:1px;cursor:grab;touch-action:none;user-select:none}.flow-node-grip>svg:last-child:not(:first-child){margin-left:auto;color:var(--gold-dark)}.flow-node-main{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 9px;align-items:center;text-align:left;width:100%;padding:8px 12px 10px;background:transparent;color:var(--ink)}.flow-node-main strong{font-size:11px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.flow-node-main small{grid-column:2;font-size:9px;color:var(--on-light-secondary);line-height:1.5}.flow-node-icon{grid-row:1/3;width:32px;height:32px;background:var(--ivory);border:1px solid var(--line);color:var(--gold-dark);display:flex;align-items:center;justify-content:center;border-radius:8px}.flow-node.trigger .flow-node-icon{background:#E2EEE3;border-color:#B5CFB8;color:#4f7653}.flow-node.condition .flow-node-icon{background:#F7EECF;border-color:#DACC94;color:#917136}.flow-node.wait .flow-node-icon{background:#ECE5F7;border-color:#C6B7E0;color:#7f679f}.flow-node.action .flow-node-icon{background:#E1EDF7;border-color:#ADC9E0;color:#567b99}.flow-node.end .flow-node-icon{background:#DBEEEB;border-color:#A6CEC6;color:#517c74}
.flow-node-adds{border-top:1px solid var(--line);padding:5px 10px;display:flex;justify-content:space-between;gap:8px;min-height:28px}.flow-node-adds button{font-size:9px;color:var(--gold-dark);padding:3px}.flow-node-adds button:hover{text-decoration:underline}.flow-port{position:absolute;width:13px;height:13px;border:2px solid var(--gold-dark);border-radius:50%;background:var(--ivory);z-index:4;padding:0;cursor:crosshair;top:55px}.flow-port.input{left:-7px}.flow-port.output{right:-7px}.flow-port.yes{top:41px}.flow-port.no{top:87px}.flow-port:hover{background:var(--gold);box-shadow:0 0 0 4px #D9BD8340}.connecting .flow-port.input{background:var(--gold-light);box-shadow:0 0 0 4px #D9BD8333;cursor:pointer}.flow-node.condition{min-height:136px}.flow-node.end{min-height:100px}.flow-board-bottom{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--line);font-size:9px;color:var(--on-light-secondary);line-height:1.5;background:var(--panel)}
.flow-side-panel{top:65px;height:calc(100dvh - 190px);max-height:calc(100dvh - 80px);min-height:400px}.flow-side-panel .lead-panel-head{padding:12px}.flow-side-panel .lead-panel-head h2{font-size:17px}.flow-side-panel .lead-kicker{font-size:8px;margin-bottom:4px}.flow-config-form{display:flex;flex-direction:column;gap:10px;padding:12px}.flow-config-form>label,.flow-config-form .lead-pair label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--on-light-secondary);min-width:0}.flow-config-form input,.flow-config-form select,.flow-config-form textarea{width:100%;min-width:0;max-width:100%;font-size:12px;padding:7px 8px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--ivory)}.flow-config-form textarea{min-height:80px}.flow-config-form .btn{min-height:32px}.flow-config-note{font-size:10px;line-height:1.7;background:var(--ivory);border:1px solid var(--line);padding:9px;border-radius:6px;color:var(--gold-dark)}.flow-form-hint{font-size:9px;line-height:1.6;color:var(--on-light-secondary)}
.flow-catalog{padding:8px 11px 15px}.flow-catalog h3{font-family:'DM Sans',Arial,sans-serif;font-size:10px;color:var(--on-light-secondary);text-transform:uppercase;letter-spacing:.9px;margin:12px 0 8px}.flow-catalog>button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;border:1px solid var(--line);background:var(--ivory);border-radius:7px;margin-bottom:6px;text-align:left}.flow-catalog>button:hover{border-color:var(--gold-dark)}.flow-catalog>button>span:nth-child(2){flex:1;min-width:0}.flow-catalog strong{font-size:11px;font-weight:500;color:var(--ink)}.flow-catalog small{display:block;font-size:9px;line-height:1.6;color:var(--on-light-secondary);margin-top:3px}.flow-catalog-icon{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--gold-dark);flex-shrink:0;background:var(--panel)}.flow-catalog>button>svg{color:var(--gold-dark)}
.flow-rules{display:flex;flex-direction:column;gap:8px}.flow-rule{background:var(--ivory);padding:9px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;gap:7px}.flow-rule>div{display:flex;justify-content:space-between;align-items:center;color:var(--gold-dark);font-size:9px}.flow-rule>label{display:flex;flex-direction:column;gap:4px;font-size:9px;color:var(--on-light-secondary)}.flow-rule>div button{width:24px;height:24px}.flow-node-management{padding:0 12px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.flow-node-management p{font-size:10px;line-height:1.6;color:var(--on-light-secondary);flex-basis:100%}.flow-node-management .text-link{font-size:10px}
.flow-run-result{padding:0 12px 15px}.flow-run-result h3{font-size:13px;margin-bottom:10px}.flow-run-result>div{display:flex;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.flow-run-result>div>span{border:1px solid var(--line);background:var(--ivory);color:var(--gold-dark);border-radius:50%;width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px}.flow-run-result strong{font-size:10px;font-weight:500}.flow-run-result small{display:block;font-size:9px;color:var(--on-light-secondary);line-height:1.7;margin-top:3px}.flow-run-result>.flow-form-hint{margin-top:10px}.flow-error{font-size:10px;color:#9a3c32;line-height:1.7;margin-bottom:7px}.flow-runs{min-height:390px;padding:12px}.flow-runs>button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--ivory);margin-bottom:8px;text-align:left}.flow-runs strong{font-size:11px}.flow-runs small{font-size:9px;color:var(--on-light-secondary);margin-left:auto}.flow-runs>button>span{color:var(--gold-dark)}
@media(max-width:1200px){.flow-workspace.with-panel{grid-template-columns:minmax(0,1fr) 315px}.flow-board-top{gap:8px}.flow-board-top>span{display:none}.flow-toolbar-start select{max-width:280px}.flow-toolbar-end{gap:5px}}
@media(max-width:900px){.flow-viewport{height:calc(100dvh - 310px);min-height:360px}.flow-toolbar-start select{font-size:16px;max-width:100%;min-width:0}.flow-toolbar .btn{min-height:38px}.flow-toolbar-end{gap:6px}.flow-side-panel{top:75px;max-height:calc(100dvh - 90px);height:calc(100dvh - 210px)}.flow-config-form input,.flow-config-form select,.flow-config-form textarea{font-size:16px}.flow-config-form .btn{min-height:40px}.flow-node-grip{padding-top:9px;padding-bottom:7px}.flow-node-adds{padding:4px 8px;min-height:34px}.flow-node-adds button{min-height:28px;font-size:10px}.flow-port{width:17px;height:17px;margin-top:-2px}.flow-port.input{left:-9px}.flow-port.output{right:-9px}.flow-board-top .view-switch button{min-height:32px}.flow-zoom button{height:32px;min-width:30px}.flow-catalog>button{padding:11px 9px}.flow-runs small{margin-left:0}.flow-runs>button{flex-wrap:wrap}}
@media(max-width:700px){.flow-workspace.with-panel{grid-template-columns:minmax(0,1fr)}.flow-side-panel{order:-1;position:static;height:auto;min-height:0;max-height:none;scroll-margin-top:130px}.flow-toolbar{gap:8px}.flow-toolbar-start,.flow-toolbar-end{width:100%}.flow-toolbar-start select{flex:1}.flow-toolbar-end .btn{font-size:10px;padding:7px 10px}.flow-board-top{padding:8px;gap:8px}.flow-board-top .view-switch button{font-size:9px;padding:4px 8px}.flow-zoom{gap:2px}.flow-zoom button{min-width:26px;padding:0 5px}.flow-board-hint{font-size:9px;padding:7px 9px}.flow-viewport{height:420px;min-height:320px}.flow-board-bottom{flex-wrap:wrap;padding:8px 9px;font-size:8px}.flow-side-panel .flow-config-form{gap:11px}.flow-side-panel .lead-panel-head{padding:12px}.flow-runs{min-height:280px;padding:9px}.flow-run-result{padding:0 12px 13px}}

/* Compact nodes, connector-side insertion and an infinite hand-pan view. */
.flow-node{width:176px;min-height:82px;border-radius:7px;touch-action:none;cursor:move}.flow-node.condition{min-height:96px}.flow-node.end{min-height:82px}.flow-node-grip{padding:5px 8px 3px;font-size:7px;gap:5px}.flow-node-main{grid-template-columns:26px minmax(0,1fr);gap:2px 7px;padding:5px 9px 8px}.flow-node-main strong{font-size:10px;line-height:1.4}.flow-node-main small{font-size:8px;line-height:1.4}.flow-node-icon{width:26px;height:26px;border-radius:6px}.flow-node.pending{border:1px dashed var(--gold-dark);opacity:.85}.pending-management{display:none}
.flow-port{top:36px;width:13px;height:13px;margin-top:0}.flow-port.input{left:-7px}.flow-port.output{right:-7px}.flow-port.yes{top:28px}.flow-port.no{top:66px}.flow-port-plus{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--gold-dark);border-radius:50%;background:var(--ivory);color:var(--gold-dark);font-size:16px;line-height:1;padding:0;top:33px;cursor:pointer;box-shadow:0 1px 4px #2021240d}.flow-port-plus.after{right:-32px}.flow-port-plus.before{left:-32px}.flow-port-plus.yes{top:25px}.flow-port-plus.no{top:63px}.flow-port-plus:hover{background:var(--button-gradient);border-color:var(--gold-dark)}.flow-port-plus:focus-visible{outline:2px solid var(--gold-dark);outline-offset:2px}.flow-branch-label{position:absolute;right:11px;color:var(--gold-dark);font-size:8px;line-height:1}.flow-branch-label.yes{top:31px}.flow-branch-label.no{top:69px}
.flow-viewport{cursor:default}.flow-viewport.hand-tool,.flow-viewport.space-pan{cursor:grab;touch-action:none}.flow-viewport.hand-tool .flow-node,.flow-viewport.hand-tool .flow-node-main,.flow-viewport.space-pan .flow-node,.flow-viewport.space-pan .flow-node-main{cursor:grab}.flow-viewport.panning,.flow-viewport.panning *{cursor:grabbing!important;user-select:none}.flow-zoom button.active{background:var(--button-gradient);border-color:var(--gold-dark);color:var(--ink)}
@media(max-width:900px){.flow-node{width:176px;min-height:86px}.flow-node.condition{min-height:98px}.flow-node.end{min-height:86px}.flow-node-grip{padding:6px 8px 4px}.flow-node-main strong{font-size:11px}.flow-node-main small{font-size:9px}.flow-port{width:15px;height:15px;top:35px}.flow-port.input{left:-8px}.flow-port.output{right:-8px}.flow-port.yes{top:27px}.flow-port.no{top:65px}.flow-port-plus{width:23px;height:23px;top:31px}.flow-port-plus.after{right:-35px}.flow-port-plus.before{left:-35px}.flow-port-plus.yes{top:23px}.flow-port-plus.no{top:61px}}

.flow-edge.preview{stroke:var(--gold-dark);stroke-dasharray:4 4;opacity:.65;pointer-events:none}

/* Type-tinted, tight workflow cards and selected-node quick actions. */
.flow-node{--node-bg:#F5F4F0;--node-border:#D8D0BF;background:var(--node-bg);border-color:var(--node-border);min-height:58px;border-radius:7px}
.flow-node.trigger{--node-bg:#E5F0E2;--node-border:#AFC7A7}.flow-node.condition{--node-bg:#F8EDCE;--node-border:#D8C384;min-height:68px}.flow-node.action{--node-bg:#E1EDF7;--node-border:#A9C6DF}.flow-node.wait{--node-bg:#EEE5F7;--node-border:#C4AEDF}.flow-node.end{--node-bg:#DDEEE9;--node-border:#9FC9BD;min-height:58px}
.flow-node-grip{padding:5px 7px 2px;gap:4px;font-size:7px;line-height:1.2;color:color-mix(in srgb,var(--ink) 72%,var(--node-bg))}.flow-node-grip>svg{width:10px;height:10px}.flow-node-main{padding:3px 8px 6px;grid-template-columns:23px minmax(0,1fr);gap:2px 6px}.flow-node-main strong{font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node-main small{font-size:8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-node-icon{width:23px;height:23px;border-radius:5px;background:color-mix(in srgb,var(--ivory) 60%,var(--node-bg))}
.flow-node.condition .flow-node-main{padding-right:22px}.flow-node.selected{border-color:var(--gold-dark);z-index:6}.flow-node.pending{background:color-mix(in srgb,var(--node-bg) 75%,var(--ivory))}
.flow-port{top:28px}.flow-port.yes{top:18px}.flow-port.no{top:49px}.flow-port-plus{top:24px}.flow-port-plus.yes{top:14px}.flow-port-plus.no{top:45px}.flow-branch-label.yes{top:20px}.flow-branch-label.no{top:51px}
.flow-node-tools{position:absolute;right:0;top:-29px;display:flex;align-items:center;gap:4px;z-index:15;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--ivory);box-shadow:0 2px 8px #20212412}.flow-node-tools button{display:flex;align-items:center;justify-content:center;width:23px;height:21px;padding:0;border:0;border-radius:4px;cursor:pointer;background:var(--ivory);color:var(--gold-dark)}.flow-node-tools button:hover{background:var(--button-gradient)}.flow-node-tools button:last-child:hover{background:#F4DDD8;color:#9A3C32}.flow-tools-divider{width:1px;height:20px;background:var(--line);margin:0 4px}
@media(max-width:900px){.flow-node{min-height:60px}.flow-node.condition{min-height:70px}.flow-node.end{min-height:60px}.flow-node-grip{padding:5px 7px 2px;font-size:7px}.flow-node-main{padding:3px 8px 6px}.flow-node-main strong{font-size:11px}.flow-node-main small{font-size:9px}.flow-node-icon{width:23px;height:23px}.flow-port{top:27px}.flow-port.yes{top:17px}.flow-port.no{top:48px}.flow-port-plus{top:22.5px}.flow-port-plus.yes{top:12.5px}.flow-port-plus.no{top:43.5px}.flow-node-tools{top:-34px}.flow-node-tools button{width:28px;height:26px}.flow-zoom{flex-wrap:wrap;justify-content:flex-end}.flow-tools-divider{margin:0 2px}}

/* Custom and assistant-authored workflows remain distinct. */
.flow-source-tabs{display:flex;align-items:center;gap:7px;margin:0 0 11px;flex-wrap:wrap}.flow-source-tabs>button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--dark-border);border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.flow-source-tabs>button.active{background:var(--panel);color:var(--ink);border-color:var(--line)}.flow-source-tabs>button>svg{color:var(--gold-dark)}.flow-source-tabs>button>span{font-size:9px;padding:2px 5px;border:1px solid var(--line);border-radius:4px;background:var(--ivory);color:var(--gold-dark);min-width:19px;text-align:center}
.flow-ai-empty{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:28px;min-height:280px;max-width:none;color:var(--ink)}.flow-ai-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--ivory);color:var(--gold-dark);margin-bottom:14px}.flow-ai-empty h2{font-size:19px;margin-bottom:10px}.flow-ai-empty>p{font-size:12px;line-height:1.8;max-width:650px;color:var(--on-light-secondary)}.flow-ai-example{padding:13px 15px;border:1px solid var(--line);border-radius:7px;background:var(--ivory);color:var(--gold-dark);font-size:12px;line-height:1.8;margin:16px 0;max-width:680px}.flow-ai-help{padding:14px}.flow-ai-help p{font-size:11px;color:var(--on-light-secondary);line-height:1.8}.flow-ai-help h3{font-size:12px;margin:16px 0 6px}.flow-ai-help .flow-ai-example{font-size:11px;padding:11px;margin:12px 0}
body[data-theme=light] .flow-source-tabs>button{border-color:var(--line);color:var(--on-light-secondary)}body[data-theme=light] .flow-source-tabs>button.active{color:var(--ink)}
/* Live wire follows the pointer and exposes compatible ports. */
.flow-live-wire{fill:none;stroke:var(--gold-dark);stroke-width:2.2;stroke-dasharray:5 3;pointer-events:none}.flow-port{touch-action:none}.flow-port::before{content:'';position:absolute;inset:-5px;border-radius:50%}.flow-port.wire-compatible{background:var(--gold-light);box-shadow:0 0 0 5px #D9BD8345;border-color:var(--gold-dark)}.flow-port.wire-blocked{opacity:.25;box-shadow:none}.flow-port.wire-origin{background:var(--gold-dark);box-shadow:0 0 0 3px #D9BD8333}.flow-viewport.wire-dragging,.flow-viewport.wire-dragging *{cursor:crosshair!important;user-select:none}
@media(max-width:900px){.flow-source-tabs>button{min-height:38px}.flow-ai-empty{padding:22px}.flow-ai-empty h2{font-size:18px}.flow-port::before{inset:-7px}}
@media(max-width:600px){.flow-source-tabs{gap:6px;margin-bottom:10px}.flow-source-tabs>button{padding:8px 10px;font-size:10px;gap:6px;flex:1;justify-content:center}.flow-ai-empty{padding:17px;min-height:230px}.flow-ai-empty h2{font-size:17px;line-height:1.5}.flow-ai-example{padding:11px;font-size:11px}.flow-ai-empty>p{font-size:11px}}
/* Only the CRM board scrolls and scales. */
.crm-navigation{display:flex;align-items:center;gap:5px;margin:0 0 8px;flex-wrap:wrap}.crm-navigation .btn{min-width:30px;min-height:28px;padding:4px 8px}.crm-navigation small{font-size:10px;color:var(--muted);margin-left:5px}.crm-nav-divider{height:18px;border-left:1px solid var(--line);margin:0 3px}.crm-zoom-value{min-width:48px!important;font-variant-numeric:tabular-nums}.crm-board.kanban{display:block;overflow:auto;max-height:calc(100dvh - 255px);min-height:220px;padding:2px 2px 12px;overscroll-behavior:contain;scroll-snap-type:none}.crm-zoom-scaler{position:relative;min-width:1px;min-height:1px}.crm-zoom-content{display:flex;align-items:flex-start;gap:8px;width:max-content;position:absolute;left:0;top:0;transform-origin:0 0;padding:0 2px 4px}.main>.topbar{position:sticky;top:0;z-index:20}@media(max-width:900px){.crm-navigation .btn{min-height:36px;min-width:36px}.crm-navigation small{width:100%;margin:3px 0 0}.crm-board.kanban{max-height:calc(100dvh - 300px);min-height:230px}}
.flow-node-grip{position:relative;padding-right:25px}.flow-node-warning{position:absolute;right:7px;top:4px;display:inline-flex;color:#ad701e;cursor:help;z-index:3}.flow-node-warning:focus{outline:2px solid #ad701e;outline-offset:2px}.flow-node-issues{border:1px solid #d9b876;background:#fff8e8;padding:10px 11px;border-radius:8px;color:#5a4324}.flow-node-issues h3{display:flex;align-items:center;gap:6px;font-size:12px;margin:0 0 9px;color:#8b5a16}.flow-node-issues>div{margin-top:8px}.flow-node-issues strong{font-size:10px}.flow-node-issues ul{padding-left:15px;margin:4px 0;font-size:11px;line-height:1.5}.flow-node-issues p{font-size:10px;line-height:1.5;margin-top:8px}.flow-successors{border:1px solid var(--line);border-radius:7px;padding:8px}.flow-successors summary{cursor:pointer;font-size:11px;font-weight:600}.flow-successors summary span{float:right;font-weight:400;color:var(--on-light-secondary);font-size:10px}.flow-successors p{font-size:10px;line-height:1.5;color:var(--on-light-secondary);margin:8px 0}.flow-successors>div{display:grid;gap:5px;max-height:180px;overflow:auto}.flow-successors label,.flow-add-mode label{display:flex!important;align-items:center;gap:7px;font-size:11px!important;font-weight:400!important}.flow-successors input,.flow-add-mode input{width:14px!important;height:14px;min-height:0;padding:0;accent-color:var(--gold-dark);flex:none}.flow-add-mode{padding:10px;border:1px solid var(--line);border-radius:7px;display:grid;gap:9px;background:var(--ivory);margin-bottom:5px}@media(max-width:900px){.flow-successors label,.flow-add-mode label{min-height:30px}.flow-successors input,.flow-add-mode input{width:17px!important;height:17px}.flow-node-warning{right:5px;top:3px}}
.flow-node.multi-selected{outline:2px solid #917136;outline-offset:3px;box-shadow:0 0 0 5px #d9bd8333}.flow-marquee{position:absolute;z-index:8;border:1.5px solid #917136;background:#d9bd832b;pointer-events:none;border-radius:3px}.flow-selection-count{margin-left:12px;color:var(--gold-dark);font-weight:600}.flow-viewport:has(.flow-marquee){user-select:none;cursor:crosshair}.crm-board-area{min-height:calc(100dvh - 215px)}.crm-board-area.crm-space-pan,.crm-board-area.crm-space-pan *{cursor:grab!important;user-select:none}.crm-board-area.crm-panning,.crm-board-area.crm-panning *{cursor:grabbing!important;user-select:none}.crm-board-area{touch-action:pan-y}@media(max-width:900px){.crm-board-area{min-height:calc(100dvh - 275px)}}
/* The CRM viewport fills the remaining screen; its native scrollbar stays at the bottom. */
.crm-board-area{display:flex;flex-direction:column;height:calc(100dvh - 215px);min-height:240px}.crm-board.kanban{flex:1 1 auto;min-height:0;max-height:none;height:auto;scrollbar-gutter:stable}.crm-navigation,.crm-board-area>.mobile-hint{flex-shrink:0}.crm-board.kanban::-webkit-scrollbar{height:6px;width:6px}.crm-board.kanban::-webkit-scrollbar-thumb{border-radius:6px}.flow-node.action.action-internal{--node-bg:#F1E3D8;--node-border:#CDA98D}.flow-node.action.action-external{--node-bg:#E0EDF7;--node-border:#A6C6DF}.flow-node.action-internal .flow-node-icon{background:#F7EEE7;border-color:#D4B499;color:#906744}.flow-node.action-external .flow-node-icon{background:#ECF4FA;border-color:#ADC9DF;color:#527D9D}.flow-node.action .flow-node-grip{letter-spacing:.25px;font-weight:600}.flow-recipient-info{border:1px solid var(--line);border-radius:7px;padding:9px;background:var(--ivory);display:grid;gap:4px;font-size:11px}.flow-recipient-info small{font-size:10px;line-height:1.5;color:var(--on-light-secondary)}
/* Compact automation header: source, workflow and actions share the available row. */
.flow-compact-header{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;margin-bottom:10px}.flow-compact-start{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.flow-compact-header .flow-source-tabs{margin:0;flex-wrap:nowrap;gap:6px}.flow-compact-header .flow-source-tabs>button{min-height:33px;padding:7px 10px;border-radius:999px;white-space:nowrap}.flow-source-tabs>button.active,body[data-theme=light] .flow-source-tabs>button.active{background:var(--button-gradient);border-color:#CFAD6A;color:var(--ink);box-shadow:0 1px 3px #2021240d}.flow-source-tabs>button.active:hover{background:var(--button-hover)}.flow-source-tabs>button.active>svg{color:var(--ink)}.flow-source-tabs>button.active>span{background:#FBFAF680;border-color:#91713655;color:var(--ink)}.flow-compact-start>select{max-width:310px;min-width:200px;min-height:33px;border-radius:999px;border:1px solid var(--line);background:var(--ivory);padding:6px 25px 6px 12px;color:var(--ink);font-size:11px;text-overflow:ellipsis}.flow-compact-header>.flow-toolbar-end{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.flow-compact-header .btn{min-height:33px;padding:6px 11px;font-size:10px}.flow-workspace .flow-viewport{max-height:none}.flow-workspace .flow-side-panel{max-height:calc(100dvh - 80px)}@media(max-width:900px){.flow-compact-header .btn,.flow-compact-header .flow-source-tabs>button{min-height:38px}.flow-compact-start>select{font-size:14px;min-height:38px}}@media(max-width:600px){.flow-compact-start{width:100%;gap:8px}.flow-compact-header .flow-source-tabs{width:100%;margin:0}.flow-compact-start>select{width:100%;max-width:none;font-size:16px}.flow-compact-header>.flow-toolbar-end{width:100%;gap:6px}.flow-compact-header .btn{flex:1;padding:7px 9px}.flow-compact-header .flow-source-tabs>button{flex:1}.flow-compact-header{margin-bottom:9px}}
.workspace-admin-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;align-items:start}.workspace-admin-grid.with-panel{grid-template-columns:minmax(0,1fr) 350px}.workspace-editor{height:calc(100dvh - 180px);max-height:calc(100dvh - 80px);min-height:350px}.workspace-members{margin:0;padding:0;border:0;min-width:0}.workspace-members legend{font-size:11px;font-weight:600;margin-bottom:8px}.workspace-members>label{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:7px;padding:8px;margin-bottom:6px}.workspace-members input{width:16px;min-width:16px;height:16px;min-height:0;accent-color:var(--gold-dark);padding:0}.workspace-members strong{font-size:11px;display:block}.workspace-members small{font-size:10px;color:var(--on-light-secondary);display:block;margin-top:2px;overflow-wrap:anywhere}.workspace-assignees{display:flex;flex-wrap:wrap;gap:5px}.workspace-row-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.workspace-note{font-size:10px;color:var(--muted);margin:9px 0;line-height:1.6}.workspace-remove{padding:12px;border-top:1px solid var(--line);font-size:11px}.workspace-remove p{margin:7px 0 10px;line-height:1.6;color:var(--on-light-secondary)}.workspace-remove>div{display:flex;gap:7px}.workspace-primary-note{padding:0 12px 14px;font-size:10px;color:var(--on-light-secondary)}.workspace-error{color:#963d32;font-size:11px}.workspace-error:empty{display:none}.workspace-archive{padding:10px 13px;margin-top:15px}.workspace-archive summary{cursor:pointer;font-size:11px;font-weight:600}.workspace-archive summary span{color:var(--gold-dark);margin-left:6px}.workspace-archive .settings-row{display:flex;justify-content:space-between;gap:8px}.workspace-archive .settings-row strong{font-size:11px}@media(max-width:900px){.workspace-admin-grid.with-panel{grid-template-columns:minmax(0,1fr) 310px}.workspace-editor input{font-size:16px}.workspace-editor .btn{min-height:38px}.workspace-members>label{padding:10px}.workspace-row-actions{justify-content:flex-start}}@media(max-width:700px){.workspace-admin-grid.with-panel{grid-template-columns:minmax(0,1fr)}.workspace-editor{order:-1;position:static;height:auto;min-height:0;max-height:none}.workspace-row-actions{gap:8px}.workspace-row-actions .btn{min-height:36px}}
.portal-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:600;border:1px solid;border-radius:999px;padding:4px 8px}.portal-status i{width:5px;height:5px;border-radius:50%;background:currentColor}.portal-status.pending{background:#F7DFDD;border-color:#DEB2AC;color:#9B3D35}.portal-status.active{background:#E3EEDF;border-color:#B1CCA5;color:#406C35}.portal-status.suspended{background:#FAEDC8;border-color:#D9BE77;color:#86621F}.workspace-status-control{margin:12px;padding:10px;border:1px solid var(--line);background:var(--ivory);border-radius:8px;display:grid;gap:9px}.workspace-status-control>div{display:flex;gap:6px}.workspace-status-control>p{font-size:10px;line-height:1.6;color:var(--on-light-secondary)}body[data-client-portal=true] .content{padding-top:20px}body[data-client-portal=true] .breadcrumb{display:none}.client-mobile-menu{display:none}.portal-sidebar-status{padding:8px 7px}.portal-client-logo{max-width:130px;max-height:50px;object-fit:contain;margin:8px}.portal-return{font-size:11px;text-align:left;padding:9px;color:var(--gold)}.portal-test-controls{border:1px solid #D9BD8344;border-radius:8px;padding:10px;margin:7px 0;color:var(--panel);display:grid;gap:8px}.portal-test-controls strong{font-size:11px}.portal-test-controls p{font-size:10px;line-height:1.5;color:var(--muted)}.portal-test-controls .btn{font-size:10px;white-space:normal}.portal-test-controls .text-link{color:var(--gold);font-size:10px}.portal-suspended{max-width:550px;margin:12vh auto 0;padding:30px;text-align:center;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:14px}.portal-lock{display:inline-flex;padding:14px;background:#F8ECC8;color:#86621F;border-radius:50%;margin-bottom:15px}.portal-suspended h1{font-size:23px;line-height:1.4}.portal-suspended p{font-size:13px;color:var(--on-light-secondary);line-height:1.8;margin:14px 0}.portal-suspended .btn{margin-top:6px}.portal-activation-backdrop{position:fixed;inset:0 0 0 242px;z-index:22;background:#23242785;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.portal-activation{width:min(650px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 70px #0003}.portal-activation>header{padding:23px 25px 17px}.portal-activation h1{font-size:24px}.portal-activation header>p{font-size:12px;line-height:1.6;color:var(--on-light-secondary);margin-top:5px}.portal-test-note{font-size:10px;line-height:1.6;background:#F9EDCF;border:1px solid #DAC38D;padding:7px 9px;margin-top:12px;border-radius:6px;color:#7A602B}.portal-steps{display:flex;gap:6px;padding:0 22px 15px;border-bottom:1px solid var(--line)}.portal-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);padding:8px 5px;border-radius:999px;font-size:10px}.portal-steps button.active{background:var(--button-gradient);border-color:#CFAD6A}.portal-steps span{display:flex;justify-content:center;align-items:center;width:18px;height:18px;border-radius:50%;border:1px solid #91713655;font-size:9px}.portal-step-body{padding:20px 25px}.portal-step-body h2{font-size:18px;margin-bottom:8px}.portal-help{font-size:11px;color:var(--on-light-secondary);line-height:1.7;margin:7px 0 13px}.portal-logo-upload{display:grid;gap:10px;padding:20px;border:1px dashed var(--gold-dark);border-radius:9px;background:var(--ivory);font-size:12px;margin:14px 0}.portal-logo-preview{display:block;max-width:180px;max-height:80px;object-fit:contain;padding:7px;margin:12px 0}.portal-google-box{display:grid;gap:12px;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--ivory);text-align:center;justify-items:center}.portal-google-box>svg{color:var(--gold-dark)}.portal-google-box p{font-size:11px;line-height:1.7;color:var(--on-light-secondary)}.portal-google-box button{white-space:normal;line-height:1.5}.portal-activation form>footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 25px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--panel);z-index:2}.portal-form-error{color:#963D32;background:#F7E2DF;border:1px solid #D5ABA6;padding:10px;font-size:11px;line-height:1.7;border-radius:6px;margin-top:13px}.portal-timezone{display:flex;align-items:center;gap:7px;color:var(--gold-dark);font-size:10px}.portal-week{display:grid;gap:6px}.portal-day{border:1px solid var(--line);border-radius:8px;padding:9px 11px;display:grid;grid-template-columns:115px 1fr;gap:8px;align-items:start;background:var(--ivory)}.portal-day>label{display:flex;gap:7px;align-items:center;font-size:11px;min-height:30px}.portal-day input[type=checkbox]{accent-color:var(--gold-dark);width:15px;height:15px}.portal-day:not(.enabled)>.portal-day-slots{opacity:.6}.portal-slot{display:flex;align-items:center;gap:7px;margin:2px 0 5px;font-size:10px}.portal-slot input{width:102px;max-width:100%;font-size:12px;background:var(--ivory);border:1px solid var(--line);border-radius:6px;padding:6px}.portal-slot input:disabled{opacity:.4}.portal-day .text-link{font-size:10px}.portal-absences{border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:14px}.portal-absences summary{cursor:pointer;font-size:11px;font-weight:600}.portal-absence{display:flex;gap:8px;align-items:end;margin:9px 0}.portal-absence label{display:grid;gap:4px;font-size:10px;flex:1;min-width:0}.portal-absence input{width:100%;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--ivory);font-size:12px}.as-settings{position:static;background:none;backdrop-filter:none;padding:0}.as-settings .portal-activation{max-height:none;box-shadow:none}@media(max-width:900px){.portal-activation-backdrop{left:0;padding:12px}.portal-activation{max-height:calc(100dvh - 24px)}.client-mobile-menu{display:flex;position:fixed;left:12px;top:12px;z-index:23;padding:8px;border-radius:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}body[data-client-portal=true] .content{padding-top:56px}.portal-suspended{margin-top:5vh;padding:23px}.as-settings{padding:0}.portal-week input,.portal-absence input{font-size:16px}.portal-steps button{min-height:38px}}@media(max-width:520px){.portal-activation>header{padding:19px 17px 13px}.portal-steps{padding:0 14px 13px;gap:4px}.portal-steps button{font-size:9px;gap:4px}.portal-step-body{padding:16px}.portal-day{grid-template-columns:1fr;padding:10px}.portal-day>label{min-height:24px}.portal-slot input{width:115px}.portal-activation form>footer{padding:12px 16px}.portal-activation form>footer button{min-height:40px}.portal-absence{flex-wrap:wrap}.portal-test-note{font-size:10px}}
body .portal-activation h1,body .portal-suspended h1{color:var(--ink)!important}.portal-client-logo{background:var(--ivory);padding:8px;border-radius:7px}
.team-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;align-items:start}.team-layout.with-panel{grid-template-columns:minmax(0,1fr) 350px}.team-side-panel{height:calc(100dvh - 180px);max-height:calc(100dvh - 80px);min-height:350px}.team-panel-body{padding:12px;display:grid;gap:12px}.team-panel-body h3{font-size:12px;margin-top:5px}.team-form{display:grid;gap:10px}.team-form>label{display:grid;gap:5px;font-size:10px;color:var(--on-light-secondary)}.team-form input,.team-form select,.team-form textarea{width:100%;min-width:0;background:var(--ivory);border:1px solid var(--line);border-radius:7px;padding:7px 8px;font-size:12px;color:var(--ink)}.team-form-actions{display:flex;gap:6px;flex-wrap:wrap}.team-context{font-size:11px;line-height:1.6;color:var(--on-light-secondary)}.team-info{font-size:11px;padding:10px;background:#F9EED2;border:1px solid #DBC68F;border-radius:7px}.team-report{border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:8px;font-size:11px;line-height:1.6}.team-report-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.team-report>small{font-size:10px;color:var(--on-light-secondary)}.team-correction{padding:8px;background:#F9E8DF;border-radius:5px}.team-mini-totals{display:flex;gap:20px;padding:10px;background:var(--ivory);border:1px solid var(--line);border-radius:7px}.team-mini-totals span{font-size:10px;color:var(--on-light-secondary)}.team-mini-totals strong{display:block;margin-top:4px;font-size:17px;color:var(--ink)}.team-payment-row{display:grid;gap:4px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.team-payment-row span,.team-payment-row small{font-size:10px;color:var(--on-light-secondary)}.team-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.team-metrics .metric-value{font-size:22px;white-space:nowrap}.team-cell-sub{display:block;font-size:10px;line-height:1.6;color:var(--on-light-secondary);margin-top:3px}.team-task-description{flex:1;min-width:0}.task-row:has(.team-task-description){gap:10px;flex-wrap:wrap}.team-pending-list{padding:3px 12px}.team-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.team-request-row:last-child{border:0}.team-request-row strong{font-size:12px}.team-request-row small{display:block;font-size:10px;color:var(--on-light-secondary);margin-top:4px}.team-section-label{font-size:13px;color:var(--muted);margin:15px 0 9px}.team-error{margin:0 12px 12px;padding:9px;border:1px solid #D9AAA1;border-radius:6px;background:#FAE7E1;color:#943F33;font-size:11px;line-height:1.6}.team-preview-control{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 13px;color:var(--muted);font-size:10px}.team-preview-control label{display:flex;align-items:center;gap:8px}.team-preview-control select{border:1px solid var(--line);background:var(--ivory);color:var(--ink);padding:7px 10px;border-radius:999px;font-size:11px}.team-preview-banner{display:grid;gap:7px;margin:9px 0;padding:10px;border:1px solid #D9BD8344;border-radius:8px;color:var(--panel)}.team-preview-banner strong{font-size:11px}.team-preview-banner small{font-size:10px;color:var(--muted)}.team-preview-banner .btn{font-size:10px;min-height:30px}@media(max-width:1100px){.team-layout.with-panel{grid-template-columns:minmax(0,1fr) 320px}.team-metrics .metric-value{font-size:18px}}@media(max-width:800px){.team-layout.with-panel{grid-template-columns:minmax(0,1fr)}.team-side-panel{order:-1;position:static;height:auto;min-height:0;max-height:none}.team-form input,.team-form select,.team-form textarea{font-size:16px}.team-form .btn{min-height:38px}.team-metrics .metric-value{font-size:20px}}@media(max-width:520px){.team-metrics{grid-template-columns:minmax(0,1fr)}.team-preview-control label{flex-wrap:wrap}.team-preview-control select{max-width:100%;font-size:14px}.team-task-description{flex-basis:80%}.task-row>.btn{margin-left:auto}.team-request-row{flex-wrap:wrap}}
.team-assignment{border:1px solid var(--line);border-radius:7px;padding:9px}.team-assignment summary{cursor:pointer;font-size:11px;font-weight:600}.team-assignment .team-form{margin-top:10px}
.integrations-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;align-items:start}.integrations-layout.with-panel{grid-template-columns:minmax(0,1fr) 340px}.integration-side-panel{height:calc(100dvh - 180px);max-height:calc(100dvh - 80px);min-height:350px}.integration-status-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;font-size:10px;color:var(--muted)}.integration-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.integration-card.is-active{background:#E5F0E2;border:1px solid #A4C49C}.integration-card.is-error{background:#FAE1DD;border:1px solid #D99F94}.integration-card.is-pending{border:1px solid var(--line)}.integration-card-top{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}.service-logo{width:42px;height:42px;border-radius:9px;background:var(--ivory);border:1px solid #D8D0BF88;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.service-logo img{width:28px;height:28px;object-fit:contain}.service-logo.discord{background:#5865F2;border-color:#5865F2}.integration-state-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid;border-radius:999px;font-size:9px;font-weight:600;line-height:1.4}.integration-state-badge i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.integration-state-badge.active{color:#3B6D34;background:#F1F8EB;border-color:#A8C39D}.integration-state-badge.pending{color:#806D42;background:#F7F3E7;border-color:#D8D0BF}.integration-state-badge.error{color:#9A3F36;background:#FFF1ED;border-color:#D5A39A}.integration-error-detail{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.6;color:#9A3F36;margin:9px 0}.integration-error-detail svg{flex-shrink:0;margin-top:2px}.integration-card .integration-card-note{font-size:10px;line-height:1.6;margin:9px 0}.integration-card>p{min-height:0}.integration-card>.btn{margin-top:12px}.top-actions .discord-launch{width:32px;height:32px;background:#5865F2;border-radius:50%;border:1px solid #5865F2;padding:6px}.discord-launch img{width:21px;height:21px;object-fit:contain}.top-actions .notification-bell{width:32px;height:32px;background:var(--button-gradient);color:#574521;border:1px solid #CFAD6A;border-radius:50%;box-shadow:0 1px 5px #20212415}.notification-bell>svg{width:21px;height:21px;stroke-width:2}.top-actions .notification-bell .unread{width:9px;height:9px;right:1px;top:0;background:#E53935;border:1px solid var(--ivory)}@media(max-width:900px){.integrations-layout.with-panel{grid-template-columns:minmax(0,1fr) 310px}.integration-side-panel input,.integration-side-panel textarea,.integration-side-panel select{font-size:16px}.integration-side-panel .btn{min-height:40px}.integration-card-top{flex-wrap:wrap}}@media(max-width:700px){.integrations-layout.with-panel{grid-template-columns:minmax(0,1fr)}.integration-side-panel{order:-1;position:static;height:auto;min-height:0;max-height:none}.integration-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media(max-width:450px){.top-actions .notification-bell{width:32px;height:32px}.top-actions .discord-launch{width:32px;height:32px;border-radius:50%}.integration-cards{grid-template-columns:minmax(0,1fr)}}

/* Partially saved client activation. */
.portal-status.partial{background:#DFEAF6;border-color:#A2B9D2;color:#365E89}.portal-progress{margin:10px 0;font-size:11px;line-height:1.6}.portal-progress>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.portal-progress span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;background:#EEE9DE;color:#766846}.portal-progress span.complete{background:#E3EEDF;color:#406C35}.portal-activation footer{flex-wrap:wrap;gap:8px}.portal-activation header>.portal-status{margin-top:10px}

.portal-logo-upload{cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.portal-logo-upload span{font-size:11px;color:var(--on-light-secondary)}.portal-logo-upload.drag-over{background:#F3E3BE;border:2px dashed #917136;box-shadow:0 0 0 3px #D9BD8333}.portal-logo-upload:focus-within{outline:2px solid var(--gold-dark);outline-offset:3px}