/* Desktop web presentation only. Native apps and narrow screens retain their UI. */
@font-face { font-family: 'Enter Workspace'; src: url('/assets/fonts/PretendardVariable-1.3.9.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
/* A desktop quote keeps its single-dialog flow until it is closed. */
#quoteDialog[data-web-flow="true"][open] { height: min(860px,calc(100dvh - 48px)); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; }
#quoteDialog[data-web-flow="true"] [hidden] { display: none !important; }
#quoteDialog[data-web-flow="true"] .web-quote-steps { display: flex; flex: none; gap: 24px; list-style: none; margin: 0; padding: 18px 24px; border-bottom: 1px solid var(--wp-line,#dce2df); color: var(--muted); background: var(--wp-surface,#fff); }
.web-quote-steps li { padding: 8px 0; font-size: 16px; border-bottom: 2px solid transparent; }
.web-quote-steps [aria-current="step"] { color: var(--wp-accent,#16845b); border-color: currentColor; font-weight: 750; }
#quoteDialog[data-web-flow="true"] .quote-workspace,
#quoteDialog[data-web-flow="true"] .quote-workspace:has(#quoteSelection[open]) { flex: 1; display: block; min-height: 0; padding: 20px 24px; overflow: hidden; }
#quoteDialog[data-web-flow="true"] .quote-products-step:not([hidden]) { height: 100%; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,1fr); gap: 24px; }
#quoteDialog[data-web-flow="true"] .quote-products-step .quote-picker-section { display: flex !important; grid-area: 1 / 1 !important; flex-direction: column; min-width: 0; min-height: 0; height: 100%; }
#quoteDialog[data-web-flow="true"] .quote-product-list { flex: 1; min-height: 0; max-height: none; overflow-y: auto; padding-right: 6px; }
#quoteDialog[data-web-flow="true"] .tx-option { display: grid; grid-template-columns: minmax(0,1fr) 68px; align-items: stretch; }
#quoteDialog[data-web-flow="true"] .tx-inline-qty { position: static; padding: 0; }
#quoteDialog[data-web-flow="true"] .quote-product-category { display: grid; grid-template-columns: minmax(0,1fr); }
#quoteDialog[data-web-flow="true"] .quote-product-category-title { grid-column: 1 / -1; }
#quoteDialog[data-web-flow="true"] .product-pick { min-height: 64px; font-size: 16px; line-height: 1.5; }
#quoteDialog[data-web-flow="true"] .product-pick small { font-size: 14px; }
#quoteDialog[data-web-flow="true"] #webQuoteCartPanel { grid-area: 1 / 2; display: flex; flex-direction: column; min-height: 0; border-left: 1px solid var(--wp-line,#dce2df); padding-left: 24px; }
#webQuoteCartPanel > h3 { display: flex; justify-content: space-between; align-items: center; flex: none; margin: 0 0 16px; font-size: 18px; }
#webQuoteCartPanel > h3 output { font-size: 14px; color: var(--muted); }
#webQuoteCart { min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 12px; }
#quoteDialog[data-web-flow="true"] .assembly-cart-row { min-height: 64px; padding: 10px; gap: 12px; }
#quoteDialog[data-web-flow="true"] .assembly-cart-name { font-size: 16px; line-height: 1.5; }
#quoteDialog[data-web-flow="true"] .assembly-cart-category h4 { font-size: 14px; padding: 10px; }
#quoteDialog[data-web-flow="true"] .assembly-qty { grid-template-columns: 64px 36px; gap: 6px; }
#quoteDialog[data-web-flow="true"] .quote-details-step:not([hidden]) { display: block; height: 100%; overflow-y: auto; padding-right: 6px; }
#quoteDialog[data-web-flow="true"] .quote-workspace .quote-meta-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 24px; margin-bottom: 18px; }
#quoteDialog[data-web-flow="true"] .quote-meta-grid :is(input,textarea) { font-size: 16px; min-height: 44px; }
#quoteDialog[data-web-flow="true"] .quote-meta-grid > .quote-meta-field { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 12px; }
#quoteDialog[data-web-flow="true"] .quote-meta-caption,
#quoteDialog[data-web-flow="true"] .web-quote-field-caption { position: static; display: flex; justify-content: space-between; width: 64px; padding: 0; font-size: 14px; white-space: nowrap; }
#quoteDialog[data-web-flow="true"] .quote-meta-grid > .quote-address-field { grid-column: 1 / -1; grid-row: 2; }
#quoteDialog[data-web-flow="true"] .quote-meta-grid > .quote-notes-inline { grid-column: 1 / -1; grid-row: 3; padding-right: 140px; }
#quoteDialog[data-web-flow="true"] .quote-notes-inline textarea { padding: 10px 12px; height: 44px; resize: vertical; }
#quoteDialog[data-web-flow="true"] #quoteExtraInfo { position: relative; z-index: 1; grid-column: 2; grid-row: 3; width: 124px; min-width: 0; padding: 0; align-self: start; justify-self: end; border: 0; background: transparent; }
#quoteDialog[data-web-flow="true"] #quoteExtraInfo > summary { width: max-content; min-height: 44px; height: auto; display: flex; gap: 8px; margin: 0 0 0 auto; padding: 10px 16px; font-size: 14px; }
#quoteDialog[data-web-flow="true"] #quoteExtraInfo[open] { grid-column: 2; grid-row: 3; width: 124px; }
#quoteDialog[data-web-flow="true"] #webQuoteExtraFields { grid-column: 1 / -1; grid-row: 4; min-width: 0; }
#quoteDialog[data-web-flow="true"] #webQuoteExtraFields .quote-extra-grid { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 0; padding: 16px 0; gap: 12px 24px; border: 0; border-top: 1px solid var(--wp-line); border-radius: 0; background: transparent; }
#quoteDialog[data-web-flow="true"] .quote-extra-grid label:has(.web-quote-field-caption) { display: grid; grid-template-columns: 72px minmax(0,1fr); align-items: center; gap: 12px; }
#quoteDialog[data-web-flow="true"] .quote-extra-section-title { font-size: 14px; }
#quoteDialog[data-web-flow="true"] .quote-meta-field input { padding: 10px 12px; }
#quoteDialog[data-web-flow="true"] .quote-meta-grid label,
#quoteDialog[data-web-flow="true"] .quote-inline-field > span { font-size: 14px; }
#quoteDialog[data-web-flow="true"] #quoteSelection { position: static; width: 100%; max-height: none; }
#quoteDialog[data-web-flow="true"] #quoteItems { max-height: none; overflow: visible; }
#quoteDialog[data-web-flow="true"] #quoteSelection > summary { font-size: 18px; padding: 14px 0; }
#quoteDialog[data-web-flow="true"] .quote-item-group > h4 { font-size: 15px; padding: 10px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-editor { padding: 12px; gap: 14px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-primary-row { grid-template-columns: 160px 20px minmax(150px,1fr) 20px minmax(240px,1.2fr); gap: 12px; }
#quoteDialog[data-web-flow="true"] :is(.quote-bundle-units input,.quote-bundle-control input,.quote-bundle-result-label,.quote-bundle-field-label,.quote-bundle-field-suffix) { font-size: 17px; line-height: 1.4; font-weight: 750; }
#quoteDialog[data-web-flow="true"] :is(.quote-bundle-units input,.quote-bundle-control input) { min-height: 40px; height: 40px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-reference-tools { flex-wrap: wrap; gap: 16px 24px; overflow: visible; padding: 4px 0; }
#quoteDialog[data-web-flow="true"] .quote-bundle-reference-tools .quote-reference-vendor-group { gap: 12px; flex-wrap: wrap; }
#quoteDialog[data-web-flow="true"] .quote-bundle-reference-tools > .quote-reference-vendor-group + .quote-reference-vendor-group { margin-left: 0; padding-left: 24px; }
#quoteDialog[data-web-flow="true"] .quote-reference-vendor-label { font-size: 14px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-reference-tools .quote-reference-chip { min-height: 34px; padding: 6px 12px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-reference-actions { padding-left: 16px; }
#quoteDialog[data-web-flow="true"] .quote-bundle-result-label { white-space: normal; }
#quoteDialog[data-web-flow="true"] .quote-table-head,
#quoteDialog[data-web-flow="true"] .quote-item { grid-template-columns: minmax(0,1fr) 90px 160px 170px 44px; gap: 14px; }
#quoteDialog[data-web-flow="true"] .quote-item { padding: 10px; }
#quoteDialog[data-web-flow="true"] .quote-item-title { font-size: 15px; line-height: 1.5; }
#quoteDialog[data-web-flow="true"] :is(.quote-item-title small,.quote-table-head,.quote-manual-toolbar small,.quote-preview-save-note,.quote-price-mode-option,.quote-reference-chip,.quote-price-reset-button,.quote-price-adjust-button,.quote-individual-subtotal) { font-size: 14px; }
#quoteDialog[data-web-flow="true"] :is(.direct-qty-input,.money-input,.quote-line-total,.quote-manual-name) { font-size: 17px; min-height: 38px; height: 38px; }
#quoteDialog[data-web-flow="true"] .quote-footer { flex: none; padding: 16px 24px; }
#quoteDialog[data-web-flow="true"] .quote-products-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
#quoteDialog[data-web-flow="true"] .quote-products-footer-actions { display: flex; gap: 12px; }
#quoteDialog[data-web-flow="true"] .quote-products-footer-actions { flex: 1; justify-content: space-between; }
#quoteDialog[data-web-flow="true"] #webQuoteCartPanel .quote-cart-summary-row { flex: none; justify-content: space-between; margin-bottom: 14px; }
#quoteDialog[data-web-flow="true"] #webQuoteCartPanel .quote-cart-clear { min-height: 32px; padding: 5px 10px; font-size: 14px; }
#quoteDialog[data-web-flow="true"] .quote-details-footer { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; }
#quoteDialog[data-web-flow="true"] .quote-total-line { justify-self: end; }
#quoteDialog[data-web-flow="true"] :is(.quote-footer button,.quote-preview-footer button,.quote-preview-tools button) { min-height: 48px; padding: 10px 20px; font-size: 16px; width: auto; }
#quoteDialog[data-web-flow="true"] .quote-cart-summary-row strong { font-size: 16px; }
#quoteDialog[data-web-flow="true"] :is(.quote-total-line span,.quote-cart-clear) { font-size: 14px; }
#quoteDialog[data-web-flow="true"] :is(#quoteNextStep,#openQuotePreview,#confirmQuoteRecord) { min-width: 180px; }
#quoteDialog[data-web-flow="true"] #webQuotePreview:not([hidden]) { flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }
#quoteDialog[data-web-flow="true"] .quote-preview-body { flex: 1; display: flex; flex-direction: column; gap: 12px; min-height: 0; padding: 16px 24px; overflow-y: auto; }
#quoteDialog[data-web-flow="true"] .quote-preview-stage { flex: 1; min-height: 120px; overflow: auto; }
#quoteDialog[data-web-flow="true"] .quote-preview-tools { flex: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
#quoteDialog[data-web-flow="true"] .quote-preview-save-note { flex-basis: 100%; text-align: center; line-height: 1.5; }
#quoteDialog[data-web-flow="true"] .quote-preview-zoom { flex: none; align-self: center; background: var(--wp-surface,#fff); color: var(--wp-text,#17171b); border-color: var(--wp-line,#dce2df); }
#quoteDialog[data-web-flow="true"] .quote-preview-zoom button { color: inherit; }
#quoteDialog[data-web-flow="true"] #openQuoteHistory { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 16px; border: 1px solid var(--wp-accent); border-radius: 6px; background: var(--wp-tint); color: var(--wp-accent); font-size: 15px; font-weight: 650; }
#quoteDialog[data-web-flow="true"] .quote-preview-footer { flex: none; display: flex; justify-content: space-between; gap: 24px; padding: 16px 24px; }
#quoteDialog[data-web-flow="true"] :is(.dialog-head,.web-quote-steps,.quote-footer,.quote-preview-footer) { flex-shrink: 0; }
@media (min-width:761px) {
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog) { font-size: 16px; }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog) :is(.filter-chip,.selection-block > summary,.product-category-title,.quote-product-category-title) { font-size: 15px; }
  .workspace-desktop :is(#txDialog,#assemblyDialog) :is(.product-pick,.assembly-product,.assembly-cart-name,.direct-qty-input) { font-size: 16px; }
  .workspace-desktop .web-inventory-tabs button { font-size: 16px; }
  .workspace-desktop #assemblyDialog .operation-dialog-head { grid-template-columns: 44px minmax(80px,1fr) auto; }
  .workspace-desktop #assemblyDialog .operation-dialog-heading { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .workspace-desktop #closeAssemblyDialog { grid-column: 1; grid-row: 1; }
  .workspace-desktop #outboundDraftOption { grid-column: 3; grid-row: 1; }
  .workspace-desktop #outboundDraftOption { display: grid; grid-template-columns: 1fr auto; gap: 6px 10px; width: 100%; height: auto; white-space: normal; }
  .workspace-desktop #outboundDraftOption .outbound-draft-text { justify-self: end; font-size: 15px; color: var(--wp-text); }
}
@media (max-width:1000px) {
  #quoteDialog[data-web-flow="true"] .quote-bundle-primary-row { grid-template-columns: 120px 12px minmax(110px,1fr) 12px minmax(160px,1.2fr); gap: 6px; }
  #quoteDialog[data-web-flow="true"] .quote-table-head,
  #quoteDialog[data-web-flow="true"] .quote-item { grid-template-columns: minmax(0,1fr) 64px 110px 120px 36px; gap: 8px; }
  #quoteDialog[data-web-flow="true"] .quote-products-step:not([hidden]) { grid-template-columns: minmax(0,1fr) minmax(260px,1fr); gap: 16px; }
}
@media (max-width:760px) {
  #quoteDialog[data-web-flow="true"] .quote-products-step:not([hidden]) { grid-template-columns: minmax(0,1fr); overflow-y: auto; }
  #quoteDialog[data-web-flow="true"] .quote-products-step .quote-picker-section { min-height: 260px; }
  #quoteDialog[data-web-flow="true"] #webQuoteCartPanel { min-height: 160px; border-left: 0; padding-left: 0; }
  #quoteDialog[data-web-flow="true"] .quote-details-step { overflow-x: auto; }
  #quoteDialog[data-web-flow="true"] #quoteSelection { min-width: 640px; }
}
.web-portal-header, .web-portal-home, .web-inventory-tabs, .server-navigation .web-server-summary { display: none; }
.web-portal-footer { display: none; }
.web-staff-dialog { width: min(880px,calc(100% - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 0; border: 1px solid var(--wp-line,#dce2df); border-radius: 10px; background: var(--wp-surface,#fff); color: var(--wp-text,#17171b); font-family: inherit; font-size: 15px; line-height: 1.5; }
.web-staff-dialog::backdrop { background: #0007; }
.web-staff-head { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; border-bottom: 1px solid var(--wp-line,#dce2df); }
.web-staff-head h2 { margin: 0; font-size: 22px; }
.web-staff-dialog button { font: inherit; cursor: pointer; color: inherit; background: transparent; border: 1px solid var(--wp-line,#dce2df); border-radius: 6px; padding: 7px 12px; }
.web-staff-dialog button:disabled { cursor: default; opacity: .45; }
.web-staff-body { padding: 20px 24px 26px; }
.web-staff-body > p { margin: 0 0 16px; }
.web-staff-form { display: grid; grid-template-columns: 1fr 2fr 100px auto; gap: 14px; align-items: end; }
.web-staff-form label { display: grid; gap: 6px; }
.web-staff-form input,.web-staff-dialog select { width: 100%; box-sizing: border-box; min-height: 42px; border: 1px solid var(--wp-line,#dce2df); border-radius: 6px; padding: 8px 10px; color: inherit; background: var(--wp-surface,#fff); font: inherit; }
.web-staff-dialog td select { min-width: 96px; }
.web-staff-form button { min-height: 42px; background: var(--wp-accent,#b73532); color: var(--wp-on-accent,#fff); border-color: var(--wp-accent,#b73532); }
.web-staff-body .web-staff-message { margin: 16px 0; color: var(--wp-accent,#16845b); }
.web-staff-table-wrap { overflow: auto; }
.web-staff-dialog table { width: 100%; border-collapse: collapse; text-align: left; }
.web-staff-dialog th,.web-staff-dialog td { padding: 14px 10px; border-bottom: 1px solid var(--wp-line,#dce2df); vertical-align: middle; }
.web-staff-dialog th { white-space: nowrap; font-weight: 600; }
.web-staff-dialog td strong,.web-staff-dialog td small { display: block; }
.web-staff-dialog td small { color: var(--wp-muted,#68726e); overflow-wrap: anywhere; }
.web-staff-dialog td button { white-space: nowrap; margin: 3px; }
@media(max-width:760px) { .web-staff-form { grid-template-columns: 1fr; } .web-staff-body,.web-staff-head { padding: 16px; } }
@media (min-width: 761px) {
  html.workspace-desktop {
    scrollbar-gutter: stable;
    --wp-canvas: #191817; --wp-surface: #222120; --wp-text: #f1eeea;
    --wp-muted: #b6afa6; --wp-line: #45413c; --wp-accent: #e58b82; --wp-tint: #392724;
    --wp-soft: #2c2926; --wp-on-accent: #241715;
    --wp-in-bg: #383532; --wp-in-text: #e0dbd4; --wp-out-bg: #3d3223; --wp-out-text: #d8b578;
    --bg: var(--wp-canvas); --background: var(--wp-canvas); --canvas: var(--wp-canvas);
    --black: var(--wp-canvas); --white: var(--wp-text);
    --card: var(--wp-surface); --paper: var(--wp-surface); --surface: var(--wp-surface);
    --text: var(--wp-text); --foreground: var(--wp-text); --ink: var(--wp-text); --navy: var(--wp-text);
    --muted: var(--wp-muted); --line: var(--wp-line); --blue: var(--wp-accent);
    --accent: var(--wp-accent); --accent-soft: var(--wp-tint);
    --green: var(--wp-accent); --green-dark: var(--wp-accent); --green-soft: var(--wp-tint);
    --surface-soft: var(--wp-soft); --surface-muted: var(--wp-canvas);
    --workspace-surface: var(--wp-surface); --workspace-raised: var(--wp-soft);
    --workspace-line: var(--wp-line); --workspace-soft: var(--wp-soft);
  }
  html.workspace-desktop[data-theme="light"] {
    --wp-canvas: #f5f3ef; --wp-surface: #fff; --wp-text: #292725;
    --wp-muted: #756e66; --wp-line: #dedad4; --wp-accent: #b73532; --wp-tint: #f7eae7;
    --wp-soft: #f1eeea; --wp-on-accent: #fff;
    --wp-in-bg: #eeece8; --wp-in-text: #48433e; --wp-out-bg: #f3eadb; --wp-out-text: #805f2c;
  }
  html.workspace-desktop body { padding: 0 !important; background: var(--wp-canvas) !important; }
  .workspace-desktop .web-portal-header {
    box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 25px;
    max-width: 1480px; margin: 0 auto; padding: 30px 38px 0;
    background: var(--wp-canvas); color: var(--wp-text); border-bottom: 1px solid var(--wp-line);
    font-family: 'Pretendard Variable', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
  }
  .web-portal-header * { box-sizing: border-box; }
  .web-portal-header a { color: inherit; text-decoration: none; }
  .web-portal-header .web-brand { display: flex; align-items: center; gap: 24px; padding: 0 4px; }
  .web-brand-logo { display: grid; width: 88px; height: 88px; flex: none; }
  .web-brand-logo img { grid-area: 1/1; width: 100%; height: 100%; object-fit: contain; }
  .web-brand-logo .web-logo-light { display: none; }
  [data-theme="light"] .web-brand-logo .web-logo-dark { display: none; }
  [data-theme="light"] .web-brand-logo .web-logo-light { display: block; }
  .web-brand-company { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 650; letter-spacing: .16em; color: var(--wp-muted); line-height: 1.3; }
  .web-brand-title { display: block; font-size: 48px; font-weight: 750; letter-spacing: .035em; line-height: 1.15; }
  .web-portal-header .web-primary-nav { display: flex; align-items: stretch; flex-wrap: wrap; gap: 0 28px; width: 100%; order: 3; }
  .web-primary-nav > a, .web-primary-nav > details > summary {
    display: block; padding: 14px 0 17px; font-size: 16px; font-weight: 500; color: var(--wp-muted);
    border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap;
  }
  .web-primary-nav > a[aria-current="page"] { border-color: var(--wp-accent); color: var(--wp-accent); font-weight: 750; box-shadow: inset 0 -1px var(--wp-accent); }
  .web-primary-nav > a:hover { color: var(--wp-accent); }
  .web-primary-nav > .web-nav-disabled { display: block; padding: 14px 0 17px; border-bottom: 2px solid transparent; color: var(--wp-muted); font-size: 16px; opacity: .6; cursor: default; white-space: nowrap; }
  .web-primary-nav details { position: relative; margin-left: auto; }
  .web-primary-nav summary { list-style: none; }
  .web-primary-nav summary::-webkit-details-marker { display: none; }
  .web-more-menu { position: absolute; z-index: 70; top: 100%; right: 0; width: 200px; padding: 10px; border: 1px solid var(--wp-line); border-radius: 8px; background: var(--wp-surface); box-shadow: 0 12px 30px #0002; }
  .web-more-menu a, .web-more-menu span { display: block; padding: 12px; font-size: 14px; color: var(--wp-text); }
  .web-more-menu a:hover { background: var(--wp-tint); }
  .web-more-menu span { color: var(--wp-muted); }
  .web-header-tools { display: flex; gap: 10px; margin-left: auto; }
  .web-header-tools .web-icon {
    display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; padding: 0;
    border: 1px solid var(--wp-line); border-radius: 50%; background: transparent; color: var(--wp-muted); cursor: pointer;
  }
  .web-header-tools .web-icon:hover { color: var(--wp-accent); background: var(--wp-tint); border-color: var(--wp-accent); }
  .web-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .web-portal-header :focus-visible, .web-inventory-tabs :focus-visible { outline: 3px solid var(--wp-accent); outline-offset: 3px; }
  .web-inventory-tabs[data-pointer-focus="true"] :focus-visible { outline: none; }
  .workspace-desktop .portal-shell { display: block; min-height: calc(100svh - 203px); max-width: 1480px; margin: auto; padding: 30px 38px; }
  .workspace-desktop .portal-shell > .portal-brand,
  .workspace-desktop #workspaceApps,
  .workspace-desktop #workspaceAccountActions { display: none !important; }
  .workspace-desktop #workspaceAuthGate { margin: 40px auto; }
  .workspace-desktop .portal-footer { margin-top: 50px; padding-top: 18px; border-top: 1px solid var(--wp-line); text-align: left; }
  .workspace-desktop .portal-footer { display: none; }
  .workspace-desktop .web-portal-footer { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; width: 100%; max-width: 1480px; margin: 36px auto 0; padding: 20px 38px; border-top: 1px solid var(--wp-line); color: var(--wp-muted); font-size: 12px; line-height: 1.5; }
  .workspace-desktop .web-portal-footer a { color: inherit; text-decoration: none; }
  .workspace-desktop .web-portal-footer a:hover { text-decoration: underline; }
  .workspace-desktop .web-portal-footer small { font: inherit; }
  .workspace-desktop .web-portal-home:not([hidden]) { display: block; color: var(--wp-text); }
  .web-home-section-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
  .web-home-section-title h2 { font-size: 18px; margin: 0; font-weight: 650; }
  .web-home-section-title a { color: var(--wp-muted); font-size: 14px; text-decoration: none; }
  .web-home-section-title a:hover { color: var(--wp-accent); }
  .web-today-list { background: var(--wp-surface); }
  .web-today-row { display: grid; grid-template-columns: 90px minmax(0,1fr); padding: 18px; gap: 18px; border-bottom: 1px solid var(--wp-line); font-size: 16px; }
  .web-today-row time { color: var(--wp-muted); font-size: 14px; }
  .web-today-row p { margin: 0; white-space: pre-line; overflow-wrap: anywhere; }
  .web-today-status { padding: 20px 0; color: var(--wp-muted); font-size: 14px; }
  .web-today-status button { color: var(--wp-accent); border: 1px solid var(--wp-line); background: var(--wp-surface); border-radius: 6px; padding: 10px 16px; margin-left: 14px; cursor: pointer; font: inherit; }
  .workspace-desktop .inventory-app-shell { display: block; min-height: 0; }
  .workspace-desktop .inventory-desktop-sidebar,
  .workspace-desktop .inventory-mobile-nav { display: none !important; }
  .workspace-desktop .inventory-app-shell > main { width: 100%; max-width: 1480px; padding: 0 38px 38px; }
  .workspace-desktop .web-inventory-tabs { display: flex; gap: 28px; max-width: 1404px; margin: 20px auto 24px; border-bottom: 1px solid var(--wp-line); }
  .web-inventory-tabs button { background: none; border: 0; border-radius: 0; border-bottom: 2px solid transparent; color: var(--wp-muted); min-height: 52px; padding: 14px 0; font-size: 14px; font-weight: 500; cursor: pointer; }
  .web-inventory-tabs button[aria-pressed="true"] { color: var(--wp-accent); border-bottom-color: var(--wp-accent); font-weight: 650; }
  .workspace-desktop[data-web-inventory="stock"] .web-history-card,
  .workspace-desktop[data-web-inventory="history"] .stock-card { display: none !important; }
  .workspace-desktop .inventory-app-shell .card { border-radius: 8px; box-shadow: none; }
  .workspace-desktop .stock-category-items { grid-template-columns: minmax(0,1fr); gap: 0; }
  .workspace-desktop .stock-item { min-height: 64px; padding: 16px 18px; border: 0; border-bottom: 1px solid var(--wp-line); border-radius: 0; background: var(--wp-surface); }
  .workspace-desktop .stock-item .stock-name { font-size: 16px; font-weight: 500; }
  .workspace-desktop .stock-item .stock-count { font-size: 18px; }
  .workspace-desktop .stock-item,
  .workspace-desktop .stock-price-columns { display: grid; grid-template-columns: minmax(0,1fr) 150px 90px; column-gap: 24px; align-items: center; }
  .workspace-desktop .stock-price-columns { padding: 12px 18px; font-size: 14px; color: var(--wp-muted); border-bottom: 1px solid var(--wp-line); }
  .workspace-desktop .stock-price-columns > :not(:first-child),
  .workspace-desktop .stock-item .stock-count { text-align: right; }
  .workspace-desktop .stock-unit-price { display: block; color: var(--wp-text); font-size: 16px; font-weight: 400; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .workspace-desktop .stock-category-title { padding: 12px 18px; font-size: 14px; color: var(--wp-text); background: var(--wp-soft); }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog) { width: min(1180px,calc(100vw - 76px)) !important; border-radius: 10px !important; border: 1px solid var(--wp-line); }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog) .dialog-head { padding: 14px 20px; }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog) .dialog-head { background: var(--wp-surface); color: var(--wp-text); border-bottom: 1px solid var(--wp-line); }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog) .dialog-head button { color: var(--wp-muted); }
  .workspace-desktop .operation-switch button[aria-pressed="true"] { background: var(--wp-tint); color: var(--wp-accent); }
  html.workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog) .primary:not(:disabled) { background: var(--wp-accent); color: var(--wp-on-accent); }
  html.workspace-desktop :is(.filter-chip.active,.operation-switch button.active,.recent-view-switch button.active,.assembly-category-btn.active,.assembly-config-tab.active) { border-color: var(--wp-accent) !important; background: var(--wp-accent) !important; color: var(--wp-on-accent) !important; box-shadow: none; }
  html.workspace-desktop #openNewProduct { background: var(--wp-accent); color: var(--wp-on-accent); }
  html.workspace-desktop :is(.operation-switch,.product-category-title,.quote-product-category-title) { background: var(--wp-soft); color: var(--wp-text); border-color: var(--wp-line); }
  html.workspace-desktop :is(.product-pick.selected,.assembly-product.selected) { background: var(--wp-tint) !important; color: var(--wp-text) !important; box-shadow: inset 0 0 0 2px var(--wp-accent); }
  html.workspace-desktop .recent-item .tag[data-type="입고"] { background: var(--wp-in-bg); color: var(--wp-in-text); }
  html.workspace-desktop .recent-item .tag[data-type="출고"] { background: var(--wp-out-bg); color: var(--wp-out-text); }
  html.workspace-desktop :is(#txClearSelection,#assemblyClearSelection,#quoteClearCart) { width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 8px; color: var(--wp-muted); border-color: var(--wp-line); background: var(--wp-surface); }
  .workspace-desktop :is(#txDialog,#assemblyDialog,#quoteDialog,#quoteHistoryDialog)::backdrop { background: #0007; backdrop-filter: blur(3px); }
  .workspace-desktop #txForm, .workspace-desktop #assemblyForm { padding: 20px; }
  .workspace-desktop .app-shell { display: block !important; min-height: 0; max-width: 1480px; margin: 0 auto; padding: 0 38px; }
  .workspace-desktop .app-shell > .sidebar { position: static !important; display: block; width: 100%; height: auto; padding: 20px 0 0; border: 0; background: transparent; box-shadow: none; }
  .workspace-desktop .sidebar > :not(.side-nav),
  .workspace-desktop .side-nav > :not(button),
  .workspace-desktop .side-nav .nav-icon,
  .workspace-desktop .side-nav .nav-copy small { display: none !important; }
  .workspace-desktop .sidebar .side-nav { display: flex; gap: 28px; border-bottom: 1px solid var(--wp-line); }
  .workspace-desktop .side-nav .nav-item { display: block; min-height: 52px; padding: 14px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--wp-muted); }
  .workspace-desktop .side-nav .nav-copy { display: block; }
  .workspace-desktop .side-nav .nav-copy b { font-size: 14px; font-weight: 500; }
  .workspace-desktop .side-nav .nav-item.active { border-bottom-color: var(--wp-accent); color: var(--wp-accent); background: transparent; }
  .workspace-desktop .side-nav .nav-item::before { display: none; }
  .workspace-desktop .app-shell > .workspace { padding: 0 0 34px; }
  .workspace-desktop .app-shell :is(.calendar-card,.detail-panel,.sheet-view,.list-view,.people-view) { border: 1px solid var(--wp-line); border-radius: 8px; box-shadow: none; }
  .workspace-desktop .sheet-view > .sheet-view-header { border-radius: 7px 7px 0 0; }
  .workspace-desktop .sheet-view > .sheet-scroll { border-radius: 0 0 7px 7px; }
  .workspace-desktop .live-sheet-compact-header { position: relative; grid-template-columns: minmax(0,1fr) auto auto minmax(0,1fr); grid-template-areas: "status month today categories"; gap: 10px; min-height: 64px; }
  .workspace-desktop .live-sheet-compact-status-group { grid-area: status; align-self: start; margin-top: 8px; }
  .workspace-desktop .live-sheet-embedded-controls > .controls-leading { grid-area: status; align-self: end; margin-bottom: 8px; justify-content: flex-start; }
  .workspace-desktop .live-sheet-compact-categories { grid-area: categories; display: flex; justify-content: flex-end; gap: 12px; padding-right: 46px; }
  .workspace-desktop .live-sheet-compact-categories span { font-size: 14px; }
  .workspace-desktop .live-sheet-compact-refresh { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
  .workspace-desktop .server-shell { width: 100% !important; max-width: 1480px !important; padding: 28px 38px 38px !important; margin: auto; }
  .workspace-desktop .server-header { display: none; }
  .workspace-desktop nav.server-navigation { position: static !important; inset: auto !important; width: calc(100% - 76px) !important; max-width: 1404px; margin: 0 auto; height: auto !important; display: flex; gap: 28px; padding: 20px 0 0 !important; border: 0 !important; border-bottom: 1px solid var(--wp-line) !important; border-radius: 0; background: transparent !important; overflow: visible; box-shadow: none; backdrop-filter: none; }
  .workspace-desktop .server-navigation > :not(a[data-server-page]),
  .workspace-desktop .server-navigation svg { display: none !important; }
  .workspace-desktop .server-navigation a[data-server-page] { display: block; padding: 14px 0; min-height: 52px; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--wp-muted); }
  .workspace-desktop .server-navigation a[data-server-page] span { font-size: 14px; font-weight: 500; }
  .workspace-desktop .server-navigation a[aria-current="page"] { border-color: var(--wp-accent); color: var(--wp-accent); }
  .workspace-desktop .server-navigation a::before, .workspace-desktop .server-navigation a::after { display: none !important; }
  .workspace-desktop .server-content { margin-top: 0; }
  .workspace-desktop .overview-card, .workspace-desktop .server-panel { border-radius: 8px; }
  .workspace-desktop .steam-store-title { font-size: 16px; }
}
@media (min-width:761px) and (max-width:1000px) {
  .workspace-desktop .web-portal-header { padding: 24px 24px 0; gap: 20px; }
  .web-brand-title { font-size: 40px; }
  .web-brand-logo { width: 76px; height: 76px; }
  .workspace-desktop .portal-shell, .workspace-desktop .inventory-app-shell > main { padding-left: 24px; padding-right: 24px; }
  .workspace-desktop .app-shell { padding: 0 24px; }
  .workspace-desktop .server-shell { padding-left: 24px !important; padding-right: 24px !important; }
  .workspace-desktop nav.server-navigation { width: calc(100% - 48px) !important; }
}
/* The home dashboard shares the desktop portal palette and content edges. */
@media (min-width:761px) {
  .workspace-desktop .portal-shell { justify-items: stretch; }
  .workspace-desktop .web-portal-home { width: 100%; }
  .web-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin-bottom: 24px; }
  .web-summary-card { min-width: 0; display: flex; flex-direction: column; padding: 22px 24px; border: 1px solid var(--wp-line); border-radius: 8px; background: var(--wp-surface); color: var(--wp-text); text-decoration: none; }
  a.web-summary-card:hover { border-color: var(--wp-accent); background: var(--wp-tint); }
  .web-summary-title { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 18px; font-weight: 650; }
  .web-summary-title > span { color: var(--wp-muted); }
  .web-summary-caption { margin-top: 24px; font-size: 14px; color: var(--wp-muted); }
  .web-summary-card > strong { margin: 5px 0 10px; font-size: 32px; line-height: 1.3; letter-spacing: -.5px; font-weight: 700; color: var(--wp-text); }
  .web-summary-card > small { font-size: 14px; line-height: 1.5; color: var(--wp-muted); }
  .web-summary-planned { background: transparent; border-style: dashed; }
  .web-summary-planned > strong { color: var(--wp-muted); font-size: 28px; }
  .web-planned-badge { font-size: 12px; font-weight: 500; padding: 3px 8px; border: 1px solid var(--wp-line); border-radius: 4px; }
  .web-dashboard-columns { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); grid-template-rows: minmax(400px,auto) auto; gap: 24px; align-items: stretch; }
  .web-dashboard-stock { display: flex; flex-direction: column; contain: size; min-height: 0; }
  #webStockAttention { flex: 1 1 0px; height: 0; min-height: 0; overflow: hidden; }
  #webStockAttention > [hidden] { display: none; }
  .web-stock-head,.web-stock-row { display: grid; grid-template-columns: minmax(74px,.65fr) minmax(0,1.5fr) 48px 48px; gap: 12px; align-items: center; }
  .web-stock-head { padding: 0 0 10px; border-bottom: 1px solid var(--wp-line); font-size: 12px; color: var(--wp-muted); }
  .web-stock-head > :nth-child(n+3),.web-stock-current,.web-stock-baseline { text-align: right; font-variant-numeric: tabular-nums; }
  .web-stock-row { min-height: 49px; padding: 10px 0; border-bottom: 1px solid var(--wp-line); font-size: 14px; line-height: 1.5; }
  .web-stock-maker { color: var(--wp-muted); overflow-wrap: anywhere; }
  .web-stock-model { min-width: 0; font-size: 15px; font-weight: 550; overflow-wrap: anywhere; }
  .web-stock-row[data-tone="attention"] .web-stock-current { color: #e5a74d; }
  html[data-theme="light"] .web-stock-row[data-tone="attention"] .web-stock-current { color: #986015; }
  #webStockAttention:focus-visible { outline: 2px solid var(--wp-accent); outline-offset: 4px; }
  #webTodayList { max-height: 260px; overflow-y: auto; scrollbar-width: thin; }
  #webTodayList:focus-visible { outline: 2px solid var(--wp-accent); outline-offset: 4px; }
  .web-recent-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; min-height: 58px; box-sizing: border-box; border-bottom: 1px solid var(--wp-line); color: var(--wp-text); text-decoration: none; }
  .web-recent-row:hover { background: var(--wp-tint); }
  .web-recent-row:focus-visible { outline: 2px solid var(--wp-accent); outline-offset: 2px; }
  .web-recent-tag { flex: 0 0 44px; text-align: center; padding: 5px 0; border-radius: 5px; font-size: 13px; font-weight: 650; background: var(--wp-tint); color: var(--wp-accent); }
  .web-recent-tag[data-type="입고"] { background: var(--wp-in-bg); color: var(--wp-in-text); }
  .web-recent-tag[data-type="출고"] { background: var(--wp-out-bg); color: var(--wp-out-text); }
  .web-recent-content { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; line-height: 1.4; }
  .web-recent-content > strong { font-size: 15px; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .web-recent-content > span { font-size: 12px; color: var(--wp-muted); overflow-wrap: anywhere; }
  .web-recent-delta { flex-shrink: 0; font-size: 15px; font-variant-numeric: tabular-nums; }
  .web-dashboard-panel { min-width: 0; padding: 24px; border: 1px solid var(--wp-line); border-radius: 8px; background: var(--wp-surface); }
  .web-dashboard-panel .web-home-section-title { margin: -24px -24px 18px; padding: 16px 20px; min-height: 68px; box-sizing: border-box; gap: 10px; flex-wrap: wrap; border-bottom: 1px solid var(--wp-line); border-radius: 7px 7px 0 0; background: var(--wp-surface); }
  .web-dashboard-panel .web-home-section-title h2 { margin: 0; font-size: 18px; display: flex; align-items: center; gap: 10px; white-space: nowrap; }
  .web-heading-group { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-width: 0; }
  .web-heading-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: var(--wp-soft); color: var(--wp-text); flex-shrink: 0; }
  .web-heading-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .web-heading-badge { display: inline-block; padding: 3px 9px; border: 1px solid var(--wp-line); border-radius: 999px; background: var(--wp-surface); color: var(--wp-text); font-size: 13px; line-height: 20px; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
  .web-heading-badge[data-tone="attention"] { color: var(--wp-text); }
  .web-dashboard-panel .web-home-section-title a { font-size: 14px; white-space: nowrap; }
  .web-dashboard-panel .web-today-row { padding: 16px 0; grid-template-columns: 76px minmax(0,1fr); }
  .web-dashboard-panel .web-today-status { padding: 16px 0 0; line-height: 1.6; }
  .web-dashboard-row { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px 16px; padding: 13px 0; border-bottom: 1px solid var(--wp-line); line-height: 1.5; }
  .web-dashboard-row > strong { font-size: 15px; font-weight: 550; overflow-wrap: anywhere; }
  .web-dashboard-row > span { font-size: 14px; color: var(--wp-muted); }
  .web-dashboard-note { font-size: 13px; color: var(--wp-muted); line-height: 1.6; margin: 16px 0 0; }
  #webServerSummary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; --monitor-green: #229e76; --monitor-amber: #dc952c; --monitor-red: #e36468; --monitor-blue: #5495df; --monitor-muted: #6d7989; --monitor-unknown: #abb4c1; }
  .web-monitor-chart { min-width: 0; display: flex; align-items: center; flex-direction: column; gap: 12px; color: var(--wp-text); text-decoration: none; border: 1px solid var(--wp-line); border-radius: 8px; padding: 14px 8px; background: var(--wp-surface); }
  .web-monitor-chart:hover { background: var(--wp-tint); }
  .web-monitor-chart:focus-visible { outline: 2px solid var(--wp-accent); outline-offset: 2px; }
  .web-monitor-title { font-size: 15px; font-weight: 650; white-space: nowrap; }
  .web-monitor-ring { position: relative; display: block; width: min(100%,112px); aspect-ratio: 1; flex-shrink: 0; border-radius: 50%; background: var(--wp-line); }
  .web-monitor-center { position: absolute; inset: 12%; border-radius: 50%; background: var(--wp-surface); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; }
  .web-monitor-center > strong { font-size: clamp(20px,2.3vw,30px); line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; }
  .web-monitor-center > small { font-size: 12px; color: var(--wp-muted); white-space: nowrap; }
  .web-monitor-chart[data-unavailable="true"] .web-monitor-center > strong { font-size: 13px; line-height: 1.4; color: var(--wp-muted); text-align: center; word-break: keep-all; }
  .web-monitor-legend { display: flex; flex-direction: column; gap: 5px; max-width: 100%; font-size: 13px; color: var(--wp-muted); line-height: 1.45; text-align: center; word-break: keep-all; }
  .web-monitor-key { display: flex; align-items: center; gap: 5px; text-align: left; }
  .web-monitor-key > i { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
  .web-summary-card[data-tone="attention"] > small, .web-dashboard-row[data-tone="attention"] > span { color: #e5a74d; }
  html[data-theme="light"] .web-summary-card[data-tone="attention"] > small,
  html[data-theme="light"] .web-dashboard-row[data-tone="attention"] > span { color: #986015; }
  .web-summary-card:focus-visible { outline: 2px solid var(--wp-accent); outline-offset: 4px; }
}
/* Public policy content stays unchanged; presentation follows the portal. */
html.privacy-page { --bg: #191817; --surface: #222120; --text: #f1eeea; --muted: #b6afa6; --line: #45413c; --accent: #e58b82; --accent-soft: #392724; --link: #e58b82; }
html.privacy-page[data-theme="light"] { --bg: #f5f3ef; --surface: #fff; --text: #292725; --muted: #756e66; --line: #dedad4; --accent: #b73532; --accent-soft: #f7eae7; --link: #b73532; }
.privacy-page :is(.hero,.policy-section) { border-radius: 8px; }
.privacy-page .web-portal-header a { text-decoration: none; }
@media (min-width:761px) {
  .privacy-page.workspace-desktop body { font-family: 'Enter Workspace',sans-serif; }
  .privacy-page.workspace-desktop .page { width: 100%; max-width: 1480px; padding: 30px 38px 0; }
  .privacy-page.workspace-desktop .topbar { display: none; }
  .privacy-page.workspace-desktop :is(.hero,.policy-section) { padding: 28px 32px; }
  .privacy-page.workspace-desktop h1 { font-size: 32px; }
  .privacy-page.workspace-desktop .effective { color: var(--muted); background: var(--wp-soft); border: 1px solid var(--line); }
}
@media (min-width:761px) and (max-width:1100px) {
  .web-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .web-dashboard-columns { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
}
/* All desktop section menus use content-width tabs, never stretched columns. */
@media (min-width:761px) {
  .workspace-desktop .web-portal-header { font-family: 'Enter Workspace', sans-serif; line-height: 1.5; }
  .workspace-desktop .web-portal-header { font-family: 'Enter Workspace', sans-serif; line-height: 1.5; }
  .workspace-desktop .web-primary-nav > a,
  .workspace-desktop .web-primary-nav > .web-nav-disabled { font-family: 'Enter Workspace', sans-serif; font-size: 16px; line-height: 24px; }
  .workspace-desktop :is(.web-inventory-tabs,.sidebar .side-nav,nav.server-navigation) {
    display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;
    gap: 0 28px; padding-top: 0 !important; margin-top: 20px; margin-bottom: 24px;
  }
  .workspace-desktop :is(.web-inventory-tabs > button,.sidebar .side-nav > .nav-item,.server-navigation > a[data-server-page]) {
    flex: 0 0 auto; width: auto; min-width: 0; min-height: 52px; height: auto;
    margin: 0; padding: 14px 0; line-height: 22px; text-align: left; font-size: 16px;
  }
  .workspace-desktop .sidebar .side-nav .nav-copy { width: auto; min-width: 0; }
  .workspace-desktop .side-nav .nav-copy b,
  .workspace-desktop .server-navigation a[data-server-page] span { font-size: 16px; line-height: 22px; }
  .workspace-desktop :is(.web-inventory-tabs > button,.sidebar .side-nav > .nav-item,.server-navigation > a[data-server-page]),
  .workspace-desktop .side-nav .nav-copy b,
  .workspace-desktop .server-navigation a[data-server-page] span { font-family: 'Enter Workspace', sans-serif !important; font-weight: 500; }
  .workspace-desktop .web-inventory-tabs > button[aria-pressed="true"],
  .workspace-desktop .side-nav .nav-item.active .nav-copy b,
  .workspace-desktop .server-navigation a[aria-current="page"] span { font-weight: 650; }
  .workspace-desktop .server-navigation a[data-server-page] span { display: block; }
  .workspace-desktop .app-shell > .sidebar { padding-top: 0; }
  html.workspace-desktop nav.server-navigation > a[data-server-page],
  html.workspace-desktop nav.server-navigation > a[data-server-page]:is(:hover,:active,[aria-current="page"]) {
    background: transparent; box-shadow: none;
  }
  html.workspace-desktop nav.server-navigation > a[data-server-page]:hover {
    border-color: transparent; color: var(--wp-accent);
  }
  html.workspace-desktop nav.server-navigation > a[data-server-page][aria-current="page"] {
    border-color: var(--wp-accent); color: var(--wp-accent);
  }
}