/* STEFANI Group unified design system. Order preserved from v2026110315. */

/* Source: premium-unified.css */
/* STEFANI Group — unified premium design system, storefront + admin.
   Loaded LAST so that both areas use the same surfaces, controls and lighting. */
html[data-theme="dark"] { --premium-panel-top:rgba(48,38,33,.95);--premium-panel-bottom:rgba(17,15,15,.97);--premium-chrome:rgba(20,17,17,.94);--premium-line:rgba(229,176,93,.66);--premium-highlight:rgba(255,224,179,.22);--premium-shadow:rgba(0,0,0,.57);--premium-field:rgba(58,48,43,.88);--premium-ink:#f8f1e8;--premium-muted:#d0c2b5;--premium-rose:#ef338d; }
html[data-theme="light"] { --premium-panel-top:rgba(126,105,94,.96);--premium-panel-bottom:rgba(83,69,62,.97);--premium-chrome:rgba(83,70,63,.94);--premium-line:rgba(248,212,162,.83);--premium-highlight:rgba(255,243,221,.30);--premium-shadow:rgba(34,22,17,.39);--premium-field:rgba(111,94,85,.96);--premium-ink:#fff7ec;--premium-muted:#e8d9c9;--premium-rose:#ee579b; }
html[data-theme="light"] body,html[data-theme="light"] body.admin-body,html[data-theme="light"] body.authbody {background:#c5b4a7 url('../img/bg-mobile-light.png') center top / cover fixed no-repeat !important;color:var(--premium-ink)}
@media(min-width:768px){html[data-theme="light"] body,html[data-theme="light"] body.admin-body,html[data-theme="light"] body.authbody {background-image:url('../img/bg-desktop-light.png') !important}}
/* Shared dimensional surfaces */
:where(.productcard,.product-card,.panel,.card,.stat-card,.wh-card,.admin-table-wrap,.acct-card,.accthero,.order-card,.reservation-card,.cart-item,.checkout-card,.authcard,.auth-card,.addrcard,.addrform-wrap,.infocard,.admin-order-modal__dialog,.admin-bell__panel,.chat-box,.pwa-modal__card) {background:linear-gradient(155deg,var(--premium-panel-top),var(--premium-panel-bottom)) !important;border:1px solid var(--premium-line) !important;border-radius:15px;box-shadow:inset 0 1px 0 var(--premium-highlight),inset 0 -1px 0 rgba(0,0,0,.18),0 8px 20px var(--premium-shadow),0 0 0 1px rgba(0,0,0,.08) !important;color:var(--premium-ink)}
:where(.productcard,.product-card,.wh-card,.acct-card,.stat-card,.panel) {transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}
@media(hover:hover){:where(.productcard,.product-card,.wh-card,.acct-card):hover {transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--premium-highlight),0 12px 28px var(--premium-shadow),0 0 14px rgba(235,177,92,.15) !important}}
:where(.topbar,.admin-topbar,.admin-sidebar,.admin-mobilenav,.mobilenav,.footer-mini) {background:var(--premium-chrome) !important;border-color:var(--premium-line) !important;box-shadow:inset 0 1px 0 rgba(255,235,203,.12),0 5px 18px var(--premium-shadow) !important;backdrop-filter:blur(16px)}
:where(.hero) {border:1px solid var(--premium-line) !important;box-shadow:0 0 0 1px rgba(255,223,171,.12),0 12px 28px var(--premium-shadow),0 0 16px rgba(243,177,82,.20) !important;border-radius:17px;overflow:hidden}
/* Unified embossed controls: keep native semantics and functionality. */
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn,.filterbar button,.admin-actions a,.admin-actions button,.admin-nav a,.admin-mobilenav a,.mobilenav__item) {transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn,.filterbar button,.admin-actions a,.admin-actions button) {box-shadow:inset 0 1px 0 rgba(255,244,224,.32),inset 0 -2px 3px rgba(0,0,0,.17),0 3px 8px rgba(0,0,0,.23) !important}
:where(.btn--outline,.btn--pink,.admin-nav a.is-active,.admin-mobilenav .is-active,.mobilenav__item.is-active) {background:linear-gradient(180deg,rgba(247,106,167,.55),rgba(120,24,69,.77)) !important;border-color:var(--premium-rose) !important;color:#fff4f9 !important;box-shadow:inset 0 1px 0 rgba(255,201,225,.43),0 3px 10px rgba(125,17,70,.34),0 0 12px rgba(239,51,141,.19) !important}
:where(.btn--gold) {background:linear-gradient(180deg,#ffe6a1 0%,#f5c85d 48%,#bd8626 100%) !important;color:#251706 !important;box-shadow:inset 0 1px 0 #fff5d4,0 4px 11px rgba(87,49,9,.33) !important}
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn):active {transform:translateY(1px) scale(.985)}
:where(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {background:var(--premium-field) !important;border:1px solid var(--premium-line) !important;color:var(--premium-ink) !important;box-shadow:inset 0 2px 5px rgba(0,0,0,.16),0 1px 0 rgba(255,244,218,.09) !important}
:where(input,textarea,select):focus-visible {outline:2px solid var(--premium-rose) !important;outline-offset:2px}
html[data-theme="light"] :where(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.filterbar input,.filterbar select,.admin-topbar__search input) {background:var(--premium-field) !important;color:#fff7ec !important;border-color:var(--premium-line) !important;-webkit-text-fill-color:#fff7ec !important}
html[data-theme="light"] :where(.product-card__image,.product-card__media,.product-card__img,.productgallery__main,.product-gallery__main) {background:#252321 !important}
html[data-theme="light"] :where(.panel,.card,.product-card,.product-card__inner,.admin-table-wrap,.stat-card,.wh-card,.acct-card,.accthero,.order-card,.reservation-card,.modal,.admin-order-modal__dialog,.admin-bell__panel,.pwa-modal__card,.chat-box,.cart-item,.checkout-card,.authcard,.auth-card) {background:linear-gradient(155deg,var(--premium-panel-top),var(--premium-panel-bottom)) !important;border-color:var(--premium-line) !important;color:var(--premium-ink) !important;box-shadow:inset 0 1px 0 var(--premium-highlight),0 8px 20px var(--premium-shadow) !important}
html[data-theme="light"] :where(.topbar,.admin-topbar,.admin-sidebar,.admin-mobilenav,.mobilenav,.footer-mini) {background:var(--premium-chrome) !important;border-color:var(--premium-line) !important}
html[data-theme="light"] :where(.btn--outline,.admin-nav a.is-active,.mobilenav__item.is-active,.admin-mobilenav .is-active) {background:linear-gradient(180deg,rgba(247,106,167,.60),rgba(120,24,69,.77)) !important;color:#fff4f9 !important}
html[data-theme="light"] .theme-toggle {background:var(--premium-field) !important;border-color:var(--premium-line) !important;color:#ffe3a9 !important}
@media(prefers-reduced-motion:reduce){:where(.productcard,.product-card,.wh-card,.acct-card,.stat-card,.panel,.btn,.icon-btn,.theme-toggle){transition:none !important}}


/* Source: premium-components.css */
/* STEFANI Group | v2026110310 | Shared premium components, storefront + admin.
   Layered after premium-unified.css. No markup or business logic replacement. */
html[data-theme="dark"] {
 --lux-surface:rgba(28,23,22,.95);--lux-surface-hi:rgba(67,52,44,.92);
 --lux-rail:rgba(17,14,14,.94);--lux-border:rgba(222,168,90,.72);
 --lux-ink:#fff4e8;--lux-sub:#c8bcb1;--lux-glow:rgba(246,182,91,.17);
 --lux-input:rgba(42,35,33,.94);--lux-shadow:rgba(0,0,0,.55);
}
html[data-theme="light"] {
 --lux-surface:rgba(88,72,65,.97);--lux-surface-hi:rgba(140,116,103,.94);
 --lux-rail:rgba(82,67,60,.94);--lux-border:rgba(255,219,163,.84);
 --lux-ink:#fff7ed;--lux-sub:#f1dfcf;--lux-glow:rgba(255,226,168,.21);
 --lux-input:rgba(98,81,73,.97);--lux-shadow:rgba(48,32,23,.35);
}
/* Both themes have identical geometry and interaction states. */
:where(.productcard,.product-card,.wh-card,.acct-card,.accthero,.stat-card,.panel,.card,.order-card,.reservation-card,.cart-item,.checkout-card,.authcard,.auth-card,.admin-table-wrap,.admin-split__panel > div > .panel,.admin-bell__panel,.admin-order-modal__dialog,.modal__dialog,.pwa-modal__card) {
 background:linear-gradient(155deg,var(--lux-surface-hi) -55%,var(--lux-surface) 58%,var(--lux-surface) 100%) !important;
 color:var(--lux-ink) !important;border:1px solid var(--lux-border) !important;
 border-radius:16px !important;
 box-shadow:inset 0 1px 0 rgba(255,240,211,.28),inset 0 -2px 0 rgba(0,0,0,.15),0 9px 22px var(--lux-shadow),0 0 13px var(--lux-glow) !important;
}
:where(.topbar,.admin-topbar,.admin-sidebar,.admin-mobilenav,.mobilenav,.footer-mini) {
 background:linear-gradient(180deg,var(--lux-rail),var(--lux-surface)) !important;
 border-color:var(--lux-border) !important;
 box-shadow:inset 0 1px 0 rgba(255,232,188,.17),0 5px 17px var(--lux-shadow) !important;
}
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn,.pagination__item,.admin-nav a,.admin-mobilenav a,.mobilenav__item,.filterbar button,.orderdetail__actions a,.orderdetail__actions button) {
 border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn,.pagination__item,.filterbar button) {
 box-shadow:inset 0 1px 0 rgba(255,243,216,.34),inset 0 -2px 2px rgba(0,0,0,.15),0 4px 9px rgba(0,0,0,.23) !important;
}
:where(.btn--outline,.btn--pink,.pagination__item.is-active,.admin-nav a.is-active,.mobilenav__item.is-active,.admin-mobilenav a.is-active) {
 background:linear-gradient(180deg,#b94a7e 0%,#84264e 48%,#54172e 100%) !important;
 border-color:#f063aa !important;color:#fff7fb !important;
 box-shadow:inset 0 1px 0 rgba(255,207,230,.55),inset 0 -2px 3px rgba(45,0,22,.35),0 5px 11px rgba(97,13,52,.36),0 0 11px rgba(241,54,144,.25) !important;
}
:where(.btn--gold) {background:linear-gradient(180deg,#fff0bd 0%,#ffd56d 45%,#c48e2e 100%) !important;color:#2c1d0a !important;border-color:#e3b54d !important}
@media(hover:hover){:where(.btn,.icon-btn,.theme-toggle,.admin-nav a,.productcard,.product-card,.wh-card,.acct-card,.pagination__item):hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,244,219,.34),0 10px 23px var(--lux-shadow),0 0 15px var(--lux-glow) !important}}
:where(.btn,.icon-btn,.theme-toggle,.admin-menu-btn,.pagination__item):active{transform:translateY(1px) scale(.985)}
:where(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.status-select) {
 background:var(--lux-input) !important;color:var(--lux-ink) !important;
 border:1px solid var(--lux-border) !important;border-radius:11px !important;
 box-shadow:inset 0 2px 6px rgba(0,0,0,.19),0 1px 0 rgba(255,237,209,.12) !important;
 -webkit-text-fill-color:var(--lux-ink) !important;
}
:where(input,textarea)::placeholder{color:var(--lux-sub) !important;opacity:.75}
:where(input,textarea,select,button,a):focus-visible{outline:2px solid #f56eae !important;outline-offset:3px}
/* Admin: preserve usable tables, filters and status indicators in both palettes. */
.admin-table-wrap{overflow-x:auto;max-width:100%;scrollbar-color:var(--lux-border) transparent}
.admin-table{border-collapse:separate;border-spacing:0;width:100%}
.admin-table th{background:rgba(18,14,13,.32) !important;color:var(--lux-sub) !important;letter-spacing:.045em}
.admin-table td{color:var(--lux-ink) !important;border-color:rgba(223,178,121,.20) !important}
.admin-table tbody tr:nth-child(even){background:rgba(255,229,188,.035) !important}
.admin-table tbody tr.is-selected{background:rgba(235,47,137,.13) !important}
.admin-table tbody tr:hover{background:rgba(239,155,96,.085) !important}
:where(.filterbar,.periodbar,.pagination-row,.orderdetail__row){color:var(--lux-ink)}
:where(.stat-card__label,.orderdetail__customer,.orderdetail__item-info,.admin-sidebar__footer span){color:var(--lux-sub)}
:where(.admin-nav a,.admin-sidebar__brand,.admin-topbar,.admin-mobilenav a){color:var(--lux-ink)}
:where(.admin-bell__panel,.admin-order-modal__dialog){background-image:none !important}
.admin-order-modal__head{background:rgba(19,15,14,.42) !important;color:var(--lux-ink) !important;border-color:var(--lux-border) !important}
.admin-order-modal__close{color:var(--lux-ink) !important;border:1px solid var(--lux-border) !important;background:var(--lux-input) !important}
/* Maintain dark merchandise image wells against the warmer light UI. */
html[data-theme="light"] :where(.productcard__image,.product-card__image,.product-card__media,.wh-card img){background-color:#1e1a19}
/* Touch targets and predictable mobile geometry. */
@media(max-width:899px){
 .admin-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .admin-table :where(.icon-btn,.status-select){min-height:42px}
 .admin-order-modal__dialog{max-height:calc(100dvh - 32px);width:min(560px,100%)}
 .admin-order-modal__body{padding:14px;overscroll-behavior:contain}
 .admin-order-modal__close{min-width:42px;min-height:42px}
 .admin-order-modal__body .orderdetail__actions{display:flex;flex-wrap:wrap;gap:8px}
 .admin-order-modal__body .orderdetail__actions > *{min-height:42px}
}
@media(max-width:600px){
 :where(.btn,.theme-toggle,.icon-btn){min-height:40px}
 :where(.productcard,.product-card,.wh-card,.acct-card,.panel,.stat-card){border-radius:14px !important}
}
@media(prefers-reduced-motion:reduce){:where(.btn,.icon-btn,.theme-toggle,.admin-nav a,.productcard,.product-card,.wh-card,.acct-card){transition:none !important}}
@media print{.admin-order-modal{display:none !important}:where(.panel,.admin-table-wrap,.product-card){box-shadow:none !important}}


/* Source: premium-pages.css */
/* STEFANI Group 2026110311 — shared page-level finishes.
   Loaded after the two shared component layers in all application shells. */
html[data-theme="dark"]{--pg-frost:rgba(255,231,193,.10);--pg-quiet:rgba(255,232,201,.08);--pg-gold:#f3ca77;--pg-pink:#ff70b0;--pg-divider:rgba(234,190,119,.29)}
html[data-theme="light"]{--pg-frost:rgba(255,244,226,.20);--pg-quiet:rgba(255,244,226,.11);--pg-gold:#ffe0a0;--pg-pink:#ff8ac0;--pg-divider:rgba(255,220,165,.42)}
/* Authentication and profile: same stone/glass treatment as the storefront. */
:where(.authcard,.auth-card,.profilecard,.securitycard,.editcard,.hubquicknav__item,.account-status-card,.ordercard,.addrcard,.addrform-wrap,.infocard,.empty-state,.flash,.admin-bell__panel){
 border:1px solid var(--lux-border) !important;
 background:linear-gradient(148deg,var(--lux-surface-hi) -70%,var(--lux-surface) 75%) !important;
 color:var(--lux-ink) !important;
 box-shadow:inset 0 1px 0 var(--pg-frost),inset 0 -1px 0 rgba(0,0,0,.16),0 8px 20px var(--lux-shadow),0 0 12px var(--lux-glow) !important;
 border-radius:16px;
}
:where(.authcard__avatar,.profilecard__avatar,.authfield__icon,.ordercard__icon){color:var(--pg-gold)}
:where(.authcard__divider,.ordercard__head,.securitycard__row,.admin-bell__panel-head){border-color:var(--pg-divider) !important}
:where(.hubquicknav__item,.account-status-card,.account-subtabs__btn,.securitycard__row){transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
:where(.hubquicknav__item,.account-status-card,.account-subtabs__btn):is(.is-active,[aria-selected="true"]){border-color:var(--pg-pink) !important;box-shadow:inset 0 1px 0 rgba(255,221,239,.27),0 0 13px rgba(241,54,144,.22),0 5px 12px var(--lux-shadow) !important}
/* Admin tables and filter panels: legible, dimensional and consistent with product cards. */
:where(.admin-table-wrap,.admin-split__panel,.filterbar,.stat-card,.wh-card,.periodbar a,.admin-topbar__search,.admin-bell__panel){border-color:var(--lux-border) !important}
:where(.filterbar,.admin-topbar__search){border-radius:14px;background:linear-gradient(160deg,var(--lux-surface-hi),var(--lux-surface)) !important;box-shadow:inset 0 1px 0 var(--pg-frost),0 5px 14px var(--lux-shadow) !important}
:where(.periodbar a,.account-subtabs__btn,.admin-actions .icon-btn){background:linear-gradient(180deg,var(--lux-surface-hi),var(--lux-surface)) !important;color:var(--lux-ink) !important;border:1px solid var(--lux-border) !important;box-shadow:inset 0 1px 0 var(--pg-frost),0 3px 8px var(--lux-shadow) !important}
:where(.periodbar a,.account-subtabs__btn):is(.is-active,[aria-selected="true"]){background:linear-gradient(180deg,#d95a96,#85234e) !important;border-color:#ff82bc !important;color:#fff !important}
.admin-table th{background:var(--pg-quiet) !important}
.admin-table td{vertical-align:middle}
:where(.wh-card__name,.stat-card__value,.ordercard__title,.profilecard__info strong){color:var(--lux-ink) !important}
:where(.wh-card__meta,.stat-card__label,.ordercard__date){color:var(--lux-sub) !important}
:where(.wh-card__price,.ordercard__total){color:var(--pg-gold) !important}
/* Modal remains an overlay, rather than extending the page below the table. */
.admin-order-modal{z-index:1000}
.admin-order-modal__dialog{border:1px solid var(--lux-border) !important;box-shadow:0 24px 65px rgba(0,0,0,.55),0 0 25px var(--lux-glow) !important}
/* Focus and accessible keyboard interaction, without hover-only cues. */
:where(a,button,input,select,textarea,[role="tab"]):focus-visible{outline:2px solid var(--pg-pink) !important;outline-offset:3px}
@media(hover:hover){:where(.hubquicknav__item,.account-status-card,.account-subtabs__btn,.periodbar a,.securitycard__row):hover{filter:brightness(1.10);transform:translateY(-1px)}}
@media(max-width:767px){
 :where(.hubquicknav,.account-status-grid){max-width:100%}
 :where(.account-status-card,.hubquicknav__item){min-width:0}
 .admin-table-wrap{max-width:100%;overflow-x:auto}
 .admin-table :where(button,a,select){touch-action:manipulation}
 .admin-order-modal__dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
 .admin-order-modal__body{max-height:calc(100dvh - 120px);overflow-y:auto}
}
@media(prefers-reduced-motion:reduce){:where(.hubquicknav__item,.account-status-card,.account-subtabs__btn,.securitycard__row){transition:none !important}}
@media print{.admin-order-modal{display:none !important}:where(.admin-table-wrap,.wh-card,.stat-card){box-shadow:none !important}}