/* Organize console functions by area, with a compact menu on phones. */
.has-console-navigation{display:grid;grid-template-columns:232px minmax(0,1fr);align-items:start;gap:36px;width:min(1504px,calc(100% - 64px));margin-inline:auto}
.console-sidebar{position:sticky;top:20px;padding-block:28px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}
.console-sidebar .console-role{padding:0 0 24px;gap:10px;align-items:flex-start}
.console-sidebar .role-badge{font-size:.8125rem;line-height:1.5;max-width:100%}
.console-menu>summary{display:none}
.console-nav{display:flex;flex-direction:column;gap:6px}
.console-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;border-radius:4px;color:var(--primary);font-size:1rem;font-weight:700;cursor:pointer;list-style:none}
.console-nav-group>summary::-webkit-details-marker,.console-menu>summary::-webkit-details-marker{display:none}
.console-nav-group>summary>span,.console-menu>summary>span{display:inline-block;line-height:1;flex-shrink:0;font-size:1.35rem}
.console-nav-group[open]>summary>span,.console-menu[open]>summary>span{transform:rotate(180deg)}
.console-nav-group.active>summary{background:var(--line)}
.console-nav-group>ul{list-style:none;margin:6px 0 12px 12px;padding:0 0 0 12px;border-left:1px solid var(--line)}
.console-nav-group a{display:flex;align-items:center;min-height:46px;padding:9px 12px;font-size:.9375rem;line-height:1.5;text-decoration:none;border-radius:4px;overflow-wrap:anywhere}
.console-nav-group a:hover{background:var(--surface);text-decoration:underline}
.console-nav-group a[aria-current=page]{color:var(--on-primary);background:var(--primary);font-weight:700}
.has-console-navigation>.staff-main{width:100%;min-width:0;margin:0;padding-block:32px 48px}
.staff-product-heading{flex-wrap:wrap;align-items:flex-start}
.staff-product-actions{display:flex;justify-content:flex-end;align-items:stretch;gap:12px;flex-wrap:wrap;margin-left:auto;max-width:100%}
.staff-product-actions .button{max-width:100%;white-space:normal;gap:10px}
.staff-main .section-heading>div{min-width:0}
.staff-main>.staff-footer{width:100%;margin-top:36px}
.staff-main .panel,.staff-main .card,.staff-main .staff-edit-layout>*{min-width:0;max-width:100%}
.staff-main .button.button-danger{background:#9d2a38;border-color:#9d2a38;color:#fff}
.staff-main .button.button-danger:hover{background:#862330}
.staff-main .staff-page-heading,.staff-main .section-heading{flex-wrap:wrap}
.staff-main .staff-page-heading>div,.staff-main .section-heading>div{min-width:0;max-width:100%}
.staff-main .staff-page-heading>.button,.staff-main .section-heading>.button{max-width:100%;white-space:normal}
.staff-main input[type=file]{width:100%;min-width:0;overflow:hidden}
.staff-main .table-scroll,.staff-main .table-wrap{min-width:0;scrollbar-gutter:stable}
.staff-main .table-scroll:focus-visible,.staff-main .table-wrap:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.inventory-search-row{display:flex;align-items:flex-end;gap:14px}
.inventory-search-row>.field{flex:1;min-width:0}
.inventory-search-row>.button,.inventory-search-row>.plain-button{flex-shrink:0}
.inventory-filters{margin-top:12px;border-top:1px solid var(--line);padding-top:4px}
.inventory-filters>summary,.inventory-bulk-tools>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;color:var(--primary);font-size:.9375rem;font-weight:600;list-style:none}
.inventory-filters>summary::-webkit-details-marker,.inventory-bulk-tools>summary::-webkit-details-marker{display:none}
.inventory-filters>summary::after,.inventory-bulk-tools>summary::after{content:'⌄';font-size:1.25rem}
.inventory-filters[open]>summary::after,.inventory-bulk-tools[open]>summary::after{transform:rotate(180deg)}
.staff-filters .inventory-filters .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:12px 0 4px}
.inventory-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.inventory-bulk-tools{margin-top:8px;border-top:1px solid var(--line);padding-top:4px}
.inventory-bulk-tools .bulk-controls{margin-top:12px}
.inventory-bulk-tools .help-text{margin-bottom:14px}
@media(min-width:1000px){
  /* The header owns its row; neither scroll pane can extend below the window. */
  .console-body{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}
  .console-body>.staff-header{position:relative;z-index:50}
  .console-body .staff-header.has-global-search>.content-width{width:calc(100% - 48px);max-width:none;min-height:80px;grid-template-columns:224px minmax(220px,1fr) auto;gap:24px;padding-block:12px}
  .console-body .staff-header .brand-mark-staff{flex-wrap:nowrap;gap:8px}
  .console-body .has-global-search .staff-account{grid-column:auto;grid-row:auto;gap:14px;max-width:none;font-size:.8125rem}
  .console-body .has-global-search .staff-account>span{max-width:110px}
  .console-body .console-search{grid-column:auto;grid-row:auto;max-width:640px}
  .console-body .has-console-navigation{width:100%;max-width:none;height:100%;min-height:0;grid-template-columns:248px minmax(0,1fr);gap:0;margin:0}
  .console-body .console-sidebar{position:static;display:flex;flex-direction:column;min-height:0;height:100%;max-height:none;padding:22px 12px 12px 20px;border-right:1px solid var(--line);overflow:hidden}
  .console-body .console-sidebar .console-role{flex-shrink:0;gap:8px;padding:0 8px 18px}
  .console-body .console-sidebar .role-badge{font-size:.75rem;padding:6px 10px}
  .console-body .console-menu{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--primary) var(--ivory);scroll-padding-block:8px;padding:3px 5px 20px 3px}
  .console-body .console-menu::-webkit-scrollbar{width:8px}
  .console-body .console-menu::-webkit-scrollbar-track{background:var(--ivory)}
  .console-body .console-menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px;border:2px solid var(--ivory)}
  .console-body .console-nav{gap:4px}
  .console-body .console-nav-group>summary{min-height:44px;font-size:.9375rem;padding:10px}
  .console-body .console-nav-group>ul{margin:4px 0 8px 10px;padding-left:10px}
  .console-body .console-nav-group a{min-height:44px;padding:8px 10px;font-size:.875rem}
  .console-body .console-nav-group>summary:focus-visible,.console-body .console-nav-group a:focus-visible{outline-offset:-3px}
  .console-body .has-console-navigation>.staff-main{min-height:0;height:100%;width:100%;padding:26px 28px 18px;overflow:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:24px}
  .console-body .staff-main h1{font-size:clamp(1.875rem,2.3vw,2.375rem);line-height:1.25;margin-bottom:12px}
  .console-body .staff-main h2{font-size:1.625rem}
  .console-body .staff-main .panel,.console-body .staff-main .card{padding:22px;margin-bottom:20px}
  .console-body .staff-page-heading,.console-body .staff-main .section-heading{gap:16px;margin-bottom:20px}
  .console-body .quick-actions{gap:8px 20px;margin-bottom:18px}
  .console-body .quick-actions a{min-height:36px}
  .console-body .staff-product-actions{gap:10px;margin-left:auto;align-items:center}
  .console-body .staff-product-actions .button{min-height:46px;padding:10px 16px;font-size:.9375rem}
  .console-body .staff-filters label{font-size:.875rem}
  .console-body .staff-filters input,.console-body .staff-filters select{min-height:44px;padding:9px 12px}
  .console-body .staff-filters .button{min-height:44px;padding:10px 16px}
  .console-body .staff-filters:has(.inventory-filters:not([open])){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px}
  .console-body .inventory-filters:not([open]){margin:0;padding:0;border:0}
  .console-body .inventory-filters:not([open])>summary{gap:20px;padding-inline:8px}
  .console-body .staff-main .bulk-panel{padding:14px 20px;background:var(--surface)}
  .console-body .staff-main .staff-edit-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}
  .console-body .staff-main .form-panel>.field{margin-bottom:20px}
  .console-body .staff-main .table-scroll th,.console-body .staff-main .table-wrap th{padding:12px 14px;line-height:1.45}
  .console-body .staff-main .table-scroll td,.console-body .staff-main .table-wrap td{padding:12px 14px;line-height:1.45}
  .console-body .staff-main .product-cell{gap:12px;min-width:210px}
  .console-body .staff-main>.staff-footer{padding-block:18px;margin-top:32px}
}
@media(min-width:1200px){
  .console-body .bulk-panel:has(.inventory-bulk-tools:not([open])){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
  .console-body .inventory-bulk-tools:not([open]){margin:0;padding:0;border:0}
  .console-body .inventory-bulk-tools:not([open])>summary{gap:20px}
}
@media(min-width:1000px) and (max-width:1199px){
  .console-body .staff-header.has-global-search>.content-width{grid-template-columns:210px minmax(200px,1fr) auto;gap:18px;width:calc(100% - 36px)}
  .console-body .has-global-search .staff-account{gap:12px}
  .console-body .has-global-search .staff-account>span{display:inline;max-width:90px}
  .console-body .staff-header .staff-label{display:none}
  .console-body .has-console-navigation{grid-template-columns:224px minmax(0,1fr)}
  .console-body .has-console-navigation>.staff-main{padding-inline:22px}
  .console-body .console-sidebar{padding-left:14px;padding-right:8px}
  .console-body .staff-main .staff-edit-layout{grid-template-columns:minmax(0,1fr)}
  .console-body .console-search-popup{width:max(100%,420px)}
}
@media(min-width:1000px) and (max-width:1250px){.has-console-navigation{grid-template-columns:210px minmax(0,1fr);gap:28px;width:calc(100% - 48px)}.has-console-navigation .staff-edit-layout{grid-template-columns:1fr}.staff-product-actions{margin-left:0;justify-content:flex-start}}
@media(max-width:999px){
  .has-console-navigation{display:block;width:calc(100% - 48px)}
  .console-sidebar{position:static;max-height:none;overflow:visible;padding-block:20px 0}
  .console-sidebar .console-role{padding-bottom:14px;align-items:center}
  .console-menu{border:1px solid var(--line);border-radius:5px;background:var(--surface)}
  .console-menu>summary{display:flex;align-items:center;justify-content:space-between;min-height:54px;gap:14px;padding:13px 16px;color:var(--primary);font-size:1rem;font-weight:700;list-style:none;cursor:pointer}
  .console-nav{padding:4px 12px 12px;border-top:1px solid var(--line)}
  .console-nav-group>summary{min-height:48px}
  .has-console-navigation>.staff-main{padding-top:26px}
}
@media(max-width:600px){
  .has-console-navigation{width:calc(100% - 40px)}
  .console-sidebar .console-role{align-items:flex-start;gap:8px 12px}
  .staff-product-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-top:18px;margin-left:0}
  .staff-product-actions .button{width:100%;min-height:54px;padding-inline:16px}
  .staff-main .section-heading{flex-direction:column;align-items:stretch;gap:16px}
  .staff-main .section-heading h1{margin-bottom:0}
  .staff-main .section-heading>.button{width:100%;max-width:100%}
  .inventory-search-row{flex-wrap:wrap;gap:10px}
  .inventory-search-row>.field{flex-basis:100%}
  .staff-filters .inventory-filters .filter-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){.has-console-navigation{width:calc(100% - 32px)}}
@media print{.console-sidebar{display:none}.console-body{display:block;height:auto;overflow:visible}.console-body .has-console-navigation{display:block;width:100%;height:auto}.console-body .has-console-navigation>.staff-main{height:auto;overflow:visible}.has-console-navigation{display:block;width:100%}}
.pdf-title-value{overflow-wrap:anywhere}