@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700&display=swap');
:root{--bg:#242628;--panel:#2e3134;--panel-2:#373a3d;--sidebar:#202225;--ink:#f3f2ef;--muted:#bec0bd;--soft:#969995;--line:#4b4e51;--gold:#c7a45b;--gold-bright:#e0c27c;--gold-dim:#8b7650;--red:#e1786d;--amber:#e0bb70}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 'Roboto Condensed','Arial Narrow',Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--sidebar);border-right:1px solid var(--gold-dim);padding:25px 15px;display:flex;flex-direction:column;overflow:auto}.brandmark{display:block;font:700 26px 'Roboto Condensed',sans-serif;letter-spacing:.2px;margin:0 0 30px 8px;color:var(--ink)}.brandmark span{color:var(--gold-bright)}.side-label,.eyebrow,.crumb{font-size:11px;letter-spacing:1px;font-weight:700;color:var(--gold)}.side-label{margin:0 9px 9px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:5px;color:#d1d1ce;margin-bottom:4px;font-weight:600;font-size:15px}.nav-link span{font-size:17px}.nav-link b{margin-left:auto;font-size:12px;background:#3c3931;color:var(--gold-bright);padding:2px 7px;border-radius:3px}.nav-link.active{background:#35312a;color:#f3dfb1;border-left:2px solid var(--gold)}.nav-link:hover,.project-link:hover{background:#292a2b}.project-link{display:grid;grid-template-columns:9px 1fr;column-gap:9px;align-items:center;padding:7px 9px;border-radius:4px;color:#d0d0cb;font-size:13px}.project-link i{grid-row:span 2;width:7px;height:7px;border-radius:50%;background:var(--gold)!important}.project-link small{grid-column:2;color:#969792;font-size:12px;margin-top:1px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}
.main{margin-left:238px;padding:25px clamp(20px,3vw,46px) 52px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.topbar h1{font:700 27px/1.1 'Roboto Condensed',sans-serif;letter-spacing:.2px;margin:5px 0 0}.top-actions{display:flex;align-items:center;gap:19px}.hello{color:var(--muted);font-size:14px}.primary,.secondary{border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:#211f1a;font-weight:700;padding:9px 14px;box-shadow:none}.primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.secondary{background:transparent;color:var(--gold-bright)}.secondary:hover{background:#363128}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;border:1px solid var(--gold-dim);border-radius:5px;background:#26282a;margin-bottom:15px}.welcome h2{font:700 23px/1.2 'Roboto Condensed',sans-serif;letter-spacing:.1px;margin:4px 0}.welcome p{color:var(--muted);margin:0;font-size:14px}.date-chip{background:#242527;border:1px solid var(--gold-dim);padding:8px 11px;border-radius:4px;font-size:13px;color:#e4d6b5;white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:11px;margin-bottom:23px}.stat{background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--gold-dim);border-radius:4px;padding:12px 15px}.stat span{display:block;color:#c2c3bf;font-size:13px;font-weight:600}.stat strong{display:block;font:700 24px 'Roboto Condensed',sans-serif;margin:2px 0;color:var(--gold-bright)}.stat small{color:#9a9c97;font-size:12px}.stat.warning{border-top-color:var(--red)}.stat.warning strong{color:var(--red)}
.task-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.task-section{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 1px 10px;padding-bottom:8px;border-bottom:1px solid var(--gold-dim)}.section-heading h2{font:700 19px 'Roboto Condensed',sans-serif;margin:3px 0;color:#f0efea}.count-pill{display:inline-block;vertical-align:2px;background:#3b3933;color:var(--gold-bright);border:1px solid var(--gold-dim);border-radius:3px;font:600 12px 'Roboto Condensed',sans-serif;padding:1px 7px;margin-left:5px}.task-list{display:grid;gap:7px}.task{display:flex;align-items:flex-start;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:10px 10px}.task:hover{border-color:var(--gold-dim)}.check-form{margin:1px 0 0}.check{width:19px;height:19px;border:1px solid #8e8e89;background:#202225;border-radius:3px;color:#211f1a;font-weight:700;padding:0;line-height:17px}.check:hover{border-color:var(--gold)}.is-done .check{background:var(--gold);border-color:var(--gold)}.task-main{flex:1;min-width:0}.task-title{font-weight:700;font-size:15px;display:flex;gap:7px;align-items:center;color:#f0efea}.task-meta{display:flex;flex-wrap:wrap;gap:3px 10px;color:#a7a9a4;font-size:12px;margin-top:4px}.task-meta .late{color:var(--red);font-weight:700}.priority{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#e6ca8e;background:#403a2d;border:1px solid #71603b;border-radius:3px;padding:1px 5px}.delete-form{margin-left:auto}.icon-button{border:0;background:transparent;color:#aaa9a2;font-size:20px;line-height:1;padding:1px 5px}.icon-button:hover{color:var(--red)}.task-details{margin-top:7px;border-top:1px solid #44474a;padding-top:6px;color:#d0d0cb;font-size:13px}.task-details summary{cursor:pointer;color:#d3ba7c;font-size:12px}.task-details p{margin:7px 0;white-space:pre-wrap}.attachment{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:7px 0}.attachment a{color:var(--gold-bright);font-weight:600}.attachment span{font-size:11px;color:#9a9c97}.attachment audio{height:28px;max-width:100%}.is-done .task-title{text-decoration:line-through;color:#999b96}.empty-state{padding:17px 14px;border:1px dashed var(--gold-dim);border-radius:4px;color:#c4c2ba;background:var(--panel);font-size:13px}.completed{margin-top:24px}.completed summary{cursor:pointer;color:#cbb476;font-weight:700;font-size:14px;margin-bottom:9px}.filter-note{padding:8px 11px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:4px;margin:-7px 0 16px;color:#c9c9c4;font-size:13px}.filter-note a{float:right;color:var(--gold-bright);font-weight:600}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.brand-card,.settings-card{background:var(--panel);border:1px solid var(--gold-dim);border-radius:4px;padding:16px}.brand-card-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--line)}.brand-card-head h2{font:700 18px 'Roboto Condensed',sans-serif;margin:0}.brand-dot{width:8px;height:8px;background:var(--gold);border-radius:2px}.project-tile{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid #3c3e40;font-weight:600}.project-tile>a{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:1}.project-tile:hover{background:#303235}.project-tile b{font-size:12px;color:#c2b17f;font-weight:500}.text-action{border:0;background:transparent;color:var(--gold-bright);font-size:12px;font-weight:700;padding:4px 2px}.text-action:hover{text-decoration:underline}
.settings-card{max-width:650px;padding:22px}.settings-card h2{font:700 21px 'Roboto Condensed',sans-serif;margin:4px 0}.settings-card p{color:var(--muted);margin:0 0 17px}.settings-card form{display:grid;gap:12px}.info-box{background:#302e28;border:1px solid var(--gold-dim);padding:11px 13px;border-radius:4px;color:#d2c7a9;margin-top:16px;font-size:13px}
label{display:grid;gap:5px;font-size:13px;font-weight:600;color:#dadad5}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #55575a;border-radius:4px;background:#202225;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c7a45b24}input::placeholder,textarea::placeholder{color:#858782}small{color:#aaa9a3;font-weight:400;font-size:12px}.setup{min-height:100vh;display:grid;place-items:center;padding:20px;background:#202225}.setup-card{width:min(100%,420px);padding:27px;background:var(--panel);border:1px solid var(--gold-dim);border-radius:5px}.setup-card .brandmark{margin:0 0 25px}.setup-card h1{font:700 26px 'Roboto Condensed',sans-serif;margin:4px 0}.setup-card p:not(.eyebrow){color:var(--muted);margin:0 0 18px}.setup-card form{display:grid;gap:13px}.setup-card .primary{margin-top:5px}.alert{padding:9px 11px;background:#432d2b;color:#f1b3ac;border:1px solid #87534c;border-radius:4px;margin:11px 0;font-size:13px}
dialog{border:1px solid var(--gold-dim);border-radius:5px;padding:0;width:min(570px,calc(100% - 28px));max-height:92vh;background:#282b2e;color:var(--ink);box-shadow:0 20px 70px #0009}dialog::backdrop{background:#101112c9;backdrop-filter:blur(2px)}dialog form{padding:21px;display:grid;gap:12px;max-height:92vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;padding-bottom:9px;border-bottom:1px solid var(--gold-dim)}.dialog-head h2{font:700 21px 'Roboto Condensed',sans-serif;margin:3px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}fieldset{border:1px solid #555147;border-radius:4px;padding:9px 11px}legend{font-size:12px;font-weight:700;color:var(--gold-bright);padding:0 5px}.day-picks{display:flex;gap:6px;flex-wrap:wrap}.day-picks label{display:block}.day-picks input{position:absolute;opacity:0;width:1px}.day-picks span{display:block;background:#202225;border:1px solid #55575a;padding:5px 9px;border-radius:3px;font-size:12px;cursor:pointer}.day-picks input:checked+span{background:#3d372b;border-color:var(--gold);color:#f0d99f}
@media(min-width:1500px){.main{padding-left:42px;padding-right:42px}.task-columns{gap:22px}.task{padding:11px 12px}.task-list{gap:8px}}
@media(max-width:1100px){.task-columns{grid-template-columns:1fr}.sidebar{width:215px}.main{margin-left:215px}.project-link{font-size:12px}}
@media(max-width:720px){.sidebar{position:static;width:auto;height:auto;padding:10px 12px;display:block;border-right:0;border-bottom:1px solid var(--gold-dim)}.sidebar .brandmark{margin:0 0 8px}.side-label,.project-link{display:none}.sidebar .nav-link{display:inline-flex;padding:7px 9px;margin:0 3px 0 0}.main{margin:0;padding:15px 12px 32px}.topbar{align-items:flex-start;padding-bottom:12px}.topbar h1{font-size:22px}.top-actions{gap:7px;flex-direction:column-reverse;align-items:flex-end}.hello{font-size:12px}.top-actions .primary{padding:8px 10px;font-size:13px}.welcome{padding:15px;align-items:flex-start;flex-direction:column}.welcome h2{font-size:20px}.date-chip{display:none}.stats{gap:6px}.stat{padding:9px 8px}.stat strong{font-size:20px}.stat small{font-size:10px}.stat span{font-size:11px}.task-columns{gap:18px}.project-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.task{padding:9px 8px}.task-title{font-size:14px}.task-meta{font-size:11px}.project-tile{padding:9px 6px}}


/* Light is the default. The saved browser preference enables the dark palette above. */
html:not([data-theme="dark"]){--bg:#f3f3f1;--panel:#fff;--panel-2:#f7f7f5;--sidebar:#fff;--ink:#303234;--muted:#676b6c;--soft:#858985;--line:#d9dad7;--gold:#b69855;--gold-bright:#94763a;--gold-dim:#d5c8a8;--red:#b84f45;--amber:#94763a}
html:not([data-theme="dark"]) body{background:var(--bg);color:var(--ink)}
html:not([data-theme="dark"]) .sidebar{background:#fff;border-right-color:#cbb989}
html:not([data-theme="dark"]) .brandmark{color:#303234}
html:not([data-theme="dark"]) .nav-link{color:#505355}
html:not([data-theme="dark"]) .nav-link.active{background:#f3f0e7;color:#574926;border-left-color:var(--gold)}
html:not([data-theme="dark"]) .nav-link b{background:#f2efe6;color:#80652d}
html:not([data-theme="dark"]) .project-link{color:#505355}
html:not([data-theme="dark"]) .project-link small{color:#858985}
html:not([data-theme="dark"]) .nav-link:hover,html:not([data-theme="dark"]) .project-link:hover{background:#f5f4f0}
html:not([data-theme="dark"]) .topbar{border-bottom-color:#d6d6d2}
html:not([data-theme="dark"]) .welcome{background:#fff;border-color:#cdbb8d}
html:not([data-theme="dark"]) .date-chip{background:#faf9f6;border-color:#d8cba9;color:#65552f}
html:not([data-theme="dark"]) .stat{background:#fff;border-color:#deded9;border-top-color:#c5ae77}
html:not([data-theme="dark"]) .stat span{color:#5e6263}
html:not([data-theme="dark"]) .stat strong{color:#80652d}
html:not([data-theme="dark"]) .stat small{color:#818584}
html:not([data-theme="dark"]) .stat.warning{border-top-color:#c96b61}
html:not([data-theme="dark"]) .stat.warning strong{color:#b84f45}
html:not([data-theme="dark"]) .section-heading{border-bottom-color:#cbb989}
html:not([data-theme="dark"]) .section-heading h2{color:#303234}
html:not([data-theme="dark"]) .count-pill{background:#f4f1e8;color:#715d33;border-color:#d5c8a8}
html:not([data-theme="dark"]) .task{background:#fff;border-color:#ddddda}
html:not([data-theme="dark"]) .task:hover{border-color:#c4ad73}
html:not([data-theme="dark"]) .check{background:#fff;border-color:#a8aaa7;color:#303234}
html:not([data-theme="dark"]) .task-title{color:#303234}
html:not([data-theme="dark"]) .task-meta{color:#767b79}
html:not([data-theme="dark"]) .priority{color:#715b2c;background:#f5f0e4;border-color:#d9c89e}
html:not([data-theme="dark"]) .icon-button{color:#777b78}
html:not([data-theme="dark"]) .task-details{border-top-color:#e5e5e1;color:#505455}
html:not([data-theme="dark"]) .task-details summary{color:#80652d}
html:not([data-theme="dark"]) .attachment a{color:#80652d}
html:not([data-theme="dark"]) .attachment span{color:#858985}
html:not([data-theme="dark"]) .is-done .task-title{color:#858985}
html:not([data-theme="dark"]) .empty-state{background:#fff;border-color:#c9b985;color:#666a68}
html:not([data-theme="dark"]) .completed summary{color:#80652d}
html:not([data-theme="dark"]) .filter-note{background:#fff;border-color:#cbb989;color:#55595a}
html:not([data-theme="dark"]) .filter-note a{color:#80652d}
html:not([data-theme="dark"]) .brand-card,html:not([data-theme="dark"]) .settings-card{background:#fff;border-color:#cbb989}
html:not([data-theme="dark"]) .brand-card-head{border-bottom-color:#e2e2de}
html:not([data-theme="dark"]) .brand-card-head h2{color:#303234}
html:not([data-theme="dark"]) .project-tile{border-top-color:#e7e7e2}
html:not([data-theme="dark"]) .project-tile:hover{background:#f8f7f3}
html:not([data-theme="dark"]) .project-tile b{color:#80652d}html[data-theme="dark"] .project-tile b{color:#c2b17f}
html:not([data-theme="dark"]) .text-action{color:#80652d}
html:not([data-theme="dark"]) .settings-card p{color:#676b6c}
html:not([data-theme="dark"]) .info-box{background:#f7f4eb;border-color:#d5c8a8;color:#5f543b}
html:not([data-theme="dark"]) label{color:#414546}
html:not([data-theme="dark"]) input,html:not([data-theme="dark"]) select,html:not([data-theme="dark"]) textarea{background:#fff;border-color:#c9cbc7;color:#303234}
html:not([data-theme="dark"]) input::placeholder,html:not([data-theme="dark"]) textarea::placeholder{color:#8c908d}
html:not([data-theme="dark"]) small{color:#777d79}
html:not([data-theme="dark"]) .setup{background:#f3f3f1}
html:not([data-theme="dark"]) .setup-card{background:#fff;border-color:#cbb989}
html:not([data-theme="dark"]) .setup-card p:not(.eyebrow){color:#676b6c}
html:not([data-theme="dark"]) dialog{background:#fff;color:#303234;border-color:#cbb989}
html:not([data-theme="dark"]) .dialog-head{border-bottom-color:#cbb989}
html:not([data-theme="dark"]) fieldset{border-color:#d6d1c4}
html:not([data-theme="dark"]) legend{color:#80652d}
html:not([data-theme="dark"]) .day-picks span{background:#f7f7f5;border-color:#d6d7d3;color:#4a4e4d}
html:not([data-theme="dark"]) .day-picks input:checked+span{background:#f4f0e5;border-color:#b69855;color:#705a2e}
.theme-toggle{border:1px solid #c3ad78;background:transparent;color:#765f2e;border-radius:4px;padding:7px 10px;font-size:13px;font-weight:700;white-space:nowrap}
.theme-toggle:hover{background:#f3f0e7}
html[data-theme="dark"] .theme-toggle{border-color:#806c43;color:#e2c780}
html[data-theme="dark"] .theme-toggle:hover{background:#353128}
@media(max-width:720px){.theme-toggle{padding:6px 8px;font-size:12px}}

.danger-button{border:1px solid #a94940;border-radius:4px;background:#a94940;color:#fff;font-weight:700;padding:9px 13px}.danger-button:hover{background:#bd574d}.delete-hint{margin:0;color:#c8c8c2;font-size:13px}html:not([data-theme="dark"]) .danger-button{background:#b84f45;border-color:#b84f45;color:#fff}html:not([data-theme="dark"]) .danger-button:hover{background:#a9433a}html:not([data-theme="dark"]) .delete-hint{color:#55595a}html:not([data-theme="dark"]) .alert{background:#fff0ee;color:#a33d34;border-color:#e7b9b3}

/* Explorer-style brand and area hierarchy */
.filterbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:-6px 0 18px;padding:9px 12px;border:1px solid #d5c8a8;border-radius:4px;background:#fff}
.filterbar label{display:flex;align-items:center;gap:12px;min-width:min(100%,440px)}
.filterbar select{max-width:300px}
.filterbar>span{color:#777d79;font-size:12px}
.brand-tree{display:grid;gap:3px;margin-bottom:12px}
.brand-branch{border-radius:4px}
.brand-branch>summary,.tree-brand>summary,.tree-area>summary{list-style:none;cursor:pointer}
.brand-branch>summary::-webkit-details-marker,.tree-brand>summary::-webkit-details-marker,.tree-area>summary::-webkit-details-marker{display:none}
.brand-branch>summary{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:4px;color:#d5d5d0;font-size:13px}
.brand-branch>summary::before,.tree-brand>summary::before,.tree-area>summary::before{content:"▸";display:inline-block;transition:transform .15s ease;color:#b69855}
.brand-branch[open]>summary::before,.tree-brand[open]>summary::before,.tree-area[open]>summary::before{transform:rotate(90deg)}
.brand-branch>summary:hover{background:#292a2b}
.brand-branch>summary b{margin-left:auto;font-size:11px;color:#bcbab2;font-weight:500}
.brand-code{display:inline-flex;align-items:center;justify-content:center;min-width:31px;padding:2px 5px;border:1px solid #806c43;border-radius:3px;color:#e3c981;font-size:10px;font-weight:700;letter-spacing:.4px}
.brand-branch-items{margin:1px 0 5px 18px;padding-left:9px;border-left:1px solid #625638}
.tree-area{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:3px;color:#d0d0cb;font-size:13px}
.tree-area:hover,.tree-area.selected{background:#302e28;color:#f0d99f}
.folder-mark{color:#c7a45b}
.tree-empty{padding:8px 9px;color:#a9aaa5;font-size:12px}
.manage-tree{display:grid;gap:9px}
.tree-brand{background:#fff;border:1px solid #cbb989;border-radius:4px;overflow:hidden}
.tree-brand>summary{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#fbfaf7;color:#303234;font-weight:700}
.tree-brand>summary:hover{background:#f4f1e7}
.tree-brand-name{font-size:16px}
.tree-count{margin-left:auto;color:#737775;font-size:12px;font-weight:500;white-space:nowrap}
.tree-brand-items{padding:7px 11px 10px 22px;border-top:1px solid #e5e1d6}
.tree-area{display:block;margin:5px 0;padding:0;border-left:1px solid #c8b47e;border-radius:0}
.tree-area>summary{display:flex;align-items:center;gap:9px;padding:8px 9px;color:#343738;font-weight:600;border-radius:3px}
.tree-area>summary:hover{background:#f7f5ef}
.area-name{font-size:14px}
.tree-area-content{margin:0 0 8px 14px;padding:7px 9px 8px 14px;border-left:1px solid #d8d0bc}
.area-admin-actions{display:flex;gap:14px;margin:0 0 7px}
.area-task-list{display:grid;gap:6px}
.tree-no-tasks{margin:5px 0;color:#777d79;font-size:12px}
.tree-start{padding:18px}
.structure-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.structure-actions form{margin:0}
.success-message{margin:0 0 12px;padding:9px 12px;border:1px solid #a8cbb4;background:#edf7ef;color:#356644;border-radius:4px;font-size:13px}
html[data-theme="dark"] .filterbar{background:#282b2e;border-color:#806c43}
html[data-theme="dark"] .filterbar>span{color:#afb0ae}
html[data-theme="dark"] .brand-branch>summary{color:#d5d5d0}
html[data-theme="dark"] .brand-branch>summary:hover{background:#292a2b}
html[data-theme="dark"] .brand-branch>summary b{color:#bcbab2}
html[data-theme="dark"] .brand-branch-items{border-left-color:#625638}
html[data-theme="dark"] .tree-area,html[data-theme="dark"] .tree-area:hover,html[data-theme="dark"] .tree-area.selected{color:#e2dfd4}
html[data-theme="dark"] .tree-area:hover,html[data-theme="dark"] .tree-area.selected{background:#302e28}
html[data-theme="dark"] .tree-empty{color:#a9aaa5}
html[data-theme="dark"] .tree-brand{background:#282b2e;border-color:#806c43}
html[data-theme="dark"] .tree-brand>summary{background:#252729;color:#f1efe8}
html[data-theme="dark"] .tree-brand>summary:hover{background:#302e28}
html[data-theme="dark"] .tree-count{color:#b5b5af}
html[data-theme="dark"] .tree-brand-items{border-top-color:#45474a}
html[data-theme="dark"] .tree-area{border-left-color:#806c43}
html[data-theme="dark"] .tree-area>summary{color:#e6e4de}
html[data-theme="dark"] .tree-area>summary:hover{background:#303235}
html[data-theme="dark"] .tree-area-content{border-left-color:#625638}
html[data-theme="dark"] .tree-no-tasks{color:#afb0ae}
html[data-theme="dark"] .success-message{background:#25362b;border-color:#486a52;color:#c0e0c5}
html[data-theme="dark"] .filterbar select{background:#202225;color:#f3f2ef}
@media(max-width:720px){
 .filterbar{align-items:stretch;flex-direction:column;margin-top:-2px;padding:8px}
 .filterbar label{display:grid;gap:4px;min-width:0}
 .filterbar select{max-width:none}
 .filterbar>span{font-size:11px}
 .tree-brand>summary{padding:11px 9px}
 .tree-brand-items{padding-left:12px}
 .tree-area-content{margin-left:8px;padding-left:9px}
 .tree-count{font-size:10px}
 .structure-actions{width:100%}
}

html:not([data-theme="dark"]) .brand-branch>summary{color:#3f4243}html:not([data-theme="dark"]) .brand-branch>summary:hover{background:#f3f1eb}html:not([data-theme="dark"]) .brand-branch>summary b{color:#767a78}html:not([data-theme="dark"]) .brand-code{background:#f7f4eb;border-color:#c3ad78;color:#765f2e}.brand-branch-items a.tree-area{display:flex;align-items:center;gap:6px;margin:0;padding:6px 7px;border:0;border-radius:3px;color:#505355;font-size:13px}.brand-branch-items a.tree-area:hover,.brand-branch-items a.tree-area.selected{background:#f3f0e7;color:#65532d}html[data-theme="dark"] .brand-branch-items a.tree-area{color:#d0d0cb}html[data-theme="dark"] .brand-branch-items a.tree-area:hover,html[data-theme="dark"] .brand-branch-items a.tree-area.selected{background:#302e28;color:#f0d99f}

.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:7px;background:#f4f1e8;border:1px solid #d6d1c4;border-bottom:0;border-radius:4px 4px 0 0}
.rich-toolbar button{border:1px solid #d0c8b3;border-radius:3px;background:#fff;color:#403d35;padding:4px 8px;font-size:12px}
.rich-toolbar button:hover{background:#eee8d8;border-color:#b69855}
.rich-editor{min-height:185px;max-height:45vh;overflow:auto;padding:11px;border:1px solid #c9cbc7;border-radius:0 0 4px 4px;background:#fff;color:#303234;font:15px/1.5 'Roboto Condensed',Arial,sans-serif;outline:none}
.rich-editor:focus{border-color:#b69855;box-shadow:0 0 0 2px #b6985526}
.rich-editor:empty:before{content:attr(data-placeholder);color:#929694;pointer-events:none}
.rich-editor h1,.rich-editor h2,.rich-editor h3,.rich-editor h4{font-family:'Roboto Condensed',Arial,sans-serif;line-height:1.25;margin:12px 0 6px;color:#333}
.rich-editor h1{font-size:22px}.rich-editor h2{font-size:20px}.rich-editor h3{font-size:18px}.rich-editor p{margin:5px 0 9px}.rich-editor ul,.rich-editor ol{margin:5px 0 10px;padding-left:25px}.rich-editor blockquote{border-left:3px solid #b69855;margin:8px 0;padding:5px 11px;color:#676b6c}
.rich-editor table,.task-rich-content table{width:100%;border-collapse:collapse;margin:9px 0;font-size:14px}
.rich-editor th,.rich-editor td,.task-rich-content th,.task-rich-content td{border:1px solid #c9cbc7;padding:6px 8px;text-align:left;vertical-align:top}
.rich-editor th,.task-rich-content th{background:#f4f1e8;font-weight:700}
.task-rich-content{color:#45494a;line-height:1.55;overflow-wrap:anywhere}
.task-rich-content h1,.task-rich-content h2,.task-rich-content h3,.task-rich-content h4{font-family:'Roboto Condensed',Arial,sans-serif;color:#303234;line-height:1.25;margin:15px 0 7px}
.task-rich-content h1{font-size:22px}.task-rich-content h2{font-size:20px}.task-rich-content h3{font-size:18px}.task-rich-content h4{font-size:16px}
.task-rich-content p{margin:5px 0 10px}.task-rich-content ul,.task-rich-content ol{margin:5px 0 10px;padding-left:25px}.task-rich-content li{margin:2px 0}.task-rich-content blockquote{border-left:3px solid #b69855;margin:9px 0;padding:5px 11px;color:#676b6c}
.tree-order-controls,.area-admin-actions{display:flex;align-items:center;gap:5px}
.tree-order-controls{padding:0 12px 8px}
.tree-order-controls form,.area-admin-actions form{margin:0}
.move-button{border:1px solid #d5c8a8;border-radius:3px;background:#fff;color:#765f2e;padding:3px 8px;font-weight:700;line-height:1.2}
.move-button:hover{background:#f3f0e7;border-color:#b69855}
html[data-theme="dark"] .rich-toolbar{background:#302e28;border-color:#625638}
html[data-theme="dark"] .rich-toolbar button{background:#202225;color:#e5e2d9;border-color:#625638}
html[data-theme="dark"] .rich-toolbar button:hover{background:#3b372d}
html[data-theme="dark"] .rich-editor{background:#202225;color:#f3f2ef;border-color:#55575a}
html[data-theme="dark"] .rich-editor h1,html[data-theme="dark"] .rich-editor h2,html[data-theme="dark"] .rich-editor h3,html[data-theme="dark"] .rich-editor h4{color:#f3f2ef}
html[data-theme="dark"] .rich-editor blockquote,html[data-theme="dark"] .task-rich-content blockquote{color:#c5c4bd}
html[data-theme="dark"] .task-rich-content{color:#e1e0db}
html[data-theme="dark"] .task-rich-content h1,html[data-theme="dark"] .task-rich-content h2,html[data-theme="dark"] .task-rich-content h3,html[data-theme="dark"] .task-rich-content h4{color:#f3f2ef}
html[data-theme="dark"] .rich-editor th,html[data-theme="dark"] .rich-editor td,html[data-theme="dark"] .task-rich-content th,html[data-theme="dark"] .task-rich-content td{border-color:#55575a}
html[data-theme="dark"] .rich-editor th,html[data-theme="dark"] .task-rich-content th{background:#302e28}
html[data-theme="dark"] .move-button{background:#282b2e;color:#e2c780;border-color:#806c43}
html[data-theme="dark"] .move-button:hover{background:#353128}
@media(max-width:720px){.rich-editor{min-height:150px;max-height:40vh}.rich-toolbar{gap:4px}.rich-toolbar button{padding:4px 6px}.tree-order-controls{padding-left:8px}}

/* Task card pastel labels and palette settings */
.task.has-color{background:var(--task-tint);border-color:color-mix(in srgb,var(--task-tint) 72%,#777)}
.task.has-color .task-title,.task.has-color .task-details,.task.has-color .task-details p,.task.has-color .task-rich-content{color:#303234}
.task.has-color .task-meta,.task.has-color .attachment span{color:#555b5c}
.task.has-color .task-details{border-top-color:#0002}
.task.has-color .task-details summary,.task.has-color .attachment a,.task.has-color .text-action{color:#65532d}
.task.has-color .check{background:#ffffffb8;color:#303234;border-color:#747773}
.task.has-color .priority{background:#fff9;border-color:#9e895c;color:#5e4d25}
html[data-theme="dark"] .task.has-color{background:color-mix(in srgb,var(--task-tint) 26%,#282b2e) !important;border-color:color-mix(in srgb,var(--task-tint) 44%,#55575a)}
html[data-theme="dark"] .task.has-color .task-title,html[data-theme="dark"] .task.has-color .task-details,html[data-theme="dark"] .task.has-color .task-details p,html[data-theme="dark"] .task.has-color .task-rich-content{color:#f1f0eb}
html[data-theme="dark"] .task.has-color .task-meta,html[data-theme="dark"] .task.has-color .attachment span{color:#d0d0cb}
html[data-theme="dark"] .task.has-color .task-details{border-top-color:#ffffff35}
html[data-theme="dark"] .task.has-color .task-details summary,html[data-theme="dark"] .task.has-color .attachment a,html[data-theme="dark"] .task.has-color .text-action{color:#e2c780}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;align-items:start}
.settings-grid .settings-card{max-width:none}
.color-settings form{gap:10px}
.color-row{display:grid;grid-template-columns:minmax(100px,1fr) 100px auto;align-items:end;gap:9px;padding:8px 0;border-bottom:1px solid #e3e1dc}
.color-row label{min-width:0}
.color-row input[type="color"]{width:100%;height:38px;padding:3px}
.color-row .text-action{white-space:nowrap}
html[data-theme="dark"] .color-row{border-bottom-color:#45474a}
@media(max-width:850px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:480px){.color-row{grid-template-columns:minmax(0,1fr) 76px auto;gap:6px}.color-row .text-action{font-size:11px}}

.task-form-options{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.task-form-options{grid-template-columns:1fr}}

/* Practical capture, search and checklist additions */
.task-filters{align-items:end;flex-wrap:wrap}
.task-filters label{display:grid;gap:4px;min-width:160px}
.task-filters label:first-of-type{flex:1 1 280px}
.task-filters button{white-space:nowrap}
.clear-filters{align-self:center;white-space:nowrap}
.settings-grid .export-settings{grid-column:1/-1}
.export-actions{display:flex;gap:9px;flex-wrap:wrap}
.export-actions a{display:inline-block;text-align:center}
.checklist-editor-field{display:grid;gap:8px}
.checklist-editor{display:grid;gap:7px}
.checklist-rows{display:grid;gap:6px}
.checklist-edit-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center}
.checklist-edit-row input[type=checkbox]{width:18px;height:18px;margin:0;padding:0}
.checklist-edit-row .text-action{white-space:nowrap}
.task-checklist{display:grid;gap:3px;margin:7px 0}
.checklist-item-form{display:flex;align-items:center;gap:7px;margin:0}
.checklist-item-form .checklist-check{flex:0 0 19px;width:19px;height:19px;padding:0;border:1px solid #a8aaa7;border-radius:3px;background:#fff;color:#303234;font-weight:700;line-height:17px}
.checklist-item-form .checklist-check.checked{background:#e5eddf;border-color:#8b9c82}
.checklist-done{text-decoration:line-through;opacity:.7}
.task.has-color .checklist-item-form .checklist-check{background:#ffffffb8;color:#303234;border-color:#747773}
html[data-theme="dark"] .task.has-color .checklist-item-form .checklist-check{background:#202225;color:#eee;border-color:#999}
.task-filters .secondary{padding:8px 12px}
html:not([data-theme="dark"]) .task-filters{background:#fff}
html:not([data-theme="dark"]) .checklist-item-form .checklist-check{background:#fff;color:#303234}
@media(max-width:720px){.task-filters{align-items:stretch;flex-direction:column}.task-filters label,.task-filters label:first-of-type{width:100%;min-width:0}.task-filters button{width:100%}.export-actions{display:grid}.checklist-edit-row{grid-template-columns:20px minmax(0,1fr)}.checklist-edit-row .text-action{grid-column:2;justify-self:start;padding-top:0}}

/* V0.9: calm dark surfaces, compact tree rows and task popups */
html[data-theme="dark"] .tree-brand{background:#2e3134;border-color:#8b7650}
html[data-theme="dark"] .tree-brand>summary{background:#292c2f;color:#f3f2ef}
html[data-theme="dark"] .tree-brand-items{border-top-color:#4b4e51}
html[data-theme="dark"] .tree-area-content{background:transparent}
html[data-theme="dark"] .tree-no-tasks{color:#bec0bd}
html:not([data-theme="dark"]) .tree-area:hover,html:not([data-theme="dark"]) .tree-area.selected{background:transparent;color:inherit}
html[data-theme="dark"] .tree-area:hover,html[data-theme="dark"] .tree-area.selected{background:transparent;color:inherit}
.tree-area-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:6px 0;padding:5px 7px 5px 0;border-left:1px solid #c8b47e}
.tree-area-trigger{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 9px;border:0;border-radius:3px;background:transparent;color:#343738;text-align:left;cursor:pointer}
.tree-area-trigger:hover,.tree-area-trigger:focus-visible{background:#f7f5ef;outline:none}
.tree-area-chevron{color:#94763a;font-size:16px;transition:transform .15s ease}
.tree-area-trigger:hover .tree-area-chevron{transform:translateX(2px)}
.tree-area-trigger .area-name{font-size:14px;font-weight:600}
.tree-area-trigger .tree-count{font-weight:500}
.area-open-label{color:#80652d;font-size:12px;font-weight:700;white-space:nowrap}
.area-admin-actions{display:flex;align-items:center;gap:7px;margin:0;padding:0 3px}
.area-admin-actions .text-action{padding:4px 2px}
html[data-theme="dark"] .tree-area-row{border-left-color:#8b7650}
html[data-theme="dark"] .tree-area-trigger{color:#ecebe6}
html[data-theme="dark"] .tree-area-trigger:hover,html[data-theme="dark"] .tree-area-trigger:focus-visible{background:#383b3e}
html[data-theme="dark"] .tree-area-chevron{color:#e0c27c}
html[data-theme="dark"] .area-open-label{color:#e0c27c}
.area-task-dialog{width:min(920px,calc(100% - 28px));max-height:90vh;padding:20px;background:var(--panel);color:var(--ink)}
.area-task-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:11px;border-bottom:1px solid var(--gold-dim)}
.area-task-dialog-head h2{margin:3px 0;font:700 22px 'Roboto Condensed',sans-serif}
.area-task-dialog-head p{margin:0;color:var(--muted);font-size:13px}
.area-task-dialog-actions{display:flex;justify-content:flex-end;padding:12px 0}
.area-task-modal-content{max-height:65vh;overflow:auto;padding:0 2px 2px}
.area-task-modal-content .area-task-list{display:grid;gap:8px}
html:not([data-theme="dark"]) .area-task-dialog{background:#fff;color:#303234;border-color:#cbb989}
html:not([data-theme="dark"]) .area-task-dialog-head{border-bottom-color:#d5c8a8}
html:not([data-theme="dark"]) .area-task-dialog-head p{color:#676b6c}
html[data-theme="dark"] .area-task-dialog{background:#2e3134;color:#f3f2ef;border-color:#8b7650}
html[data-theme="dark"] .area-task-dialog-head{border-bottom-color:#8b7650}
html[data-theme="dark"] .area-task-dialog-head p{color:#bec0bd}
html[data-theme="dark"] .task.has-color{background:var(--task-tint) !important;border-color:color-mix(in srgb,var(--task-tint) 70%,#777)}
html[data-theme="dark"] .task.has-color .task-title,html[data-theme="dark"] .task.has-color .task-details,html[data-theme="dark"] .task.has-color .task-details p,html[data-theme="dark"] .task.has-color .task-rich-content{color:#303234}
html[data-theme="dark"] .task.has-color .task-meta,html[data-theme="dark"] .task.has-color .attachment span{color:#555b5c}
html[data-theme="dark"] .task.has-color .task-details{border-top-color:#0002}
html[data-theme="dark"] .task.has-color .task-details summary,html[data-theme="dark"] .task.has-color .attachment a,html[data-theme="dark"] .task.has-color .text-action{color:#65532d}
html[data-theme="dark"] .task.has-color .check{background:#ffffffb8;color:#303234;border-color:#747773}
html[data-theme="dark"] .task.has-color .checklist-item-form .checklist-check{background:#ffffffb8;color:#303234;border-color:#747773}
@media(max-width:720px){.tree-area-row{grid-template-columns:1fr;gap:2px;padding-right:5px}.tree-area-trigger{flex-wrap:wrap;gap:6px;padding:7px}.tree-area-trigger .tree-count{margin-left:auto}.area-open-label{margin-left:24px}.area-admin-actions{padding:0 7px 4px 30px;flex-wrap:wrap}.area-task-dialog{padding:14px}.area-task-dialog-actions .primary{width:100%}.area-task-modal-content{max-height:62vh}}


/* V0.9.2: keep task save controls in view while editing long notes */
.dialog-head{position:sticky;top:0;z-index:5;background:var(--panel);padding-top:3px}
.save-top{flex:0 0 auto;align-self:center;padding:7px 13px;font-size:13px;letter-spacing:.5px}

/* V0.9.3: compact area header with POD branding */
.structure-welcome{align-items:center;min-height:88px}
.structure-branding{display:flex;align-items:center;gap:18px;min-width:0}
.structure-branding img{display:block;width:min(220px,34vw);height:auto;flex:0 0 auto;border-radius:2px}
.structure-branding h2{margin:0;font:700 24px/1.15 'Roboto Condensed',sans-serif;color:var(--ink)}
html:not([data-theme="dark"]) .structure-branding h2{color:#303234}
html[data-theme="dark"] .structure-branding h2{color:#f3f2ef}
@media(max-width:720px){.structure-welcome{align-items:stretch}.structure-branding{gap:12px}.structure-branding img{width:min(170px,40vw)}.structure-branding h2{font-size:20px}.structure-actions{width:100%}.structure-actions .secondary,.structure-actions .danger-button{font-size:12px;padding:8px 10px}}

/* V0.9.4: distinctive psyBoard wordmark */
:root{--brand-gold:#d9b96f}
html:not([data-theme="dark"]){--brand-gold:#a98538}
.brandmark-logo{display:flex;align-items:center;gap:10px;margin:0 0 30px 5px;color:#25272a;font-size:inherit;letter-spacing:0}
.brandmark-logo .brandmark-icon{width:40px;height:40px;flex:0 0 40px;color:#27292c}
.brandmark-logo .brandmark-word{display:flex;align-items:baseline;gap:5px;white-space:nowrap}
.brandmark-logo .brandmark-psy{font:700 25px/1 'Roboto Condensed',sans-serif;letter-spacing:-1px;color:#c7a45b}
.brandmark-logo .brandmark-board{font:700 17px/1 'Roboto Condensed',sans-serif;letter-spacing:1.7px;color:#f3f2ef}
html:not([data-theme="dark"]) .brandmark-logo .brandmark-icon{color:#34373a}
html:not([data-theme="dark"]) .brandmark-logo .brandmark-psy{color:#967631}
html:not([data-theme="dark"]) .brandmark-logo .brandmark-board{color:#303234}
.brandmark-logo:hover .brandmark-icon{filter:drop-shadow(0 2px 4px #c7a45b45)}
.setup-card .brandmark-logo{margin:0 0 25px}

/* V0.9.5: give the POD logo a deliberate place in the section header */
.structure-welcome{position:relative;min-height:142px;padding:16px 20px 16px 24px;gap:22px;overflow:hidden;background:linear-gradient(112deg,#fff 0%,#fbfaf7 68%,#f6f3eb 100%);box-shadow:0 8px 22px #28251d0b}
.structure-welcome::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#d8c18b,#a98b4d,#d8c18b)}
.structure-welcome::after{content:"";position:absolute;width:250px;height:250px;right:21%;top:-170px;border:1px solid #c8ad7040;border-radius:50%;pointer-events:none}
.structure-branding{position:relative;z-index:1;display:flex;align-items:center;gap:23px;min-width:0}
.pod-logo-plaque{width:248px;height:112px;flex:0 0 248px;display:grid;place-items:center;padding:9px 11px;background:linear-gradient(145deg,#303338 0%,#17191c 100%);border:1px solid #947b4d;border-radius:7px;box-shadow:inset 0 1px #ffffff18,0 5px 14px #18181824}
.pod-logo-plaque img{display:block;width:100%;height:100%;object-fit:contain}
.structure-divider{width:1px;height:62px;flex:0 0 1px;background:linear-gradient(180deg,transparent,#c2a35f 18%,#c2a35f 82%,transparent)}
.structure-branding h2{font:700 29px/1.12 'Roboto Condensed',sans-serif;letter-spacing:.1px;white-space:nowrap;color:#303234}
html:not([data-theme="dark"]) .structure-welcome{background:linear-gradient(112deg,#fff 0%,#fbfaf7 68%,#f6f3eb 100%);border-color:#cbb989}
html[data-theme="dark"] .structure-welcome{background:linear-gradient(112deg,#303337 0%,#2d3033 68%,#292b2e 100%);border-color:#8b7650;box-shadow:0 8px 24px #0003}
html[data-theme="dark"] .structure-branding h2{color:#f3f2ef}
html[data-theme="dark"] .structure-divider{background:linear-gradient(180deg,transparent,#d9b96f 18%,#d9b96f 82%,transparent)}
@media(max-width:1100px){.pod-logo-plaque{width:205px;height:93px;flex-basis:205px}.structure-branding{gap:17px}.structure-branding h2{font-size:25px}.structure-welcome{min-height:122px}}
@media(max-width:720px){.structure-welcome{min-height:0;padding:14px;gap:13px}.structure-branding{display:grid;grid-template-columns:145px 1px minmax(0,1fr);gap:11px}.pod-logo-plaque{width:145px;height:66px;flex-basis:145px;padding:5px}.structure-divider{height:46px}.structure-branding h2{font-size:19px;white-space:normal}.structure-actions{position:relative;z-index:1}}
@media(max-width:420px){.structure-branding{grid-template-columns:125px 1px minmax(0,1fr);gap:8px}.pod-logo-plaque{width:125px;height:57px;flex-basis:125px;padding:4px}.structure-branding h2{font-size:17px}}

/* V0.9.6: refine the section masthead around the original POD logo */
.structure-welcome{min-height:150px;padding:14px 20px 14px 22px;gap:24px;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 58%,#faf8f2 100%);box-shadow:0 5px 18px #25231d0a}
.structure-welcome::before{width:3px;background:linear-gradient(180deg,#d9c492,#b39559,#d9c492)}
.structure-welcome::after{display:none}
.structure-branding{gap:20px}
.pod-logo-plaque{width:310px;height:126px;flex:0 0 310px;padding:1px;background:linear-gradient(145deg,#f8f6f0,#ece7da);border:1px solid #d4c49d;border-radius:5px;box-shadow:inset 0 1px #fff,0 2px 8px #29251c10}
.pod-logo-plaque img{width:100%;height:100%;object-fit:contain}
.structure-divider{width:2px;height:72px;flex-basis:2px;background:linear-gradient(180deg,transparent,#b99c60 14%,#b99c60 86%,transparent)}
.structure-branding h2{font-size:30px;letter-spacing:-.15px}
html:not([data-theme="dark"]) .structure-welcome{background:linear-gradient(105deg,#fff 0%,#fff 58%,#faf8f2 100%);border-color:#cbb989}
html[data-theme="dark"] .structure-welcome{background:linear-gradient(105deg,#303337 0%,#2e3134 58%,#292b2e 100%);border-color:#8b7650}
html[data-theme="dark"] .pod-logo-plaque{background:linear-gradient(145deg,#f8f6f0,#ece7da);border-color:#cdbb8d;box-shadow:0 2px 10px #0003}
@media(max-width:1100px){.pod-logo-plaque{width:270px;height:110px;flex-basis:270px}.structure-welcome{min-height:132px}.structure-branding h2{font-size:26px}}
@media(max-width:720px){.structure-welcome{min-height:0;padding:13px;gap:12px}.structure-branding{grid-template-columns:158px 2px minmax(0,1fr);gap:10px}.pod-logo-plaque{width:158px;height:70px;flex-basis:158px}.structure-divider{height:45px}.structure-branding h2{font-size:19px}}
@media(max-width:420px){.structure-branding{grid-template-columns:134px 2px minmax(0,1fr);gap:8px}.pod-logo-plaque{width:134px;height:61px;flex-basis:134px}.structure-branding h2{font-size:17px}}