:root{--surface:#181d2a;--soft:#202336;--field:#151b29;--line:#35394c;--muted:#b1b9cc;--accent:#b39fff;--mint:#91dfca;--danger:#f2b195}
[hidden]{display:none!important}p{color:var(--muted)}.secondary,.design-list button,.staff-row,.pagination button{background:var(--surface);border-color:var(--line)}input,textarea,select{background:var(--field);border-color:var(--line);font-weight:400}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}label,th,.form-card label,.text-controls span{color:var(--muted)}.primary{background:var(--accent);color:#211735;font-weight:700;box-shadow:0 3px 10px #0001}.primary:hover{filter:brightness(1.08)}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:8px;font-size:23px}.icon-button[aria-disabled=true]{opacity:.35;pointer-events:none}.stat{text-align:left;transition:transform .15s,border-color .15s}.stat:hover{transform:translateY(-2px);border-color:var(--accent)}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.stat strong{color:var(--ink)}.stat small{display:block;line-height:1.5}.stat label{cursor:pointer}.urgent-banner,.urgent-notice{display:block;width:100%;text-align:left;border:1px solid #b67857;padding:18px;border-radius:12px;background:#382820;color:#ffd5bb;margin:18px 0}.focus-card,.calm-card{padding:24px;margin:20px 0}.focus-card{border-top:3px solid var(--accent)}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.focus-row{display:block;text-align:left;padding:20px;border-top:1px solid var(--border);width:100%}.focus-row p{font-size:calc(var(--reading-size)*.85)}.badge.important{color:var(--accent);border-color:var(--accent)}th button{font-size:inherit;letter-spacing:inherit;text-transform:inherit;width:100%;text-align:left;padding:0;color:inherit}th button:hover{color:var(--accent)}.filters,.view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filters button,.view-tabs button{padding:9px 13px;border:1px solid var(--line);border-radius:20px}.filters button.active,.view-tabs button.active{background:var(--soft);border-color:var(--accent);color:var(--accent)}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-right:28px;margin-bottom:24px}.contact-top h1{font-size:32px}.contact-top .icon-button{font-size:30px;width:58px;height:58px;flex-shrink:0}.form-section{padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--panel);margin-bottom:22px}.form-section h2{font-size:20px;margin-bottom:18px;color:var(--muted)}.contact-editor label{font-size:calc(var(--reading-size)*.88);font-weight:550;line-height:1.55}.input-action{display:flex;align-items:end;gap:8px}.input-action label{flex:1;min-width:0}.input-action .icon-button{margin-bottom:8px}.next-step-card{background:var(--soft);border:1px solid var(--accent);border-top-width:4px;padding:24px}.next-step-card h2{font-size:26px;color:var(--accent)}.tag-list,.tag-entry{display:flex;flex-wrap:wrap;gap:8px}.tag-entry{flex-wrap:nowrap;margin:12px 0}.tag{display:inline-flex;gap:8px;align-items:center;padding:5px 12px;border:1px solid var(--line);border-radius:24px;background:var(--soft);color:var(--accent);font-size:calc(var(--reading-size)*.85)}.tag button{min-height:26px;padding:0 3px;font-size:21px}.tag-picker{margin:16px 0}.tag-picker>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}summary{cursor:pointer;color:var(--muted);line-height:1.6}details{margin:18px 0}details details{padding:14px;border:1px solid var(--border);border-radius:10px}.conversation-panel textarea{line-height:1.7;min-height:160px;overflow:hidden;resize:vertical}.conversation-panel #notes-document{min-height:300px}.schedule-picker{display:flex;gap:8px;margin-top:8px}.schedule-picker>button{flex:1;text-align:left}.schedule-picker input{width:95px;margin:0}.quick-dates{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.quick-dates button{font-size:14px;color:var(--accent);padding:6px 8px;background:var(--field);border-radius:7px}.calendar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:12px;max-width:360px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-head button{font-size:25px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.calendar-grid button{border-radius:8px}.calendar-grid button:hover,.calendar-grid [aria-current]{background:var(--accent);color:#211735}.calendar-grid small{font-size:12px;color:var(--muted)}.ai-box{background:var(--soft);border-color:var(--accent);margin:0 0 24px}.ai-box textarea{height:auto!important;min-height:130px}.ai-box .ai-body{height:auto!important;min-height:230px}.ai-history summary{font-size:15px}.ai-box .primary{font-size:var(--reading-size)}.history-results{max-height:550px;overflow:auto}.backlog-list{max-height:50vh;overflow:auto}.backlog-list label{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--border);padding:14px 0}.backlog-list input{width:22px;flex-shrink:0}.backlog-list small{display:block;color:var(--muted)}.studio-library{border:1px solid var(--border);border-radius:14px;padding:22px;background:var(--panel)}.library-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.library-tools input{flex:1;min-width:180px}.design-list{max-height:220px;overflow:auto}.design-list button{text-align:left}.design-list button small{display:block;margin-top:5px;color:var(--muted)}.studio-layout{grid-template-columns:minmax(360px,1fr) minmax(360px,1.05fr)}.studio-layout.preview-hidden{grid-template-columns:minmax(0,850px);justify-content:center}.preview-column{position:sticky;top:16px}.studio-layout details{padding-top:18px}.studio-layout textarea{line-height:1.65}.designer-chat{max-height:300px;overflow:auto}.designer-chat p{padding:12px 16px;border-radius:10px;background:var(--field);font-size:15px}.designer-chat b{color:var(--accent)}.contact-results{max-height:240px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.contact-results button{display:block;width:100%;padding:13px;text-align:left;border-bottom:1px solid var(--border)}.contact-results button:hover{background:var(--soft)}.selection-pill{display:flex;justify-content:space-between;gap:12px;background:var(--soft);padding:12px;border-radius:10px;margin:10px 0}.field-colours{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-colours input{height:48px;padding:4px}.logo-preview{max-width:180px;max-height:90px;display:block;margin:15px 0}.studio-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.sidebar-collapsed aside{width:84px;padding:26px 12px}.sidebar-collapsed main{margin-left:84px}.sidebar-collapsed aside .brand>span:last-child,.sidebar-collapsed .workspace-label,.sidebar-collapsed #workspace,.sidebar-collapsed nav span,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed nav button{justify-content:center;font-size:24px}.sidebar-collapsed nav{margin-top:35px}.sidebar-collapsed .brand{justify-content:center}.sidebar-collapsed #content{max-width:1700px}.sidebar-collapsed .studio-layout{grid-template-columns:minmax(360px,1fr) minmax(360px,1.05fr)}
:root[data-theme=light]{color-scheme:light;--bg:#edeaf2;--panel:#f7f4f8;--surface:#e8e2ef;--soft:#e8e0f2;--field:#fdfbfe;--border:#d2cadc;--line:#bdb1cc;--muted:#5e566c;--ink:#30283e;--accent:#6844b2;--mint:#25715f;--danger:#95461f}
[data-theme=light] aside{background:#e4deed}[data-theme=light] .primary{background:#704db4;color:#fff}[data-theme=light] nav button.active{background:#d5c7ea;color:#4e2d85}[data-theme=light] nav button:hover,[data-theme=light] tr[data-contact]:hover,[data-theme=light] .task:hover{background:#e9e2f2}[data-theme=light] .hero{background:radial-gradient(ellipse at 95% 0%,#d4c3ed,#e5ddee 70%);border-color:#c5b4d9}[data-theme=light] th{background:#e9e3ef;color:#5e566c}[data-theme=light] td,[data-theme=light] th{border-color:#d9d0e3}[data-theme=light] .badge{color:#624390;border-color:#bdaace}[data-theme=light] .chip{background:#e1d6ee;border-color:#c1acd9;color:#5e3e8d}[data-theme=light] dialog{background:#efebf4;border-color:#b7a9c8}[data-theme=light] .notice{background:#dfeee8;border-color:#adc9be;color:#345d50}[data-theme=light] .urgent-banner,[data-theme=light] .urgent-notice{background:#f5e1d7;border-color:#d3a98f;color:#713c22}[data-theme=light] .due{color:#91512f}[data-theme=light] .text-button{color:#6844b2}[data-theme=light] .task-icon{background:#ded3ec;color:#6844b2}[data-theme=light] .profile b,[data-theme=light] .avatar{background:#d7c8e9;color:#51357d}
@media(max-width:1250px){.stats{grid-template-columns:repeat(3,1fr)}.studio-layout{grid-template-columns:1fr}.preview-column{position:static}.sidebar-collapsed .studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:850px){.stats{grid-template-columns:repeat(2,1fr)}.sidebar-collapsed aside{position:static;width:auto;padding:12px}.sidebar-collapsed aside .brand{display:none}.sidebar-collapsed main{margin:0}.sidebar-collapsed nav{margin:0;justify-content:space-around}.sidebar-collapsed .studio-layout,.studio-layout{grid-template-columns:minmax(0,1fr)}.preview-column{position:static}.contact-top h1{font-size:27px}.form-section{padding:16px}.header-right{flex:1}.header-right .chip,.header-right .avatar{display:none}#crumb{display:none}}

.focus-panel{padding:26px}.focus-panel button{display:block;margin:12px 0;width:100%;text-align:left}.focus-badge{display:inline-block;font-size:14px;border:1px solid var(--line);border-radius:20px;padding:5px 10px;color:var(--muted)}.focus-badge.is-important{color:var(--accent);border-color:var(--accent)}.compact-label{font-size:14px;min-width:180px}.compact-label select{margin-top:7px}.toolbar{align-items:end}.toolbar>input{height:52px}[data-theme=light] .workspace-label{color:var(--muted)}

.status.error{color:var(--danger);font-weight:600}.note-receipt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;background:var(--soft);border-left:4px solid var(--mint);border-radius:8px;padding:16px;margin:14px 0 24px;color:var(--ink)}

/* Team overview and next-step action chips, 5 November. */
.staff-table-wrap{margin:22px 0 12px;border:1px solid var(--border);border-radius:14px}.staff-table{width:100%;min-width:850px}.staff-table caption{text-align:left;padding:16px 20px;color:var(--muted);font-size:.85em;background:var(--field)}.staff-table th{font-size:.8em;letter-spacing:.04em}.staff-table td{padding:20px;vertical-align:middle}.staff-table td small{display:block;color:var(--muted);margin-top:7px;font-size:.8em;line-height:1.5}.staff-table td:first-child{min-width:190px;overflow-wrap:anywhere}.staff-count{font-size:1.35em;color:var(--accent);font-variant-numeric:tabular-nums}.team-status{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:.85em;color:var(--muted)}.team-status::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--muted)}.team-status.active::before{background:var(--mint)}.staff-actions{display:flex;align-items:flex-start;gap:8px;flex-direction:column}.staff-actions button{white-space:nowrap;min-height:44px}.staff-actions .text-button{padding:6px 2px;font-size:.85em}.staff-table tr:hover{background:var(--soft)}#staff-form{border-top:1px solid var(--border);padding-top:22px;margin-top:20px;max-width:700px}#staff-form h3{margin:0 0 18px}.step-badge{display:flex;align-items:center;gap:8px;width:fit-content;margin-top:9px;padding:6px 12px;border:1px solid var(--line);border-radius:22px;background:var(--soft);color:var(--accent);font-size:.9em;font-weight:600;line-height:1.4}.step-badge svg{width:18px;height:18px;flex:none}

/* Smart Leads: compact research inbox, recoverable decisions and clear progress. */
.lead-search-panel{padding:24px;margin:24px 0}.lead-search-panel textarea{min-height:100px;margin:10px 0;resize:vertical}.lead-search-actions,.lead-list-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.lead-list-tools .view-tabs{margin:0}.lead-list-tools label{min-width:240px}.lead-list{display:grid;gap:14px;margin:20px 0}.lead-row{padding:20px 24px;border-left:3px solid var(--line)}.lead-row.is-kept{border-left-color:var(--accent)}.lead-row-main{display:grid;grid-template-columns:58px minmax(0,1fr) 200px;gap:20px;align-items:center;min-height:125px}.lead-monogram{width:56px;height:56px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-size:26px;font-weight:700;align-self:start;margin-top:8px}.lead-labels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.search-tag,.kept-tag{display:inline-block;border:1px solid var(--line);background:var(--soft);color:var(--accent);font-size:.75em;border-radius:30px;padding:4px 10px;line-height:1.4}.kept-tag{color:var(--mint)}.lead-row h2{font-size:1.15em;margin:0 0 6px}.lead-location{color:var(--muted);font-size:.85em}.lead-row .lead-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0;font-size:.9em;line-height:1.5}.lead-expand{padding:0;text-align:left;font-size:.8em;min-height:32px}.lead-row-actions{display:grid;gap:9px}.lead-row-actions button,.lead-website{width:100%;font-size:.85em;padding:10px 12px;text-align:center;min-height:44px}.lead-website{display:block;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink)}.lead-decisions{display:flex;gap:8px}.keep-lead[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--soft)}.lead-expanded{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid var(--border);margin-top:18px;padding-top:20px}.lead-expanded h3{font-size:1em}.lead-expanded p{font-size:.9em}.lead-expanded dl{display:grid;grid-template-columns:90px 1fr;gap:10px;font-size:.85em}.lead-expanded dt{color:var(--muted)}.lead-expanded dd{margin:0;overflow-wrap:anywhere}.lead-expanded textarea{margin:10px 0;min-height:150px;line-height:1.6;resize:vertical}.lead-intro{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.lead-row-status:empty{display:none}.scan-track{height:5px;overflow:hidden;border-radius:10px;background:var(--soft);margin:24px 0 12px}.scan-track span{display:block;width:30%;height:100%;background:var(--accent)}.running .scan-track span{animation:lead-scan 2s ease-in-out infinite alternate}.scan-stages{display:flex;gap:20px;list-style:none;padding:0;flex-wrap:wrap;font-size:.8em;color:var(--muted)}.scan-stages .current{color:var(--accent);font-weight:700}.scan-stages .done{color:var(--mint)}.scan-stages .done::before{content:'✓ ';}.contact-research{border-color:var(--line);background:var(--soft)}.contact-research textarea{min-height:160px}.lead-row button:focus-visible,.lead-website:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@keyframes lead-scan{from{transform:translateX(0)}to{transform:translateX(235%)}}@media(prefers-reduced-motion:reduce){.running .scan-track span{animation:none}}@media(max-width:1000px){.lead-row-main{grid-template-columns:minmax(0,1fr) 180px}.lead-monogram{display:none}}@media(max-width:650px){.lead-row{padding:18px}.lead-row-main,.lead-expanded{grid-template-columns:1fr}.lead-row-actions{grid-template-columns:1fr 1fr}.lead-decisions{grid-column:1/-1}.lead-list-tools{align-items:stretch}.lead-list-tools label{width:100%}}

.team-role{display:flex;align-items:center;gap:7px;width:fit-content;margin-top:8px;border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:.85em;line-height:1.4;background:var(--soft);color:var(--accent);white-space:nowrap}

/* Restricted administration and usage receipts. */
#cost-panel>summary{font-weight:600;color:var(--accent);cursor:pointer;font-size:1.1em}#usage-report{margin-top:24px}.usage-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.usage-filters label{min-width:160px}.usage-filters button{margin-bottom:8px}.usage-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.usage-totals>div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:20px}.usage-totals strong{display:block;color:var(--accent);font-size:1.6em;line-height:1.5;font-variant-numeric:tabular-nums}.usage-totals span,.usage-totals small{display:block;font-size:.8em;color:var(--muted);line-height:1.5}.usage-chart-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.usage-chart-head>span{font-size:.8em;color:var(--muted)}.usage-chart{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--field);max-height:450px;overflow:auto;margin:14px 0}.usage-bar-row{display:grid;grid-template-columns:105px minmax(100px,1fr) 110px;gap:12px;align-items:center;margin:12px 0;font-size:.8em}.usage-bar-row>b{text-align:right;font-variant-numeric:tabular-nums}.usage-bar-track{height:24px;display:flex;background:var(--soft);border-radius:6px;overflow:hidden}.usage-bar{background:var(--accent)}.usage-reserve{background:repeating-linear-gradient(45deg,var(--muted),var(--muted) 3px,var(--soft) 3px,var(--soft) 7px)}.usage-bar-track:focus-visible{outline:3px solid var(--mint);outline-offset:2px}.usage-table{width:100%;font-size:.85em}.usage-table td{font-size:.9em;padding:14px}.usage-table td small{display:block;color:var(--muted);margin-top:5px}.usage-table th{font-size:.8em}.usage-receipts{margin-top:24px}.removed-staff{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px}.removed-staff button{margin-left:12px}.staff-actions .remove-staff{color:var(--danger)}@media(max-width:1100px){.usage-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.usage-totals{grid-template-columns:1fr}.usage-bar-row{grid-template-columns:85px minmax(60px,1fr) 90px;gap:8px}.usage-chart{padding:12px}}

.staff-actions .remove-staff{border-color:var(--danger);color:var(--danger)}.staff-actions .secondary{width:100%;text-align:center;padding:9px 12px}
.design-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-settings-grid label{margin:6px 0}.design-settings-grid input,.design-settings-grid select{width:100%}.artwork-preview{display:block;width:100%;max-height:320px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 50%/20px 20px}#artwork-panel{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}#artwork-panel summary{color:var(--accent);font-weight:600}#artwork-panel textarea{min-height:140px}#email-render{padding:12px;border-radius:12px}.field-colours{grid-template-columns:repeat(2,minmax(0,1fr))}#designer-panel .primary,#artwork-panel .primary{min-height:46px}@media(max-width:600px){.design-settings-grid{grid-template-columns:1fr}}
#scan-progress{margin:22px 0 12px;border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--soft)}.scan-heading{display:flex;align-items:center;gap:16px}.scan-heading>div{flex:1;min-width:0}.scan-heading h2{font-size:1.08em;line-height:1.45;margin:4px 0 0}.scan-live-label{font-size:.65em;font-weight:800;letter-spacing:.15em;color:var(--accent)}.scan-orbit{flex:0 0 48px;height:48px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--accent)}.running .scan-orbit{animation:scan-breathe 1.6s ease-in-out infinite}.scan-clock{font-variant-numeric:tabular-nums;font-size:.85em;padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:var(--accent)}.scan-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.scan-metrics>div{border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:14px}.scan-metrics strong{display:block;color:var(--accent);font-size:1.8em;font-variant-numeric:tabular-nums}.scan-metrics span{font-size:.7em;color:var(--muted)}.scan-feed{list-style:none;margin:10px 0;padding:0;max-height:245px;overflow:auto;border-top:1px solid var(--line)}.scan-feed:empty{display:none}.scan-feed li{display:grid;grid-template-columns:20px minmax(0,1fr) 45px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.78em;line-height:1.5}.scan-feed li>span:first-child{color:var(--mint)}.scan-feed .latest{color:var(--ink);font-weight:600}.scan-feed time{font-size:.85em;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.scan-truth{margin-bottom:0}.scan-finished .scan-track span{width:100%;background:var(--mint)}.scan-interrupted .scan-track span{background:var(--muted)}.metric-updated{animation:scan-number .45s ease-out}@keyframes scan-breathe{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--accent) 12%,transparent);transform:scale(1.06)}}@keyframes scan-number{50%{transform:translateY(-3px);color:var(--mint)}}@media(max-width:650px){.scan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#scan-progress{padding:16px}.scan-orbit{display:none}.scan-stages{gap:10px;font-size:.65em}}@media(prefers-reduced-motion:reduce){.running .scan-orbit,.metric-updated{animation:none}}
:root .calm-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:32px;align-items:center}
.hero-intro{min-width:0}.hero-intro .compact-label{display:block;max-width:330px;margin-top:24px}.hero-intro .compact-label select{width:100%;margin-bottom:0}
.next-focus{display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:100%;min-width:0;padding:26px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 30px #0001;color:var(--ink);overflow-wrap:anywhere}
button.next-focus:hover{border-color:var(--accent);background:var(--surface)}.next-focus .eyebrow{font-size:.7em;letter-spacing:.13em}.focus-topline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:100%}.focus-topline .focus-badge{margin:0}.focus-timing{font-size:.8em;color:var(--muted)}.focus-overdue{color:var(--danger)}.focus-company{font-size:1.4em;line-height:1.25}.focus-person{color:var(--muted);margin-top:-6px}.focus-action .step-badge{margin:0}.focus-date{font-weight:600;line-height:1.5}.focus-date small{display:block;color:var(--muted);font-size:.75em;font-weight:400}.focus-open{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:16px;border-top:1px solid var(--line);color:var(--accent);font-weight:650}.focus-open>span{font-size:1.4em}.next-focus-empty h2{margin:0;font-size:1.3em}.next-focus-empty p{margin:0;font-size:.9em;line-height:1.6}.focus-symbol{font-size:2em;color:var(--accent)}
[data-theme=light] .next-focus{background:#faf7ff;border-color:#c5b4d9}[data-theme=light] button.next-focus:hover{background:#f2ebfc}[data-theme=light] .focus-overdue{color:#8b4430}

.complete-designer{padding:28px;border:1px solid var(--accent);border-radius:18px;background:var(--panel);margin:24px 0}.complete-designer h2{font-size:1.5em;margin:12px 0}.complete-designer textarea{min-height:140px;line-height:1.65}.complete-designer label{margin-top:14px}.compose-progress{color:var(--muted);line-height:1.8;padding-left:24px}.composition-section textarea{min-height:130px}.composition-section summary{font-weight:600}.composition-section{padding:16px;border:1px solid var(--line);border-radius:12px}.composition-section input[type=color]{height:48px}.composition-section .design-settings-grid>label{margin-top:6px}
.mail-connection{padding:20px;margin:18px 0;border:1px solid var(--border);border-radius:16px}.mail-connection h3{margin:0 0 8px}.mail-connection .studio-actions{margin:16px 0}.mail-connection-list{display:grid;gap:4px}.mail-review{border-left:4px solid var(--accent);padding:18px;margin:16px 0}.mail-review p{overflow-wrap:anywhere}
#studio-sending>.panel{padding:20px;margin-top:24px}#microsoft-admin summary{font-weight:650}#microsoft-admin li{margin:14px 0;line-height:1.65}

/* Email Studio: everyday writing stays separate from the design workbench. */
.studio-library-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;list-style:none;margin:0!important}.studio-library-summary::before{content:'▸';color:var(--accent)}.studio-library[open]>.studio-library-summary::before{content:'▾'}.studio-library-summary>span:first-child{font-weight:650;color:var(--ink)}.studio-library-summary strong{font-size:.85em;color:var(--accent);font-weight:550}.studio-library-summary .field-hint{margin-left:auto}.studio-library[open]>.library-tools{margin-top:22px}.studio-library:not([open]){padding:18px 22px}.studio-message-heading{margin:0 0 22px;font-size:1.15em}.studio-toolbar{justify-content:flex-end}.studio-toolbar #designer-open{border-color:var(--accent);color:var(--accent)}
#composition-message-editor textarea{height:auto;min-height:110px;max-height:400px;resize:vertical}#composition-message-editor h3{margin-bottom:8px}
.email-designer-dialog{width:min(1500px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);overflow:hidden}.email-designer-dialog[open]{display:flex;flex-direction:column}.email-designer-dialog::backdrop{background:#080917ad;backdrop-filter:blur(5px)}
.designer-modal-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 26px;border-bottom:1px solid var(--line);background:var(--soft);flex-shrink:0}.designer-modal-head h2{font-size:1.5em;margin:5px 0}.designer-modal-head p{font-size:.85em;margin:0}.designer-modal-close{font-size:22px;min-width:46px;min-height:46px;padding:8px}
.designer-modal-body{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);flex:1;min-height:0}.designer-workbench{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line)}.designer-tool-tabs{display:flex;gap:6px;margin:0;padding:12px 18px;border-bottom:1px solid var(--line);overflow:auto;flex-shrink:0}.designer-tool-tabs button{font-size:.8em;white-space:nowrap;padding:9px 12px;color:var(--muted);border:1px solid transparent;border-radius:10px}.designer-tool-tabs button[aria-pressed=true]{color:var(--accent);background:var(--soft);border-color:var(--line)}.designer-tool-content{padding:20px 24px;overflow:auto;overscroll-behavior:contain;min-height:0}.designer-modal-preview{padding:20px;overflow:auto;overscroll-behavior:contain;background:var(--bg);min-width:0}.designer-preview-subject{font-size:.8em;overflow-wrap:anywhere}.designer-email-render{margin:auto;width:100%;padding:8px;border-radius:10px}.designer-email-render.mobile-email{max-width:350px}.designer-modal-preview .studio-preview{padding:8px;overflow:auto}.designer-modal-preview .preview-top button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.designer-modal-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--line);background:var(--panel);flex-shrink:0}.designer-modal-footer p{font-size:.75em;line-height:1.5;flex:1;min-width:200px;margin:0}.designer-modal-footer button{font-size:.85em;min-height:44px}.email-designer-dialog .complete-designer{border:0;padding:0;margin:0 0 24px}.email-designer-dialog .complete-designer h2{font-size:1.3em}.email-designer-dialog .complete-designer p{font-size:.85em;line-height:1.6}.email-designer-dialog label{font-size:.85em;margin:14px 0 8px}.email-designer-dialog input,.email-designer-dialog select{margin:6px 0 10px}.email-designer-dialog textarea{height:auto;min-height:130px;margin:8px 0 16px;line-height:1.6}.email-designer-dialog .field-hint{font-size:.76em}.email-designer-dialog details{margin:12px 0 20px}.email-designer-dialog .composition-section>summary{font-size:.9em}.email-designer-dialog .preview-top{font-size:11px}.email-designer-dialog .preview-top button{font-size:13px}.email-designer-dialog .studio-actions{margin-top:12px}.email-designer-dialog .studio-actions button{font-size:.85em}.email-designer-dialog .field-colours{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:850px){.email-designer-dialog{width:98vw;max-width:98vw;height:96dvh;max-height:96dvh;border-radius:14px}.designer-modal-head{padding:14px 18px}.designer-modal-head .eyebrow,.designer-modal-head p{display:none}.designer-modal-body{display:block;overflow:auto}.designer-workbench{border-right:0;display:block}.designer-tool-content{overflow:visible;padding:16px}.designer-tool-tabs{position:sticky;top:0;z-index:1;background:var(--panel);padding:8px}.designer-modal-preview{overflow:visible;padding:16px;border-top:1px solid var(--line)}.designer-modal-footer{padding:12px;gap:8px}.designer-modal-footer p{font-size:.65em}.designer-modal-footer button{font-size:.8em}.studio-library-summary{gap:8px}.studio-library-summary .field-hint{margin-left:0;width:100%}}

/* Section arrangement: clear grips, drop positions and independent email-safe spacing. */
.composition-section>summary{display:flex;align-items:center;gap:10px;list-style:none}.composition-section>summary::before{content:'▸';color:var(--accent)}.composition-section[open]>summary::before{content:'▾'}.composition-section>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}.section-grip{cursor:grab;border:1px solid var(--line);border-radius:9px;padding:6px 10px;font-size:24px;line-height:1;color:var(--accent);background:var(--soft);min-width:40px;min-height:40px}.section-grip:active{cursor:grabbing}.section-grip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section-dragging{opacity:.5}.composition-section.drop-before{border-top:4px solid var(--accent)}.composition-section.drop-after{border-bottom:4px solid var(--accent)}.section-position{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:20px 0;background:var(--soft)}.section-position legend{font-weight:650;padding:0 8px;font-size:.85em}.section-edge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.section-nudges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-nudges button{min-width:44px;min-height:44px;font-size:20px;padding:8px}.section-image-tools{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:16px}.section-tool-status:empty{display:none}.section-tool-status{padding:12px;border-radius:8px;background:var(--soft)}

.section-grip{touch-action:none;user-select:none;cursor:grab}.section-grip:active{cursor:grabbing}