/* Copper & Amber — the selected Corlek visual system. */
:root{
 --ink:#28231f;--muted:#71665e;--line:#ded6ce;--paper:#fffdfa;
 --tint:#f2e6d9;--accent:#a9430c;--accent-hover:#873207;--green:var(--accent);
 --canvas:#fcfaf7;--sidebar:#292523;--walnut:#5b4036;--amber:#ffbc38;
 --depth-0:#faf6f0;--depth-1:#efdbc9;--depth-2:#e5c5af;--depth-3:#d6dee8;
 color:var(--ink);background:var(--canvas);font-family:Arial,Helvetica,sans-serif;
}
body{grid-template-columns:clamp(248px,19.6vw,328px) minmax(0,1fr)}
button,.button{background:var(--paper);border-color:var(--line);border-radius:7px}
button:hover,.button:hover{background:var(--tint)}
.primary,.tabs button.active,.version-switch [aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
input,textarea,select{background:var(--paper);border-color:var(--line);accent-color:var(--accent)}
:focus-visible,summary:focus-visible,.mention-editor:focus{outline:3px solid var(--accent);outline-offset:3px}
#sidebar :focus-visible{outline-color:var(--amber)}
a{color:var(--accent)}
#sidebar{background:var(--sidebar);color:#f8f1e9;border-right:1px solid #4c4038;padding:0 20px 18px;scrollbar-color:#796559 transparent}
#sidebar .sidebar-header{margin:0 -20px 20px;padding:24px 24px 22px;background:var(--walnut);border-bottom:1px solid #785d4e}
#sidebar .brand{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 24px;padding:0;color:#fff5e9;font:400 32px/1.15 Georgia,serif;letter-spacing:-1px;text-decoration:none}
.brand-mark{width:48px;height:48px;object-fit:contain;flex:none}
#sidebar .identity-row{margin:0;gap:8px}
#user-trigger{padding:5px 0;gap:12px;color:#fff5e9}
#sidebar #user-trigger:hover,#sidebar .shell-icon-button:hover{background:#ffffff10;border-color:transparent}
#user-trigger .widget-copy strong{font-size:15px;font-weight:500}
#user-trigger .widget-copy small{font-size:12px;color:#e0c9b9}
#user-trigger>.ui-icon{width:15px}
.avatar{background:#8b6450;color:#fff6ed;border:1px solid #b58b6d;width:38px;height:38px;font-size:15px;font-weight:500}
#notification-bell{color:#fff5e9;width:34px}
#notification-bell .ui-icon{width:22px;height:22px}
#notification-count{background:var(--amber);color:#432807;border:2px solid var(--walnut);font-size:9px;top:-2px;right:-2px}
#sidebar .account-row{gap:10px;margin-bottom:24px}
#account-trigger{background:#37302b;border:1px solid #615044;padding:10px;border-radius:9px;color:#fff7ee;box-shadow:none;gap:10px}
#account-trigger:hover{background:#493a30;border-color:#ac7b54}
#account-trigger .widget-copy strong{font-size:14px;font-weight:500}
#account-trigger .widget-copy small{color:#cbbfb5;font-size:9px;letter-spacing:1.8px}
#account-trigger>.ui-icon{color:#dac6b7}
.account-avatar{background:#f0d6ba;color:#3e2b20;border-color:#c8a17e;width:36px;height:36px;font-size:13px}
#account-settings-trigger{color:#f7e6d7;width:32px}
#sidebar nav{gap:24px}
#sidebar .nav-group{gap:5px}
#sidebar .nav-group h2{color:#bfb3aa;font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:2px;margin:0 12px 10px}
#sidebar .nav-group button{position:relative;color:#f8f1e9;font-size:15px;font-weight:400;min-height:42px;padding:10px 14px;gap:14px;border:0;background:transparent}
#sidebar .nav-group button .ui-icon{color:#e9ddd0;width:20px;height:20px;stroke-width:1.7}
#sidebar .nav-group button:hover{background:#43352d}
#sidebar .nav-group button[aria-current=page]{background:#70452c;color:#fff9f1;font-weight:500;box-shadow:inset 4px 0 var(--amber)}
#sidebar .nav-group button[aria-current=page] .ui-icon{color:#fff2df}
#sidebar .nav-group+ .nav-group{padding-top:23px;border-top:1px solid #5a4b40}
.sidebar-footer{font-size:10px;color:#c0aa99;padding:24px 10px 0}
.status-dot{background:#d99755;width:6px;height:6px}
main{padding:32px 36px 10px;background:var(--canvas)}
main>header{margin-bottom:26px}
main>header .eyebrow{color:#a16945;font-size:10px;letter-spacing:2px}
h1{font:500 38px/1.2 Georgia,serif;margin:8px 0;letter-spacing:-.7px;color:#201b17}
#subtitle{font-size:14px;color:var(--muted);margin-top:9px}
#create{font-size:15px;padding:12px 20px}
.toolbar{padding-bottom:20px;gap:12px}
.toolbar input,.toolbar select{font-size:14px;min-height:44px}
.toolbar #search{max-width:550px}
#count{font-size:12px;color:var(--muted)}
.workspace-grid{grid-template-columns:minmax(270px,35%) minmax(0,1fr)}
#list{padding:16px 24px 24px 0;scrollbar-width:thin;scrollbar-color:#c7bcb2 transparent}
#detail{padding:28px 24px 40px 32px;--detail-top:28px;--detail-left:32px;--detail-right:24px;scrollbar-width:thin;scrollbar-color:#c7bcb2 transparent}
#detail>.detail-header{background:var(--canvas);padding-bottom:26px;border-bottom-color:var(--line)}
.detail-header>.breadcrumbs{font-size:13px;margin-bottom:26px;color:var(--muted)}
.breadcrumbs button{font-size:13px;color:var(--muted)}
.detail-header>.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;margin-bottom:12px}
.detail-title{font:500 38px/1.2 Georgia,serif;letter-spacing:-.6px}
.detail-header>.detail-title{margin-bottom:20px}
.actions button,.wiki-actions button{font-size:13px;min-height:38px}
.icon-button{width:40px;height:40px}
.icon-button svg{width:19px;height:19px}
.document{font-size:16px;line-height:1.8;max-width:65ch;padding-top:22px}
.document h2,.document h3,.document h4{font-family:Georgia,serif;color:#29211b}
.document h4{font-size:29px;line-height:1.3;margin:24px 0}
.document h5{font:600 20px/1.4 Georgia,serif;margin:28px 0 18px}
.document li{margin:6px 0}
.document h1{font-size:30px}
.document pre,.document code,.diff pre{background:#f1ebe3;border-color:var(--line)}
.document pre code{background:transparent}
.document th,.document td{border-color:var(--line)}
.document th{background:#f1ebe3}
blockquote,.document blockquote{background:#f5ece1;border-color:#c88c57;color:#71503b}
.document .mermaid-diagram{border-color:var(--line)}
.mermaid-diagram figcaption,.mermaid-diagram summary{color:var(--muted)}
/* All depths share a text column. Color and enclosing strokes carry structure. */
.outline-heading h3{font-size:13px;color:var(--ink)}
.outline-help{font-size:11px;color:var(--muted);line-height:1.6;margin:8px 0 16px}
.page-tree,.page-tree ul,.page-tree ul ul{padding-left:0;margin-left:0;border-left:0}
.page-tree .hierarchy-card{border:1px solid var(--line);border-radius:9px;margin:8px 0;overflow:hidden}
.page-tree .hierarchy-card>ul{padding:3px 0;margin:0;border-top:1px solid #b59a8333}
.page-tree .hierarchy-card>ul>.hierarchy-card{margin:4px 0;border-left:0;border-right:0;border-radius:7px}
.hierarchy-tone-0{background:var(--depth-0)}.hierarchy-tone-1{background:var(--depth-1)}.hierarchy-tone-2{background:var(--depth-2)}.hierarchy-tone-3{background:var(--depth-3)}
.page-tree-row{padding:6px 8px;min-height:54px;gap:3px}
.page-tree-row>.shell-icon-button,.tree-spacer{width:24px;height:30px}
.page-tree-row .ui-icon{width:17px;height:17px}
.page-tree .tree-page.record-card{font-size:15px;padding:9px 4px;gap:10px;color:var(--ink);background:transparent;border-radius:4px}
.page-tree .tree-page.record-card:hover{background:#ffffff30}
.page-tree .tree-page.record-card.selected{color:var(--ink);background:transparent}
.page-tree .hierarchy-card:has(>.page-tree-row>.tree-page.selected){outline:2px solid var(--accent);outline-offset:-2px}
.tree-page small{color:#746353;font-size:11px}
.page-tree-row>.page-drag-handle{color:#826b56;width:14px;min-width:14px;opacity:.35}
.page-tree-row>.shell-icon-button:last-child{color:#705b49;opacity:.75}
.page-tree-row.drop-before{border-top-color:var(--accent)}.page-tree-row.drop-after{border-bottom-color:var(--accent)}
.page-tree-row.drop-inside,.outline-root-drop.drop-inside{background:#f1ce9a;outline-color:var(--accent)}
.outline-root-drop{background:#fff4e2;color:#7e441f;border-color:#ad7b56}
.outline-drag-preview{background:var(--walnut)}
.pinned-shortcut{background:#f2e6d8;color:#5d3e28;font-size:13px}
.pinned-pages h3,.pinned-pages .meta{color:var(--muted)}
/* Panels, controls and secondary screens use the same warm tokens. */
.shell-icon-button:hover{background:var(--tint);border-color:var(--line)}
.switcher{border-color:var(--line);box-shadow:0 18px 60px #39241426;background:var(--paper)}
.switcher-search{color:var(--muted)}
.switcher-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #a9430c22}
.account-option[aria-current=true]{background:var(--tint)}
.switcher footer{background:var(--paper)}
#account-tabs button{font-size:12px;color:var(--muted)}
#account-tabs button[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent)}
.account-overview,.settings-notice,.health-explanation,.context-banner,.request-settings{background:#f4eadf;border-color:var(--line);color:var(--ink)}
.settings-card{border-color:var(--line);background:var(--paper)}
.settings-card-icon{background:#f2e2d0;color:#95603b}
.settings-card>p,.settings-footer,.account-metrics span,.person-identity small,.person-row>.ui-icon,.graph-hint,.graph-node-list,.graph-tips p,.graph-relation small,.outline-help{color:var(--muted)}
.settings-card .text-action{color:var(--accent);text-decoration-color:#ceaa8c}
.person-row{border-bottom-color:var(--line)}
#dialog,.conversation-panel{background:var(--paper);box-shadow:-16px 0 64px #38251624}
#dialog::backdrop{background:#30221c33}
#dialog .panel-header,#dialog footer,.conversation-header{background:var(--paper)}
.account-management.record-open #detail,body[data-view=findings].record-open #detail,body[data-view=tasks].record-open #detail{background:var(--canvas)}
.health-summary>div,.health-explanation{background:#f4eadf;border-color:var(--line)}
.health-summary strong,.health-explanation h3{color:var(--accent)}
.health-summary span{color:var(--muted)}
.badge{background:#f4ede5;border-color:#e0d3c5;color:#72563e}
.badge.warning{background:#fff0cd;border-color:#e6c480;color:#805016}
.readonly,.approval-banner{background:#f2eee7;border-color:var(--line);color:var(--muted)}
.approval-copy p,.approval-help summary,.related-picker summary{color:#71503b}
.mention-editor,.mention-options{border-color:var(--line);background:var(--paper)}
.mention-options [aria-selected=true],.mention-editor .mention{background:var(--tint)}
.page-editor-tabs{border-color:var(--line)}
.page-editor-tabs [aria-selected=true]{background:var(--tint);color:var(--accent)}
.welcome h2,.empty-detail h2,.wiki-welcome h2{color:var(--ink)}
.orb,.wiki-symbol{color:#b58056}
.wiki-diff>div{background:#faf5ef;border-color:var(--line)}.wiki-diff>div:last-child{background:#f4e6d5;border-color:#cfae8b}
.wiki-diff h4,.wiki-answer>button{color:#755034}
.kanban-column,.kanban-heading{background:#f0e9e0;border-color:var(--line)}
.kanban-count{background:#e3d4c3}.kanban-card.record-card{border-color:var(--line)}
.kanban-card.record-card:hover,.kanban-card.selected{border-color:var(--accent);background:var(--paper)}
.task-card-footer,.column-empty{color:var(--muted)}
.drag-over{outline-color:var(--accent);background:#f3e2ce}
.asset-tile img{background:#f0ebe3}
.graph-canvas{background-color:#f8f4ee;background-image:none;border-color:var(--line)}
.graph-legend>button,.graph-relation{border-color:var(--line)}
.graph-legend>button,.graph-tips .ui-icon{color:var(--muted)}
.legend-dot{background:#ac572a}.legend-dot.source{background:#c3974f}.legend-dot.asset{background:#8390aa}
.note-card{border-color:#d8c9b9}.note-card.selected{outline-color:var(--accent)}
.note-color-neutral{background:var(--paper)}.note-color-sand{background:#f5e5c8}.note-color-blue{background:#e4ecf3}.note-color-rose{background:#f3e1dc}.note-color-lavender{background:#eae3f1}
.notes-compose{background:var(--paper);border-color:var(--line)}.note-location{color:var(--muted)}
.note-card .document{padding-top:8px}
@media(min-width:1450px){
 #sidebar .sidebar-header{padding-top:26px;padding-bottom:24px}.brand-mark{width:54px;height:54px}
 #sidebar .brand{font-size:38px}#sidebar .nav-group button{font-size:17px;min-height:46px}
 main{padding:36px 42px 10px}h1{font-size:44px}.detail-title{font-size:44px}
 #subtitle{font-size:16px}#create{font-size:17px}.toolbar input,.toolbar select{font-size:16px;min-height:52px}
 .page-tree .tree-page.record-card{font-size:17px}.page-tree-row{min-height:62px}
 .document{font-size:18px}.document h4{font-size:36px}.document h5{font-size:27px}
}
@media(min-width:751px) and (max-width:1100px){
 body{grid-template-columns:220px minmax(0,1fr)}#sidebar{padding-left:14px;padding-right:14px}
 #sidebar .sidebar-header{margin-left:-14px;margin-right:-14px;padding:20px 14px}
 #sidebar .brand{font-size:29px}.brand-mark{width:42px;height:42px}
 #sidebar .nav-group button{font-size:14px}main{padding:24px 22px 8px}
 .workspace-grid{grid-template-columns:240px minmax(0,1fr)}#list{padding-right:14px}
 #detail{padding:22px 8px 32px 22px;--detail-top:22px;--detail-left:22px;--detail-right:8px}
 .detail-title{font-size:30px}.page-tree .tree-page.record-card{font-size:14px}
}
@media(max-width:750px){
 body{display:block}#sidebar{padding:0 16px;background:var(--sidebar);border-bottom:0}
 #sidebar .sidebar-header{margin:0 -16px;padding:16px 64px 16px 16px;border-bottom:0}
 #sidebar .brand{font-size:27px;margin:0;padding:0;justify-content:center;gap:8px}
 .brand-mark{width:38px;height:38px}
 #sidebar .identity-row{margin-top:16px}#sidebar .account-row{margin-top:18px;margin-bottom:20px}
 #sidebar .nav-group button{min-height:44px;font-size:15px}
 #sidebar nav{padding-bottom:20px}#sidebar .nav-group+.nav-group{padding-top:18px}
 #mobile-menu{color:#fff3e7;background:#674738;border-color:#94705b;top:15px}
 #sidebar .sidebar-footer{display:none}
 main{padding:20px 16px 8px}h1{font-size:29px}#subtitle{font-size:13px}#create{padding:9px 12px;font-size:13px}
 #detail{padding:20px 0 32px;--detail-top:0px;--detail-left:16px;--detail-right:16px}
 #detail>.detail-header{padding-top:16px}.detail-title{font-size:30px}
 .document{font-size:15px}.document h4{font-size:25px}.document h5{font-size:20px}
 #list{padding:14px 0}.page-tree-row{min-height:52px;padding-left:4px;padding-right:4px}
 .page-tree .tree-page.record-card{font-size:14px}
 #dialog{width:100%}.switcher{top:150px}
}
/* Explicit identity overrides prevent earlier shell styles leaking into the brand block. */
#sidebar .sidebar-header .brand{margin-bottom:22px}
#sidebar .sidebar-header .avatar{background:#8b6450;border-color:#b58b6d;color:#fff6ed}
#sidebar .sidebar-header .widget-copy small{color:#e0c9b9}
#sidebar .sidebar-header #user-trigger:hover{background:#ffffff10}
#sidebar .sidebar-header #notification-count{border-color:var(--walnut)}
.segmented-control{background:#f1e8dc;border-color:var(--line)}
.segmented-control button[aria-pressed=true]{color:var(--accent);background:var(--paper)}
.notification-row.unread{background:#f5eadd}.notification-row small,.notification-unread,.panel-empty{color:var(--muted)}
@media(min-width:1450px){
 #sidebar .nav-group button{min-height:42px;padding-top:8px;padding-bottom:8px;font-size:18px}
 #sidebar .nav-group{gap:4px}#sidebar nav{gap:20px}
 #sidebar .sidebar-header #user-trigger .widget-copy strong{font-size:18px}
 #sidebar .sidebar-header #user-trigger .widget-copy small{font-size:14px}
 #sidebar .sidebar-header .avatar{width:46px;height:46px;font-size:20px}
 #sidebar #account-trigger .widget-copy strong{font-size:17px}
 #sidebar #account-trigger .account-avatar{width:42px;height:42px;font-size:16px}
 h1,.detail-title{font-size:48px}
 .actions button,.wiki-actions button{font-size:14px;min-height:44px}
 .icon-button{width:44px;height:44px}.icon-button svg{width:21px;height:21px}
 .document{font-size:20px}.document h4{font-size:38px}.document h5{font-size:30px}
 .page-tree-row{padding-left:16px;padding-right:10px}
 .page-tree .tree-page.record-card{gap:14px;font-size:18px;padding-left:8px}
 .page-tree-row .ui-icon{width:20px;height:20px}
}
@media(max-width:750px){#sidebar .sidebar-header .brand{margin-bottom:0}}
@media(min-width:1450px){
 #sidebar .nav-group button{line-height:1.35}
 #sidebar .account-row{margin-bottom:20px}
 #sidebar .nav-group h2{margin-bottom:8px}
 .sidebar-footer{padding-top:16px}
}
/* Form rows retain their content height while the panel body scrolls. */
#dialog .panel-body{grid-auto-rows:max-content}
.page-editor-preview{height:max-content}
/* Compact, reusable listing controls. */
#subtitle,.outline-help,.secret-list-intro,.knowledge-list-header>.meta,.settings-section-heading>.meta{display:none!important}
#scope{margin-bottom:6px}main>header{margin-bottom:20px}
.filter-original{display:none!important}
.toolbar #search{flex:0 1 260px;max-width:260px;min-width:120px}
.filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.filter-chip{display:inline-flex;align-items:center;gap:5px;background:var(--tint);border:1px solid var(--line);border-radius:18px;padding:3px 5px 3px 11px;font-size:12px;max-width:100%}
.filter-chip>span{overflow-wrap:anywhere}.filter-chip .shell-icon-button{width:24px;height:24px}.filter-chip .ui-icon{width:14px;height:14px}
#browse-filter-button{width:42px;height:42px;border-color:var(--line);background:var(--paper)}#browse-filter-button[aria-pressed=true]{background:var(--tint);color:var(--accent)}
.filter-project-options{display:grid;gap:12px;max-height:45vh;overflow:auto;padding:16px 0}fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;padding:16px}legend{font-weight:600;font-size:14px}
.note-card{display:flex;flex-direction:column}.note-card h3{margin-top:0}.note-title{padding:0;border:0;background:transparent;text-align:left;width:100%;font:inherit;color:inherit}
.note-title:disabled{opacity:1;cursor:default}.note-title:hover{background:transparent;text-decoration:underline;text-decoration-color:#b99477;text-underline-offset:4px}
.note-card h3 input{width:100%;font:inherit;padding:6px}.note-title-controls{display:flex;gap:4px;justify-content:flex-end;margin-top:5px}.note-card h3 .error{display:block;font-size:12px;font-weight:400}
.note-actions{margin-top:auto;padding-top:16px;gap:7px;flex-wrap:nowrap}.note-actions .shell-icon-button{width:34px;height:34px}.note-actions [aria-pressed=true]{color:var(--accent);background:var(--tint)}
.note-actions .note-select{margin-left:auto;padding:7px;display:flex}.note-select input{width:16px;height:16px;margin:0}.note-location{margin-bottom:12px}
body[data-view=pages] #create.icon-button{padding:0;width:44px;height:44px;min-width:44px}.icon-button.danger{color:#bd3331}.icon-button .ui-icon{width:20px;height:20px}
@media(max-width:750px){.toolbar #search{flex:1;max-width:none}.filter-chips{flex-basis:100%}.filter-chips:empty{display:none}body[data-view=tasks] .toolbar{display:flex!important;flex-wrap:wrap}.note-actions .shell-icon-button{width:40px;height:40px}}

.knowledge-list-header .segmented-control{display:none}
.notes-toolbar[hidden]{display:none}