/* V540 Listing Generator Recovery — V539 interface and collection-ranking design retained. */
:root {
  color-scheme: dark;
  --bg: #151719; --panel: #202225; --panel-2: #25282c; --panel-3: #2b2e33;
  --border: #383c43; --text: #f3f4f6; --muted: #aab0b9; --accent: #5b9cf6;
  --accent-2: #aeb7c4; --danger: #ef7b84;
  --shadow: 0 1px 2px rgba(0,0,0,.24), 0 10px 28px rgba(0,0,0,.18);
  --talavera-bg-deep: #101113; --talavera-bg: #151719;
  --talavera-surface: #202225; --talavera-surface-raised: #25282c; --talavera-surface-muted: #2b2e33;
  --talavera-border: #383c43; --talavera-border-strong: #4c515a;
  --talavera-text: #f3f4f6; --talavera-muted: #aab0b9; --talavera-subtle: #8c939d;
  --talavera-accent: #5b9cf6; --talavera-accent-strong: #83b5fa; --talavera-accent-ink: #0c1626;
  --talavera-info: #70aaf8; --talavera-warning: #e1ad52; --talavera-danger: #ef7b84;
  --talavera-success: #74bf95; --talavera-focus: #78adf6;
  --talavera-radius-sm: 8px; --talavera-radius-md: 10px; --talavera-radius-lg: 12px; --talavera-radius-xl: 16px;
  --talavera-control-height: 42px;
  --talavera-shadow-sm: 0 1px 2px rgba(0,0,0,.24), 0 8px 22px rgba(0,0,0,.16);
  --talavera-shadow-md: 0 14px 38px rgba(0,0,0,.28); --talavera-shadow-lg: 0 26px 68px rgba(0,0,0,.42);
}

