/* v0.5 · 参考承影控制台：侧栏负责功能，顶栏负责账本和全局操作。 */
.app-shell{grid-template-columns:232px minmax(0,1fr)}
.sidebar{padding:0 16px 16px;gap:0;top:0;height:100dvh}
.product-brand{min-height:84px;padding:16px 8px;border-bottom:1px solid var(--line);margin-bottom:8px}
.product-brand strong{font-size:21px}.product-brand small{font-size:10px}.design-badge{font-size:9px}
#desktop-nav{padding-bottom:16px}.nav-group-title{display:block;font-size:11px;color:var(--muted);padding:14px 12px 8px;line-height:1.5}
#desktop-nav .nav-group>button{position:relative;min-height:44px;margin:0 0 4px;padding:11px 14px;font-size:14px}
#desktop-nav .nav-group>button.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--brand)}
.nav-subitems{border-left:1px solid var(--line);margin:4px 0 8px 24px;padding-left:12px}
#desktop-nav .nav-subitems>button{min-height:32px;padding:7px 10px;margin:0 0 2px;font-size:12px;font-weight:400}
#desktop-nav .nav-subitems>button.active{color:var(--support);background:var(--accent-purple-soft);font-weight:500}
.console-entry{display:block;width:100%;text-align:left;min-height:44px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);border-radius:0;padding:10px 8px}
.side-note{padding:8px 4px}.side-bottom{padding-top:12px}
.workspace-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;height:84px;min-height:84px;padding:14px 32px;background:var(--panel);border-bottom:1px solid var(--line)}
.topbar-context{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.topbar-mobile-brand{display:none}
.workspace-topbar .ledger-switch{display:flex;align-items:center;gap:10px;width:auto;min-width:190px;max-width:320px;min-height:48px;padding:5px 8px 5px 0;border:0;background:transparent;margin:0;text-align:left}
.workspace-topbar .ledger-symbol{width:32px;height:36px;flex:none}.book-context{min-width:0;display:flex;flex-direction:column;gap:1px}.book-context small{font-size:10px;color:var(--muted);margin:0}.book-context strong{font-size:14px;line-height:1.5;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.book-caret{font-size:12px;color:var(--muted);padding:0 4px;flex:none;margin-left:auto}
.topbar-location{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px;white-space:nowrap}
.workspace-topbar .workspace-controls{display:flex;gap:16px;align-items:center;flex:none;min-width:0}.workspace-topbar .currency-control{font-size:11px;white-space:nowrap;gap:8px}
.workspace-topbar .currency-control>.select-control{display:inline-flex;width:84px}.workspace-topbar .currency-control .control-trigger{font-size:13px;min-height:44px;padding:8px}
.workspace-topbar .status-button{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);font-size:12px;white-space:nowrap}
.workspace-topbar .status-button:hover{background:var(--cy-std-ui-hover)}.status-button .review-dot{display:inline-block;width:5px;height:5px;background:var(--warning);border-radius:50%;flex:none}.workspace-topbar .status-button .icon{width:17px;height:17px}
#topbar-tool-dock{flex:none}#topbar-tool-dock .tool-rail{width:44px;display:flex;border:0;padding:0;margin:0}#topbar-tool-dock .tool-back{display:none}#topbar-tool-dock .tool-theme{background:transparent;border-color:transparent;color:var(--muted)!important}
#topbar-tool-dock .tool-theme:hover{background:var(--cy-std-ui-hover)}
main{padding-top:28px}.view-heading .heading-actions:empty{display:none}
.pie-center{pointer-events:none}.pie-center-value{font-size:26px}.pie-center-total{fill:var(--text);font-size:12px;font-family:inherit;font-weight:500;font-variant-numeric:tabular-nums}.pie-readout{min-height:76px}
.pie-segment[aria-pressed=false]{transform:none;stroke:var(--panel);stroke-width:1}.pie-segment:focus-visible{stroke:var(--cy-std-ui-focus);stroke-width:4}
.review-metrics .metric{padding:16px}.review-metrics .metric>strong{font-size:22px}.review-sync-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.review-sync-note h3{font-size:15px}.review-sync-note p{margin:4px 0 12px}.review-sync-note button{font-size:12px}
@media(min-width:768px){body[data-active-view=reports] #content>.settings-tabs,body[data-active-view=settings] #content>.settings-tabs{display:none}}
@media(max-width:1199px) and (min-width:768px){.app-shell{grid-template-columns:188px minmax(0,1fr)}.sidebar{padding:0 12px 12px}.product-brand{padding-inline:0}.workspace-topbar{padding-inline:24px;gap:12px}.workspace-topbar .ledger-switch{min-width:165px;max-width:230px}.topbar-location{display:none}.workspace-topbar .currency-control>span:not(.select-control){display:none}.workspace-topbar .workspace-controls{gap:10px}}
@media(max-width:767px){
	.app-shell{display:block}.sidebar{display:none}
	.workspace-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 76px;grid-template-rows:44px 44px;gap:4px 8px;height:108px;min-height:108px;padding:8px 20px;align-items:center}
	.topbar-context,.workspace-topbar .workspace-controls{display:contents}
	.topbar-mobile-brand{grid-row:1;grid-column:1;display:flex;align-items:center;gap:8px;min-width:0}.topbar-mobile-brand .product-mark{width:28px;height:32px;font-size:17px;border-radius:7px}.topbar-mobile-brand strong{font-size:18px;white-space:nowrap}
	.workspace-topbar .ledger-switch{grid-row:2;grid-column:1/3;display:flex;min-width:0;max-width:none;width:100%;min-height:44px;height:44px;padding:6px 10px;border:1px solid var(--line);background:var(--bg);border-radius:6px;gap:8px}
	.workspace-topbar .ledger-symbol{width:24px;height:28px;font-size:12px}.book-context small{display:none}.book-context strong{font-size:13px}.book-caret{font-size:11px}.topbar-location{display:none}
	.workspace-topbar .currency-control{grid-row:2;grid-column:3;display:block;width:76px;min-width:0}.workspace-topbar .currency-control>span:not(.select-control){display:none}.workspace-topbar .currency-control>.select-control{display:inline-flex;width:76px}.workspace-topbar .currency-control .control-trigger{padding:8px;gap:6px;font-size:12px}
	.workspace-topbar .status-button{grid-row:1;grid-column:2;min-height:44px;padding:6px;border-color:transparent;font-size:10px;gap:5px}.workspace-topbar .status-button .icon{width:15px;height:15px}.workspace-topbar .review-dot{width:4px;height:4px}
	#topbar-tool-dock{grid-row:1;grid-column:3;justify-self:end}#topbar-tool-dock .tool-theme{border-color:var(--line)}
	main{padding-top:20px}.view-heading{flex-wrap:nowrap;gap:12px;align-items:flex-start}.view-heading>div:first-child{flex-basis:auto;min-width:0}.view-heading .heading-actions{width:auto;flex:none;gap:8px;margin-top:20px}.view-heading .heading-actions>button{font-size:12px;padding:8px 10px}.view-heading .heading-actions>button .icon{width:16px;height:16px}.view-heading .eyebrow{font-size:9px}.view-heading p{font-size:11px}
	.bill-review-panel .metrics-grid.three{grid-template-columns:1fr}.bill-review-panel .metrics-grid.three .metric:last-child{grid-column:auto}.review-metrics .metric>strong{font-size:22px}
	.pie-center-total{font-size:12px}.pie-readout{min-height:74px}
}
@media(max-width:389px){.workspace-topbar{padding-inline:16px;gap:4px 6px}.workspace-topbar .ledger-switch{padding-inline:8px}.workspace-topbar .status-button{font-size:9px;gap:4px}.topbar-mobile-brand strong{font-size:17px}.view-heading .heading-actions>button{padding:8px;font-size:11px}.view-heading .heading-actions>button .icon{width:14px;height:14px}.pie-center-value{font-size:25px}}

.workspace-topbar #book-switch{display:flex}