/* Shared surfaces cover all workspace screens, forms and dialogs. */
[hidden]{display:none!important}
html:has(dialog[open]){overflow:hidden}
:root{color-scheme:light;--surface:#fff;--surface-soft:#f3f8f5;--hover:#eef5f1;--sidebar:#123d35;--on-primary:#fff;--primary:#123d35;--shadow:0 16px 48px #123d351b}
:root[data-palette=slate]{--green:#23466b;--green-mid:#2d6394;--green-light:#e9f1fa;--mint:#92b9e8;--sidebar:#183451;--primary:#23466b;--canvas:#f2f5fa;--ink:#20334c;--muted:#596b82;--line:#dce3ed;--surface-soft:#f2f6fb;--hover:#eaf0f8}
:root[data-mode=dark]{color-scheme:dark;--canvas:#0d1916;--surface:#152520;--surface-soft:#1b3029;--hover:#223e33;--ink:#e3eee8;--muted:#a6bdb2;--line:#344d41;--white:#152520;--green:#286149;--primary:#286149;--green-mid:#9fdbbd;--green-light:#234332;--mint:#94d8ae;--sidebar:#10251b;--amber:#efc272;--amber-bg:#3c301c;--red:#f6b2ac;--red-bg:#432726;--blue:#a9c9f7;--shadow:0 16px 48px #0005}
:root[data-mode=dark][data-palette=slate]{--canvas:#101821;--surface:#182534;--surface-soft:#1e3042;--hover:#273e55;--ink:#e2eaf6;--muted:#a8bad0;--line:#354a63;--green:#305a80;--primary:#305a80;--green-mid:#a3c9ee;--green-light:#233e58;--mint:#a3c9ee;--sidebar:#112133}
body{background:var(--canvas);color:var(--ink)}.sidebar{background:var(--sidebar)}.topbar{position:sticky;top:0;z-index:25;background:var(--surface)}.panel,.stats,.view-switch,.filter-tabs button.active,.filter-link.active,dialog,.thread-list,.conversation,.conversation-panel,.composer,.icon-button,.button,.checklist,.skip-link{background:var(--surface);color:var(--ink)}
.field input,.field select,.field textarea,.composer textarea,.preview-role select{background:var(--surface);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.button.primary:hover{filter:brightness(1.12);background:var(--primary)}.button.subtle{background:transparent}.button:hover,.icon-button:hover,.account-chip:hover,.attention-row:hover,.stat:hover,.data-table tbody tr:hover{background:var(--hover)}.account-chip:hover{border-color:var(--line)}
.data-table th,.topbar .connection,.notice,.email-preview,.thread-item.active,.message.mine .message-bubble,.history-load{background:var(--surface-soft)}.data-table td,.attention-row,.schedule-item+.schedule-item,.thread-item,.file-row,.checklist>span{border-color:var(--line)}.callout,.note-panel{background:var(--green-light);color:var(--ink);border-color:var(--line)}.note-panel p,.description{color:var(--muted)}.callout.amber{background:var(--amber-bg);color:var(--amber);border-color:var(--line)}.alert-error{background:var(--red-bg);color:var(--red);border-color:var(--line)}.setup-guide{background:linear-gradient(110deg,var(--surface),var(--surface-soft))}.step-dot,.avatar,.directory-icon{background:var(--green-light);color:var(--green-mid);border-color:var(--line)}.complete .step-dot{background:var(--primary);color:var(--on-primary)}.job-tabs a.active,.filter-link.active{color:var(--green-mid);border-color:var(--green-mid)}.brand-mark{background:#fff}.nav a .nav-count{background:#d7e7dd;color:#173f2e}.nav a.active{background:var(--green-light);color:var(--ink)}.nav a:hover,.sidebar-bottom button:hover{background:#ffffff12}.nav a.active:hover{background:var(--green-light)}.topbar .connection:before{background:#429669}.topbar .connection.offline:before{background:#dca344}
[data-mode=dark] .message-bubble{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}[data-mode=dark] .message.mine .message-bubble{background:var(--green-light)}[data-mode=dark] .message-author,[data-mode=dark] .message-meta,[data-mode=dark] .application-field-feedback{color:var(--muted)}[data-mode=dark] .badge{background:#2b3c35;color:#d1dfd7}[data-mode=dark] .badge.progress{background:#243c5a;color:#c2d9f7}[data-mode=dark] .badge.review{background:#48391e;color:#f3cf8d}[data-mode=dark] .badge.completed{background:#264535;color:#b3e4c5}[data-mode=dark] .badge.new{background:#3a3150;color:#d9c7f3}[data-mode=dark] .badge.high{background:var(--red-bg);color:var(--red)}[data-mode=dark] .badge.planning{background:#294148;color:#bddee8}
.tier-badge,.badge:has(.tier-emblem){align-items:center;gap:8px;padding:5px 11px 5px 7px;line-height:1.3}.tier-emblem{width:32px;height:38px;flex:none;overflow:visible}.tier-emblem .tier-medal{fill:currentColor;fill-opacity:.22;stroke:currentColor;stroke-width:1.6}.tier-emblem .tier-inset{fill:var(--surface);fill-opacity:.65;stroke:currentColor;stroke-width:.6}.tier-emblem .tier-ribbon{fill:currentColor;fill-opacity:.3;stroke:currentColor;stroke-width:1}.tier-emblem text{fill:currentColor;font:700 13px Georgia,serif}
[data-mode=dark] .tier-unranked{background:var(--surface-soft);color:var(--muted)}[data-mode=dark] .tier-bronze,[data-mode=dark] .badge.bronze{background:#3d3026;color:#eac09b;border-color:#8c6848}[data-mode=dark] .tier-silver,[data-mode=dark] .badge.silver{background:#303944;color:#d1dae5;border-color:#667a91}[data-mode=dark] .tier-gold,[data-mode=dark] .badge.gold{background:#3a321d;color:#f0d183;border-color:#907b42}[data-mode=dark] .tier-platinum,[data-mode=dark] .badge.platinum{background:#253d3e;color:#beebec;border-color:#5c989a}
.main{padding-bottom:100px}.updates-button{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;min-height:52px;padding:12px 18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);z-index:40;font-size:.875rem;font-weight:650;transition:background .18s,box-shadow .18s,transform .18s}.updates-button:hover{transform:translateY(-2px);background:var(--hover)}.updates-button.has-updates{background:var(--primary);color:var(--on-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 40%,transparent),var(--shadow);border-color:var(--mint)}.updates-button b{background:var(--on-primary);color:var(--primary);border-radius:20px;min-width:24px;padding:2px 6px;font-size:.75rem}.updates-button.offline{border-style:dashed}
.updates-panel{inset:0 0 0 auto;margin:0;width:min(460px,100%);max-width:100%;height:100dvh;max-height:100dvh;border:1px solid var(--line);border-radius:18px 0 0 18px;box-shadow:var(--shadow);padding:0}.updates-panel[open]{display:flex;flex-direction:column;animation:updates-enter .18s var(--ease-out)}@keyframes updates-enter{from{opacity:.4;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}.updates-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 16px}.updates-head .eyebrow{display:block;margin-bottom:5px}.updates-tools{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 12px}.updates-status,.updates-tone{font-size:.8125rem;line-height:1.6;color:var(--muted);padding:0 24px 8px}.updates-tone{padding-bottom:16px}.updates-list{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;border-block:1px solid var(--line)}.update-item{display:flex;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);line-height:1.55}.update-item:last-child{border-bottom:0}.update-item:hover{background:var(--hover)}.update-item.is-unread{background:var(--surface-soft)}.update-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--line);margin-top:7px;flex:none}.is-unread .update-dot{background:var(--green-mid);border-color:var(--green-mid)}.update-item>div{min-width:0;overflow-wrap:anywhere}.update-item strong{font-size:.9375rem;display:block}.update-context{display:block;font-size:.875rem;color:var(--muted);margin:4px 0}.update-item p{font-size:.875rem;white-space:pre-wrap;margin:6px 0}.update-item small{font-size:.75rem;color:var(--muted)}.updates-foot{display:grid;gap:12px;padding:16px 24px max(18px,env(safe-area-inset-bottom));font-size:.75rem;color:var(--muted)}.updates-foot .button{justify-self:start}#workspace-changed{margin:0 0 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}#workspace-changed[hidden]{display:none}
@media(max-width:740px){.updates-button{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:10px 15px;min-height:48px}.main{padding-bottom:90px}.updates-panel{width:100%;border-radius:0}.updates-head{padding:20px 18px 14px}.updates-tools{padding-inline:18px}.updates-status,.updates-tone{padding-inline:18px}.updates-tools .button{min-height:44px}.update-item{padding:16px 18px}.updates-foot{padding-inline:18px}.topbar-right{gap:5px}.topbar .connection{font-size:0;padding:0;border:0;background:none;width:12px;max-width:12px}.topbar .connection:before{width:8px;height:8px}.topbar .appearance-button{width:40px;min-width:40px}.account-chip{padding-inline:3px}.topbar{gap:7px}#workspace-changed{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.updates-panel[open]{animation:none}.updates-button{transition:none}}
@media print{#live-controls{display:none!important}}
.commercial-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.commercial-heading p{color:var(--muted);margin-top:8px}.commercial-heading .eyebrow{display:block}.commercial-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}.cost-preview{position:sticky;top:98px}.cost-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cost-metrics>div{display:grid;gap:7px}.cost-metrics span{color:var(--muted);font-size:.875rem}.cost-metrics strong{font-size:1.35rem;overflow-wrap:anywhere}.cost-negative{color:var(--red)!important}.cost-budgets{display:grid;gap:14px;padding:20px 0;border-block:1px solid var(--line);margin:20px 0}.cost-budgets>div{display:flex;justify-content:space-between;gap:14px;font-size:.875rem}.cost-budgets dt{color:var(--muted)}.cost-budgets dd{margin:0;font-weight:600}.quote-card h2{font-size:1.5rem}.quote-card .eyebrow{display:block}.quote-card{max-width:960px}.commercial-grid .callout .button{white-space:normal}
.commercial-grid .form-row{align-items:start}.pricing-field-help{display:block;color:var(--muted);font-size:.8125rem;font-weight:400;line-height:1.55;overflow-wrap:anywhere}.pricing-guide{border-block:1px solid var(--line);padding:16px 0}.pricing-guide summary{cursor:pointer;font-weight:600;line-height:1.5}.pricing-guide summary:focus-visible{outline:2px solid var(--green-mid);outline-offset:4px}.pricing-guide dl{margin:16px 0;display:grid;gap:6px}.pricing-guide dt{font-weight:600;margin-top:8px}.pricing-guide dd{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}
/* Theme the complete message card, including its author and timestamp. */
.message{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
.message.own{background:var(--green-light);border-color:var(--line)}
.message-meta{color:var(--muted);flex-wrap:wrap;gap:4px 18px}
.message-meta strong{color:var(--ink);overflow-wrap:anywhere}
.message p,.message.own p{background:transparent;color:inherit}
.stat,.thread-item{background:var(--surface);color:var(--ink)}.thread-item:hover,.stat:hover{background:var(--hover)}.thread-item.active{background:var(--surface-soft);border-color:var(--line)}
@media(max-width:1050px){.commercial-grid{grid-template-columns:1fr}.cost-preview{position:static}}@media(max-width:740px){.commercial-heading{flex-direction:column;align-items:start}.cost-metrics{gap:16px}.cost-metrics strong{font-size:1.2rem}.cost-budgets>div{flex-wrap:wrap}.commercial-grid{gap:16px}}

/* Recruitment and ongoing engineer readiness. */
.readiness-section{margin-block:24px}.readiness-section .section-label{margin-top:0}.readiness-section h3{margin-block:22px 12px}.readiness-repeat{margin-block:16px;padding:20px;border:1px solid var(--line);border-radius:12px;display:grid;gap:16px;min-width:0}.readiness-repeat legend{font-weight:650;padding-inline:8px}.readiness-summary{padding:16px;margin-block:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.readiness-summary p{margin-top:8px}.readiness-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.readiness-cards p{margin-top:10px}.readiness-form{max-width:1050px}.readiness-form fieldset{min-width:0}.readiness-pin{min-width:0}.readiness-pin .location-map{margin-block:16px}.readiness-section details summary{cursor:pointer;font-weight:600}.readiness-upload{max-width:700px}.readiness-section .file-row{flex-wrap:wrap}.readiness-section .file-row>div{min-width:0}.readiness-section .file-row strong{overflow-wrap:anywhere}
@media(max-width:740px){.readiness-repeat{padding:14px}.readiness-cards{grid-template-columns:minmax(0,1fr)}.readiness-section{padding:18px}.readiness-section .section-label{flex-wrap:wrap;gap:12px}.readiness-form .button{width:100%}}

/* Daily-use reliability surfaces share the active palette. */
.attention-panel{margin-bottom:24px}.attention-count{display:grid;place-items:center;min-width:40px;height:40px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-weight:700}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.recovery-grid p{margin-block:14px;line-height:1.6}.recovery-grid .button{margin:6px 8px 0 0}.draft-notice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.8rem;color:var(--muted);line-height:1.5}.draft-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-actions[hidden]{display:none}.session-warning{position:fixed;z-index:10000;top:12px;left:50%;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));padding:16px;display:flex;align-items:center;gap:18px;border:2px solid var(--green);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 6px 30px #0003}.session-warning p{flex:1;line-height:1.5}.recovery-codes{padding:16px;border:1px solid var(--line);border-radius:8px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);color:var(--text)}
@media(max-width:740px){.recovery-grid{grid-template-columns:1fr}.session-warning{align-items:stretch;flex-direction:column;gap:10px}.draft-notice .button{min-height:44px}.draft-notice{font-size:.8rem}}
/* Header utilities occupy layout space and never cover a form action. */
#live-controls{display:flex;align-items:center;gap:8px;flex:none}
@media(max-width:740px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-block:10px}.topbar-right{margin-left:auto}.topbar #global-search{order:3;flex:1 1 100%;max-width:none;width:100%;min-width:0}.topbar #global-search input{min-width:0;width:100%}}
.topbar #live-controls .updates-button{position:static;inset:auto;min-height:42px;padding:8px 12px;border-radius:12px;box-shadow:none;transform:none;font-size:.8125rem;gap:6px}
.help-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:650}
.help-button>span:first-child{display:grid;place-items:center;border:1.5px solid currentColor;width:20px;height:20px;border-radius:50%;font-size:13px}
.chat-toolbar{display:flex;gap:14px;align-items:end;margin:0 0 18px;flex-wrap:wrap}.chat-toolbar>.field:first-child{flex:1;min-width:180px}.chat-toolbar>.field:nth-child(2){min-width:165px}.chat-toolbar #chat-filter-status{padding-bottom:12px}
.thread-item[hidden],.skill-option[hidden],.skill-catalog details[hidden]{display:none!important}
.messages.compact{display:flex;flex-direction:column;gap:14px}.messages .message{width:fit-content;max-width:88%;margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:16px 16px 16px 4px;background:var(--surface-soft);color:var(--ink);align-self:flex-start}.messages .message.own{align-self:flex-end;border-radius:16px 16px 4px 16px;background:var(--hover)}.message-meta{flex-wrap:wrap;gap:8px 20px}.messages .message p{background:transparent;color:inherit;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.message-tickets,.composer-tickets{display:flex;flex-wrap:wrap;gap:7px}.message-tickets{margin-top:12px}.message-tickets a{display:block;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:.8125rem;background:var(--surface);overflow-wrap:anywhere}.composer-ticket{display:flex;align-items:center;gap:8px;padding:6px 9px;margin-bottom:8px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;font-size:.8125rem;max-width:100%}.composer-ticket>span{overflow-wrap:anywhere}.composer-ticket button{background:transparent;color:var(--ink);border:0;min-width:32px;min-height:32px;font-size:20px}.composer-foot{flex-wrap:wrap}.composer-foot #message-status{flex:1;min-width:100px}
.ticket-choices{display:grid;gap:8px;max-height:45vh;overflow:auto}.ticket-choice{display:grid;gap:5px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;color:var(--ink)}.ticket-choice:hover{background:var(--hover)}.ticket-choice span{color:var(--muted);font-size:.8125rem}
.permission-options{display:grid;gap:8px}.permission-options label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}.permission-options input{width:18px;height:18px;flex:none;accent-color:var(--primary)}
.skill-picker{display:grid;gap:12px;min-width:0}.skill-catalog{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:12px}.skill-catalog summary{cursor:pointer;padding:10px 0;font-weight:650}.skill-options{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:10px}.skill-option{font:inherit;font-size:.8125rem;border:1px solid var(--line);border-radius:20px;padding:8px 12px;background:var(--surface);color:var(--ink)}.skill-option[aria-pressed=true]{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.profile-form>.skill-picker{grid-column:1/-1}
@media(max-width:1100px){.topbar #live-controls .updates-button>span,.help-button .control-label{display:none}.topbar #live-controls .updates-button,.help-button{width:42px;padding:8px;position:relative}.topbar #live-controls .updates-button b{position:absolute;top:-7px;right:-7px;min-width:18px;padding:1px 3px;font-size:10px}.topbar-right{gap:7px}}
@media(max-width:740px){#live-controls{gap:5px}.topbar #live-controls .updates-button,.help-button{width:40px;min-height:40px}.chat-toolbar{gap:9px}.chat-toolbar>.field:first-child{min-width:150px}.chat-toolbar>.field:nth-child(2){min-width:130px}.chat-toolbar #chat-filter-status{width:100%;padding:0}.main:has(.conversation-open) .chat-toolbar{display:none}.conversation-open .composer{max-height:48dvh;overflow:auto;background:var(--surface)}.messages .message{max-width:94%;padding:11px 13px}.message-meta time{font-size:.7rem}.skill-catalog{max-height:280px}}

.admin-record{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.admin-record>div{min-width:0}.admin-record p{overflow-wrap:anywhere}.audit-detail{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.85rem;max-height:360px;overflow:auto;margin-block:12px}.admin-filters{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-filters .field{flex:1;min-width:180px}.sandbox-banner{padding:14px 24px;background:#704b00;color:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sandbox-banner a{text-decoration:underline;color:#fff}.test-mail{padding:16px 0;border-bottom:1px solid var(--line)}.test-mail summary{cursor:pointer;font-weight:600}@media(max-width:740px){.admin-record{align-items:stretch;flex-direction:column;gap:12px}.sandbox-banner{padding:12px;font-size:.8rem;gap:10px}}
/* Readable audit summaries and ticket collaboration. */
.activity-title{display:block;font-size:1rem;line-height:1.5}.activity-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px 20px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.activity-facts dt{font-size:.78rem;color:var(--muted);margin-bottom:5px}.activity-facts dd{margin:0;font-weight:600;overflow-wrap:anywhere}.timeline-item .activity-notes{color:var(--ink);white-space:pre-wrap;margin:10px 0}.ticket-presence{margin:18px 0;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);font-size:.82rem}.ticket-sync-state{display:block;color:var(--muted);margin-bottom:8px}.ticket-peers{display:flex;flex-wrap:wrap;gap:8px}.ticket-peer{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.ticket-peer span:last-child{color:var(--muted)}.presence-dot{height:7px;width:7px;border-radius:50%;background:var(--green-mid)}.ticket-peer.is-editing{border-color:var(--amber);background:var(--amber-bg)}.is-editing .presence-dot{background:var(--amber)}.collaboration-note{grid-column:1/-1;margin:0 0 12px;font-size:.85rem}@media(max-width:740px){.activity-facts{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.ticket-presence{padding:12px}.ticket-peer{max-width:100%;overflow-wrap:anywhere}}
.timeline-item>.wrap{flex:1;min-width:0;white-space:normal}.activity-title{white-space:pre-wrap}

/* Usability: focus each screen on the work and its next action. */
.nav-engineers{margin:0 0 8px 14px;border-left:1px solid #ffffff30;padding-left:8px}
.nav-engineers summary{cursor:pointer;padding:10px 12px;color:inherit;font-size:.85rem;min-height:44px;display:list-item;list-style-position:inside}
.nav-engineers a{font-size:.85rem}
.ticket-more{margin:12px 0}
.ticket-more summary{cursor:pointer;display:list-item;list-style-position:inside;width:fit-content;min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.ticket-more[open] .button-row{padding:12px 0;gap:8px;display:flex;flex-wrap:wrap}
.ticket-next-step{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin:0 0 20px;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:10px;background:var(--surface-soft)}
.ticket-next-step h2{font-size:1rem;margin:0 0 6px}.ticket-next-step p{margin:0;line-height:1.5}.ticket-next-step .button{flex-shrink:0}
.ticket-presence{padding:0;border:0;background:transparent;margin:10px 0;font-size:.78rem}.ticket-presence:empty,.ticket-peers:empty{display:none}.ticket-sync-state{margin:0}.ticket-peers:not(:empty){margin-top:8px}
.intake-step>details{margin:16px 0}.intake-step>details>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}
@media(max-width:740px){
 #ticket-heading .page-heading{margin-bottom:10px;gap:10px}#ticket-heading .page-heading h1{font-size:1.5rem}#ticket-heading .page-heading p{margin-top:4px}
 #ticket-heading .breadcrumbs{margin-bottom:10px}#ticket-heading .above-tabs{margin-bottom:8px;gap:8px}
 .ticket-more{margin:8px 0}.ticket-more summary{padding:10px 12px}.ticket-more .button-row>.button{flex:1 1 140px}
 .job-tabs{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:16px;scrollbar-width:thin}.job-tabs a{flex:0 0 auto;padding:10px 12px;white-space:nowrap}
 .ticket-next-step{padding:14px;gap:12px;flex-direction:column;align-items:stretch}.ticket-next-step .button{align-self:flex-start}
 .ticket-presence{padding:0;margin:8px 0}.ticket-peer{padding:4px 8px}
}

/* Personal job views and staff follow-up controls. */
.job-filters{margin-bottom:18px}.job-filters>.button-row{flex-wrap:wrap}.job-filter-details,.saved-job-views{margin-top:16px}.job-filter-details>summary,.saved-job-views>summary{cursor:pointer;font-weight:600;padding:8px 0}.saved-job-views ul{list-style:none;padding:0;display:grid;gap:8px}.saved-job-views li{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-job-views li a{overflow-wrap:anywhere}.job-followup{margin-bottom:20px}.job-followup .panel-heading{padding:0;margin-bottom:12px;flex-wrap:wrap;gap:12px}.intake-location-summary{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);overflow-wrap:anywhere}.intake-location-summary p{margin-top:8px}.job-filter-details>summary:focus-visible,.saved-job-views>summary:focus-visible{outline:2px solid var(--green-mid);outline-offset:3px}@media(max-width:740px){.job-filters .button-row{flex-wrap:wrap}.job-filters .field input,.job-filters .field select{font-size:16px}.saved-job-views li{align-items:start}}

/* Control readability and reachability across both palettes and screen sizes. */
.appearance-changing,.appearance-changing *,.appearance-changing *::before,.appearance-changing *::after{transition:none!important}
:root{--control-border:#7b8f84;--focus:#438dce}
:root[data-palette=slate]{--control-border:#7b8a9d}
:root[data-mode=dark]{--control-border:#718d7e}
:root[data-mode=dark][data-palette=slate]{--control-border:#778da8}
.button,.icon-button,.help-button,.updates-button{border-color:var(--control-border)}
.button{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%;line-height:1.45}
.button.danger{border-color:var(--red)}
.button.subtle{border-color:transparent}
.field input,.field select,.field textarea,.composer textarea,.inline-field select{border-color:var(--control-border)}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--focus)}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.stat:focus-visible,.thread-item:focus-visible,.job-tabs a:focus-visible,.board-card:focus-visible{outline-offset:-3px}
.help-button:hover,.filter-link:hover,.filter-tabs button:hover,.view-switch button:hover,.audience-tabs button:hover,.skill-option:hover{background:var(--hover)}
.filter-link,.filter-tabs button,.view-switch button,.audience-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.filter-link.active,.filter-tabs button.active,.view-switch button.active,.audience-tabs button.active{background:var(--green-light);color:var(--green-mid);border-color:var(--green-mid)}
.skill-option[aria-pressed=true]:hover{background:var(--primary)}
.button:disabled,.button.primary:disabled,.button.primary:disabled:hover,.icon-button:disabled,.help-button:disabled,.updates-button:disabled,.skill-option:disabled,.skill-option[aria-pressed]:disabled,.skill-option[aria-pressed]:disabled:hover,button:disabled,button:disabled:hover{background:var(--surface-soft);color:var(--muted);border-color:var(--line);opacity:1;filter:none;transform:none;box-shadow:none;cursor:not-allowed}
.button.is-saving:disabled,.button.primary.is-saving:disabled,.icon-button.is-saving:disabled{color:var(--ink);cursor:progress}
.icon-button.is-saving .icon{display:none}
.dialog-foot,.dialog-head,.panel-heading{flex-wrap:wrap}
.dialog-head .icon-button,.updates-head .icon-button{flex:none}
.dialog-foot>.button{min-width:0}
.job-filter-details>summary,.saved-job-views>summary,.pricing-guide>summary,.readiness-section details>summary,.test-mail>summary{min-height:44px;align-content:center}
.ref{color:var(--muted)}
.session-warning,.recovery-codes{color:var(--ink)}
.board-card,.finance-summary,.invoice-paper{background:var(--surface);color:var(--ink)}
.board-column,.calendar-tile,.invoice-disclaimer{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
.invoice-brand>div:last-child,.invoice-disclaimer{color:var(--muted)}
.board-footer{border-color:var(--line)}
.inline-field select{background:var(--surface);color:var(--ink)}
.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding-block:12px}
.topbar>.search{flex:1 1 220px;min-width:0}
.topbar-right{max-width:100%;margin-left:auto}
.topbar .icon-button,.topbar .appearance-button,.topbar #live-controls .updates-button,.help-button{min-height:44px;min-width:44px}
.topbar #live-controls .updates-button,.help-button{flex-shrink:0}
@media(max-width:740px){
 .topbar{min-height:68px;padding-block:10px}
 .topbar .appearance-button,.topbar #live-controls .updates-button,.help-button{width:44px;min-width:44px;min-height:44px}
 .button,.button.small,.icon-button,.skill-option,button.text-link,.composer-ticket button,.message-tickets a{min-height:44px}
 .icon-button,.composer-ticket button{min-width:44px}
 .button-row,.dialog-foot{min-width:0}
 .pagination{flex-wrap:wrap}.pagination>div{flex-wrap:wrap}
 .saved-job-views li{flex-wrap:wrap}.saved-job-views li a{display:inline-flex;align-items:center;min-height:44px}
 .audience-tabs{flex-wrap:wrap}.audience-tabs button{flex:1 1 auto}
}
@media print{.invoice-paper,.invoice-disclaimer,.invoice-paper .data-table th{background:#fff;color:#172d28}.invoice-paper .muted,.invoice-paper .invoice-brand>div:last-child,.invoice-paper .invoice-disclaimer{color:#445f53}}