:root {
  --v4-bg:#101318;
  --v4-panel:#222831;
  --v4-panel-2:#1b2028;
  --v4-elev:#343e4b;
  --v4-row:#303a47;
  --v4-border:#8390a2;
  --v4-hair:#4d5a6b;
  --v4-input:#0b0c0e;
  --v4-text:#f3f5f7;
  --v4-muted:#c0c8d2;
  --v4-dim:#aeb8c5;
  --v4-accent:#dc9255;
  --v4-accent-fg:#17130d;
  --v4-note:#69c8d4;
  --v4-task:#61cf99;
  --v4-pay:#c998df;
  --v4-report:#d2c374;
  --v4-alert:#ff9a8e;
  --v4-selected:#4d3a27;
  --v4-radius:7px;
  --v4-row-pad:10px;
  --v4-wall:radial-gradient(1200px 700px at 78% -10%,rgba(152,92,49,.38),transparent 60%),radial-gradient(900px 600px at 8% 110%,rgba(55,74,133,.32),transparent 60%);
}

body.v4-ui.v4-theme-light {
  --v4-selected:#f2dfc9;
  --v4-bg:#efece6;--v4-panel:#fbfaf8;--v4-panel-2:#f6f4f1;--v4-elev:#fff;--v4-row:#fffdf9;
  --v4-border:#dcd7cf;--v4-hair:#e8e4dc;--v4-input:#fff;--v4-text:#1e1d1a;--v4-muted:#6b6862;--v4-dim:#938f87;
  --v4-accent:#b86b39;--v4-accent-fg:#fff;--v4-note:#367f92;--v4-task:#357b58;--v4-pay:#8d559f;--v4-report:#7f732d;--v4-alert:#ba433b;
  --v4-wall:radial-gradient(1200px 700px at 78% -10%,rgba(238,185,137,.65),transparent 60%),radial-gradient(900px 600px at 8% 110%,rgba(176,188,227,.6),transparent 60%);
}

body.v4-ui.v4-density-normal { --v4-row-pad:14px; }
body.v4-ui {
  --accent-color:var(--v4-accent);--app-bg:var(--v4-bg);--bg:var(--v4-bg);--blue:var(--v4-accent);
  --border-color:var(--v4-border);--border-dark:var(--v4-border);--border-light:var(--v4-hair);--border-mid:var(--v4-border);
  --button-bg:var(--v4-elev);--button-face:var(--v4-elev);--button-text:var(--v4-text);
  --content-bg:var(--v4-input);--content-bg-soft:var(--v4-panel-2);--danger:var(--v4-alert);
  --flash-bg:color-mix(in srgb,var(--v4-accent) 10%,var(--v4-panel));--flash-border:var(--v4-accent);
  --input-bg:var(--v4-input);--input-text:var(--v4-text);--link-color:var(--v4-accent);
  --muted-color:var(--v4-muted);--muted-text:var(--v4-muted);--muted-text-color:var(--v4-muted);
  --note-pinned-bg:color-mix(in srgb,var(--v4-accent) 9%,var(--v4-panel));
  --panel:var(--v4-panel);--panel-bg:var(--v4-panel);--panel-bg-soft:var(--v4-panel-2);--panel-border:var(--v4-border);
  --surface-bg:var(--v4-panel);--surface-color:var(--v4-text);--text:var(--v4-text);--text-color:var(--v4-text);
  --title-bg:var(--v4-panel-2);--title-color:var(--v4-text);--workspace-bg:var(--v4-bg);
  margin:0; height:100vh; overflow:hidden; background:var(--v4-bg); color:var(--v4-text);
  font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; font-size:13px; line-height:1.45;
}
body.v4-ui::before { content:""; position:fixed; inset:0; background:var(--v4-wall); pointer-events:none; }
body.v4-ui.v4-bg-solid::before { display:none; }
body.v4-ui, body.v4-ui * { box-sizing:border-box; }
body.v4-ui a { color:inherit; }

