/* BN663 - App design layer: one set of tokens (Inter, neutral surfaces, green reserved for the main action and the current page),
   a lighter sidebar, calmer cards. Loaded last; styling only. Motion: colour fades only (emil: navigation is high-frequency). */
:root{--a-bg:#f5f6f8;--a-surface:#fff;--a-line:#e6e8ec;--a-line2:#d6dae1;--a-ink:#0f172a;--a-soft:#5b6576;--a-mute:#8a93a3;--a-green:#15803d;--a-green-d:#14532d;--a-green-t:#ecfdf3;--a-r:14px;--a-r-s:10px;--a-sh:0 1px 2px rgba(15,23,42,.05),0 1px 1px rgba(15,23,42,.03)}
body{background:var(--a-bg);color:var(--a-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
h1,h2,h3{letter-spacing:-.02em}
/* ---------- sidebar ---------- */
body aside.bn-sidebar{background:var(--a-surface);border-right:1px solid var(--a-line);box-shadow:none}
body .bn-sidebar-brand{padding:16px 16px 12px;border-bottom:0}
body .bn-sidebar-logo img{width:34px;height:34px;border-radius:9px}
body .bn-sidebar-title{font-size:18px;font-weight:800;letter-spacing:-.02em}
body .bn-sidebar-sub{font-size:11.5px;color:var(--a-mute);font-weight:500}
/* menu mode: a compact switch */
body .bn-sidebar-mode-panel{margin:0 14px 8px;padding:0;background:transparent;border:0;box-shadow:none}
body .bn-sidebar-mode-head{display:none}
body .bn-sidebar-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;background:#f1f3f6;border-radius:10px;border:1px solid var(--a-line)}
body .bn-sidebar-mode-tabs button{min-height:30px;border:0;border-radius:8px;background:transparent;font-size:12.5px;font-weight:600;color:var(--a-soft);box-shadow:none}
body .bn-sidebar-mode-tabs button.is-active{background:#fff;color:var(--a-ink);box-shadow:0 1px 2px rgba(15,23,42,.1)}
/* favorites only when something is pinned */
body .bn-sidebar-favorites:has(.bn-sidebar-favorites__empty){display:none}
body .bn-sidebar-favorites{margin:0 14px 8px;padding:10px;background:#fafbfc;border:1px solid var(--a-line);border-radius:12px;box-shadow:none}
/* navigation */
body nav.bn-menu{padding:4px 10px 12px}
body .bn-menu-label{font-size:11px;letter-spacing:.08em;color:var(--a-mute);font-weight:700;margin:14px 8px 4px;text-transform:uppercase}
body .bn-menu-btn{min-height:38px;border-radius:9px;padding:0 10px;font-size:14px;font-weight:600;color:var(--a-ink);background:transparent;border:0}
body .bn-menu-group.active>.bn-menu-btn{background:transparent;color:var(--a-ink)}
body .bn-menu-btn .bn-menu-left svg,body .bn-menu-btn .bn-menu-left span:first-child{color:var(--a-soft)}
body .bn-submenu{border-left:0!important;margin:2px 0 6px 0;padding-left:0}
body .bn-submenu a{min-height:34px;border-radius:8px;padding:0 10px 0 38px;font-size:13.5px;font-weight:500;color:var(--a-soft);display:flex;align-items:center;justify-content:space-between;transition:background-color 120ms ease,color 120ms ease}
body .bn-submenu a.active,body .bn-submenu a[aria-current="page"],body .bn-submenu a.is-active{background:var(--a-green-t);color:var(--a-green-d);font-weight:600}
body .bn-sidebar-pin-action{opacity:.25;font-size:12px;color:var(--a-mute);background:transparent;border:0}
@media (hover:hover) and (pointer:fine){body .bn-submenu a:hover{background:#f3f5f8;color:var(--a-ink)}body .bn-sidebar-pin-action{opacity:0}body .bn-submenu a:hover .bn-sidebar-pin-action{opacity:.6}}
/* account: name plus quiet links */
body .bn-sidebar-user{border-top:1px solid var(--a-line);padding:12px 14px;background:var(--a-surface)}
body .bn-user-mini{border:0;background:transparent;padding:0 0 8px;box-shadow:none}
body .bn-user-avatar{width:34px;height:34px;border-radius:50%;font-size:13px}
body .bn-user-name{font-size:14px;font-weight:700}
body .bn-user-role{font-size:12px;color:var(--a-mute)}
body .bn-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px}
body .bn-user-actions a{min-height:34px;border-radius:8px;background:transparent!important;border:1px solid var(--a-line)!important;color:var(--a-soft)!important;font-size:13px;font-weight:600;box-shadow:none!important;display:flex;align-items:center;justify-content:center}
body .bn-user-actions a.bn-logout{color:var(--a-soft)!important}
@media (hover:hover) and (pointer:fine){body .bn-user-actions a:hover{background:#f3f5f8!important;color:var(--a-ink)!important}}
/* ---------- top bar ---------- */
body header.bn-topbar{background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--a-line);box-shadow:none}
body .bn-title-area h1,body .bn-title-area .bn-page-title{font-size:17px;font-weight:700}
body .bn-top-actions input[type=search],body .bn-smart-search input{min-height:40px;border-radius:10px;background:#f5f6f8;border:1px solid var(--a-line);font-size:14px}
/* ---------- surfaces ---------- */
body main.bn-content{background:var(--a-bg)}
body .bn-card,body .gl-card,body .gl-kpi,body .bn-page-hero,body .bn-panel,body .card{background:var(--a-surface);border:1px solid var(--a-line)!important;border-radius:var(--a-r)!important;box-shadow:var(--a-sh)!important}
/* ---------- dashboard ---------- */
body .gl-head h1{font-size:28px;font-weight:800;letter-spacing:-.025em}
body .gl-head p{color:var(--a-soft)}
body .gl-kpi{padding:16px 18px!important}
body .gl-kpi .l{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--a-soft)!important}
body .gl-kpi .v{font-size:30px!important;font-weight:800!important;letter-spacing:-.025em;margin-top:4px;font-variant-numeric:tabular-nums}
body .gl-kpi .s{font-size:13px;color:var(--a-mute)}
body .gl-kpi .v.gl-down{color:#b42318!important}
/* ---------- buttons ---------- */
body .bn-btn{border-radius:10px;font-weight:600;min-height:40px;box-shadow:none}
body .bn-btn-light,body .bn-btn-ghost,body .gl-link{background:#fff;border:1px solid var(--a-line2);color:var(--a-ink)}
/* ---------- quick actions ---------- */
body .gl-q{gap:10px!important}
body .gl-q a{background:#fff!important;border:1px solid var(--a-line)!important;border-radius:12px!important;min-height:88px;font-size:13.5px!important;font-weight:600!important;color:var(--a-ink)!important;box-shadow:none!important;gap:8px;transition:border-color 120ms ease,background-color 120ms ease}
body .gl-q a svg{width:20px!important;height:20px!important;padding:8px;box-sizing:content-box;border-radius:50%;background:var(--a-green-t);color:var(--a-green)!important}
@media (hover:hover) and (pointer:fine){body .gl-q a:hover{border-color:var(--a-line2)!important;background:#fafbfc!important}}
/* ---------- inputs ---------- */
body .bn-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),body .bn-content select,body .bn-content textarea{border:1px solid var(--a-line2);border-radius:10px;background:#fff;font-size:14.5px;color:var(--a-ink)}
body .bn-content input:focus,body .bn-content select:focus,body .bn-content textarea:focus{border-color:var(--a-green);box-shadow:0 0 0 3px rgba(21,128,61,.12);outline:0}
body .bn-content label{color:var(--a-soft)}
/* ---------- Items header: title, then tools in one row (all sizes) ---------- */
body .bn-page-hero:has(.bn-inventory-notice-area){display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px!important}
body .bn-page-hero:has(.bn-inventory-notice-area) .bn-kicker,body .bn-page-hero:has(.bn-inventory-notice-area)>div:first-child>p{display:none}
body .bn-page-hero:has(.bn-inventory-notice-area) h1{margin:0;font-size:26px;font-weight:800}
body .bn-page-hero .bn-hero-actions:has(.bn-inventory-notice-area){display:flex!important;flex-wrap:wrap;gap:8px;margin:0}
body .bn-hero-actions .bn-inventory-notice-area,body .bn-hero-actions .bn-inventory-notice-card{display:contents!important}
body .bn-hero-actions .bn-notice-main{display:none!important}
body .bn-hero-actions:has(.bn-inventory-notice-area) .bn-btn{min-height:40px;padding:0 14px;font-size:14px;margin:0;width:auto;background:#fff;border:1px solid var(--a-line2);color:var(--a-ink)}
/* ---------- Items filters: one row; price filters behind "More filters" ---------- */
body form.bn-filter-panel{padding:14px 16px!important}
body form.bn-filter-panel .bn-filter-grid>label:first-child small,body form.bn-filter-panel .bn-filter-grid>label:first-child p,body form.bn-filter-panel .bn-filter-grid>label:first-child .text-muted,body .bn-simple-view-switch .bn-simple-note,body .bn-bulk-summary-sub{display:none!important}
body form.bn-filter-panel .bn654-ft{display:inline-flex!important;min-height:40px;align-items:center;justify-content:center;align-self:end;background:#fff;border:1px solid var(--a-line2);border-radius:10px;font-weight:600;color:var(--a-ink);padding:0 14px}
@media (min-width:901px){
  body form.bn-filter-panel .bn-filter-grid{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)) auto auto auto;gap:10px;align-items:end}
  body form.bn-filter-panel:not(.bn654-open) .bn-filter-grid>label:nth-child(n+6){display:none}
  body form.bn-filter-panel.bn654-open .bn-filter-grid>label:nth-child(n+6){grid-column:span 1}
  body form.bn-filter-panel .bn-filter-grid>label{font-size:12.5px;font-weight:600}
  body form.bn-filter-panel .bn-filter-grid .bn-btn{min-height:40px;align-self:end}
}
@media (min-width:901px){body form.bn-filter-panel .bn654-ft{order:8}body form.bn-filter-panel .bn-filter-grid>button,body form.bn-filter-panel .bn-filter-grid>a.bn-btn{order:9}}