/* A shared quiet surface for navigation, writing and sources. */
html[data-design="segnale"] {
  --radius-control:8px; --radius-item:10px; --radius-menu:14px; --radius-surface:16px;
  --surface-shadow:0 4px 20px #25352d08; --menu-shadow:0 12px 40px #25352d1c;
  --ink:#2b3230; --muted:#626e67; --ink-muted:#626e67;
  --ratio-page:var(--bg); --ratio-ink:var(--ink); --ratio-muted:var(--muted); --ratio-line:var(--line); --ratio-accent:var(--accent);
  --bg:#f5f4f0; --paper:#fffefb; --soft:#efeee8; --panel:#e8e8e1; --line:#ddded6;
  --accent-light:#496654; --accent-dark:#b3cdbb; --accent-fill:#dbe7df;
  --accent:var(--accent-light); --accent-hover:var(--accent-light); --brand:var(--accent);
  --signal:var(--accent-fill); --signal-hover:color-mix(in srgb,var(--accent-fill) 85%,var(--accent-light));
  --signal-ink:#202b25; --signal-wash:color-mix(in srgb,var(--accent-fill) 45%,var(--paper));
  --tint:var(--signal-wash);
  /* The chosen hue must remain visible on the resting chat and navigation. */
  --surface-outline:color-mix(in srgb,var(--accent) 55%,var(--line));
}
html[data-design="segnale"][data-accent="petrol"] { --accent-light:#276371; --accent-dark:#9acbd4; --accent-fill:#d5e8eb; }
html[data-design="segnale"][data-accent="indigo"] { --accent-light:#535c99; --accent-dark:#b8bff0; --accent-fill:#e0e3f4; }
html[data-design="segnale"][data-accent="terracotta"] { --accent-light:#96543e; --accent-dark:#e8baa8; --accent-fill:#f0ded5; }
html[data-design="segnale"][data-accent="graphite"] { --accent-light:#525e64; --accent-dark:#bac5ca; --accent-fill:#e0e5e7; }
html[data-design="segnale"][data-theme="dark"] {
  --ink:#edf1e9; --muted:#b7c1b8; --ink-muted:#b7c1b8;
  --surface-shadow:0 4px 20px #0000000d; --menu-shadow:0 12px 40px #00000030;
  --bg:#242a28; --paper:#2d3431; --soft:#333b36; --panel:#38413a; --line:#48524a;
  --accent:var(--accent-dark); --accent-hover:var(--accent-dark); --brand:var(--accent);
  --signal-wash:color-mix(in srgb,var(--accent-fill) 12%,var(--paper)); --tint:var(--signal-wash);
}

/* Remove the old graphite rail's local palette: all surfaces inherit the theme. */
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-navigation,.topbar,.appearance-control) {
  --bg:inherit; --paper:inherit; --panel:inherit; --soft:inherit; --ink:inherit;
  --muted:inherit; --line:inherit; --accent:inherit; color:var(--ink);
}
html[data-design="segnale"] body[data-app-shell="unified"] .chat-layout>.work-navigation:not([hidden]) {
  margin:12px 0 12px 12px; background:var(--paper); border:1px solid var(--surface-outline);
  border-radius:var(--radius-surface); box-shadow:var(--surface-shadow);
}
html[data-design="segnale"] body[data-app-shell="unified"] .work-navigation-heading { min-height:112px;padding:22px 19px 18px; }
html[data-design="segnale"] .segnale-wordmark { width:153px;font-size:51px;color:var(--ink); }
html[data-design="segnale"] .segnale-wordmark small { font-size:9px;margin-top:11px; }
html[data-design="segnale"] body[data-app-shell="unified"] .work-navigation-content { padding-left:12px;padding-right:12px; }
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-nav-item,.work-document-open,.legora-project-heading,.legora-nav-resource,#work-account,#new-chat,.work-project-create) { color:var(--ink); }
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-nav-item small,.work-nav-empty,.work-section-toggle,.work-documents-manage,.legora-nav-caption,.legora-active-project .conversation-tools>summary,.work-all,.work-nav-delete) { color:var(--muted); }
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-nav-item,.work-document-open,.legora-nav-resource,#work-account,.work-documents-manage,.work-project-create):hover { background:var(--soft);color:var(--ink); }
html[data-design="segnale"] body[data-app-shell="unified"] .work-nav-item[aria-current="page"] { background:var(--signal-wash);color:var(--ink);box-shadow:inset 0 0 0 1px var(--surface-outline); }
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-search,.legora-active-project,.work-section-heading,.work-account-footer,.project-context-chats) { border-color:var(--line); }
html[data-design="segnale"] body[data-app-shell="unified"] .work-search { background:transparent;color:var(--muted); }
html[data-design="segnale"] body[data-app-shell="unified"] .work-search:focus-within { background:var(--soft);border-color:var(--accent); }
html[data-design="segnale"] body[data-app-shell="unified"][data-legora-navigation="true"] #new-chat.legora-new-chat { background:var(--soft);border-color:var(--surface-outline);color:var(--ink); }
html[data-design="segnale"] body[data-app-shell="unified"][data-legora-navigation="true"] #new-chat.legora-new-chat:hover:not(:disabled) { background:var(--signal-wash);border-color:var(--accent); }
html[data-design="segnale"] #legora-active-project .legora-project-tabs button[aria-current="page"] { background:var(--signal-wash);color:var(--accent); }
html[data-design="segnale"] body[data-app-shell="unified"] #project-chat-select,
html[data-design="segnale"] .legora-active-project #project-chat-select,
html[data-design="segnale"] body[data-app-shell="unified"] #project-chat-select option { background:var(--paper);color:var(--ink);border-color:var(--surface-outline); }
html[data-design="segnale"] body[data-app-shell="unified"] :is(.work-navigation-scroll,#work-recent-matters,#work-recent-chats,.work-document-list) { scrollbar-color:var(--line) transparent; }

/* The header recedes into the page instead of forming another dark bar. */
html[data-design="segnale"] body[data-app-shell="unified"] .topbar { background:var(--bg);border-bottom-color:transparent; }
html[data-design="segnale"] body[data-app-shell="unified"] .topbar .shell-context { color:var(--muted);font-weight:500; }
html[data-design="segnale"] body[data-app-shell="unified"] .topbar :is(.text-button,.eyebrow,#workspace-guide-open) { color:var(--muted);border-color:var(--line); }
html[data-design="segnale"] body[data-app-shell="unified"] .topbar :is(.text-button,#workspace-guide-open):hover { color:var(--ink);background:var(--soft);border-color:var(--surface-outline); }
html[data-design="segnale"] .workspace-panel-header { background:var(--paper);color:var(--ink);border-color:var(--line);--accent:inherit; }
html[data-design="segnale"] .workspace-panel-header button { color:var(--muted); }
html[data-design="segnale"] .workspace-panel-header button:hover { background:var(--soft);color:var(--ink); }

html[data-design="segnale"] body[data-app-shell="unified"] .welcome h1 { font-size:clamp(29px,3vw,38px);line-height:1.2;letter-spacing:-.035em; }
html[data-design="segnale"] .segnale-answer-title { font-size:clamp(25px,2.3vw,30px);line-height:1.25;letter-spacing:-.03em;margin-bottom:20px; }
html[data-design="segnale"] .segnale-answer-header { margin-bottom:24px; }
html[data-design="segnale"] body[data-app-shell="unified"][data-legora-composer="true"] .composer,
html[data-design="segnale"] .segnale-sources .segnale-source-link,
html[data-design="segnale"] .document-pane-citation { background:var(--paper);border:1px solid var(--surface-outline);border-radius:var(--radius-surface);box-shadow:var(--surface-shadow); }
html[data-design="segnale"] .segnale-sources .segnale-source-link:hover { border-color:var(--accent); }
html[data-design="segnale"] body[data-app-shell="unified"][data-legora-composer="true"] .composer:focus-within { border-color:var(--surface-outline);box-shadow:var(--surface-shadow); }
html[data-design="segnale"] body[data-app-shell="unified"][data-legora-composer="true"] .composer:has(#question:focus) { border-color:color-mix(in srgb,var(--accent) 25%,var(--surface-outline));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 0 8px color-mix(in srgb,var(--accent) 9%,transparent),var(--surface-shadow); }
html[data-design="segnale"] .legora-picker-header.is-plus { justify-content:flex-end;padding:0 0 4px; }
html[data-design="segnale"] .legora-picker-header.is-plus .legora-picker-close { display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border-radius:var(--radius-control);font-size:21px;line-height:1; }
html[data-design="segnale"] .legora-picker-header.is-plus .legora-picker-close:hover { background:var(--soft);color:var(--ink); }
html[data-design="segnale"] .execution-profile-open { color:var(--ink); }
html[data-design="segnale"] :is(.legora-plus,.legora-create)[aria-expanded="true"]:not(:disabled) { background:var(--signal-wash);color:var(--ink); }

/* Color preferences live only in Account; chat retains its day/night switch. */
html[data-design="segnale"] .appearance-switch { background:var(--paper);color:var(--muted);border-color:var(--surface-outline);border-radius:10px; }
html[data-design="segnale"] .appearance-thumb { background:var(--signal-wash);border-radius:7px;box-shadow:none; }
html[data-design="segnale"][data-theme] .appearance-switch :is(.appearance-sun,.appearance-moon) { color:var(--muted); }
html[data-design="segnale"][data-theme="light"] .appearance-switch .appearance-sun,
html[data-design="segnale"][data-theme="dark"] .appearance-switch .appearance-moon { color:var(--accent); }
html[data-design="segnale"] .appearance-switch:hover { border-color:var(--accent); }
html[data-design="segnale"] .named-account-page { background:var(--bg);color:var(--ink); }
html[data-design="segnale"] .named-account-page .account-panel { max-width:540px;margin-top:clamp(32px,6vh,68px); }
html[data-design="segnale"] .named-account-page .account-panel h1 { font:600 clamp(28px,4vw,36px)/1.2 Manrope,sans-serif; }
html[data-design="segnale"] .named-account-page .button { border-radius:var(--radius-control); }
html[data-design="segnale"] .account-appearance { margin-top:30px;padding:22px;border:1px solid var(--surface-outline);border-radius:var(--radius-surface);background:var(--paper);box-shadow:var(--surface-shadow); }
html[data-design="segnale"] .account-appearance h2 { margin:0 0 8px;font:600 17px/1.4 Manrope,sans-serif;letter-spacing:-.02em; }
html[data-design="segnale"] .account-appearance>p { margin:0 0 18px;color:var(--muted);font:400 12px/1.7 Manrope,sans-serif; }
html[data-design="segnale"] .account-colors { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
html[data-design="segnale"] .account-colors button { display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;color:var(--ink);font:500 12px/1.5 Manrope,sans-serif;text-align:left; }
html[data-design="segnale"] .account-colors button:hover { background:var(--soft);border-color:var(--accent); }
/* Match the pre-paint root preference even while Account controls are disabled. */
html[data-design="segnale"][data-accent="sage"] [data-color-choice="sage"],
html[data-design="segnale"][data-accent="petrol"] [data-color-choice="petrol"],
html[data-design="segnale"][data-accent="indigo"] [data-color-choice="indigo"],
html[data-design="segnale"][data-accent="terracotta"] [data-color-choice="terracotta"],
html[data-design="segnale"][data-accent="graphite"] [data-color-choice="graphite"] { background:var(--signal-wash);border-color:var(--accent);--color-choice-check:visible; }
html[data-design="segnale"] .account-color-swatch { width:20px;height:20px;flex:none;border-radius:50%;background:#496654;border:1px solid #0002; }
html[data-design="segnale"] [data-color-choice="petrol"] .account-color-swatch { background:#276371; }
html[data-design="segnale"] [data-color-choice="indigo"] .account-color-swatch { background:#535c99; }
html[data-design="segnale"] [data-color-choice="terracotta"] .account-color-swatch { background:#96543e; }
html[data-design="segnale"] [data-color-choice="graphite"] .account-color-swatch { background:#525e64; }
html[data-design="segnale"] .account-color-check { margin-left:auto;visibility:var(--color-choice-check,hidden);color:var(--accent); }
html[data-design="segnale"] .account-appearance .account-color-status { min-height:20px;margin:12px 0 0;font-size:11px; }
@media(max-width:600px) {
  html[data-design="segnale"] .account-appearance { padding:16px; }
  html[data-design="segnale"] .account-colors { grid-template-columns:1fr; }
}

@media(max-width:850px) {
  html[data-design="segnale"] body[data-app-shell="unified"] .chat-layout>.work-navigation:not([hidden]) { margin:0;background:transparent;border:0;box-shadow:none;border-radius:0; }
  html[data-design="segnale"] body[data-app-shell="unified"] .work-navigation-heading { min-height:64px;align-items:center;padding:0 0 0 16px; }
  html[data-design="segnale"] .segnale-wordmark { width:91px;font-size:32px; }
  html[data-design="segnale"] .segnale-wordmark small { margin-top:6px;font-size:7px; }
  html[data-design="segnale"] body[data-app-shell="unified"] .work-navigation.is-open .work-navigation-content { left:10px;bottom:10px;top:72px!important;width:min(310px,calc(100vw - 30px));background:var(--paper);border:1px solid var(--surface-outline);border-radius:var(--radius-surface);box-shadow:var(--menu-shadow); }
  html[data-design="segnale"] body[data-app-shell="unified"] .work-navigation-toggle { color:var(--ink); }
}
@media(max-width:600px) {
  html[data-design="segnale"] body[data-app-shell="unified"] .welcome h1 { font-size:29px; }
  html[data-design="segnale"] .segnale-answer-title { font-size:25px; }
}
@media(forced-colors:active) {
  html[data-design="segnale"] .account-color-swatch { forced-color-adjust:none; }
  html[data-design="segnale"] .account-colors button[aria-pressed="true"] { border-color:Highlight; }
}