/* Admin-only interpretation of docs/liquid-glass-design-system.md.
   Existing brand tokens, logos, icons and semantic status colors are retained. */
body.admin-ui{
  --admin-glass:linear-gradient(155deg,rgba(255,255,255,.73),rgba(255,255,255,.39));
  --admin-edge:rgba(255,255,255,.92);
  --admin-shadow:0 12px 34px rgba(47,57,84,.09),0 2px 5px rgba(47,57,84,.025),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.3);
  --admin-blur:blur(24px) saturate(155%);
}
.admin-ui aside,.admin-ui main:not(.showcase-page)>header,.admin-ui dialog{
  background:var(--admin-glass);border:1px solid var(--admin-edge);box-shadow:var(--admin-shadow);
  backdrop-filter:var(--admin-blur);-webkit-backdrop-filter:var(--admin-blur);border-radius:36px;
}
.admin-ui main:not(.showcase-page)>header{position:static;background:linear-gradient(140deg,rgba(255,255,255,.7),rgba(255,255,255,.43))}
.admin-ui main:not(.showcase-page) :is(.panel,.stat,.stock-card){background:rgba(255,255,255,.96);border:1px solid var(--admin-edge);border-radius:24px;box-shadow:0 5px 20px rgba(45,52,70,.035)}
.admin-ui main:not(.showcase-page) .stat strong{font-size:34px;font-weight:750;font-variant-numeric:tabular-nums}
.admin-ui .list-toolbar,.admin-ui dialog fieldset{background:linear-gradient(140deg,rgba(245,246,250,.84),rgba(255,255,255,.74));border:1px solid rgba(218,222,232,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);border-radius:20px}
.admin-ui :where(button:not(.primary):not(.active):not([aria-pressed=true]):not([aria-selected=true]):not([role=radio]):not(.close):not(.showcase-star)){background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.85);box-shadow:0 3px 9px rgba(0,0,0,.035),inset 0 1px 1px #fff}
.admin-ui button{transition:background .22s ease,box-shadow .22s ease,transform .22s ease}
@media(hover:hover){.admin-ui button:not(:disabled):not([role=radio]):hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(0,0,0,.14),inset 0 1px 1px #fff}}
.admin-ui button:disabled{transform:none}
.admin-ui :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:rgba(255,255,255,.93);border-color:#dce0e8;box-shadow:inset 0 1px 2px rgba(38,46,65,.025)}
/* Flex ordering leaves form buttons inside their original form: validation,
   listeners, submitter values and existing selectors continue to work. */
.admin-ui dialog[open]:not(.login-dialog){display:flex;flex-direction:column;isolation:isolate;padding:28px;--dialog-pad:28px}
.admin-ui dialog:not(.login-dialog)>*,.admin-ui dialog:not(.login-dialog)>form>*{flex-shrink:0;min-width:0}
.admin-ui dialog:not(.login-dialog)>form{display:contents}
.admin-ui dialog:not(.login-dialog)>h2{order:-2;position:relative;z-index:0;flex-shrink:0;margin:0 0 18px;padding:16px 52px 16px 0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none;line-height:1.3}
.admin-ui dialog:not(.login-dialog)>.close{order:-3;position:relative;align-self:flex-end;z-index:35;flex-shrink:0;margin:0 0 -32px;float:none}
.admin-ui dialog:not(.login-dialog)>form>.form-footer,.admin-ui dialog:not(.login-dialog)>.form-footer,.admin-ui dialog:not(.login-dialog)>.actions:last-child{
  order:-1;position:sticky;top:0;z-index:31;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0 calc(-1 * var(--dialog-pad)) 20px;padding:12px 28px;background:rgba(250,251,254,.94);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(210,216,229,.45);box-shadow:0 6px 16px -10px rgba(38,45,63,.14)
}
.admin-ui dialog :is(input,select,textarea,button){scroll-margin-top:190px}
.admin-ui main:not(.showcase-page) :is(section,[id],button,input,select){scroll-margin-top:20px}
@supports not (backdrop-filter:blur(1px)){.admin-ui aside,.admin-ui dialog,.admin-ui main:not(.showcase-page)>header{background:#f8f9fc}}
@media(max-width:900px){.admin-ui aside{border-radius:24px}.admin-ui main:not(.showcase-page)>header{border-radius:26px}}
@media(max-width:600px){.admin-ui main:not(.showcase-page)>header{padding:16px;gap:10px}.admin-ui main:not(.showcase-page)>header h1{font-size:24px}.admin-ui main:not(.showcase-page)>header .muted{display:none}.admin-ui main:not(.showcase-page) .stat strong{font-size:28px}.admin-ui dialog[open]:not(.login-dialog){padding:18px;--dialog-pad:18px;border-radius:26px}.admin-ui dialog:not(.login-dialog)>h2{padding:14px 48px 14px 0;font-size:21px}.admin-ui dialog:not(.login-dialog)>form>.form-footer,.admin-ui dialog:not(.login-dialog)>.form-footer,.admin-ui dialog:not(.login-dialog)>.actions:last-child{padding:10px 18px;gap:8px}.admin-ui dialog:not(.login-dialog)>.close{top:0}}
@media(prefers-reduced-motion:reduce){.admin-ui button{transition:none}.admin-ui button:not(:disabled):hover{transform:none}}
@media print{.admin-ui main>header,.admin-ui dialog>h2,.admin-ui dialog .form-footer{position:static;box-shadow:none;backdrop-filter:none}}

/* Approved visual reference 04/11: quiet matte glass rather than deep translucency. */
.admin-ui dialog{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,249,252,.91));box-shadow:0 32px 100px rgba(40,47,69,.2),0 4px 12px rgba(40,47,69,.06),inset 0 1px 0 #fff;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
.aside-account .backend-selector{font-size:11px;line-height:1.5;text-align:left;width:100%;margin-top:10px;padding:8px 10px;color:var(--muted)}
/* ENHANCE-002: a consistent open/closed dropdown, without changing values. */
.glass-select{position:relative;min-width:0;width:100%;margin-top:7px}
.glass-select-native{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;clip-path:inset(50%);overflow:hidden}
.glass-select-trigger{position:relative;display:block;width:100%;min-height:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:11px 40px 11px 13px;border:1px solid #dce0e8!important;border-radius:15px!important;background:rgba(255,255,255,.93)!important;font-size:inherit;font-weight:400!important;color:var(--ink)!important;margin:0!important}
.glass-select-trigger::after{content:'';position:absolute;right:17px;top:17px;width:7px;height:7px;border-right:1.5px solid #6e6e73;border-bottom:1.5px solid #6e6e73;transform:rotate(45deg)}
.glass-select-trigger:focus-visible,.glass-select-trigger[aria-expanded=true]{outline:3px solid rgba(240,144,85,.16);outline-offset:0;border-color:#ed9563!important}
.glass-select-trigger[aria-invalid=true]{border-color:#bd4339!important}
.glass-select-trigger:disabled{opacity:.55;cursor:not-allowed}
.glass-select-menu{position:fixed;inset:auto;z-index:1100;box-sizing:border-box;margin:0;padding:5px;border:1px solid rgba(255,255,255,.94);border-radius:14px;background:rgba(250,251,254,.98);box-shadow:0 10px 32px rgba(44,49,65,.18),inset 0 1px 0 #fff;overflow:auto;overscroll-behavior:contain;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:14px;color:var(--ink)}
.glass-select-menu[hidden]{display:none}
.glass-select-option{position:relative;padding:10px 12px 10px 30px;border-radius:9px;cursor:pointer;line-height:1.4;overflow-wrap:anywhere}
.glass-select-option[aria-selected=true]::before{content:'✓';position:absolute;left:10px;color:#a84612}
.glass-select-option:hover,.glass-select-option.is-active{background:#fae8db;color:#773812}
.glass-select-option[aria-disabled=true]{opacity:.45;cursor:not-allowed;background:transparent}
.purchase-material-choice{display:flex;align-items:flex-end;gap:10px;grid-column:1/-1}.purchase-material-choice>.field{flex:1;min-width:0}.purchase-material-choice>button{flex:none;margin-bottom:16px;min-height:44px}
.packing-dimensions{margin-top:22px}.packing-dimensions .row{flex-wrap:wrap;gap:10px}.packing-dimensions li{margin:8px 0;line-height:1.5}
@media(max-width:600px){.purchase-material-choice{align-items:stretch;flex-direction:column;gap:0}.purchase-material-choice>button{align-self:flex-start;margin-top:-4px}.glass-select-menu{font-size:13px}}
@media(prefers-reduced-motion:reduce){.glass-select-trigger{transition:none}}
.glass-select-error{display:block;color:#a4391a;font-size:12px;line-height:1.5;margin-top:6px}.glass-select-error[hidden]{display:none}

/* Frosted floating menus, shared across filters and forms. */
.glass-select-trigger{background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.38))!important;border-color:rgba(255,255,255,.92)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(168,180,201,.18),0 2px 8px rgba(50,63,89,.06),0 0 0 1px rgba(169,181,203,.25);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:box-shadow .18s ease,background .18s ease}
.glass-select-trigger[aria-expanded=true]{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,246,238,.5))!important;outline:none;border-color:rgba(255,255,255,.98)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(208,135,88,.5),0 4px 15px rgba(151,107,77,.1)}
.glass-select-trigger:focus-visible{outline:2px solid #a34d24;outline-offset:3px}
.glass-select-menu{padding:7px;border-radius:20px;border:1px solid rgba(255,255,255,.84);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(243,247,253,.54));box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(160,176,199,.14),0 18px 42px -10px rgba(44,58,84,.25),0 3px 12px rgba(44,58,84,.06);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);scrollbar-width:thin;scrollbar-color:rgba(102,117,143,.32) transparent}
.glass-select-menu::backdrop{background:transparent}
.glass-select-option{margin:2px 0;padding:11px 12px 11px 32px;border-radius:13px;color:#282c35;transition:background .12s ease,box-shadow .12s ease}
.glass-select-option[aria-selected=true]{background:linear-gradient(120deg,rgba(255,225,201,.7),rgba(255,239,223,.38));box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 1px 3px rgba(141,93,57,.05);color:#8b3f18}
.glass-select-option:hover,.glass-select-option.is-active{background:linear-gradient(120deg,rgba(255,229,207,.85),rgba(255,248,239,.64));box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 2px 6px rgba(138,96,65,.07);color:#773812}
.glass-select-option[aria-disabled=true]{background:transparent;box-shadow:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-select-menu{background:#f7f9fc}.glass-select-trigger{background:#fff!important}}
@media(prefers-reduced-motion:reduce){.glass-select-trigger,.glass-select-option{transition:none}}
@media(forced-colors:active){.glass-select-menu,.glass-select-trigger{background:Canvas!important;border:1px solid ButtonText!important;box-shadow:none;backdrop-filter:none}.glass-select-option.is-active,.glass-select-option[aria-selected=true]{background:Highlight;color:HighlightText}.glass-select-option[aria-selected=true]::before{color:HighlightText}}

/* Field captions and controls share a consistent breathing space. */
.admin-ui .field>label{display:block;line-height:1.5;margin-bottom:0}
.admin-ui label>input:not([type=checkbox]):not([type=radio]),.admin-ui label>textarea,.admin-ui label>select:not(.glass-select-native){display:block;margin-top:8px}
.admin-ui label>.glass-select{margin-top:8px}
.admin-ui .field>label+.product-search{margin-top:8px}
.admin-ui .purchase-material-choice{align-items:flex-end;margin-bottom:18px}
.admin-ui .purchase-material-choice>.field{margin-bottom:0}
.admin-ui .purchase-material-choice>button{margin:0;min-height:44px}
@media(max-width:600px){.admin-ui .purchase-material-choice{gap:12px;align-items:stretch}.admin-ui .purchase-material-choice>button{align-self:flex-start;margin:0}}