* { box-sizing: border-box; scrollbar-color: #626872 transparent; }
html { max-width: 100%; overflow-x: hidden; background: var(--talavera-bg-deep) !important; scroll-behavior: smooth; }
body { min-width: 320px; max-width: 100%; overflow-x: hidden; background: var(--talavera-bg) !important; color: var(--talavera-text) !important; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height: 1.45; -webkit-font-smoothing: antialiased; }
::selection { background: #315b91; color: #fff; }
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline: 3px solid rgba(120,173,246,.5); outline-offset: 2px; }
:where(button,input,select,textarea) { font: inherit; }
:where(button,.button,[role="button"]) { min-height: var(--talavera-control-height); border-radius: var(--talavera-radius-sm); touch-action: manipulation; }
:where(button,.button,[role="button"]):not(:disabled):active { transform: none; }
:where(input,select,textarea) { min-height: var(--talavera-control-height); border: 1px solid var(--talavera-border-strong) !important; border-radius: var(--talavera-radius-sm); background: var(--talavera-surface) !important; color: var(--talavera-text) !important; box-shadow: none !important; }
:where(input,select,textarea):focus { border-color: var(--talavera-focus) !important; box-shadow: 0 0 0 3px rgba(120,173,246,.14) !important; }
:where(input,textarea)::placeholder { color: var(--talavera-subtle) !important; opacity: 1; }
:where(input,select,textarea,button):disabled { cursor: not-allowed; opacity: .55; }
:where(button.primary,.button.primary) { border: 1px solid var(--talavera-accent) !important; background: var(--talavera-accent) !important; color: #0c1626 !important; box-shadow: none !important; }
:where(button.secondary,.button.secondary,button.ghost,.button.ghost) { border: 1px solid var(--talavera-border-strong) !important; background: var(--talavera-surface-raised) !important; color: var(--talavera-text) !important; box-shadow: none !important; }

/* Neutralize old navy gradients and low-contrast feature surfaces across every page. */
:where(.panel,.card,.family-card,.variant-card,.employee-open-order-card,.open-orders-order-card,
  .open-orders-command-panel,.open-orders-toolbar-panel,.open-line-card,.sheet,.logs-sheet,.settings-sheet,
  .configure-section,.configure-section-body,.variant-settings-panel,.access-user-row,.access-role-help > div,
  .access-audit-stats > div,.login-card,.modal,[role="dialog"],.open-orders-manual-dialog,.pwa-setup-card,.sync-strip,
  .offline-queue-strip,.app-page-refresh-strip,.restock-waitlist-modal,.sale-manager-modal,
  .profit-month-summary-modal,.ordered-quantity-modal,.receipt-date-modal,.pf-audit-modal,
  .listing-generator-editor-dialog,.listing-generator-staging-dialog,.listing-generator-variant-image-dialog,
  .listing-generator-variant-details-dialog,.listing-generator-missing-review-dialog,
  .listing-generator-audit-review-dialog) { background: var(--talavera-surface) !important; background-image: none !important; border-color: var(--talavera-border) !important; color: var(--talavera-text) !important; box-shadow: var(--talavera-shadow-sm) !important; }
.family-card,.variant-card,.employee-open-order-card,.open-orders-order-card { background: var(--talavera-surface-raised) !important; }
:where(.search-input,.open-orders-search,input[type="search"]) { background: var(--talavera-surface) !important; color: var(--talavera-text) !important; border-color: var(--talavera-border-strong) !important; }
:where(.meta-line,.muted,small,.help-text,.open-orders-muted,.sheet-subtitle,.configure-intro,.configure-section-body > p) { color: var(--talavera-muted) !important; }
:where(.family-card-title,.employee-open-order-title,.open-orders-v447-custom-title,.open-orders-v447-multi-title,.open-orders-v447-opened-primary) { color: var(--talavera-text) !important; }
:where(.family-card-meta,.open-orders-v447-rules-title,.open-orders-v447-opened-rules) { color: var(--talavera-muted) !important; }
.sheet-backdrop,:where(.modal-backdrop,[class*="-modal-backdrop"],.pwa-modal-backdrop) { background: rgba(6,7,9,.78) !important; backdrop-filter: blur(3px); }
.language-bubble { border: 1px solid var(--talavera-border-strong) !important; background: var(--talavera-surface-raised) !important; color: var(--talavera-text) !important; box-shadow: var(--talavera-shadow-md) !important; }
.receipt-date-modal :where(h1,h2,h3,strong,label) { color: var(--talavera-text) !important; }
.receipt-date-modal :where(p,span,small) { color: var(--talavera-muted) !important; }

.app-shell { width: min(1680px,100%); max-width: 100%; margin: 0 auto; padding: 14px 18px 72px; display: grid; grid-template-columns: 236px minmax(0,1fr); column-gap: 18px; align-items: start; }
.app-shell > * { min-width: 0; max-width: 100%; grid-column: 2; }
.topbar { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; padding: 11px 12px; border: 1px solid var(--talavera-border) !important; border-radius: var(--talavera-radius-lg); background: var(--talavera-surface) !important; box-shadow: var(--talavera-shadow-sm) !important; position: relative; }
.topbar::after { display: none; }
.topbar-identity { display: flex; align-items: center; min-width: 0; }
.topbar-brandline { display: flex; align-items: center; gap: 8px; min-width: 0; }
.topbar-wordmark { font-size: 1rem; font-weight: 780; letter-spacing: -.015em; }
.topbar-monogram,.topbar-eyebrow,.topbar h1 { display: none !important; }
.topbar .meta-line { margin-top: 2px; max-width: min(62vw,820px); overflow: hidden; color: var(--talavera-muted) !important; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.topbar-actions button { min-height: 36px; padding: 7px 11px; font-size: .76rem; }
.notification-center-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.notification-center-button .notification-count { display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--talavera-surface-muted); color:var(--talavera-muted); font-size:.68rem; font-weight:800; line-height:1; }
.notification-center-button.has-notifications .notification-count { background:var(--talavera-accent); color:var(--talavera-accent-ink); }
.mobile-nav-utilities { display: none !important; }

.tabs-row { grid-column: 1; grid-row: 2 / span 100; position: sticky; top: 14px; z-index: 12; margin: 0; padding: 10px; border: 1px solid var(--talavera-border) !important; border-radius: var(--talavera-radius-lg); background: var(--talavera-surface) !important; box-shadow: var(--talavera-shadow-sm) !important; }
.tabs-row::before { content: "Workspace"; display: block; margin: 2px 7px 9px; color: var(--talavera-subtle); font-size: .67rem; font-weight: 720; letter-spacing: .05em; text-transform: uppercase; }
.nav-tabs-shell { display: grid; gap: 10px; }
.nav-section-tabs,.sub-tab-row { display: grid; grid-template-columns: 1fr; gap: 3px; padding: 0; border: 0; background: transparent; }
.nav-section-tabs { padding-bottom: 9px; border-bottom: 1px solid var(--talavera-border); }
.nav-section-tab,.sub-tab-row .tab-btn,.simple-mode .tabs-row > .tab-btn { width: 100%; max-width: none; min-width: 0; min-height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 9px; border: 1px solid transparent !important; border-radius: 7px; background: transparent !important; color: var(--talavera-muted) !important; font-size: .76rem; font-weight: 650; line-height: 1.2; text-align: left; white-space: normal; overflow-wrap: anywhere; }
.nav-section-tab strong,.sub-tab-row .tab-btn strong,.simple-mode .tabs-row > .tab-btn strong { flex: 0 0 auto; min-width: 24px; padding: 2px 6px; border-radius: 999px; background: var(--talavera-surface-muted); color: var(--talavera-muted); font-size: .66rem; text-align: center; }
.nav-section-tab.is-active,.sub-tab-row .tab-btn.is-active,.simple-mode .tabs-row > .tab-btn.is-active { border-color: rgba(91,156,246,.46) !important; background: rgba(91,156,246,.12) !important; color: #b8d5fc !important; }
.tabs-row.app-warmup-tabs { display: grid; grid-template-columns: 1fr; gap: 3px; }

.app-shell.simple-mode { display: block; width: min(1280px,100%); padding-inline: 16px; }
.simple-mode .tabs-row { position: static; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 6px; margin: 0 0 14px; padding: 6px; }
.simple-mode .tabs-row::before { display: none; }
.simple-mode .tabs-row > .tab-btn { min-height: 42px; justify-content: center; text-align: center; }
.simple-mode .variant-meta-lines { display: none !important; }
.simple-mode .variant-controls .stepper { min-width: 180px; }

:where(.table-scroll,.table-wrap) { max-width: 100%; overflow: auto; border: 1px solid var(--talavera-border); border-radius: var(--talavera-radius-md); background: var(--talavera-surface) !important; -webkit-overflow-scrolling: touch; }
th { background: var(--talavera-surface-muted) !important; color: var(--talavera-muted) !important; }
.family-select-toggle { background: var(--talavera-surface) !important; color: var(--talavera-text) !important; border-color: var(--talavera-border-strong) !important; }
.family-select-toggle.is-selected { background: var(--talavera-accent) !important; border-color: var(--talavera-accent) !important; color: #0c1626 !important; }
.family-card.is-selected,.employee-open-order-card.selected { border-color: var(--talavera-accent) !important; box-shadow: 0 0 0 2px rgba(91,156,246,.18) !important; }
#bulk_action_mount:empty { display: none; }

/* The NOTE control is a compact heading chip, not a card-sized action. */
.open-orders-card-note-button,.open-orders-card-note-button-v255,.open-orders-order-card .open-orders-card-note-button,.open-orders-order-card .open-orders-card-note-button-v255,.open-orders-v447-card-heading .open-orders-card-note-button,.open-orders-v447-card-heading .open-orders-card-note-button-v255 { position: static !important; inset: auto !important; width: auto !important; min-width: 0 !important; min-height: 24px !important; height: 24px !important; flex: 0 0 auto !important; gap: 3px !important; margin: 0 !important; padding: 0 6px !important; border: 1px solid rgba(225,173,82,.62) !important; border-radius: 999px !important; background: rgba(225,173,82,.12) !important; color: #f1ca82 !important; box-shadow: none !important; font-size: .55rem !important; font-weight: 800 !important; letter-spacing: .035em !important; line-height: 1 !important; transform: none !important; }
.open-orders-card-note-button-v255 b { font-size: .64rem !important; line-height: 1; }
.employee-open-order-card.has-note .employee-open-order-title,.employee-open-order-card.has-note .open-orders-v447-card-heading { padding-left: 0 !important; }
.employee-open-order-card { -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }

/* Configure must remain readable even where legacy rules hard-coded navy inputs. */
.settings-sheet,.configure-sections,.configure-section,.configure-section-body,.settings-grid,.variant-settings-panel { color: var(--talavera-text) !important; }
.configure-section > summary { background: var(--talavera-surface-raised) !important; color: var(--talavera-text) !important; border-color: var(--talavera-border) !important; }
.configure-rule-list > div,.access-user-row,.access-role-help > div,.access-audit-stats > div { background: var(--talavera-surface-raised) !important; border-color: var(--talavera-border) !important; color: var(--talavera-text) !important; }
.access-add-grid input,.access-add-grid select,.access-user-row input,.access-user-row select,.access-security-grid input { background: var(--talavera-surface) !important; color: var(--talavera-text) !important; }

@media (max-width:1080px) { .app-shell { grid-template-columns: 210px minmax(0,1fr); padding-inline: 12px; column-gap: 12px; } }

/* Phone/tablet shell: always-visible navigation, no sticky header, and no horizontal control rails. */
@media (max-width:900px) {
  :root { --talavera-control-height: 44px; }
  .app-shell,.app-shell.simple-mode { display: block; width: 100%; max-width: 100%; padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(76px,calc(62px + env(safe-area-inset-bottom))) max(8px,env(safe-area-inset-left)); overflow-x: hidden; }
  .app-shell > * { width: 100%; max-width: 100%; margin-inline: 0; min-width: 0; }
  .topbar { position: static !important; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 8px; margin-bottom: 8px; padding: 8px; border-radius: 10px; }
  .topbar .meta-line { display: none; }
  .topbar-actions { display: grid; grid-template-columns: repeat(3,auto); justify-content: end; gap: 5px; overflow: visible; }
  .topbar-actions > *,.topbar-actions button { width: auto; min-width: 0; white-space: nowrap; }
  .topbar-actions button { min-height: 36px; padding: 6px 8px; font-size: .7rem; }
  .topbar-desktop-utility { display: none !important; }
  #mobile_navigation.tabs-row,.simple-mode #mobile_navigation.tabs-row { display: block !important; position: static !important; top: auto; z-index: auto; width:100%; margin: 0 0 10px; padding: 8px; overflow: visible; box-shadow: var(--talavera-shadow-sm) !important; }
  #mobile_navigation.tabs-row::before { display: none; }
  .nav-tabs-shell { display: grid; gap: 8px; }
  .nav-section-tabs,.sub-tab-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; padding: 0; overflow: visible; border: 0; }
  .nav-section-tabs { padding-bottom: 8px; border-bottom: 1px solid var(--talavera-border); }
  .nav-section-tab,.sub-tab-row .tab-btn { width: 100%; min-width: 0; min-height: 42px; padding: 7px 8px; font-size: .72rem; }
  .simple-mode #mobile_navigation.tabs-row { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:5px; }
  .simple-mode #mobile_navigation.tabs-row > .tab-btn { display: flex; width: 100%; min-height: 42px; margin: 0; padding: 7px; font-size: .72rem; }
  .mobile-nav-utilities { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding-top: 2px; }
  .simple-mode .mobile-nav-utilities { display: none !important; }
  :where(.panel,.card,.sheet,.modal,.pwa-setup-card) { max-width: 100%; border-radius: 10px; }
  :where(.sheet,.modal,.pwa-setup-card) { width: calc(100vw - 12px) !important; max-height: calc(100dvh - 12px) !important; margin-inline: auto !important; overflow: auto; }
  .app-shell :where(section,article,form,fieldset,label,details) { min-width:0; max-width:100%; }
  .app-shell :where(img,video,canvas,iframe,svg) { max-width:100%; }
  .app-shell :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) { width:100%; max-width:100%; min-width:0; }
  .open-orders-shell,.employee-open-orders-shell,.open-orders-workspace,.open-orders-command-panel,.open-orders-card-grid,.employee-open-orders-grid,.card-grid { width: 100% !important; max-width: none !important; margin-inline: 0 !important; min-width: 0 !important; }
  .employee-open-orders-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; justify-content: stretch !important; gap: 8px !important; }
  .employee-open-order-card { width: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; height: auto !important; padding: 8px !important; border-radius: 11px !important; }
  .open-orders-v309-card-purchase { display: none !important; }
  .open-orders-v309-card-actions { grid-template-columns: minmax(0,1fr) !important; }
  .open-orders-v309-card-box { width: 100% !important; min-width: 0 !important; overflow: hidden; text-overflow: ellipsis; }
  .open-orders-card-note-button,.open-orders-card-note-button-v255 { min-height: 22px !important; height: 22px !important; padding-inline: 5px !important; font-size: .52rem !important; }
  .open-orders-command-panel { padding: 8px !important; }
  .employee-open-orders-header { display:grid !important; grid-template-columns:minmax(0,1fr); align-items:stretch !important; }
  .employee-open-orders-header > * { width:100%; min-width:0; max-width:100%; }
  .employee-open-orders-tools-left-v302,.employee-open-orders-tools-right-v302 { display:grid !important; grid-template-columns:minmax(0,1fr); width:100% !important; max-width:none !important; margin-left:0 !important; gap:8px !important; }
  .employee-open-orders-tools-left-v302:empty { display:none !important; }
  .employee-open-orders-tools-left-v302 > *, .employee-open-orders-tools-right-v302 > * { width:100% !important; max-width:none !important; min-width:0 !important; }
  .employee-open-orders-tool-button-v302,.open-orders-last-print-v302,.employee-print-station-v298 { width:100% !important; max-width:none !important; min-width:0 !important; }
  .employee-print-station-v298 { white-space:normal !important; overflow-wrap:anywhere; }
  .open-orders-header-clean { display:grid !important; grid-template-columns:minmax(0,1fr); align-items:stretch !important; }
  .open-orders-header-actions,.open-orders-header-clean > div:last-child { display:grid !important; grid-template-columns:minmax(0,1fr); width:100%; gap:8px !important; }
  .open-orders-header-clean > button,.open-orders-header-actions > button,.open-orders-header-clean > div:last-child > button { width:100% !important; min-width:0 !important; }
  .open-orders-filter-row { display:grid !important; grid-template-columns:minmax(0,1fr); width:100%; gap:7px !important; overflow:visible !important; }
  .open-orders-filter-field { width:100% !important; max-width:none !important; min-width:0 !important; }
  .open-orders-mini-metrics { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:5px !important; overflow:visible !important; }
  .open-orders-mini-metrics > * { min-width:0 !important; }
  #open_orders_selection_actions { display:grid !important; grid-template-columns:minmax(0,1fr); width:100%; gap:6px !important; overflow:visible !important; }
  #open_orders_selection_actions > * { width:100% !important; min-width:0 !important; }
  .open-orders-admin-lookup,.open-orders-admin-lookup-head,.open-orders-admin-lookup-controls { width:100% !important; max-width:none !important; min-width:0 !important; }
  .open-orders-admin-lookup-head { display:grid !important; grid-template-columns:minmax(0,1fr); align-items:stretch !important; }
  .open-orders-admin-lookup-controls { display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
  .open-orders-admin-lookup-controls > * { width:100% !important; max-width:none !important; min-width:0 !important; }
  .open-orders-admin-grid-v301 { grid-template-columns:repeat(2,minmax(0,1fr)) !important; justify-content:stretch !important; gap:8px !important; }
  .open-orders-admin-grid-v301 > * { width:100% !important; max-width:none !important; min-width:0 !important; }
  #bulk_action_mount .bulk-bar { position: fixed; z-index: 80; left: 8px; right: 8px; bottom: max(8px,env(safe-area-inset-bottom)); max-height: 45dvh; overflow: auto; margin: 0; box-shadow: var(--talavera-shadow-lg); }
}

@media (max-width:700px) {
  .topbar { grid-template-columns: auto minmax(0,1fr); gap:6px; padding:7px; }
  .topbar-wordmark { display:none !important; }
  .topbar-brandline { gap:0; }
  .topbar .system-update-header-version { min-height:30px; display:inline-flex; align-items:center; padding:4px 7px; font-size:.61rem; }
  .topbar-actions { width:100%; grid-template-columns:minmax(64px,.9fr) minmax(78px,1.1fr) minmax(58px,.72fr); gap:4px; }
  .topbar-actions > * { min-width: 0; }
  .topbar-actions button { width:100%; min-height:34px; padding:5px 6px; font-size:.64rem; }
  #notification_button_mount { grid-column:auto; grid-row:auto; width:100% !important; }
  .topbar-actions > button[onclick="accessLogout()"] { grid-column:auto; grid-row:auto; }
  #sync_now_btn { grid-column:auto; grid-row:auto; }
  .notification-center-button { width:100% !important; gap:4px; padding:4px 6px !important; }
  .notification-center-button span:nth-child(2) { display: none; }
  .notification-center-button .notification-count { min-width:16px; height:16px; padding:0 3px; font-size:.58rem; }
  .card-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
  .family-card { width: 100% !important; min-width: 0 !important; max-width: none !important; border-radius: 11px !important; }
  .family-card-body { min-width: 0; padding: 9px !important; }
  .family-card-title { font-size: .78rem !important; line-height: 1.25 !important; -webkit-line-clamp: 3; }
  .family-card-meta { margin-top: 5px !important; font-size: .7rem !important; }
  .family-card-note { margin-top: 6px !important; padding: 4px 6px !important; font-size: .62rem !important; }
  .family-select-toggle { width: 36px !important; height: 36px !important; min-height: 36px !important; }
  .employee-open-orders-header,.employee-box-list-header,.open-orders-header { align-items: flex-start; gap: 8px; }
  .employee-open-orders-header h2,.employee-box-list-header h2,.open-orders-header h2 { font-size: 1.08rem; }
  .employee-open-orders-progress { display:none !important; }
  .employee-open-orders-modal-head { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:7px !important; }
  .employee-open-orders-modal-head-actions { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(62px,auto) !important; align-items:start !important; gap:5px !important; }
  .employee-open-orders-modal-head-actions > * { min-width:0 !important; max-width:100% !important; }
  .employee-manual-slip-v301 > summary { min-height:34px !important; padding:5px 7px !important; gap:4px !important; font-size:.66rem !important; }
  .employee-manual-slip-menu-v301 { right:0 !important; left:auto !important; min-width:min(238px,calc(100vw - 28px)) !important; }
  .employee-open-order-title,.open-orders-v447-custom-title,.open-orders-v447-multi-title { font-size: .66rem !important; }
  .open-orders-v447-rules-title { font-size: .56rem !important; }
  .employee-open-order-footer strong,.open-orders-v309-card-box { font-size: .62rem !important; }
  .employee-open-order-images { gap: 4px !important; }
  .employee-open-orders-thumb { border-radius: 8px !important; }
  .configure-actions { display: grid !important; grid-template-columns: 1fr; }
  .configure-section > summary { padding: 10px !important; }
  .configure-section-body { padding: 10px !important; }
  .settings-grid,.access-add-grid,.access-user-fields,.access-security-grid,.access-role-help { grid-template-columns: 1fr !important; }
  .access-add-email { grid-column: auto !important; }
  .system-update-layout,.system-update-file-filters,.system-update-backup-row,.system-update-employee-version-row { grid-template-columns:minmax(0,1fr) !important; }
  .system-update-backup-row .profit-actions,.system-update-employee-version-row .profit-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; white-space:normal !important; }
  .system-update-backup-row .profit-actions > *,.system-update-employee-version-row .profit-actions > * { width:100% !important; min-width:0 !important; }
  .package-dimensions-mapping-grid { grid-template-columns:minmax(0,1fr) !important; }
  .package-product-modal-backdrop { padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) !important; }
  .package-product-modal { width:100% !important; max-height:calc(100dvh - 12px) !important; }
  .package-product-modal-body { max-height:calc(100dvh - 78px) !important; }
  .custom-order-modal-backdrop { padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) !important; }
  .custom-order-modal { width:100% !important; max-width:100% !important; max-height:calc(100dvh - 12px) !important; border-radius:11px !important; }
  .custom-order-modal > div { padding:12px !important; }
  .custom-order-form-grid { grid-template-columns:minmax(0,1fr) !important; }
  .shipping-diagnostics-roi-grid,.shipping-diagnostics-worker-metrics-grid,.shipping-diagnostics-worker-knowledge-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .shipping-diagnostics-worker-address-grid,.shipping-diagnostics-worker-package-grid { grid-template-columns:minmax(0,1fr) !important; }
  .open-orders-manual-backdrop { width:100vw !important; max-width:100vw !important; max-height:100dvh !important; padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) !important; border-radius:0 !important; }
  .open-orders-manual-dialog { width:100% !important; max-width:100% !important; max-height:calc(100dvh - 12px) !important; border-radius:11px !important; }
  .open-orders-manual-dialog > div { padding:12px !important; }
  .open-orders-manual-address-grid,.open-orders-manual-type-grid { grid-template-columns:minmax(0,1fr) !important; }
  .open-orders-manual-add-row { grid-template-columns:minmax(0,1fr) 76px !important; }
  .open-orders-manual-add-row > button { grid-column:1 / -1; width:100%; }
  .open-orders-manual-item-row { grid-template-columns:52px minmax(0,1fr) !important; }
  .open-orders-manual-item-row > :where(input,select,button) { grid-column:1 / -1; width:100%; }
  .open-orders-manual-next-row,.open-orders-manual-footer,.open-orders-manual-footer-actions { display:grid !important; grid-template-columns:minmax(0,1fr); width:100%; align-items:stretch !important; }
  .open-orders-manual-next-row > button,.open-orders-manual-footer-actions > button { width:100%; }
  .open-orders-manual-payment-field { width:100%; min-width:0; max-width:none !important; }
  .open-orders-modal-backdrop,.employee-open-orders-modal-backdrop,.pf-audit-modal-backdrop,
  .ordered-quantity-modal-backdrop,.receipt-modal-backdrop,.listing-generator-editor-backdrop,
  .listing-generator-modal-backdrop,.sale-manager-modal-wrap,.profit-month-summary-backdrop,
  .restock-waitlist-modal-backdrop { padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)) !important; }
  .open-orders-detail-modal-v253,.open-orders-detail-modal-v255,
  .employee-open-orders-modal-v253,.employee-open-orders-modal-v254,.employee-open-orders-modal-v255,
  .pf-audit-modal { width:100% !important; max-width:100% !important; height:calc(100dvh - 12px) !important; max-height:calc(100dvh - 12px) !important; border-radius:11px !important; }
  .ordered-quantity-modal,.receipt-date-modal,.return-label-address-modal,.sale-manager-modal,
  .profit-month-summary-modal,.listing-generator-editor-dialog,.listing-generator-staging-dialog,
  .listing-generator-variant-image-dialog,.listing-generator-variant-details-dialog,
  .listing-generator-missing-review-dialog,.listing-generator-audit-review-dialog {
    width:100% !important; max-width:100% !important; height:auto !important;
    max-height:calc(100dvh - 12px) !important; overflow:auto !important; border-radius:11px !important;
  }
  .restock-waitlist-modal-backdrop { place-items:center !important; }
  .restock-waitlist-modal { width:100% !important; max-width:100% !important; max-height:calc(100dvh - 12px) !important; border-radius:11px !important; }
  .restock-waitlist-modal-head { position:static !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; padding:12px !important; }
  .restock-waitlist-modal-head > button { width:100% !important; }
  .restock-waitlist-modal-layout { grid-template-columns:minmax(0,1fr) !important; gap:12px !important; padding:12px !important; }
  .restock-waitlist-modal-summary,.restock-waitlist-modal-details { width:100% !important; min-width:0 !important; }
  .restock-waitlist-customer-row { display:grid !important; grid-template-columns:minmax(0,1fr) !important; align-items:start !important; }
  .restock-waitlist-customer-row > small { text-align:left !important; }
  .sale-manager-bulk { position:static !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; }
  .sale-manager-bulk > *,.sale-manager-controls > * { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .profit-month-summary-grid { grid-template-columns:minmax(0,1fr) !important; }
  .smart-v411-family-title-editor { display:grid !important; grid-template-columns:minmax(0,1fr) !important; width:100% !important; }
  .smart-v411-family-title-editor > * { width:100% !important; max-width:100% !important; min-width:0 !important; }
  .app-shell .variant-list .variant-card > .variant-card-summary .variant-main { flex-basis:100% !important; width:100% !important; min-width:0 !important; }
  .open-orders-test-layout,.open-orders-test-address-grid,.open-orders-test-dimensions-grid { grid-template-columns:minmax(0,1fr) !important; }
  .open-orders-test-weight-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .language-bubble { right: 8px !important; bottom: max(8px,env(safe-area-inset-bottom)) !important; min-height: 40px !important; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (prefers-contrast:more) { :root { --talavera-border: #89909a; --talavera-border-strong: #a7adb6; } }

/* V576 product drawer: keep iPhone status/safe areas above the readable title. */
#primary_family_mount_v576 > .sheet-backdrop {
  --primary-safe-top-v576: env(safe-area-inset-top, 0px);
  --primary-safe-bottom-v576: env(safe-area-inset-bottom, 0px);
  padding: max(12px,var(--primary-safe-top-v576)) max(12px,env(safe-area-inset-right)) max(12px,var(--primary-safe-bottom-v576)) max(12px,env(safe-area-inset-left)) !important;
  display:flex; align-items:flex-start !important; overflow:hidden !important;
}
#primary_family_mount_v576 .sheet {
  margin:0 auto !important; min-height:0 !important;
  max-height:calc(100dvh - max(12px,var(--primary-safe-top-v576)) - max(12px,var(--primary-safe-bottom-v576))) !important;
  overflow-y:auto !important; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
}
#primary_family_mount_v576 .sheet-header { position:static !important; gap:12px; align-items:flex-start; }
#primary_family_mount_v576 .sheet-header > div { min-width:0; }
#primary_family_mount_v576 h2 { overflow-wrap:anywhere; margin-top:0; }