/* Workspace only. Production disables this sheet while showing the login scene.
   All pages share these dimensions; use --workspace-header-height for panes. */
:root { --workspace-header-height:68px; --workspace-gold:#e1bc62; scrollbar-gutter:stable; }
/* Native skip links must land below the shared sticky header. */
.console-shell > main { scroll-margin-top:calc(var(--workspace-header-height) + 16px); }
.workspace-header,.workspace-command-dialog { box-sizing:border-box; }
.workspace-header { position:sticky; top:0; z-index:50; width:100%; height:var(--workspace-header-height); margin:0; border:0; border-bottom:1px solid #293039; background:#090c11f5; color:#dce3ed; backdrop-filter:blur(16px); font:13px/1.5 Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
.workspace-header *, .workspace-header *::before, .workspace-header *::after, .workspace-command-dialog *, .workspace-command-dialog *::before { box-sizing:border-box; }
.workspace-header-inner { display:grid; grid-template-columns:minmax(144px,1fr) auto minmax(144px,1fr); align-items:stretch; gap:24px; height:100%; max-width:1800px; margin:0 auto; padding:0 32px; }
.workspace-brand { grid-column:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; width:max-content; padding:0; color:inherit; text-decoration:none; }
.workspace-brand img { display:block; width:103px; height:auto; }
.workspace-brand-caption { padding-left:5px; color:#82909f; font:7px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.17em; }
.workspace-nav { grid-column:2; display:flex; align-self:stretch; gap:4px; min-width:0; }
.workspace-nav[hidden] { display:none!important; }
.workspace-nav a[hidden], body[data-workspace-audience="family"] .workspace-nav a:not([data-workspace-link="services"]) { display:none!important; }
body:not([data-workspace-audience="owner"]):not([data-workspace-audience="family"]) .workspace-nav { visibility:hidden; pointer-events:none; }
.workspace-nav a, .workspace-settings { --workspace-mark-inset:13px; --workspace-mark-bottom:-1px; position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 19px; color:#8995a4; text-decoration:none; border:0; border-radius:0; white-space:nowrap; transition:color .14s,background .14s; }
.workspace-nav a { min-width:105px; height:100%; font-size:12px; font-weight:500; letter-spacing:-.01em; }
.workspace-nav-index { color:#606c7a; font:9px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.workspace-nav a:hover, .workspace-settings:hover { color:#f1f1ec; background:#ffffff04; }
.workspace-nav a[aria-current="page"], .workspace-settings[aria-current="page"] { color:#f4dfad; }
.workspace-nav a[aria-current="page"] .workspace-nav-index { color:#aa914f; }
.workspace-active-mark, .workspace-header:not([data-workspace-enhanced]) [aria-current="page"]::after { position:absolute; height:3px; background:var(--workspace-gold); box-shadow:0 -3px 13px #e1bc621f; pointer-events:none; }
.workspace-active-mark { transform-origin:left center; }
.workspace-active-mark[hidden] { display:none; }
.workspace-header:not([data-workspace-enhanced]) [aria-current="page"]::after { content:""; bottom:var(--workspace-mark-bottom); left:var(--workspace-mark-inset); right:var(--workspace-mark-inset); }
body:not([data-workspace-audience="owner"]):not([data-workspace-audience="family"]) .workspace-header [aria-current="page"]::after { display:none; }
.workspace-utilities { grid-column:3; display:flex; align-items:stretch; justify-content:flex-end; gap:15px; min-width:0; }
.workspace-command-button { align-self:center; display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:34px; padding:5px 9px; border:1px solid #29313d; border-radius:3px; color:#9faaba; background:#10161e; font-family:inherit; font-size:11px; line-height:1.5; cursor:pointer; white-space:nowrap; }
.workspace-command-button:hover { border-color:#65707e; color:#e5e9f0; }
.workspace-command-button:disabled { opacity:.35; cursor:default; }
.workspace-command-button kbd { font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#7e8b9c; border-left:1px solid #303945; padding-left:7px; }
.workspace-settings { --workspace-mark-inset:4px; gap:7px; padding:0 8px; font-size:11px; }
.workspace-header :focus-visible, .workspace-command-dialog :focus-visible { outline:2px solid var(--workspace-gold); outline-offset:3px; }
.workspace-command-dialog { position:fixed; inset:15vh 16px auto; width:min(560px,calc(100vw - 32px)); max-height:calc(85dvh - 24px); margin:0 auto; padding:0; overflow:auto; overscroll-behavior:contain; border:1px solid #4e4b3e; border-top:2px solid var(--workspace-gold); border-radius:5px; background:#0d131c; color:#dce3ed; box-shadow:0 28px 110px #000c; color-scheme:dark; font:13px/1.5 Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif; }
.workspace-command-dialog::backdrop { background:#03060bc9; backdrop-filter:blur(4px); }
.workspace-command-heading { display:flex; justify-content:space-between; align-items:center; padding:17px 20px 9px; }
.workspace-command-heading h2 { margin:0; color:#e6e8ed; font-size:13px; font-weight:500; letter-spacing:0; }
.workspace-command-close { display:inline-flex; align-items:center; gap:8px; min-height:32px; padding:0 3px; border:0; background:none; color:#8e9bab; font-family:inherit; font-size:11px; line-height:1.5; cursor:pointer; }
.workspace-command-dialog kbd { display:inline-block; min-width:20px; padding:2px 4px; border:1px solid #354050; border-radius:3px; font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; text-align:center; }
.workspace-command-search-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.workspace-command-query { display:block; width:calc(100% - 40px); height:43px; margin:0 20px; padding:9px 12px; border:1px solid #344252; border-radius:3px; background:#080d14; color:#edf0f3; font-family:inherit; font-size:14px; line-height:1.5; box-shadow:none; }
.workspace-command-query::placeholder { color:#79889a; }
.workspace-command-count { margin:10px 22px 5px; color:#8090a3; font-size:10px; }
.workspace-command-list { display:grid; gap:2px; margin:0; padding:0 10px 10px; list-style:none; }
.workspace-command-list li { margin:0; padding:0; border:0; }
.workspace-command-list a { position:relative; display:grid; grid-template-columns:150px minmax(0,1fr) 14px; align-items:center; gap:8px; min-height:45px; margin:0; padding:9px 12px; border:1px solid transparent; border-radius:3px; color:#dce3ed; background:transparent; text-decoration:none; }
.workspace-command-list a:hover,.workspace-command-list a:focus-visible { background:#192332; color:#f4dfad; }
.workspace-command-title { font-size:12px; font-weight:500; }
.workspace-command-detail { color:#8795a7; font-size:11px; }
.workspace-command-arrow { color:#7d8899; font-size:13px; }
.workspace-command-empty { padding:24px 20px; margin:0; text-align:center; color:#a8b4c3; }
.workspace-command-footer { position:sticky; bottom:0; display:flex; gap:18px; padding:10px 20px; background:#0c1119; border-top:1px solid #28323f; color:#8795a7; font-size:10px; }
.workspace-command-footer span { display:inline-flex; align-items:center; gap:4px; }
.workspace-command-dialog [hidden] { display:none!important; }
@media (max-width:1100px) { .workspace-header-inner { padding:0 22px; gap:15px; grid-template-columns:minmax(116px,1fr) auto minmax(116px,1fr); }.workspace-command-label,.workspace-settings-label { display:none; }.workspace-command-button { gap:5px; }.workspace-utilities { gap:10px; } }
@media (max-width:680px) {
  :root { --workspace-header-height:112px; }
  .workspace-header-inner { grid-template-columns:1fr auto; grid-template-rows:61px 50px; gap:0 12px; padding:0 16px; }
  .workspace-brand { grid-column:1; grid-row:1; }.workspace-brand img { width:93px; }.workspace-brand-caption { font-size:6px; }
  .workspace-utilities { grid-column:2; grid-row:1; gap:10px; }.workspace-command-button { min-width:44px; min-height:44px; padding:6px 10px; }.workspace-command-button kbd { display:none; }
  .workspace-settings { --workspace-mark-inset:9px; --workspace-mark-bottom:0px; min-width:44px; }
  .workspace-nav { grid-column:1 / -1; grid-row:2; justify-content:center; gap:0; border-top:1px solid #202833; }
  .workspace-nav a { --workspace-mark-inset:14px; min-width:0; flex:1; max-width:180px; padding:0 12px; gap:9px; font-size:12px; }
  .workspace-command-dialog { inset:24px 12px auto; width:calc(100vw - 24px); max-height:calc(100dvh - 48px); }
  .workspace-command-query { font-size:16px; }.workspace-command-close { min-height:44px; }
  .workspace-command-list a { grid-template-columns:1fr 14px; gap:3px 8px; min-height:58px; }.workspace-command-detail { grid-column:1; }.workspace-command-arrow { grid-column:2; grid-row:1 / span 2; }
  .workspace-command-footer { gap:12px; padding:10px 16px; }
}
@media (prefers-reduced-motion:reduce) {
  .workspace-header *, .workspace-command-dialog * { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}
