/* Platform entry uses the same moss glass and readable mint links as the shell. */
html.qaym-dark .qaym-public a:not(.btn){color:#B5EAC7;}
html.qaym-dark .qaym-public .btn-topbar-icon{background:rgba(47,143,91,.06);border-color:rgba(47,143,91,.16);color:#C7EBD5;}
/* QAYM OS — the only global palette and typography source. */
:root {
  --font-base: 'Thmanyah', 'Alexandria', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: var(--font-base);
  --app-font-scale: 1rem;
  --font-sans: var(--font-base); --font-main: var(--font-base); --font-digits: var(--font-mono);
  --qaym-deep-emerald: #14532D; --qaym-soft-mint: #2F8F5B; --qaym-mint-glow: rgba(47,143,91,.25);
  --qaym-amber-gold: #C9A24A; --qaym-amber-gradient: linear-gradient(135deg,#D9B562,#A9842F);
  --qaym-bg-canvas: #F9FBFA; --qaym-glass-card: rgba(255,255,255,.88);
  --qaym-glass-border: rgba(10,51,44,.10); --qaym-glass-blur: blur(12px);
  --text-primary: #0F231F; --text-muted: #52796F; --text-secondary: #365F54;
  --text-title: var(--text-primary); --text-body: var(--text-secondary); --text-main: var(--text-primary);
  --shadow-fluid: 0 10px 30px -10px rgba(10,51,44,.08), 0 4px 6px -2px rgba(10,51,44,.02);
  --shadow-active: 0 16px 36px -8px rgba(10,51,44,.16);
  --qaym-bg: var(--qaym-bg-canvas); --qaym-bg-ice: var(--qaym-bg-canvas); --qaym-surface: #FFFFFF;
  --qaym-surface-hover: #F1F8F3; --qaym-subtle: #EEF5F0;
  --qaym-border: var(--qaym-glass-border); --qaym-border-subtle: rgba(10,51,44,.045); --qaym-border-focus: #228B63;
  --bg-app: var(--qaym-bg-canvas); --bg-surface: var(--qaym-surface); --bg-subtle: var(--qaym-subtle);
  --border-light: var(--qaym-border); --border-strong: #B7D5C5;
  --brand-primary: var(--qaym-deep-emerald); --brand-primary-light: #EAF8EE; --brand-primary-hover: #145A49;
  --qaym-primary-dark: var(--qaym-deep-emerald); --qaym-blue-tech: var(--brand-primary); --qaym-cyan-accent: var(--qaym-soft-mint);
  --qaym-emerald-success: #15803D; --status-paid: var(--qaym-emerald-success); --status-pending: #B45309; --status-void: #DC2626;
  --accent-primary: var(--brand-primary); --accent-primary-light: var(--brand-primary-light);
  --accent-success: var(--status-paid); --accent-danger: var(--status-void); --accent-warning: var(--qaym-amber-gold);
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 22px; --radius-panel: 22px; --radius-button: 12px; --radius-pill: 9999px; --radius-card: 22px; --radius-input: 12px;
  --shadow-subtle: 0 1px 3px rgba(10,51,44,.03); --shadow-card: var(--shadow-fluid); --shadow-hover: var(--shadow-active);
  --shadow-ambient: var(--shadow-fluid); --shadow-floating: var(--shadow-active); --shadow-sm: var(--shadow-subtle); --shadow-md: var(--shadow-active);
  --color-bg: var(--qaym-bg) !important; --color-surface: var(--qaym-glass-card) !important; --color-text: var(--text-primary) !important;
  --color-muted: var(--text-muted) !important; --color-border: var(--qaym-border) !important;
  --color-primary: var(--brand-primary) !important; --color-primary-hover: var(--brand-primary-hover) !important; --color-on-primary: #FFFFFF !important;
  --color-secondary: var(--brand-primary-light) !important; --color-on-secondary: var(--brand-primary) !important; --color-accent: var(--qaym-amber-gold) !important;
  --ok: var(--status-paid); --warn: var(--status-pending); --bad: var(--status-void); --info: #226B52;
  --font-family: var(--font-base) !important; --radius: var(--radius-lg); color-scheme: only light !important;
}
html { font-size: var(--app-font-scale); }

/* Sector accents are local to the gateway; the shared QAYM identity stays emerald. */
.qaym-gateway,.qaym-gateway [data-sector="pharmacy"]{--auth-accent:#0A6652;--auth-accent-end:#14532D;--auth-glow:rgba(47,143,91,.2);--auth-night:#092A24;--auth-night-glow:rgba(47,143,91,.13);}
.qaym-gateway[data-sector="restaurant"],.qaym-gateway [data-sector="restaurant"]{--auth-accent:#B83A4B;--auth-accent-end:#8D2837;--auth-glow:rgba(201,162,74,.2);--auth-night:#321C21;--auth-night-glow:rgba(201,162,74,.12);}
.qaym-gateway[data-sector="delivery_company"],.qaym-gateway [data-sector="delivery_company"]{--auth-accent:#087CF5;--auth-accent-end:#1460AD;--auth-glow:rgba(23,201,232,.18);--auth-night:#10263B;--auth-night-glow:rgba(23,201,232,.14);}

html, body { margin: 0; padding: 0; background: var(--qaym-bg); color: var(--text-body); font-family: var(--font-base); direction: rtl; text-align: right; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
button, input, select, textarea, dialog { font-family: var(--font-base); }
h1, h2, h3, h4 { color: var(--text-title); }
.price, .total, .amount, .barcode, .qty, .num, .arc-metric-value, .qaym-digits, .lbl-price,
[data-format="currency"], input[type="number"], input[inputmode="numeric"], input[inputmode="decimal"], input[data-barcode], .dock-telemetry {
  font-family: var(--font-digits) !important; font-variant-numeric: tabular-nums; font-weight: 700 !important; letter-spacing: 0;
}
.qaym-header { height: 64px; background: var(--qaym-surface); border-bottom: 1px solid var(--qaym-border); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; box-shadow: var(--shadow-subtle); }
.qaym-logo { font: 800 1.4rem var(--font-base); color: var(--text-title); display: inline-flex; align-items: center; gap: 8px; }
.qaym-logo-badge { background: var(--brand-primary); color: #fff; padding: 2px 8px; border-radius: var(--radius-sm); font: 700 .75rem var(--font-digits); letter-spacing: 1px; }
.qaym-card { background: var(--qaym-surface); border: 1px solid var(--qaym-border); border-radius: var(--radius-lg); padding: 20px; box-shadow: var(--shadow-card); }
.qaym-table { width: 100%; border-collapse: collapse; }
.qaym-table th { background: var(--qaym-surface-hover); color: var(--text-muted); font-weight: 600; font-size: .82rem; padding: 12px 16px; border-bottom: 1px solid var(--qaym-border); }
.qaym-table td { padding: 14px 16px; border-bottom: 1px solid var(--qaym-border); color: var(--text-title); }
.qaym-table tr:hover td { background: var(--qaym-surface-hover); }
.brand-head .qaym-logo { justify-content: center; font-size: 16px; }
.brand-head .qaym-logo-badge { font-size: 10px; background: transparent; color: #000; }
.brand-head .qaym-logo .receipt-brand-mark { width: 24px; height: 24px; max-width: none; max-height: none; margin: 0; display: inline-block; }
@media screen {
  /* Canonical global tokens are defined above. */
  body { font-variant-numeric: tabular-nums; }
  .shell { grid-template-columns: 248px minmax(0, 1fr); }
  .content { max-width: 1480px; padding: 32px clamp(20px, 3vw, 44px); }
  .page-head { margin-bottom: 26px; }
  .page-head h1 { font-size: 1.65rem; letter-spacing: -.025em; }
  .sidebar { padding: 24px 14px; gap: 8px; scrollbar-width: thin; scrollbar-color: var(--color-border) transparent; }
  .brand { padding-bottom: 26px; }
  .nav a { min-height: 44px; padding: 10px 14px; border-radius: 10px; font-size: .92rem; position: relative; }
  .nav .ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; }
  .nav a.active { background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface)); }
  .nav a.active::before { content: ''; position: absolute; inset-inline-start: -14px; top: 12px; bottom: 12px; width: 3px; border-radius: 3px; background: var(--color-primary); }
  .nav .sep { margin-block: 14px; }
  .topbar { min-height: 68px; padding-inline: 32px; }
  .topbar-context { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
  .topbar-location { font-size: .82rem; padding-inline-start: 12px; border-inline-start: 1px solid var(--color-border); }
  .topbar .who { font-size: .85rem; }
  .card, dialog, .auth-card { color: var(--color-text); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: min(var(--radius), 16px); box-shadow: 0 3px 16px color-mix(in srgb, var(--color-text) 3%, transparent); }
  .card { padding: 24px; }
  .grid { gap: 20px; align-items: stretch; }
  .grid > .card + .card { margin-top: 0; }
  .stat { display: flex; flex-direction: column; gap: 12px; min-height: 154px; position: relative; overflow: hidden; }
  .stat::before { content: ''; width: 26px; height: 3px; background: color-mix(in srgb, var(--color-primary) 60%, var(--color-border)); border-radius: 4px; margin-bottom: 2px; }
  .stat .lbl { color: var(--color-muted); font-size: .88rem; font-weight: 500; line-height: 1.6; }
  .stat .num { font-size: clamp(1.4rem, 2vw, 2rem); font-weight: 750; line-height: 1.35; letter-spacing: -.025em; overflow-wrap: anywhere; unicode-bidi: plaintext; text-align: start; }
  .stat .small { margin-top: auto; line-height: 1.65; }
  .overview-intro { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 24px 0 28px; border-bottom: 1px solid var(--color-border); margin-bottom: 24px; }
  .overview-intro h2 { font-size: clamp(1.35rem, 2vw, 1.8rem); margin: 5px 0 8px; }
  .overview-intro p { margin: 0; font-size: .88rem; line-height: 1.8; }
  .section-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .04em; color: var(--color-primary); }
  .section-caption { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
  .section-caption h3 { font-size: .98rem; font-weight: 650; }
  .delivery-overview > .section-caption { margin-top: 28px; margin-bottom: 14px; }
  .delivery-overview > .grid { margin-top: 0; }
  .delivery-overview > .shipment-breakdown { margin-top: 28px; }
  .status-distribution { display: grid; gap: 18px; padding-top: 4px; }
  .status-row { display: grid; grid-template-columns: minmax(120px, 180px) 1fr 60px; align-items: center; gap: 20px; font-size: .85rem; }
  .status-row b { text-align: end; }
  .status-track { height: 7px; background: color-mix(in srgb, var(--color-muted) 12%, transparent); border-radius: 12px; overflow: hidden; }
  .status-track i { display: block; height: 100%; border-radius: inherit; background: var(--info); }
  .status-track i.ok { background: var(--ok); } .status-track i.warn { background: var(--warn); } .status-track i.bad { background: var(--bad); }
  .settlement-attention .kv-line { align-items: center; gap: 16px; padding-block: 14px; border-top: 1px solid var(--color-border); }
  .table-wrap { border-radius: 12px; }
  th { background: color-mix(in srgb, var(--color-muted) 5%, var(--color-surface)); padding-block: 14px; }
  td { padding-block: 15px; font-size: .9rem; }
  .badge { padding: 4px 10px; font-size: .72rem; }
  .tabs { margin-bottom: 24px; gap: 4px; }
  .tabs button { padding: 12px 18px; border-radius: 8px 8px 0 0; font-size: .9rem; }
  .tabs button.on { background: color-mix(in srgb, var(--color-primary) 5%, transparent); }
  label.f { line-height: 1.7; } label.f > span { margin-bottom: 8px; } label.f small { line-height: 1.7; margin-top: 6px; }
  input, select, textarea { color: var(--color-text); accent-color: var(--color-primary); }
  input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]), select, textarea { min-height: 44px; }
  .btn { min-height: 40px; border-radius: min(var(--radius-sm), 10px); } .btn.sm { min-height: 32px; }
  button:focus-visible, a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }
  .company-layout { grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr); align-items: start; }
  .form-heading { border-bottom: 1px solid var(--color-border); padding-bottom: 14px; margin-bottom: 20px; }
  .form-heading p { margin: 6px 0 0; }
  .form-actions { border-top: 1px solid var(--color-border); padding-top: 20px; margin-top: 24px; display: flex; justify-content: flex-end; }
  .company-profile h3 { margin-top: 12px; }
  .company-profile .kv { grid-template-columns: 100px minmax(0, 1fr); gap: 18px 16px; border-top: 1px solid var(--color-border); padding-top: 20px; font-size: .88rem; }
  .company-profile dd { overflow-wrap: anywhere; }
  @media (max-width: 1150px) { .grid.c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 900px) { .shell { grid-template-columns: minmax(0, 1fr); } .company-layout { grid-template-columns: minmax(0, 1fr); } }
  @media (max-width: 720px) {
    .content { padding: 20px 16px; } .topbar { padding-inline: 16px; } .card { padding: 18px; } .grid { gap: 14px; }
    .grid.c2, .grid.c3 { grid-template-columns: minmax(0, 1fr); } .stat { min-height: 138px; }
    .overview-actions { width: 100%; } .overview-actions .btn { flex: 1 1 auto; } .topbar-location { display: none; }
    .status-row { grid-template-columns: minmax(95px, 1fr) 1fr 35px; gap: 12px; }
    .topbar .who > span { max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  }
  @media (max-width: 390px) { .grid.c4 { grid-template-columns: minmax(0, 1fr); } }
  @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }
}

/* QAYM / QAYM — Arc & Dock Console */
@media screen {
  .arc-console {
    --arc-ease: cubic-bezier(.16,1,.3,1);
    direction: rtl; min-height: 100dvh; color: var(--text-body);
    font-family: var(--font-base); font-variant-numeric: tabular-nums;
    background: var(--qaym-bg); isolation: isolate;
  }
  .arc-console *, .arc-console *::before, .arc-console *::after { box-sizing: border-box; }
  .arc-visor { min-height: 64px; padding: 8px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--color-border); }
  .arc-visor .brand { padding: 0; font-size: 1rem; }
  .arc-visor .logo { background: rgba(10,51,44,.08); border: 1px solid rgba(10,51,44,.18); border-radius: 12px; width: 40px; height: 40px; }
  .arc-visor .logo img { padding: 6px; object-fit: contain; }
  .arc-visor-controls { display: flex; align-items: center; gap: 10px; font-size: .82rem; }
  .arc-avatar { width: 38px; height: 38px; border: 1px solid rgba(10,51,44,.25); color: var(--brand-primary); background: rgba(10,51,44,.08); border-radius: 50%; font: inherit; cursor: pointer; }
  .panoramic-stage { display: grid; grid-template-columns: minmax(0,1fr); grid-template-areas: 'center'; gap: 20px; padding: 24px 24px 132px; min-height: calc(100dvh - 64px); align-items: start; }
  .arc-center { grid-area: center; min-width: 0; }
  .arc-center .page-head { min-height: 90px; margin-bottom: 24px; padding-block: 4px; }
  .arc-center .page-head h1 { font-size: clamp(1.3rem, 1.7vw, 1.9rem); line-height: 1.7; margin: 3px 0; }
  .arc-center .page-head p { font-size: .82rem; line-height: 1.8; }
  .arc-eyebrow { color: var(--color-primary); font-size: .7rem; letter-spacing: .04em; }
  .arc-satellite { background: var(--qaym-surface); border: 1px solid var(--color-border); border-radius: 20px; padding: 20px; position: sticky; top: 20px; min-width: 0; }
  .arc-panel-heading { display: flex; align-items: center; justify-content: space-between; font-size: .8rem; font-weight: 600; padding-bottom: 18px; border-bottom: 1px solid var(--color-border); margin-bottom: 18px; }
  .arc-live-dot { width: 6px; height: 6px; background: var(--brand-primary); border-radius: 50%; box-shadow: 0 0 10px rgba(10,51,44,.5); }
  .arc-metrics { min-height: 360px; }
  .arc-metric { display: flex; flex-direction: column; gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--color-border); min-height: 86px; }
  .arc-metric-value { font-size: clamp(1.2rem,1.6vw,1.8rem); line-height: 1.5; overflow-wrap: anywhere; font-weight: 600; }
  .arc-telemetry [role=status] { display: block; min-height: 44px; margin-top: 18px; line-height: 1.8; font-size: .68rem; }
  .arc-console kbd { border: 1px solid var(--color-border); background: var(--qaym-surface-hover); padding: 3px 7px; border-radius: 6px; font-size: .65rem; color: var(--color-muted); }
  html .arc-console :is(.card,.modal,.auth-card) { background: var(--color-surface); color: var(--color-text); border: 1px solid var(--color-border); box-shadow: var(--shadow-card); backdrop-filter: none; border-radius: 18px; transition: border-color 150ms var(--arc-ease), box-shadow 150ms var(--arc-ease); }
  html .arc-console .card:hover { transform: none; border-color: rgba(10,51,44,.2); box-shadow: 0 0 20px rgba(10,51,44,.035); }
  .arc-console .grid > *, .arc-console tbody tr { animation: none; }
  .arc-console .grid.c4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .arc-console .grid { gap: 14px; }
  .arc-console .stat { min-height: 150px; }
  .arc-console .stat .num { font-size: clamp(1.25rem,1.7vw,1.8rem); }
  .arc-console .card { padding: 20px; }
  .arc-console .company-layout { grid-template-columns: minmax(0,1fr); }
  html .arc-console :is(input,select,textarea) { background: var(--bg-subtle); color: var(--text-title); border-color: var(--qaym-border); color-scheme: light; }
  .arc-console .btn { min-height: 44px; touch-action: manipulation; }
  .arc-console th { background: var(--bg-subtle); }
  .arc-console td, .arc-console th { padding-inline: 10px; }
  .arc-console .pos-grid { grid-template-columns: minmax(0,1fr) minmax(280px,320px); }
  .arc-console .pos-side { position: sticky; top: 20px; margin: 0; }
  .arc-payment { max-height: calc(100dvh - 160px); overflow-y: auto; }
  .arc-dock-container { position: fixed; bottom: calc(24px + env(safe-area-inset-bottom,0px)); left: 50%; transform: translateX(-50%); z-index: 1000; display: flex; align-items: center; gap: 8px; padding: 8px 14px; max-width: calc(100vw - 32px); background: rgba(255,255,255,.97); backdrop-filter: none; -webkit-backdrop-filter: none; border: 1px solid var(--qaym-border); border-radius: 40px; box-shadow: var(--shadow-md); }
  .arc-dock-keys { display: flex; gap: 6px; overflow-x: auto; padding: 10px 2px 2px; margin-top: -10px; scrollbar-width: none; }
  .arc-dock-keys::-webkit-scrollbar { display: none; }
  .dock-key { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-width: 76px; min-height: 66px; padding: 10px 16px; background: transparent; border: 0; border-radius: 24px; color: var(--text-muted); font: 500 .75rem var(--font-family); cursor: pointer; transition: color 150ms var(--arc-ease), background 150ms var(--arc-ease), transform 150ms var(--arc-ease), box-shadow 150ms var(--arc-ease); position: relative; white-space: nowrap; touch-action: manipulation; text-decoration: none; }
  .dock-key:hover { color: var(--text-title); background: var(--qaym-surface-hover); transform: translateY(-3px); text-decoration: none; }
  .dock-key.active { color: var(--brand-primary); background: rgba(10,51,44,.12); transform: translateY(-6px); box-shadow: var(--shadow-subtle); }
  .dock-key.active::after { content: ''; position: absolute; bottom: 4px; width: 5px; height: 5px; border-radius: 50%; background: var(--brand-primary); box-shadow: 0 0 8px var(--brand-primary); }
  .dock-more { border-inline-start: 1px solid var(--color-border); border-radius: 4px 24px 24px 4px; }
  .dock-telemetry { position: absolute; top: 2px; inset-inline-end: 5px; min-width: 18px; height: 18px; padding-inline: 4px; display: grid; place-items: center; border-radius: 12px; background: var(--brand-primary); color: #ffffff; font-size: .62rem; font-weight: 800; }
  .dock-telemetry[hidden] { display: none; }
  .arc-palette { width: min(680px,calc(100vw - 32px)); padding: 24px; border: 1px solid var(--qaym-border); background: var(--qaym-surface); color: var(--text-title); border-radius: 24px; box-shadow: var(--shadow-md); max-height: calc(100dvh - 32px); overflow-y: auto; }
  .arc-palette::backdrop { background: rgba(100,116,139,.24); backdrop-filter: none; }
  .arc-dialog-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
  .arc-dialog-head h2 { font-size: 1.15rem; }
  .arc-module-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
  .arc-module-link { display: flex; align-items: center; gap: 10px; min-height: 60px; border-radius: 12px; border: 1px solid var(--color-border); padding: 12px; font-size: .8rem; color: var(--color-text); }
  .arc-module-link:hover, .arc-module-link.active { background: rgba(10,51,44,.08); border-color: rgba(10,51,44,.3); text-decoration: none; }
  .arc-account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--color-border); }
  .arc-console :focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 4px; }
  .arc-console #print-area { color: #000; }
  @media (min-width: 2000px) { .arc-console .grid.c4 { grid-template-columns: repeat(4,minmax(0,1fr)); } }
  @media (max-width: 1250px) {
    .panoramic-stage { grid-template-columns: minmax(0,1fr); grid-template-areas: 'center'; }
    .arc-telemetry { position: static; } .arc-metrics { display: flex; flex-wrap: wrap; gap: 24px; min-height: 86px; }
    .arc-metric { flex: 1 1 140px; padding: 8px 0; border: 0; }
    .arc-telemetry [role=status] { min-height: 20px; margin-top: 8px; }
  }
  @media (max-width: 850px) {
    .panoramic-stage { grid-template-columns: minmax(0,1fr); grid-template-areas: 'center'; padding: 20px 16px 132px; }
    .arc-satellite { position: static; } .arc-payment { max-height: none; overflow: visible; }
    .arc-visor { padding: 14px 16px; } .arc-visor-controls > span { display: none; }
    .arc-console .grid.c2, .arc-console .grid.c3 { grid-template-columns: minmax(0,1fr); }
    .arc-dock-container { bottom: calc(12px + env(safe-area-inset-bottom,0px)); padding: 8px; gap: 4px; max-width: calc(100vw - 20px); }
    .dock-key { min-width: 62px; padding: 10px; font-size: .65rem; }
    .arc-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  }
  @media (max-width: 400px) { .arc-console .grid.c4 { grid-template-columns: minmax(0,1fr); } }
  @media (prefers-reduced-motion: reduce) { .arc-console *, .arc-console *::after, .arc-console *::before { animation: none !important; transition: none !important; } .dock-key:hover, .dock-key.active { transform: none; } }
}
@media print {
  .arc-visor, .arc-dock-container, .arc-satellite, .arc-palette, .arc-center .page-head { display: none !important; }
  .panoramic-stage { display: block; padding: 0; }
  .arc-console { background: white; color: black; }
}




