/* Direction A v2: warm paper and compact utility rows.
   Reference: qio.ng and hamster1963/nezha-dash-v1, inspected 2026-10-28.
   Uses the existing tokens, widgets and dialogs in styles.css. */
/* Keep the centered layout stable when filtering removes page overflow. */
html{scrollbar-gutter:stable}
.compact-workspace{width:min(1280px,100%);margin:0 auto;padding:0 32px;--widget-height:340px}
.compact-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-bottom:1px solid var(--line)}
.compact-topbar .identity{padding:0;font-size:16px;letter-spacing:0}
.compact-topbar .identity-mark{width:34px;height:34px;font-size:24px;line-height:34px;border-radius:10px}
.header-tools{display:flex;align-items:center;gap:8px}
.header-icon{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--muted);border-radius:8px}
.header-icon .icon{width:17px;height:17px}
@media(hover:hover){.header-icon:hover{background:#e9e3d7;color:var(--ink)}}
.density-tools .text-button{font-size:11px;min-height:40px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.compact-workspace main{max-width:none;padding:0 0 18px;margin:0}
.compact-welcome{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:25px 0 23px}
.compact-welcome h1{font-size:28px;letter-spacing:-.8px;line-height:1.45;margin:7px 0 0}
.compact-welcome .eyebrow{font-size:10px;letter-spacing:1px}
.compact-welcome .search-field{flex:none;width:340px;height:42px;border-radius:9px;padding:0 12px;gap:9px}
.compact-welcome .search-field input{font-size:12px}
.compact-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.compact-toolbar .filters{display:flex;margin:0;gap:3px;flex-wrap:wrap;flex:1}
.compact-toolbar .filter{gap:6px;border-radius:7px;min-height:38px;padding:7px 10px;font-size:11px;white-space:nowrap}
.compact-toolbar .filter small{font-size:10px;color:#858276;font-variant-numeric:tabular-nums}
.compact-toolbar .filter svg{width:13px;height:13px}
.compact-toolbar .filter.active{background:#e9e3d7;color:var(--accent)}
.density-tools{display:flex;gap:12px;align-items:center}
.density-tools .text-button[aria-pressed="true"]{color:var(--accent)}
.density-tools svg{width:14px;height:14px}
.entry-groups{display:grid;gap:17px}
.bookmark-group{border:1px solid #e5e0d6;background:var(--surface);border-radius:16px;padding:13px 15px 12px;box-shadow:0 1px 2px #29231c06}
.bookmark-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 6px 8px;min-height:30px}
.group-title{display:flex;align-items:center;gap:8px}
.group-title h2{font-size:12px;font-weight:600;letter-spacing:.1px;margin:0}
.group-title .group-dot{width:6px;height:6px;border-radius:50%}
.group-title .count-label{font-size:10px;color:#8b877c;margin-left:1px}
.group-intro{font-size:10px;color:#8b877c;letter-spacing:.2px}
.shortcuts-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));column-gap:7px;row-gap:3px}
.shortcut{position:relative;min-width:0;border-radius:7px}
.shortcut-link{min-height:46px;display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:7px}
.shortcut-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:6px}
.shortcut-icon img{object-fit:contain;display:block;width:24px;height:24px}
.letter-mark{display:grid;place-items:center;min-width:26px;height:26px;font-size:15px;font-weight:650;line-height:1;color:var(--brand-color);background:color-mix(in srgb,var(--brand-color) 9%,#fffdf9);border-radius:6px;padding:2px}
.shortcut-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.shortcut-name{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.shortcut-description{display:none;font-size:10px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.shortcut-actions{display:none;align-items:center;justify-content:flex-end;gap:0}
.shortcut-actions .quiet-icon{min-width:32px;min-height:32px;padding:7px;color:#939083}
.shortcut-actions .quiet-icon svg{width:13px;height:13px}
.shortcut-actions .is-pinned{color:var(--accent)}
.with-descriptions .shortcuts-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 11px}
.with-descriptions .shortcut-link{min-height:65px;align-items:flex-start;padding-top:10px}
.with-descriptions .shortcut-icon{margin-top:3px}
.with-descriptions .shortcut-description{display:block}
.managing .shortcut{background:#f7f4ee}
.managing .shortcut-actions{display:flex}
.managing .shortcut-link{padding-bottom:0}
.group-empty{font-size:11px;color:var(--muted);grid-column:1/-1;padding:15px 6px;margin:0}
.results-summary{font-size:11px;color:var(--muted);margin:0 0 14px}
.compact-workspace .widgets-section{margin-top:25px;padding-top:22px}
.compact-workspace .section-heading h2{font-size:14px}
.compact-workspace .widget-grid{gap:16px;grid-template-columns:1fr 1.12fr 1fr;align-items:stretch}
.compact-workspace .widget{border:1px solid #e5e0d6;box-shadow:0 1px 2px #29231c06;border-radius:16px;height:var(--widget-height);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.compact-workspace .widget-todo{border-color:#e6e5db;background:#eeeee5}
.compact-workspace .widget-head{padding:17px 18px 9px}
.compact-workspace .widget-title{font-size:13px}
.compact-workspace .todo-summary{margin-top:0}
.compact-workspace .page-footer{font-size:10px;margin-top:22px}
.compact-workspace .skip-link{left:24px}
#toast{left:50%}
@media(hover:hover){.shortcut-link:hover{background:#f1ede4}.shortcut-link:hover .shortcut-name{color:var(--accent)}.shortcut-actions .quiet-icon:hover{color:var(--accent);background:#eae5da}}
@media(max-width:1150px){.compact-workspace{padding-inline:28px}.shortcuts-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.with-descriptions .shortcuts-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-toolbar{gap:10px}.compact-toolbar .filter{padding-inline:8px}.density-tools{gap:8px}.compact-workspace .widget-grid{grid-template-columns:1fr 1fr}.compact-workspace .widget-stocks{grid-column:1/-1}.compact-workspace .stock-widget-body{min-height:0}.compact-workspace .widget-stocks{min-height:0}.compact-workspace .sparkline{height:32px}}
@media(max-width:850px){.compact-workspace{padding-inline:22px}.compact-welcome{gap:20px}.compact-welcome .search-field{width:290px}.compact-toolbar{align-items:flex-start}.compact-toolbar .filters{gap:2px}.compact-toolbar .filter{font-size:10px;min-height:36px}.density-tools .text-button{font-size:10px;min-height:36px}.density-tools .text-button svg{display:none}.shortcuts-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.group-intro{display:none}.compact-workspace .widget-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .compact-workspace{padding-inline:18px}
  .compact-topbar{min-height:76px;gap:8px}
  .compact-topbar .identity{font-size:14px;gap:8px}.compact-topbar .identity-mark{width:31px;height:31px;line-height:31px;font-size:22px}.compact-topbar .identity small{font-size:9px}
  .header-tools{gap:8px}.header-icon{width:40px;height:40px}
  .compact-welcome{display:block;padding:20px 0 16px}.compact-welcome h1{font-size:27px;margin-top:6px}.compact-welcome .eyebrow{font-size:9px}.compact-welcome .search-field{width:100%;margin-top:17px;height:44px}.compact-welcome .search-field input{font-size:12px}
  .compact-toolbar{display:block;margin-bottom:14px}.compact-toolbar .filters{flex-wrap:nowrap;overflow-x:auto;gap:3px;padding-bottom:5px;margin-right:-18px;padding-right:18px;scrollbar-width:none}.compact-toolbar .filter{flex-shrink:0;min-height:40px;padding:7px 10px;font-size:11px}.compact-toolbar .filter small{font-size:9px}.density-tools{justify-content:flex-end;gap:15px;margin-top:4px}.density-tools .text-button{font-size:10px;min-height:32px}.density-tools .text-button svg{display:block}
  .entry-groups{gap:13px}.bookmark-group{padding:11px 8px 9px;border-radius:13px}.bookmark-group-head{padding:0 7px 7px;min-height:29px}.group-title h2{font-size:12px}
  .shortcuts-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1px;row-gap:0}.shortcut-link{flex-direction:column;justify-content:flex-start;text-align:center;gap:6px;padding:9px 2px;min-height:73px}.shortcut-icon{width:28px;height:28px}.shortcut-copy{align-items:center}.shortcut-name{font-size:10px;line-height:1.5}.shortcut-icon img{width:25px;height:25px}.letter-mark{height:26px;min-width:26px;font-size:15px}
  .with-descriptions .shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.with-descriptions .shortcut-link{flex-direction:row;text-align:left;gap:8px;min-height:73px;padding:8px 5px;align-items:center}.with-descriptions .shortcut-copy{align-items:flex-start}.with-descriptions .shortcut-name{font-size:11px}.with-descriptions .shortcut-description{font-size:9px}.with-descriptions .shortcut-icon{margin-top:0}
  .managing .shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.managing .shortcut-link{padding-bottom:3px}.managing .shortcut-actions{justify-content:center}.managing .quiet-icon{min-width:36px;min-height:36px}.managing.with-descriptions .shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-workspace .widgets-section{margin-top:20px;padding-top:20px}.compact-workspace .widget-grid{grid-template-columns:1fr;gap:14px}.compact-workspace .widget{min-height:0}.compact-workspace .widget-stocks{grid-column:auto}.compact-workspace .widget-title{font-size:14px}.compact-workspace .section-heading h2{font-size:14px}.compact-workspace .page-footer{font-size:9px;gap:7px}
}
@media(max-width:360px){.compact-workspace{padding-inline:14px}.compact-topbar .identity{font-size:13px}.shortcuts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shortcut-name{font-size:11px}.shortcut-link{min-height:75px}.compact-welcome h1{font-size:25px}}

/* Equal widget frames; lists scroll when content grows. */
.compact-workspace .widget-head,.compact-workspace .widget-foot,.compact-workspace .news-tabs,.compact-workspace .todo-summary,.compact-workspace .todo-form{flex-shrink:0}
.compact-workspace .todo-list,.compact-workspace .news-list,.compact-workspace .stock-widget-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.compact-workspace .widget-foot{margin-top:auto}
.compact-workspace .note-content{flex:1;min-height:0}
.compact-workspace .note-content textarea{height:100%;min-height:0;resize:none}

/* Production logo and compact lifecycle labels. */
.compact-topbar .identity-mark{display:block;background:none}
.entry-status{display:inline-block;margin-left:4px;font-size:8px;font-weight:400;color:var(--muted);vertical-align:1px}
#delete-entry{margin-right:auto;color:var(--accent)}
@media(max-width:620px){.entry-status{display:block;margin:2px 0 0}}