/* Shared workspace language, extended from the approved workload Overview.
   One frame, equal 24px content gutters, 24px section gaps, 12px panels. */
:root { --workspace-radius:12px; --workspace-gap:24px; }
.content { padding:24px; }
.view-work { padding-top:20px; }
.workspace-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px; }
.workspace-heading h2 { font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:var(--ink);margin:0 0 10px; }
.workspace-heading p { font-size:12px;color:var(--secondary);line-height:1.65;margin:0; }
.workspace-heading .actions { flex:none; }
.workspace-summary { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:24px; }
.workspace-stat { display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:9px;min-width:0;padding:20px 24px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;text-align:left;white-space:normal; }
.workspace-stat:last-child { border-right:0; }
.workspace-stat>span { font-size:12px;font-weight:500;color:var(--secondary); }
.workspace-stat>strong { font-size:32px;line-height:1;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink); }
.workspace-stat>small { font-size:11px;line-height:1.5;font-weight:400;color:var(--muted); }
button.workspace-stat:hover { background:#faf9f7; }
.workspace-stat.selected:after { content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;background:var(--accent); }
.task-sections { margin-bottom:20px; }
.task-sections [role=tab] { font-size:12px;padding-bottom:12px; }
.work-toolbar { border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:12px; }
.board-search input { font-size:12px; }
.collection-select,.toolbar-popover>summary,.toolbar-button { font-size:11px; }
.collection-select { max-width:155px;width:155px; }
.collection-caption { font-size:11px;line-height:1.6;margin:0 0 20px; }
.group-heading { font-size:13px;color:var(--secondary);margin-bottom:12px; }
.group-heading .counter { font-size:11px; }
.quiet-card,.disclosure { border-radius:var(--workspace-radius);box-shadow:none; }
.task-table th { font-size:11px;color:var(--muted);font-weight:400;background:transparent; }
.task-table td { border-color:var(--line);padding:17px 20px; }
.task-table .name-col { font-size:13px;color:var(--ink); }
.task-table .name-col small { font-size:11px;line-height:1.5;margin-top:6px;color:var(--muted); }
.task-marker { display:none; }
.task-name { gap:0; }
.task-type-tags>span { font-size:11px;line-height:1.5;border-radius:4px; }
.task-scope-detail { font-size:11px;line-height:1.6; }
.status-picker select { font-size:11px;padding-top:5px;padding-bottom:5px; }
.task-table.scope-table td.price-col { font-size:13px;font-weight:500;font-variant-numeric:tabular-nums; }
.more-list-rows { font-size:12px;padding:13px; }
.popover-body { border:1px solid var(--line);border-radius:12px; }
.library-toolbar { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px; }
.library-toolbar>.text-search { display:flex;align-items:center;gap:9px;flex:1;max-width:390px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:3px 12px; }
.library-toolbar .text-search input { background:transparent;border:0;font-size:12px;min-height:36px; }
.library-toolbar .text-search svg { width:16px;height:16px;color:var(--muted); }
.library-toolbar>span { color:var(--muted);font-size:11px; }
.library-brand { border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:0 0 16px;overflow:hidden; }
.library-brand>summary { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;color:var(--ink);border:0;list-style:none; }
.library-brand>summary::-webkit-details-marker { display:none; }
.library-brand>summary:after { content:'›';font-size:20px;font-weight:400;color:var(--muted);transition:transform .15s; }
.library-brand[open]>summary:after { transform:rotate(90deg); }
.library-brand-title { display:flex;align-items:center;gap:10px;flex:1;min-width:0; }
.library-brand-title b { font-size:16px;font-weight:550; }
.library-brand-title small { font-size:11px;font-weight:400;color:var(--muted);margin-left:6px; }
.library-brand-work { font-size:11px;color:var(--secondary);font-weight:400; }
.library-products { border-top:1px solid var(--line); }
.library-product { width:100%;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 22px;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;white-space:normal; }
.library-product:last-child { border-bottom:0; }
.library-product:hover { background:#fcfaf7; }
.library-product-name { flex:1;min-width:0; }
.library-product-name strong { display:block;font-size:13px;font-weight:550;color:var(--ink);line-height:1.5; }
.library-product-name small { display:block;font-size:11px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.library-product-work { text-align:right;font-size:12px;color:var(--secondary);font-weight:400;flex:none; }
.library-product-work small { display:block;font-size:11px;color:var(--muted);margin-top:5px; }
.library-product>svg { width:16px;height:16px;color:var(--muted);flex:none; }
.page-heading h1 { font-size:28px;font-weight:600;letter-spacing:-1px;color:var(--ink); }
.page-heading .subtext { font-size:12px;line-height:1.65;color:var(--secondary); }
.product-overview { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;margin-bottom:24px; }
.product-stat { display:flex;flex-direction:column;align-items:flex-start;padding:20px 24px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent; }
.product-stat:last-child { border-right:0; }
.product-stat small { font-size:12px;color:var(--secondary); }
.product-stat strong { font-size:32px;color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin-top:10px; }
.section-header { margin-bottom:14px; }
.section-header h2 { font-size:16px;font-weight:550;color:var(--ink); }
.settings-layout { grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start; }
.settings-nav { padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px; }
.settings-nav button { min-height:40px;font-size:12px;border-radius:7px;color:var(--secondary);padding:11px 12px; }
.settings-nav button.active { background:#fff1e5;color:#965326; }
.settings-section { padding:26px;border-radius:12px;border-color:var(--line); }
.settings-section h2 { font-size:20px;font-weight:550;letter-spacing:-.5px;color:var(--ink);margin:0 0 10px; }
.settings-section>.subtext { color:var(--secondary);font-size:12px;line-height:1.7;margin-bottom:24px; }
.settings-section h3 { font-size:15px;font-weight:550;color:var(--ink); }
.field { font-size:12px;color:var(--secondary);gap:8px; }
.form-grid { gap:20px; }
.field input,.field select,.field textarea { font-size:13px;min-height:40px;border-color:#ddd;background:var(--surface);color:var(--ink);border-radius:8px; }
.field small,.hint,.check-label { font-size:11px;line-height:1.7;color:var(--secondary); }
.settings-row { padding:18px 0;border-color:var(--line); }
.settings-row b,.member-details b { color:var(--ink);font-size:13px;font-weight:550; }
.settings-row p,.member-details small { font-size:11px;color:var(--secondary);line-height:1.7; }
.permission-table { font-size:12px; }
.permission-table th { font-size:11px;font-weight:500;color:var(--secondary);background:transparent; }
.permission-table td { font-size:12px; }
.side-panel { width:min(720px,100vw);border-radius:16px 0 0 16px; }
.panel-header,.panel-footer { padding:20px 26px;border-color:var(--line); }
.panel-crumb { font-size:11px; }
.panel-body { padding:26px; }
.panel-body h2 { font-size:26px;font-weight:600;letter-spacing:-.8px;color:var(--ink);line-height:1.25;margin-bottom:24px; }
.panel-body .tabs { margin-bottom:20px; }
.tab { font-size:12px; }
.property-row { font-size:12px;padding:13px 0; }
.property-row .value { color:var(--ink);font-size:12px; }
.panel-section-title { font-size:13px;color:var(--ink);margin-top:24px; }
.brief-text { color:var(--secondary);font-size:13px;line-height:1.8; }
.quote-summary { background:#fff7ef;border-color:#f4e6d8;border-radius:12px;padding:20px;margin:24px 0; }
.quote-summary span { font-size:12px;color:#76583e; }
.quote-summary small { font-size:11px;color:#896d53; }
.quote-summary strong { font-size:26px;font-weight:500;letter-spacing:-.6px;font-variant-numeric:tabular-nums;color:#754d29; }
.disclosure { margin-top:16px; }
.disclosure>summary { font-size:12px;padding:17px 18px;color:var(--secondary); }
.disclosure-body { padding:18px; }
.disclosure-body h3 { font-size:13px;color:var(--ink); }
.modal { border-radius:14px; }
.modal-header,.modal-body,.modal-footer { padding:24px 26px; }
.modal-header h2 { font-size:24px;font-weight:550;letter-spacing:-.7px;color:var(--ink); }
.notification-row { padding:20px 24px;border-color:var(--line); }
.notification-row b { font-size:13px;font-weight:500;color:var(--ink); }
.notification-row p { font-size:11px;color:var(--muted); }
.notification-row.unread { background:#fff8f1; }
.empty-state h3 { font-size:17px;color:var(--ink); }
.empty-state p { font-size:12px;line-height:1.75;color:var(--secondary); }
.comment { border-color:var(--line);border-radius:10px; }
.comment header { font-size:11px; }
.comment p { font-size:13px;line-height:1.8; }
.comment.internal { background:#fff9f3; }
.timeline-item { font-size:12px;line-height:1.7; }
.timeline-item p { font-size:11px; }
.review-box { padding:22px;border-radius:12px; }
.review-box h3 { font-size:15px; }
.review-box .brief-text { font-size:13px; }
.checklist-row { font-size:12px;padding-top:12px;padding-bottom:12px; }
.search-result { padding:18px;font-size:13px; }
.search-result small { font-size:11px; }
.auth-form h2 { font-size:26px;font-weight:600;color:var(--ink); }
.auth-form footer { font-size:11px; }
.auth-form .field { font-size:12px; }
.dark .workspace-summary,.dark .library-brand,.dark .settings-nav,.dark .product-overview { background:var(--surface);border-color:var(--line); }
.dark .workspace-stat:hover,.dark .library-product:hover { background:#363739; }
.dark .settings-nav button.active { background:#453729;color:#e4c19e; }
.dark .field input,.dark .field select,.dark .field textarea { background:var(--surface);border-color:var(--line);color:var(--ink); }
.dark .quote-summary { background:#3a3026;border-color:#4b3b2a; }
.dark .quote-summary strong,.dark .quote-summary span,.dark .quote-summary small { color:#e5c19b; }
.dark .comment.internal { background:#37312a; }
.dark .notification-row.unread { background:#383129; }
@media(max-width:1100px) { .content { padding-left:20px;padding-right:20px; }.workspace-stat { padding:18px; }.workspace-heading h2 { font-size:26px; }.task-table td { padding-left:14px;padding-right:14px; }.settings-layout { grid-template-columns:150px minmax(0,1fr);gap:18px; }.settings-nav { padding:7px; }.settings-section { padding:22px; } }
@media(max-width:760px) {
 .content { padding:20px 16px 36px; }.workspace-heading { align-items:flex-start;margin-bottom:20px;gap:12px; }.workspace-heading h2 { font-size:24px;line-height:1.25; }.workspace-heading p { font-size:12px; }.workspace-heading .actions button { padding:9px 10px;font-size:11px; }.workspace-summary { margin-bottom:20px; }.workspace-stat { padding:16px 12px;gap:10px; }.workspace-stat strong { font-size:29px; }.workspace-stat span { font-size:11px; }.workspace-stat small { display:none; }.workspace-stat.selected:after { left:12px;right:12px; }.work-toolbar { padding:10px; }.board-controls { flex-wrap:wrap;justify-content:flex-start;gap:4px; }.collection-select { width:145px;max-width:145px; }.toolbar-popover>summary,.toolbar-button { font-size:11px;min-height:38px; }.board-controls>.toolbar-button[data-work-filter] { display:none; }.scope-table,.scope-table tbody { display:block;width:100%; }.scope-table thead { display:none; }.scope-table tbody tr { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 16px;border-bottom:1px solid var(--line); }.task-table.scope-table td { border:0;padding:0;width:auto!important;display:block;font-size:13px; }.scope-table .name-col { grid-column:1/-1; }.scope-table .stage-col { grid-column:1;grid-row:2; }.scope-table .price-col { grid-column:2;grid-row:2;text-align:right;align-self:center; }.scope-table .type-col { grid-column:1/-1;grid-row:3; }.task-table .name-col small { font-size:12px; }.task-type-tags>span,.task-scope-detail { font-size:12px; }.status-picker select { min-height:34px;font-size:12px; }.library-toolbar { flex-wrap:wrap;gap:12px; }.library-toolbar>.text-search { max-width:none;flex-basis:100%; }.library-brand>summary { padding:18px 16px;gap:10px;flex-wrap:wrap; }.library-brand-title { flex-basis:75%; }.library-brand-work { margin-left:17px;order:3; }.library-brand>summary:after { order:2; }.library-product { padding:18px 16px;flex-wrap:wrap;gap:12px; }.library-product-name { flex-basis:80%; }.library-product-work { flex:1;text-align:left;font-size:12px; }.library-product-name strong { font-size:14px; }.library-product-name small,.library-product-work small { font-size:12px; }.library-product>svg { width:18px;height:18px; }.settings-layout { display:block; }.settings-nav { display:flex;overflow:auto;gap:4px;padding:6px;margin-bottom:20px; }.settings-nav button { width:auto;white-space:nowrap;min-height:44px; }.settings-section { padding:22px 18px; }.form-grid { grid-template-columns:1fr; }.field { font-size:13px; }.field input,.field select,.field textarea { min-height:44px;font-size:14px; }.product-stat { padding:16px 12px; }.product-stat small { font-size:11px; }.product-stat strong { font-size:29px; }.side-panel { border-radius:0;width:100%; }.panel-body { padding:22px 18px; }.panel-header,.panel-footer { padding:18px; }.panel-body h2 { font-size:24px; }.modal-header,.modal-body,.modal-footer { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .library-brand>summary:after { transition:none; } }
/* In a working list, summaries stay compact so the task rows remain primary. */
.view-work .workspace-heading .task-sections { margin:0;border:0;gap:18px;padding:0; }
.view-work .workspace-heading .task-sections button { padding:9px 0; }
.view-work .workspace-stat { flex-direction:row;align-items:center;gap:12px;padding:18px 22px; }
.view-work .workspace-stat>strong { order:-1;font-size:28px; }
.view-work .workspace-stat>small { display:none; }
.view-work .workspace-summary { margin-bottom:20px; }
.view-work .collection-caption { padding-bottom:4px;margin-bottom:8px; }
.view-work .group-heading { padding:6px 0;margin-bottom:8px; }
.library-unlinked { margin:0 0 24px;background:transparent; }
.library-unlinked>summary { padding:12px 0;font-size:12px; }
.library-unlinked-task { display:flex;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;white-space:normal; }
.library-unlinked-task b { font-weight:500;font-size:12px;color:var(--ink); }
.library-unlinked-task small { display:block;font-size:11px;color:var(--muted);margin-top:5px; }
@media(max-width:760px) { .view-work .workspace-heading { flex-wrap:wrap; }.view-work .workspace-heading .actions { flex-basis:100%; }.view-work .workspace-stat { flex-direction:column;align-items:flex-start;padding:14px 12px;gap:8px; }.view-work .workspace-stat>strong { order:0;font-size:26px; }.view-work .workspace-heading .task-sections { gap:22px; } }
.work-group.ungrouped>.group-heading { display:none; }
@media(min-width:761px) and (max-width:1100px) {
 .app-shell { display:block; }
 .sidebar { position:relative;inset:auto;width:auto;height:auto;margin:8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-radius:16px;padding:12px 16px; }
 .sidebar .logo { padding:0;font-size:16px;flex:none; }
 .sidebar .workspace-label,.sidebar .side-label,.sidebar .sidebar-brands,.sidebar .sidebar-bottom { display:none; }
 .sidebar nav { display:flex;gap:4px; }
 .sidebar .nav-button { width:auto;margin:0;padding:9px 11px;font-size:12px; }
 .sidebar .nav-button svg { width:15px;height:15px; }
 .sidebar .nav-button .side-count,.sidebar .nav-button .badge { display:none; }
 .main { border-radius:0 0 29px 29px; }
 .topbar { height:64px; }
 .task-table.scope-table .name-col { width:37%; }.task-table.scope-table .stage-col { width:19%; }.task-table.scope-table .type-col { width:29%; }.task-table.scope-table .price-col { width:15%; }
 .task-table.scope-table td,.task-table.scope-table th { padding-left:12px;padding-right:12px; }
}
.task-properties { display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;background:#f8f8f8;border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0; }
.task-properties .property-row { display:block;padding:0;border:0;min-width:0; }
.task-properties .property-row>span { display:block;font-size:11px;color:var(--muted);margin-bottom:7px; }
.task-properties .property-row .value { font-size:12px; }
.dark .task-properties { background:#303133; }
@media(max-width:760px) { .task-properties { padding:16px;gap:18px; }.task-properties .property-row>span { font-size:12px; }.task-properties .property-row .value { font-size:13px; } }
.settings-mobile-select { display:none; }
.header-product-context { display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px; }
.header-product-context button { background:transparent;border:0;padding:0;font-size:12px;color:var(--secondary); }
@media(max-width:760px) {
 .view-work .collection-select { width:128px;max-width:128px;padding-left:5px;padding-right:5px; }
 .view-work .toolbar-popover>summary { padding-left:5px;padding-right:5px; }
 .view-work .board-controls { gap:3px; }
 .settings-mobile-select { display:block;margin:0 0 20px;background:var(--surface);border-color:var(--line);min-height:44px;font-size:14px; }
 .settings-layout>.settings-nav { display:none; }
}
/* Workspace identity: transparent master mark, optically fitted at each surface. */
.logo.workspace-identity { display:flex;align-items:center;gap:10px;padding:0 8px 20px;letter-spacing:0; }
.workspace-logo-mark { width:40px;height:40px;object-fit:contain;flex:none;background:#fff;border-radius:10px;padding:2px; }
.workspace-wordmark { display:flex;flex-direction:column;gap:4px;line-height:1;min-width:0; }
.workspace-wordmark b { color:#fafafa;font-size:17px;font-weight:600;letter-spacing:-.5px; }
.workspace-wordmark>span { color:#d2d2d5;font-size:12px;font-weight:400;letter-spacing:.25px; }
.auth-brand .logo.workspace-identity { padding:0;gap:13px; }
.auth-brand .workspace-logo-mark { width:54px;height:54px;border-radius:13px;padding:3px; }
.auth-brand .workspace-wordmark b { font-size:23px; }
.auth-brand .workspace-wordmark>span { font-size:15px; }
@media(max-width:1100px) and (min-width:761px) { .sidebar .logo.workspace-identity { padding:0;gap:9px; }.workspace-logo-mark { width:36px;height:36px; }.workspace-wordmark b { font-size:16px; }.workspace-wordmark>span { font-size:11px; } }
@media(max-width:760px) { .sidebar .logo.workspace-identity { padding:0 4px 15px;gap:10px; }.workspace-logo-mark { width:36px;height:36px; }.workspace-wordmark b { font-size:17px; }.workspace-wordmark>span { font-size:12px; } }
/* Filled navigation set. Motion is feedback, never a repeating decoration. */
.sidebar .menu-icon { fill:currentColor;stroke:none;width:18px;height:18px;flex:none;transform-origin:center;transition:transform 280ms cubic-bezier(.2,.8,.2,1),color 180ms ease;will-change:transform; }
.sidebar .menu-icon * { stroke:none; }
.sidebar .menu-icon .menu-detail { transform-box:fill-box;transform-origin:center;transition:transform 280ms cubic-bezier(.2,.8,.2,1); }
.sidebar .nav-button { transition:background-color 180ms ease,color 180ms ease; }
.sidebar .section-toggle { width:26px;height:26px;border:0;transition:transform 240ms cubic-bezier(.2,.8,.2,1); }
.sidebar .section-toggle .menu-icon { width:15px;height:15px; }
.sidebar-brands[open] .section-toggle { transform:rotate(90deg); }
.sidebar .member-heading button { border:0; }
.sidebar .member-heading .menu-icon { width:23px;height:23px; }
.sidebar .nav-button:focus-visible>.menu-icon { transform:translateY(-1px) scale(1.09); }
.sidebar .nav-button:focus-visible>.menu-icon-settings { transform:rotate(24deg) scale(1.08); }
@media(hover:hover) and (pointer:fine) {
 .sidebar .nav-button:hover>.menu-icon { transform:translateY(-1px) scale(1.09); }
 .sidebar .nav-button:hover>.menu-icon-settings { transform:rotate(24deg) scale(1.08); }
 .sidebar .nav-button:hover>.menu-icon-products { transform:translateY(-1px) rotate(-7deg) scale(1.09); }
 .sidebar .nav-button:hover>.menu-icon-focus .menu-detail { transform:translateY(-1.5px); }
 .sidebar .member-heading button:hover>.menu-icon { transform:rotate(90deg) scale(1.08); }
 .sidebar .profile-button:hover>.menu-icon { transform:translateX(2px); }
}
@media(prefers-reduced-motion:reduce) {
 .sidebar .menu-icon,.sidebar .menu-icon .menu-detail,.sidebar .nav-button,.sidebar .section-toggle { transition:none;will-change:auto; }
 .sidebar .nav-button:hover>.menu-icon,.sidebar .nav-button:focus-visible>.menu-icon,.sidebar .nav-button:hover>.menu-icon-focus .menu-detail,.sidebar .member-heading button:hover>.menu-icon,.sidebar .profile-button:hover>.menu-icon { transform:none; }
}
/* Persisted character avatars and the signed-in user's presence. */
.person-avatar { position:relative;display:inline-flex;width:36px;height:36px;flex:none;vertical-align:middle; }
.person-avatar>img { display:block;width:100%;height:100%;object-fit:cover;border-radius:11px; }
.person-avatar.profile-avatar { width:40px;height:40px; }
.person-avatar.profile-avatar>img { border-radius:50%; }
.person-avatar.large { width:76px;height:76px; }
.person-avatar.large>img { border-radius:21px; }
.person-avatar.tiny { width:28px;height:28px; }
.person-avatar.tiny>img { border-radius:8px; }
.presence-dot { position:absolute;bottom:-1px;right:-1px;width:13px;height:13px;border-radius:50%;background:#40c880;border:3px solid var(--surface); }
.sidebar .presence-dot { border-color:#222325; }
.person-avatar.large .presence-dot { width:17px;height:17px;border-width:3px;bottom:1px;right:1px; }
.profile-button { gap:11px;padding:12px 8px;min-height:70px; }
.profile-button b { font-size:14px;font-weight:550; }
.profile-button small { margin-top:5px;font-size:11px; }
.sidebar-member { gap:10px; }
.avatar-chooser { margin:18px 0 24px; }
.avatar-chooser>summary { cursor:pointer;color:var(--secondary);font-size:12px;list-style:none;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;min-height:34px;padding:7px 12px; }
.avatar-chooser>summary::-webkit-details-marker { display:none; }
.avatar-chooser>summary:hover { background:#faf7f3; }
.avatar-options { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:520px;margin-top:18px; }
.avatar-options button { padding:4px;border:2px solid transparent;background:transparent;border-radius:18px;min-width:0; }
.avatar-options button>img { display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:13px; }
.avatar-options button:hover { background:#f4f0ea;border-color:#e5d8ca; }
.avatar-options button[aria-pressed=true] { border-color:var(--accent);background:#fff0e4; }
.dark .avatar-options button[aria-pressed=true] { background:#49382a; }
@media(max-width:760px) { .avatar-options { grid-template-columns:repeat(3,minmax(0,1fr));max-width:330px;gap:12px; }.avatar-chooser>summary { min-height:44px;font-size:13px; } }
/* Keep the expanded brand list and account row within the sidebar. */
.sidebar { overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent; }
.sidebar-brands[open] { margin-top:18px; }
.sidebar-brands[open] .brand-shortcut { padding-top:7px;padding-bottom:7px; }
.sidebar:has(.sidebar-brands[open]) .sidebar-bottom { padding-top:12px; }
.sidebar:has(.sidebar-brands[open]) .sidebar-member-hint { display:none; }
.sidebar:has(.sidebar-brands[open]) .member-heading { padding-bottom:4px; }
/* Theme-specific artwork supplies its own contrast; no tile behind the mark. */
.workspace-logo-mark,.auth-brand .workspace-logo-mark { background:transparent;padding:0;border-radius:0; }
.workspace-identity[data-surface=light] .workspace-wordmark b { color:#242527; }
.workspace-identity[data-surface=light] .workspace-wordmark>span { color:#606164; }

/* One brand color, softened into a readable pastel identity on every surface. */
.brand-tag,.sidebar .brand-tag,.dispatch-brand-heading .brand-tag,.library-brand-title .brand-tag,.panel-crumb .brand-tag {
 display:inline-flex;align-items:center;justify-content:center;flex:none;max-width:100%;vertical-align:middle;
 padding:4px 10px;border:0;border-radius:999px;background:var(--brand-tag-bg,#edf0f5);color:var(--brand-tag-ink,#424955);
 font-size:11px;font-weight:600;line-height:1.35;letter-spacing:0;white-space:nowrap;text-decoration:none;
}
.sidebar .brand-shortcut .brand-tag { padding:4px 9px;font-size:10px; }
.task-name small .brand-tag { margin:0 3px 0 0; }
.task-name small { line-height:1.8; }
.header-title .brand-tag { font-size:14px;padding:6px 13px; }
.library-brand-title .brand-tag { font-size:12px;padding:6px 12px; }
.dispatch-task-name>span .brand-tag { margin-right:3px; }
.search-result small .brand-tag { margin:3px 4px 3px 0; }

/* Colors sampled from Shakil’s status reference; names retain the workspace workflow. */
.status-badge.status-pending { --status-bg:#fff4ee;--status-ink:#df8f40; }
.status-badge.status-progress { --status-bg:#e5f3fe;--status-ink:#0c8af1; }
.status-badge.status-submitted { --status-bg:#efeaff;--status-ink:#6a3eeb; }
.status-badge.status-review { --status-bg:#fcf5db;--status-ink:#de9629; }
.status-badge.status-success { --status-bg:#e1fae7;--status-ink:#3ebc62; }
.status-badge.status-changes { --status-bg:#fdefee;--status-ink:#e36d62; }
.status-badge.status-hold { --status-bg:#f1f1f1;--status-ink:#767676; }
.status-badge,.dark .status-badge {
 display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:0;border-radius:11px;
 background:var(--status-bg);color:var(--status-ink);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;
}
.status-badge .status-symbol { width:17px;height:17px;stroke:currentColor;stroke-width:2;fill:none;flex:none; }
.status-badge.status-picker { position:relative;padding:0; }
.status-badge.status-picker select,.dark .status-badge.status-picker select {
 color:var(--status-ink);background:transparent;border:0;border-radius:11px;font-size:12px;font-weight:600;line-height:1.5;padding:7px 11px 7px 33px;min-height:32px;
}
.status-badge.status-picker>.status-symbol { position:absolute;left:10px;right:auto;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none; }
.status-badge.status-picker option { font-weight:400;background:var(--surface);color:var(--ink); }
.group-heading .status-badge { margin-right:4px; }

/* Sidebar brand names stay quiet; their saved brand color appears after the name. */
.sidebar-brand-name { display:inline-flex;align-items:center;gap:8px;min-width:0; }
.sidebar-brand-dot { display:inline-block;width:7px;height:7px;border-radius:50%;flex:none; }

/* Size the chip from its selected label, never the dropdown's longest option. */
.status-badge.status-picker { width:max-content;padding:6px 10px;gap:7px; }
.status-badge.status-picker>.status-symbol { position:static;transform:none;width:16px;height:16px; }
.status-picker .status-label { display:block;font:inherit;line-height:1.5;pointer-events:none; }
.status-badge.status-picker select,.dark .status-badge.status-picker select { position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;opacity:0;cursor:pointer; }
.status-badge.status-picker:focus-within { outline:2px solid var(--accent);outline-offset:3px; }
.status-badge.status-picker:has(select:disabled) { opacity:.5; }