/* Shared aliases cover existing vanilla views without view-specific palettes. */
html .arc-console :is(.card,.modal,.auth-card), .card, .qaym-card { border-radius: var(--radius-lg); box-shadow: var(--shadow-card); background: var(--qaym-surface); }
html .arc-console :is(.card,.modal,.auth-card):hover { box-shadow: var(--shadow-md); border-color: var(--border-strong); }
.arc-visor, .qaym-header { background: var(--qaym-surface); height: 64px; min-height: 64px; box-shadow: var(--shadow-subtle); }
.arc-satellite { border-radius: var(--radius-lg); box-shadow: var(--shadow-subtle); }
.arc-dock-container { box-shadow: var(--shadow-md); }
html .arc-console :is(input,select,textarea), input, select, textarea { color-scheme: only light; background: var(--bg-subtle); border-color: var(--qaym-border); border-radius: var(--radius-input); }
.toast, .toast.ok, .toast.bad { background: var(--qaym-surface); color: var(--text-title); border: 1px solid var(--qaym-border); box-shadow: var(--shadow-md); }
.toast.ok { border-inline-start: 4px solid var(--status-paid); } .toast.bad { border-inline-start: 4px solid var(--status-void); }
.arc-palette { font-family: var(--font-base); background: var(--qaym-surface); color: var(--text-title); }
.arc-console .qaym-logo-badge { color: #fff; }
.qaym-digits { unicode-bidi: isolate; direction: ltr; display: inline-block; }
.lbl-sheet text, .barcode text { font-family: var(--font-digits); }
@media print { body, button, input, select, textarea { font-family: var(--font-base); } .qaym-logo { color: #000; } .qaym-logo-badge { color: #000; background: transparent; } }


.qaym-logo { line-height: 1.25; }
.arc-visor { padding-block: 8px; }
.arc-visor .brand small { font-size: .68rem; line-height: 1.5; }
.money-in { font-family: var(--font-digits) !important; font-variant-numeric: tabular-nums; }


dialog::backdrop { background: rgba(100,116,139,.22); }


.arc-console .brand-head .qaym-logo-badge { color: #000; background: transparent; }

/* QAYM tactile layer: only transform and opacity are animated. */
@keyframes qaym-ring { 0% { transform: scale(.98); opacity: .7; } 100% { transform: scale(1.035); opacity: 0; } }
@keyframes qaym-conflict { 0%,100% { opacity: .12; } 50% { opacity: .38; } }
@keyframes qaym-row { from { transform: scale(.98); opacity: .65; } 60% { transform: scale(1.01); opacity: 1; } to { transform: scale(1); opacity: 1; } }
@media screen {
  html .arc-console .menu-item-card, html .arc-console .pharma-item-card { position: relative; background: var(--qaym-surface); border: 1px solid var(--qaym-border); border-radius: var(--radius-lg); padding: 16px; cursor: pointer; touch-action: manipulation; transition: transform 220ms cubic-bezier(.34,1.56,.64,1), opacity 150ms ease; }
  @media (hover:hover) and (pointer:fine) {
    html .arc-console .menu-item-card:hover, html .arc-console .pharma-item-card:hover { transform: translateY(-4px) scale(1.015); border-color: var(--brand-primary); box-shadow: var(--shadow-md); will-change: transform; }
  }
  html .arc-console .menu-item-card:active, html .arc-console .pharma-item-card:active,
  .btn:not(:disabled):active, .dock-key:active, .arc-shortcut:active { transform: scale(.96); transition: transform 80ms ease; }
  .btn, .dock-key, .arc-shortcut { transition-property: transform,opacity; }
  .flying-ghost-item { position: fixed; z-index: 9999; width: 28px; height: 28px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle,rgba(10,51,44,.85),rgba(10,51,44,.25)); box-shadow: 0 8px 18px rgba(10,51,44,.2); will-change: transform,opacity; }
  .cart-row-added { animation: qaym-row 350ms cubic-bezier(.34,1.56,.64,1); }
  .interaction-conflict { position: relative; outline: 1px solid var(--status-void); outline-offset: -1px; }
  .interaction-conflict::after { content: ''; position: absolute; inset: 0; pointer-events: none; border: 2px solid var(--status-void); border-radius: 8px; box-shadow: inset 0 0 14px rgba(220,38,38,.12); animation: qaym-conflict 1200ms ease-in-out 3; }
  .interaction-notice { border-inline-start: 3px solid var(--status-void); }
  .interaction-notice[hidden] { display: none; }
  .expiry-badge { border: 1px solid rgba(217,119,6,.24); background: rgba(217,119,6,.08); border-radius: 999px; padding: 4px 9px; }
  .kds-ticket, .kds-item { position: relative; }
  .kds-ticket { transition: transform 220ms cubic-bezier(.16,1,.3,1),opacity 220ms ease; }
  .ticket-ready { border-color: var(--status-paid); }
  .ticket-ready.status-confirmed::after { content: ''; position: absolute; inset: 0; border: 2px solid var(--status-paid); border-radius: 12px; pointer-events: none; animation: qaym-ring 400ms ease-out both; }
  @media (prefers-reduced-motion:reduce) {
    .flying-ghost-item { display: none; }
    html .arc-console .menu-item-card:hover, html .arc-console .pharma-item-card:hover,
    .btn:not(:disabled):active, .dock-key:active, .arc-shortcut:active { transform: none; }
    .interaction-conflict::after, .ticket-ready.status-confirmed::after { animation: none !important; opacity: .3; }
    .interaction-conflict { outline-width: 2px; }
  }
}
@media print { .flying-ghost-item, .interaction-conflict::after, .ticket-ready.status-confirmed::after { display: none !important; } }

@media screen {
  .arc-console .card, .arc-console .btn, .arc-console input, .arc-console select, .arc-console textarea, .arc-console tbody tr { transition-property: transform,opacity !important; }
}
@media screen {
  .scanner-flash-ring { position:absolute; inset: -2px; border:2px solid var(--brand-primary); border-radius:var(--radius-input); box-shadow:0 0 12px rgba(10,51,44,.15); pointer-events:none; }
  .scanner-active-flash { position:relative; }
  .scanner-active-flash::after { content:''; position:absolute; inset:0; border:1px solid var(--brand-primary); border-radius:8px; pointer-events:none; animation:qaym-ring 350ms ease-out both; }
}
@media (prefers-reduced-motion:reduce), print { .scanner-flash-ring, .scanner-active-flash::after { display:none !important; } }
html .arc-console .kds-ticket.ticket-ready { border-color: var(--status-paid); }
/* Living sectors: a full transaction stage and on-demand navigation. */
@media screen {
  .arc-workflow-wide .panoramic-stage { grid-template-columns: minmax(0,1fr); grid-template-areas: 'center'; }
  .arc-workflow-wide .arc-telemetry { position: static; }
  .arc-workflow-wide .arc-metrics { display: flex; flex-wrap: wrap; gap: 24px; min-height: 86px; }
  .arc-workflow-wide .arc-metric { flex: 1 1 160px; border: 0; }
  html .arc-console .arc-telemetry { background: rgba(255,255,255,.78); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(10,51,44,.15); box-shadow: inset 0 1px 0 #fff, 0 12px 32px -14px rgba(10,51,44,.16); }
  html .arc-console .arc-dock-container { background: rgba(255,255,255,.88); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(226,232,240,.8); box-shadow: 0 16px 36px -8px rgba(15,23,42,.12), 0 0 1px rgba(0,0,0,.05); }
  html .arc-console .dock-key.active { color: var(--brand-primary); background: var(--brand-primary-light); transform: translateY(-4px); box-shadow: 0 6px 12px -2px rgba(10,51,44,.2); }
  button, .clickable-pill { transition: transform .15s cubic-bezier(.34,1.56,.64,1); touch-action: manipulation; }
  button:not(:disabled):active, .btn:not(:disabled):active, .dock-key:active, .clickable-pill:active { transform: scale(.96) translateY(1px); }
  .clinical-empty { display: grid; justify-items: center; text-align: center; padding: 32px 16px; min-height: 270px; align-content: center; }
  .clinical-empty p { max-width: 360px; line-height: 1.9; margin: 8px 0 16px; }
  .clinical-art { width: 240px; max-width: 100%; height: 144px; overflow: visible; }
  .clinical-capsule { animation: clinicalFloat 3s ease-in-out infinite; }
  .clinical-empty:hover .clinical-capsule { animation-play-state: paused; }
  .barcode-scanner-active { position: relative; isolation: isolate; }
  .barcode-scanner-active::after { content: ''; position: absolute; pointer-events: none; z-index: 1; inset-inline: 10px; top: 6px; height: 2px; background: linear-gradient(90deg,transparent,var(--qaym-blue-tech),#10B981,transparent); box-shadow: 0 0 8px #10B981; opacity: 0; }
  .barcode-scanner-active:focus-within::after { animation: scanSweep 1.8s ease-in-out infinite; }
  .flying-ghost-item.qaym-flying-dish { display: grid; place-items: center; width: 32px; height: 32px; background: #fff; }
  @keyframes clinicalFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
  /* Fixed input geometry: only the laser layer moves, never the layout. */
  @keyframes scanSweep { 0%,100% { transform: translateY(0); opacity: .2; } 50% { transform: translateY(30px); opacity: 1; } }
  @media (max-width: 1000px) { html .arc-console .pos-grid { grid-template-columns: minmax(0,1fr); } html .arc-console .pos-side { position: static; } }
  @media (prefers-reduced-motion: reduce) {
    .clinical-capsule, .barcode-scanner-active:focus-within::after { animation: none !important; }
    .barcode-scanner-active:focus-within::after { opacity: .35; }
    button, .clickable-pill { transition: none !important; }
    button:not(:disabled):active, .btn:not(:disabled):active, .dock-key:active, .clickable-pill:active, html .arc-console .dock-key.active { transform: none; }
  }
}

/* Workspace windows: static flow by default, fixed geometry only after user action. */
@media screen {
  .qaym-header { position: sticky; top: 0; z-index: 9000; }
  .qaym-workspace-tools { display: flex; align-items: center; gap: 4px; padding: 3px; border: 1px solid var(--qaym-border); border-radius: var(--radius-md); background: var(--qaym-surface-hover); }
  .qaym-workspace-tools .btn { white-space: nowrap; font-size: .7rem; }
  .workspace-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .workspace-status:not(:empty) { position: fixed; top: 80px; inset-inline-end: 16px; width: min(360px,calc(100vw - 32px)); height: auto; padding: 12px 16px; clip-path: none; border: 1px solid var(--qaym-border); border-radius: var(--radius-md); background: var(--qaym-surface); color: var(--text-title); box-shadow: var(--shadow-md); font-size: .75rem; line-height: 1.8; pointer-events: none; }
  #btn-toggle-fullscreen[aria-pressed=true] { color: var(--brand-primary); background: var(--brand-primary-light); }
  .workspace-menu { position: relative; font-size: .72rem; }
  .workspace-menu > summary { cursor: pointer; min-height: 40px; display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 6px; }
  .workspace-menu > summary::after { content: '⌄'; }
  .workspace-menu[open] > summary { background: var(--brand-primary-light); color: var(--brand-primary); }
  .workspace-panel-list { position: absolute; inset-inline-end: 0; top: calc(100% + 10px); width: min(280px,calc(100vw - 32px)); max-height: min(60dvh,420px); overflow-y: auto; padding: 8px; border: 1px solid var(--qaym-border); border-radius: var(--radius-md); background: var(--qaym-surface); box-shadow: var(--shadow-md); }
  .workspace-panel-toggle { display: flex; align-items: center; gap: 10px; padding: 10px 8px; min-height: 44px; cursor: pointer; color: var(--text-title); }
  html .arc-console .workspace-panel-toggle input { width: 18px; height: 18px; accent-color: var(--brand-primary); }
  html .arc-console .qaym-managed-panel { padding: 20px; min-width: 0; overflow-wrap: anywhere; }
  .qaym-panel-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 6px 12px; margin: -20px -20px 16px; background: rgba(248,250,252,.96); border-bottom: 1px solid var(--qaym-border); border-radius: var(--radius-lg) var(--radius-lg) 0 0; user-select: none; }
  .panel-drag-handle { display: flex; flex: 1; min-width: 0; align-items: center; gap: 8px; min-height: 32px; cursor: grab; font-size: .78rem; font-weight: 600; color: var(--text-muted); touch-action: none; }
  .panel-drag-handle:active { cursor: grabbing; }
  .panel-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .panel-icon { letter-spacing: -3px; margin-inline-end: 4px; opacity: .6; }
  .panel-actions { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }
  html .arc-console .btn-panel-action { background: transparent; border: 0; width: 32px; height: 32px; min-height: 32px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; color: var(--text-muted); cursor: pointer; padding: 0; font-size: 1rem; }
  .btn-panel-action:hover { background: var(--qaym-border); color: var(--text-title); }
  .btn-panel-action[data-action=close]:hover { background: #FEE2E2; color: var(--status-void); }
  html .arc-console .qaym-managed-panel:is(.is-floating,.is-maximized) { position: fixed !important; inset: auto !important; left: var(--workspace-x) !important; top: var(--workspace-y) !important; width: var(--workspace-width) !important; height: var(--workspace-height) !important; min-height: 0; max-height: none; margin: 0 !important; z-index: var(--workspace-z,2000); overflow: auto; box-shadow: 0 25px 50px -12px rgba(15,23,42,.22); transition: none !important; }
  .qaym-managed-panel:is(.is-floating,.is-maximized) > .qaym-panel-bar { position: sticky; top: -20px; z-index: 2; }
  .qaym-managed-panel.is-manipulating { will-change: transform; user-select: none; }
  html .arc-console .qaym-managed-panel.is-collapsed { height: 44px !important; min-height: 44px !important; padding: 0 !important; overflow: hidden !important; }
  .qaym-managed-panel.is-collapsed > .qaym-panel-bar { margin: 0; border: 0; }
  .qaym-managed-panel.is-collapsed > :not(.qaym-panel-bar) { display: none !important; }
  html .arc-console .qaym-managed-panel.is-closed { display: none !important; }
  .qaym-resize-handle { display: none; }
  .qaym-managed-panel.is-floating > .qaym-resize-handle, .qaym-managed-panel:hover > .qaym-resize-handle, .qaym-managed-panel:focus-within > .qaym-resize-handle { display: block; }
  .qaym-managed-panel:not(.is-floating):not(.is-maximized) { position: relative; }
  .qaym-resize-handle { position: absolute; right: 0; bottom: 0; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px 0; background: var(--brand-primary-light); color: var(--brand-primary); cursor: nwse-resize; touch-action: none; z-index: 3; }
  .qaym-resize-handle[hidden] { display: none !important; }
  html .arc-console .qaym-managed-panel:fullscreen { display: block !important; position: fixed !important; inset: 0 !important; width: 100vw !important; height: 100dvh !important; max-height: none !important; margin: 0 !important; overflow: auto !important; padding: 20px !important; background: var(--qaym-surface) !important; transform: none !important; }
  .qaym-managed-panel:fullscreen > .qaym-panel-bar { position: sticky; top: -20px; z-index: 2; }
  .qaym-managed-panel:fullscreen > .qaym-resize-handle { display: none; }
  @media (pointer: coarse) { .qaym-resize-handle { display: block; } html .arc-console .btn-panel-action { width: 40px; height: 40px; } .qaym-panel-bar { min-height: 52px; } html .arc-console .qaym-managed-panel.is-collapsed { height: 52px !important; min-height: 52px !important; } }
  @media (max-width: 1100px) { .arc-visor { height: auto; flex-wrap: wrap; } .arc-visor-controls { flex-wrap: wrap; } }
  @media (max-width: 600px) { .arc-visor-controls { width: 100%; gap: 4px; } .qaym-workspace-tools { flex: 1; justify-content: space-between; } .qaym-panel-bar { gap: 4px; padding-inline: 8px; } }
}
@media print {
  .qaym-panel-bar, .qaym-resize-handle, .qaym-workspace-tools { display: none !important; }
  .qaym-managed-panel.is-closed { display: none !important; }
  .qaym-managed-panel:is(.is-floating,.is-maximized,.is-collapsed) { position: static !important; inset: auto !important; width: auto !important; height: auto !important; transform: none !important; overflow: visible !important; }
  .qaym-managed-panel.is-collapsed > :not(.qaym-panel-bar,.qaym-resize-handle) { display: block !important; }
}

/* Calm precision: one panoramic stage, compact live signals, and a clear bill. */
body { letter-spacing: -.01em; }
.qaym-pure-card { background: var(--qaym-surface); border: 1px solid var(--qaym-border); border-radius: var(--radius-panel); box-shadow: var(--shadow-ambient); padding: 24px; }
@media screen {
  .arc-console .muted { color: var(--text-secondary); }
  .arc-console .arc-center .page-head { min-height: 0; margin-bottom: 24px; }
  .arc-console .arc-center .page-head h1 { font-size: clamp(1.3rem,1.6vw,1.8rem); }
  .arc-console .arc-eyebrow { color: var(--text-secondary); }
  .arc-console .card, html .arc-console .card:hover { border-color: var(--qaym-border); box-shadow: var(--shadow-ambient); }
  html .arc-console .arc-telemetry.kpi-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; position: relative; padding: 12px 24px; margin-bottom: 24px; background: var(--qaym-surface); border: 1px solid var(--qaym-border); border-radius: var(--radius-pill); box-shadow: var(--shadow-ambient); backdrop-filter: none; }
  .pulse-label { font-size: .7rem; font-weight: 600; color: var(--brand-primary); white-space: nowrap; }
  .pulse-label::before { content: ''; display: inline-block; width: 5px; height: 5px; margin-inline-end: 8px; border-radius: 50%; background: var(--brand-primary); vertical-align: middle; }
  .arc-console .arc-telemetry .arc-metrics { display: flex; flex: 1; min-width: 0; min-height: 0; gap: 16px 24px; flex-wrap: wrap; }
  .arc-console .kpi-metric-item { display: flex; flex: 0 1 auto; flex-direction: row; align-items: baseline; gap: 10px; padding: 0; border: 0; min-height: 0; white-space: nowrap; }
  .metric-label { color: var(--text-secondary); font-size: .72rem; }
  .arc-console .metric-val { color: var(--text-primary); font-family: var(--font-digits); font-weight: 700; font-size: 1.05rem; line-height: 1.6; }
  .arc-console .arc-telemetry > [role=status] { display: inline; min-height: 0; margin: 0; font-size: .6rem; color: var(--text-secondary); }
  html .arc-console .pos-grid { grid-template-columns: minmax(0,1.85fr) minmax(340px,1fr); gap: 24px; }
  .pos-bill-column { min-width: 0; gap: 16px; }
  html .arc-console .pos-side { position: static; }
  .pos-catalog-panel { min-height: 440px; }
  .pos-catalog-caption { margin-bottom: 16px; color: var(--text-secondary); }
  .pos-catalog-caption .badge { background: var(--brand-primary-light); color: var(--brand-primary); font-size: .65rem; font-weight: 500; border: 0; }
  .pos-catalog-picker > input { min-height: 52px; padding: 14px 16px; border-radius: 12px; }
  .pos-product-tiles { display: grid; grid-template-columns: repeat(auto-fill,minmax(175px,1fr)); align-content: start; gap: 14px; margin-top: 24px; min-height: 280px; }
  .pos-product-tile { display: block; width: 100%; padding: 20px; border: 1px solid var(--qaym-border); border-radius: 14px; background: var(--qaym-surface); color: var(--text-primary); text-align: start; cursor: pointer; }
  .pos-product-tile:hover, .pos-product-tile.on { border-color: rgba(10,51,44,.25); background: var(--brand-primary-light); }
  .pos-product-tile > .row { display: flex; flex-direction: column; align-items: stretch; gap: 24px; }
  .pos-product-tile b { font-size: .85rem; line-height: 1.8; }
  .pos-product-tile .small { font-size: .72rem; line-height: 1.8; }
  .pos-product-tile > .row > :last-child { text-align: start !important; }
  .pos-product-tile > .row > :last-child > :first-child { color: var(--brand-primary); font-weight: 700; font-size: .9rem; }
  .pos-catalog-state { grid-column: 1/-1; align-self: center; justify-self: center; padding: 32px 16px; color: var(--text-secondary); font-size: .8rem; text-align: center; }
  .pos-bill-lines { display: grid; gap: 0; }
  .pos-bill-line { padding: 16px 0; border-bottom: 1px solid var(--qaym-border-subtle); }
  .pos-bill-line:first-child { padding-top: 0; }
  .pos-line-heading, .pos-line-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
  .pos-line-heading > b { font-size: .85rem; line-height: 1.8; }
  .pos-line-notices { font-size: .7rem; line-height: 1.9; margin-bottom: 12px; }
  .pos-line-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: .75rem; }
  .pos-line-quantity, .pos-line-discount { display: flex; align-items: center; gap: 8px; }
  .pos-line-discount { margin-block: 10px; }
  .pos-line-controls .price { margin-inline-start: auto; font-size: .75rem; }
  .pos-line-footer .amount { font-size: .9rem; }
  .pos-bill-lines .clinical-empty { padding: 16px 0; min-height: 240px; }
  .pos-bill-lines .clinical-art { width: 180px; height: 108px; }
  .pos-bill-column .pos-total { font-family: var(--font-digits); font-size: clamp(1.8rem,2.5vw,2.5rem); letter-spacing: -.04em; }
  .pos-bill-column .btn.primary.block { min-height: 52px; border-radius: 12px; }
  html .arc-console .qaym-managed-panel { padding: 24px; }
  .qaym-panel-bar { margin: -24px -24px 16px; background: var(--qaym-surface-hover); }
  .arc-console:not(.workspace-editing) .qaym-managed-panel:not(.is-floating):not(.is-maximized):not(.is-collapsed):not(:fullscreen) > .qaym-panel-bar { margin: 0 0 16px; padding: 0; min-height: 32px; border: 0; background: transparent; }
  .arc-console:not(.workspace-editing) .qaym-managed-panel:not(.is-floating):not(.is-maximized):not(.is-collapsed):not(:fullscreen) > .qaym-panel-bar:not(:focus-within) .panel-actions { visibility: hidden; pointer-events: none; }
  .arc-console:not(.workspace-editing) .qaym-managed-panel:not(.is-floating):not(.is-maximized):not(:fullscreen) > .qaym-resize-handle { display: none; }
  .arc-console:not(.workspace-editing) .arc-telemetry:not(.is-floating):not(.is-maximized):not(.is-collapsed):not(:fullscreen) > .qaym-panel-bar { display: none; }
  html .workspace-editing .arc-telemetry.kpi-strip { display: block; border-radius: var(--radius-panel); }
  .workspace-editing .kpi-strip > .pulse-label { display: none; }
  .workspace-editing .arc-telemetry .arc-metrics { margin-bottom: 8px; }
  .qaym-managed-panel:is(.is-floating,.is-maximized) > .qaym-panel-bar { top: -24px; }
  .workspace-editing .qaym-resize-handle { display: block; }
  .qaym-workspace-tools { border-color: transparent; background: transparent; }
  .qaym-workspace-tools [aria-pressed=true] { color: var(--brand-primary); background: var(--brand-primary-light); }
  html .arc-console .arc-dock-container { box-shadow: var(--shadow-floating); border-radius: 24px; }
  html .arc-console .dock-key.active { transform: none; box-shadow: none; background: var(--brand-primary-light); }
  .dock-key.active::after { box-shadow: none; width: 4px; height: 4px; }
  .barcode-scanner-active:focus-within::after { animation: none; opacity: .2; }
  .clinical-capsule { animation: none; }
  @media (max-width: 1000px) { html .arc-console .pos-grid { grid-template-columns: minmax(0,1fr); } .pos-catalog-panel { min-height: 320px; } html .arc-console .arc-telemetry.kpi-strip { border-radius: var(--radius-panel); } }
  @media (max-width: 600px) { .arc-console .arc-telemetry .arc-metrics { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; flex-basis: 100%; } .pos-product-tiles { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .pos-product-tile { padding: 14px; } }
}

@media print { .qaym-nav-rail { display: none !important; } .qaym-workspace-grid { display: block; height: auto; overflow: visible; } }

/* Enterprise delivery console. Clearance belongs to views that actually use the dock. */
@media screen {
  .main-content-container, .delivery-console .qaym-stage-center { padding-bottom: calc(120px + env(safe-area-inset-bottom,0px)) !important; }
  .delivery-console .panoramic-stage { padding-bottom: 0; }
  .delivery-console :is(.btn-qaym-primary,.btn.primary) { background: linear-gradient(135deg,var(--qaym-blue-tech),#145A49); color: #fff; border: 0; border-radius: 10px; padding: 10px 20px; font-weight: 600; font-size: .92rem; box-shadow: 0 4px 14px rgba(10,51,44,.28); display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
  .delivery-console :is(.btn-qaym-primary,.btn.primary):not(:disabled):hover { background: linear-gradient(135deg,#14532D,#145A49); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(10,51,44,.4); }
  .delivery-console .btn-qaym-secondary { background: #fff; color: var(--qaym-primary-dark); border: 1px solid var(--qaym-border); border-radius: 10px; padding: 10px 18px; font-weight: 500; box-shadow: 0 2px 6px rgba(10,51,44,.04); display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; }
  .delivery-console .btn-qaym-secondary:not(:disabled):hover { background: #F8FAFC; border-color: #CBD5E1; transform: translateY(-1px); }
  .delivery-console :is(.btn-qaym-primary,.btn-qaym-secondary).sm { padding: 7px 12px; font-size: .75rem; }
  .delivery-console .btn:not(:disabled):active, .delivery-console .tabs button:active { transform: scale(.97); }
  .delivery-console .btn:disabled { cursor: not-allowed; box-shadow: none; }
  html .delivery-console .delivery-telemetry.qaym-managed-panel { padding: 0; margin-bottom: 16px; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; }
  .delivery-telemetry > .pulse-label { display: none; }
  .delivery-console.workspace-editing .delivery-telemetry > .qaym-panel-bar { margin: 0 0 16px; }
  .delivery-console .delivery-telemetry > [role=status] { display: block; font-size: .65rem; margin: 6px 0 0; min-height: 0; color: var(--text-muted); }
  .delivery-console .delivery-telemetry .kpi-deck { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(180px,100%),1fr)); gap: 16px; min-height: 0; margin: 0; }
  .delivery-console .arc-metric.kpi-card { background: #fff; border: 1px solid var(--qaym-border); border-radius: 12px; padding: 14px 18px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 86px; box-shadow: 0 2px 8px rgba(10,51,44,.03); position: relative; overflow: hidden; }
  .kpi-card::after { content: ''; position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--qaym-blue-tech); }
  .kpi-card.success::after { background: var(--qaym-emerald-success); }
  .delivery-console .kpi-val { font-family: var(--font-mono); font-size: 1.35rem; font-weight: 700; color: var(--qaym-primary-dark); line-height: 1.6; }
  .kpi-label { font-size: .82rem; color: var(--text-muted); margin-top: 2px; }
  .kpi-symbol { color: var(--qaym-blue-tech); padding: 10px; background: #EEF8F2; border-radius: 10px; display: grid; place-items: center; }
  .success .kpi-symbol { color: #047857; background: #ECFDF5; }
  .filter-toolbar { background: #fff; border: 1px solid var(--qaym-border); border-radius: 14px; padding: 16px 20px; box-shadow: 0 4px 12px rgba(10,51,44,.02); display: flex; flex-wrap: wrap; gap: 12px; align-items: end; }
  .delivery-console .filter-toolbar > .f { flex: 1 1 145px; min-width: 0; }
  .delivery-console .filter-toolbar > .f:first-child { flex-basis: 230px; }
  .delivery-console .filter-toolbar .f > span { color: var(--text-muted); font-size: .72rem; }
  html .delivery-console :is(.qaym-input,.qaym-select), html .delivery-console input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]) { min-height: 42px; padding: 0 14px; border: 1px solid #CBD5E1; border-radius: 8px; background: #F8FAFC; font-family: var(--font-sans); font-size: .88rem; color: var(--qaym-primary-dark); outline: none; }
  html .delivery-console :is(.qaym-input,.qaym-select):focus, html .delivery-console input:focus { background: #fff; border-color: var(--qaym-blue-tech); box-shadow: 0 0 0 3px rgba(10,51,44,.12); }
  .delivery-console input[type=checkbox] { width: 17px; height: 17px; accent-color: var(--qaym-blue-tech); cursor: pointer; }
  html .delivery-console .qaym-table-container { background: #fff; border: 1px solid var(--qaym-border); border-radius: 14px; overflow-x: auto; box-shadow: 0 4px 16px rgba(10,51,44,.03); }
  html .delivery-console .qaym-table-container.qaym-managed-panel { padding: 0; }
  .delivery-console.workspace-editing .qaym-table-container > .qaym-panel-bar { margin: 0; }
  .delivery-console:not(.workspace-editing) .qaym-table-container:not(.is-collapsed) > .qaym-panel-bar { padding: 12px 18px !important; margin: 0 !important; }
  .delivery-console .qaym-table-container:is(.is-floating,.is-maximized) > .qaym-panel-bar { top: 0; margin: 0; }
  .delivery-console .qaym-table { width: 100%; border-collapse: collapse; }
  .delivery-console .qaym-table th { background: #F8FAFC; color: var(--text-muted); font-size: .82rem; font-weight: 600; padding: 14px 18px; text-align: start; border-bottom: 1px solid var(--qaym-border); white-space: nowrap; }
  .delivery-console .qaym-table td { padding: 16px 18px; border-bottom: 1px solid #F1F5F9; color: var(--qaym-primary-dark); font-size: .92rem; vertical-align: middle; }
  .delivery-console .qaym-table tbody tr:hover td { background: #F8FAFC; }
  .badge-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 9999px; font-size: .78rem; font-weight: 600; white-space: nowrap; }
  .badge-status.delivered { background: #ECFDF5; color: #065F46; border: 1px solid #A7F3D0; }
  .badge-status.new { background: #EEF8F2; color: #18583F; border: 1px solid #BBEACB; }
  .badge-status.pending { background: #FFFBEB; color: #92400E; border: 1px solid #FDE68A; }
  .badge-status.returned { background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; }
  .status-dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
  .delivery-tabs-viewport { overflow-x: auto; scrollbar-width: thin; }
  .delivery-console .delivery-tabs-track { display: flex; flex-wrap: nowrap; position: relative; width: max-content; min-width: 100%; margin-bottom: 0; gap: 4px; }
  .delivery-console .delivery-tabs-track button { white-space: nowrap; border-bottom-color: transparent; min-height: 48px; color: var(--text-muted); }
  .delivery-console .delivery-tabs-track button.on { color: var(--qaym-blue-tech); background: transparent; border-color: transparent; }
  .delivery-tab-indicator { position: absolute; left: 0; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--qaym-blue-tech); pointer-events: none; transform-origin: left center; }
  .delivery-console .is-refreshing { opacity: .6; transition: opacity 150ms ease; }
  .delivery-bulk-actions { z-index: 20; box-shadow: var(--shadow-floating); }
  @media (max-width: 600px) { .delivery-console .filter-toolbar { padding: 14px; } .delivery-console .filter-toolbar > .f { flex-basis: calc(50% - 12px); } .delivery-console .filter-toolbar > .f:first-child { flex-basis: 100%; } .delivery-console .qaym-table { min-width: 850px; } .delivery-console .btn-qaym-primary,.delivery-console .btn-qaym-secondary { font-size: .8rem; padding-inline: 14px; } }
  @media (prefers-reduced-motion: reduce) { .delivery-console .btn:not(:disabled):hover,.delivery-console .btn:not(:disabled):active,.delivery-console .tabs button:active { transform: none !important; } .delivery-console .is-refreshing { opacity: 1; transition: none; } }
}

/* Living canvas: quiet ambient depth, spring-like feedback, no layout animation. */
@media screen {
  .living-canvas { position: relative; background: var(--qaym-bg-canvas); }
  .living-canvas::before, .living-canvas::after { content: ''; position: fixed; pointer-events: none; z-index: -1; }
  .living-canvas::before { inset: -5%; background: radial-gradient(ellipse at 12% 10%,rgba(47,143,91,.14),transparent 48%),radial-gradient(ellipse at 90% 65%,rgba(201,162,74,.065),transparent 44%); transform: translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0); transition: transform 900ms cubic-bezier(.16,1,.3,1); }
  .living-canvas::after { width: min(60vw,700px); height: min(60vw,700px); border-radius: 50%; inset-inline-start: 25%; top: 8%; background: radial-gradient(circle,rgba(47,143,91,.055),transparent 65%); animation: qaym-ambient-drift 20s ease-in-out infinite alternate; }
  .living-canvas.canvas-paused::after { animation-play-state: paused; }
  .living-canvas .panoramic-stage { width: 100%; max-width: 1640px; margin-inline: auto; padding-inline: clamp(16px,3.5vw,64px); }
  .living-canvas .qaym-header { background: rgba(249,251,250,.78); color: var(--text-primary); border-bottom: 1px solid var(--qaym-glass-border); backdrop-filter: var(--qaym-glass-blur); -webkit-backdrop-filter: var(--qaym-glass-blur); box-shadow: none; }
  .living-canvas .qaym-header .qaym-logo { color: var(--qaym-deep-emerald); }
  .living-canvas .arc-center .page-head { margin-block: 12px 28px; }
  .living-canvas .arc-center .page-head h1 { font-size: clamp(1.6rem,2.6vw,2.6rem); font-weight: 700; letter-spacing: -.045em; }
  .living-canvas .arc-center .page-head p { font-size: .8rem; max-width: 60ch; line-height: 1.9; }
  .living-canvas .arc-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--text-muted); }
  .living-canvas .arc-eyebrow::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--qaym-amber-gold); box-shadow: 0 0 12px rgba(201,162,74,.2); }
  html .living-canvas :is(.qaym-managed-panel,.filter-toolbar,.qaym-table-container) { background: var(--qaym-glass-card); border: 1px solid var(--qaym-glass-border); border-radius: var(--radius-panel); box-shadow: var(--shadow-fluid); backdrop-filter: var(--qaym-glass-blur); -webkit-backdrop-filter: var(--qaym-glass-blur); }
  html .living-canvas .arc-telemetry.kpi-strip { background: var(--qaym-glass-card); border-color: var(--qaym-glass-border); box-shadow: var(--shadow-fluid); }
  html .living-canvas .delivery-telemetry.qaym-managed-panel { background: transparent; border: 0; box-shadow: none; backdrop-filter: none; }
  .living-canvas .arc-metric.kpi-card { border-radius: 20px; padding: 20px 24px; border-color: var(--qaym-glass-border); box-shadow: var(--shadow-fluid); background: var(--qaym-glass-card); }
  .living-canvas .kpi-card::after { width: 3px; top: 22%; height: 56%; border-radius: 6px; background: var(--qaym-amber-gold); }
  .living-canvas .kpi-card.success::after { background: var(--qaym-soft-mint); }
  .living-canvas .kpi-symbol { color: var(--qaym-deep-emerald); background: rgba(47,143,91,.12); border-radius: 14px; }
  .living-canvas .kpi-card:not(.success) .kpi-symbol { background: rgba(201,162,74,.10); }
  .living-canvas .qaym-table th { background: rgba(10,51,44,.025); }
  .living-canvas .qaym-table tbody tr:hover td { background: rgba(47,143,91,.045); }
  .living-canvas .filter-toolbar { gap: 16px; padding: 20px 24px; }
  html .living-canvas :is(.qaym-input,.qaym-select), html .living-canvas :is(input,select,textarea) { border-color: rgba(10,51,44,.12); border-radius: 12px; background: rgba(255,255,255,.72); color: var(--text-primary); }
  html .living-canvas :is(input,select,textarea):focus { border-color: #228B63; box-shadow: 0 0 0 3px rgba(47,143,91,.14); }
  .living-canvas .btn { border-radius: 12px; }
  html .living-canvas :is(.btn.primary,.btn-qaym-primary) { color: #fff; background: linear-gradient(135deg,#14532D,#17614B); border-color: transparent; box-shadow: 0 5px 16px rgba(10,51,44,.13); }
  html .living-canvas :is(.btn.primary,.btn-qaym-primary):not(:disabled):hover { background: linear-gradient(135deg,#124A3D,#217855); box-shadow: var(--shadow-active); transform: translateY(-2px); }
  html .living-canvas .btn-checkout-primary { background: var(--qaym-amber-gradient); color: #261B08; box-shadow: 0 8px 24px rgba(201,162,74,.2); border-radius: 16px; }
  html .living-canvas .btn-checkout-primary:not(:disabled):hover { background: linear-gradient(135deg,#FCD34D,#C9A24A); color: #261B08; box-shadow: 0 12px 30px rgba(201,162,74,.28); }
  html .living-canvas .arc-dock-container { background: rgba(10,51,44,.93); border: 1px solid rgba(47,143,91,.16); box-shadow: 0 16px 40px -10px rgba(10,51,44,.3),inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: var(--qaym-glass-blur); -webkit-backdrop-filter: var(--qaym-glass-blur); border-radius: 30px; padding: 8px 12px; }
  .living-canvas .dock-key { color: #B8D7C7; border-radius: 22px; }
  .living-canvas .dock-key:hover { background: rgba(47,143,91,.08); color: #fff; transform: translateY(-3px); }
  html .living-canvas .dock-key.active { background: linear-gradient(145deg,#2F8F5B,#A7F3BA); color: var(--qaym-deep-emerald); transform: translateY(-4px); box-shadow: 0 6px 18px rgba(47,143,91,.18); }
  .living-canvas .dock-key.active::after { background: var(--qaym-deep-emerald); }
  .living-canvas .dock-more { border-color: rgba(47,143,91,.15); }
  .living-canvas .dock-telemetry { background: var(--qaym-amber-gold); color: #261B08; }
  .living-canvas .qaym-panel-bar { background: rgba(238,248,241,.65); }
  .living-canvas .pos-product-tile { border-radius: 18px; background: rgba(255,255,255,.72); border-color: var(--qaym-glass-border); }
  .living-canvas .pos-product-tile:hover { background: #F1FBF4; border-color: rgba(47,143,91,.4); box-shadow: 0 8px 22px -12px rgba(10,51,44,.2); }
  .preferences-card { max-width: 760px; }
  .preferences-card .f { max-width: 340px; margin-block: 24px; }
  .preference-type-sample { background: linear-gradient(135deg,rgba(47,143,91,.1),rgba(201,162,74,.07)); padding: 28px; border-radius: 18px; border: 1px solid var(--qaym-glass-border); }
  .preference-type-sample b { font-size: 1.3rem; }
  .preference-type-sample .amount { display: block; font-size: 1.6rem; color: var(--qaym-deep-emerald); }
  @keyframes qaym-ambient-drift { from { transform: translate3d(-3%,-2%,0) scale(.96); } to { transform: translate3d(4%,3%,0) scale(1.05); } }
  @media (max-width: 800px) { .living-canvas .panoramic-stage { padding-inline: 16px; } .living-canvas .arc-center .page-head h1 { font-size: 1.6rem; } }
  @media (prefers-reduced-motion: reduce) {
    .living-canvas::before { transition: none; transform: none; }
    .living-canvas::after { animation: none; }
    html .living-canvas .dock-key.active,html .living-canvas .dock-key:hover,html .living-canvas .btn:not(:disabled):hover { transform: none; }
  }
  @media (prefers-reduced-transparency: reduce) { html .living-canvas :is(.qaym-managed-panel,.filter-toolbar,.qaym-table-container,.qaym-header) { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; } }
}

/* Executive glass bar: two compact identity groups, one concealed tool menu. */
@media screen {
  html .living-canvas .qaym-topbar { height: 56px; min-height: 56px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; direction: rtl; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(10,51,44,.08); box-shadow: 0 2px 10px rgba(10,51,44,.03); }
  .topbar-brand-section { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .brand-emblem-wrap { display: flex; align-items: center; gap: 8px; padding: 4px 10px; background: rgba(240,253,244,.6); border: 1px solid rgba(10,51,44,.055); border-radius: 999px; color: var(--qaym-deep-emerald); text-decoration: none; flex-shrink: 0; }
  .brand-emblem-wrap:hover { text-decoration: none; background: #F0FDF4; }
  .brand-emblem-img { width: 34px; height: 34px; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(10,51,44,.12)); }
  .topbar-brand-name { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 1rem; white-space: nowrap; }
  .topbar-brand-latin { font: 700 .66rem var(--font-mono); color: var(--text-muted); letter-spacing: .08em; }
  .topbar-brand-separator { width: 1px; height: 20px; background: rgba(10,51,44,.12); flex-shrink: 0; }
  .tenant-pill-badge { background: #F0FDF4; border: 1px solid #DCFCE7; color: #166534; font-size: .76rem; font-weight: 600; padding: 4px 10px; border-radius: 20px; max-width: min(26vw,260px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html .qaym-topbar .topbar-tools-section { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; width: auto; flex-shrink: 0; }
  .qaym-topbar .qaym-workspace-tools { flex: 0 0 auto; padding: 0; background: none; border: 0; }
  .btn-topbar-icon { width: 36px; height: 36px; min-height: 36px; padding: 0; border-radius: 10px; border: 1px solid #E2E8F0; background: #fff; color: #475569; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
  .btn-topbar-icon:hover { background: #F8FAFC; border-color: #CBD5E1; color: #0F231F; transform: translateY(-1px); }
  .topbar-layout-glyph { display: block; font: 500 1.35rem var(--font-base); line-height: 1; }
  .qaym-topbar .workspace-tools-dropdown { position: relative; font-size: .78rem; }
  .qaym-topbar .workspace-tools-dropdown > summary { display: inline-flex; min-height: 36px; padding: 0; list-style: none; }
  .workspace-tools-dropdown > summary::after, .workspace-tools-dropdown > summary::-webkit-details-marker { display: none; }
  .workspace-tools-dropdown > summary::marker { content: ''; }
  .workspace-tools-dropdown[open] > summary { background: #F0FDF4; border-color: #BBEACB; color: var(--qaym-deep-emerald); }
  .workspace-tools-menu { position: absolute; inset-inline-end: 0; top: calc(100% + 12px); width: min(292px,calc(100vw - 28px)); max-height: min(70dvh,540px); overflow-y: auto; padding: 10px; border: 1px solid rgba(10,51,44,.1); border-radius: 18px; background: rgba(255,255,255,.97); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 16px 40px -10px rgba(10,51,44,.18); color: var(--text-primary); text-align: start; }
  .workspace-menu-caption { margin: 4px 10px 8px; font-size: .68rem; font-weight: 600; color: var(--text-muted); }
  .workspace-menu-action { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 42px; padding: 10px; border: 0; background: transparent; border-radius: 10px; color: var(--text-primary); text-align: start; font: 500 .78rem var(--font-base); cursor: pointer; }
  .workspace-menu-action > :first-child { min-width: 22px; color: var(--text-muted); text-align: center; }
  .workspace-menu-action:hover, .workspace-menu-action[aria-pressed=true] { background: #F0FDF4; color: var(--qaym-deep-emerald); }
  .workspace-menu-action kbd { margin-inline-start: auto; }
  .workspace-panel-group { border-top: 1px solid rgba(10,51,44,.07); margin-top: 8px; padding-top: 12px; }
  .workspace-tools-menu .workspace-panel-list { position: static; width: auto; max-height: none; overflow: visible; border: 0; border-radius: 0; padding: 0; box-shadow: none; background: transparent; }
  .workspace-tools-menu .workspace-panel-toggle { min-height: 38px; padding: 8px 10px; font-size: .75rem; border-radius: 8px; }
  .workspace-tools-menu .workspace-panel-toggle:hover { background: #F0FDF4; }
  .user-profile-pill { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 4px 12px 4px 6px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 24px; cursor: pointer; }
  .user-profile-pill:hover { background: #F1F5F9; border-color: #CBD5E1; }
  .user-avatar-mini { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; background: linear-gradient(135deg,#14532D,#164E43); color: #2F8F5B; font-weight: 700; font-size: .8rem; display: flex; align-items: center; justify-content: center; }
  .user-name-text { font-family: var(--font-base); font-size: .8125rem; font-weight: 600; color: #0F231F; white-space: nowrap; max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
  .live-pulse-dot { width: 7px; height: 7px; flex-shrink: 0; background: #A5BCB4; border-radius: 50%; }
  .live-pulse-dot[data-state=open] { background: #10B981; box-shadow: 0 0 0 2px rgba(16,185,129,.15); animation: topbar-live-pulse 2.4s ease-in-out infinite; }
  @keyframes topbar-live-pulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } }
  @media (max-width: 760px) { html .living-canvas .qaym-topbar { padding-inline: 12px; gap: 10px; } .topbar-brand-section { gap: 8px; } .topbar-brand-latin { display: none; } .tenant-pill-badge { max-width: 110px; } .user-name-text { max-width: 100px; } }
  @media (max-width: 520px) { .tenant-pill-badge,.topbar-brand-separator { display: none; } .brand-emblem-wrap { padding: 3px 8px; gap: 6px; } .brand-emblem-img { width: 28px; height: 28px; } .topbar-brand-name { font-size: .9rem; } .user-profile-pill { gap: 6px; padding: 4px 8px; } .user-avatar-mini { width: 28px; height: 28px; } .user-name-text { max-width: 80px; } html .qaym-topbar .topbar-tools-section { gap: 8px; } }
  @media (prefers-reduced-motion: reduce) { .live-pulse-dot[data-state=open] { animation: none; } .btn-topbar-icon:hover { transform: none; } }
  @media (prefers-reduced-transparency: reduce) { .workspace-tools-menu { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; } }
}
/* Shared finish for the gateway, subscriptions and real operational screens. */
@media screen {
  .qaym-public { background:radial-gradient(ellipse at 15% 4%,rgba(47,143,91,.09),transparent 44%),radial-gradient(ellipse at 90% 35%,rgba(201,162,74,.045),transparent 48%),var(--qaym-bg-canvas); padding:28px clamp(16px,4vw,64px) 64px; min-height:100svh; box-sizing:border-box; }
  .qaym-public > div { min-width:0; }
  .qaym-public > div > .row.between { padding:10px 16px; border:1px solid var(--qaym-border); border-radius:18px; background:var(--qaym-glass-card); box-shadow:var(--shadow-subtle); }
  .pricing-hero { text-align:center; padding:54px 12px 36px; }
  .pricing-eyebrow { display:inline-block; padding:7px 16px; border-radius:99px; border:1px solid var(--qaym-border); background:var(--qaym-glass-card); color:var(--text-secondary); font-size:.75rem; }
  .pricing-hero h1 { color:var(--text-primary); font-size:clamp(1.5rem,3vw,2.4rem); font-weight:700; line-height:1.8; margin:18px 0 10px; }
  .pricing-hero p,.pricing-payment-note p { color:var(--text-muted); font-size:.8rem; line-height:2; }
  .pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:22px; align-items:stretch; }
  .pricing-glass-card { min-width:0; display:flex; flex-direction:column; padding:28px; border:1px solid var(--qaym-glass-border); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(255,255,255,.54)); box-shadow:var(--shadow-fluid),inset 0 1px 0 rgba(255,255,255,.85); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:border-color .16s,box-shadow .16s; }
  .pricing-glass-card:hover { border-color:rgba(10,51,44,.24); box-shadow:var(--shadow-active); }
  .pricing-kicker { font:500 .58rem var(--font-mono); letter-spacing:.13em; color:var(--text-muted); }
  .pricing-plan-heading h2 { font-size:1.15rem; margin:12px 0 24px; color:var(--text-primary); }
  .pricing-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:9px; }
  .pricing-price .amount { font-size:clamp(1.3rem,2vw,1.8rem); color:var(--text-primary); direction:ltr; unicode-bidi:isolate; }
  .pricing-price > span,.pricing-annual { font-size:.72rem; color:var(--text-muted); }
  .pricing-annual { min-height:24px; margin:10px 0 24px; line-height:1.9; }
  .pricing-cta { display:flex; justify-content:space-between; align-items:center; padding:13px 16px; text-decoration:none; }
  .pricing-capacity { display:flex; gap:12px; padding:20px 0; margin:10px 0; border-bottom:1px solid var(--qaym-border); color:var(--text-secondary); font-size:.72rem; }
  .pricing-capacity > span { background:var(--qaym-subtle); border-radius:8px; padding:7px 10px; }
  .pricing-features-title { font-size:.76rem; color:var(--text-primary); margin:10px 0 16px; }
  .pricing-features { list-style:none; padding:0; margin:0; display:grid; gap:14px; font-size:.75rem; color:var(--text-secondary); }
  .pricing-features li { display:flex; align-items:baseline; gap:10px; line-height:1.8; }
  .pricing-features li > span { color:var(--status-paid); }
  .pricing-payment-note { text-align:center; margin:30px auto 0; padding:18px; color:var(--text-primary); font-size:.78rem; }
  html.qaym-dark .pricing-glass-card { background:var(--qaym-glass-card); box-shadow:var(--shadow-fluid); }

  /* Static ambient layers avoid repainting a full-screen backdrop while typing. */
  .living-canvas::before { transform:none; transition:none; opacity:.55; }
  .living-canvas::after { animation:none; }
  html .living-canvas .panoramic-stage { max-width:1600px; padding-inline:clamp(16px,2.6vw,42px); }
  .living-canvas .arc-center .page-head { margin-block:16px 24px; gap:20px; }
  .living-canvas .arc-center .page-head h1 { font-size:clamp(1.5rem,2.2vw,2rem); letter-spacing:-.025em; }
  html .living-canvas :is(.card,.qaym-card,.filter-toolbar,.qaym-table-container) { background:var(--qaym-glass-card); border:1px solid var(--qaym-glass-border); border-radius:18px; box-shadow:var(--shadow-fluid); color:var(--text-primary); }
  /* Only outer floating chrome uses blur; nested table/card layers stay inexpensive. */
  html .living-canvas :is(.card,.qaym-card,.qaym-managed-panel,.filter-toolbar,.qaym-table-container,.kpi-card) { backdrop-filter:none; -webkit-backdrop-filter:none; }
  html .living-canvas .card .card { box-shadow:none; background:var(--qaym-surface); }
  .living-canvas .arc-metric.kpi-card { border-radius:16px; padding:16px 20px; }
  .living-canvas .filter-toolbar { padding:16px 20px; gap:12px; }
  html .living-canvas :is(table,.qaym-table) { width:100%; border-collapse:collapse; }
  html .living-canvas :is(table,.qaym-table) th { color:var(--text-muted); background:var(--qaym-subtle); font-size:.72rem; font-weight:600; padding:13px 16px; border-bottom:1px solid var(--qaym-border); white-space:nowrap; }
  html .living-canvas :is(table,.qaym-table) td { padding:15px 16px; border-bottom:1px solid var(--qaym-border-subtle); font-size:.8rem; line-height:1.8; color:var(--text-primary); }
  html .living-canvas :is(table,.qaym-table) tbody tr:hover td { background:var(--qaym-surface-hover); }
  .living-canvas :is(.stat .num,.pos-total,.amount,.price,.qty) { font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
  .living-canvas .pos-product-tile { border-radius:14px; box-shadow:var(--shadow-subtle); }
  .living-canvas .btn { min-height:40px; }
  .living-canvas .btn:hover:not(:disabled),.living-canvas .dock-key:hover { transform:none; }
  /* One local entrance per panel replaces nested stagger animations on every row. */
  .content > *,.grid > *,.stack > .card,tbody tr { animation:none; }
  .living-canvas .arc-center { min-width:0; }
  @media(max-width:600px) { .qaym-public .brand small { display:none; } .qaym-public > div > .row.between { gap:12px; flex-wrap:wrap; } .pricing-glass-card { padding:24px; } .pricing-hero { padding:32px 0 24px; } html .living-canvas .panoramic-stage { padding-inline:12px; } }
}
@media screen and (min-width:340px) and (max-width:600px){
  .delivery-console .delivery-telemetry .kpi-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .living-canvas .arc-metric.kpi-card{padding:14px 12px;gap:8px;}
  .living-canvas .kpi-symbol{width:28px;height:28px;min-width:28px;}
  .living-canvas .kpi-label{font-size:.65rem;}
}