.v4-root { position:relative; display:flex; width:100%; height:100vh; overflow:hidden; }
.v4-sidebar { width:214px; flex:none; display:flex; flex-direction:column; gap:14px; padding:12px 10px 10px; background:var(--v4-panel); border-right:1px solid var(--v4-border); z-index:20; transition:width .18s ease,transform .18s ease; }
.v4-brand { display:flex; align-items:center; gap:8px; min-height:24px; padding:0 6px; font-weight:650; letter-spacing:.01em; }
.v4-brand-mark { width:18px; height:18px; border-radius:5px; background:var(--v4-accent); box-shadow:0 0 18px color-mix(in srgb,var(--v4-accent) 35%,transparent); }
.v4-sidebar-toggle,.v4-mobile-nav { border:0!important; background:transparent!important; color:var(--v4-dim)!important; box-shadow:none!important; padding:2px 4px!important; }
.v4-nav { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; }
.v4-nav-group { display:flex; flex-direction:column; gap:2px; margin-bottom:14px; }
.v4-nav-heading { padding:2px 8px 4px; color:var(--v4-dim); font:9px/1.2 "SFMono-Regular",Consolas,monospace; letter-spacing:.12em; }
.v4-nav-item { appearance:none; width:100%; min-height:29px; display:flex; align-items:center; gap:8px; padding:6px 8px!important; border:0!important; border-radius:5px!important; background:transparent!important; color:var(--v4-muted)!important; text-align:left; text-decoration:none; font:inherit!important; box-shadow:none!important; cursor:pointer; }
.v4-nav-item:hover,.v4-nav-item.active { background:var(--v4-elev)!important; color:var(--v4-text)!important; }
.v4-nav-item.active { box-shadow:2px 0 0 var(--v4-accent) inset!important; }
.v4-nav-dot { width:6px; height:6px; flex:none; border-radius:2px; background:var(--v4-border); }
.v4-nav-dot.accent,.v4-nav-item.active .v4-nav-dot { background:var(--v4-accent); }
.v4-nav-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v4-nav-item kbd,.v4-count { margin-left:auto; color:var(--v4-dim); background:none; border:0; font:10px/1.2 "SFMono-Regular",Consolas,monospace; }
.v4-count.alert { color:var(--v4-alert); }
.v4-status { display:flex; flex-direction:column; gap:4px; border-top:1px solid var(--v4-border); padding:10px 8px 0; }
.v4-status button,.v4-status a { display:flex; justify-content:space-between; align-items:center; padding:3px 0!important; border:0!important; background:none!important; color:var(--v4-muted)!important; text-decoration:none; box-shadow:none!important; font:inherit!important; }
.v4-user { display:flex; justify-content:space-between; gap:8px; margin-top:5px; padding-top:8px; border-top:1px solid var(--v4-hair); color:var(--v4-dim); font-size:11px; }
.v4-user span:first-child { color:var(--v4-muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v4-release-version { display:flex; justify-content:space-between; gap:8px; color:var(--v4-dim); font:10px/1.2 "SFMono-Regular",Consolas,monospace; }
.v4-root.sidebar-collapsed .v4-sidebar { width:58px; }
.v4-root.sidebar-collapsed .v4-brand>span:not(.v4-brand-mark),.v4-root.sidebar-collapsed .v4-nav-heading,.v4-root.sidebar-collapsed .v4-nav-label,.v4-root.sidebar-collapsed .v4-nav-item kbd,.v4-root.sidebar-collapsed .v4-count,.v4-root.sidebar-collapsed .v4-status { display:none; }

@media (min-width:1101px) and (hover:hover) {
  .v4-root.sidebar-collapsed .v4-sidebar:hover,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within {
    width:214px;
    margin-right:-156px;
    box-shadow:18px 0 48px rgba(0,0,0,.42);
  }
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-brand>span:not(.v4-brand-mark),
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-nav-heading,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-nav-label,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-nav-item kbd,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-count,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-status,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-brand>span:not(.v4-brand-mark),
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-nav-heading,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-nav-label,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-nav-item kbd,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-count,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-status { display:flex; }
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-brand>span:not(.v4-brand-mark),
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-nav-label,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-nav-item kbd,
  .v4-root.sidebar-collapsed .v4-sidebar:hover .v4-count,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-brand>span:not(.v4-brand-mark),
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-nav-label,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-nav-item kbd,
  .v4-root.sidebar-collapsed .v4-sidebar:focus-within .v4-count { display:inline; }
}

.v4-stage { min-width:0; flex:1; display:flex; flex-direction:column; background:color-mix(in srgb,var(--v4-bg) 80%,transparent); }
.v4-topbar { height:46px; flex:none; display:flex; align-items:center; gap:12px; padding:0 14px; background:var(--v4-panel-2); border-bottom:1px solid var(--v4-border); }
.v4-mobile-nav { display:none; }
.v4-search-trigger { max-width:620px; min-width:220px; height:29px; flex:1; display:flex; align-items:center; gap:8px; padding:0 10px!important; border:1px solid var(--v4-border)!important; border-radius:6px!important; background:var(--v4-input)!important; color:var(--v4-muted)!important; box-shadow:none!important; text-align:left; font:inherit!important; }
.v4-search-trigger:hover { border-color:var(--v4-accent)!important; }
.v4-search-key { color:var(--v4-dim); font-family:"SFMono-Regular",Consolas,monospace; }
.v4-search-hint { margin-left:auto; color:var(--v4-dim); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.v4-topbar time { margin-left:auto; color:var(--v4-dim); font:11px/1.2 "SFMono-Regular",Consolas,monospace; }
.v4-primary { border:1px solid var(--v4-accent)!important; background:var(--v4-accent)!important; color:var(--v4-accent-fg)!important; font-weight:650!important; box-shadow:none!important; }
.v4-primary kbd { opacity:.7; background:none; border:0; }

body.v4-ui .app-shell { position:static; width:auto; height:auto; flex:1; min-height:0; margin:0; padding:0; display:grid; grid-template-columns:minmax(238px,300px) minmax(0,1fr); gap:0; background:transparent; overflow:hidden; }
body.v4-ui .app-shell:not(:has(.entity-list > *)) { grid-template-columns:1fr; }
body.v4-ui .entity-list,body.v4-ui .workspace { min-width:0; height:auto; margin:0; border:0; border-radius:0; box-shadow:none; background:var(--v4-panel); overflow:auto; }
body.v4-ui .entity-list { border-right:1px solid var(--v4-border); }
body.v4-ui .workspace { background:color-mix(in srgb,var(--v4-panel) 92%,transparent); }
body.v4-ui .window-title,body.v4-ui .app-title,body.v4-ui .modal-titlebar,body.v4-ui .win98-floating-titlebar,body.v4-ui .report-company { min-height:38px; display:flex; align-items:center; padding:0 14px; border:0; border-bottom:1px solid var(--v4-border); border-radius:0; background:var(--v4-panel-2); color:var(--v4-text); font-size:13px; font-weight:650; }
body.v4-ui .block { margin:14px; padding:16px; border:1px solid var(--v4-border); border-radius:var(--v4-radius); background:var(--v4-panel); color:var(--v4-text); box-shadow:none; }
body.v4-ui .list-item,body.v4-ui .menu-item,body.v4-ui .notebook-tree-row a { display:block; margin:0; padding:var(--v4-row-pad) 14px; border:0; border-bottom:1px solid var(--v4-hair); border-radius:0; background:transparent; color:var(--v4-muted); text-decoration:none; }
body.v4-ui .list-item:hover,body.v4-ui .list-item.selected,body.v4-ui .menu-item:hover,body.v4-ui .menu-item.active,body.v4-ui .notebook-tree-row.selected { background:var(--v4-row)!important; color:var(--v4-text)!important; box-shadow:2px 0 0 var(--v4-accent) inset; }
body.v4-ui .tabs,body.v4-ui .switches { display:flex; gap:5px; min-height:38px; align-items:center; padding:0 14px; border-bottom:1px solid var(--v4-border); overflow:auto; }
body.v4-ui .tabs a,body.v4-ui .switches a { padding:5px 10px; border:0; border-radius:5px; color:var(--v4-muted); text-decoration:none; white-space:nowrap; }
body.v4-ui .tabs a.active,body.v4-ui .switches a.active { background:var(--v4-elev)!important; color:var(--v4-text)!important; }
body.v4-ui h1,body.v4-ui h2,body.v4-ui h3 { color:var(--v4-text); }
body.v4-ui .muted,body.v4-ui small { color:var(--v4-muted)!important; }
body.v4-ui input:not([type=checkbox]):not([type=radio]),body.v4-ui textarea,body.v4-ui select { min-height:34px; padding:7px 9px; border:1px solid var(--v4-border); border-radius:5px; outline:none; background:var(--v4-input); color:var(--v4-text); box-shadow:none; font:inherit; }
body.v4-ui textarea { resize:vertical; }
body.v4-ui input:focus,body.v4-ui textarea:focus,body.v4-ui select:focus { border-color:var(--v4-accent)!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--v4-accent) 18%,transparent)!important; }
body.v4-ui button,body.v4-ui .button-link { min-height:31px; padding:6px 11px; border:1px solid var(--v4-border); border-radius:5px; background:var(--v4-elev); color:var(--v4-text); box-shadow:none; text-decoration:none; }
body.v4-ui button:hover,body.v4-ui .button-link:hover { border-color:color-mix(in srgb,var(--v4-accent) 65%,var(--v4-border)); }
body.v4-ui button.danger,body.v4-ui .danger { color:var(--v4-alert); }
body.v4-ui .flash { margin:12px 14px; padding:10px 12px; border:1px solid color-mix(in srgb,var(--v4-accent) 45%,var(--v4-border)); border-radius:6px; background:color-mix(in srgb,var(--v4-accent) 10%,var(--v4-panel)); color:var(--v4-text); }
body.v4-ui table { border-collapse:collapse; }
body.v4-ui th,body.v4-ui td { border-color:var(--v4-border); padding:var(--v4-row-pad) 10px; }
body.v4-ui .note,body.v4-ui .notification-row,body.v4-ui .service-visit-card,body.v4-ui .backlog-item,body.v4-ui .user-settings-row { border-color:var(--v4-border); border-radius:6px; background:var(--v4-panel); color:var(--v4-text); box-shadow:none; }

.v4-overlay { position:fixed; inset:0; z-index:1000; display:flex; justify-content:center; align-items:flex-start; padding:8vh 20px 20px; background:rgba(4,5,7,.72); backdrop-filter:blur(8px); }
.v4-overlay[hidden] { display:none; }
.v4-dialog { width:min(680px,calc(100vw - 32px)); max-height:84vh; display:flex; flex-direction:column; border:1px solid var(--v4-border); border-radius:10px; overflow:hidden; background:var(--v4-panel); color:var(--v4-text); box-shadow:0 28px 90px rgba(0,0,0,.48); }
.v4-dialog-head { min-height:42px; display:flex; align-items:center; gap:12px; padding:0 14px; border-bottom:1px solid var(--v4-border); background:var(--v4-panel-2); font-weight:650; }
.v4-dialog-head kbd,.v4-dialog-head button { margin-left:auto; }
.v4-search-input-wrap { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--v4-border); color:var(--v4-dim); }
.v4-search-input-wrap input { flex:1; height:38px; border:0!important; background:transparent!important; box-shadow:none!important; font-size:17px!important; }
.v4-search-filters { display:flex; gap:5px; padding:8px 14px; border-bottom:1px solid var(--v4-border); overflow:auto; }
.v4-search-filters button { min-height:26px; padding:4px 9px; color:var(--v4-muted); }
.v4-search-filters button.active { background:var(--v4-accent); border-color:var(--v4-accent); color:var(--v4-accent-fg); }
.v4-search-results,.v4-notifications-list { min-height:160px; overflow:auto; }
.v4-search-result { display:grid; grid-template-columns:100px 1fr; gap:5px 12px; padding:11px 14px; border-bottom:1px solid var(--v4-hair); cursor:pointer; }
.v4-search-result:hover,.v4-search-result.active { background:var(--v4-row); box-shadow:2px 0 0 var(--v4-accent) inset; }
.v4-search-result-type { grid-row:span 2; color:var(--v4-dim); font:10px/1.4 "SFMono-Regular",Consolas,monospace; text-transform:uppercase; }
.v4-search-result-title { font-weight:650; }
.v4-search-result-summary { color:var(--v4-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.v4-dialog-foot { padding:8px 14px; border-top:1px solid var(--v4-border); color:var(--v4-dim); font:10px/1.3 "SFMono-Regular",Consolas,monospace; }
.v4-quick-form { display:grid; gap:13px; padding:16px; overflow:auto; }
.v4-quick-form label { display:grid; gap:6px; }
.v4-segmented { display:flex; gap:5px; }
.v4-segmented label { display:block; }
.v4-segmented input { position:absolute; opacity:0; }
.v4-segmented span { display:block; padding:6px 10px; border:1px solid var(--v4-border); border-radius:5px; color:var(--v4-muted); cursor:pointer; }
.v4-segmented input:checked+span { border-color:var(--v4-accent); background:var(--v4-accent); color:var(--v4-accent-fg); }
.v4-form-actions { display:flex; gap:8px; justify-content:flex-end; align-items:center; }
.v4-preview-body { padding:18px; overflow:auto; white-space:pre-wrap; color:var(--v4-muted); }
.v4-preview-dialog .v4-form-actions { padding:12px 14px; border-top:1px solid var(--v4-border); }
.v4-empty { padding:28px 16px; color:var(--v4-dim); text-align:center; }
.v4-dialog-toolbar { display:flex; gap:8px; align-items:center; padding:9px 14px; border-bottom:1px solid var(--v4-border); }
.v4-dialog-toolbar a { margin-left:auto; color:var(--v4-accent); }
.v4-notification-item { padding:11px 14px; border-bottom:1px solid var(--v4-hair); }
.v4-notification-item.unread { box-shadow:2px 0 0 var(--v4-alert) inset; background:var(--v4-row); }
.v4-notification-meta { display:flex; justify-content:space-between; margin-bottom:4px; color:var(--v4-dim); font:10px/1.3 "SFMono-Regular",Consolas,monospace; }

.v4-feed-toolbar { min-height:38px; display:flex; align-items:center; gap:5px; padding:0 14px; border-bottom:1px solid var(--v4-border); overflow:auto; }
.v4-feed-toolbar a { padding:5px 10px; border-radius:5px; color:var(--v4-muted); text-decoration:none; white-space:nowrap; }
.v4-feed-toolbar a.active { background:var(--v4-elev); color:var(--v4-text); font-weight:650; }
.v4-feed-toolbar span { color:var(--v4-dim); font:10px/1.2 "SFMono-Regular",Consolas,monospace; }
.v4-feed { height:100%; overflow:auto; }
.v4-feed-day { position:sticky; top:0; z-index:2; padding:8px 14px 5px; border-bottom:1px solid var(--v4-hair); background:var(--v4-panel-2); color:var(--v4-dim); font:10px/1.3 "SFMono-Regular",Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.v4-feed-row { display:grid; grid-template-columns:52px 92px minmax(0,1fr) auto; gap:10px; align-items:start; padding:var(--v4-row-pad) 14px; border-bottom:1px solid var(--v4-hair); color:var(--v4-text); cursor:pointer; }
.v4-feed-row:hover,.v4-feed-row:focus { outline:0; background:var(--v4-row); box-shadow:2px 0 0 var(--v4-accent) inset; }
.v4-feed-time { color:var(--v4-dim); font:11px/1.4 "SFMono-Regular",Consolas,monospace; }
.v4-feed-type { color:var(--v4-muted); font:10px/1.4 "SFMono-Regular",Consolas,monospace; letter-spacing:.05em; }
.v4-feed-row[data-event-type=note] .v4-feed-type{color:var(--v4-note)}.v4-feed-row[data-event-type=task] .v4-feed-type{color:var(--v4-task)}.v4-feed-row[data-event-type=payment] .v4-feed-type{color:var(--v4-pay)}.v4-feed-row[data-event-type=report] .v4-feed-type{color:var(--v4-report)}.v4-feed-row[data-event-type=notification] .v4-feed-type,.v4-feed-row[data-event-type=recurring] .v4-feed-type{color:var(--v4-alert)}
.v4-feed-content { display:block; min-width:0; }
.v4-feed-entity { display:block; min-width:0; color:inherit; text-decoration:none; }
.v4-feed-copy { display:-webkit-box; min-width:0; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.v4-feed-row.is-expanded .v4-feed-copy { display:block; overflow:visible; -webkit-line-clamp:unset; }
.v4-feed-title,.v4-feed-summary { display:block; min-width:0; white-space:normal; overflow-wrap:anywhere; word-break:break-word; }
.v4-feed-title { font-weight:650; }
.v4-feed-summary { margin-top:2px; color:var(--v4-muted); }
.v4-feed-controls { display:flex; align-items:center; gap:10px; min-height:18px; margin-top:2px; }
.v4-feed-toggle,.v4-feed-open { padding:0; border:0; background:none; color:var(--v4-accent); font:inherit; font-size:11px; line-height:1.4; text-decoration:none; cursor:pointer; }
.v4-feed-toggle:hover,.v4-feed-open:hover { text-decoration:underline; }
.v4-feed-toggle[hidden] { display:none; }
.v4-feed-action { max-width:280px; color:var(--v4-dim); font-size:11px; white-space:normal; overflow-wrap:anywhere; text-align:right; }

body.v4-ui .modal-overlay { background:rgba(4,5,7,.72); backdrop-filter:blur(7px); }
body.v4-ui .modal-window,body.v4-ui .win98-floating-window { border:1px solid var(--v4-border); border-radius:10px; overflow:hidden; background:var(--v4-panel); color:var(--v4-text); box-shadow:0 28px 90px rgba(0,0,0,.48); }
body.v4-ui .modal-content,body.v4-ui .win98-floating-content { background:var(--v4-panel); color:var(--v4-text); border:0; }
body.v4-ui .dock-inbox-modal { width:min(980px,calc(100vw - 40px)); max-height:calc(100vh - 40px); }
body.v4-ui .dock-inbox-content,body.v4-ui .dock-inbox-view { background:var(--v4-panel); color:var(--v4-text); }
body.v4-ui .dock-inbox-header,body.v4-ui .dock-inbox-history-section { border-color:var(--v4-border); }
body.v4-ui .dock-inbox-item,body.v4-ui .dock-inbox-item.is-history {
  border:1px solid var(--v4-border);
  border-radius:6px;
  background:var(--v4-row);
  color:var(--v4-text);
  box-shadow:none;
}
body.v4-ui .dock-inbox-item:hover { border-color:color-mix(in srgb,var(--v4-accent) 60%,var(--v4-border)); background:var(--v4-elev); }
body.v4-ui .dock-inbox-item-text { color:var(--v4-text); }
body.v4-ui .dock-inbox-item-meta,body.v4-ui .dock-inbox-meta,body.v4-ui .dock-inbox-item-result { color:var(--v4-muted); }
body.v4-ui .dock-inbox-full-text,body.v4-ui .dock-inbox-folder-panel,body.v4-ui .dock-inbox-tech,body.v4-ui .dock-inbox-result {
  border-color:var(--v4-border);
  background:var(--v4-input);
  color:var(--v4-text);
  box-shadow:none;
}
body.v4-ui .notebook-focus-shell { position:static; width:auto; height:auto; flex:1; min-height:0; margin:0; padding:0; display:grid; grid-template-columns:minmax(230px,285px) minmax(0,1fr) minmax(190px,240px); gap:0; background:transparent; }
body.v4-ui .notebook-focus-left,body.v4-ui .notebook-focus-center,body.v4-ui .notebook-focus-right { min-width:0; height:auto; border:0; border-right:1px solid var(--v4-border); border-radius:0; background:var(--v4-panel); color:var(--v4-text); box-shadow:none; }
body.v4-ui .notebook-focus-center { background:color-mix(in srgb,var(--v4-panel) 92%,transparent); }
body.v4-ui .notebook-focus-right { border-right:0; }
body.v4-ui .notebook-focus-pane,body.v4-ui .notebook-focus-editor,body.v4-ui .notebook-focus-preview { margin:10px; padding:16px; border:1px solid var(--v4-border); border-radius:7px; background:var(--v4-input); color:var(--v4-text); box-shadow:none; }
body.v4-ui .notebook-focus-toolbar,body.v4-ui .notebook-focus-titlebar,body.v4-ui .notebook-focus-search,body.v4-ui .notebook-focus-tools { border-color:var(--v4-border); background:var(--v4-panel-2); }
body.v4-ui .notebook-focus-toolbar { min-height:46px; padding:7px 10px; }
body.v4-ui .notebook-focus-titlebar { padding:8px 10px 0; }
body.v4-ui .notebook-focus-titlebar .window-title { margin:0; padding:0 2px 7px; min-height:28px; background:transparent; }
body.v4-ui .notebook-focus-titlebar .path-line { margin:0; padding:7px 9px; border:1px solid var(--v4-border); border-radius:5px; background:var(--v4-panel); color:var(--v4-muted); }
body.v4-ui .notebook-focus-tools { margin:0; padding:8px; }
body.v4-ui .notebook-focus-tools details { margin:4px 0; padding:0; border:1px solid var(--v4-border); border-radius:5px; background:var(--v4-panel); color:var(--v4-text); }
body.v4-ui .notebook-focus-tools summary { padding:7px 9px; color:var(--v4-text); }
body.v4-ui .notebook-focus-tools details[open] summary { border-bottom:1px solid var(--v4-border); }
body.v4-ui .notebook-focus-tools details form { padding:8px; }
body.v4-ui .notebook-root-drop { margin:8px; padding:8px 10px; border:1px dashed var(--v4-border); border-radius:5px; background:var(--v4-panel); color:var(--v4-muted); }
body.v4-ui .notebook-tree-list { padding-left:12px; }
body.v4-ui .notebook-tree-row { min-height:34px; padding:4px 7px; border:0; border-radius:5px; color:var(--v4-muted); }
body.v4-ui .notebook-tree-row a { color:inherit; }
body.v4-ui .notebook-tree-row:hover { background:var(--v4-elev); color:var(--v4-text); }
body.v4-ui .notebook-tree-row.selected { background:var(--v4-row)!important; color:var(--v4-text)!important; }
body.v4-ui .notebook-focus-toc { padding:8px; background:var(--v4-panel); }
body.v4-ui .notebook-focus-toc-item { margin:1px 0; padding:5px 7px; border:0; border-radius:4px; color:var(--v4-muted); }
body.v4-ui .notebook-focus-toc-item:hover,body.v4-ui .notebook-focus-toc-item.active { background:var(--v4-elev); color:var(--v4-text); }
body.v4-ui .note:has(.markdown:target) { border-color:var(--v4-accent); box-shadow:2px 0 0 var(--v4-accent) inset; }

@media (max-width:1100px) {
  .v4-sidebar { position:fixed; inset:0 auto 0 0; transform:translateX(-100%); box-shadow:18px 0 60px rgba(0,0,0,.35); }
  .v4-root.mobile-nav-open .v4-sidebar { transform:translateX(0); }
  .v4-mobile-nav { display:inline-flex; }
  body.v4-ui .app-shell { grid-template-columns:minmax(220px,280px) minmax(0,1fr); }
  .v4-search-hint,.v4-topbar time { display:none; }
  body.v4-ui .notebook-focus-shell { grid-template-columns:minmax(210px,260px) minmax(0,1fr); }
  body.v4-ui .notebook-focus-toc { display:none; }
}
@media (max-width:820px) {
  body.v4-ui .app-shell { grid-template-columns:1fr; }
  body.v4-ui .entity-list { display:none; }
  .v4-topbar { padding:0 8px; gap:8px; }
  .v4-primary { white-space:nowrap; }
  .v4-topbar>.v4-primary { font-size:0!important; }
  .v4-topbar>.v4-primary kbd { font-size:11px; }
  .v4-feed-row { grid-template-columns:42px 80px minmax(0,1fr); }
  .v4-feed-action { display:none; }
  .v4-feed-copy { -webkit-line-clamp:3; }
}
@media (prefers-reduced-motion:reduce) { .v4-sidebar,* { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }

body.v4-login { margin:0; min-height:100vh; background:#101114; color:#e6e7ea; font-family:Helvetica,"Helvetica Neue",Arial,sans-serif; }
body.v4-login::before { content:""; position:fixed; inset:0; background:radial-gradient(1000px 650px at 75% -10%,rgba(152,92,49,.42),transparent 60%),radial-gradient(800px 600px at 8% 110%,rgba(55,74,133,.38),transparent 60%); }
body.v4-login .login-screen { position:relative; min-height:100vh; display:grid; place-items:center; padding:24px; }
body.v4-login .login-box { width:min(390px,100%); display:grid; gap:14px; padding:22px; border:1px solid #2a2d34; border-radius:12px; background:rgba(22,24,28,.94); box-shadow:0 30px 100px rgba(0,0,0,.5); backdrop-filter:blur(12px); }
body.v4-login .v4-login-brand { display:flex; align-items:center; gap:10px; padding-bottom:16px; border-bottom:1px solid #2a2d34; }
body.v4-login .v4-login-brand div { display:grid; }
body.v4-login .v4-login-brand small,body.v4-login .v4-login-brand>span:last-child { color:#6a707a; }
body.v4-login .v4-login-brand>span:last-child { margin-left:auto; font:10px/1.2 "SFMono-Regular",Consolas,monospace; }
body.v4-login h1 { margin:4px 0 0; font-size:22px; }
body.v4-login label { display:grid; gap:6px; color:#9aa0a9; font-size:12px; }
body.v4-login input { min-height:40px; padding:8px 10px; border:1px solid #2a2d34; border-radius:6px; outline:0; background:#0b0c0e; color:#e6e7ea; font:14px/1.3 inherit; }
body.v4-login input:focus { border-color:#dc9255; box-shadow:0 0 0 3px rgba(220,146,85,.14); }
body.v4-login button { min-height:40px; border-radius:6px; }

/* 4.1: strong selection and opaque panels keep boundaries visible on dim displays. */
body.v4-ui .workspace { background:var(--v4-panel); }
body.v4-ui { color-scheme:dark; }
body.v4-ui.v4-theme-light { color-scheme:light; }
body.v4-ui input::placeholder,body.v4-ui textarea::placeholder { color:var(--v4-dim);opacity:1; }
body.v4-ui .list-item.selected,
body.v4-ui .tabs a.active,
body.v4-ui .switches a.active,
.v4-nav-item.active { background:var(--v4-selected)!important; }
body.v4-ui :is(button,a,input,select,textarea):focus-visible { outline:2px solid var(--v4-accent);outline-offset:2px; }

.v4-feed-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; padding:20px 14px; color:var(--v4-muted); }
.v4-feed-pagination [hidden] { display:none!important; }