:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #121622;
  color: #eef1fa;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; min-height: 100vh; height: 100vh; overflow: hidden; background: #121622; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.desktop-shortcut-icon { display: none; margin-left: 5px; opacity: .72; font-size: 15px; line-height: 0; }
@media (hover: hover) and (pointer: fine) { .desktop-shortcut-icon { display: inline-block; } }
.card-note-dialog #cardNoteContent { min-height: 300px; }
.card-note-dialog { width: min(680px, calc(100vw - 30px)); }
.note-mode-bar { display: flex; align-items: center; gap: 4px; margin: -3px 0 3px; padding: 4px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(8,11,20,.35); }
.note-mode-bar > span { margin-left: auto; padding-right: 7px; color: #8794ad; font-size: 10px; font-weight: 650; }
.note-mode-button { padding: 6px 10px; border: 0; border-radius: 6px; color: #9eabc5; background: transparent; font-size: 11px; font-weight: 720; transition: background .16s ease, color .16s ease; }
.note-mode-button:hover { color: #edf1ff; }
.note-mode-button.is-active { color: #f5f7ff; background: rgba(119,127,240,.35); box-shadow: inset 0 0 0 1px rgba(163,169,255,.28); }
dialog.card-note-dialog[open] { height: min(780px, calc(100vh - 28px)) !important; overflow: hidden; }
.card-note-dialog .settings-form { flex: 1 1 auto; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; overflow: hidden; overscroll-behavior: contain; }
.card-note-dialog::backdrop { background: rgba(7,9,15,.82); backdrop-filter: none; }
.card-note-dialog #cardNoteEditorField { grid-template-rows: auto minmax(0, 1fr); min-height: 0; }.card-note-dialog #cardNoteContent { min-height: 0 !important; height: 100%; }
.card-note-preview { min-height: 0; height: 100%; padding: 14px 15px; overflow-y: auto; overflow-x: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; color: #e7ebf8; background: #111521; contain: content; font-size: 13px; line-height: 1.6; overscroll-behavior: contain; }
.card-note-dialog #cardNoteEditorField[hidden], .card-note-dialog #cardNotePreview[hidden] { display: none !important; }
.card-note-preview > :first-child { margin-top: 0; }
.card-note-preview > :last-child { margin-bottom: 0; }
.card-note-preview h1, .card-note-preview h2, .card-note-preview h3, .card-note-preview h4 { color: #f4f6ff; line-height: 1.25; }
.card-note-preview h1 { font-size: 1.55em; }.card-note-preview h2 { font-size: 1.32em; }.card-note-preview h3 { font-size: 1.14em; }.card-note-preview h4 { font-size: 1em; }
.card-note-preview p { margin: 0 0 10px; }.card-note-preview ul, .card-note-preview ol { margin: 0 0 11px; padding-left: 22px; }.card-note-preview blockquote { margin: 10px 0; padding: 7px 11px; border-left: 3px solid #8290f5; color: #bfc9df; background: rgba(130,144,245,.08); }.card-note-preview pre { margin: 10px 0; padding: 11px; overflow: auto; border-radius: 7px; background: #0b0e17; }.card-note-preview code { padding: 1px 4px; border-radius: 4px; color: #d8ddff; background: rgba(120,130,190,.17); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; }.card-note-preview pre code { padding: 0; background: transparent; }.card-note-preview a { color: #aeb8ff; }.card-note-preview hr { border: 0; border-top: 1px solid rgba(255,255,255,.14); margin: 16px 0; }.card-note-preview .note-empty { color: #7f8ba1; font-style: italic; }
.markdown-table-wrap { max-width: 100%; margin: 11px 0; overflow-x: auto; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; }.card-note-preview table { width: 100%; min-width: 420px; border-spacing: 0; border-collapse: collapse; font-size: .92em; }.card-note-preview th, .card-note-preview td { padding: 8px 10px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); vertical-align: top; }.card-note-preview th:last-child, .card-note-preview td:last-child { border-right: 0; }.card-note-preview tr:last-child td { border-bottom: 0; }.card-note-preview th { color: #f2f4ff; background: rgba(115,126,233,.2); font-weight: 760; }.card-note-preview td { color: #d3daeb; }.card-note-preview tbody tr:nth-child(even) td { background: rgba(255,255,255,.025); }
@media (max-height: 620px) { .card-note-dialog #cardNoteContent { min-height: 180px; } }
@media (max-width: 560px) { .card-note-dialog { width: calc(100vw - 18px); }.card-note-preview { min-height: 230px; }.note-mode-bar > span { display: none; } }
.task-list-item { grid-template-columns: minmax(0, 1fr) auto; }

.app-shell { display: grid; grid-template-columns: 334px minmax(0, 1fr); min-height: 0; height: 100vh; overflow: hidden; }
.app-shell.is-presenting { display: block; }.app-shell.is-presenting .app-rail, .app-shell.is-presenting .sidebar, .app-shell.is-presenting .workspace-header, .app-shell.is-presenting .statusbar, .app-shell.is-presenting .mindmap-canvas-toolbar { display: none; }.app-shell.is-presenting .workspace { height: 100vh; }.app-shell.is-presenting .planner-area { padding: 18px; }.app-shell.is-presenting .zoom-controls { right: 34px; bottom: 34px; }
.presentation-exit { display: none; position: absolute; top: 24px; right: 28px; z-index: 4; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; color: #e6eafb; background: rgba(17,21,33,.82); font-size: 22px; opacity: 0; transition: opacity .18s ease, background .18s ease; }.app-shell.is-presenting .presentation-exit { display: grid; place-items: center; }.app-shell.is-presenting .presentation-exit:hover, .app-shell.is-presenting .presentation-exit:focus-visible { opacity: 1; background: rgba(48,56,79,.96); }
.sidebar { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 18px; padding: 26px 20px 18px; background: #171b27; border-right: 1px solid rgba(255,255,255,.075); overflow-y: auto; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #f4f6ff; text-decoration: none; font-size: 20px; font-weight: 760; letter-spacing: -.75px; }
.brand > span:last-child span { color: #94a1ff; }
.brand-mark { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; color: white; font-size: 21px; font-weight: 600; background: linear-gradient(145deg, #6d78ed, #9875e3); box-shadow: 0 7px 22px rgba(101,116,232,.35); }
.panel { padding: 15px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.026); }
.composer-panel { background: linear-gradient(145deg, rgba(101,116,232,.13), rgba(155,114,232,.055)); border-color: rgba(139,147,255,.19); }
.section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.section-heading h1, .section-heading h2 { margin: 0; color: #d8def2; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.shortcut { padding: 2px 5px; border: 1px solid rgba(255,255,255,.11); border-radius: 4px; color: #8f9bb5; font-size: 10px; }
#taskInput, select, textarea { width: 100%; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }
#taskInput { padding: 11px 12px; font-weight: 570; }
#taskInput::placeholder, textarea::placeholder { color: #69758d; }
#taskInput:focus, select:focus, textarea:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }
.composer-hint { margin: 9px 1px 12px; color: #8794ad; font-size: 11px; line-height: 1.45; }
select { padding: 8px; color: #dbe1f4; font-size: 12px; }
select option { background: #171b27; }
.primary-button, .save-button { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; padding: 11px 14px; border: 0; border-radius: 8px; color: white; font-weight: 720; font-size: 13px; background: linear-gradient(135deg, #6976e9, #9070df); box-shadow: 0 8px 20px rgba(91,103,217,.25); transition: transform .16s ease, filter .16s ease; }
.primary-button:hover, .save-button:hover { transform: translateY(-1px); filter: brightness(1.08); }
.primary-button span { font-size: 17px; line-height: 10px; }
.tool-button, .text-button { display: flex; align-items: center; width: 100%; padding: 8px 3px; border: 0; color: #b8c2d9; background: transparent; text-align: left; font-size: 13px; }
.tool-button > span:first-child { display: inline-grid; flex: 0 0 22px; width: 22px; place-items: center; color: #98a4ff; font-size: 18px; }.tool-button > span:not(:first-child) { color: inherit; }
.tool-button:hover, .tool-button.is-active { color: white; }
.tool-button.is-active { color: #c9ceff; }
.tool-button.tool-wip { color: #d2aa69; }.tool-button.tool-wip > span:first-child { color: #e0b772; }
.mindmap-tools { display: grid; gap: 5px; margin-top: 8px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); }.mindmap-tools[hidden] { display: none; }.tool-group { border: 1px solid transparent; border-radius: 8px; }.tool-group.is-open { border-color: rgba(255,255,255,.055); background: rgba(255,255,255,.015); }.tool-group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 7px; border: 0; border-radius: 7px; color: #98a5c1; background: transparent; font-size: 9px; font-weight: 780; letter-spacing: .11em; text-align: left; }.tool-group-toggle:hover { color: #d9dfff; background: rgba(137,148,251,.09); }.tool-group-toggle b { color: #8f9dce; font-size: 14px; font-weight: 500; line-height: .5; transition: transform .16s ease; }.tool-group:not(.is-open) .tool-group-toggle b { transform: rotate(-90deg); }.tool-group-content { display: grid; gap: 1px; padding: 0 7px 7px; }.tool-group:not(.is-open) .tool-group-content { display: none; }.tool-select { display: grid; gap: 5px; margin: 4px 3px 6px; color: #9ca9c2; font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }.tool-select select, .tool-select input { padding: 7px 8px; }
.helper-text { margin: 9px 0 0; color: #7e8ba5; font-size: 11px; line-height: 1.5; }
.settings-panel { display: grid; gap: 10px; }.settings-panel[hidden] { display: none; }
.settings-panel .section-heading { margin-bottom: 0; }
.switch-row { display: flex; align-items: center; justify-content: space-between; color: #bbc4d7; font-size: 12px; cursor: pointer; }
.switch-row input { position: absolute; opacity: 0; }
.switch-row i { position: relative; display: block; width: 31px; height: 18px; border-radius: 99px; background: #343c50; transition: background .18s; }
.switch-row i::after { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: #cad1e2; content: ''; transition: transform .18s, background .18s; }
.switch-row input:checked + i { background: #6574e8; }.switch-row input:checked + i::after { transform: translateX(13px); background: white; }
.sidebar-footer { display: grid; gap: 8px; margin-top: auto; padding-top: 6px; }.plan-state { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #aeb9d0; font-size: 11px; }.save-button { background: #284d46; box-shadow: none; }.save-button:hover { background: #32665b; }.save-button:disabled { cursor: wait; opacity: .6; }
.workspace-notices-panel { display: grid; gap: 9px; margin-top: auto; padding: 13px; border: 1px solid rgba(102,190,220,.28); border-radius: 12px; background: linear-gradient(145deg, rgba(47,139,184,.16), rgba(89,104,211,.075)); box-shadow: inset 0 1px 0 rgba(219,247,255,.045); }.workspace-notices-panel[hidden] { display: none; }.workspace-notices-panel + .sidebar-footer { margin-top: 0; }.workspace-notices-panel[hidden] + .sidebar-footer { margin-top: auto; }
.workspace-notices-heading { display: flex; align-items: center; gap: 7px; color: #dff4ff; }.workspace-notices-heading .lucide { width: 15px; height: 15px; color: #80d9ee; }.workspace-notices-heading h2 { margin: 0; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.workspace-notices-panel .workspace-notice { display: grid; gap: 5px; max-width: none; margin: 0; overflow: visible; color: #c8d9ec; font-size: 11px; font-style: normal; line-height: 1.42; text-overflow: clip; white-space: normal; }.workspace-notices-panel .workspace-notice p { margin: 0; padding-left: 9px; border-left: 2px solid rgba(126,217,238,.47); }
.auth-dialog[open] { display: grid; width: min(430px, calc(100vw - 28px)); margin: auto; padding: 0; border: 1px solid rgba(137,148,251,.34); border-radius: 16px; color: #edf1fc; background: #171c29; box-shadow: 0 28px 90px rgba(0,0,0,.54); }.auth-dialog::backdrop { background: rgba(5,7,13,.76); backdrop-filter: blur(9px); }.auth-form { display: grid; gap: 13px; padding: 30px; }.auth-brand { display: inline-flex; align-items: center; gap: 9px; color: #f5f7ff; font-size: 21px; font-weight: 790; letter-spacing: -.7px; }.auth-brand span:last-child span { color: #9ba4ff; }.auth-form .eyebrow { margin: 10px 0 -7px; }.auth-form h1 { margin: 0; color: #f4f6ff; font-size: 24px; letter-spacing: -.8px; }.auth-form > p:not(.auth-error) { margin: -4px 0 2px; color: #9eabc5; font-size: 12px; line-height: 1.5; }.auth-form .settings-label { display: grid; gap: 6px; }.auth-form input { width: 100%; padding: 10px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; outline: none; color: #f1f4ff; background: #111521; }.auth-form input:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }.auth-error { margin: 0; padding: 9px 10px; border: 1px solid rgba(235,107,129,.4); border-radius: 8px; color: #ffb5c1; background: rgba(201,75,96,.12); font-size: 12px; line-height: 1.4; }.auth-error[hidden] { display: none; }.auth-mode-button { justify-self: center; padding: 3px; border: 0; color: #aeb9ff; background: transparent; font-size: 12px; font-weight: 700; text-transform: none; letter-spacing: 0; }.auth-mode-button:hover { transform: none; color: #eff1ff; text-decoration: underline; }
.text-button { justify-content: center; color: #8d9bb3; }.text-button:hover { color: #e9edf9; }.text-button.danger:hover { color: #ff9ba5; }
.workspace { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; min-height: 0; height: 100%; background: radial-gradient(circle at 70% -20%, #25315b 0, transparent 40%), #121622; }
.workspace-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 68px; padding: 10px 28px; border-bottom: 1px solid rgba(255,255,255,.07); }.workspace-title { display: flex; align-items: baseline; gap: 9px; min-width: 0; }.workspace-notice { max-width: 360px; margin: 0; overflow: hidden; color: #a9b5d0; font-size: 11px; font-style: italic; text-overflow: ellipsis; white-space: nowrap; }.eyebrow { margin: 0 0 5px; color: #8795d9; font-size: 10px; font-weight: 780; letter-spacing: .12em; }.workspace-title .eyebrow { margin: 0; }.workspace-header h2, .dialog-header h2 { margin: 0; color: #f1f3fb; font-size: 20px; letter-spacing: -.7px; }.save-state { padding: 4px 7px; border-radius: 99px; background: rgba(91,112,152,.12); color: #9aa9c3; }.save-state.is-dirty { color: #f4c677; background: rgba(202,151,68,.12); }.view-tabs { display: flex; align-items: center; gap: 5px; overflow-x: auto; }.view-tab { padding: 7px 10px; border: 1px solid transparent; border-radius: 7px; color: #91a0bb; background: transparent; font-size: 12px; font-weight: 650; text-transform: none; letter-spacing: 0; }.view-tab:hover { transform: none; box-shadow: none; color: #d8e0f5; background: rgba(255,255,255,.05); }.view-tab.is-active { border-color: rgba(137,148,251,.3); color: #dce1ff; background: rgba(101,116,232,.13); }.view-tab.add-view { color: #a7b1ff; }.view-tab.tab-manage { width: 24px; min-width: 24px; padding: 7px 3px; margin-left: -7px; color: #72809d; }.view-tab.tab-manage:hover { color: #d7dff3; }
.planner-area { position: relative; display: grid; min-width: 0; min-height: 0; height: 100%; padding: 14px 18px; }.canvas-view, .mindmap-view { display: flex; grid-area: 1 / 1; min-width: 0; min-height: 0; }.mindmap-view { position: relative; }.canvas-view[hidden], .mindmap-view[hidden] { display: none; }.mindmap-views { display: contents; }.planner-area canvas { display: block; flex: 1 1 auto; min-width: 0; min-height: 0; width: 100%; height: 100%; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: var(--schedule-canvas-background, #171c29); box-shadow: 0 20px 60px rgba(0,0,0,.15); }.mindmap-view > canvas { background: var(--mindmap-canvas-background, #171c29); }.mindmap-view .mindmap-minimap { position: absolute; right: 16px; bottom: 16px; z-index: 2; display: block; width: 160px; height: 108px; min-width: 160px; min-height: 108px; border: 1px solid rgba(190,201,255,.25); border-radius: 9px; background: #10141f; box-shadow: 0 10px 25px rgba(0,0,0,.35); cursor: pointer; }.zoom-controls { position: absolute; right: 34px; bottom: 28px; z-index: 3; display: flex; align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(17,21,33,.91); box-shadow: 0 8px 24px rgba(0,0,0,.28); }.zoom-controls button { width: 31px; height: 30px; padding: 0; border: 0; border-radius: 0; color: #dce3f6; background: transparent; font-size: 19px; line-height: 1; text-transform: none; }.zoom-controls button:hover { transform: none; box-shadow: none; background: rgba(255,255,255,.09); }.zoom-controls span { min-width: 49px; color: #aeb9cf; font-size: 11px; text-align: center; }
.zoom-controls[hidden] { display: none !important; }
.mindmap-canvas-toolbar { position: absolute; top: 26px; left: 50%; z-index: 6; width: max-content; max-width: min(920px, calc(100% - 180px)); transform: translateX(-50%); border: 1px solid rgba(168,180,255,.46); border-radius: 10px; color: #eaf0ff; background: rgba(16,21,35,.96); box-shadow: 0 12px 34px rgba(0,0,0,.38); backdrop-filter: blur(10px); }.mindmap-canvas-toolbar[hidden], .mindmap-view-controls[hidden] { display: none; }.mindmap-canvas-toolbar-trigger, .mindmap-selection-trigger { display: grid; width: 38px; height: 36px; padding: 0; place-items: center; border: 0; border-radius: 9px; color: #edf1ff; background: transparent; font-size: 20px; line-height: 1; text-transform: none; letter-spacing: 0; }.mindmap-canvas-toolbar-trigger:hover, .mindmap-selection-trigger:hover { transform: none; box-shadow: none; background: rgba(255,255,255,.08); }.mindmap-canvas-toolbar-actions { display: none; grid-template-columns: repeat(3, auto); gap: 12px; padding: 0 11px 11px; }.mindmap-canvas-toolbar:hover .mindmap-canvas-toolbar-actions, .mindmap-canvas-toolbar:focus-within .mindmap-canvas-toolbar-actions { display: grid; }.mindmap-canvas-toolbar-actions section { display: grid; gap: 5px; }.mindmap-canvas-toolbar-actions section > span { color: #92a0c6; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.mindmap-canvas-toolbar-actions section > div { display: grid; gap: 4px; }.mindmap-canvas-toolbar-actions button { min-width: 120px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; color: #dfe6ff; background: rgba(255,255,255,.045); font-size: 11px; font-weight: 700; text-align: left; text-transform: none; letter-spacing: 0; }.mindmap-canvas-toolbar-actions button:hover:not(:disabled) { transform: none; box-shadow: none; border-color: rgba(151,165,255,.62); color: #fff; background: rgba(101,116,232,.27); }.mindmap-canvas-toolbar-actions button:disabled { cursor: default; opacity: .36; }.mindmap-view-controls { position: absolute; top: 26px; right: 34px; z-index: 7; display: flex; align-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(16,21,35,.94); box-shadow: 0 10px 26px rgba(0,0,0,.33); backdrop-filter: blur(10px); }.mindmap-view-controls button { width: 34px; height: 34px; padding: 0; border: 0; border-radius: 0; color: #dce3f6; background: transparent; font-size: 18px; line-height: 1; text-transform: none; }.mindmap-view-controls button:hover { transform: none; box-shadow: none; background: rgba(255,255,255,.09); }.mindmap-view-controls output { min-width: 47px; color: #b7c3dd; font-size: 11px; font-weight: 700; text-align: center; }.mindmap-view-controls #mindmapPresentationBtn { border-left: 1px solid rgba(255,255,255,.11); color: #d4dbff; }.mindmap-selection-toolbar { position: fixed; z-index: 20; width: max-content; max-width: calc(100vw - 24px); transform: translate(-50%, 10px); border: 1px solid rgba(168,180,255,.46); border-radius: 10px; color: #eaf0ff; background: rgba(16,21,35,.96); box-shadow: 0 12px 34px rgba(0,0,0,.38); backdrop-filter: blur(10px); }.mindmap-selection-toolbar[hidden] { display: none; }.mindmap-selection-trigger { margin: 0 auto; }.mindmap-selection-actions { display: none; grid-template-columns: auto auto; gap: 12px; padding: 0 10px 10px; }.mindmap-selection-toolbar:hover .mindmap-selection-actions, .mindmap-selection-toolbar:focus-within .mindmap-selection-actions { display: grid; }.mindmap-selection-section { display: grid; gap: 5px; }.mindmap-selection-section > span { color: #92a0c6; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.mindmap-selection-section > div { display: flex; gap: 3px; }.mindmap-selection-section button { min-width: 28px; min-height: 27px; padding: 4px 7px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; color: #dfe6ff; background: rgba(255,255,255,.045); font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0; }.mindmap-selection-section button:hover { transform: none; box-shadow: none; border-color: rgba(151,165,255,.62); color: #fff; background: rgba(101,116,232,.27); }.mindmap-selection-section > button { width: 100%; color: #d5ddff; font-size: 11px; white-space: nowrap; }.mindmap-context-body { display: grid; gap: 15px; padding: 18px; }.mindmap-context-body > p { margin: 0; color: #aeb9d0; font-size: 12px; }.mindmap-context-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.mindmap-context-actions .secondary-button { width: 100%; }.mindmap-context-actions .primary-button { grid-column: 1 / -1; }
.statusbar { display: flex; justify-content: space-between; padding: 12px 34px; border-top: 1px solid rgba(255,255,255,.07); color: #96a2bb; background: rgba(7,9,15,.14); font-size: 12px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
dialog { width: min(1120px, calc(100vw - 36px)); height: min(760px, calc(100vh - 36px)); padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; color: #edf1fc; background: #161b27; box-shadow: 0 30px 100px rgba(0,0,0,.65); }dialog[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }dialog::backdrop { background: rgba(7,9,15,.72); backdrop-filter: blur(4px); }#detailDialog { border: 2px solid var(--card-accent, #6574e8); box-shadow: 0 30px 100px rgba(0,0,0,.65), 0 0 30px color-mix(in srgb, var(--card-accent, #6574e8) 28%, transparent); }#detailDialog .dialog-header { border-bottom-color: color-mix(in srgb, var(--card-accent, #6574e8) 42%, transparent); }#detailDialog .detail-schedule { color: var(--card-accent, #c9d0ff); }
.dialog-header { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; border-bottom: 1px solid rgba(255,255,255,.08); }.dialog-header h2 { font-size: 20px; }.detail-schedule { margin: 6px 0 0; color: #c9d0ff; font-size: 14px; font-weight: 690; letter-spacing: .01em; }.icon-button { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: #bdc7dc; background: rgba(255,255,255,.04); font-size: 20px; }.icon-button:hover { color: white; background: rgba(255,255,255,.1); }
.dialog-body { display: grid; grid-template-columns: minmax(0, 1fr) 280px; min-height: 0; }.focus-plan { display: flex; min-width: 0; min-height: 0; padding: 16px; }.focus-plan canvas { display: block; flex: 1 1 auto; min-width: 0; min-height: 0; width: 100%; height: auto; border: 1px solid rgba(255,255,255,.075); border-radius: 10px; }.focus-sidebar { display: flex; flex-direction: column; gap: 12px; padding: 18px; border-left: 1px solid rgba(255,255,255,.08); background: #141925; }.field-label { color: #9ba7bf; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.focus-sidebar textarea, .focus-sidebar input { width: 100%; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }.focus-sidebar input { padding: 9px 10px; font-size: 12px; }.focus-sidebar textarea { padding: 10px; resize: none; line-height: 1.5; font-size: 12px; }.focus-sidebar > #taskNotes { flex: 1; min-height: 110px; }.nested-composer { display: grid; gap: 8px; padding-top: 3px; }.nested-composer h3 { margin: 0 0 1px; color: #cbd3e5; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }.nested-composer #subTaskDescription { min-height: 62px; max-height: 92px; }.nested-composer .primary-button { margin-top: 2px; }
.settings-form { display: grid; gap: 10px; padding: 16px; overflow-y: auto; }.settings-label { display: grid; gap: 4px; color: #aab6cc; font-size: 10px; font-weight: 720; letter-spacing: .09em; text-transform: uppercase; }.settings-label input[type="text"], .settings-label textarea, .settings-label select { width: 100%; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }.settings-label input[type="text"], .settings-label select { padding: 8px 10px; }.settings-label textarea { min-height: 68px; padding: 8px 10px; resize: vertical; }.settings-label input:focus, .settings-label select:focus, .settings-label textarea:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.settings-label input[type="color"] { width: 100%; height: 34px; padding: 3px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: #111521; cursor: pointer; }.reminder-settings { display: grid; gap: 8px; padding: 11px; border: 1px solid rgba(137,148,251,.17); border-radius: 10px; background: rgba(101,116,232,.07); }.reminder-settings h3 { margin: 0; color: #d8def5; font-size: 13px; }.reminder-settings p { margin: 2px 0 0; color: #94a1bb; font-size: 11px; }.secondary-button { width: 100%; padding: 8px 10px; border: 1px solid rgba(160,174,255,.28); border-radius: 8px; color: #cbd2ff; background: rgba(106,120,233,.12); font-size: 12px; font-weight: 680; }.secondary-button:hover { background: rgba(106,120,233,.23); }.email-todo { color: #8390aa !important; font-style: italic; }.settings-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; }.settings-actions .text-button { justify-content: center; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }.danger-button { background: linear-gradient(135deg, #d95f6f, #b83e50); box-shadow: 0 8px 20px rgba(217,95,111,.22); }
.settings-form { display: grid; gap: 10px; padding: 16px; overflow-y: auto; }.settings-label { display: grid; gap: 4px; color: #aab6cc; font-size: 10px; font-weight: 720; letter-spacing: .09em; text-transform: uppercase; }.settings-label input[type="text"], .settings-label textarea, .settings-label select { width: 100%; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }.settings-label input[type="text"], .settings-label select { padding: 8px 10px; }.settings-label textarea { min-height: 68px; padding: 8px 10px; resize: vertical; }.settings-label input:focus, .settings-label select:focus, .settings-label textarea:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }.settings-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.settings-label input[type="color"] { width: 100%; height: 34px; padding: 3px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: #111521; cursor: pointer; }.reminder-settings { display: grid; gap: 8px; padding: 11px; border: 1px solid rgba(137,148,251,.17); border-radius: 10px; background: rgba(101,116,232,.07); }.reminder-settings h3 { margin: 0; color: #d8def5; font-size: 13px; }.reminder-settings p { margin: 2px 0 0; color: #94a1bb; font-size: 11px; }.secondary-button { width: 100%; padding: 8px 10px; border: 1px solid rgba(160,174,255,.28); border-radius: 8px; color: #cbd2ff; background: rgba(106,120,233,.12); font-size: 12px; font-weight: 680; }.secondary-button:hover { background: rgba(106,120,233,.23); }.email-todo { color: #8390aa !important; font-style: italic; }.settings-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: center; }.settings-actions .text-button { justify-content: center; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }.mindmap-tab-dialog[open] { position: fixed; inset: auto; top: 50%; left: 50%; display: flex !important; flex-direction: column; width: min(440px, calc(100vw - 28px)); height: fit-content !important; min-height: 0 !important; max-height: calc(100vh - 28px); margin: 0; transform: translate(-50%, -50%); }.mindmap-dialog-body { display: grid; gap: 14px; padding: 18px; }.mindmap-dialog-body p { margin: 0; color: #9eabc1; font-size: 12px; line-height: 1.5; }.danger-button { background: linear-gradient(135deg, #d95f6f, #b83e50); box-shadow: 0 8px 20px rgba(217,95,111,.22); }
.mindmap-link-settings { display: grid; gap: 8px; padding: 11px; border: 1px solid rgba(87,191,178,.21); border-radius: 10px; background: rgba(63,174,156,.07); }.mindmap-link-settings[hidden], .reminder-settings[hidden] { display: none !important; }.mindmap-link-settings h3 { margin: 0; color: #d8f1ed; font-size: 13px; }.mindmap-link-settings p { margin: 2px 0 0; color: #94aaa9; font-size: 11px; }
.settings-label input[type="range"] { width: 100%; accent-color: #8c78ed; cursor: ew-resize; }
.settings-label .range-value { float: right; color: #d6dcff; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: none; }
.settings-field { display: grid; gap: 4px; }.settings-field > input, .settings-field > textarea { width: 100%; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }.settings-field > input { padding: 8px 10px; }.settings-field > textarea { min-height: 68px; padding: 8px 10px; resize: vertical; }.settings-field > input:focus, .settings-field > textarea:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }
.card-settings-panel .settings-label input[type="number"], .card-settings-panel .settings-label input[type="date"] { width: 100%; padding: 8px 10px; border: 1px solid rgba(255,255,255,.11); outline: none; color: #f0f3fc; border-radius: 8px; background: #111521; }
.card-settings-panel[hidden] { display: none !important; }
.compact-settings-dialog[open] { position: fixed; inset: auto; top: 50%; left: 50%; display: flex !important; flex-direction: column; width: min(480px, calc(100vw - 28px)); height: fit-content !important; min-height: 0 !important; max-height: calc(100vh - 28px); margin: 0; transform: translate(-50%, -50%); }
dialog.app-dialog[open] { position: fixed; inset: auto; top: 50%; left: 50%; display: flex !important; flex-direction: column; width: min(510px, calc(100vw - 28px)); height: fit-content !important; min-height: 0 !important; max-height: calc(100vh - 28px); margin: 0; transform: translate(-50%, -50%); }.app-dialog-body { display: flex; flex: 0 0 auto; flex-direction: column; gap: 20px; padding: 22px; }.app-dialog-body p { margin: 0; color: #b5c0d6; line-height: 1.55; }.app-dialog-actions { display: flex; gap: 10px; }.app-dialog-actions button { flex: 1 1 0; }.app-dialog-actions .text-button { justify-content: center; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }
@media (max-width: 850px) { .dialog-body { grid-template-columns: 1fr; grid-template-rows: minmax(280px, 1fr) 230px; }.focus-sidebar { border-top: 1px solid rgba(255,255,255,.08); border-left: 0; }.focus-sidebar textarea { min-height: 70px; }.focus-sidebar .primary-button { width: auto; } }
@media (max-width: 520px) { dialog { width: calc(100vw - 18px); height: calc(100vh - 18px); }.dialog-body { grid-template-rows: minmax(240px, 1fr) 215px; } }
.save-actions, .history-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }.history-actions { grid-template-columns: 1fr 1fr; }.save-actions .text-button, .history-actions .text-button { min-height: 34px; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; }.history-actions .text-button:disabled { cursor: default; opacity: .38; }
.preferences-icon { width: 36px; padding: 0; color: #c2cbea !important; font-size: 19px; line-height: 1; }
.view-tab.mindmap-tab.is-active { border-color: color-mix(in srgb, var(--tab-accent, #6574e8) 68%, white); color: #edf0ff; background: color-mix(in srgb, var(--tab-accent, #6574e8) 18%, transparent); }
:root[data-theme="slate"] body { background: #202633; }:root[data-theme="slate"] .sidebar { background: #1a202d; }:root[data-theme="slate"] .workspace { background: radial-gradient(circle at 70% -20%, #36415b 0, transparent 40%), #1c222f; }
:root[data-theme="slate"] .app-rail { background: #1a202d; }
.mindmap-toolbar-find { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px; }.mindmap-toolbar-find input { min-width: 0; width: 118px; padding: 7px 8px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; outline: none; color: #edf1ff; background: rgba(7,10,18,.62); font: 650 11px Inter, system-ui, sans-serif; }.mindmap-toolbar-find input:focus { border-color: rgba(151,165,255,.72); box-shadow: 0 0 0 3px rgba(101,116,232,.14); }.mindmap-canvas-toolbar-actions .mindmap-toolbar-find button { min-width: auto; padding-inline: 8px; }
.mindmap-canvas-toolbar { top: 14px; display: flex; align-items: center; max-width: calc(100% - 36px); border-radius: 0 0 10px 10px; }.mindmap-canvas-toolbar-actions { align-items: center; gap: 6px; padding: 0 8px 0 0; }.mindmap-canvas-toolbar:hover .mindmap-canvas-toolbar-actions, .mindmap-canvas-toolbar:focus-within .mindmap-canvas-toolbar-actions { display: flex; }.mindmap-canvas-toolbar-actions section { display: contents; }.mindmap-canvas-toolbar-actions section > span { display: none; }.mindmap-canvas-toolbar-actions section > div { display: flex; align-items: center; gap: 4px; }.mindmap-canvas-toolbar-actions button { min-width: auto; white-space: nowrap; }.mindmap-view-controls { top: 14px; right: 18px; border-radius: 0 0 9px 9px; }.mindmap-context-menu { display: grid; min-width: 202px; list-style: none; }.mindmap-context-menu[hidden] { display: none; }.recurrence-day-exclusions { display: grid; gap: 10px; }.recurrence-day-exclusions fieldset { margin: 0; padding: 8px 9px 9px; border: 1px solid rgba(137,148,251,.17); border-radius: 8px; }.recurrence-day-exclusions legend { padding: 0 4px; color: #9eabc4; font-size: 10px; font-weight: 720; letter-spacing: .08em; text-transform: uppercase; }.recurrence-day-exclusions fieldset > div { display: flex; flex-wrap: wrap; gap: 5px; }.recurrence-day-exclusions fieldset label { display: flex; align-items: center; gap: 4px; padding: 5px 6px; border: 1px solid rgba(255,255,255,.09); border-radius: 6px; color: #c7d0e4; background: rgba(9,12,21,.26); font-size: 10px; font-weight: 700; }.recurrence-day-exclusions input { accent-color: #7e8af3; }
@media (max-width: 900px) { .mindmap-canvas-toolbar { left: 14px; right: 14px; max-width: none; transform: none; overflow-x: auto; }.mindmap-canvas-toolbar-actions { width: max-content; }.mindmap-view-controls { right: 14px; } }
.settings-label input[type="number"] { width: 100%; padding: 8px 10px; border: 1px solid rgba(255,255,255,.11); outline: none; background: #111521; color: #f0f3fc; border-radius: 8px; }.settings-label input[type="number"]:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }
.schedule-navigation { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; }.schedule-navigation[hidden] { display: none !important; }.schedule-navigation button { min-height: 30px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: #aeb9d0; background: rgba(10,13,22,.3); font-size: 11px; font-weight: 720; letter-spacing: 0; text-transform: none; }.schedule-navigation button:hover { transform: none; box-shadow: none; color: #eff2ff; background: rgba(255,255,255,.08); }.schedule-view-switcher, .schedule-date-controls { display: flex; align-items: center; gap: 3px; }.schedule-view-switcher { padding: 3px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(8,11,19,.22); }.schedule-view-switcher button { border: 0; background: transparent; }.schedule-view-switcher button.is-active { color: #eef1ff; background: rgba(101,116,232,.35); }.schedule-date-controls { gap: 5px; }.schedule-date-controls button:first-child, .schedule-date-controls button:nth-child(3) { width: 30px; padding-inline: 0; font-size: 20px; line-height: .8; }.schedule-range-label, #scheduleRangeLabel { min-width: 124px; color: #d8def1; font-size: 12px; font-weight: 720; letter-spacing: -.01em; text-align: center; }
.calendar-overview { display: grid; grid-area: 1 / 1; min-width: 0; min-height: 0; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: #171c29; box-shadow: 0 20px 60px rgba(0,0,0,.15); overflow: auto; }.calendar-overview[hidden] { display: none; }.month-calendar { display: grid; grid-template-columns: repeat(7, minmax(90px, 1fr)); grid-auto-rows: minmax(96px, 1fr); gap: 7px; min-height: 0; }.month-weekday { padding: 4px 7px; color: #8995af; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }.calendar-day { display: flex; flex-direction: column; align-items: stretch; gap: 5px; min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.075); border-radius: 9px; color: #dbe2f4; background: rgba(11,15,25,.32); text-align: left; text-transform: none; letter-spacing: 0; }.calendar-day:hover { transform: none; border-color: rgba(149,161,255,.42); box-shadow: none; background: rgba(101,116,232,.12); }.calendar-day.is-outside { opacity: .38; }.calendar-day.is-today { border-color: rgba(123,213,183,.65); }.calendar-day-number { color: #f0f3fc; font-size: 13px; font-weight: 780; }.calendar-day-task { overflow: hidden; padding: 3px 5px; border-radius: 5px; color: #fff; font-size: 10px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.calendar-day-more { color: #9eabc6; font-size: 10px; }.year-calendar { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 12px; align-content: start; }.year-month { display: grid; gap: 7px; min-height: 150px; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; color: #e4e9f8; background: rgba(11,15,25,.32); text-align: left; text-transform: none; letter-spacing: 0; }.year-month:hover { transform: none; border-color: rgba(149,161,255,.42); box-shadow: none; background: rgba(101,116,232,.12); }.year-month h3 { margin: 0; font-size: 13px; }.year-month p { margin: 0; color: #9faec8; font-size: 11px; }.year-month-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }.year-month-grid i { display: block; height: 5px; border-radius: 99px; background: rgba(255,255,255,.09); }.year-month-grid i.has-work { background: #7888ec; }
@media (max-width: 1100px) { .year-calendar { grid-template-columns: repeat(3, minmax(160px, 1fr)); } }
/* Independent task-list workspace */
.task-list-composer { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(140px, 1.4fr) 105px auto; gap: 7px; padding: 10px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(9,12,21,.28); }.task-list-composer input, .task-list-composer select, .task-list-quick-controls select { min-width: 0; padding: 7px 8px; border: 1px solid rgba(255,255,255,.11); border-radius: 7px; outline: none; color: #e9eefc; background: #111521; font: 600 11px Inter, system-ui, sans-serif; }.task-list-composer .primary-button { width: auto; padding: 7px 10px; }.task-list-item { grid-template-columns: auto minmax(0, 1fr) auto; }.task-list-quick-controls { display: flex; gap: 5px; }.task-list-quick-controls select { max-width: 106px; }.task-list-open.danger { color: #ffb4bf; border-color: rgba(224,99,118,.32); }.task-list-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }.task-list-card { display: grid; gap: 7px; min-height: 104px; padding: 14px; border: 1px solid color-mix(in srgb, var(--list-color, #6574e8) 58%, rgba(255,255,255,.12)); border-left: 4px solid var(--list-color, #6574e8); border-radius: 10px; color: #edf1fc; background: rgba(9,12,21,.32); text-align: left; text-transform: none; letter-spacing: 0; }.task-list-card:hover { transform: translateY(-1px); background: color-mix(in srgb, var(--list-color, #6574e8) 12%, #111521); }.task-list-card strong { font-size: 14px; }.task-list-card span { color: #aab6cc; font-size: 11px; }
.attachment-clear { width: auto; justify-self: start; padding: 6px 9px; }.task-list-toolbar-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.task-list-toolbar-actions .secondary-button { width: auto; padding: 6px 9px; white-space: nowrap; }
@media (max-width: 760px) { .task-list-composer { grid-template-columns: 1fr 1fr; }.task-list-composer .primary-button { grid-column: span 2; }.task-list-quick-controls { flex-wrap: wrap; justify-content: flex-end; } #scheduleView { align-items: flex-start; overflow-y: auto; overscroll-behavior: contain; } #scheduleView > canvas { flex: 0 0 auto; } }
.assistant-dialog[open] { width: min(700px, calc(100vw - 28px)); height: min(760px, calc(100vh - 28px)); }.assistant-dialog-body { display: grid; gap: 12px; padding: 16px; overflow: auto; }.assistant-dialog-body > p { margin: 0; color: #a6b2c8; font-size: 12px; line-height: 1.45; }.assistant-dialog textarea { min-height: 160px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 11px; line-height: 1.45; }.assistant-copy-actions { display: flex; flex-wrap: wrap; gap: 8px; }.assistant-copy-actions button { width: auto; }.assistant-copy-actions .text-button { padding: 8px 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }.assistant-copy-actions .is-copied { color: #dffff2; border-color: rgba(92,214,161,.55); background: rgba(69,186,132,.2); }.assistant-review-list { display: grid; gap: 6px; margin: 0; padding-left: 22px; color: #d7dff0; font-size: 12px; }.assistant-review-list li { padding: 8px; border: 1px solid rgba(255,255,255,.08); border-radius: 7px; background: rgba(9,12,21,.28); }
.manual-dialog[open] { width: min(760px, calc(100vw - 28px)); height: min(780px, calc(100vh - 28px)); }.manual-dialog-body { display: grid; gap: 11px; padding: 18px; overflow: auto; }.manual-dialog-body section { padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(9,12,21,.25); }.manual-dialog-body h3 { margin: 0 0 5px; color: #e8edfb; font-size: 13px; }.manual-dialog-body p { margin: 0; color: #aebad0; font-size: 12px; line-height: 1.55; }.manual-dialog-body b { color: #dde4ff; }
.preferences-dialog[open] { position: fixed; inset: 18px; display: grid !important; grid-template-rows: auto minmax(0, 1fr); width: auto; height: auto; max-width: none; max-height: none; margin: 0; transform: none; }.preferences-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-height: 0; }.preferences-tabs { display: grid; align-content: start; gap: 5px; padding: 16px; border-right: 1px solid rgba(255,255,255,.08); background: rgba(9,12,21,.25); }.preferences-tabs button { padding: 10px 11px; border: 1px solid transparent; border-radius: 8px; color: #a9b5cc; background: transparent; text-align: left; text-transform: none; letter-spacing: 0; }.preferences-tabs button:hover { transform: none; background: rgba(255,255,255,.05); }.preferences-tabs button.is-active { border-color: rgba(137,148,251,.28); color: #e8ecff; background: rgba(101,116,232,.16); }.preferences-panels { min-width: 0; padding: 26px; overflow: auto; }.preferences-panel { display: grid; align-content: start; gap: 15px; max-width: 760px; }.preferences-panel[hidden] { display: none !important; }.preferences-panel > h3 { margin: 0; color: #f1f4ff; font-size: 18px; }.preferences-panel > p { margin: -8px 0 3px; color: #9facc4; font-size: 12px; line-height: 1.5; }.preferences-actions { grid-column: 1 / -1; margin: 0; padding: 14px 18px; border-top: 1px solid rgba(255,255,255,.08); background: rgba(12,15,24,.5); }.preferences-dialog .settings-label input:not([type="color"]), .preferences-dialog .settings-label select { width: 100%; padding: 9px 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; outline: none; color: #f0f3fc; background: #111521; }.preferences-dialog .settings-label input:focus, .preferences-dialog .settings-label select:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }.preferences-dialog .settings-label.is-disabled { opacity: .45; }.preferences-dialog .settings-label input:disabled { cursor: not-allowed; }.preferences-dialog .secondary-button { width: fit-content; }
@media (max-width: 700px) { .preferences-dialog[open] { inset: 8px; }.preferences-layout { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr) auto; }.preferences-tabs { display: flex; overflow-x: auto; padding: 10px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }.preferences-tabs button { white-space: nowrap; }.preferences-panels { padding: 18px; }.preferences-actions { grid-column: 1; }.preferences-panel .settings-grid { grid-template-columns: 1fr; } }
.workspace-switcher { display: flex; align-items: center; gap: 6px; min-width: 0; }.workspace-switcher select, .task-lists-panel select { min-width: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; outline: 0; color: #e8edfc; background: rgba(10,13,22,.45); font: 650 12px Inter, system-ui, sans-serif; }.workspace-switcher select { max-width: 170px; padding: 7px 28px 7px 9px; }.workspace-switcher .icon-button { width: 29px; height: 29px; font-size: 14px; }.task-lists-panel { display: grid; gap: 8px; }.task-lists-panel[hidden], .composer-panel[hidden] { display: none !important; }.task-lists-panel select { width: 100%; padding: 8px 9px; }.template-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }.template-actions .text-button { min-height: 32px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }
.linked-task-list-dialog[open] { width: min(600px, calc(100vw - 28px)); max-height: min(680px, calc(100vh - 28px)); }
.linked-task-list-header-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.linked-task-list-body { display: grid; gap: 12px; min-width: 0; padding: 16px; overflow: auto; }.linked-task-list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }.linked-task-list-toolbar > span { flex: 0 0 auto; color: #9ca9c2; font-size: 11px; font-weight: 700; }.linked-task-list-toolbar .task-list-filter { min-width: 0; overflow-x: auto; }.linked-task-list-composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }.linked-task-list-composer input { min-width: 0; padding: 9px 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; outline: none; color: #eef2ff; background: #111521; font: 650 12px Inter, system-ui, sans-serif; }.linked-task-list-composer input:focus { border-color: #8994fb; box-shadow: 0 0 0 3px rgba(137,148,251,.14); }.linked-task-list-composer .primary-button { display: flex; width: auto; align-items: center; gap: 5px; padding: 8px 11px; }.linked-task-list-rows { display: grid; gap: 7px; min-width: 0; }.linked-task-list-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto auto; align-items: center; gap: 7px; min-width: 0; padding: 9px 10px; border: 1px solid rgba(255,255,255,.08); border-left: 3px solid var(--status-color, var(--task-color, #6574e8)); border-radius: 9px; background: rgba(9,12,21,.32); } .linked-task-list-assignee { min-width: 0; padding: 7px 8px; border: 1px solid rgba(255,255,255,.11); border-radius: 7px; outline: none; color: #e8edfc; background: rgba(10,13,22,.45); font: 650 11px Inter, system-ui, sans-serif; }.linked-task-list-row.is-status-not_started { --status-color: #8b98b3; }.linked-task-list-row.is-status-in_progress { --status-color: #e3a547; }.linked-task-list-row.is-status-complete { --status-color: #62d6a2; opacity: .62; }.linked-task-list-copy { display: grid; gap: 2px; min-width: 0; }.linked-task-list-copy input { min-width: 0; width: 100%; padding: 1px 3px; border: 1px solid transparent; outline: none; color: #eef2ff; background: transparent; font: 700 12px Inter, system-ui, sans-serif; }.linked-task-list-copy input:hover { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.035); }.linked-task-list-copy input:focus { border-color: rgba(137,148,251,.55); border-radius: 5px; background: #111521; box-shadow: 0 0 0 3px rgba(137,148,251,.12); }.linked-task-list-copy span { overflow: hidden; color: #9eaac2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.linked-task-list-remove { display: grid; width: 25px; height: 25px; padding: 0; place-items: center; border: 1px solid transparent; border-radius: 6px; color: #aeb9d0; background: transparent; }.linked-task-list-remove:hover { color: #ffb1bc; border-color: rgba(224,99,118,.33); background: rgba(201,75,96,.12); }.linked-task-list-remove .lucide { width: 14px; height: 14px; }
@media (max-width: 540px) { .linked-task-list-dialog[open] { width: calc(100vw - 16px); }.linked-task-list-body { padding: 12px; }.linked-task-list-toolbar { align-items: flex-start; flex-direction: column; }.linked-task-list-toolbar .task-list-filter { width: 100%; }.linked-task-list-row { grid-template-columns: minmax(0, 1fr) auto; }.linked-task-list-row .task-list-statuses, .linked-task-list-row .linked-task-list-assignee, .linked-task-list-row .task-list-calendar-btn { grid-column: 1; }.linked-task-list-remove { grid-column: 2; grid-row: 1 / span 3; } }
.task-list-title-area { display: flex; align-items: center; min-width: 0; gap: 7px; }.task-list-rename, .task-list-rename-confirm, .task-list-rename-cancel { display: grid; width: 25px; height: 25px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 7px; color: #c9d2ec; background: rgba(255,255,255,.04); font-size: 13px; text-transform: none; }.task-list-rename:hover, .task-list-rename-confirm:hover { color: #fff; border-color: rgba(137,148,251,.5); background: rgba(101,116,232,.18); }.task-list-rename-cancel { color: #ffb4bf; }.task-list-name-input, .task-list-title-input { min-width: 0; border: 1px solid transparent; outline: none; color: #edf1fc; background: transparent; font: 700 13px Inter, system-ui, sans-serif; }.task-list-name-input { width: min(320px, 44vw); padding: 5px 7px; border-color: rgba(137,148,251,.52); border-radius: 7px; background: #111521; font-size: 16px; }.task-list-title-input { width: 100%; padding: 1px 3px; }.task-list-title-input:hover { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.035); }.task-list-title-input:focus { border-color: rgba(137,148,251,.55); background: #111521; box-shadow: 0 0 0 3px rgba(137,148,251,.12); }.task-list-item { grid-template-columns: minmax(0, 1fr) auto; }.task-list-quick-controls { align-items: center; }.task-list-statuses { display: flex; align-items: center; gap: 2px; }.task-list-status { width: 24px; height: 24px; padding: 0; border: 1px solid transparent; border-radius: 6px; color: #eaf0ff; background: transparent; opacity: .24; font-size: 13px; line-height: 1; }.task-list-status:hover { opacity: .72; background: rgba(255,255,255,.07); }.task-list-status.is-current { opacity: 1; border-color: color-mix(in srgb, var(--task-color, #6574e8) 72%, #fff); color: color-mix(in srgb, var(--task-color, #6574e8) 68%, #fff); background: color-mix(in srgb, var(--task-color, #6574e8) 17%, transparent); }
.task-list-calendar-btn{display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#9eabc6;background:transparent}
.task-list-calendar-btn:hover{border-color:rgba(137,148,251,.4);color:#e7ebf8;background:rgba(101,116,232,.14)}
.task-list-calendar-btn.has-dates{border-color:rgba(137,148,251,.5);color:#cbd2ff;background:rgba(101,116,232,.16)}
.task-list-calendar-btn.has-alert{color:#ffd36a;border-color:rgba(255,211,106,.45)}
.task-list-calendar-btn .lucide{width:14px;height:14px}
.task-calendar-popover{display:flex;flex-direction:column;gap:8px;width:220px;padding:12px}
.task-calendar-field{display:flex;flex-direction:column;gap:3px;color:#8d9bb3;font-size:9.5px;font-weight:720;letter-spacing:.07em;text-transform:uppercase}
.task-calendar-field input{padding:6px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;outline:none;color:#edf1fc;background:#111521;font:650 11.5px Inter,system-ui,sans-serif;color-scheme:dark}
.task-calendar-field input:focus{border-color:#8994fb;box-shadow:0 0 0 3px rgba(137,148,251,.14)}
.task-calendar-notify{display:flex;align-items:center;gap:6px;color:#9daac2;font-size:11px}
.task-calendar-alert-row{display:flex;align-items:center;gap:6px}
.task-list-alert-link{display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(160,174,255,.25);border-radius:7px;color:#cbd2ff;background:rgba(106,120,233,.1);font-size:11px;font-weight:700}
.task-list-alert-link:hover{background:rgba(106,120,233,.22)}
.task-list-alert-link .lucide{width:13px;height:13px}
.task-list-alert-unlink{display:grid;width:24px;height:24px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;color:#9eabc6;background:transparent}
.task-list-alert-unlink:hover{border-color:rgba(224,99,118,.38);color:#ffb4bf;background:rgba(201,75,96,.14)}
.task-list-view, .mindmap-library-view { display: grid; grid-area: 1 / 1; align-content: start; gap: 11px; min-width: 0; min-height: 0; padding: 16px; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: #171c29; box-shadow: 0 20px 60px rgba(0,0,0,.15); overflow: auto; }.task-list-view[hidden], .mindmap-library-view[hidden] { display: none; }.task-list-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 9px; padding-bottom: 3px; }.task-list-toolbar h3 { margin: 0; color: #f0f3fb; font-size: 16px; }.task-list-filter { display: flex; gap: 4px; }.task-list-filter button { padding: 6px 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: #aeb9d0; background: rgba(10,13,22,.3); font-size: 11px; font-weight: 700; }.task-list-filter button.is-active { color: #eef1ff; border-color: rgba(137,148,251,.38); background: rgba(101,116,232,.25); }.task-list-items { display: grid; gap: 7px; }.task-list-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 11px 12px; border: 1px solid rgba(255,255,255,.08); border-left: 3px solid var(--task-color, #6574e8); border-radius: 9px; background: rgba(9,12,21,.32); }.task-list-item.is-complete { opacity: .58; }.task-list-item button { text-transform: none; letter-spacing: 0; }.task-list-copy { min-width: 0; }.task-list-copy span { display: block; overflow: hidden; margin-top: 3px; color: #9daac2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.task-list-open { padding: 6px 8px; border: 1px solid rgba(160,174,255,.25); border-radius: 7px; color: #cbd2ff; background: rgba(106,120,233,.1); font-size: 11px; font-weight: 700; }.task-list-empty { margin: 20px 0; color: #9aa8c1; text-align: center; }
.mindmap-library-toolbar-copy { display: grid; gap: 3px; }.mindmap-library-toolbar-copy p { margin: 0; color: #9ca9c2; font-size: 11px; }.mindmap-library-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }.mindmap-library-card { display: grid; gap: 12px; min-height: 154px; padding: 14px; border: 1px solid color-mix(in srgb, var(--map-color, #6574e8) 55%, rgba(255,255,255,.12)); border-left: 4px solid var(--map-color, #6574e8); border-radius: 11px; background: rgba(9,12,21,.32); }.mindmap-library-card:hover { background: color-mix(in srgb, var(--map-color, #6574e8) 11%, #111521); }.mindmap-library-card-main { display: grid; gap: 6px; min-width: 0; padding: 0; border: 0; color: #edf1fc; background: transparent; text-align: left; text-transform: none; letter-spacing: 0; }.mindmap-library-card-main:hover { transform: none; box-shadow: none; }.mindmap-library-card-main strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }.mindmap-library-card-main span { color: #aab6cc; font-size: 11px; }.mindmap-library-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.mindmap-library-actions label { display: flex; align-items: center; gap: 7px; min-width: 0; color: #b9c4dd; font-size: 11px; font-weight: 700; }.mindmap-library-actions input { width: 15px; height: 15px; accent-color: var(--map-color, #6574e8); }.mindmap-library-actions .task-list-open { white-space: nowrap; }.mindmap-library-card.is-tabbed { background: linear-gradient(105deg, color-mix(in srgb, var(--map-color, #6574e8) 17%, #111521), rgba(9,12,21,.32)); }
.task-list-item.is-status-not_started { --status-color: #8b98b3; }.task-list-item.is-status-in_progress { --status-color: #e3a547; }.task-list-item.is-status-complete { --status-color: #62d6a2; }.task-list-item.is-status-not_started, .task-list-item.is-status-in_progress, .task-list-item.is-status-complete { border-left-color: var(--status-color); background: linear-gradient(90deg, rgba(9,12,21,.32) 0%, color-mix(in srgb, var(--status-color) 17%, rgba(9,12,21,.32)) 100%); }.task-list-status.is-current { border-color: color-mix(in srgb, var(--status-color) 72%, #fff); color: color-mix(in srgb, var(--status-color) 68%, #fff); background: color-mix(in srgb, var(--status-color) 17%, transparent); }
.card-task-preview { position: fixed; z-index: 80; display: grid; gap: 6px; width: min(290px, calc(100vw - 24px)); max-height: calc(100vh - 20px); padding: 10px; overflow: auto; border: 1px solid color-mix(in srgb, var(--card-task-preview-color, #6574e8) 68%, rgba(255,255,255,.4)); border-radius: 10px; color: var(--card-task-preview-foreground, #fff); background: var(--card-task-preview-color, #6574e8); box-shadow: 0 16px 32px color-mix(in srgb, var(--card-task-preview-color, #6574e8) 28%, rgba(0,0,0,.5)); }.card-task-preview.is-above { box-shadow: 0 -16px 32px color-mix(in srgb, var(--card-task-preview-color, #6574e8) 28%, rgba(0,0,0,.5)); }.card-task-preview[hidden] { display: none; }.card-task-preview-header { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 0 2px 3px; color: var(--card-task-preview-muted, rgba(255,255,255,.76)); font-size: 10px; font-weight: 780; letter-spacing: .08em; text-transform: uppercase; }.card-task-preview-marker { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; color: currentColor; }.card-task-preview-header .lucide { width: 13px; height: 13px; color: currentColor; }.card-task-preview-marker .lucide:last-child { width: 10px; height: 10px; opacity: .8; }.card-task-preview-list { display: grid; gap: 4px; }.card-task-preview-item { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: center; gap: 7px; width: 100%; padding: 7px; border: 1px solid color-mix(in srgb, var(--card-task-preview-foreground, #fff) 24%, transparent); border-radius: 7px; color: var(--card-task-preview-foreground, #fff); background: color-mix(in srgb, var(--card-task-preview-foreground, #fff) 9%, transparent); text-align: left; text-transform: none; letter-spacing: 0; }.card-task-preview-item:hover { transform: none; border-color: color-mix(in srgb, var(--status-color) 70%, var(--card-task-preview-foreground, #fff)); background: color-mix(in srgb, var(--card-task-preview-foreground, #fff) 18%, transparent); }.card-task-preview-item .lucide { align-self: center; width: 15px; height: 15px; color: var(--status-color); }.card-task-preview-item span { min-width: 0; overflow: visible; font-size: 11px; font-weight: 700; line-height: 1.35; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }.card-task-preview-item.is-complete span { color: var(--card-task-preview-muted, rgba(255,255,255,.76)); text-decoration: line-through; }

/* Task list navigation and ownership overview */
.task-list-sidebar-actions { display: grid; grid-template-columns: minmax(0, 1fr) 34px; gap: 7px; }
.task-list-create-button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 6px; padding: 7px 9px; border: 1px solid rgba(137,148,251,.55); border-radius: 8px; color: #eef0ff; background: linear-gradient(105deg, rgba(101,116,232,.32), rgba(142,101,232,.26)); font-size: 11px; font-weight: 800; }
.task-list-create-button:hover { transform: translateY(-1px); border-color: #a9b2ff; box-shadow: 0 7px 18px rgba(86,102,220,.2); }
.task-list-create-button .lucide { width: 14px; height: 14px; }
.task-list-delete-button { display: grid; width: 34px; height: 34px; min-width: 34px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; }
.task-list-delete-button .lucide { width: 15px; height: 15px; }
.task-list-browse-actions { display: grid; gap: 7px; }
.task-list-browse-actions .secondary-button { width: 100%; min-height: 32px; }
.task-list-bulk-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.task-list-parent-context { display: grid; gap: 5px; border-color: color-mix(in srgb, var(--task-list-parent-color, #6574e8) 66%, rgba(255,255,255,.2)); background: linear-gradient(90deg, color-mix(in srgb, var(--task-list-parent-color, #6574e8) 5%, #171c29) 0%, color-mix(in srgb, var(--task-list-parent-color, #6574e8) 28%, #171c29) 100%); }
.task-list-parent-context[hidden] { display: none !important; }
.task-list-parent-label { color: #9ba9cc; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.task-list-parent-link { display: grid; gap: 3px; min-width: 0; padding: 0; border: 0; color: #e8edff; background: transparent; text-align: left; text-transform: none; letter-spacing: 0; }
.task-list-parent-link:hover { transform: none; color: #fff; background: transparent; box-shadow: none; }
.task-list-parent-map, .task-list-parent-card { display: flex; align-items: center; gap: 5px; min-width: 0; font-size: 11px; font-weight: 750; }
.task-list-parent-map { color: color-mix(in srgb, var(--task-list-parent-color, #cdd5ff) 55%, #fff); }.task-list-parent-card { color: #d0d8ec; font-size: 10px; font-weight: 650; }
.task-list-parent-map span, .task-list-parent-card span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-list-parent-map .lucide, .task-list-parent-card .lucide { flex: 0 0 auto; width: 13px; height: 13px; }
.task-list-parent-card .lucide { width: 12px; height: 12px; }
.task-list-group { overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(9,12,21,.2); }
.task-list-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; cursor: pointer; list-style: none; }
.task-list-group.is-mindmap-owner { border-color: color-mix(in srgb, var(--task-list-group-color) 66%, rgba(255,255,255,.2)); }
.task-list-group.is-mindmap-owner > summary { background: linear-gradient(90deg, color-mix(in srgb, var(--task-list-group-color) 4%, transparent) 0%, color-mix(in srgb, var(--task-list-group-color) 34%, transparent) 100%); }
.task-list-group > summary::-webkit-details-marker { display: none; }
.task-list-group-chevron { display: grid; flex: 0 0 auto; width: 15px; height: 15px; place-items: center; color: #aab7d6; transition: transform .16s ease; }
.task-list-group-chevron .lucide { width: 14px; height: 14px; }
.task-list-group:not([open]) .task-list-group-chevron { transform: rotate(-90deg); }
.task-list-group-title { display: grid; gap: 2px; min-width: 0; }
.task-list-group-title strong { color: #eef2ff; font-size: 13px; }
.task-list-group-title small { color: #8f9db8; font-size: 10px; }
.task-list-group-count { margin-left: auto; color: #aab6ce; font-size: 10px; font-weight: 750; white-space: nowrap; }
.task-list-group .task-list-grid { padding: 8px 12px 12px; }
.task-list-card { position: relative; }
.task-list-card-main { display: grid; gap: 7px; min-width: 0; min-height: 0; padding: 0 29px 0 0; border: 0; color: #edf1fc; background: transparent; text-align: left; text-transform: none; letter-spacing: 0; }
.task-list-card-main:hover { transform: none; box-shadow: none; background: transparent; }
.task-list-card-main strong { font-size: 14px; }.task-list-card-main span { color: #aab6cc; font-size: 11px; }
.task-list-card-delete { position: absolute; top: 10px; right: 10px; display: grid; width: 25px; height: 25px; padding: 0; place-items: center; border: 1px solid transparent; border-radius: 6px; color: #9eabc6; background: transparent; }
.task-list-card-delete:hover { transform: none; border-color: rgba(224,99,118,.38); color: #ffb4bf; background: rgba(201,75,96,.14); box-shadow: none; }
.task-list-card-delete .lucide { width: 14px; height: 14px; }
.task-list-group-open-mindmap { display: grid; flex: 0 0 auto; width: 25px; height: 25px; margin-left: -5px; padding: 0; place-items: center; border: 1px solid color-mix(in srgb, var(--task-list-group-color, #8f9db8) 52%, rgba(255,255,255,.2)); border-radius: 6px; color: color-mix(in srgb, var(--task-list-group-color, #cdd5ea) 70%, #fff); background: color-mix(in srgb, var(--task-list-group-color, #6574e8) 12%, transparent); }
.task-list-group-open-mindmap:hover { transform: none; border-color: var(--task-list-group-color, #aeb9d0); background: color-mix(in srgb, var(--task-list-group-color, #6574e8) 25%, transparent); }
.task-list-group-open-mindmap .lucide { width: 13px; height: 13px; }
.mindmap-library-sidebar-actions .task-list-create-button { width: 100%; }
.task-lists-panel, .mindmap-library-sidebar-actions { padding: 16px; border-color: rgba(139,147,255,.28); background: linear-gradient(145deg, rgba(101,116,232,.15), rgba(155,114,232,.065)); box-shadow: inset 0 1px 0 rgba(224,229,255,.035); }
.task-lists-panel .section-heading, .mindmap-library-sidebar-actions .section-heading { margin-bottom: 10px; }
.task-lists-panel .section-heading h2, .mindmap-library-sidebar-actions .section-heading h2 { color: #eef1ff; }
.task-lists-panel select { min-height: 40px; padding: 9px 11px; border-color: rgba(255,255,255,.14); background: rgba(11,15,28,.7); }
.task-list-sidebar-actions { grid-template-columns: minmax(0, 1fr) 40px; gap: 8px; }
.task-lists-panel .task-list-create-button, .mindmap-library-sidebar-actions .task-list-create-button { min-height: 40px; padding: 10px 13px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg, #6976e9, #9070df); box-shadow: 0 8px 20px rgba(91,103,217,.25); font-size: 13px; font-weight: 760; }
.task-lists-panel .task-list-create-button:hover, .mindmap-library-sidebar-actions .task-list-create-button:hover { transform: translateY(-1px); border-color: transparent; filter: brightness(1.08); box-shadow: 0 10px 23px rgba(91,103,217,.34); }
.task-lists-panel .task-list-create-button .lucide, .mindmap-library-sidebar-actions .task-list-create-button .lucide { width: 16px; height: 16px; }
.task-lists-panel .task-list-delete-button { width: 40px; height: 40px; min-width: 40px; border-color: rgba(255,255,255,.14); color: #bfc9e1; background: rgba(11,15,28,.36); }
.task-lists-panel .task-list-delete-button:hover { color: #ffb8c2; border-color: rgba(224,99,118,.42); background: rgba(201,75,96,.14); }
.task-lists-panel .task-list-browse-actions .secondary-button { min-height: 36px; border-color: rgba(176,185,255,.36); color: #e2e6ff; background: rgba(101,116,232,.16); font-weight: 740; }
.mindmap-library-card:hover { background: linear-gradient(90deg, rgba(9,12,21,.32) 0%, color-mix(in srgb, var(--map-color, #6574e8) 15%, #111521) 100%); }
.mindmap-library-card.is-tabbed { background: linear-gradient(90deg, rgba(9,12,21,.32) 0%, color-mix(in srgb, var(--map-color, #6574e8) 26%, #111521) 100%); }
.mindmap-library-card.is-tabbed:hover { background: linear-gradient(90deg, rgba(9,12,21,.32) 0%, color-mix(in srgb, var(--map-color, #6574e8) 34%, #111521) 100%); }
.mindmap-library-settings { display: grid; width: 30px; height: 30px; padding: 0; place-items: center; }
.mindmap-library-settings .lucide { width: 15px; height: 15px; }
.mindmap-dialog-body #deleteMindmapBtn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.mindmap-dialog-body #deleteMindmapBtn .lucide { width: 14px; height: 14px; }
.app-dialog-actions [hidden] { display: none !important; }
.assistant-active-scope { display: grid; gap: 4px; padding: 10px 12px; border: 1px solid rgba(137,148,251,.48); border-radius: 9px; background: linear-gradient(90deg, rgba(101,116,232,.11), rgba(142,101,232,.22)); }
.assistant-active-scope span { color: #aeb9df; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.assistant-active-scope strong { color: #f1f3ff; font-size: 13px; line-height: 1.35; }
.task-list-group-empty { grid-column: 1 / -1; margin: 0; padding: 9px 10px; border: 1px dashed rgba(255,255,255,.11); border-radius: 8px; color: #8f9db8; font-size: 11px; text-align: center; }
.alerts-dialog-body { display: grid; gap: 12px; padding: 16px; overflow: auto; }.alerts-empty { margin: 0; padding: 12px; border: 1px dashed rgba(255,255,255,.12); border-radius: 9px; color: #9eaac2; font-size: 12px; text-align: center; }.alerts-list { display: grid; gap: 8px; }.alert-entry { display: grid; gap: 3px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(10,13,22,.3); }.alert-entry.is-unread { border-color: rgba(226,123,143,.38); background: rgba(201,75,96,.08); }.alert-entry strong { overflow: hidden; color: #eef2ff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.alert-entry span { color: #aab6cd; font-size: 11px; line-height: 1.4; }.alert-entry time { color: #7f8ba3; font-size: 10px; }.alerts-list[hidden], .alerts-empty[hidden] { display: none; }
.missed-activity-toasts { position: fixed; right: 20px; bottom: 20px; z-index: 120; display: grid; gap: 9px; width: min(350px, calc(100vw - 28px)); pointer-events: none; }.missed-activity-toast { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 11px; border: 1px solid rgba(236,106,128,.48); border-radius: 10px; color: #eef2ff; background: rgba(27,20,31,.96); box-shadow: 0 16px 34px rgba(0,0,0,.4); animation: missed-toast-in .2s ease-out both; pointer-events: auto; cursor: pointer; }.missed-activity-toast > .lucide { width: 18px; height: 18px; margin-top: 1px; color: #f0718a; }.missed-activity-toast div { display: grid; gap: 2px; min-width: 0; }.missed-activity-toast b { color: #f1a7b4; font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.missed-activity-toast strong { overflow: hidden; color: #f5f7ff; font-size: 13px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }.missed-activity-toast span { overflow: hidden; color: #b8c1d4; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }.missed-activity-toast button { display: grid; width: 25px; height: 25px; padding: 0; place-items: center; border: 0; border-radius: 6px; color: #aeb8ca; background: transparent; }.missed-activity-toast button:hover { transform: none; box-shadow: none; color: #fff; background: rgba(255,255,255,.09); }.missed-activity-toast button .lucide { width: 15px; height: 15px; }@keyframes missed-toast-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 700px) { .missed-activity-toasts { right: 12px; bottom: 12px; } }
/* Lucide keeps controls crisp and consistent at every interface scale. */
.lucide { width: 1em; height: 1em; stroke-width: 2; flex: 0 0 auto; vertical-align: -0.16em; }
button .lucide, .tool-button .lucide, .brand-mark .lucide { width: 1.05em; height: 1.05em; }
.icon-button .lucide, .preferences-icon .lucide { display: block; }
.dialog-header .icon-button .lucide { margin: auto; transform: translateX(-1px); }
.mindmap-canvas-toolbar { top: 0; max-width: calc(100% - 210px); }
.mindmap-view-controls { top: 0; right: 0; border-radius: 0 0 0 9px; }
.mindmap-canvas-toolbar-trigger .lucide, .mindmap-selection-trigger .lucide { width: 18px; height: 18px; }
.mindmap-selection-section button .lucide { width: 14px; height: 14px; vertical-align: middle; }
.mindmap-selection-section button:disabled { cursor: default; opacity: .38; }
.app-shell.is-presenting .mindmap-canvas-toolbar { display: flex; top: 0; }
.app-shell.is-presenting .mindmap-view-controls { top: 0; right: 0; }
@media (max-width: 900px) { .mindmap-canvas-toolbar { max-width: none; } }
.mindmap-selection-toolbar { display: flex; align-items: center; max-width: calc(100vw - 24px); transform: translate(0, 10px); }
.mindmap-selection-toolbar.opens-left { transform: translate(-100%, 10px); }
.mindmap-selection-toolbar.opens-right { transform: translate(0, 10px); }
.mindmap-selection-toolbar .mindmap-selection-trigger { flex: 0 0 38px; margin: 0; }
.mindmap-selection-actions { display: flex; align-items: flex-end; gap: 10px; max-width: 0; padding: 0; overflow: hidden; opacity: 0; pointer-events: none; transition: max-width .3s linear, padding .3s linear, opacity .3s linear; }
.mindmap-selection-toolbar.opens-left .mindmap-selection-actions { order: -1; }
.mindmap-selection-toolbar:hover .mindmap-selection-actions, .mindmap-selection-toolbar:focus-within .mindmap-selection-actions { display: flex; max-width: min(620px, calc(100vw - 64px)); padding: 0 10px; overflow-x: auto; opacity: 1; pointer-events: auto; }
.mindmap-selection-section { flex: 0 0 auto; }
/* Mobile usability: compact controls, contained canvases, touch-ready dialogs. */
@media (max-width:850px){.mindmap-view .mindmap-minimap{right:9px;bottom:9px;width:112px;height:76px;min-width:112px;min-height:76px}.zoom-controls{right:16px;bottom:16px}.mindmap-canvas-toolbar{top:0;left:0;max-width:calc(100% - 152px);transform:none}.mindmap-view-controls{top:0;right:0}.mindmap-canvas-toolbar.is-open{right:0;max-width:none}.mindmap-canvas-toolbar.is-open .mindmap-canvas-toolbar-actions{display:flex;max-width:calc(100vw - 16px);overflow-x:auto}.mindmap-canvas-toolbar-actions button{min-height:36px}.mindmap-selection-toolbar.is-open .mindmap-selection-actions{display:flex;max-width:calc(100vw - 64px);padding:0 10px;overflow-x:auto;opacity:1;pointer-events:auto}}
@media (max-width:520px){dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.compact-settings-dialog[open],.task-settings-dialog[open],.mindmap-tab-dialog[open]{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.mindmap-view .mindmap-minimap{width:96px;height:65px;min-width:96px;min-height:65px}.zoom-controls{right:11px;bottom:11px}}
@media (max-width:700px){.preferences-dialog[open]{inset:8px}.preferences-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.preferences-tabs{display:flex;gap:5px;padding:8px;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.preferences-tabs button{flex:0 0 auto;white-space:nowrap}.preferences-panels{padding:16px 14px}.preferences-actions{padding:11px 14px}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-actions{gap:7px}.app-dialog-actions{flex-wrap:wrap}.app-dialog-actions button{min-width:calc(50% - 4px)}}
/* A tap opens compact, horizontally scrollable mindmap tool trays instead of relying on hover. */
@media (max-width:850px){#mindmapCanvasToolbar{width:38px;max-width:38px;overflow:visible}#mindmapCanvasToolbar .mindmap-canvas-toolbar-actions{position:absolute;top:40px;left:0;display:none!important;width:calc(100dvw - 16px);max-width:calc(100dvw - 16px);padding:8px;overflow-x:auto;border:1px solid rgba(168,180,255,.46);border-radius:0 0 10px 10px;background:rgba(16,21,35,.98);box-shadow:0 12px 34px rgba(0,0,0,.38)}#mindmapCanvasToolbar.is-open .mindmap-canvas-toolbar-actions{display:flex!important}#mindmapSelectionToolbar.is-open .mindmap-selection-actions{width:calc(100dvw - 64px);max-width:calc(100dvw - 64px);overflow-x:auto}}
/* Keep view tabs inside the phone viewport while preserving access to every tab. */
@media (max-width:850px){.view-tabs{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}}
/* Never force a horizontal page scroll on narrower phone viewports. */
/* Landscape is an editing surface: keep controls narrow and leave room for the canvas. */
/* Portrait keeps the control column compact; it can scroll independently instead of consuming the planner. */
/* Canvas drags must own the touch gesture; otherwise the browser cancels pointer movement for page panning. */
@media (hover:none) and (pointer:coarse){.mindmap-view>canvas{touch-action:none}.mindmap-view .mindmap-minimap{touch-action:manipulation}}
@media (hover:none) and (pointer:coarse){.planner-area canvas{touch-action:none}.mindmap-view .mindmap-minimap{touch-action:manipulation}}
/* Compact navigation keeps the workspace primary on phones and short landscape windows. */
/* Right-aligned mindmap tools avoid the canvas controls; phone tools open as a tap-safe grid. */
.mobile-sidebar-toggle{display:none}.mobile-sidebar-scrim[hidden]{display:none!important}.mindmap-canvas-toolbar{left:auto;right:18px;top:52px;transform:none;max-width:calc(100% - 36px)}@media (max-width:850px){.mindmap-canvas-toolbar{top:48px;right:8px;left:auto;width:48px;max-width:48px;z-index:16;overflow:visible}.mindmap-canvas-toolbar-trigger{width:48px;height:48px;border-radius:11px;touch-action:manipulation}.mindmap-canvas-toolbar-trigger .lucide{width:22px;height:22px}.mindmap-view-controls{top:0;right:0}.mindmap-canvas-toolbar#mindmapCanvasToolbar .mindmap-canvas-toolbar-actions{top:54px;right:0;left:auto;display:none!important;width:min(320px,calc(100dvw - 16px));max-width:calc(100dvw - 16px);padding:9px;overflow:auto;border-radius:10px;background:rgba(16,21,35,.99)}.mindmap-canvas-toolbar#mindmapCanvasToolbar.is-open .mindmap-canvas-toolbar-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mindmap-canvas-toolbar-actions section,.mindmap-canvas-toolbar-actions section>div{display:grid!important;grid-template-columns:minmax(0,1fr);gap:5px}.mindmap-canvas-toolbar-actions section>span{display:block}.mindmap-toolbar-find{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto}.mindmap-toolbar-find input{width:100%;min-width:0}.mindmap-canvas-toolbar-actions button{min-width:0;min-height:36px;white-space:normal;text-align:center}.task-list-view{padding:8px;gap:8px;overflow:auto;overscroll-behavior:contain}.task-list-toolbar{gap:6px}.task-list-filter{max-width:100%;padding-bottom:2px;overflow-x:auto;overscroll-behavior-x:contain}.task-list-filter button{flex:0 0 auto}.task-list-group>summary{gap:7px;padding:8px 9px}.task-list-group .task-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.task-list-card{min-height:76px;padding:9px;border-left-width:3px}.task-list-card-main{gap:4px;padding-right:22px}.task-list-card-main strong{font-size:12px;line-height:1.2}.task-list-card-main span{font-size:10px;line-height:1.25}.task-list-card-delete{top:7px;right:7px;width:22px;height:22px}}
/* Task-list categories need normal flow: their cards should never be clipped by a grid row on short screens. */
.task-list-view{display:block;overscroll-behavior:contain}.task-list-view>.task-list-toolbar{margin-bottom:10px}.task-list-view>.task-list-group{margin-bottom:10px}.task-list-group .task-list-grid{max-block-size:min(42dvh,320px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}

.team-view{display:block;grid-area:1 / 1;padding:16px;overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#171c29;box-shadow:0 20px 60px rgba(0,0,0,.15)}.team-view[hidden]{display:none}
.tables-view{display:block;grid-area:1 / 1;padding:16px;overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#171c29;box-shadow:0 20px 60px rgba(0,0,0,.15)}.tables-view[hidden]{display:none}
.table-library-toolbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.table-create-composer{display:flex;gap:8px}
.table-create-composer input{padding:7px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:rgba(10,13,22,.6);color:#e7ebf8;font-size:12px;min-width:180px}
.table-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px}
.table-library-card{display:flex;flex-direction:column;gap:5px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--table-color,#6574e8);border-radius:10px;background:rgba(255,255,255,.03);text-align:left}
.table-library-card:hover{background:rgba(255,255,255,.06)}
.table-library-card strong{font-size:13px;color:#f0f2fb}
.table-library-card span{font-size:11px;color:#9daac2}
.excel-grid{display:flex;flex-direction:column;margin-top:14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:auto;background:rgba(9,12,21,.3)}
.excel-row{display:flex;align-items:stretch}
.excel-row:not(.excel-head-row){border-top:1px solid rgba(255,255,255,.06)}
.excel-corner-cell,.excel-row-handle{flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.06)}
.excel-row-handle{border:0;border-right:1px solid rgba(255,255,255,.06);background:transparent;color:#7f8ba1;opacity:.5}
.excel-row-handle:hover{opacity:1;color:#ef6a6a}
.excel-col-header{flex:0 0 170px;width:170px;display:flex;align-items:center;gap:4px;padding:6px 8px;border-right:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.excel-col-type-badge{flex:0 0 auto;display:flex;color:#8fa6ff}
.excel-col-type-badge :is(svg){width:13px;height:13px}
.excel-col-header input{flex:1 1 auto;min-width:0;padding:4px 6px;border-radius:5px;border:1px solid transparent;background:transparent;color:#f0f2fb;font-size:11.5px;font-weight:700}
.excel-col-header input:hover,.excel-col-header input:focus{border-color:rgba(255,255,255,.14);background:rgba(10,13,22,.4)}
.excel-col-header button{flex:0 0 auto;padding:2px;border:0;color:#7f8ba1;background:transparent;opacity:.5}
.excel-col-header button:hover{opacity:1;color:#ef6a6a}
.excel-add-col{flex:0 0 34px;display:flex;align-items:center;justify-content:center;border:0;border-right:1px solid rgba(255,255,255,.06);color:#9aa6c3;background:transparent}
.excel-add-col:hover{color:#e7ebf8;background:rgba(255,255,255,.06)}
.excel-add-link-col{color:#a3a9ff}
.excel-cell{flex:0 0 170px;width:170px;position:relative;display:flex;align-items:center;padding:4px 6px;border-right:1px solid rgba(255,255,255,.05)}
.excel-cell input[type="text"],.excel-cell>input:not([type]),.excel-cell select{width:100%;padding:5px 6px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:12px}
.excel-cell select{padding-right:18px;background-color:rgba(255,255,255,.03)}
.excel-cell input:focus,.excel-cell select:focus{background:rgba(255,255,255,.07);outline:1px solid rgba(163,169,255,.4)}
.excel-cell-open{flex:0 0 auto;padding:3px;border:1px solid rgba(160,174,255,.25);border-radius:5px;color:#cbd2ff;background:rgba(106,120,233,.12)}
.excel-cell-format-trigger{position:absolute;right:3px;bottom:3px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#c3cbe0;background:rgba(10,13,22,.82);opacity:0;transition:opacity .12s ease,background .12s ease}
.excel-cell:hover .excel-cell-format-trigger,.excel-cell:focus-within .excel-cell-format-trigger,.excel-cell-format-trigger.is-open,.excel-cell-format-trigger.has-color{opacity:1}
.excel-cell-format-trigger:hover,.excel-cell-format-trigger.is-open{background:rgba(163,169,255,.22);border-color:rgba(163,169,255,.5)}
.excel-cell-format-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:var(--format-dot,transparent)}
.excel-cell-format-trigger:not(.has-color) .excel-cell-format-dot{width:5px;height:5px;background:currentColor;border:0;opacity:.7}
.excel-format-menu{display:flex;flex-direction:column;gap:7px;width:200px;padding:10px}
.excel-format-bold-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#e7ebf8;background:rgba(255,255,255,.04);font-size:12px;font-weight:650;text-align:left}
.excel-format-bold-row:hover{background:rgba(255,255,255,.08)}
.excel-format-bold-row.is-active{background:rgba(163,169,255,.22);border-color:rgba(163,169,255,.55)}
.excel-format-bold-glyph{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:rgba(255,255,255,.09);font-weight:800;font-size:11.5px}
.excel-format-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 2px}
.excel-format-label{font-size:11.5px;color:#9daac2;font-weight:650}
.excel-format-stepper{display:flex;align-items:center;gap:5px}
.excel-format-stepper button{width:23px;height:23px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#e7ebf8;background:rgba(255,255,255,.05);font-size:13px;line-height:1}
.excel-format-stepper button:hover{background:rgba(255,255,255,.1)}
.excel-format-stepper-value{min-width:22px;text-align:center;font-size:12px;color:#e7ebf8;font-variant-numeric:tabular-nums}
.excel-format-swatch{width:27px;height:27px;padding:0;border:1px solid rgba(255,255,255,.32);border-radius:6px;background:none;cursor:pointer}
.excel-format-clear{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:1px;padding:7px 8px;border:1px dashed rgba(255,255,255,.2);border-radius:7px;color:#c3cbe0;background:transparent;font-size:11.5px;font-weight:650}
.excel-format-clear:hover{color:#f18b8b;border-color:rgba(241,139,139,.5);background:rgba(241,139,139,.08)}
.excel-format-clear :is(svg){width:13px;height:13px}
.excel-add-row{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;border:1px dashed rgba(255,255,255,.16);border-radius:8px;color:#aeb9d0;background:transparent;font-size:11.5px;font-weight:700}
.excel-add-row:hover{color:#e7ebf8;border-color:rgba(163,169,255,.4);background:rgba(255,255,255,.04)}
.team-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:14px}
.team-header h3{margin:0;font-size:15px}
.team-counts{display:flex;gap:10px;flex-wrap:wrap}
.team-count{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);min-width:92px}
.team-count strong{font-size:20px;line-height:1.1;color:#e7ebf8}
.team-count span{font-size:10.5px;color:#9aa6c3;text-transform:uppercase;letter-spacing:.04em}
.team-count.is-overdue{border-color:rgba(239,91,114,.62);background:rgba(239,91,114,.13);box-shadow:inset 3px 0 0 #ef5b72}
.team-count.is-overdue strong{color:#ff8294}.team-count.is-blocked strong{color:#e2a23b}.team-count.is-decision strong{color:#8fa6ff}
.overview-view{display:block;grid-area:1 / 1;padding:16px;overflow:auto;overscroll-behavior:contain;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#171c29;box-shadow:0 20px 60px rgba(0,0,0,.15)}
.overview-view[hidden]{display:none}
.overview-view-toggle{display:flex;gap:6px}
.overview-progress-bar{display:flex;flex:0 0 140px;height:8px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.06)}
.overview-progress-bar.is-empty{background:repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 4px,rgba(255,255,255,.08) 4px,rgba(255,255,255,.08) 8px)}
.overview-progress-segment{height:100%}
.overview-progress-segment.is-complete{background:#62d6a2}
.overview-progress-segment.is-in-progress{background:#e3a547}
.overview-progress-segment.is-not-started{background:#8b98b3}
.overview-member .task-list-group-title{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.overview-member .task-list-group-title small{color:#8794ad;font-size:10.5px}
.overview-member summary{display:flex;align-items:center;justify-content:space-between;gap:14px}
.overview-plain{display:flex;flex-direction:column;gap:10px}
.overview-plain-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px}
.overview-plain .task-list-group-title{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.overview-plain .task-list-group-title small{color:#8794ad;font-size:10.5px}
.overview-plain .overview-member-body{padding:0}
.overview-member-body{display:flex;flex-direction:column;gap:6px;padding:10px 12px 4px}
.overview-progress-meter{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.overview-progress-meter .overview-progress-bar{flex:none;width:140px}
.overview-progress-meter small{color:#8794ad;font-size:10.5px;white-space:nowrap}
.overview-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 9px;margin-left:calc(var(--overview-indent, 0) * 18px);border:1px solid rgba(255,255,255,.07);border-left:3px solid #8b98b3;border-radius:8px;background:rgba(255,255,255,.03);color:#e7ebf8;font-size:12px}
.overview-item.is-in_progress{border-left-color:#e3a547}
.overview-item.is-complete{border-left-color:#62d6a2}
.overview-item.is-complete .overview-item-title>span{text-decoration:line-through;opacity:.6}
.overview-item.is-overdue{border-color:rgba(239,91,114,.78);border-left-color:#ef5b72;background:linear-gradient(90deg,rgba(239,91,114,.2),rgba(239,91,114,.075));box-shadow:0 5px 16px rgba(147,31,51,.17)}
.overview-item:hover{background:rgba(255,255,255,.06)}
.overview-item.is-overdue:hover{background:linear-gradient(90deg,rgba(239,91,114,.25),rgba(239,91,114,.1))}
.overview-item-fold{display:grid;width:20px;height:20px;padding:0;place-items:center;border:0;border-radius:5px;color:#9eabc6;background:transparent}
.overview-item-fold[hidden]{display:none}
.overview-item-fold:hover{color:#fff;background:rgba(255,255,255,.08)}
.overview-item-title{display:flex;flex-direction:column;flex:1 1 180px;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer}
.overview-item-title small{color:#8794ad;font-size:10.5px;font-weight:400}
.overview-item-status-label{padding:2px 8px;border-radius:999px;font-size:10.5px;white-space:nowrap;color:color-mix(in srgb,var(--status-color,#8b98b3) 68%,#fff);background:color-mix(in srgb,var(--status-color,#8b98b3) 17%,transparent)}
.overview-item-assignee,.overview-item-due{display:inline-flex;align-items:center;gap:4px;color:#c3cbe0;font-size:11px;white-space:nowrap}
.overview-item-assignee.is-unassigned,.overview-item-due:not(.is-overdue):not(.is-today){color:#8794ad}
.overview-item-due.is-overdue{padding:3px 7px;border:1px solid rgba(255,130,148,.56);border-radius:999px;color:#ffd6dc;background:rgba(239,91,114,.2);font-weight:800}
.overview-item-due.is-today{color:#e3a547;font-weight:700}
.overview-item-assignee .lucide,.overview-item-due .lucide{width:12px;height:12px}
.overview-mindmap-group>summary{cursor:pointer;list-style:none}
.overview-mindmap-group>summary::-webkit-details-marker{display:none}
.overview-mindmap-group{display:flex;flex-direction:column;gap:6px;padding:8px 0 0 18px;border-left:2px solid rgba(255,255,255,.08);margin-left:6px}
.overview-mindmap-group-header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#c3cbe0;font-size:11.5px;font-weight:700}
.overview-mindmap-group-header>span:first-child{display:flex;align-items:center;gap:6px}
.overview-mindmap-group-header .lucide{width:13px;height:13px}
.overview-item-card{--list-color:#8b98b3;gap:8px;min-height:0}
.overview-item-card.is-in_progress{--list-color:#e3a547}
.overview-item-card.is-complete{--list-color:#62d6a2}
.overview-item-card.is-overdue{--list-color:#ef5b72;border-color:rgba(239,91,114,.78);background:linear-gradient(145deg,rgba(239,91,114,.2),rgba(239,91,114,.065));box-shadow:0 8px 22px rgba(147,31,51,.2)}
.overview-item-card-top{display:flex;align-items:center;gap:8px}
.overview-item-card-title{padding:0;border:0;background:transparent;color:#edf1fc;font:700 13px Inter,system-ui,sans-serif;text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;overflow-wrap:anywhere}
.overview-item-card-title:hover{color:#cbd2ff}
.overview-item-card-project{display:flex;align-items:center;gap:5px;color:#9ca9c2;font-size:11px;font-weight:700}
.overview-item-card-project .lucide{width:12px;height:12px}
.overview-view .task-list-group{margin-bottom:10px}
.overview-item-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
.overview-item-card.is-compact{min-height:0;padding:9px;gap:5px}
.overview-item-card.is-compact .overview-item-card-title{font-size:12px}
.overview-item-card.is-compact .overview-item-card-top{gap:6px}
.overview-item-card.is-compact .overview-item-assignee,.overview-item-card.is-compact .overview-item-due{font-size:10.5px}
.team-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.team-filter-chip{padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#c3cbe0;font-size:11.5px;font-weight:600;transition:background .14s ease,color .14s ease}
.team-filter-chip:hover{background:rgba(255,255,255,.09)}
.team-filter-chip.is-active{background:rgba(101,116,233,.35);border-color:rgba(163,169,255,.5);color:#f4f6ff}
.team-table{display:flex;flex-direction:column;gap:6px}
.team-row{display:grid;grid-template-columns:minmax(160px,1.6fr) minmax(110px,1fr) 108px minmax(150px,1.1fr) 132px 90px minmax(140px,1fr) 34px;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.team-row-head{background:transparent;border:0;padding:0 10px;color:#8794ad;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.team-row.is-overdue{border-color:rgba(239,91,114,.78);border-left:4px solid #ef5b72;background:linear-gradient(90deg,rgba(239,91,114,.2),rgba(239,91,114,.07));box-shadow:0 5px 18px rgba(147,31,51,.16)}
.team-row.is-blocked{box-shadow:inset 3px 0 0 #e2a23b}
.team-row.is-overdue.is-blocked{box-shadow:inset 4px 0 0 #ef5b72,inset 7px 0 0 #e2a23b,0 5px 18px rgba(147,31,51,.16)}
.team-row.is-overdue .team-cell-title{color:#ffd6dc;font-weight:800}
.team-cell-due{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-width:0}
.team-cell-due.is-overdue{color:#ffb4bf;font-weight:800}
.team-cell-due.is-overdue::after{content:'Overdue';padding:2px 6px;border:1px solid rgba(255,130,148,.56);border-radius:999px;color:#ffd6dc;background:rgba(239,91,114,.22);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.team-row.is-overdue input[type="date"]{border-color:rgba(255,130,148,.62);color:#ffd6dc;background:rgba(78,18,30,.62);font-weight:750}
.team-cell-title{font-weight:650;color:#f0f2fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-row select,.team-row input[type="date"],.team-row input[type="text"]{width:100%;padding:5px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(10,13,22,.6);color:#e7ebf8;font-size:11.5px}
.team-status-cell{display:flex;flex-direction:column;gap:4px}
@media (max-width:900px){.team-row{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px}.team-row-head{display:none}.team-row>*{width:100%}}
.team-members-list,.team-invites-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}
.team-member-row,.team-invite-row{display:grid;grid-template-columns:minmax(0,1.4fr) 110px 30px;gap:8px;align-items:center;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.team-member-row-identity{display:flex;flex-direction:column;gap:1px;min-width:0}
.team-member-row-identity strong{font-size:12.5px;color:#edf1fc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-member-row-identity span{font-size:10.5px;color:#94a1bb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-member-row select{width:100%;padding:5px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(10,13,22,.6);color:#e7ebf8;font-size:11.5px}
.team-member-row button,.team-invite-row button{display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;color:#9eabc6;background:transparent}
.team-member-row button:hover,.team-invite-row button:hover{border-color:rgba(224,99,118,.38);color:#ffb4bf;background:rgba(201,75,96,.14)}
.team-invite-row-identity{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:11.5px;color:#c3cbe0}
.team-invite-row-identity small{color:#8390aa}
.team-empty-hint{margin:0;color:#8794ad;font-size:11.5px;font-style:italic}
.team-page-restrictions{display:grid;gap:8px;padding:9px 11px;margin:-2px 0 4px;border:1px dashed rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.02)}
.team-page-restrictions-label{color:#aab6cc;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.team-page-restrictions-options{display:flex;flex-wrap:wrap;gap:6px}
.team-page-restriction-item{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.04);color:#c3cbe0;font-size:11px}
.team-page-restrictions .secondary-button{width:auto;padding:6px 12px;font-size:11px}
.task-list-status-editor{display:flex;flex-direction:column;gap:6px}
.task-list-status-editor-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 100px 26px;gap:6px;align-items:center}
.task-list-status-editor-row input[type="text"]{width:100%;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#111521;color:#f0f3fc;font-size:11.5px}
.task-list-status-editor-row input[type="color"]{width:34px;height:30px;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#111521;cursor:pointer}
.task-list-status-editor-row select{width:100%;padding:6px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#111521;color:#f0f3fc;font-size:11px}
.task-list-status-editor-row select:disabled{opacity:.5}
.task-list-status-editor-row button{display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;color:#9eabc6;background:transparent}
.task-list-status-editor-row button:not(:disabled):hover{border-color:rgba(224,99,118,.38);color:#ffb4bf;background:rgba(201,75,96,.14)}
.task-list-status-editor-row button:disabled{opacity:.25;cursor:default}
/* A fixed portrait drawer must not reserve a second grid row beneath the workspace. */

/* Card settings: compact icon-and-label choices keep every option visible without select menus. */

/* Note cards use their dedicated editor; the modal field must not override hidden. */
.card-settings-panel .settings-field[hidden] { display: none !important; }
/* Account-private shared-download browser. */
.ftp-browser { display: grid; gap: 10px; padding: 13px; border: 1px solid rgba(137,148,251,.22); border-radius: 12px; background: rgba(101,116,232,.07); }
.ftp-browser-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.ftp-browser-heading h4 { display: flex; align-items: center; gap: 7px; margin: 0; color: #eef1ff; font-size: 13px; }
.ftp-browser-heading h4 .lucide { width: 16px; height: 16px; color: #b6bffd; }
.ftp-browser-heading p { margin: 4px 0 0; overflow-wrap: anywhere; color: #93a1bc; font: 11px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.ftp-breadcrumbs { display: flex; flex-wrap: wrap; gap: 4px; padding: 3px 0; }
.ftp-breadcrumbs button { padding: 4px 7px; border: 1px solid transparent; border-radius: 6px; color: #acb8d3; background: transparent; font-size: 10px; font-weight: 720; letter-spacing: 0; text-transform: none; }
.ftp-breadcrumbs button:not(.is-current):hover { transform: none; border-color: rgba(157,169,255,.34); color: #eef1ff; background: rgba(122,133,236,.14); }
.ftp-breadcrumbs button.is-current { color: #f1f3ff; background: rgba(129,142,248,.18); cursor: default; }
.ftp-directory-list { display: grid; max-height: 360px; overflow: auto; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(8,11,19,.34); }
.ftp-directory-entry { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; gap: 8px; min-width: 0; padding: 9px 10px; border: 0; border-bottom: 1px solid rgba(255,255,255,.065); color: #ecf0ff; background: transparent; text-align: left; text-decoration: none; text-transform: none; letter-spacing: 0; }
.ftp-directory-entry:last-child { border-bottom: 0; }
.ftp-directory-entry:hover { transform: none; background: rgba(115,128,238,.12); }
.ftp-directory-icon, .ftp-directory-action { display: grid; place-items: center; color: #aeb9fd; }
.ftp-directory-entry.is-file .ftp-directory-icon { color: #77d1ed; }.ftp-directory-action { color: #8795bc; }.ftp-directory-icon .lucide, .ftp-directory-action .lucide { width: 16px; height: 16px; }
.ftp-directory-copy { display: grid; min-width: 0; gap: 2px; }.ftp-directory-copy b { overflow: hidden; color: #edf0ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.ftp-directory-copy small { overflow: hidden; color: #94a1ba; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.ftp-directory-empty { margin: 0; padding: 18px; color: #9ba8c3; font-size: 12px; text-align: center; }.ftp-directory-empty.is-error { color: #ffb6c2; }
@media (max-width:700px) { .ftp-directory-list { max-height: min(40dvh,300px); } .ftp-browser-heading p { font-size: 10px; } }

.external-change-banner { position: fixed; top: 14px; left: 50%; z-index: 40; display: flex; gap: 12px; align-items: center; max-width: min(92vw, 640px); padding: 10px 14px; transform: translateX(-50%); border: 1px solid rgba(255,211,106,.45); border-radius: 12px; color: #f4f7ff; background: rgba(24,28,42,.97); box-shadow: 0 12px 32px rgba(0,0,0,.4); font-size: 12px; line-height: 1.4; }
.external-change-banner[hidden] { display: none; }
.external-change-banner button { padding: 6px 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #e6eafb; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.external-change-banner .external-change-reload { border-color: rgba(255,211,106,.5); color: #ffd36a; }
.external-change-banner button:hover { background: rgba(255,255,255,.14); }

.dialog-title-row { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.node-ref-chip { padding: 2px 7px; border: 1px solid rgba(255,255,255,.14); border-radius: 6px; color: #aab4cf; background: rgba(255,255,255,.05); font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .02em; text-transform: none; cursor: pointer; }
.node-ref-chip:hover { transform: none; color: #e6ebfb; background: rgba(255,255,255,.1); }
.node-ref-chip.is-copied { color: #8fe6b4; border-color: rgba(143,230,180,.4); background: rgba(143,230,180,.1); }
.node-ref-chip[hidden] { display: none; }
.card-settings-tabs button[hidden] { display: none !important; }
/* Keep desktop tools anchored beside zoom, with a grouped dropdown. */
@media (min-width: 851px) {
  #mindmapCanvasToolbar {
    top: 0;
    right: 210px;
    left: auto;
    width: 38px;
    max-width: none;
    transform: none;
    overflow: visible;
    border-radius: 0 0 9px 9px;
    z-index: 8;
  }
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-trigger { height: 34px; }
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-actions {
    position: absolute;
    top: calc(100% + 8px);
    right: -192px;
    display: none;
    width: 420px;
    max-width: calc(100vw - 370px);
    max-height: calc(100dvh - 150px);
    overflow: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(168,180,255,.3);
    border-radius: 10px;
    background: rgba(16,21,35,.98);
    box-shadow: 0 12px 34px rgba(0,0,0,.38);
  }
  #mindmapCanvasToolbar.is-open .mindmap-canvas-toolbar-actions { display: grid; }
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-actions section,
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-actions section > div { display: grid; min-width: 0; gap: 6px; }
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-actions section > span { display: block; margin-bottom: 3px; }
  #mindmapCanvasToolbar .mindmap-canvas-toolbar-actions button { min-width: 0; min-height: 34px; white-space: normal; }
  #mindmapCanvasToolbar .mindmap-toolbar-find { grid-template-columns: minmax(0, 1fr) auto; }
  #mindmapCanvasToolbar .mindmap-toolbar-find input { width: 100%; }
}

.status-icon-picker{display:block}
.task-list-status-editor-row .status-icon-button{display:grid;width:34px;height:30px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#111521;cursor:pointer}
.task-list-status-editor-row .status-icon-button:hover{border-color:rgba(137,148,251,.5);background:#171c2e}
.status-icon-button .lucide{width:16px;height:16px}
.overview-view .task-list-group .task-list-grid{max-block-size:none;overflow:visible}
.assignee-filter{display:flex;align-items:center;gap:6px}
.assignee-filter-input{min-width:0;width:170px;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;color:#edf1fc;background:rgba(10,13,22,.45);font:650 12px Inter,system-ui,sans-serif}
.assignee-filter-input::placeholder{color:#7c88a3}
.assignee-filter-input:focus{border-color:#8994fb;box-shadow:0 0 0 3px rgba(137,148,251,.14)}
.assignee-filter-clear{display:grid;width:26px;height:26px;padding:0;place-items:center;border:1px solid transparent;border-radius:6px;color:#9eabc6;background:transparent}
.assignee-filter-clear[hidden]{display:none}
.assignee-filter-clear:hover{border-color:rgba(224,99,118,.38);color:#ffb4bf;background:rgba(201,75,96,.14)}
.assignee-filter-clear .lucide{width:14px;height:14px}

/* App shell: one navigation system. A 64px rail on tablet/desktop that becomes a bottom tab bar on
   phones; a top bar with the Team › Workspace scope, the section's sub-views and the primary actions;
   and the former sidebar as an on-demand "view options" panel (popover, or bottom sheet on phones). */
body { min-width: 0; height: 100dvh; }
.app-shell { grid-template-columns: 64px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); grid-template-areas: 'rail main'; height: 100dvh; }
.app-rail { grid-area: rail; position: relative; z-index: 20; display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 0; padding: 12px 6px; border-right: 1px solid rgba(255,255,255,.07); background: #161a26; }
.rail-brand { margin-bottom: 10px; }
.rail-destinations, .rail-utilities { display: grid; gap: 4px; width: 100%; }
.rail-utilities { margin-top: auto; }
.rail-item { position: relative; display: grid; justify-items: center; gap: 3px; width: 100%; min-height: 50px; padding: 7px 2px; border: 0; border-radius: 10px; color: #8e9bb7; background: transparent; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.rail-item .lucide { width: 20px; height: 20px; }
.rail-item:hover { color: #e3e8fa; background: rgba(255,255,255,.05); }
.rail-item.is-active { color: #eef0ff; background: rgba(101,116,232,.2); box-shadow: inset 0 0 0 1px rgba(137,148,251,.35); }
.rail-item.is-active .lucide { color: #b8bfff; }
.rail-more[aria-expanded="true"] { color: #eef0ff; background: rgba(255,255,255,.07); }
.rail-item[hidden], .rail-more, .rail-phone-only { display: none; }
.rail-badge { position: absolute; top: 3px; left: calc(50% + 3px); display: grid; min-width: 17px; height: 17px; padding: 0 4px; place-items: center; border: 2px solid #161a26; border-radius: 99px; color: #fff; background: #ec5b77; font-size: 9px; font-weight: 850; line-height: 1; }
.rail-badge[hidden] { display: none; }
.workspace { grid-area: main; position: relative; grid-template-rows: auto minmax(0, 1fr); }
.workspace-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'scope actions' 'views views'; align-items: center; gap: 8px 14px; min-height: 0; padding: 10px 18px; border-bottom: 0; }
.scope-picker { grid-area: scope; display: flex; align-items: center; gap: 4px; min-width: 0; }
.scope-picker .workspace-switcher { min-width: 0; }
.scope-picker .workspace-switcher select { max-width: 200px; }
.scope-divider { flex: none; width: 15px; height: 15px; color: #5d6985; }
.top-actions { grid-area: actions; display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.top-icon-action { display: grid; flex: none; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; color: #cdd5ea; background: rgba(255,255,255,.04); }
.top-icon-action .lucide { width: 17px; height: 17px; }
.top-icon-action:hover:not(:disabled) { color: #fff; background: rgba(255,255,255,.09); }
.top-icon-action:disabled { cursor: default; opacity: .35; }
.top-icon-action[aria-expanded="true"] { border-color: rgba(137,148,251,.5); color: #eef0ff; background: rgba(101,116,232,.24); }
.top-icon-action[hidden], .new-item-button[hidden] { display: none; }
.top-actions .save-state { font-size: 11px; white-space: nowrap; }
.top-actions:has(.save-state.is-dirty) #saveBtn { border-color: rgba(244,198,119,.45); color: #f4c677; }
.new-item-button { width: auto; min-height: 34px; padding: 7px 13px; white-space: nowrap; }
.new-item-button .lucide { width: 16px; height: 16px; }
.new-item-button span { font-size: 13px; line-height: inherit; }
.view-bar { grid-area: views; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; min-width: 0; }
.view-bar:not(:has(> :not([hidden]))) { display: none; }
.view-tabs { flex: 0 1 auto; min-width: 0; scrollbar-width: none; }
.view-tabs::-webkit-scrollbar { display: none; }
.view-tabs[hidden] { display: none; }
.view-tab { flex: 0 0 auto; white-space: nowrap; }
.schedule-navigation { justify-content: flex-start; }
.planner-area { padding: 0 18px 18px; }
@media (min-width: 1280px) {
  .workspace-header { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: 'scope views actions'; }
}

.mobile-sidebar-scrim { position: fixed; inset: 0; z-index: 85; border: 0; background: transparent; }
.context-panel { position: fixed; top: 58px; right: 14px; z-index: 90; width: min(330px, calc(100vw - 28px)); max-height: calc(100dvh - 76px); gap: 12px; padding: 14px; border: 1px solid rgba(160,170,255,.28); border-radius: 14px; background: #171b27; box-shadow: 0 22px 50px rgba(0,0,0,.5); overflow-y: auto; overscroll-behavior: contain; visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
.app-shell.is-context-panel-open .context-panel { visibility: visible; opacity: 1; transform: none; transition: opacity .16s ease, transform .16s ease; }
.context-panel-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.context-panel-header h2 { margin: 0; color: #d8def2; font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.context-panel .sidebar-footer { margin-top: 0; padding-top: 0; }
.context-panel .workspace-notices-panel { margin-top: 0; }

.statusbar { position: fixed; left: 50%; bottom: 20px; z-index: 130; display: block; max-width: min(460px, calc(100vw - 32px)); padding: 9px 14px; border: 1px solid rgba(160,170,255,.25); border-radius: 10px; color: #e3e8fa; background: rgba(22,27,40,.96); box-shadow: 0 12px 30px rgba(0,0,0,.4); font-size: 12px; opacity: 0; transform: translate(-50%, 12px); pointer-events: none; transition: opacity .18s ease, transform .18s ease; }
.statusbar.is-visible { opacity: 1; transform: translate(-50%, 0); }
.statusbar #coordsDisplay { display: none; }

.inbox-section { display: grid; gap: 8px; }
.inbox-section + .inbox-section { padding-top: 12px; border-top: 1px solid rgba(255,255,255,.07); }
.inbox-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.inbox-section-heading h3 { display: flex; align-items: center; gap: 7px; margin: 0; white-space: nowrap; color: #d8def2; font-size: 12px; font-weight: 750; }
.inbox-section-heading > span { display: flex; gap: 4px; }
.inbox-section-heading .text-button { white-space: nowrap; }
.inbox-count { display: inline-grid; min-width: 18px; height: 18px; padding: 0 5px; place-items: center; border-radius: 99px; color: #fff; background: #c94b60; font-size: 10px; font-weight: 800; }
.inbox-count[hidden] { display: none; }

.schedule-agenda { display: grid; grid-area: 1 / 1; align-content: start; gap: 16px; min-width: 0; min-height: 0; padding: 4px 2px 96px; overflow-y: auto; overscroll-behavior: contain; }
.schedule-agenda[hidden] { display: none; }
.planner-area:has(#scheduleAgenda:not([hidden])) .zoom-controls { display: none; }
.agenda-day h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 7px; color: #aeb9d0; font-size: 12px; font-weight: 750; }
.agenda-day.is-today h3 { color: #e3e6ff; }
.agenda-day h3 span { padding: 2px 7px; border-radius: 99px; color: #e3e6ff; background: rgba(101,116,232,.32); font-size: 10px; }
.agenda-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.agenda-item { display: grid; grid-template-columns: minmax(0, 1fr) 52px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-left: 4px solid var(--card-color, #6574e8); border-radius: 10px; background: #1a1f2d; }
.agenda-open { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 10px; align-items: center; min-width: 0; min-height: 58px; padding: 9px 10px; border: 0; color: inherit; background: transparent; letter-spacing: 0; text-align: left; text-transform: none; }
.agenda-open:hover { background: rgba(255,255,255,.03); }
.agenda-time { display: grid; gap: 2px; color: #e8ecfa; font: 700 13px/1.1 ui-monospace, SFMono-Regular, Consolas, monospace; font-variant-numeric: tabular-nums; }
.agenda-time small { color: #7f8ba3; font-size: 11px; font-weight: 500; }
.agenda-copy { display: grid; gap: 3px; min-width: 0; }
.agenda-copy strong { overflow: hidden; color: #f1f3fb; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.agenda-copy small { overflow: hidden; color: #94a0ba; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.agenda-status { display: grid; place-items: center; padding: 0; border: 0; border-left: 1px solid rgba(255,255,255,.06); background: transparent; }
.agenda-status::before { content: ""; width: 18px; height: 18px; border: 2px solid #7f8ba3; border-radius: 50%; }
.agenda-item.is-in_progress .agenda-status::before { border-style: dashed; border-color: #e9b44c; }
.agenda-item.is-complete .agenda-status::before { border-color: #4fc38a; background: radial-gradient(circle, #4fc38a 45%, transparent 50%); }
.agenda-item.is-complete .agenda-copy strong { color: #9aa5bd; text-decoration: line-through; }
.agenda-status:disabled { cursor: default; opacity: .4; }
.agenda-empty { width: 100%; padding: 12px; border: 1px dashed rgba(255,255,255,.12); border-radius: 10px; color: #8f9bb5; background: transparent; font-size: 12px; letter-spacing: 0; text-align: left; text-transform: none; }

@media (max-width: 640px) {
  .app-shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; grid-template-areas: 'main' 'rail'; }
  .app-rail { flex-direction: row; gap: 0; padding: 4px 6px calc(4px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(255,255,255,.08); border-right: 0; }
  .rail-brand { display: none; }
  .rail-destinations { grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 2px; }
  .rail-more, .rail-phone-only { display: grid; }
  .rail-utilities { position: fixed; right: 8px; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); left: 8px; z-index: 95; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: auto; margin: 0; padding: 10px; border: 1px solid rgba(160,170,255,.3); border-radius: 14px; background: #1a1f2e; box-shadow: 0 -12px 40px rgba(0,0,0,.5); visibility: hidden; opacity: 0; transform: translateY(8px); transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s; }
  .app-shell.is-rail-more-open .rail-utilities { visibility: visible; opacity: 1; transform: none; transition: opacity .16s ease, transform .16s ease; }
  .rail-utilities .rail-item { min-height: 58px; background: rgba(255,255,255,.04); }
  .mobile-sidebar-scrim { background: rgba(4,6,12,.5); }
  .workspace-header { gap: 8px; padding: 8px 10px; }
  .scope-picker { gap: 2px; }
  .scope-picker .workspace-switcher { flex: 1 1 0; gap: 3px; }
  .scope-picker .workspace-switcher select { flex: 1 1 auto; width: 100%; max-width: none; padding-right: 22px; }
  .scope-picker .icon-button { display: none; }
  .task-list-group .task-list-grid { max-block-size: none; overflow: visible; }
  .scope-divider { width: 12px; }
  .top-actions { gap: 4px; }
  .top-actions .save-state, .top-actions #saveBtn { display: none; }
  .top-actions:has(.save-state.is-dirty) #saveBtn { display: grid; }
  .new-item-button { position: fixed; right: 14px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); z-index: 40; width: 54px; height: 54px; padding: 0; border-radius: 50%; box-shadow: 0 10px 26px rgba(40,44,100,.55); }
  .new-item-button .lucide { width: 24px; height: 24px; }
  .new-item-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .app-shell:has(.mindmap-view:not([hidden])) .new-item-button { display: none; }
  .view-bar { flex-wrap: nowrap; gap: 10px; overflow-x: auto; scrollbar-width: none; }
  .view-bar::-webkit-scrollbar { display: none; }
  .view-tab { min-height: 36px; }
  .schedule-navigation { flex: 0 0 auto; gap: 6px; }
  .schedule-view-switcher button, .schedule-date-controls button { min-height: 34px; }
  #scheduleRangeLabel { display: none; }
  .planner-area { padding: 0 8px 8px; }
  .context-panel { top: auto; right: 0; bottom: 0; left: 0; width: auto; max-height: 80dvh; padding: 14px 14px calc(18px + env(safe-area-inset-bottom, 0px)); border-radius: 16px 16px 0 0; transform: translateY(100%); }
  .statusbar { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  .missed-activity-toasts { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .context-panel, .rail-utilities, .statusbar { transition: none !important; } }

/* Task-list rows share one semantic status treatment in the full page and linked-card dialog. */
.task-list-item.is-status-not_started,
.task-list-item.is-status-in_progress,
.task-list-item.is-status-complete,
.linked-task-list-row.is-status-not_started,
.linked-task-list-row.is-status-in_progress,
.linked-task-list-row.is-status-complete {
  background: linear-gradient(90deg, rgba(9, 12, 21, .58) 0%, color-mix(in srgb, var(--status-color) 16%, rgba(9, 12, 21, .58)) 100%);
}
.task-list-item.is-complete,
.linked-task-list-row.is-complete { opacity: 1; }
.task-list-item.is-complete .task-list-title-input,
.linked-task-list-row.is-complete .linked-task-list-copy input {
  color: #aeb8cc;
  text-decoration: line-through;
}
.task-list-status {
  color: color-mix(in srgb, var(--status-color, #8b98b3) 78%, #eef2ff);
  opacity: .58;
}
.task-list-status:hover { opacity: .88; }
.task-list-status.is-current { opacity: 1; }

/* One shared card-settings component; theme tokens drive schedule, nested, and mindmap cards alike. */
.task-settings-dialog {
  --card-settings-panel: rgba(10, 14, 25, .38);
  --card-settings-panel-border: rgba(255, 255, 255, .10);
  --card-settings-control: #111521;
  --card-settings-control-border: rgba(255, 255, 255, .13);
  --card-settings-text: #f0f3fc;
  --card-settings-secondary: #b5c0d6;
  --card-settings-muted: #98a5bf;
  --card-settings-choice: rgba(9, 12, 21, .48);
  --card-settings-choice-hover: rgba(115, 128, 238, .17);
  --card-settings-choice-selected: linear-gradient(135deg, rgba(101, 116, 232, .40), rgba(145, 114, 232, .24));
  --card-settings-choice-selected-text: #f5f6ff;
  --card-settings-accent: #aeb7ff;
  --card-settings-link: rgba(63, 174, 156, .09);
  --card-settings-reminder: rgba(101, 116, 232, .09);
}
.task-settings-dialog .card-settings-panel {
  border-color: var(--card-settings-panel-border);
  color: var(--card-settings-text);
  background: var(--card-settings-panel);
}
.task-settings-dialog .settings-label,
.task-settings-dialog .recurrence-day-exclusions legend { color: var(--card-settings-secondary); }
.task-settings-dialog .settings-label .range-value { color: var(--card-settings-text); }
.task-settings-dialog .settings-field > input,
.task-settings-dialog .settings-field > textarea,
.task-settings-dialog .settings-label input[type="text"],
.task-settings-dialog .settings-label input[type="number"],
.task-settings-dialog .settings-label input[type="date"],
.task-settings-dialog .settings-label select {
  border-color: var(--card-settings-control-border);
  color: var(--card-settings-text);
  background: var(--card-settings-control);
}
.task-settings-dialog .settings-label input[type="color"] {
  border-color: var(--card-settings-control-border);
  background: var(--card-settings-control);
}
.task-settings-dialog :is(input, textarea)::placeholder { color: var(--card-settings-muted); }
.task-settings-dialog .eyebrow { color: var(--card-settings-accent); }
.task-settings-dialog .mindmap-link-settings {
  border-color: rgba(73, 155, 143, .28);
  background: var(--card-settings-link);
}
.task-settings-dialog .mindmap-link-settings h3 { color: var(--card-settings-text); }
.task-settings-dialog .mindmap-link-settings p { color: var(--card-settings-muted); }
.task-settings-dialog .reminder-settings {
  border-color: rgba(101, 116, 210, .24);
  background: var(--card-settings-reminder);
}
.task-settings-dialog .reminder-settings h3 { color: var(--card-settings-text); }
.task-settings-dialog .reminder-settings p,
.task-settings-dialog .email-todo { color: var(--card-settings-muted) !important; }
.task-settings-dialog .switch-row { color: var(--card-settings-secondary); }
.task-settings-dialog .recurrence-day-exclusions fieldset { border-color: var(--card-settings-panel-border); }
.task-settings-dialog .recurrence-day-exclusions fieldset label {
  border-color: var(--card-settings-control-border);
  color: var(--card-settings-secondary);
  background: var(--card-settings-choice);
}
.task-settings-dialog .node-ref-chip {
  border-color: var(--card-settings-control-border);
  color: var(--card-settings-secondary);
  background: var(--card-settings-choice);
}
/* Account-wide appearance. Default canvases follow the theme; custom workspace colours remain unchanged. */
:root[data-theme="light"] {
  color-scheme: light;
  background: #f4f6fb;
  color: #182033;
  --light-text-primary: #182033;
  --light-text-secondary: #53617a;
  --light-text-muted: #6d7890;
  --light-border: rgba(35, 48, 78, .15);
  --light-hover: rgba(88, 101, 205, .08);
}
:root[data-theme="light"] .task-settings-dialog {
  --card-settings-panel: #fbfcff;
  --card-settings-panel-border: rgba(35, 48, 78, .14);
  --card-settings-control: #ffffff;
  --card-settings-control-border: rgba(35, 48, 78, .19);
  --card-settings-text: #182033;
  --card-settings-secondary: #53617a;
  --card-settings-muted: #6b7790;
  --card-settings-choice: #f0f2f7;
  --card-settings-choice-hover: #e8ebf7;
  --card-settings-choice-selected: #e2e6ff;
  --card-settings-choice-selected-text: #34458f;
  --card-settings-accent: #5665b7;
  --card-settings-link: #f0faf8;
  --card-settings-reminder: #f5f7ff;
}
:root[data-theme="light"] body { background: #f4f6fb; }
:root[data-theme="light"] .workspace { background: radial-gradient(circle at 70% -20%, #dce4ff 0, transparent 42%), #f4f6fb; }
:root[data-theme="light"] .app-rail,
:root[data-theme="light"] .sidebar,
:root[data-theme="light"] .context-panel,
:root[data-theme="light"] .rail-utilities {
  border-color: rgba(35, 48, 78, .12);
  background: #ffffff;
  box-shadow: 0 12px 34px rgba(43, 55, 88, .12);
}
:root[data-theme="light"] dialog,
:root[data-theme="light"] .auth-dialog[open] {
  border-color: rgba(35, 48, 78, .16);
  color: #182033;
  background: #ffffff;
  box-shadow: 0 28px 80px rgba(43, 55, 88, .22);
}
:root[data-theme="light"] dialog::backdrop,
:root[data-theme="light"] .auth-dialog::backdrop { background: rgba(36, 44, 66, .38); }
:root[data-theme="light"] .dialog-header,
:root[data-theme="light"] .workspace-header,
:root[data-theme="light"] .preferences-actions,
:root[data-theme="light"] .preferences-tabs,
:root[data-theme="light"] .inbox-section + .inbox-section { border-color: rgba(35, 48, 78, .11); }
:root[data-theme="light"] .preferences-tabs,
:root[data-theme="light"] .preferences-actions { background: #f7f8fc; }
:root[data-theme="light"] .panel,
:root[data-theme="light"] .card-settings-panel,
:root[data-theme="light"] .task-list-composer,
:root[data-theme="light"] .task-list-group,
:root[data-theme="light"] .alert-entry,
:root[data-theme="light"] .team-row,
:root[data-theme="light"] .team-member-row,
:root[data-theme="light"] .team-invite-row,
:root[data-theme="light"] .team-page-restrictions,
:root[data-theme="light"] .overview-item,
:root[data-theme="light"] .table-library-card,
:root[data-theme="light"] .excel-grid {
  border-color: rgba(35, 48, 78, .12);
  background: #ffffff;
}
:root[data-theme="light"] .task-list-view,
:root[data-theme="light"] .mindmap-library-view,
:root[data-theme="light"] .team-view,
:root[data-theme="light"] .tables-view,
:root[data-theme="light"] .overview-view {
  border-color: rgba(35, 48, 78, .12);
  background: #f9faff;
  box-shadow: 0 18px 45px rgba(43, 55, 88, .09);
}
:root[data-theme="light"] #taskInput,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] input[type="text"],
:root[data-theme="light"] input[type="email"],
:root[data-theme="light"] input[type="password"],
:root[data-theme="light"] input[type="number"],
:root[data-theme="light"] input[type="date"],
:root[data-theme="light"] input[type="time"],
:root[data-theme="light"] .settings-field > input,
:root[data-theme="light"] .settings-field > textarea,
:root[data-theme="light"] .settings-label input,
:root[data-theme="light"] .settings-label select,
:root[data-theme="light"] .task-list-composer input,
:root[data-theme="light"] .task-list-composer select,
:root[data-theme="light"] .task-list-quick-controls select,
:root[data-theme="light"] .team-row select,
:root[data-theme="light"] .team-row input,
:root[data-theme="light"] .team-member-row select,
:root[data-theme="light"] .assignee-filter-input {
  border-color: rgba(35, 48, 78, .18);
  color: #182033;
  background: #ffffff;
}
:root[data-theme="light"] select option { color: #182033; background: #ffffff; }
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder { color: #7b879f; }
:root[data-theme="light"] .workspace-header h2,
:root[data-theme="light"] .dialog-header h2,
:root[data-theme="light"] .preferences-panel > h3,
:root[data-theme="light"] .reminder-settings h3,
:root[data-theme="light"] .task-list-toolbar h3,
:root[data-theme="light"] .task-list-group-title strong,
:root[data-theme="light"] .task-list-card,
:root[data-theme="light"] .task-list-card-main,
:root[data-theme="light"] .overview-item,
:root[data-theme="light"] .agenda-copy strong,
:root[data-theme="light"] .agenda-time,
:root[data-theme="light"] .section-heading h1,
:root[data-theme="light"] .section-heading h2,
:root[data-theme="light"] .context-panel-header h2,
:root[data-theme="light"] .inbox-section-heading h3,
:root[data-theme="light"] .auth-brand,
:root[data-theme="light"] .auth-form h1,
:root[data-theme="light"] .ftp-browser-heading h4,
:root[data-theme="light"] .ftp-directory-copy b { color: #182033; }
:root[data-theme="light"] .preferences-panel > p,
:root[data-theme="light"] .reminder-settings p,
:root[data-theme="light"] .settings-label,
:root[data-theme="light"] .switch-row,
:root[data-theme="light"] .helper-text,
:root[data-theme="light"] .composer-hint,
:root[data-theme="light"] .workspace-notice,
:root[data-theme="light"] .task-list-card span,
:root[data-theme="light"] .task-list-card-main span,
:root[data-theme="light"] .task-list-copy span,
:root[data-theme="light"] .task-list-group-title small,
:root[data-theme="light"] .task-list-group-count,
:root[data-theme="light"] .agenda-copy small,
:root[data-theme="light"] .agenda-time small,
:root[data-theme="light"] .auth-form > p:not(.auth-error),
:root[data-theme="light"] .ftp-browser-heading p,
:root[data-theme="light"] .ftp-directory-copy small { color: #66738d; }
:root[data-theme="light"] .preferences-tabs button,
:root[data-theme="light"] .view-tab,
:root[data-theme="light"] .rail-item,
:root[data-theme="light"] .tool-button,
:root[data-theme="light"] .text-button { color: #66738d; }
:root[data-theme="light"] .preferences-tabs button:hover,
:root[data-theme="light"] .view-tab:hover,
:root[data-theme="light"] .rail-item:hover,
:root[data-theme="light"] .tool-button:hover,
:root[data-theme="light"] .text-button:hover {
  color: #26324b;
  background: rgba(88, 101, 205, .08);
}
:root[data-theme="light"] .preferences-tabs button.is-active,
:root[data-theme="light"] .view-tab.is-active,
:root[data-theme="light"] .rail-item.is-active,
:root[data-theme="light"] .rail-more[aria-expanded="true"] {
  border-color: rgba(88, 101, 205, .28);
  color: #39489a;
  background: rgba(88, 101, 205, .13);
}
:root[data-theme="light"] .top-icon-action,
:root[data-theme="light"] .icon-button,
:root[data-theme="light"] .settings-actions .text-button,
:root[data-theme="light"] .task-list-filter button,
:root[data-theme="light"] .task-list-open,
:root[data-theme="light"] .secondary-button {
  border-color: rgba(35, 48, 78, .16);
  color: #4f5f7d;
  background: #ffffff;
}
:root[data-theme="light"] .reminder-settings,
:root[data-theme="light"] .ftp-browser,
:root[data-theme="light"] .task-list-card,
:root[data-theme="light"] .task-list-item,
:root[data-theme="light"] .agenda-item { background: #ffffff; }
:root[data-theme="light"] .task-list-card:hover,
:root[data-theme="light"] .task-list-item:hover,
:root[data-theme="light"] .agenda-open:hover { background: #f2f4fb; }
:root[data-theme="light"] .card-note-preview,
:root[data-theme="light"] .ftp-directory-list {
  border-color: rgba(35, 48, 78, .14);
  color: #26324b;
  background: #ffffff;
}
:root[data-theme="light"] .mindmap-canvas-toolbar,
:root[data-theme="light"] .mindmap-selection-toolbar,
:root[data-theme="light"] .mindmap-view-controls,
:root[data-theme="light"] .zoom-controls {
  border-color: rgba(35, 48, 78, .18);
  color: #26324b;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 26px rgba(43, 55, 88, .16);
}
:root[data-theme="light"] .mindmap-canvas-toolbar button,
:root[data-theme="light"] .mindmap-selection-toolbar button,
:root[data-theme="light"] .mindmap-view-controls button,
:root[data-theme="light"] .zoom-controls button,
:root[data-theme="light"] .mindmap-view-controls output,
:root[data-theme="light"] .zoom-controls span { color: #4f5f7d; }
:root[data-theme="light"] .statusbar,
:root[data-theme="light"] .external-change-banner {
  border-color: rgba(35, 48, 78, .18);
  color: #26324b;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 12px 30px rgba(43, 55, 88, .16);
}
:root[data-theme="light"] .switch-row i { background: #cbd2e0; }
:root[data-theme="light"] .rail-badge { border-color: #ffffff; }

/* Schedule navigation keeps every period control and date legible on the pale header. */
:root[data-theme="light"] .schedule-navigation button {
  border-color: var(--light-border);
  color: #4c5b75;
  background: #ffffff;
}
:root[data-theme="light"] .schedule-navigation button:hover:not(:disabled) {
  border-color: rgba(73, 86, 181, .34);
  color: #29375a;
  background: #eef1fb;
}
:root[data-theme="light"] .schedule-navigation button:disabled {
  border-color: rgba(35, 48, 78, .10);
  color: #7d899f;
  background: #edf0f6;
  opacity: 1;
}
:root[data-theme="light"] .schedule-view-switcher {
  border-color: rgba(35, 48, 78, .13);
  background: rgba(226, 230, 241, .78);
}
:root[data-theme="light"] .schedule-view-switcher button { background: transparent; }
:root[data-theme="light"] .schedule-view-switcher button.is-active {
  color: #ffffff;
  background: #5b67c5;
}
:root[data-theme="light"] #scheduleRangeLabel { color: #4a5872; }
:root[data-theme="light"] .save-state { color: #68758e; background: rgba(83, 97, 122, .09); }

/* Team and overview content used explicit dark-theme foregrounds in several children. */
:root[data-theme="light"] .team-header h3,
:root[data-theme="light"] .team-count strong,
:root[data-theme="light"] .team-cell-title,
:root[data-theme="light"] .team-member-row-identity strong,
:root[data-theme="light"] .overview-item-title,
:root[data-theme="light"] .overview-item-card-title { color: var(--light-text-primary); }
:root[data-theme="light"] .team-count {
  border-color: rgba(35, 48, 78, .11);
  background: #ffffff;
}
:root[data-theme="light"] .team-count span,
:root[data-theme="light"] .team-row-head,
:root[data-theme="light"] .team-member-row-identity span,
:root[data-theme="light"] .team-invite-row-identity small,
:root[data-theme="light"] .team-empty-hint,
:root[data-theme="light"] .overview-member .task-list-group-title small,
:root[data-theme="light"] .overview-plain .task-list-group-title small,
:root[data-theme="light"] .overview-progress-meter small,
:root[data-theme="light"] .overview-item-title small,
:root[data-theme="light"] .overview-item-card-project { color: var(--light-text-muted); }
:root[data-theme="light"] .team-count.is-overdue { border-color: rgba(190, 55, 76, .52); background: #fff0f3; box-shadow: inset 3px 0 0 #c73750; }
:root[data-theme="light"] .team-count.is-overdue strong { color: #b52f48; }
:root[data-theme="light"] .team-count.is-blocked strong { color: #a76408; }
:root[data-theme="light"] .team-count.is-decision strong { color: #5265c4; }
:root[data-theme="light"] .team-filter-chip {
  border-color: rgba(35, 48, 78, .14);
  color: #56647d;
  background: #ffffff;
}
:root[data-theme="light"] .team-filter-chip:hover {
  border-color: rgba(73, 86, 181, .26);
  color: #2e3b59;
  background: #eef1fb;
}
:root[data-theme="light"] .team-filter-chip.is-active {
  border-color: rgba(73, 86, 181, .34);
  color: #35458f;
  background: #e1e6fb;
}
:root[data-theme="light"] .team-row.is-overdue { border-color: rgba(190, 55, 76, .58); border-left-color: #c73750; background: linear-gradient(90deg, #ffe9ed, #fff7f8); box-shadow: 0 5px 16px rgba(151, 35, 55, .12); }
:root[data-theme="light"] .team-row.is-overdue.is-blocked { box-shadow: inset 4px 0 0 #c73750, inset 7px 0 0 #a76408, 0 5px 16px rgba(151, 35, 55, .12); }
:root[data-theme="light"] .team-row.is-overdue .team-cell-title { color: #9f243b; }
:root[data-theme="light"] .team-cell-due.is-overdue { color: #aa2941; }
:root[data-theme="light"] .team-cell-due.is-overdue::after { border-color: rgba(190, 55, 76, .44); color: #9f243b; background: #ffdce3; }
:root[data-theme="light"] .team-row.is-overdue input[type="date"] { border-color: rgba(190, 55, 76, .48); color: #98233a; background: #fff7f8; }
:root[data-theme="light"] .team-invite-row-identity,
:root[data-theme="light"] .team-page-restriction-item,
:root[data-theme="light"] .team-page-restrictions-label,
:root[data-theme="light"] .overview-item-assignee,
:root[data-theme="light"] .overview-item-due,
:root[data-theme="light"] .overview-mindmap-group-header { color: var(--light-text-secondary); }
:root[data-theme="light"] .overview-item-assignee.is-unassigned,
:root[data-theme="light"] .overview-item-due:not(.is-overdue):not(.is-today) { color: var(--light-text-muted); }
:root[data-theme="light"] .overview-item.is-overdue { border-color: rgba(190, 55, 76, .58); border-left-color: #c73750; background: linear-gradient(90deg, #ffe9ed, #fff8f9); box-shadow: 0 5px 16px rgba(151, 35, 55, .12); }
:root[data-theme="light"] .overview-item.is-overdue:hover { background: linear-gradient(90deg, #ffe1e7, #fff3f5); }
:root[data-theme="light"] .overview-item-card.is-overdue { --list-color: #c73750; border-color: rgba(190, 55, 76, .58); background: linear-gradient(145deg, #ffe9ed, #fff8f9); box-shadow: 0 7px 18px rgba(151, 35, 55, .13); }
:root[data-theme="light"] .overview-item-due.is-overdue { border-color: rgba(190, 55, 76, .44); color: #9f243b; background: #ffdce3; }
:root[data-theme="light"] .overview-item-due.is-today { color: #946009; }
:root[data-theme="light"] .overview-item-status-label {
  color: color-mix(in srgb, var(--status-color, #65728d) 72%, #182033);
  background: color-mix(in srgb, var(--status-color, #8b98b3) 13%, transparent);
}
:root[data-theme="light"] .overview-item:hover { background: #f2f4fa; }
:root[data-theme="light"] .overview-item-fold { color: #64718a; }
:root[data-theme="light"] .overview-item-fold:hover { color: #34415c; background: #e8ebf5; }
:root[data-theme="light"] .overview-mindmap-group { border-color: rgba(35, 48, 78, .13); }
:root[data-theme="light"] .overview-progress-bar { background: #e3e7f0; }
:root[data-theme="light"] .overview-progress-bar.is-empty {
  background: repeating-linear-gradient(45deg, #edf0f6, #edf0f6 4px, #dfe4ed 4px, #dfe4ed 8px);
}

/* Tables: library cards, spreadsheet chrome, cell tools, and popovers. */
:root[data-theme="light"] .table-library-card strong,
:root[data-theme="light"] .excel-col-header input,
:root[data-theme="light"] .excel-format-bold-row,
:root[data-theme="light"] .excel-format-stepper-value,
:root[data-theme="light"] .table-library-card span,
:root[data-theme="light"] .excel-format-label { color: var(--light-text-secondary); }
:root[data-theme="light"] .table-library-card:hover { background: #f0f3fa; }
:root[data-theme="light"] .excel-grid { color: var(--light-text-primary); background: #ffffff; }
:root[data-theme="light"] .excel-row:not(.excel-head-row),
:root[data-theme="light"] .excel-corner-cell,
:root[data-theme="light"] .excel-row-handle,
:root[data-theme="light"] .excel-col-header,
:root[data-theme="light"] .excel-add-col,
:root[data-theme="light"] .excel-cell { border-color: rgba(35, 48, 78, .11); }
:root[data-theme="light"] .excel-col-header { background: #f0f3f9; }
:root[data-theme="light"] .excel-col-header input:hover,
:root[data-theme="light"] .excel-col-header input:focus,
:root[data-theme="light"] .excel-cell input:focus,
:root[data-theme="light"] .excel-cell select:focus { border-color: rgba(73, 86, 181, .28); background: #ffffff; }
:root[data-theme="light"] .excel-col-type-badge,
:root[data-theme="light"] .excel-add-link-col { color: #4d60be; }
:root[data-theme="light"] .excel-row-handle,
:root[data-theme="light"] .excel-col-header button,
:root[data-theme="light"] .excel-add-col { color: #68758d; opacity: 1; }
:root[data-theme="light"] .excel-add-col:hover { color: #35458f; background: #e8ecf8; }
:root[data-theme="light"] .excel-cell select { background-color: #f7f8fc; }
:root[data-theme="light"] .excel-cell-open {
  border-color: rgba(73, 86, 181, .28);
  color: #3d4da0;
  background: #edf0fb;
}
:root[data-theme="light"] .excel-cell-format-trigger {
  border-color: rgba(35, 48, 78, .24);
  color: #53617a;
  background: #ffffff;
}
:root[data-theme="light"] .excel-format-bold-row,
:root[data-theme="light"] .excel-format-stepper button {
  border-color: var(--light-border);
  color: var(--light-text-primary);
  background: #f7f8fc;
}
:root[data-theme="light"] .excel-format-bold-row:hover,
:root[data-theme="light"] .excel-format-stepper button:hover,
:root[data-theme="light"] .excel-format-bold-glyph { background: #e6eaf3; }
:root[data-theme="light"] .excel-format-clear,
:root[data-theme="light"] .excel-add-row { border-color: rgba(35, 48, 78, .22); color: #56647d; }
:root[data-theme="light"] .excel-add-row:hover { border-color: rgba(73, 86, 181, .38); color: #35458f; background: #eef1fb; }

/* Task-list surfaces: shared full-page, linked-card dialog, and list settings states. */
:root[data-theme="light"] .linked-task-list-toolbar > span,
:root[data-theme="light"] .task-list-empty,
:root[data-theme="light"] .linked-task-list-copy span { color: var(--light-text-muted); }
:root[data-theme="light"] .linked-task-list-composer input,
:root[data-theme="light"] .linked-task-list-assignee,
:root[data-theme="light"] .linked-task-list-copy input,
:root[data-theme="light"] .task-list-name-input,
:root[data-theme="light"] .task-list-title-input {
  border-color: rgba(35, 48, 78, .17);
  color: var(--light-text-primary);
  background: #ffffff;
}
:root[data-theme="light"] .linked-task-list-composer input::placeholder { color: #758199; }
:root[data-theme="light"] .linked-task-list-composer input:focus,
:root[data-theme="light"] .linked-task-list-copy input:focus,
:root[data-theme="light"] .task-list-name-input:focus,
:root[data-theme="light"] .task-list-title-input:focus {
  border-color: rgba(73, 86, 181, .48);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(73, 86, 181, .12);
}
:root[data-theme="light"] .linked-task-list-copy input:not(:focus),
:root[data-theme="light"] .task-list-title-input:not(:focus) { border-color: transparent; background: transparent; }
:root[data-theme="light"] .linked-task-list-copy input:hover,
:root[data-theme="light"] .task-list-title-input:hover {
  border-color: rgba(35, 48, 78, .18);
  background: rgba(255, 255, 255, .72);
}
:root[data-theme="light"] .task-list-item,
:root[data-theme="light"] .linked-task-list-row {
  border-color: rgba(35, 48, 78, .13);
  border-left-color: var(--status-color, var(--task-color, #6574e8));
  color: var(--light-text-primary);
  background: #ffffff;
}
:root[data-theme="light"] .task-list-item.is-status-not_started,
:root[data-theme="light"] .task-list-item.is-status-in_progress,
:root[data-theme="light"] .task-list-item.is-status-complete,
:root[data-theme="light"] .linked-task-list-row.is-status-not_started,
:root[data-theme="light"] .linked-task-list-row.is-status-in_progress,
:root[data-theme="light"] .linked-task-list-row.is-status-complete {
  background: linear-gradient(90deg, #ffffff 0%, color-mix(in srgb, var(--status-color) 11%, #ffffff) 100%);
}
:root[data-theme="light"] .task-list-item.is-complete .task-list-title-input,
:root[data-theme="light"] .linked-task-list-row.is-complete .linked-task-list-copy input { color: #59667e; }
:root[data-theme="light"] .task-list-filter button {
  border-color: rgba(35, 48, 78, .16);
  color: #53617a;
  background: #ffffff;
}
:root[data-theme="light"] .task-list-filter button:hover {
  border-color: rgba(73, 86, 181, .30);
  color: #2d3b59;
  background: #eef1fb;
}
:root[data-theme="light"] .task-list-filter button.is-active {
  border-color: rgba(73, 86, 181, .38);
  color: #34458f;
  background: #e1e6fb;
}
:root[data-theme="light"] .task-list-status {
  border-color: color-mix(in srgb, var(--status-color, #8b98b3) 28%, #d1d7e4);
  color: color-mix(in srgb, var(--status-color, #8b98b3) 68%, #182033);
  background: color-mix(in srgb, var(--status-color, #8b98b3) 7%, #ffffff);
  opacity: .68;
}
:root[data-theme="light"] .task-list-status:hover {
  color: color-mix(in srgb, var(--status-color, #8b98b3) 62%, #182033);
  background: color-mix(in srgb, var(--status-color, #8b98b3) 13%, #ffffff);
  opacity: 1;
}
:root[data-theme="light"] .task-list-status.is-current {
  border-color: color-mix(in srgb, var(--status-color, #8b98b3) 58%, #5c6780);
  color: color-mix(in srgb, var(--status-color, #8b98b3) 58%, #182033);
  background: color-mix(in srgb, var(--status-color, #8b98b3) 16%, #ffffff);
  opacity: 1;
}
:root[data-theme="light"] .task-list-calendar-btn,
:root[data-theme="light"] .linked-task-list-remove,
:root[data-theme="light"] .task-list-rename,
:root[data-theme="light"] .task-list-rename-confirm,
:root[data-theme="light"] .task-list-rename-cancel,
:root[data-theme="light"] .task-list-status-editor-row .status-icon-button {
  border-color: rgba(35, 48, 78, .16);
  color: #596780;
  background: #ffffff;
}
:root[data-theme="light"] .task-list-calendar-btn:hover,
:root[data-theme="light"] .task-list-rename:hover,
:root[data-theme="light"] .task-list-rename-confirm:hover,
:root[data-theme="light"] .task-list-status-editor-row .status-icon-button:hover {
  border-color: rgba(73, 86, 181, .34);
  color: #35458f;
  background: #edf0fa;
}
:root[data-theme="light"] .task-list-calendar-btn.has-dates {
  border-color: rgba(73, 86, 181, .38);
  color: #3d4da0;
  background: #e8ecfa;
}
:root[data-theme="light"] .task-list-calendar-btn.has-alert { border-color: rgba(159, 99, 7, .38); color: #8a5707; }
:root[data-theme="light"] .linked-task-list-remove:hover,
:root[data-theme="light"] .task-list-rename-cancel:hover {
  border-color: rgba(190, 55, 76, .34);
  color: #b52f46;
  background: #fff0f2;
}
:root[data-theme="light"] .task-list-status-editor-row input[type="color"] { border-color: rgba(35, 48, 78, .18); background: #f4f6fb; }
:root[data-theme="light"] .task-list-parent-context {
  border-color: color-mix(in srgb, var(--task-list-parent-color, #6574e8) 42%, #d7dce8);
  background: linear-gradient(90deg, #ffffff 0%, color-mix(in srgb, var(--task-list-parent-color, #6574e8) 13%, #ffffff) 100%);
}
:root[data-theme="light"] .task-list-parent-label,
:root[data-theme="light"] .task-list-parent-card,
:root[data-theme="light"] .task-list-group-chevron,
:root[data-theme="light"] .task-list-group-empty { color: var(--light-text-muted); }
:root[data-theme="light"] .task-list-parent-link { color: var(--light-text-primary); }
:root[data-theme="light"] .task-list-parent-link:hover { color: #34458f; }
:root[data-theme="light"] .task-list-parent-map {
  color: color-mix(in srgb, var(--task-list-parent-color, #6574e8) 62%, #182033);
}
:root[data-theme="light"] .task-list-group.is-mindmap-owner > summary {
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--task-list-group-color, #6574e8) 13%, transparent) 100%);
}
:root[data-theme="light"] .task-list-group-open-mindmap {
  border-color: color-mix(in srgb, var(--task-list-group-color, #6574e8) 45%, #cfd5e2);
  color: color-mix(in srgb, var(--task-list-group-color, #6574e8) 64%, #182033);
  background: color-mix(in srgb, var(--task-list-group-color, #6574e8) 9%, #ffffff);
}
:root[data-theme="light"] .task-list-card-delete,
:root[data-theme="light"] .task-list-alert-unlink,
:root[data-theme="light"] .task-lists-panel .task-list-delete-button { color: #69758c; }
:root[data-theme="light"] .task-lists-panel .task-list-delete-button {
  border-color: rgba(35, 48, 78, .16);
  background: #ffffff;
}
:root[data-theme="light"] .task-list-card-delete:hover,
:root[data-theme="light"] .task-list-alert-unlink:hover,
:root[data-theme="light"] .task-lists-panel .task-list-delete-button:hover {
  border-color: rgba(190, 55, 76, .34);
  color: #b52f46;
  background: #fff0f2;
}
:root[data-theme="light"] .task-list-alert-link {
  border-color: rgba(73, 86, 181, .28);
  color: #3d4da0;
  background: #edf0fb;
}
@media (max-width: 700px) {
  :root[data-theme="light"] .app-rail { border-color: rgba(35, 48, 78, .12); }
  :root[data-theme="light"] .mobile-sidebar-scrim { background: rgba(36, 44, 66, .26); }
}


/* --- Overview: project cards ------------------------------------------------------------------ */
.overview-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-bottom:14px}
.overview-kpi{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035)}
.overview-kpi strong{font-size:21px;line-height:1.1;font-weight:800;color:#e7ebf8;font-variant-numeric:tabular-nums}
.overview-kpi span{color:#8f9bb6;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.overview-kpi.is-off strong{color:#ff8294}.overview-kpi.is-risk strong{color:#e3a547}.overview-kpi.is-ok strong{color:#62d6a2}.overview-kpi.is-nodates strong{color:#9aa6c3}.overview-kpi.is-decision strong{color:#a9aefc}
.overview-kpi.is-zero strong{color:#5b6580}
.project-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;align-items:start}
.project-card{--health:#6b7690;display:flex;flex-direction:column;gap:10px;min-width:0;padding:13px 14px 12px;border:1px solid rgba(255,255,255,.07);border-top:3px solid var(--health);border-radius:11px;background:#1a1f2e}
.project-card.is-off{--health:#ef5b72}.project-card.is-risk{--health:#e3a547}.project-card.is-ok{--health:#62d6a2}.project-card.is-done{--health:#3f9d78}.project-card.is-nodates{--health:#6b7690}
.project-card.has-scope{grid-column:1 / -1}
.project-card.has-scope .project-card-body{column-width:340px;column-gap:22px}
.project-card.has-scope .project-branch{break-inside:avoid}
.project-card-head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}
.project-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.project-ring{display:grid;flex:none;width:40px;height:40px;place-items:center;border-radius:50%;background:conic-gradient(#62d6a2 0 var(--done),#e3a547 0 var(--active),rgba(139,152,179,.28) 0)}
.project-ring span{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#1a1f2e;color:#eef1fa;font-size:10.5px;font-weight:800}
.project-card-title{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;padding:0;border:0;background:transparent;color:#eef1fa;text-align:left;cursor:pointer}
.project-card-title strong{font-size:13.5px;font-weight:750}
.project-card-title small{color:#8794ad;font-size:10.5px}
.project-card-title:hover strong{color:#cbd2ff}
.project-card-people{display:inline-flex;align-items:center;gap:5px;color:#8f9bb6;font-size:11px;white-space:nowrap}
.project-card-people .lucide{width:13px;height:13px}
.project-health{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--health-color,#8b98b3) 15%,transparent);color:color-mix(in srgb,var(--health-color,#8b98b3) 80%,#fff);font-size:10.5px;font-weight:750;white-space:nowrap}
.project-health.is-off{--health-color:#ef5b72}.project-health.is-risk{--health-color:#e3a547}.project-health.is-ok{--health-color:#62d6a2}.project-health.is-done{--health-color:#62d6a2}.project-health.is-nodates{--health-color:#8b98b3}
.project-health-dot{width:7px;height:7px;border-radius:50%;background:var(--health-color,#8b98b3)}
.project-health.is-nodates .project-health-dot{background:transparent;box-shadow:inset 0 0 0 2px var(--health-color)}
.project-scope-bar{display:flex;gap:2px;height:17px}
.project-scope-cell{position:relative;display:flex;flex-basis:0;align-items:center;min-width:28px;padding-left:6px;overflow:hidden;border-radius:4px;background:linear-gradient(90deg,#62d6a2 0 var(--done),#e3a547 0 var(--active),rgba(139,152,179,.3) 0);color:#fff;font-size:9.5px;font-weight:750;white-space:nowrap}
.project-scope-cell span{overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.project-card-body{display:block;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.project-branch-header{display:grid;grid-template-columns:14px minmax(0,1fr) 90px 34px;align-items:center;gap:8px;width:100%;margin:2px 0;padding:5px 4px 5px calc(4px + var(--depth,0) * 18px);border:0;border-radius:6px;background:transparent;color:#dfe4f2;font:inherit;font-size:11.5px;font-weight:700;text-align:left;cursor:pointer}
.project-branch-header:hover{background:rgba(255,255,255,.04)}
.project-branch-header .lucide{width:13px;height:13px;color:#7f8aa5}
.project-branch-header .overview-progress-bar{flex:none;width:100%;height:6px}
.project-branch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-branch-name small{color:#8794ad;font-weight:500}
.project-branch-count{color:#8f9bb6;font-size:10.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.project-task{display:grid;grid-template-columns:22px minmax(0,1fr) auto 22px;align-items:center;gap:2px 8px;padding:3px 2px 3px calc(var(--depth,0) * 18px);border-radius:6px}
.project-task:hover{background:rgba(255,255,255,.03)}
.project-task .task-list-status{display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent}
.project-task .task-list-status .lucide{width:15px;height:15px}
.project-task-title{display:flex;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:transparent;color:#dfe4f2;font:inherit;font-size:12px;font-weight:550;text-align:left;cursor:pointer}
.project-task-title>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.project-task-title:hover>span:first-child{color:#cbd2ff}
.project-task.is-complete .project-task-title>span:first-child{color:#8794ad;text-decoration:line-through}
.project-task.is-overdue{background:linear-gradient(90deg,rgba(239,91,114,.16),rgba(239,91,114,.03))}
.project-task.is-overdue .project-task-title>span:first-child{color:#ffd6dc;font-weight:700}
.project-task-due{color:#8794ad;font-size:10.5px;white-space:nowrap}
.project-task-due.is-late{color:#ff8294;font-weight:750}.project-task-due.is-soon{color:#e3a547;font-weight:650}.project-task-due.is-none{color:#5f6983}
.project-task-blocker{display:flex;grid-column:2 / -1;align-items:center;gap:5px;color:#f3b6bf;font-size:10.5px}
.project-task-blocker .lucide{flex:none;width:12px;height:12px;color:#ef5b72}
.project-more{display:block;margin:2px 0 4px calc(30px + var(--depth,0) * 18px);padding:2px 6px;border:0;border-radius:5px;background:transparent;color:#9aa6ff;font-size:10.5px;font-weight:650;cursor:pointer}
.project-more:hover{background:rgba(119,127,240,.12)}
.project-card-why{padding-top:8px;border-top:1px solid rgba(255,255,255,.07);color:#8f9bb6;font-size:11px}
.project-card-why strong{color:var(--health);font-weight:750}
.project-card.is-nodates .project-card-why strong{color:#c3cbe0}
.member-avatar{--avatar-color:#9aa0ff;display:inline-grid;flex:none;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--avatar-color);color:#11141f;font-size:9px;font-weight:800;line-height:1}
.member-avatar.is-unassigned{background:#343c52;color:#8f9bb6}
.team-type-pill{flex:none;padding:1px 6px;border-radius:5px;background:rgba(139,152,179,.16);color:#aeb8cc;font-size:9.5px;font-weight:750;text-transform:lowercase}
.team-type-pill.is-decision{background:rgba(119,127,240,.2);color:#c0c4ff}

/* --- Team: compact read-first triage table ----------------------------------------------------- */
.team-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
.segmented-switch{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035)}
.segmented-switch button{padding:5px 12px;border:0;border-radius:6px;background:transparent;color:#9eabc5;font-size:11.5px;font-weight:650}
.segmented-switch button:hover{color:#eef1fa}
.segmented-switch button.is-active{background:rgba(119,127,240,.33);color:#f4f6ff}
.team-table.is-compact{gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#1a1f2e}
.team-table.is-compact .team-row{grid-template-columns:24px minmax(180px,1.7fr) minmax(140px,1.3fr) minmax(120px,.9fr) 104px minmax(110px,.9fr) minmax(140px,1.2fr);gap:10px;min-height:36px;padding:4px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.055);border-radius:0;background:transparent}
.team-table.is-compact .team-row:hover{background:rgba(255,255,255,.025)}
.team-table.is-compact .team-row-head{min-height:0;padding:8px 12px;background:rgba(0,0,0,.14)}
.team-table.is-compact .team-row.is-overdue{border-left:4px solid #ef5b72;padding-left:8px;background:linear-gradient(90deg,rgba(239,91,114,.2),rgba(239,91,114,.05))}
.team-table.is-compact .team-row.is-complete .team-cell-title{color:#8794ad;text-decoration:line-through}
.team-table.is-compact .team-cell-due.is-overdue::after{content:none}
.team-table.is-compact .task-list-status{display:grid;width:22px;height:22px;place-items:center;border:0;background:transparent}
.team-table.is-compact .task-list-status .lucide{width:15px;height:15px}
.team-group-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.2);color:#8f9bb6;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.team-group-header strong{color:#dfe4f2}
.team-group-header.is-alert strong{color:#ff8294}
.team-group-header>span{font-weight:500;letter-spacing:0;text-transform:none}
.team-group-header .overview-progress-bar{flex:none;width:120px;height:6px;margin-left:auto}
.team-cell-task{display:flex;align-items:center;gap:6px;min-width:0}
.team-cell-task .team-cell-title{min-width:0;padding:0;border:0;background:transparent;font:inherit;font-size:12px;font-weight:650;text-align:left;cursor:pointer}
.team-cell-task .team-cell-title:hover{color:#cbd2ff}
.team-cell-scope{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden;color:#8794ad;font-size:11px;white-space:nowrap}
.team-cell-scope b{overflow:hidden;color:#c9d0e3;font-weight:600;text-overflow:ellipsis}
.team-cell-scope .scope-sep .lucide{width:11px;height:11px;color:#5f6983}
.team-cell-owner{display:flex;align-items:center;gap:6px;min-width:0;color:#aeb8cc;font-size:11.5px;white-space:nowrap}
.team-cell-owner>span:last-child{overflow:hidden;text-overflow:ellipsis}
.team-table.is-compact .team-status-cell{flex-direction:column;justify-content:center;gap:0}
.team-status-label{color:color-mix(in srgb,var(--status-color,#8b98b3) 75%,#fff);font-size:11.5px;font-weight:600}
.team-stage{color:#8f9bb6;font-size:10.5px}
.team-stage.is-empty{display:none}.team-cell-blocker.is-empty{color:transparent}
.team-row:hover .team-stage.is-empty,.team-row:focus-within .team-stage.is-empty{display:block;color:#5f6983}.team-row:hover .team-cell-blocker.is-empty,.team-cell-blocker.is-empty:focus{color:#5f6983}
.team-cell-blocker{overflow:hidden;color:#f3b6bf;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.due-text{font-size:11.5px;white-space:nowrap}
.due-text.is-late{color:#ff8294;font-weight:750}.due-text.is-soon{color:#e3a547;font-weight:650}.due-text.is-none,.due-text.is-done{color:#6b7690}
.is-editable{border-radius:5px;cursor:pointer;outline-offset:2px}
.is-editable:not(.is-editing):hover{background:rgba(255,255,255,.05);box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.is-editable:focus-visible{outline:2px solid rgba(137,148,251,.7)}
.is-editing select,.is-editing input{width:100%;padding:4px 6px;border:1px solid rgba(163,169,255,.55);border-radius:6px;background:#111521;color:#eef1fa;font-size:11.5px}
@media (max-width:900px){
  .team-table.is-compact .team-row{grid-template-columns:24px minmax(0,1fr);gap:3px 8px;padding:8px 12px}
  .team-table.is-compact .team-row>*:not(:first-child):not(.team-cell-task){grid-column:2}
  .team-table.is-compact .team-row-head{display:none}
  .project-card.has-scope{grid-column:auto}
}

:root[data-theme="light"] .overview-kpi,:root[data-theme="light"] .project-card,:root[data-theme="light"] .team-table.is-compact{border-color:rgba(35,48,78,.12);background:#ffffff}
:root[data-theme="light"] .project-card{border-top-color:var(--health)}
:root[data-theme="light"] .overview-kpi strong,:root[data-theme="light"] .project-card-title,:root[data-theme="light"] .project-task-title,:root[data-theme="light"] .project-branch-header,:root[data-theme="light"] .team-group-header strong,:root[data-theme="light"] .team-cell-scope b{color:#1d2438}
:root[data-theme="light"] .project-ring span{background:#ffffff;color:#1d2438}
:root[data-theme="light"] .project-card-body,:root[data-theme="light"] .project-card-why{border-top-color:rgba(35,48,78,.1)}
:root[data-theme="light"] .project-task.is-overdue,:root[data-theme="light"] .team-table.is-compact .team-row.is-overdue{background:linear-gradient(90deg,#ffe9ed,#fff7f8)}
:root[data-theme="light"] .project-task.is-overdue .project-task-title>span:first-child{color:#9f243b}
:root[data-theme="light"] .team-group-header,:root[data-theme="light"] .team-table.is-compact .team-row-head{background:#f2f4f9}
:root[data-theme="light"] .team-table.is-compact .team-row{border-bottom-color:rgba(35,48,78,.08)}
:root[data-theme="light"] .segmented-switch{border-color:rgba(35,48,78,.14);background:#f2f4f9}
:root[data-theme="light"] .segmented-switch button.is-active{background:#dfe2fb;color:#2a2f7a}
:root[data-theme="light"] .is-editing select,:root[data-theme="light"] .is-editing input{background:#ffffff;color:#1d2438}
:root[data-theme="light"] .member-avatar.is-unassigned{background:#e3e7f0;color:#66708a}


/* --- Overview: timeline view mode --------------------------------------------------------------- */
.tl-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tl-legend{display:flex;flex-wrap:wrap;gap:12px;color:#8f9bb6;font-size:10.5px}
.tl-legend>span{display:inline-flex;align-items:center;gap:5px}
.tl-legend-mark{display:inline-block;width:3px;height:12px;border-radius:2px;background:#8f9bb6}
.tl-legend-mark.is-late,.tl-marker.is-late{--tone:#ef5b72}.tl-legend-mark.is-soon,.tl-marker.is-soon{--tone:#e3a547}.tl-legend-mark.is-done,.tl-marker.is-done{--tone:#62d6a2}.tl-legend-mark.is-upcoming,.tl-marker.is-upcoming{--tone:#9aa6c3}
.tl-legend-mark{background:var(--tone)}
.tl-legend-milestone{display:inline-block;width:9px;height:9px;border-radius:2px;background:#a9aefc;transform:rotate(45deg)}
.tl-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#1a1f2e}
.tl-board{min-width:760px;padding:4px 0 8px}
.tl-lane{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:stretch;min-height:34px;border-bottom:1px solid rgba(255,255,255,.05)}
.tl-group{border-bottom:1px solid rgba(255,255,255,.08)}
.tl-group:last-child{border-bottom:0}
.tl-group .tl-lane:last-child{border-bottom:0}
.tl-group.is-scoped{background:rgba(119,127,240,.035)}
.tl-label{display:flex;align-items:center;gap:7px;min-width:0;padding:0 10px 0 calc(12px + var(--depth,0) * 20px);border-right:1px solid rgba(255,255,255,.06)}
.tl-lane.is-branch .tl-label{padding-left:44px}
.tl-lane.is-branch{min-height:28px}
.tl-fold{display:grid;flex:none;width:18px;height:18px;margin-left:-4px;padding:0;place-items:center;border:0;border-radius:4px;background:transparent;color:#8f9bb6;cursor:pointer}
.tl-fold:hover{background:rgba(255,255,255,.07);color:#eef1fa}
.tl-fold .lucide{width:13px;height:13px}
.tl-dot{flex:none}
.tl-dot.is-off{--health-color:#ef5b72}.tl-dot.is-risk{--health-color:#e3a547}.tl-dot.is-ok,.tl-dot.is-done{--health-color:#62d6a2}.tl-dot.is-nodates,.tl-dot.is-empty{--health-color:#8b98b3}
.tl-dot.is-nodates{background:transparent;box-shadow:inset 0 0 0 2px var(--health-color)}
.tl-name{display:flex;flex:1 1 auto;min-width:0;padding:0;overflow:hidden;border:0;background:transparent;color:#e7ebf8;font:inherit;font-size:12px;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.tl-lane.is-branch .tl-name{color:#c9d0e3;font-weight:550}
.tl-name:hover{color:#cbd2ff}
.tl-path{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}
.tl-path b{overflow:hidden;font-weight:600;text-overflow:ellipsis}
.tl-path .scope-sep .lucide{width:11px;height:11px;color:#5f6983}
.tl-label small{flex:none;color:#7f8aa5;font-size:10.5px;font-variant-numeric:tabular-nums}
.tl-track{position:relative;min-width:0;margin:0 14px}
.tl-gridline{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.045)}
.tl-today{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:rgba(169,174,252,.7);z-index:1}
.tl-span{position:absolute;top:50%;height:12px;margin-top:-6px;border:1px solid rgba(163,169,255,.34);border-radius:4px;background:linear-gradient(90deg,rgba(98,214,162,.5) 0 var(--done),rgba(119,127,240,.2) 0)}
.tl-lane.is-branch .tl-span{height:9px;margin-top:-4.5px}
.tl-marker{position:absolute;top:50%;z-index:2;width:4px;height:20px;margin:-10px 0 0 -2px;padding:0;border:0;border-radius:2px;background:var(--tone);cursor:pointer}
.tl-lane.is-branch .tl-marker{height:15px;margin-top:-7.5px}
.tl-marker:hover,.tl-marker:focus-visible{outline:2px solid #eef1fa;outline-offset:1px}
.tl-marker span{position:absolute;bottom:100%;left:50%;margin-bottom:1px;transform:translateX(-50%);color:var(--tone);font-size:9px;font-weight:800;line-height:1}
.tl-milestone{position:absolute;top:50%;z-index:2;display:flex;align-items:center;height:14px;margin:-7px 0 0 -6px}
.tl-milestone::before{content:"";flex:none;width:11px;height:11px;border-radius:2px;background:#a9aefc;transform:rotate(45deg)}
.tl-milestone span{margin-left:6px;color:#c0c4ff;font-size:10px;font-weight:650;white-space:nowrap}
.tl-nodates{position:absolute;inset:6px 0;display:flex;align-items:center;padding-left:10px;border-radius:4px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px);color:#8f9bb6;font-size:10.5px}
.tl-nodates:empty{display:none}
.tl-edge{position:absolute;top:50%;z-index:2;padding:1px 6px;border-radius:999px;background:#232a3d;color:var(--tone,#9aa6c3);font-size:9.5px;font-weight:750;white-space:nowrap;transform:translateY(-50%)}
.tl-edge.is-start{left:-8px}.tl-edge.is-end{right:-8px}
.tl-edge.is-late{--tone:#ff8294}.tl-edge.is-soon{--tone:#e3a547}.tl-edge.is-done{--tone:#62d6a2}
.tl-undated{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6b7690;font-size:9.5px;font-weight:650}
.tl-axis{min-height:30px;border-bottom:1px solid rgba(255,255,255,.08)}
.tl-axis .tl-label{color:#8f9bb6;font-size:10.5px;font-weight:650}
.tl-tick{position:absolute;bottom:6px;color:#8f9bb6;font-size:10px;white-space:nowrap;transform:translateX(-50%)}
.tl-today-label{position:absolute;top:3px;padding:0 5px;border-radius:4px;background:rgba(119,127,240,.25);color:#c9ccff;font-size:9.5px;font-weight:800;transform:translateX(-50%)}

:root[data-theme="light"] .tl-scroll{border-color:rgba(35,48,78,.12);background:#ffffff}
:root[data-theme="light"] .tl-lane,:root[data-theme="light"] .tl-group,:root[data-theme="light"] .tl-label{border-color:rgba(35,48,78,.08)}
:root[data-theme="light"] .tl-name{color:#1d2438}
:root[data-theme="light"] .tl-lane.is-branch .tl-name{color:#3a4460}
:root[data-theme="light"] .tl-gridline{background:rgba(35,48,78,.07)}
:root[data-theme="light"] .tl-group.is-scoped{background:#f6f7fd}
:root[data-theme="light"] .tl-edge{background:#eef0f7}
:root[data-theme="light"] .tl-nodates{background:repeating-linear-gradient(135deg,rgba(35,48,78,.06) 0 6px,transparent 6px 12px);color:#66708a}
:root[data-theme="light"] .tl-milestone::before{background:#6f76e6}
:root[data-theme="light"] .tl-milestone span{color:#4a50b8}


/* --- Overview: project page ----------------------------------------------------------------------- */
.project-page{--health:#6b7690;display:flex;flex-direction:column;gap:12px;max-width:1400px}
.project-page.is-off{--health:#ef5b72}.project-page.is-risk{--health:#e3a547}.project-page.is-ok,.project-page.is-done{--health:#62d6a2}
.project-crumbs{display:flex;align-items:center;gap:4px;color:#8f9bb6;font-size:12px}
.project-crumbs button{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;border:0;border-radius:6px;background:transparent;color:#aab4ff;font:inherit;font-weight:650;cursor:pointer}
.project-crumbs button:hover{background:rgba(119,127,240,.14)}
.project-crumbs .lucide{width:13px;height:13px}
.project-crumbs span[aria-current]{color:#dfe4f2;font-weight:650}
.project-page-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-top:3px solid var(--health);border-radius:11px;background:#1a1f2e}
.project-page-head .project-ring{width:52px;height:52px}
.project-page-head .project-ring span{width:41px;height:41px;font-size:12px}
.project-page-title{display:flex;flex-direction:column;gap:2px;min-width:0}
.project-page-title h3{margin:0;overflow:hidden;color:#eef1fa;font-size:18px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.project-page-title small{color:#8794ad;font-size:11px}
.project-page-open{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.project-page-open .lucide{width:14px;height:14px}
.project-page-reason{margin:0;color:#aeb8cc;font-size:12.5px}
.project-page-reason strong{color:var(--health)}
.project-page.is-nodates .project-page-reason strong{color:#c3cbe0}
.project-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin:0}
.project-stat{display:flex;flex-direction:column;gap:1px;padding:8px 11px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.03)}
.project-stat dd{margin:0;color:#e7ebf8;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.project-stat dt{color:#8f9bb6;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.project-stat.is-off dd{color:#ff8294}.project-stat.is-decision dd{color:#a9aefc}.project-stat.is-zero dd{color:#5b6580}
.project-page-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:12px;align-items:start}
.project-page-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.project-panel{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#1a1f2e}
.project-panel h4{margin:0 0 6px;color:#8f9bb6;font-size:10.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.project-panel h5{margin:8px 0 2px;color:#c3cbe0;font-size:11px;font-weight:700}
.project-panel h5:first-of-type{margin-top:0}
.project-hint{display:flex;align-items:center;gap:8px;margin-top:6px;padding:7px 9px;border-radius:7px;background:rgba(227,165,71,.08);color:#d8c29c;font-size:11.5px}
.project-hint .lucide{flex:none;width:14px;height:14px;color:#e3a547}
.project-person{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 0}
.project-person-name{overflow:hidden;color:#dfe4f2;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.project-person small{color:#8f9bb6;font-size:10.5px;white-space:nowrap}
.project-person small.is-late{color:#ff8294}
.project-milestone{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 0;color:#dfe4f2;font-size:12px}
.project-milestone i{width:9px;height:9px;border-radius:2px;background:#a9aefc;transform:rotate(45deg)}
.project-milestone small{color:#8f9bb6;font-size:10.5px}
.project-timeline-panel .tl-scroll{border:0;background:transparent}
.project-timeline-panel .tl-board{padding:0}
@media (max-width:900px){
  .project-page-columns{grid-template-columns:minmax(0,1fr)}
  .project-page-head{grid-template-columns:auto minmax(0,1fr);row-gap:10px}
}

:root[data-theme="light"] .project-page-head,:root[data-theme="light"] .project-panel,:root[data-theme="light"] .project-stat{border-color:rgba(35,48,78,.12);background:#ffffff}
:root[data-theme="light"] .project-page-head{border-top-color:var(--health)}
:root[data-theme="light"] .project-page-title h3,:root[data-theme="light"] .project-stat dd,:root[data-theme="light"] .project-person-name,:root[data-theme="light"] .project-milestone,:root[data-theme="light"] .project-crumbs span[aria-current]{color:#1d2438}
:root[data-theme="light"] .project-page-reason{color:#4a5470}
:root[data-theme="light"] .project-panel h5{color:#3a4460}
:root[data-theme="light"] .project-hint{background:#fff5e4;color:#7a5410}
:root[data-theme="light"] .project-crumbs button{color:#4a50b8}


/* --- Overview: scope view mode ---------------------------------------------------------------------- */
.scope-controls-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.scope-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#1a1f2e}
.scope-table{min-width:860px}
.scope-row{display:grid;grid-template-columns:minmax(280px,2.4fr) minmax(150px,1.2fr) 62px 62px 62px 96px 92px;align-items:center;gap:10px;min-height:32px;padding:3px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}
.scope-row:last-child{border-bottom:0}
.scope-row:not(.is-head):hover{background:rgba(255,255,255,.025)}
.scope-row.is-head{min-height:0;padding:8px 12px;background:rgba(0,0,0,.16);color:#8f9bb6;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.scope-row.is-project{min-height:40px;background:rgba(255,255,255,.02);border-bottom-color:rgba(255,255,255,.08)}
.scope-row.is-task{min-height:28px}
.scope-row.is-overdue{background:linear-gradient(90deg,rgba(239,91,114,.14),rgba(239,91,114,.02))}
.scope-name{display:flex;align-items:center;gap:7px;min-width:0;padding-left:calc(var(--depth,0) * 20px)}
.scope-chevron{display:grid;flex:none;width:18px;height:18px;padding:0;place-items:center;border:0;border-radius:4px;background:transparent;color:#8f9bb6;cursor:pointer}
.scope-chevron[hidden]{display:grid;visibility:hidden}
span.scope-chevron{cursor:default}
.scope-chevron:hover{background:rgba(255,255,255,.07);color:#eef1fa}
.scope-chevron .lucide{width:13px;height:13px}
.scope-title{min-width:0;padding:0;overflow:hidden;border:0;background:transparent;color:#dfe4f2;font:inherit;font-size:12px;font-weight:600;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.scope-row.is-project .scope-title{color:#eef1fa;font-size:12.5px;font-weight:750}
.scope-row.is-task .scope-title{color:#c9d0e3;font-weight:500}
.scope-row.is-overdue .scope-title{color:#ffd6dc;font-weight:650}
.scope-row.is-complete .scope-title{color:#7f8aa5;text-decoration:line-through}
.scope-title:hover{color:#cbd2ff}
.scope-name small{flex:none;color:#7f8aa5;font-size:10.5px;white-space:nowrap}
.scope-name .task-list-status{display:grid;flex:none;width:20px;height:20px;place-items:center;border:0;background:transparent}
.scope-name .task-list-status .lucide{width:14px;height:14px}
.scope-progress{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px}
.scope-progress .overview-progress-bar{flex:none;width:100%;height:6px}
.scope-progress small{color:#8f9bb6;font-size:10.5px;text-align:right;font-variant-numeric:tabular-nums}
.scope-status{color:color-mix(in srgb,var(--status-color,#8b98b3) 75%,#fff);font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scope-status small{color:#7f8aa5;font-weight:500}
.scope-num{color:#dfe4f2;font-weight:750;font-variant-numeric:tabular-nums}
.scope-num.is-zero{color:#4b5570;font-weight:500}
.scope-num.is-off{color:#ff8294}.scope-num.is-decision{color:#a9aefc}
.scope-num .lucide{width:14px;height:14px;color:#ef5b72}
.scope-due{color:#aeb8cc;font-size:11px;white-space:nowrap}
.scope-due.is-late{color:#ff8294;font-weight:750}.scope-due.is-soon{color:#e3a547;font-weight:650}.scope-due.is-none,.scope-due.is-done{color:#6b7690}
.scope-people{display:flex;align-items:center;gap:3px}
.scope-people small{color:#7f8aa5;font-size:10px;white-space:nowrap}
.scope-blocker{grid-column:1 / -1;margin:-4px 0 3px;padding-left:calc(var(--depth,0) * 20px + 52px);color:#f3b6bf;font-size:10.5px}

:root[data-theme="light"] .scope-scroll{border-color:rgba(35,48,78,.12);background:#ffffff}
:root[data-theme="light"] .scope-row{border-bottom-color:rgba(35,48,78,.08)}
:root[data-theme="light"] .scope-row.is-head{background:#f2f4f9}
:root[data-theme="light"] .scope-row.is-project{background:#f8f9fc}
:root[data-theme="light"] .scope-title,:root[data-theme="light"] .scope-row.is-project .scope-title,:root[data-theme="light"] .scope-num{color:#1d2438}
:root[data-theme="light"] .scope-row.is-task .scope-title{color:#3a4460}
:root[data-theme="light"] .scope-row.is-overdue{background:linear-gradient(90deg,#ffe9ed,#fff7f8)}
:root[data-theme="light"] .scope-row.is-overdue .scope-title{color:#9f243b}
:root[data-theme="light"] .scope-num.is-zero{color:#b3bacb}


/* --- Flow popover system --------------------------------------------------------------------- */
/* One surface for every menu, picker, popover and tooltip (see openFlowPopover / setTip in app.js). */
:root {
  --fp-pop-bg: #1b2132;
  --fp-pop-border: rgba(255, 255, 255, .12);
  --fp-pop-radius: 10px;
  --fp-pop-shadow: 0 14px 40px rgba(0, 0, 0, .45);
  --fp-pop-text: #e9edfc;
  --fp-pop-muted: #8f9bb6;
  --fp-item-radius: 7px;
  --fp-item-hover: rgba(137, 148, 251, .14);
  --fp-accent: #8994fb;
  --fp-accent-strong: #aeb7ff;
  --fp-z-menu: 80;
}
:root[data-theme="light"] {
  --fp-pop-bg: #ffffff;
  --fp-pop-border: rgba(35, 48, 78, .14);
  --fp-pop-shadow: 0 14px 36px rgba(43, 55, 88, .18);
  --fp-pop-text: #1f2a40;
  --fp-pop-muted: #66708a;
  --fp-item-hover: rgba(88, 101, 205, .09);
  --fp-accent: #5665b7;
  --fp-accent-strong: #4453a8;
}
.fp-popover {
  position: fixed; inset: auto; z-index: var(--fp-z-menu); margin: 0; padding: 4px;
  min-width: 180px; max-width: calc(100vw - 16px); overflow: visible;
  border: 1px solid var(--fp-pop-border); border-radius: var(--fp-pop-radius);
  color: var(--fp-pop-text); background: var(--fp-pop-bg); box-shadow: var(--fp-pop-shadow);
  font: 600 12px/1.3 Inter, system-ui, sans-serif;
  animation: fp-pop-in .12s ease-out;
}
.fp-popover[hidden] { display: none; }
.fp-popover:not(.fp-grid):not(.task-calendar-popover):not(.excel-format-menu) { display: flex; flex-direction: column; }
@keyframes fp-pop-in { from { opacity: 0; transform: translateY(-3px); } }
.fp-popover[data-side="top"] { animation-name: fp-pop-in-up; }
@keyframes fp-pop-in-up { from { opacity: 0; transform: translateY(3px); } }
@media (prefers-reduced-motion: reduce) { .fp-popover { animation: none; } }

.fp-item, .mindmap-context-menu button {
  display: flex; align-items: center; gap: 9px; width: 100%; min-height: 32px; padding: 0 9px;
  border: 0; border-radius: var(--fp-item-radius); color: inherit; background: transparent;
  font: 600 12px/1.2 Inter, system-ui, sans-serif; letter-spacing: 0; text-align: left; text-transform: none; cursor: pointer;
}
.fp-item:hover, .fp-item:focus-visible, .mindmap-context-menu button:hover, .mindmap-context-menu button:focus-visible { outline: none; background: var(--fp-item-hover); transform: none; box-shadow: none; }
.fp-item .lucide { flex: none; width: 15px; height: 15px; color: var(--fp-item-color, var(--fp-pop-muted)); }
.fp-item .member-avatar { flex: none; }
.fp-item-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fp-item-hint { flex: none; color: var(--fp-pop-muted); font-size: 10px; font-weight: 600; }
.fp-item-check { display: grid; flex: none; width: 14px; place-items: center; color: var(--fp-accent-strong); }
.fp-item-check .lucide { width: 13px; height: 13px; color: inherit; }
.fp-item.is-selected { font-weight: 750; }
.fp-item.is-danger { color: #f08a9b; }

.fp-grid { display: grid; grid-template-columns: repeat(4, 34px); gap: 4px; min-width: 0; padding: 6px; }
.fp-grid-cell { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid transparent; border-radius: var(--fp-item-radius); background: transparent; cursor: pointer; }
.fp-grid-cell:hover, .fp-grid-cell:focus-visible { outline: none; border-color: var(--fp-pop-border); background: var(--fp-item-hover); }
.fp-grid-cell.is-selected { border-color: var(--fp-accent); background: color-mix(in srgb, var(--fp-accent) 22%, transparent); }
.fp-grid-cell .lucide { width: 16px; height: 16px; }

.fp-person { width: 240px; padding: 6px; gap: 4px; }
.fp-search { width: 100%; height: 32px; padding: 0 10px; border: 1px solid var(--fp-pop-border); border-radius: var(--fp-item-radius); outline: none; color: var(--fp-pop-text); background: color-mix(in srgb, var(--fp-pop-bg) 70%, #000); font: 600 12px Inter, system-ui, sans-serif; }
.fp-search:focus { border-color: var(--fp-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-accent) 22%, transparent); }
:root[data-theme="light"] .fp-search { background: #f5f7fc; }
.fp-list { display: flex; flex-direction: column; max-height: 260px; overflow-y: auto; }
.fp-empty { margin: 0; padding: 10px; color: var(--fp-pop-muted); text-align: center; }

/* Tooltip: same surface, smaller; a shortcut, when there is one, sits in a key cap. */
.fp-tip {
  position: fixed; inset: auto; z-index: 140; margin: 0; display: flex; align-items: center; gap: 7px; max-width: min(320px, calc(100vw - 16px));
  padding: 6px 9px; border: 1px solid var(--fp-pop-border); border-radius: 8px; color: var(--fp-pop-text); background: var(--fp-pop-bg); box-shadow: var(--fp-pop-shadow);
  font: 650 11px/1.35 Inter, system-ui, sans-serif; white-space: pre-line; overflow: visible; pointer-events: none; animation: fp-pop-in .1s ease-out;
}
.fp-tip kbd, .cs-hint kbd { padding: 1px 5px; border: 1px solid var(--fp-pop-border); border-radius: 4px; color: var(--fp-accent-strong); background: color-mix(in srgb, var(--fp-pop-text) 7%, transparent); font: 700 10px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: nowrap; }
.fp-popover::before, .fp-tip::before {
  content: ""; position: absolute; left: calc(var(--fp-arrow-x, 18px) - 5px); width: 9px; height: 9px; background: inherit;
  border: 1px solid var(--fp-pop-border); transform: rotate(45deg);
}
.fp-popover[data-side="bottom"]::before, .fp-tip[data-side="bottom"]::before { top: -6px; border-right: 0; border-bottom: 0; }
.fp-popover[data-side="top"]::before, .fp-tip[data-side="top"]::before { bottom: -6px; border-left: 0; border-top: 0; }
.mindmap-context-menu::before { display: none; }

/* --- Card settings ------------------------------------------------------------------------- */
/* Header, progress rail and tabs stay put, the body scrolls, the footer (Save) is always visible. */
.task-settings-dialog[open] {
  /* Pinned by its top edge, so switching tabs grows the dialog downward and never moves the tabs. */
  position: fixed; inset: auto; top: max(12px, min(9vh, calc(100dvh - 832px))); left: 50%; display: flex; flex-direction: column;
  width: min(640px, calc(100vw - 24px)); height: auto; min-height: 0; max-height: min(820px, calc(100dvh - 24px));
  margin: 0; overflow: hidden; transform: translateX(-50%);
}
.task-settings-dialog button { letter-spacing: 0; text-transform: none; }
.cs-header { display: flex; align-items: center; gap: 12px; padding: 14px 16px 10px 20px; }
.cs-heading { flex: 1 1 auto; min-width: 0; }
.cs-heading .eyebrow { margin: 0; }
.cs-heading .dialog-title-row { flex-wrap: nowrap; min-width: 0; }
.cs-heading .node-ref-chip { flex: none; }
.cs-heading h2 { margin: 2px 0 0; overflow: hidden; color: var(--card-settings-text); font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.cs-tabs { display: flex; flex: none; gap: 2px; padding: 3px; border: 1px solid var(--card-settings-panel-border); border-radius: 10px; background: var(--card-settings-choice); }
.cs-tabs button { height: 28px; padding: 0 12px; border: 0; border-radius: 7px; color: var(--card-settings-secondary); background: transparent; font: 700 11px/1 Inter, system-ui, sans-serif; }
.cs-tabs button:hover { color: var(--card-settings-text); }
.cs-tabs button.is-active { color: var(--card-settings-choice-selected-text); background: var(--card-settings-choice-selected); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fp-accent) 40%, transparent); }

/* Progress rail: stops joined by a line that fills up to the current status. */
.flow-rail { display: flex; align-items: center; margin: 0 20px 12px; padding: 10px 14px; overflow-x: auto; border: 1px solid var(--card-settings-panel-border); border-radius: 12px; background: var(--card-settings-choice); scrollbar-width: thin; }
.flow-rail-step { --step-color: #8b98b3; display: flex; flex: none; align-items: center; gap: 7px; padding: 4px 6px; border: 0; border-radius: 8px; color: var(--card-settings-muted); background: transparent; font: 700 12px/1 Inter, system-ui, sans-serif; cursor: pointer; }
.flow-rail-step:hover, .flow-rail-step:focus-visible { outline: none; color: var(--card-settings-text); background: var(--card-settings-choice-hover); }
.flow-rail-dot { display: grid; width: 22px; height: 22px; place-items: center; border: 2px solid color-mix(in srgb, var(--step-color) 55%, transparent); border-radius: 50%; color: var(--step-color); transition: box-shadow .15s, background .15s; }
.flow-rail-dot .lucide { width: 13px; height: 13px; }
.flow-rail-step.is-passed { color: var(--card-settings-secondary); }
.flow-rail-step.is-passed .flow-rail-dot { border-color: var(--step-color); color: #11141f; background: var(--step-color); }
.flow-rail-step.is-current { color: color-mix(in srgb, var(--step-color) 65%, var(--card-settings-text)); }
.flow-rail-step.is-current .flow-rail-dot { border-color: var(--step-color); box-shadow: 0 0 0 4px color-mix(in srgb, var(--step-color) 22%, transparent); }
.flow-rail-link { flex: 1 1 24px; min-width: 14px; height: 3px; margin: 0 6px; border-radius: 2px; background: var(--card-settings-panel-border); }
.flow-rail-link.is-filled { background: linear-gradient(90deg, var(--from), var(--to)); }
.flow-rail.is-compact .flow-rail-step:not(.is-current) .flow-rail-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.task-settings-dialog .cs-body { flex: 1 1 auto; min-height: 0; padding: 12px 20px 16px; overflow-y: auto; overscroll-behavior: contain; }
.task-settings-dialog .card-settings-panel { display: none; padding: 0; border: 0; background: transparent; }
.task-settings-dialog .card-settings-panel.is-active { display: grid; align-content: start; gap: 14px; }
.cs-field { display: grid; gap: 6px; }
.cs-field-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cs-label, .cs-prop-label { color: var(--card-settings-secondary); font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.task-settings-dialog .cs-field > input, .task-settings-dialog .cs-field > textarea { width: 100%; padding: 9px 12px; border: 1px solid var(--card-settings-control-border); border-radius: 9px; outline: none; color: var(--card-settings-text); background: var(--card-settings-control); font: 600 14px Inter, system-ui, sans-serif; }
.task-settings-dialog .cs-field > textarea { min-height: 96px; max-height: 280px; resize: vertical; font: 500 13px/1.5 Inter, system-ui, sans-serif; }
.task-settings-dialog .cs-field > :is(input, textarea):focus { border-color: var(--fp-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--fp-accent) 18%, transparent); }
.cs-title-tools { flex-wrap: nowrap; gap: 6px; }
.cs-title-tools .cs-seg-icons button { width: 28px; height: 24px; }
.cs-title-tools .cs-stepper button { width: 24px; height: 24px; }
.cs-owner-bar { display: flex; align-items: center; gap: 12px; margin: 0 20px 2px; }
/* The footer hint names the shortcut that saves from where focus is: Enter, or Ctrl+Enter in the description. */
.cs-hint-mod { display: none; }
.task-settings-dialog:has(#settingsTaskDescription:focus) .cs-hint-mod { display: inline; }
.cs-mode-state { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; pointer-events: none; }

.cs-props { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--card-settings-panel-border); border-radius: 12px; background: var(--card-settings-panel); }
.cs-prop { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 34px; }
.cs-prop[hidden] { display: none; }
.cs-prop-label { letter-spacing: .07em; }
.cs-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.cs-seg { display: inline-flex; justify-self: start; gap: 2px; padding: 3px; border: 1px solid var(--card-settings-panel-border); border-radius: 9px; background: var(--card-settings-choice); }
.cs-seg button { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border: 0; border-radius: 7px; color: var(--card-settings-secondary); background: transparent; font: 700 11px/1 Inter, system-ui, sans-serif; }
.cs-seg-icons button { width: 32px; padding: 0; justify-content: center; }
.cs-seg button .lucide { width: 14px; height: 14px; }
.cs-seg button:hover { color: var(--card-settings-text); background: var(--card-settings-choice-hover); }
.cs-seg button.is-selected { color: var(--card-settings-choice-selected-text); background: var(--card-settings-choice-selected); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fp-accent) 45%, transparent); }
.cs-icon-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.cs-icon-row button { display: grid; width: 34px; height: 32px; padding: 0; place-items: center; border: 1px solid var(--card-settings-control-border); border-radius: 8px; color: var(--card-settings-secondary); background: var(--card-settings-choice); }
.cs-icon-row button .lucide { width: 16px; height: 16px; }
.cs-icon-row button:hover { color: var(--card-settings-text); border-color: color-mix(in srgb, var(--fp-accent) 50%, transparent); background: var(--card-settings-choice-hover); }
.cs-icon-row button.is-selected { color: var(--card-settings-choice-selected-text); border-color: var(--fp-accent); background: var(--card-settings-choice-selected); }
.cs-choice-name { margin-left: 6px; color: var(--card-settings-text); font-size: 12px; font-weight: 700; }
.cs-stepper { display: inline-flex; align-items: center; border: 1px solid var(--card-settings-control-border); border-radius: 9px; background: var(--card-settings-control); }
.cs-stepper[hidden] { display: none; }
.cs-stepper button { display: grid; width: 28px; height: 28px; padding: 0; place-items: center; border: 0; border-radius: 8px; color: var(--card-settings-secondary); background: transparent; }
.cs-stepper button:hover { color: var(--card-settings-text); background: var(--card-settings-choice-hover); }
.cs-stepper button .lucide { width: 13px; height: 13px; }
.cs-stepper output { min-width: 38px; color: var(--card-settings-text); font-size: 12px; font-weight: 750; font-variant-numeric: tabular-nums; text-align: center; }
.cs-picker { display: inline-flex; justify-self: start; align-items: center; gap: 8px; max-width: 100%; height: 32px; padding: 0 9px 0 6px; border: 1px solid var(--card-settings-control-border); border-radius: 9px; color: var(--card-settings-text); background: var(--card-settings-control); font: 650 12px Inter, system-ui, sans-serif; }
.cs-picker:hover, .cs-picker.is-open { border-color: color-mix(in srgb, var(--fp-accent) 55%, transparent); }
.cs-picker.is-empty .cs-picker-text { color: var(--card-settings-muted); }
.cs-picker .lucide { width: 14px; height: 14px; color: var(--card-settings-muted); }
.cs-avatar { display: inline-flex; }
.cs-swatches { display: flex; flex-wrap: wrap; gap: 7px; }
.cs-swatch { --swatch: #6574e8; position: relative; display: grid; width: 24px; height: 24px; padding: 0; place-items: center; border: 0; border-radius: 50%; background: var(--swatch); cursor: pointer; }
.cs-swatch.is-selected { box-shadow: 0 0 0 2px var(--card-settings-control), 0 0 0 4px var(--swatch); }
.cs-swatch-custom { border: 1px dashed var(--card-settings-muted); color: var(--card-settings-secondary); }
.cs-swatch-custom.is-selected { border-style: solid; color: #fff; }
.cs-swatch-custom .lucide { width: 12px; height: 12px; pointer-events: none; }
.cs-swatch-custom input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }

.cs-footer { display: flex; align-items: center; gap: 8px; padding: 12px 20px; border-top: 1px solid var(--card-settings-panel-border); background: color-mix(in srgb, var(--card-settings-control) 80%, transparent); }
.cs-footer .text-button { width: auto; padding: 8px 6px; }
.cs-footer .text-button[hidden] { display: none; }
.cs-hint { flex: 1 1 auto; color: var(--card-settings-muted); font-size: 11px; text-align: right; }
.cs-footer .secondary-button, .cs-footer .primary-button { width: auto; flex: none; padding: 9px 16px; }
@media (max-width: 640px) {
  .cs-header { flex-wrap: wrap; padding: 12px 14px 8px; }
  .cs-heading { flex-basis: calc(100% - 50px); }
  .cs-tabs { order: 3; flex: 1 1 100%; }
  .cs-tabs button { flex: 1 1 0; }
  .flow-rail { margin: 0 14px 10px; }
  .task-settings-dialog .cs-body { padding: 12px 14px; }
  .cs-prop { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .cs-owner-bar { margin: 0 14px 2px; }
  .cs-field-head { flex-wrap: wrap; }
  .cs-hint { display: none; }
  .cs-footer { padding: 10px 14px; }
  .cs-footer .primary-button { flex: 1 1 auto; }
}
/* A task-list row opened from a notification or link: brief accent ring, then settles. */
.task-list-item.is-linked { box-shadow: 0 0 0 2px #8994fb, 0 0 0 6px rgba(137,148,251,.18); transition: box-shadow .6s ease; }
@media (prefers-reduced-motion: reduce) { .task-list-item.is-linked { transition: none; } }

/* Preferences: icon tabs, scope badges, notification sub-tabs. */
.preferences-tabs button { display: flex; align-items: center; gap: 9px; }
.preferences-tabs button .lucide { width: 16px; height: 16px; flex: none; opacity: .8; }
.preferences-panel-heading, .preferences-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.preferences-panel-heading h3 { margin: 0; color: #f1f4ff; font-size: 18px; }
.preferences-section-heading h3 { margin: 0; }
.pref-scope { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; color: #b9c2f5; background: rgba(101,116,232,.16); font-size: 11px; font-weight: 650; white-space: nowrap; }
.pref-scope .lucide { width: 12px; height: 12px; }
.pref-scope[data-scope="workspace"] { color: #9fdcca; background: rgba(63,174,156,.14); }
.pref-scope[data-scope="team"] { color: #f2cf8d; background: rgba(244,198,119,.13); }
.preferences-subtabs { display: inline-flex; gap: 4px; width: fit-content; padding: 3px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(9,12,21,.3); }
.preferences-subtabs button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 0; border-radius: 7px; color: #a9b5cc; background: transparent; font-size: 12px; font-weight: 650; text-transform: none; letter-spacing: 0; }
.preferences-subtabs button .lucide { width: 14px; height: 14px; }
.preferences-subtabs button:hover { transform: none; color: #e8ecff; }
.preferences-subtabs button.is-active { color: #e8ecff; background: rgba(101,116,232,.24); }
.preferences-subpanel { display: grid; gap: 15px; }
.preferences-subpanel[hidden] { display: none; }
.preferences-dialog .email-todo.is-ready { color: #8fd8b5 !important; font-style: normal; }
.account-identity-row { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.preferences-dialog .switch-row:has(input:disabled) { opacity: .45; cursor: not-allowed; }
.preferences-dialog [hidden] { display: none !important; }
.preferences-actions #savePreferencesBtn { margin-left: auto; }
.dialog-header-actions { display: flex; align-items: center; gap: 6px; }

/* Daily notices: a header chip that opens today's weather, quote and phrase. */
.daily-notice-chip { display: inline-flex; flex: none; align-items: center; gap: 6px; height: 34px; padding: 0 11px; border: 1px solid rgba(102,190,220,.28); border-radius: 999px; color: #cfeefa; background: rgba(47,139,184,.14); font-size: 12px; font-weight: 650; text-transform: none; letter-spacing: 0; }
.daily-notice-chip[hidden] { display: none; }
.daily-notice-chip .lucide { width: 16px; height: 16px; color: #80d9ee; }
.daily-notice-chip:hover, .daily-notice-chip.is-open { transform: none; border-color: rgba(128,217,238,.5); background: rgba(47,139,184,.24); }
.daily-notice-popover { width: min(300px, calc(100vw - 16px)); padding: 6px; gap: 2px; }
.daily-notice-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 6px 8px 4px; font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.daily-notice-date { color: var(--fp-pop-muted); font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.daily-notice-line { margin: 0; padding: 4px 8px; color: var(--fp-pop-text); font-size: 12px; font-weight: 500; line-height: 1.45; }
.daily-notice-line.is-weather { font-weight: 650; }
.daily-notice-popover .fp-item { margin-top: 4px; border-top: 1px solid var(--fp-pop-border); border-radius: 0 0 6px 6px; }
@media (max-width: 640px) { .daily-notice-chip { width: 34px; padding: 0; justify-content: center; } .daily-notice-chip span { display: none; } }

:root[data-theme="light"] .preferences-panel-heading h3 { color: #1f2a40; }
:root[data-theme="light"] .pref-scope { color: #4450b8; background: rgba(101,116,232,.12); }
:root[data-theme="light"] .pref-scope[data-scope="workspace"] { color: #1d7a68; background: rgba(63,174,156,.13); }
:root[data-theme="light"] .pref-scope[data-scope="team"] { color: #946112; background: rgba(244,198,119,.2); }
:root[data-theme="light"] .preferences-subtabs { border-color: #dde2ee; background: #eef1f8; }
:root[data-theme="light"] .preferences-subtabs button { color: #5b6680; }
:root[data-theme="light"] .preferences-subtabs button.is-active { color: #1f2a40; background: #fff; box-shadow: 0 1px 2px rgba(20,30,60,.1); }
:root[data-theme="light"] .preferences-dialog .email-todo.is-ready { color: #1d7a55 !important; }
:root[data-theme="light"] .daily-notice-chip { border-color: rgba(47,139,184,.3); color: #1d5f80; background: rgba(47,139,184,.08); }
:root[data-theme="light"] .daily-notice-chip .lucide { color: #2f8bb8; }

/* Password recovery notice on the sign-in screen, and inline results in Preferences > Account. */
.auth-form > p.auth-notice { margin: 0; padding: 9px 10px; border: 1px solid rgba(87,191,150,.4); border-radius: 8px; color: #a9ecc9; background: rgba(63,174,126,.12); font-size: 12px; line-height: 1.4; }
.auth-notice[hidden] { display: none; }
.auth-forgot-button { justify-self: end; margin-top: -6px; }
.preferences-dialog .email-todo.is-error { color: #ffb6c2 !important; font-style: normal; }
:root[data-theme="light"] .auth-form > p.auth-notice { border-color: rgba(29,122,85,.3); color: #1d6b4a; background: rgba(29,122,85,.08); }
:root[data-theme="light"] .preferences-dialog .email-todo.is-error { color: #b4233c !important; }