/* ============================================================
   KashLens · Apple-inspired UI layer 1.0
   Presentation-only additive layer. No functional selectors,
   routes, IDs, form names, or JS hooks are changed here.
   ============================================================ */
:root{
  --apple-accent:var(--brand-primary,#5368ef);
  --apple-accent-2:var(--brand-secondary,#765bef);
  --apple-bg:#f5f5f7;
  --apple-bg-elevated:#fbfbfd;
  --apple-surface:rgba(255,255,255,.94);
  --apple-surface-solid:#ffffff;
  --apple-surface-muted:#f7f7fa;
  --apple-text:#1d1d1f;
  --apple-text-2:#6e6e73;
  --apple-text-3:#8e8e93;
  --apple-separator:rgba(60,60,67,.14);
  --apple-separator-strong:rgba(60,60,67,.22);
  --apple-success:#208a61;
  --apple-warning:#b87518;
  --apple-danger:#c84356;
  --apple-radius-sm:12px;
  --apple-radius-md:16px;
  --apple-radius-lg:22px;
  --apple-radius-xl:28px;
  --apple-shadow-1:0 1px 2px rgba(0,0,0,.025),0 8px 24px rgba(34,34,45,.055);
  --apple-shadow-2:0 1px 2px rgba(0,0,0,.035),0 18px 46px rgba(34,34,45,.085);
  --apple-focus:0 0 0 4px color-mix(in srgb,var(--apple-accent) 16%,transparent);
  --bg:var(--apple-bg);
  --surface:var(--apple-surface-solid);
  --surface2:var(--apple-surface-muted);
  --surface3:#f0f0f4;
  --line:var(--apple-separator);
  --line2:var(--apple-separator-strong);
  --text:var(--apple-text);
  --muted:var(--apple-text-2);
  --muted2:var(--apple-text-3);
  --accent:var(--apple-accent);
  --blue:var(--apple-accent);
  --radius:var(--apple-radius-lg);
  --shadow:var(--apple-shadow-2);
  --shadow-soft:var(--apple-shadow-1);
  color-scheme:light;
}

html{background:var(--apple-bg)}
body{
  color:var(--apple-text);
  background:
    radial-gradient(circle at 95% -8%,color-mix(in srgb,var(--apple-accent) 7%,transparent),transparent 28rem),
    linear-gradient(180deg,#fafafd 0,#f5f5f7 18rem,#f5f5f7 100%);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  letter-spacing:0;
  text-rendering:optimizeLegibility;
}

/* A calm app canvas; decorative atmosphere is kept subtle. */
.app-bg{opacity:.55}
.app-bg:before{opacity:.28;mask-image:linear-gradient(to bottom,black,transparent 42%)}
.app-bg i{filter:blur(120px)!important;opacity:.035!important}

/* Global interaction language */
button,input,select,textarea{font:inherit}
button,.btn,.icon-btn,a,.workspace-menu-button,.product-card,.manage-card,.customer-card,.user-card{
  -webkit-tap-highlight-color:transparent;
}
button:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid color-mix(in srgb,var(--apple-accent) 48%,transparent)!important;
  outline-offset:2px!important;
}
.btn,.icon-btn,.scan-inline,.workspace-menu-button,.pos-sync-pill,.compact-sort{
  border-color:var(--apple-separator)!important;
  box-shadow:none;
}
.btn{
  min-height:44px;
  border-radius:var(--apple-radius-md)!important;
  padding-inline:16px;
  font-weight:720;
  letter-spacing:-.01em;
}
.btn.primary,.checkout,.auth-submit,.mobile-scan-card>b,.lens-cta{
  background:var(--apple-accent)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--apple-accent) 20%,transparent)!important;
}
.btn.primary:hover,.checkout:hover,.auth-submit:hover,.lens-cta:hover{
  box-shadow:0 10px 24px color-mix(in srgb,var(--apple-accent) 24%,transparent)!important;
}
.btn.soft,.btn.ghost,.icon-btn,.pos-sync-pill{
  background:rgba(255,255,255,.78)!important;
  color:var(--apple-text)!important;
}
.btn.danger{background:#fff2f3!important;border-color:#f3ccd2!important;color:var(--apple-danger)!important}
.btn.whatsapp{background:#27b85c!important;color:#fff!important;border-color:transparent!important}
.btn:disabled,button:disabled{opacity:.45!important;filter:saturate(.72)}
.pressed{transform:scale(.975)!important}
.tap-ripple{display:none!important}

/* Form controls: clearer focus, slightly larger touch geometry. */
label{color:var(--apple-text-2)!important;font-weight:600}
input,select,textarea,.search-shell,.smart-field>div{
  border-color:var(--apple-separator)!important;
  background:rgba(255,255,255,.88)!important;
  color:var(--apple-text)!important;
  border-radius:var(--apple-radius-md)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
input,select{min-height:48px}
input::placeholder,textarea::placeholder{color:#a5a5ab}
input:focus,select:focus,textarea:focus,.smart-field>div:focus-within,.search-shell:focus-within{
  border-color:color-mix(in srgb,var(--apple-accent) 48%,var(--apple-separator))!important;
  box-shadow:var(--apple-focus)!important;
}
.search-shell{height:50px!important;padding-inline:14px!important}
.search-shell input{background:transparent!important;border:0!important;box-shadow:none!important}
.compact-sort{height:46px;background:#fff!important;border-radius:14px!important}
.toggle-line,.permission-grid label,.manual-save-toggle{background:var(--apple-surface-muted)!important;border-color:var(--apple-separator)!important}

/* App header: use space and typography instead of a heavy dashboard card. */
.app-shell{max-width:1680px}
.topbar.workspace-topbar{
  height:70px!important;
  margin:0!important;
  padding:10px clamp(14px,2.2vw,28px)!important;
  top:0!important;
  border:0!important;
  border-bottom:1px solid var(--apple-separator)!important;
  border-radius:0!important;
  background:rgba(250,250,252,.82)!important;
  box-shadow:none!important;
  backdrop-filter:blur(22px) saturate(1.45)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
}
.workspace-menu-button{
  min-height:46px;
  border-radius:15px!important;
  background:rgba(255,255,255,.68)!important;
  border:1px solid var(--apple-separator)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8)!important;
}
.workspace-menu-button:before{display:none!important}
.workspace-avatar,.workspace-menu-icon{border-radius:11px!important}
.workspace-brand-center{gap:10px}
.workspace-brand-logo{border-radius:13px!important;box-shadow:none!important}
.workspace-brand-copy b{color:var(--apple-text);font-weight:760}
.workspace-brand-copy small,.workspace-button-copy small{color:var(--apple-text-3)!important}
.workspace-brand-copy em{color:var(--apple-text-2)!important}

.page-wrap,.workspace-page-wrap{padding-top:26px!important}
.page-head:not(.app-hero),.pos-app-head{
  padding:4px 2px 10px!important;
  margin:0 0 20px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  align-items:flex-end!important;
}
.page-head h1,.pos-app-head h1,.app-hero h1{
  color:var(--apple-text)!important;
  font-weight:780!important;
  letter-spacing:-.04em!important;
  line-height:1.12!important;
}
.page-head p,.pos-app-head p,.app-hero p{color:var(--apple-text-2)!important;line-height:1.65!important}
.eyebrow{
  color:var(--apple-accent)!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.08em!important;
}
.section-head{margin-bottom:16px!important}
.section-head h2,.cart-top h2{font-weight:750!important;letter-spacing:-.025em!important;color:var(--apple-text)!important}
.section-head a{font-weight:650}

/* Cards: one material system across all business modules. */
.panel,.workspace-panel,.catalog-panel,.cart-panel,.chart-panel,.return-workspace,.branding-panel,
.manage-card,.customer-card,.user-card,.sales-stream article,.report-sales article,.stock-row,
.product-card,.metric,.action-dock a,.command-mini-row a,.health-grid article,
.exchange-rate-strip,.purchase-tablet-scanner,.purchase-inline-sheet .purchase-sheet{
  background:var(--apple-surface)!important;
  border:1px solid var(--apple-separator)!important;
  box-shadow:var(--apple-shadow-1)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.panel,.workspace-panel,.catalog-panel,.cart-panel,.chart-panel,.return-workspace,.branding-panel{
  border-radius:var(--apple-radius-lg)!important;
}
.manage-card,.customer-card,.user-card,.sales-stream article,.report-sales article,.stock-row,.product-card,.metric,.action-dock a,.command-mini-row a,.health-grid article{
  border-radius:18px!important;
}
.action-dock a:hover,.product-card:hover,.manage-card:hover,.customer-card:hover,.user-card:hover,.sales-stream article:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--apple-accent) 22%,var(--apple-separator))!important;
  box-shadow:var(--apple-shadow-2)!important;
}

/* Dashboard: one hero action, quieter secondary actions. */
.app-hero{padding:12px 2px 6px!important;margin:0 0 16px!important}
.lens-cta{
  min-height:66px;
  border-radius:20px!important;
  padding:10px 13px!important;
  grid-template-columns:44px 1fr 22px!important;
}
.lens-cta:after{display:none!important}
.lens-symbol{width:44px!important;height:44px!important;border-radius:14px!important;background:rgba(255,255,255,.16)!important}
.action-dock{gap:10px!important;margin:12px 0 14px!important}
.action-dock a{min-height:100px!important;padding:14px!important;box-shadow:none!important}
.action-icon{width:42px!important;height:42px!important;border-radius:13px!important;background:#f2f2f7!important;color:var(--apple-accent)!important;box-shadow:none!important}
.action-icon.return{background:#fff7ea!important;color:var(--apple-warning)!important}
.action-dock b{color:var(--apple-text)!important;font-weight:720!important}
.action-dock small{color:var(--apple-text-3)!important}
.metric-grid{gap:10px!important}
.metric{min-height:132px!important;padding:18px!important;overflow:hidden}
.metric:after{display:none!important}
.metric.accent{
  background:linear-gradient(145deg,color-mix(in srgb,var(--apple-accent) 8%,#fff),#fff 72%)!important;
  border-color:color-mix(in srgb,var(--apple-accent) 18%,var(--apple-separator))!important;
  box-shadow:var(--apple-shadow-1)!important;
}
.metric.accent:before{width:3px!important;background:var(--apple-accent)!important;border-radius:0 18px 18px 0!important}
.metric strong{color:var(--apple-text)!important;font-weight:780!important;letter-spacing:-.035em!important}
.metric.accent strong{color:var(--apple-accent)!important}
.metric em,.metric>span{color:var(--apple-text-2)!important}
.metric-icon,.section-title-icon>span,.activity-badge{background:#f2f2f7!important;color:var(--apple-accent)!important;box-shadow:none!important}
.command-mini-row{gap:9px!important;margin-bottom:14px!important}
.command-mini-row a{box-shadow:none!important}
.command-mini-row>a>span{background:#f2f2f7!important;color:var(--apple-accent)!important}
.activity-item{border-radius:14px!important;background:transparent!important}
.activity-item:hover{background:#f6f6f8!important}
.activity-item strong{font-variant-numeric:tabular-nums}
.exchange-rate-strip{border-radius:18px!important;padding:12px 14px!important;box-shadow:none!important}
.exchange-icon{background:#f2f2f7!important;color:var(--apple-accent)!important}

/* POS: dedicated work surface, with cart kept visually dominant. */
.pos-layout{gap:12px!important}
.catalog-panel,.cart-panel{border-radius:22px!important}
.catalog-panel{padding:15px!important}
.cart-panel{padding:16px!important}
.product-grid{gap:8px!important}
.product-card{min-height:138px!important;padding:12px!important;background:#fff!important;box-shadow:none!important}
.product-card:hover{background:#fbfbfd!important}
.pico{background:#f2f2f7!important;color:var(--apple-accent)!important}
.stock-mini{background:#f2f2f7!important;color:var(--apple-text-2)!important}
.scan-tip{background:color-mix(in srgb,var(--apple-accent) 5%,#fff)!important;border-color:color-mix(in srgb,var(--apple-accent) 16%,var(--apple-separator))!important;border-radius:16px!important}
.pulse-dot{background:var(--apple-accent)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--apple-accent) 10%,transparent)!important;animation:none!important}
.cart-items{scrollbar-color:#c7c7cc transparent}
.cart-item{background:#fbfbfd!important;border:1px solid var(--apple-separator)!important;border-radius:16px!important;box-shadow:none!important}
.cart-total,.pay-amount{background:#f7f7fa!important;border-color:var(--apple-separator)!important}
.checkout{min-height:54px!important;border-radius:17px!important;font-weight:760!important}
.pos-sync-pill.ok{background:#eff9f4!important;color:var(--apple-success)!important;border-color:#cce9db!important}
.pos-sync-pill.warn{background:#fff8ec!important;color:var(--apple-warning)!important;border-color:#eedbb9!important}
.tablet-scanner-panel{background:#fff!important;border-color:var(--apple-separator)!important;box-shadow:var(--apple-shadow-1)!important}
.tablet-scan-frame{box-shadow:none!important;border:1px solid var(--apple-separator)!important}
.tablet-tool{background:#f7f7fa!important;border:1px solid transparent!important}
.tablet-tool>span{background:#fff!important;box-shadow:none!important}
.tablet-pos-toolbar{background:rgba(255,255,255,.88)!important;border-color:var(--apple-separator)!important;box-shadow:var(--apple-shadow-1)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.mobile-scan-card,.mobile-manual-line,.held-action-btn{background:#fff!important;border-color:var(--apple-separator)!important;box-shadow:var(--apple-shadow-1)!important;border-radius:18px!important}
.mobile-manual-line>span,.held-action-btn>span{background:#f2f2f7!important;color:var(--apple-accent)!important;border-color:transparent!important}

/* Tables, ledgers and operational lists */
.sales-stream article,.report-sales article,.manage-card,.customer-card,.user-card,.stock-row{
  box-shadow:none!important;
}
.compact-ledger article,.purchase-ledger article,.supplier-list article,.held-ledger article{
  border-color:var(--apple-separator)!important;
}
.invoice-main b,.manage-main h3,.customer-card b,.activity-item b{color:var(--apple-text)!important}
.pill{background:#f2f2f7!important;border-color:transparent!important;color:var(--apple-text-2)!important}
.pill.success{background:#edf8f3!important;color:var(--apple-success)!important}
.pill.warn{background:#fff7e9!important;color:var(--apple-warning)!important}
.alert{border-radius:14px!important}
.alert.danger{background:#fff1f2!important;border-color:#f2c9cf!important;color:var(--apple-danger)!important}

/* Returns and purchases: reduce visual clutter, preserve flow. */
.return-flow{gap:8px!important}
.return-step{background:#fff!important;border-color:var(--apple-separator)!important;border-radius:17px!important;opacity:.62}
.return-step.active{opacity:1!important;border-color:color-mix(in srgb,var(--apple-accent) 22%,var(--apple-separator))!important}
.return-step>span,.return-prod>span{background:#f2f2f7!important}
.return-step.active>span{background:color-mix(in srgb,var(--apple-accent) 9%,#fff)!important;color:var(--apple-accent)!important}
.return-item{background:#fff!important;border-color:var(--apple-separator)!important;border-radius:16px!important}
.return-item.selected{background:#fffaf2!important;border-color:#ecd9b9!important}
.purchase-workspace{gap:14px!important}
.purchase-inline-sheet .purchase-sheet{border-radius:22px!important}
.purchase-line,.purchase-existing-copy,.purchase-search-results button{background:#fff!important;border-color:var(--apple-separator)!important}
.purchase-line{border-radius:15px!important}
.purchase-search-results button{border-radius:13px!important}
.purchase-submit-bar{background:#fff!important;border-color:var(--apple-separator)!important}
.purchase-submit-bar .purchase-total,.purchase-due-preview{background:#f7f7fa!important;border-color:var(--apple-separator)!important}

/* Modal sheets: functional glass only on the overlay, never on every card. */
.sheet-backdrop,.workspace-menu-backdrop,.pwa-install-backdrop{
  background:rgba(0,0,0,.30)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.sheet-card,.workspace-menu-panel,.pwa-install-panel,.held-save-card,.held-conflict-card{
  background:rgba(255,255,255,.96)!important;
  color:var(--apple-text)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:28px 28px 20px 20px!important;
  box-shadow:0 -2px 2px rgba(0,0,0,.02),0 22px 70px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
}
.sheet-card header{border-bottom:0!important}
.sheet-card header h2,.workspace-menu-panel h2{font-weight:760!important;color:var(--apple-text)!important}
.workspace-menu-grid a{background:#fff!important;border-color:var(--apple-separator)!important;box-shadow:none!important;border-radius:16px!important}
.workspace-menu-grid a:after{display:none!important}
.workspace-menu-grid a:hover{transform:none!important;background:#f7f7fa!important;box-shadow:none!important}
.workspace-menu-footer button,.workspace-menu-footer a{border-radius:14px!important;box-shadow:none!important}

/* Bottom navigation follows platform expectations and safe areas. */
.bottom-nav{
  background:rgba(250,250,252,.92)!important;
  border-top:1px solid var(--apple-separator)!important;
  box-shadow:0 -1px 0 rgba(255,255,255,.8)!important;
  backdrop-filter:blur(22px) saturate(1.45)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
}
.bottom-nav a{color:#8e8e93!important;background:transparent!important;border-radius:13px!important}
.bottom-nav a.active{color:var(--apple-accent)!important;background:transparent!important}
.bottom-nav a.active:after{display:none!important}
.bottom-nav svg{stroke-width:1.8!important}
.bottom-nav small{font-weight:650!important}
.scan-orb{
  background:var(--apple-accent)!important;
  border:3px solid rgba(250,250,252,.96)!important;
  border-radius:17px!important;
  box-shadow:0 6px 16px color-mix(in srgb,var(--apple-accent) 25%,transparent)!important;
}
.bottom-nav .scan-tab small{color:var(--apple-accent)!important}

/* Login: premium and quiet instead of decorative glass-on-glass. */
body.login-page{
  background:
    radial-gradient(circle at 14% 5%,color-mix(in srgb,var(--apple-accent) 11%,transparent),transparent 28rem),
    #f5f5f7!important;
}
.login-ambient i{opacity:.07!important;filter:blur(110px)!important}
.login-v298 .auth-screen,.login-v300 .auth-screen{
  width:min(1160px,calc(100% - 40px))!important;
  min-height:min(760px,calc(100svh - 40px))!important;
  margin:20px auto!important;
  border:1px solid var(--apple-separator)!important;
  border-radius:32px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(38,38,50,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.login-v25 .auth-hero,.login-v298 .auth-hero{
  background:
    linear-gradient(150deg,color-mix(in srgb,var(--apple-accent) 94%,#182a5a),color-mix(in srgb,var(--apple-accent-2) 72%,#263f68))!important;
}
.login-v298 .auth-cover-layer{opacity:.16!important;mix-blend-mode:normal!important}
.login-v298 .auth-form-zone{
  background:#fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.login-v298 .auth-form-zone:before{display:none!important}
.login-v298 .auth-form{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
}
.auth-form-head h2{font-weight:780!important;color:var(--apple-text)!important;letter-spacing:-.04em!important}
.auth-form-head p{color:var(--apple-text-2)!important}
.secure-pill{background:#f7f7fa!important;border-color:var(--apple-separator)!important;color:var(--apple-text-2)!important}
.auth-field>span{color:var(--apple-text-2)!important;font-weight:650!important}
.login-v298 .auth-field>div,.auth-field>div{
  background:#f7f7fa!important;
  border-color:var(--apple-separator)!important;
  box-shadow:none!important;
  border-radius:16px!important;
}
.login-v298 .auth-field>div:focus-within,.auth-field>div:focus-within{
  background:#fff!important;
  border-color:color-mix(in srgb,var(--apple-accent) 44%,var(--apple-separator))!important;
  box-shadow:var(--apple-focus)!important;
  transform:none!important;
}
.auth-submit{height:56px!important;border-radius:16px!important;font-weight:740!important}
.auth-submit:before{display:none!important}
.auth-glass-note{background:#f7f7fa!important;border-color:var(--apple-separator)!important;border-radius:16px!important;box-shadow:none!important}
.pwa-install-cta{background:#fff!important;border-color:var(--apple-separator)!important;border-radius:16px!important;box-shadow:none!important}
.pwa-install-icon{background:#f2f2f7!important;color:var(--apple-accent)!important}
.pwa-install-done{background:var(--apple-accent)!important;border-radius:16px!important}

/* Toasts and ephemeral feedback */
.toast-stack{top:calc(12px + env(safe-area-inset-top))!important}
.toast{
  background:rgba(32,32,35,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* Desktop/tablet navigation: keep it familiar and restrained. */
@media (min-width:900px) and (min-height:600px){
  .app-shell{padding-right:188px!important}
  .desktop-rail{
    top:86px!important;
    width:162px!important;
    padding:7px!important;
    border:1px solid var(--apple-separator)!important;
    border-radius:20px!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:var(--apple-shadow-1)!important;
    backdrop-filter:blur(18px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
  }
  .desktop-rail a{height:45px!important;border-radius:13px!important;color:var(--apple-text-2)!important}
  .desktop-rail a:hover{background:#f5f5f7!important;color:var(--apple-text)!important}
  .desktop-rail a.active{background:color-mix(in srgb,var(--apple-accent) 9%,#fff)!important;color:var(--apple-accent)!important;box-shadow:none!important}
  .desktop-rail .rail-lens{background:var(--apple-accent)!important;color:#fff!important;box-shadow:none!important}
  .page-wrap{padding-top:28px!important}
}

/* Mobile: reorganize and reduce chrome, do not merely shrink desktop. */
@media (max-width:759px){
  body{background:#f5f5f7!important}
  .app-bg{display:none!important}
  .topbar.workspace-topbar{
    height:62px!important;
    padding:8px 10px!important;
    background:rgba(250,250,252,.92)!important;
    backdrop-filter:blur(18px) saturate(1.35)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
  }
  .workspace-button-copy small,.workspace-brand-copy small{display:none!important}
  .workspace-menu-button{min-height:42px!important;padding-inline:8px!important;border:0!important;background:transparent!important}
  .workspace-brand-copy b{font-size:13px!important}
  .workspace-brand-logo{width:38px!important;height:38px!important}
  .workspace-page-wrap,.page-wrap{padding:18px 12px calc(92px + env(safe-area-inset-bottom))!important}
  .page-head:not(.app-hero),.pos-app-head{display:block!important;padding:0 2px 8px!important;margin-bottom:14px!important}
  .page-head h1,.pos-app-head h1,.app-hero h1{font-size:30px!important;letter-spacing:-.045em!important}
  .page-head>div:last-child,.page-head>.page-actions{margin-top:12px}
  .app-hero{display:grid!important;gap:14px!important}
  .lens-cta{width:100%!important;min-width:0!important}
  .action-dock{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .action-dock a{min-height:94px!important;padding:12px!important}
  .metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .metric{min-height:116px!important;padding:14px!important}
  .metric:first-child{grid-column:1/-1}
  .metric strong{font-size:26px!important}
  .dashboard-grid{grid-template-columns:1fr!important;gap:10px!important}
  .command-mini-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .panel{padding:16px!important;border-radius:20px!important}
  .modern-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  .bottom-nav{min-height:72px!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important}
  .bottom-nav a{min-height:58px!important}
  .bottom-nav .scan-tab{transform:translateY(-7px)!important}
  .scan-orb{width:50px!important;height:50px!important}
  .sheet-card,.workspace-menu-panel,.pwa-install-panel{border-radius:26px 26px 0 0!important}
  .sheet-backdrop,.workspace-menu-backdrop,.pwa-install-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .product-card{min-height:128px!important}
  .cart-panel{border-radius:20px!important}
  .mobile-scan-stage{gap:8px!important}
  .mobile-scan-card{min-height:108px!important}
  .return-flow{grid-template-columns:1fr!important}
  .return-step{min-height:60px!important}
  .return-item{grid-template-columns:1fr!important}
  .purchase-workspace{display:block!important}
  .login-v298 .auth-screen,.login-v300 .auth-screen{width:100%!important;min-height:100svh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .login-v25 .auth-hero,.login-v298 .auth-hero{min-height:38svh!important;height:38svh!important;border-radius:0 0 28px 28px!important}
  .login-v25 .auth-form-zone,.login-v298 .auth-form-zone{min-height:62svh!important;padding:24px 20px calc(22px + env(safe-area-inset-bottom))!important}
  .login-v25 .auth-visual{opacity:.82!important}
}

@media (max-width:390px){
  .workspace-page-wrap,.page-wrap{padding-inline:10px!important}
  .page-head h1,.pos-app-head h1,.app-hero h1{font-size:28px!important}
  .action-dock{grid-template-columns:1fr!important}
  .action-dock a{min-height:82px!important}
  .command-mini-row{grid-template-columns:1fr!important}
}

/* Accessibility and motion */
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media (prefers-contrast:more){
  :root{--apple-separator:rgba(60,60,67,.26);--apple-separator-strong:rgba(60,60,67,.38)}
  .btn,.panel,.product-card,.metric,input,select,.search-shell{border-width:1.5px!important}
}