/* Fresh Blue + Green — shared presentation layer for every workspace page. */
:root {
  color-scheme: light;
  --bg:#f6f8fb; --panel:#ffffff; --panel-2:#ffffff; --panel-3:#f1f5f9;
  --border:#dbe4ef; --line:#dbe4ef; --text:#172b4d; --muted:#526681;
  --accent:#2563eb; --accent-2:#15803d; --danger:#be123c; --success:#15803d; --warning:#92400e;
  --shadow:0 2px 5px rgba(23,43,77,.03),0 12px 32px rgba(23,43,77,.06);
  --talavera-bg-deep:#f6f8fb; --talavera-bg:#f6f8fb;
  --talavera-surface:#ffffff; --talavera-surface-raised:#ffffff; --talavera-surface-muted:#f1f5f9;
  --talavera-border:#dbe4ef; --talavera-border-strong:#94a3b8;
  --talavera-text:#172b4d; --talavera-muted:#526681; --talavera-subtle:#61748d;
  --talavera-accent:#2563eb; --talavera-accent-strong:#1d4ed8; --talavera-accent-ink:#ffffff;
  --talavera-info:#1d4ed8; --talavera-warning:#92400e; --talavera-danger:#be123c;
  --talavera-success:#15803d; --talavera-focus:#2563eb;
  --talavera-radius-sm:8px; --talavera-radius-md:12px; --talavera-radius-lg:14px; --talavera-radius-xl:18px;
  --talavera-control-height:42px;
  --talavera-shadow-sm:0 2px 8px rgba(23,43,77,.04);
  --talavera-shadow-md:0 12px 36px rgba(23,43,77,.10); --talavera-shadow-lg:0 24px 72px rgba(23,43,77,.16);
  --fresh-bottom-height:76px;
}
html,body { background:#f6f8fb!important; color:var(--text)!important; }
body { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.5; }
button,input,select,textarea { font-family:inherit; }
* { scrollbar-color:#a5b5c9 #f1f5f9; }
::selection { background:#dbeafe; color:#172b4d; }
a { color:#1d4ed8; }
:where(h1,h2,h3,h4) { color:var(--text); line-height:1.25; letter-spacing:-.025em; }
:where(h1,h2) { font-weight:750; }
:where(h3,h4) { font-weight:650; }
:where(button,.button,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #2563eb!important; outline-offset:3px; }
:where(button,.button,[role="button"]) { transition:background-color .15s,border-color .15s,box-shadow .15s; }
button.primary,.button.primary,input[type="submit"],.login-btn.primary { background:#2563eb!important; border-color:#2563eb!important; color:#fff!important; box-shadow:0 2px 4px rgba(37,99,235,.12)!important; }
button.primary:hover:not(:disabled),.button.primary:hover { background:#1d4ed8!important; border-color:#1d4ed8!important; }
#app button.primary,#app .button.primary { color:#fff!important; }
#app button.primary :where(span,strong,small),#app .button.primary :where(span,strong,small) { color:inherit!important; }
#app button.primary .messages-v625-count { color:#1d4ed8!important; background:#dbeafe!important; }
button.secondary,.button.secondary,button.ghost,.button.ghost { background:#fff!important; color:var(--text)!important; border-color:#c6d3e3!important; }
button.secondary:hover:not(:disabled),button.ghost:hover:not(:disabled) { background:#f0f5ff!important; border-color:#a6bdeb!important; }
button.danger,.button.danger { color:#be123c!important; background:#fff1f2!important; border-color:#fda4af!important; }
button.success,.button.success { color:#166534!important; background:#dcfce7!important; border-color:#86efac!important; }
input:not([type="checkbox"]):not([type="radio"]),select,textarea { background:#fff!important; color:var(--text)!important; border-color:#8091ab!important; border-radius:9px; }
input::placeholder,textarea::placeholder { color:#61748d!important; }
input[type="checkbox"],input[type="radio"] { accent-color:#2563eb; }
input:focus,select:focus,textarea:focus { border-color:#2563eb!important; box-shadow:0 0 0 3px #dbeafe!important; }
:where(.panel,.card,.family-card,.variant-card,.employee-open-order-card,.open-orders-order-card,.sheet,.modal,.login-card,[role="dialog"],.notification-card) { background:#fff!important; color:var(--text)!important; border-color:#dbe4ef!important; background-image:none!important; }
:where(.panel,.card,.family-card,.variant-card,.employee-open-order-card,.open-orders-order-card) { box-shadow:var(--talavera-shadow-sm)!important; }
:where(.panel) { border-radius:14px; }
:where(.sheet,.modal,.login-card,[role="dialog"]) { box-shadow:var(--talavera-shadow-lg)!important; }
:where(.meta-line,.muted,small,.help-text,.sheet-subtitle,.configure-intro,.family-card-meta) { color:var(--muted)!important; }
.error-banner { background:#fff1f2!important; border-color:#fda4af!important; color:#9f1239!important; }
.warning-banner { background:#fffbeb!important; border-color:#fcd34d!important; color:#92400e!important; }
.success-banner { background:#ecfdf5!important; border-color:#86efac!important; color:#166534!important; }
.open-orders-v309-card-box.is-empty { color:#92400e!important; background:#fffbeb!important; border-color:#e4bb58!important; }
.listing-generator-drop-icon { color:#fff!important; }
.sheet-backdrop,:where(.modal-backdrop,[class*="-modal-backdrop"],.pwa-modal-backdrop,.sale-manager-modal-wrap) { background:rgba(23,43,77,.30)!important; backdrop-filter:blur(4px); }
.sheet-header,.modal-header,.configure-section>summary { background:#fff!important; border-color:#dbe4ef!important; }
.toast { background:#172b4d!important; color:#fff!important; border:1px solid #334a6c!important; box-shadow:var(--talavera-shadow-md)!important; }
.toast :where(span,strong,small) { color:inherit!important; }
.table-scroll,.table-wrap { background:#fff!important; border-color:#dbe4ef!important; }
table:not(.cr-native *):not([data-preserve-colors] *) { color:var(--text)!important; border-color:#dbe4ef!important; }
th:not(.cr-native *):not([data-preserve-colors] *) { background:#f0f5fc!important; color:#405675!important; font-weight:650; }
td:not(.cr-native *):not([data-preserve-colors] *) { border-color:#e4ebf4!important; }
tbody tr:not(.cr-native *):not([data-preserve-colors] *):hover { background:#f5f8ff!important; }
code,pre { color:#334a6c; background:#f1f5f9; }
.app-shell { width:min(1760px,100%); padding:18px 24px 48px; column-gap:24px; grid-template-columns:236px minmax(0,1fr); }
.app-shell>.topbar { grid-column:1/-1; }
.app-shell>.app-page-loading-panel,.app-shell>.app-warmup-tabs { grid-column:1/-1; }
.app-shell>.workspace-main { grid-column:2; min-width:0; width:100%; display:block; }
.workspace-main>section,.workspace-main>.panel { max-width:100%; min-width:0; }
.topbar { padding:15px 18px!important; margin-bottom:24px!important; background:#fff!important; border-color:#dbe4ef!important; border-radius:14px!important; box-shadow:var(--talavera-shadow-sm)!important; }
.topbar-wordmark { color:#172b4d!important; font-size:1.16rem!important; font-weight:780; display:inline!important; }
.topbar .meta-line { font-size:.7rem; margin-top:5px; color:#526681!important; }
.topbar-actions { display:flex!important; gap:8px!important; width:auto!important; }
.topbar-actions button { width:auto!important; min-height:40px!important; font-size:.76rem!important; }
.topbar-brandline { gap:12px!important; }
.system-update-header-version { color:#166534!important; background:#dcfce7!important; border-color:#bbf7d0!important; }
.notification-center-button { background:#fff!important; color:#405675!important; border-color:#dbe4ef!important; }
.notification-count { background:#eff6ff!important; color:#1d4ed8!important; }
.notification-center-button.has-notifications .notification-count { background:#2563eb!important; color:#fff!important; }
#mobile_navigation.tabs-row { display:block!important; grid-column:1; grid-row:3/span 100; position:sticky!important; top:18px; padding:12px!important; background:#fff!important; border-color:#dbe4ef!important; box-shadow:var(--talavera-shadow-sm)!important; width:100%; margin:0!important; }
#mobile_navigation:before { display:none!important; }
.fresh-nav-eyebrow { color:#61748d; font-size:.66rem; font-weight:700; letter-spacing:.10em; margin:3px 10px 13px; }
.fresh-desktop-nav { display:grid; gap:6px; }
.fresh-nav-group { min-width:0; }
.fresh-nav-icon { flex:none; width:21px; height:21px; }
.nav-section-tab { display:flex!important; align-items:center; gap:11px!important; padding:12px 10px!important; font-size:.82rem!important; font-weight:650!important; min-height:46px!important; color:#172b4d!important; border-radius:9px!important; border-color:transparent!important; background:transparent!important; }
.nav-section-tab>span { flex:1; }
.nav-section-tab>.fresh-nav-icon:last-child { width:14px; height:14px; color:#61748d; }
.nav-section-tab.is-active>.fresh-nav-icon:last-child { transform:rotate(90deg); }
.nav-section-tab.is-active { color:#1d4ed8!important; background:#eff6ff!important; }
.fresh-group-pages.sub-tab-row { display:grid!important; grid-template-columns:1fr!important; gap:3px!important; margin:5px 0 12px!important; padding:0 0 0 11px!important; border:0!important; }
.fresh-page-tab.tab-btn { display:flex!important; gap:9px!important; align-items:center; justify-content:flex-start!important; padding:10px 10px!important; min-height:41px!important; border:1px solid transparent!important; border-radius:8px!important; background:transparent!important; color:#405675!important; font-size:.79rem!important; font-weight:500!important; }
.fresh-page-tab>span { flex:1; }
.fresh-page-tab>.fresh-nav-icon { width:17px; height:17px; }
.fresh-page-tab.is-active { color:#1d4ed8!important; background:#e8f0ff!important; font-weight:650!important; }
.fresh-page-tab:not(.is-active):hover,.nav-section-tab:not(.is-active):hover { background:#f6f8fb!important; color:#1d4ed8!important; }
.fresh-nav-count,.fresh-page-tab strong { color:#405675!important; background:#f0f5fc!important; border-radius:6px!important; min-width:22px; font-size:.68rem!important; }
.fresh-page-tab.is-active strong { background:#dbeafe!important; color:#1d4ed8!important; }
.fresh-mobile-bottom { display:none; }
.fresh-breadcrumb { display:flex; align-items:center; gap:8px; font-size:.76rem; margin:0 0 14px; color:#526681; }
.fresh-breadcrumb button,.fresh-back-link { padding:0; min-height:24px; background:transparent!important; border:0!important; color:#1d4ed8!important; font:inherit; box-shadow:none!important; }
.fresh-page-heading { margin:0 0 18px; }
.fresh-page-heading h1 { margin:0 0 5px; font-size:1.7rem; font-weight:750; color:#172b4d; }
.fresh-page-heading p { margin:0; color:#526681; font-size:.86rem; }
.toolbar-row { margin:0 0 18px; }
#search_input { min-height:46px; border-color:#b8c9df!important; border-radius:10px!important; padding:11px 14px; box-shadow:0 2px 6px rgba(23,43,77,.02)!important; }
.card-grid { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important; gap:18px!important; }
.family-card { border-radius:14px!important; overflow:hidden; border:1px solid #dbe4ef!important; background:#fff!important; }
.family-card:hover { border-color:#a6bdeb!important; box-shadow:0 5px 18px rgba(23,43,77,.08)!important; }
.family-card-body { padding:13px!important; background:#fff!important; }
.family-card-title { color:#172b4d!important; font-size:.86rem!important; font-weight:650!important; line-height:1.4!important; }
.family-card-meta { font-size:.76rem!important; }
.family-select-toggle { background:rgba(255,255,255,.96)!important; color:#526681!important; border:1px solid #8091ab!important; border-radius:7px!important; box-shadow:0 1px 4px rgba(23,43,77,.10)!important; width:30px!important; height:30px!important; min-height:30px!important; }
.family-select-toggle.is-selected { background:#2563eb!important; border-color:#2563eb!important; color:#fff!important; }
.family-card.is-selected { border-color:#2563eb!important; box-shadow:0 0 0 2px #dbeafe!important; }
.family-card-note { border-radius:7px!important; font-weight:600!important; font-size:.72rem!important; padding:5px 8px!important; }
.family-card-note.low,.family-card-note.review,.family-card-note.warning { background:#fef3c7!important; color:#92400e!important; }
.family-card-note.out,.family-card-note.danger { background:#ffe4e6!important; color:#9f1239!important; }
.family-card-note.ordered,.family-card-note.success { background:#dcfce7!important; color:#166534!important; }
.family-card-note { background:#fef3c7!important; color:#92400e!important; }
.family-card-note.danger-note { background:#ffe4e6!important; color:#9f1239!important; }
.family-card-note.warning-note { background:#fef3c7!important; color:#92400e!important; }
.family-card-note.ordered-note { background:#dcfce7!important; color:#166534!important; }
.family-card-note.days-note,.family-card-note.dormant-note { background:#eff6ff!important; color:#1d4ed8!important; }
.app-shell.simple-mode { display:grid!important; grid-template-columns:218px minmax(0,1fr); width:min(1480px,100%); padding-inline:24px; }
.simple-mode #mobile_navigation.tabs-row { grid-column:1; grid-row:3/span 100; }
.simple-mode .workspace-main { grid-column:2; }
.fresh-employee-nav { gap:6px; }
.language-bubble { color:#1d4ed8!important; background:#fff!important; border-color:#b8c9df!important; }
.login-shell { background:#f6f8fb!important; }
.login-card { border:1px solid #dbe4ef!important; border-radius:20px; }
.login-card h1 { color:#172b4d!important; }
.topbar-mobile-menu { display:none; }
.fresh-section-screen { display:none; }
.fresh-back-link { display:inline-flex; align-items:center; gap:3px; margin-bottom:16px; }
@media(min-width:901px) {
  .topbar-mobile-menu { display:none!important; }
  .fresh-breadcrumb button { pointer-events:none; }
  .fresh-section-screen { display:none!important; }
}
@media(max-width:1080px) and (min-width:901px) {
  .app-shell,.app-shell.simple-mode { grid-template-columns:205px minmax(0,1fr); column-gap:16px; padding-inline:16px; }
}
@media(max-width:900px) {
  :root { --talavera-control-height:44px; }
  .app-shell,.app-shell.simple-mode { display:block!important; width:100%!important; max-width:100%; padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) calc(var(--fresh-bottom-height) + env(safe-area-inset-bottom) + 22px) max(12px,env(safe-area-inset-left))!important; }
  .topbar { display:flex!important; padding:12px 0!important; margin:0 0 19px!important; border:0!important; border-bottom:1px solid #dbe4ef!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; gap:8px!important; position:static!important; }
  .topbar-wordmark { display:inline!important; font-size:1.1rem!important; }
  .topbar .meta-line { display:none!important; }
  .topbar .system-update-header-version { display:none!important; }
  .topbar-actions { display:flex!important; flex:none; gap:5px!important; width:auto!important; }
  .topbar-actions .topbar-desktop-utility { display:none!important; }
  #notification_button_mount { width:auto!important; }
  .notification-center-button { min-height:40px!important; min-width:40px; padding:8px!important; background:#fff!important; }
  .notification-center-button span:nth-child(2) { display:none!important; }
  .topbar-mobile-menu { display:block!important; position:relative; }
  .topbar-mobile-menu>summary { min-height:40px; padding:8px 10px; border:1px solid #dbe4ef; border-radius:9px; background:#fff; font-size:.76rem; cursor:pointer; }
  .topbar-mobile-menu-panel { position:absolute; right:0; top:calc(100% + 8px); z-index:90; display:grid; gap:5px; width:min(230px,calc(100vw - 24px)); padding:8px; border:1px solid #dbe4ef; border-radius:12px; background:#fff; box-shadow:var(--talavera-shadow-md); }
  .topbar-mobile-menu-panel>button { min-height:44px!important; width:100%!important; text-align:left; background:#fff!important; color:#172b4d!important; border:0!important; font-size:.82rem!important; }
  #mobile_navigation.tabs-row,.simple-mode #mobile_navigation.tabs-row { display:none!important; position:static!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; margin:0!important; }
  #mobile_navigation .fresh-desktop-nav { display:none!important; }
  #app > .fresh-mobile-bottom { position:fixed!important; z-index:70; display:grid!important; grid-template-columns:repeat(var(--fresh-nav-items,4),minmax(0,1fr)); gap:3px; left:0; right:0; bottom:0; width:100%; min-height:var(--fresh-bottom-height); padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left)); background:rgba(255,255,255,.98); border-top:1px solid #dbe4ef; box-shadow:0 -3px 16px rgba(23,43,77,.04); }
  .fresh-bottom-tab,.simple-mode .fresh-bottom-tab.tab-btn { position:relative; display:flex!important; flex-direction:column; justify-content:center!important; align-items:center; gap:5px!important; min-width:0; min-height:58px!important; width:100%!important; margin:0!important; padding:5px 2px!important; border:0!important; border-radius:10px!important; color:#526681!important; background:transparent!important; font-size:.66rem!important; font-weight:550!important; line-height:1.15!important; text-align:center!important; box-shadow:none!important; white-space:normal; overflow-wrap:normal; }
  .fresh-bottom-tab>.fresh-nav-icon { width:23px; height:23px; }
  .fresh-mobile-bottom .fresh-bottom-tab.is-active,.simple-mode .fresh-bottom-tab.tab-btn.is-active { background:#eff6ff!important; color:#1d4ed8!important; font-weight:700!important; }
  .fresh-bottom-tab>strong { position:absolute; top:2px; right:13px; min-width:16px!important; padding:1px 4px!important; border-radius:5px!important; font-size:.55rem!important; background:#dbeafe!important; color:#1d4ed8!important; }
  .fresh-bottom-tab.timecard-attention:after { content:''; position:absolute; top:5px; right:22%; width:7px; height:7px; border:2px solid #fff; border-radius:50%; background:#be123c; }
  .workspace-main { width:100%; display:block!important; }
  .fresh-breadcrumb { font-size:.76rem; margin-bottom:14px; }
  .fresh-breadcrumb button { min-height:32px; }
  .fresh-page-heading { margin-bottom:17px; }
  .fresh-page-heading h1 { font-size:1.4rem; }
  .fresh-page-heading p { font-size:.82rem; }
  .fresh-section-screen { display:block; }
  .fresh-section-links { display:grid; gap:12px; }
  .fresh-section-link { display:flex; align-items:center; gap:14px; min-height:88px; padding:16px; text-align:left; border:1px solid #dbe4ef!important; border-radius:14px; background:#fff!important; color:#172b4d!important; box-shadow:var(--talavera-shadow-sm)!important; }
  .fresh-section-icon { display:grid; place-items:center; width:38px; height:38px; flex:none; border-radius:10px; color:#2563eb; background:#eff6ff; }
  .fresh-section-icon>.fresh-nav-icon { width:25px; height:25px; }
  .fresh-section-copy { flex:1; min-width:0; }
  .fresh-section-copy strong { display:block; font-size:.9rem; }
  .fresh-section-copy small { display:block; margin-top:5px; font-size:.75rem; line-height:1.4; }
  .fresh-section-link>.fresh-nav-icon { width:16px; height:16px; color:#61748d; }
  .fresh-section-copy .fresh-nav-count { display:inline; font-size:.75rem!important; }
  .card-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  .family-card { border-radius:12px!important; }
  .family-card-body { padding:10px!important; }
  .family-card-title { font-size:.8rem!important; line-height:1.35!important; font-weight:650!important; }
  .family-card-meta { font-size:.72rem!important; }
  .family-card-note { font-size:.66rem!important; padding:4px 6px!important; }
  .family-select-toggle { width:28px!important; height:28px!important; min-height:28px!important; }
  #bulk_action_mount .bulk-bar { bottom:calc(var(--fresh-bottom-height) + env(safe-area-inset-bottom) + 8px)!important; z-index:80; }
  .language-bubble { bottom:calc(var(--fresh-bottom-height) + env(safe-area-inset-bottom) + 10px)!important; z-index:75; font-size:.72rem; min-height:36px!important; }
  .toast { bottom:calc(var(--fresh-bottom-height) + env(safe-area-inset-bottom) + 10px)!important; z-index:200; }
}
@media(max-width:360px) {
  .fresh-bottom-tab,.simple-mode .fresh-bottom-tab.tab-btn { font-size:.61rem!important; }
  .app-shell,.app-shell.simple-mode { padding-inline:10px!important; }
  .card-grid { gap:8px!important; }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after { transition:none!important; scroll-behavior:auto!important; }
}
@media(prefers-contrast:more) {
  :root { --talavera-border:#94a3b8; --talavera-border-strong:#64748b; }
  .family-card,.panel,.fresh-section-link { border-color:#94a3b8!important; }
}
@media print {
  .topbar,#mobile_navigation,.language-bubble,.fresh-breadcrumb,.fresh-back-link { display:none!important; }
  .app-shell,.app-shell.simple-mode { display:block!important; padding:0!important; }
  .workspace-main { width:100%!important; }
  .family-card,.panel { box-shadow:none!important; break-inside:avoid; }
}

/* V732: presentation refinements; existing controls and data stay available. */
:root { --fresh-safe-top:env(safe-area-inset-top,0px); --fresh-safe-bottom:env(safe-area-inset-bottom,0px); }
.fresh-extra-guidance { display:none!important; }
#app .pf-actions button:not(.secondary):not(.ghost) { color:#fff!important; }
#app .topbar .notification-center-button.secondary { position:relative; display:inline-flex; align-items:center; gap:9px; min-height:44px!important; padding:9px 12px!important; border:1px solid #c6d3e3!important; border-radius:12px!important; background:#fff!important; color:#405675!important; font-size:.84rem!important; font-weight:600; box-shadow:none!important; }
#app .topbar .notification-center-button.secondary:hover { background:#f5f8ff!important; border-color:#a6bdeb!important; }
.fresh-notification-bell { flex:none; width:20px; height:20px; color:#2563eb; }
#app .notification-center-button .notification-count { display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 5px!important; border:0!important; border-radius:7px!important; font-size:12px!important; line-height:1!important; background:#eff6ff!important; color:#1d4ed8!important; font-weight:700; }
#app .notification-center-button.is-urgent:after { content:''; position:absolute; left:25px; top:8px; width:7px; height:7px; border-radius:50%; background:#be123c; border:2px solid white; }
#app .notification-backdrop { display:flex!important; align-items:center!important; justify-content:center!important; padding:24px!important; padding-top:calc(24px + var(--fresh-safe-top))!important; padding-bottom:calc(24px + var(--fresh-safe-bottom))!important; }
#app .notifications-sheet { display:flex!important; flex-direction:column!important; width:min(1080px,100%)!important; height:min(900px,calc(100dvh - 48px - var(--fresh-safe-top) - var(--fresh-safe-bottom)))!important; max-height:calc(100dvh - 48px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; overflow:hidden!important; margin:0!important; padding:0!important; border-radius:20px!important; font-size:16px!important; line-height:1.5!important; }
#app .notification-sheet-header { flex:none; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 24px 16px!important; border:0!important; }
#app .notification-sheet-header h2 { margin:0!important; font-size:24px!important; line-height:1.25; }
#app .notification-sheet-header .notification-intro-v586 { margin:5px 0 0!important; color:#526681!important; font-size:14px!important; }
#app .notification-sheet-header>button { flex:none; min-height:44px; min-width:72px; padding:9px 14px; font-size:14px!important; }
#app .notification-tabs-v586 { flex:none; display:flex!important; gap:6px!important; margin:0 20px 12px!important; padding:5px!important; border:1px solid #dbe4ef!important; border-radius:12px!important; background:#f6f8fb!important; overflow-x:auto!important; scrollbar-width:thin; }
#app .notification-tabs-v586>button { flex:1 0 auto!important; display:flex; align-items:center; justify-content:center; gap:9px; min-height:44px!important; padding:8px 12px!important; border:1px solid transparent!important; border-radius:8px!important; background:transparent!important; color:#405675!important; font-size:14px!important; line-height:1.25!important; font-weight:550; }
#app .notification-tabs-v586>button.is-selected,#app .notification-tabs-v586>button[aria-pressed="true"] { background:#fff!important; color:#1d4ed8!important; border-color:#b9cef7!important; box-shadow:0 1px 4px rgba(23,43,77,.06); font-weight:700; }
#app .notification-tabs-v586 b { display:inline-grid; place-items:center; min-width:23px; height:23px; padding:0 5px; border-radius:6px; background:#e8eef7; color:#405675!important; font-size:12px!important; }
#app .notification-tabs-v586 .is-selected b { background:#dbeafe; color:#1d4ed8!important; }
#app .notification-tab-actions-v591 { flex:none; display:flex; justify-content:space-between; align-items:center; gap:10px; padding:0 24px 12px!important; margin:0!important; font-size:14px; color:#526681; }
#app .notification-tab-actions-v591 button { min-height:40px; padding:8px 12px; font-size:13px!important; }
#app .notification-tools-v586 { flex:none; margin:0 24px 12px!important; border:1px solid #dbe4ef; border-radius:10px; background:#f6f8fb; overflow:auto; max-height:30dvh; }
#app .notification-tools-v586>summary { min-height:44px; padding:10px 12px!important; font-size:14px; color:#526681; }
#app .notification-tools-v586 .notification-toolbar { padding:0 12px 12px; gap:8px; }
#app .notification-list { flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overscroll-behavior:contain; scroll-padding:16px; display:grid!important; align-content:start; gap:16px!important; padding:4px 24px 20px!important; margin:0!important; }
#app .notifications-sheet .empty-block { flex:1; display:grid; place-items:center; padding:24px; }
#app .notifications-sheet .notification-card { padding:18px!important; border:1px solid #dbe4ef!important; border-radius:14px!important; box-shadow:0 1px 5px rgba(23,43,77,.035)!important; font-size:15px!important; line-height:1.55!important; overflow-wrap:anywhere; }
#app .notification-card-header { gap:12px!important; margin-bottom:12px!important; }
#app .notification-card h3 { margin:7px 0 0!important; font-size:18px!important; line-height:1.35; }
#app .notification-kind-label { display:inline-flex; align-items:center; gap:6px; padding:3px 7px; border-radius:5px; font-size:12px!important; font-weight:700; line-height:1.4; background:#eff6ff; color:#1d4ed8; }
#app .notification-card button,#app .notification-card input,#app .notification-card select { min-height:42px!important; font-size:14px!important; }
#app .notification-card p,#app .notification-alert-row { font-size:15px!important; line-height:1.55!important; }
#app .notification-card small,#app .notification-meta-grid span,#app .notification-item-sku { font-size:13px!important; line-height:1.5; color:#526681!important; }
#app .notification-items-details>summary { min-height:42px; padding:10px 0; font-size:14px!important; }
#app .notification-alert-row { padding:10px 12px!important; border-radius:10px; background:#f6f8fb!important; }
#app .notification-meta-grid>div { background:#f6f8fb!important; border-radius:10px; }
#app .notification-last-scan { flex:none; margin:0!important; padding:9px 24px!important; border-top:1px solid #e4ebf4; color:#61748d; font-size:12px!important; }
#app .notification-monitor-debug { flex:none; max-height:170px; overflow:auto; margin:0!important; padding:0 24px 10px!important; font-size:13px!important; }
#app .notification-error,#app .notification-recheck-v586 { flex:none; margin:0 24px 12px!important; }
#app .fresh-warmup { display:block!important; max-width:620px; padding-top:calc(32px + var(--fresh-safe-top))!important; margin:auto; }
#app .fresh-warmup .topbar { justify-content:center!important; margin-bottom:20px!important; padding:16px!important; }
#app .fresh-warmup .topbar-brandline { display:flex; align-items:center; justify-content:center; }
#app .fresh-loading-panel { padding:32px!important; min-height:0!important; border:1px solid #dbe4ef!important; outline:0!important; box-shadow:0 3px 20px rgba(23,43,77,.04)!important; }
#app .fresh-loading-panel .app-page-loading-head { display:flex; align-items:center; gap:16px; }
#app .fresh-loading-panel h2 { margin:0!important; font-size:22px!important; }
.app-inline-spinner { border-top-color:#2563eb!important; }
.fresh-loading-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:20px; }
@media(max-width:900px) {
 #app .app-shell:not(.fresh-warmup) { padding-top:calc(16px + var(--fresh-safe-top))!important; }
 #app .topbar .notification-center-button.secondary { min-height:44px!important; padding:9px 10px!important; gap:7px!important; }
 #app .topbar .notification-center-button .fresh-notification-bell { display:block!important; }
 #app .topbar .notification-center-button>span:not(.notification-count) { display:none!important; }
 #app .topbar .notification-center-button>span.notification-count { display:inline-grid!important; }
 #app .notification-backdrop { align-items:flex-start!important; padding:0 10px!important; padding-top:calc(52px + var(--fresh-safe-top))!important; padding-bottom:calc(12px + var(--fresh-safe-bottom))!important; }
 #app .notifications-sheet { height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; max-height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; border-radius:18px!important; }
 #app .notification-sheet-header { padding:16px 16px 12px!important; gap:8px; }
 #app .notification-sheet-header h2 { font-size:22px!important; }
 #app .notification-sheet-header>button { min-width:64px; }
 #app .notification-tabs-v586 { margin:0 12px 10px!important; }
 #app .notification-tabs-v586>button { min-width:125px!important; }
 #app .notification-tab-actions-v591 { padding:0 16px 10px!important; font-size:13px; }
 #app .notification-tab-actions-v591>button { min-height:44px; font-size:12px!important; }
 #app .notification-tools-v586 { margin:0 16px 10px!important; }
 #app .notification-list { padding:4px 12px 16px!important; gap:12px!important; }
 #app .notifications-sheet .notification-card { padding:14px!important; }
 #app .notification-last-scan { padding:8px 16px!important; }
 #app .notification-monitor-debug { padding:0 16px 8px!important; }
 #app .fresh-warmup { padding-top:calc(40px + var(--fresh-safe-top))!important; }
 #app .fresh-loading-panel { padding:24px!important; }
 .sheet-backdrop:not(.notification-backdrop) { padding-top:calc(52px + var(--fresh-safe-top))!important; padding-bottom:calc(12px + var(--fresh-safe-bottom))!important; }
 .sheet-backdrop:not(.notification-backdrop)>.sheet { max-height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; }
 .sheet-header { position:sticky; top:0; z-index:2; }
}
@media(max-width:900px) and (max-height:600px) {
 #app .notifications-sheet { overflow-y:auto!important; }
 #app .notification-sheet-header { position:sticky; top:0; z-index:3; background:#fff; }
 #app .notification-list { flex:none!important; overflow-y:visible!important; }
 #app .notification-tools-v586 { max-height:none; }
}

/* V734: original data colors and viewport-attached phone navigation. */
.ops-color{position:absolute;right:5px;bottom:5px;width:25px;height:25px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #313741;pointer-events:none}
.ops-color.ops-pinwheel{display:block!important;position:absolute!important;right:8px!important;bottom:8px!important;width:34px!important;height:34px!important;border:0;background:transparent;box-shadow:none;filter:drop-shadow(0 1px 2px #000);z-index:2;overflow:visible}
@media(max-width:900px) {
 #app > .fresh-mobile-bottom { top:auto!important; bottom:0!important; left:0!important; right:0!important; margin:0!important; transform:none!important; height:calc(var(--fresh-bottom-height) + var(--fresh-safe-bottom))!important; min-height:calc(var(--fresh-bottom-height) + var(--fresh-safe-bottom))!important; padding-bottom:calc(7px + var(--fresh-safe-bottom))!important; box-sizing:border-box!important; }
}

/* V735: Uline cart button and popup share the notification treatment. */
#app .topbar .fresh-cart-button-v735.secondary { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px!important; padding:9px 12px!important; border:1px solid #c6d3e3!important; border-radius:12px!important; background:#fff!important; color:#405675!important; font-size:.84rem!important; font-weight:600; box-shadow:none!important; }
#app .topbar .fresh-cart-button-v735.secondary:hover { background:#f5f8ff!important; border-color:#a6bdeb!important; }
.fresh-cart-icon-v735 { flex:none; width:20px; height:20px; color:#2563eb; }
#app .fresh-cart-count-v735 { display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 5px; border-radius:7px; font-size:12px; line-height:1; background:#eff6ff; color:#1d4ed8; font-weight:700; }
#app .uline-catalog-only-v735 { grid-template-columns:minmax(0,1fr)!important; }
body.fresh-cart-open-v735 { overflow:hidden; }
#app > .fresh-cart-backdrop-v735 { position:fixed; inset:0; z-index:130; display:flex; align-items:center; justify-content:center; padding:calc(24px + var(--fresh-safe-top)) max(24px,env(safe-area-inset-right)) calc(24px + var(--fresh-safe-bottom)) max(24px,env(safe-area-inset-left)); background:rgba(23,43,77,.32); overscroll-behavior:contain; }
#app .fresh-cart-dialog-v735 { display:flex; flex-direction:column; width:min(620px,100%); max-height:calc(100dvh - 48px - var(--fresh-safe-top) - var(--fresh-safe-bottom)); min-height:0; padding:0; margin:0; border:1px solid #dbe4ef; border-radius:20px; background:#fff; color:#172b4d; box-shadow:0 20px 70px rgba(23,43,77,.18); overflow:hidden; }
#app .fresh-cart-header-v735 { display:flex; flex:none; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid #e4ebf4; background:#fff; }
#app .fresh-cart-header-v735 h2 { display:flex; align-items:center; gap:10px; margin:0; font-size:22px; line-height:1.25; }
#app .fresh-cart-header-v735 h2 svg { width:24px; height:24px; }
#app .fresh-cart-header-v735>button { display:grid; place-items:center; flex:none; min-height:44px!important; min-width:44px; padding:10px!important; border-radius:12px; }
#app .fresh-cart-scroll-v735 { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:20px; scroll-padding:16px; }
#app .fresh-cart-scroll-v735 .uline-summary { position:static; display:flex; flex-direction:column; gap:12px; width:100%; min-width:0; padding:0; margin:0; border:0; border-radius:0; background:#fff; box-shadow:none; }
#app .fresh-cart-scroll-v735 .uline-summary>strong { font-size:26px; line-height:1.2; }
#app .fresh-cart-scroll-v735 .uline-summary>small { color:#526681; font-size:13px; line-height:1.5; }
#app .fresh-cart-scroll-v735 .uline-summary p { margin:0; }
#app .fresh-cart-scroll-v735 .uline-summary label { display:grid; gap:6px; font-size:14px; }
#app .fresh-cart-scroll-v735 .uline-summary input,#app .fresh-cart-scroll-v735 .uline-summary textarea { background:#fff; color:#172b4d; border:1px solid #c6d3e3; font-size:16px; }
#app .fresh-cart-scroll-v735 .uline-summary>button { width:100%; min-height:44px; }
#app .fresh-cart-scroll-v735 .uline-summary>button.primary { background:#2563eb; color:#fff; }
#app .fresh-cart-scroll-v735 .uline-cart-item-v728 { grid-template-columns:64px minmax(0,1fr); align-items:start; gap:12px; padding:14px 0; border-top:1px solid #e4ebf4; }
#app .fresh-cart-scroll-v735 .uline-cart-item-v728>img { width:64px; height:64px; border-radius:10px; object-fit:contain; background:#f6f8fb; }
#app .fresh-cart-scroll-v735 .uline-cart-item-v728 strong { font-size:14px; line-height:1.45; }
#app .fresh-cart-scroll-v735 .uline-cart-item-v728 small { font-size:13px; color:#526681; }
#app .fresh-cart-scroll-v735 .uline-cart-controls-v728 { display:flex; align-items:end; flex-wrap:wrap; gap:6px; margin-top:10px; }
#app .fresh-cart-scroll-v735 .uline-cart-controls-v728 button { min-height:44px; min-width:44px; padding:9px; font-size:14px; }
#app .fresh-cart-scroll-v735 .uline-cart-controls-v728 label { flex:none; width:82px; font-size:12px; }
#app .fresh-cart-scroll-v735 .uline-cart-controls-v728 input { min-height:44px; padding:8px; text-align:center; }
#app .fresh-cart-scroll-v735 .uline-remove-v728 { color:#9f1239; }
#app .fresh-cart-scroll-v735 .uline-tier { display:grid; gap:6px; padding:12px; border:1px solid #d2eedd; border-radius:12px; background:#f0fdf4; color:#166534; }
#app .fresh-cart-scroll-v735 .uline-tier small { font-size:13px; line-height:1.5; color:#166534; }
#app .fresh-cart-scroll-v735 .uline-tier progress { width:100%; accent-color:#16a34a; }
#app .fresh-cart-scroll-v735 .uline-selected-gift-v728 { padding:12px; border:1px solid #dbe4ef; border-radius:12px; }
#app .fresh-cart-scroll-v735 .uline-error { padding:12px; margin:0 0 12px; border-radius:10px; background:#fff1f2; color:#9f1239; overflow-wrap:anywhere; }
#app .fresh-cart-scroll-v735 #uline_cart_status_v728 { color:#166534; }
#app .fresh-cart-scroll-v735 #uline_cart_status_v728.is-error { color:#9f1239; }
body:has(.uline-gift-overlay-v728) #uline_cart_popup_v735 { visibility:hidden; }
.uline-gift-overlay-v728 { z-index:140!important; }
@media(max-width:900px) {
 #app .topbar .fresh-cart-button-v735.secondary { padding:9px 10px!important; gap:7px; }
 #app .fresh-cart-label-v735 { display:none; }
 #app > .fresh-cart-backdrop-v735 { align-items:flex-start; padding:calc(52px + var(--fresh-safe-top)) max(10px,env(safe-area-inset-right)) calc(12px + var(--fresh-safe-bottom)) max(10px,env(safe-area-inset-left)); }
 #app .fresh-cart-dialog-v735 { max-height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom)); border-radius:18px; }
 #app .fresh-cart-header-v735 { padding:12px 16px; }
 #app .fresh-cart-scroll-v735 { padding:16px; }
 #app .fresh-cart-scroll-v735 .uline-cart-item-v728 { grid-template-columns:52px minmax(0,1fr); gap:10px; }
 #app .fresh-cart-scroll-v735 .uline-cart-item-v728>img { width:52px; height:58px; }
}

/* V736: expanded controls stay inside their page at tablet and phone widths. */
#workspace_main .listing-generator-switch { position:relative; }
#workspace_main .listing-generator-switch input[type="checkbox"] { position:absolute!important; width:1px!important; height:1px!important; min-height:0!important; padding:0!important; margin:0!important; overflow:hidden; clip-path:inset(50%); }
#workspace_main .listing-generator-switch:focus-within { outline:2px solid #2563eb; outline-offset:3px; }
#workspace_main .transit-time-shell { min-width:0; grid-template-columns:minmax(0,1fr); }
#workspace_main .transit-time-shell>* { min-width:0; max-width:100%; }
#workspace_main .transit-time-v81-day-row { grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr)); }
#workspace_main .transit-time-v81-day-row>label { min-width:0; }
#workspace_main .transit-time-v81-quick-actions { flex-wrap:wrap; }
#workspace_main .transit-time-v81-quick-actions>* { min-width:0; max-width:100%; }
#workspace_main .bundle-toolbar-grid { grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); }
#workspace_main .bundle-toolbar-grid>* { min-width:0; max-width:100%; }
#workspace_main .bundle-toolbar-grid .button-row.no-wrap { flex-wrap:wrap; }
#workspace_main .sale-manager-shell button,#workspace_main .sale-manager-actions button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
#workspace_main .automated-email-choice { min-width:0; max-width:100%; }
#workspace_main .automated-email-choice-title { min-width:0; overflow-wrap:anywhere; }
#workspace_main .automated-email-choice-meta { flex-wrap:wrap; white-space:normal; }
@media(max-width:1200px) {
 #workspace_main .pf-layout { grid-template-columns:minmax(0,1fr)!important; }
}

/* Give every editing popup the same reachable close area, including body portals. */
html body #primary_family_mount_v576 .sheet-backdrop,
html body :is(.sheet-backdrop:not(.notification-backdrop),.custom-order-modal-backdrop,.open-orders-manual-backdrop,.open-orders-modal-backdrop,.open-orders-mini-modal-backdrop,.open-orders-v309-card-editor-backdrop,.listing-generator-modal-backdrop,.receipt-modal-backdrop,.restock-waitlist-modal-backdrop,.cr-overlay) {
 padding:calc(24px + var(--fresh-safe-top)) max(24px,env(safe-area-inset-right)) calc(24px + var(--fresh-safe-bottom)) max(24px,env(safe-area-inset-left))!important;
 box-sizing:border-box;
}
html body #primary_family_mount_v576 .sheet-backdrop>.sheet,
html body :is(.sheet-backdrop:not(.notification-backdrop),.custom-order-modal-backdrop,.open-orders-manual-backdrop,.open-orders-modal-backdrop,.open-orders-mini-modal-backdrop,.open-orders-v309-card-editor-backdrop,.listing-generator-modal-backdrop,.receipt-modal-backdrop,.restock-waitlist-modal-backdrop,.cr-overlay)>[role="dialog"] {
 min-height:0!important; max-height:calc(100dvh - 48px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; max-width:100%!important;
}
html body .cr-overlay .cr-editor-head :is(button[data-action*="close"],button[aria-label*="Close"]) { min-width:44px!important; min-height:44px!important; flex:none; }
html body .cr-photo-batch .cr-editor-head { position:sticky; top:0; z-index:4; background:#fff; }
html body :is(.listing-generator-dialog-x,.receipt-modal-close) { position:sticky!important; top:0!important; right:0!important; float:right; min-height:44px!important; min-width:44px!important; z-index:4; background:#fff!important; }
html body .custom-order-modal label:has(>input[type="checkbox"]) { display:flex!important; align-items:flex-start; gap:10px; }
html body .custom-order-modal label>input[type="checkbox"] { flex:none; width:20px!important; height:20px!important; min-height:20px!important; padding:0!important; margin:2px 0!important; }
@media(max-width:900px) {
 html body #primary_family_mount_v576 .sheet-backdrop,
 html body :is(.sheet-backdrop:not(.notification-backdrop),.custom-order-modal-backdrop,.open-orders-manual-backdrop,.open-orders-modal-backdrop,.open-orders-mini-modal-backdrop,.open-orders-v309-card-editor-backdrop,.listing-generator-modal-backdrop,.receipt-modal-backdrop,.restock-waitlist-modal-backdrop,.cr-overlay) {
  padding:calc(52px + var(--fresh-safe-top)) max(10px,env(safe-area-inset-right)) calc(12px + var(--fresh-safe-bottom)) max(10px,env(safe-area-inset-left))!important;
 }
 html body #primary_family_mount_v576 .sheet-backdrop>.sheet,
 html body :is(.sheet-backdrop:not(.notification-backdrop),.custom-order-modal-backdrop,.open-orders-manual-backdrop,.open-orders-modal-backdrop,.open-orders-mini-modal-backdrop,.open-orders-v309-card-editor-backdrop,.listing-generator-modal-backdrop,.receipt-modal-backdrop,.restock-waitlist-modal-backdrop,.cr-overlay)>[role="dialog"] {
  max-height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important;
 }
 html body .cr-overlay>.cr-editor { height:calc(100dvh - 64px - var(--fresh-safe-top) - var(--fresh-safe-bottom))!important; border-radius:16px; }
}