/* V2.23 — lighter headers, clearer Home sections, mobile pickup cards, customer search, label pop-up. Loaded last; visual only. */

/* ---------- 1. Home section headers: light bar + green accent instead of solid dark green ---------- */
#app .widget-head{background:#f4f9f5!important;color:#17452b!important;box-shadow:inset 4px 0 0 #1f9d4d;border-bottom:1px solid #e1ece4}
#app .widget-head h3{color:#17452b!important}
#app .widget-head .bellife-icon{color:#1f9d4d!important}
#app .widget-head .compact-select{color:#17452b!important}
#app .widget-head .bellife-collapse-btn,#app .widget-head .bellife-collapse-btn:hover{color:#17452b!important}
#app .widget-head .bellife-collapse-btn:focus-visible{outline-color:#1f9d4d!important}
/* View All: a clear outlined pill */
#app .widget-head .btn{background:#fff!important;color:#17723a!important;border:1.5px solid #1f9d4d!important;font-weight:700!important;box-shadow:none!important;opacity:1!important;white-space:nowrap!important}
#app .widget-head .btn:hover{background:#e8f5ec!important}
html.bellife-dark #app .widget-head{background:#1c2a21!important;color:#d6eadb!important;box-shadow:inset 4px 0 0 #5fbf78;border-bottom-color:#2c3d32}
html.bellife-dark #app .widget-head h3,html.bellife-dark #app .widget-head .compact-select,html.bellife-dark #app .widget-head .bellife-collapse-btn{color:#d6eadb!important}
html.bellife-dark #app .widget-head .bellife-icon{color:#7fd197!important}
html.bellife-dark #app .widget-head .btn{background:transparent!important;color:#9fe0b3!important;border-color:#5fbf78!important}
html.bellife-dark #app .widget-head .btn:hover{background:#24382b!important}

/* Top summary tiles (Active Orders, Due Tomorrow…): light cards with green numbers instead of dark green blocks */
#app .operations-metrics .opmetric{background:#fff!important;color:#1d2b22!important;border:1px solid #dfe9e2!important;box-shadow:0 1px 3px rgba(20,60,35,.06)!important}
#app .operations-metrics .opmetric small{color:#4a5a50!important}
#app .operations-metrics .opmetric .bellife-icon{color:#1f9d4d!important}
#app .operations-metrics .opmetric strong{color:#17723a!important}
#app .operations-metrics .opmetric:hover{background:#f4f9f5!important}
html.bellife-dark #app .operations-metrics .opmetric{background:#18221c!important;color:#e2eee6!important;border-color:#2c3d32!important}
html.bellife-dark #app .operations-metrics .opmetric small{color:#aebfb4!important}
html.bellife-dark #app .operations-metrics .opmetric .bellife-icon,html.bellife-dark #app .operations-metrics .opmetric strong{color:#9fe0b3!important}

/* ---------- 1b. Menu group headers: plain, green only on the page you're on ---------- */
#nav .ps-nav-heading{background:transparent!important;color:#4a5a50!important;border-left:0!important;padding-left:8px!important}
#nav .ps-nav-heading .bellife-icon{color:#6b7d72!important}
#nav .ps-nav-heading:hover{background:#f1f5f2!important}
#nav .ps-nav-group+.ps-nav-group{border-top:1px solid #e6ece8!important;padding-top:6px}
html.bellife-dark #nav .ps-nav-heading{background:transparent!important;color:#aebfb4!important}
html.bellife-dark #nav .ps-nav-heading .bellife-icon{color:#8fa597!important}
html.bellife-dark #nav .ps-nav-heading:hover{background:#1f2a23!important}
html.bellife-dark #nav .ps-nav-group+.ps-nav-group{border-top-color:#2c3830!important}

/* ---------- 2. Home: more room and a divider between areas ---------- */
#app .home-redesign>section{display:flex;flex-direction:column;gap:22px}
#app .home-redesign .home-widget{margin-bottom:0!important}
#app .home-redesign{gap:22px!important;margin-bottom:8px}
#app .operations-metrics{margin-bottom:22px!important}
#app .home-redesign+.task-tabs,#app .tv+.card{margin-top:30px!important;position:relative}
#app .home-redesign+.task-tabs::before,#app .tv+.card::before{content:"";position:absolute;left:8%;right:8%;top:-16px;border-top:1px solid #d9e6dd}
html.bellife-dark #app .home-redesign+.task-tabs::before,html.bellife-dark #app .tv+.card::before{border-top-color:#2c3d32}

/* ---------- Home tracker: no stage names under the stage circles, on any screen size
   (hover a circle to see its name; the current stage is shown above the bar; the colour key stays) ---------- */
#app .home-production-stages .home-stage-name{display:none!important}
#app .home-production-stages .home-stage-item{padding-bottom:2px!important}
@media(max-width:750px){#app .home-redesign .home-production-stages{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:4px!important}#app .home-redesign .home-production-stages .home-stage-item{padding:4px 0!important}}

/* ---------- Pickup lists: Print / Re-print label per job ---------- */
#app .ps223-lbl{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .ps223-lbl-done{font-size:12px;font-weight:700;color:#17723a;background:#e8f5ec;border-radius:999px;padding:4px 10px;white-space:nowrap}
html.bellife-dark #app .ps223-lbl-done{color:#9fe0b3;background:#24382b}
@media(max-width:750px){
 #app table.ps223-cards td.ps223-actions .actions .ps223-lbl{grid-column:1/-1;display:flex;justify-content:space-between}
 #app table.ps223-cards td.ps223-actions .actions .ps223-lbl .btn{flex:1 1 auto;width:auto!important}
}

/* ---------- Home WhatsApp Status Report: date range ---------- */
#app .ps223-range{margin:4px 0 14px;padding:12px;border:1px solid #e1ece4;border-radius:14px;background:#f8fbf9}
#app .ps223-range-chips{display:flex;flex-wrap:wrap;gap:6px}
#app .ps223-range-chips .btn{min-height:34px;padding:6px 12px;font-size:13px;margin:0}
#app .ps223-range-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
#app .ps223-range-dates label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#4a5a50}
#app .ps223-range-text{margin:8px 0 0;font-size:13px}
#app .ps223-bad{color:#b42318;font-weight:600}
html.bellife-dark #app .ps223-range{background:#1a251e;border-color:#2c3d32}
html.bellife-dark #app .ps223-range-dates label{color:#aebfb4}
html.bellife-dark #app .ps223-bad{color:#ff8a80}
/* Home: smaller Send Report button (the report card that follows the Tasks area) */
#app .tv~.card .report-whatsapp{width:auto!important;min-width:0!important;min-height:38px!important;height:auto!important;padding:8px 22px!important;font-size:14px!important;display:inline-flex!important;align-items:center;justify-content:center}
@media(max-width:750px){#app .ps223-range-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#app .ps223-range-chips .btn{width:100%;padding:6px 4px;font-size:12px}}

/* ---------- Labels page: tidy top controls ----------
   Children of .ps-sticker-controls (fixed order from operations.js):
   1 search · 2 "x / y selected" · 3 Print · 4 Download · 5 Liene Photo · 6 Clear · 7 Printed Labels · 8 Confirm Printed
   Row 1: search + Printed Labels (view switch). Row 2 (tinted action bar): count + Clear | Confirm Printed · Print · Download · Liene Photo */
#app .ps-sticker-controls{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"search search search search search search printed" "count clear gap confirm print dl liene";align-items:center;gap:10px 8px;flex-wrap:nowrap!important;margin:6px 0 12px}
#app .ps-sticker-controls::before{content:"";grid-row:2;grid-column:1/-1;align-self:stretch;margin:-8px -10px;background:#f4f9f5;border:1px solid #e1ece4;border-radius:14px;z-index:0}
#app .ps-sticker-controls>*{position:relative;z-index:1;margin:0!important;min-width:0}
#app .ps-sticker-controls>:nth-child(1){grid-area:search;display:flex;flex-direction:column;gap:4px}
#app .ps-sticker-controls>:nth-child(1) input{width:100%}
#app .ps-sticker-controls>:nth-child(2){grid-area:count;font-size:14px;white-space:nowrap;padding-left:2px}
#app .ps-sticker-controls>:nth-child(3){grid-area:print}
#app .ps-sticker-controls>:nth-child(4){grid-area:dl}
#app .ps-sticker-controls>:nth-child(5){grid-area:liene}
#app .ps-sticker-controls>:nth-child(6){grid-area:clear}
#app .ps-sticker-controls>:nth-child(7){grid-area:printed;align-self:end}
#app .ps-sticker-controls>:nth-child(8){grid-area:confirm;margin-right:10px!important}
#app .ps-sticker-controls>.btn{min-height:38px;padding:8px 16px;font-size:14px;white-space:nowrap;width:auto!important}
#app .ps-sticker-controls>:nth-child(6){background:transparent!important;border-color:transparent!important;text-decoration:underline;text-underline-offset:3px;padding:8px 6px}
#app .ps-sticker-controls+.muted{margin-top:16px}
html.bellife-dark #app .ps-sticker-controls::before{background:#1a251e;border-color:#2c3d32}
@media(max-width:1100px){
 #app .ps-sticker-controls{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"search search search search search search" "count count count count clear clear" "print print dl dl liene liene" "confirm confirm confirm printed printed printed";gap:10px 8px}
 #app .ps-sticker-controls::before{grid-row:2/4}
 #app .ps-sticker-controls>.btn{width:100%!important;padding:8px 4px;font-size:13px}
 #app .ps-sticker-controls>:nth-child(6){justify-self:end;width:auto!important}
 #app .ps-sticker-controls>:nth-child(7){align-self:center}
 #app .ps-sticker-controls>:nth-child(8){margin-right:0!important}
}

/* ---------- Label design editor (V2.23) ---------- */
#app .ps224-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:20px;align-items:start;margin-top:16px}
#app .ps224-main{display:flex;flex-direction:column;gap:16px;min-width:0}
#app .ps224-card,#app .ps224-preview{background:#fff;border:1px solid #e1ece4;border-radius:18px;padding:16px 18px;box-shadow:0 1px 3px rgba(20,60,35,.05)}
#app .ps224-card>header,#app .ps224-preview>header{display:flex!important;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;position:static!important;min-height:0!important;height:auto!important;border-radius:0!important}
#app .ps224-editor{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
#app .ps224-preview .ps-label-render-preview{display:flex!important;flex-direction:column;align-items:center;gap:12px;grid-template-columns:none!important}
#app .ps224-preview .ps219-sheet.ps224-clear{width:100%;max-width:420px}
#app .ps224-preview .ps219-sheet figcaption{text-align:center;font-size:12px;color:#6b7d72;margin-top:4px}
#app .ps224-card h3,#app .ps224-preview h3{margin:0;font-size:16px;color:#17452b}
#app .ps224-card header small,#app .ps224-preview header small{color:#6b7d72;font-size:12px}
#app .ps224-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
#app .ps224-tpl{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border:2px solid #e1ece4;border-radius:14px;background:#f8fbf9;cursor:pointer;text-align:left;color:#1d2b22;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
#app .ps224-tpl:hover{border-color:#9fd1ae;transform:translateY(-1px)}
#app .ps224-tpl.on{border-color:#1f9d4d;box-shadow:0 0 0 3px rgba(31,157,77,.15);background:#fff}
#app .ps224-tpl-img{display:grid;place-items:center;aspect-ratio:4/3;border-radius:10px;background:repeating-conic-gradient(#eef3ef 0 25%,#f8fbf9 0 50%) 0 0/16px 16px;overflow:hidden}
#app .ps224-tpl-img img{max-width:94%;max-height:94%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}
#app .ps224-tpl-img img:not([src]){visibility:hidden}
#app .ps224-tpl-name{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:1px}
#app .ps224-tpl-name small{font-weight:600;font-size:11px;color:#6b7d72}
#app .ps224-tpl-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#1f9d4d;color:#fff;font-size:13px;display:none;place-items:center;font-weight:800}
#app .ps224-tpl.on .ps224-tpl-check{display:grid}
#app .ps224-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#app .ps224-fields label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#4a5a50}
#app .ps224-seg{display:inline-flex;background:#eef4f0;border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap}
#app .ps224-seg button{border:0;background:transparent;color:#3b4a40;font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:9px;cursor:pointer}
#app .ps224-seg button.on{background:#fff;color:#17723a;box-shadow:0 1px 3px rgba(20,60,35,.15)}
#app .ps224-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}
#app .ps224-lbl{font-size:13px;font-weight:700;color:#4a5a50}
#app .ps224-hint{font-size:12px;color:#6b7d72;margin:10px 0 0}
#app .ps224-file{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:12px;font-weight:700;color:#4a5a50}
#app .ps224-switch{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #edf2ee;cursor:pointer}
#app .ps224-switch input{position:absolute;opacity:0;pointer-events:none}
#app .ps224-knob{flex:none;width:40px;height:24px;border-radius:999px;background:#cfdcd3;position:relative;transition:background .15s}
#app .ps224-knob::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .15s}
#app .ps224-switch input:checked+.ps224-knob{background:#1f9d4d}
#app .ps224-switch input:checked+.ps224-knob::after{transform:translateX(16px)}
#app .ps224-switch input:focus-visible+.ps224-knob{outline:2px solid #1f9d4d;outline-offset:2px}
#app .ps224-switch b{display:block;font-size:14px}
#app .ps224-switch small{display:block;font-size:12px;color:#6b7d72}
#app .ps224-actions{display:flex;justify-content:flex-end;gap:10px}
#app .ps224-preview{position:sticky;top:16px}
#app .ps224-preview .ps-sticker-preview,#app .ps224-preview .ps-label-render-preview{background:repeating-conic-gradient(#eef3ef 0 25%,#f8fbf9 0 50%) 0 0/20px 20px!important;border:0!important;border-radius:12px;padding:12px!important;box-shadow:none!important;min-height:120px}
#app .ps219-sheet.ps224-clear{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0 0 10px!important}
#app .ps219-sheet.ps224-clear img{aspect-ratio:auto!important;object-fit:contain;max-height:none!important;background:transparent!important;box-shadow:none!important;border:0!important;width:100%;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.14))}
#app .ps-sticker-preview .ps219-sheet.ps224-clear{max-width:520px;margin-inline:auto!important}
#app .ps224-warn{margin:10px 0 0;font-size:12px;font-weight:600;color:#a15c07;background:#fff6e5;border-radius:10px;padding:8px 10px}
html.bellife-dark #app .ps224-card,html.bellife-dark #app .ps224-preview{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps224-card h3,html.bellife-dark #app .ps224-preview h3{color:#d6eadb}
html.bellife-dark #app .ps224-tpl{background:#1c2a21;border-color:#2c3d32;color:#e2eee6}
html.bellife-dark #app .ps224-tpl.on{border-color:#5fbf78;background:#1f3026}
html.bellife-dark #app .ps224-tpl-img,html.bellife-dark #app .ps224-preview .ps-sticker-preview,html.bellife-dark #app .ps224-preview .ps-label-render-preview{background:repeating-conic-gradient(#202c24 0 25%,#1a241e 0 50%) 0 0/16px 16px!important}
html.bellife-dark #app .ps224-fields label,html.bellife-dark #app .ps224-lbl,html.bellife-dark #app .ps224-file{color:#aebfb4}
html.bellife-dark #app .ps224-seg{background:#202c24}
html.bellife-dark #app .ps224-seg button{color:#cfdcd3}
html.bellife-dark #app .ps224-seg button.on{background:#2b4a36;color:#c6f0d2}
html.bellife-dark #app .ps224-switch{border-top-color:#2c3d32}
html.bellife-dark #app .ps224-knob{background:#3a4a40}
html.bellife-dark #app .ps224-warn{background:#3a2e14;color:#f3c77a}
@media(max-width:900px){#app .ps224-editor{grid-template-columns:1fr}#app .ps224-preview{position:static;order:-1}#app .ps224-preview .ps219-sheet.ps224-clear{max-width:340px}#app .ps224-preview .ps-sticker-preview,#app .ps224-preview .ps-label-render-preview{min-height:0!important;padding:10px!important}}
@media(max-width:560px){#app .ps224-fields{grid-template-columns:1fr}#app .ps224-templates{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ps224-card,#app .ps224-preview{padding:14px}#app .ps224-actions{justify-content:stretch}#app .ps224-actions .btn{flex:1}}

/* ---------- Settings → App Branding: logo cards that preview the real header ---------- */
#app .brand-upload-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:14px 0 8px}
#app .brand-upload-panel{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"title title" "preview preview" "upload original";align-items:center;gap:0!important;padding:0!important;border-radius:18px!important;overflow:hidden;border:1px solid #dfe9e2!important;box-shadow:0 1px 3px rgba(20,60,35,.06)}
#app .brand-upload-panel::after{content:"";grid-row:3;grid-column:1/-1;align-self:stretch;z-index:0}
#app .brand-upload-panel>*{position:relative;z-index:1;margin:0!important}
#app .brand-upload-panel>strong{grid-area:title;justify-self:start;margin:14px 0 0 16px!important;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 10px;border-radius:999px}
#app .brand-upload-panel .brand-preview{grid-area:preview;display:flex!important;align-items:center;gap:14px;padding:16px 18px 18px!important;margin:0!important;border:0!important;background:transparent!important}
#app .brand-upload-panel .brand-preview img{width:60px!important;height:60px!important;object-fit:contain;border-radius:50%;flex:none}
#app .brand-upload-panel .brand-preview span{font-size:17px;font-weight:800;line-height:1.2}
#app .brand-upload-panel .brand-upload-button{grid-area:upload;justify-self:start;margin:12px 0 12px 16px!important;min-height:36px!important;padding:7px 14px!important;font-size:13px!important;border-radius:10px!important;cursor:pointer}
#app .brand-upload-panel>button{grid-area:original;margin:12px 16px 12px 0!important;min-height:36px!important;padding:7px 8px!important;font-size:13px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:3px}
/* light card */
#app .brand-light-preview{background:#fff!important}
#app .brand-light-preview>strong{background:#eef4f0;color:#3b4a40}
#app .brand-light-preview .brand-preview span{color:#13261a}
#app .brand-light-preview::after{background:#f6f9f7;border-top:1px solid #e6eee9}
#app .brand-light-preview .brand-upload-button{background:#1f9d4d!important;color:#fff!important;border:0!important}
#app .brand-light-preview>button{color:#4a5a50!important}
/* dark card (always dark: it previews the dark header) */
#app .brand-dark-preview{background:#141a16!important;border-color:#26332b!important}
#app .brand-dark-preview>strong{background:#22302a;color:#bcd2c4}
#app .brand-dark-preview .brand-preview span{color:#f1f7f3}
#app .brand-dark-preview::after{background:#1b241e;border-top:1px solid #26332b}
#app .brand-dark-preview .brand-upload-button{background:#5fbf78!important;color:#0f1a13!important;border:0!important}
#app .brand-dark-preview>button{color:#cfe3d6!important}
html.bellife-dark #app .brand-light-preview{border-color:#2c3d32!important}
@media(max-width:640px){#app .brand-upload-grid{grid-template-columns:1fr!important}}

/* ---------- Purchase Order Manager (V2.23) ---------- */
#app .ps225{display:flex;flex-direction:column;gap:18px}
#app .ps225-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
#app .ps225-head h2{margin:0;font-size:28px;letter-spacing:-.3px;color:#13261a}
#app .ps225-head p{margin:4px 0 0;color:#5f6f64}
#app .ps225-new{display:inline-flex!important;align-items:center;gap:8px;padding:11px 18px!important;border-radius:12px!important;font-weight:700}
#app .ps225-new svg{width:18px;height:18px}
#app .ps225-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#app .ps225-tile{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1ece4;border-radius:16px;padding:16px 18px;box-shadow:0 1px 3px rgba(20,60,35,.05)}
#app .ps225-tile small{display:block;color:#5f6f64;font-size:13px}
#app .ps225-tile b{display:block;font-size:24px;color:#13261a;margin-top:2px;white-space:nowrap}
#app .ps225-ico{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}
#app .ps225-ico svg{width:24px;height:24px}
#app .ps225-ico.a{background:#e8f5ec;color:#17723a}#app .ps225-ico.b{background:#fff4e0;color:#b26a00}#app .ps225-ico.c{background:#e3f3ff;color:#1f6fb2}#app .ps225-ico.d{background:#e8f5ec;color:#1f9d4d}
#app .ps225-card{background:#fff;border:1px solid #e1ece4;border-radius:18px;padding:16px 18px;box-shadow:0 1px 3px rgba(20,60,35,.05);min-width:0}
#app .ps225-card>header{display:flex!important;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;position:static!important;min-height:0!important;height:auto!important}
#app .ps225-card h3{margin:0;font-size:17px;color:#13261a}
#app .ps225-card h3 small{font-weight:500;color:#5f6f64;font-size:14px}
#app .ps225-list{padding:0;overflow:hidden}
#app .ps225-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #e9f0eb}
#app .ps225-tabs{display:flex;gap:4px;flex-wrap:wrap}
#app .ps225-tabs button{border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:#4a5a50;padding:9px 12px;border-bottom:2px solid transparent;cursor:pointer;border-radius:8px 8px 0 0}
#app .ps225-tabs button span{font-weight:600;color:#7a8a80}
#app .ps225-tabs button.on{color:#17723a;border-bottom-color:#1f9d4d}
#app .ps225-tabs button:hover:not(.on){background:#f4f9f5}
#app .ps225-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe9e2;border-radius:12px;padding:0 12px;background:#fff;min-width:240px;flex:0 1 320px}
#app .ps225-search svg{width:16px;height:16px;color:#7a8a80;flex:none}
#app .ps225-search input{border:0!important;outline:0;box-shadow:none!important;background:transparent!important;padding:10px 0!important;width:100%;font:inherit}
#app .ps225-tablewrap{overflow-x:auto}
#app .ps225-table{width:100%;border-collapse:collapse;min-width:720px}
#app .ps225-table th{text-align:left;font-size:13px;font-weight:700;color:#4a5a50;padding:12px 16px;background:#f8fbf9;border-bottom:1px solid #e9f0eb;white-space:nowrap}
#app .ps225-table td{padding:13px 16px;border-bottom:1px solid #eef3ef;font-size:14px;color:#1d2b22;white-space:nowrap}
#app .ps225-table .n{text-align:right}
#app .ps225-table tbody tr{cursor:pointer;transition:background .12s}
#app .ps225-table tbody tr:hover{background:#f6faf7}
#app .ps225-table tbody tr.on{background:#eef7f1;box-shadow:inset 3px 0 0 #1f9d4d}
#app .ps225-table td.po{font-weight:800;color:#17723a}
#app .ps225-sup{display:inline-flex;align-items:center;gap:8px}
#app .ps225-sup svg{width:17px;height:17px;color:#6b7d72}
#app .ps225-pill{display:inline-block;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
#app .ps225-pill.draft{background:#eef1ef;color:#4a5a50}
#app .ps225-pill.ordered{background:#fff1d6;color:#8a5a00}
#app .ps225-pill.partial{background:#e3f0fb;color:#1f5f99}
#app .ps225-pill.received{background:#dff3e5;color:#17723a}
#app .ps225-pill.canceled{background:#fde8e6;color:#a8322a}
#app .ps225-empty{padding:28px 18px;text-align:center;color:#6b7d72}
#app .ps225-bottom{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
#app .ps225-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
#app .ps225-facts small{display:block;font-size:12px;color:#6b7d72}
#app .ps225-facts b{display:block;font-size:16px;color:#13261a;margin-top:2px}
#app .ps225-details h4{margin:0 0 6px;font-size:14px}
#app .ps225-items{width:100%;border-collapse:collapse;margin-bottom:12px}
#app .ps225-items td{padding:8px 4px;border-top:1px solid #eef3ef;font-size:13.5px}
#app .ps225-items td.q{text-align:center;color:#5f6f64;width:70px}
#app .ps225-items td.n{text-align:right;width:100px}
#app .ps225-notes{background:#f8fbf9;border-radius:10px;padding:10px 12px;font-size:13px;margin:0 0 12px;white-space:pre-wrap}
#app .ps225-status{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;color:#4a5a50}
#app .ps225-status select{max-width:220px}
#app .ps225-hint{font-size:12px;color:#6b7d72;margin:10px 0 0}
#app .ps225-ring-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center}
#app .ps225-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;flex:none}
#app .ps225-ring>div{width:118px;height:118px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#app .ps225-ring b{font-size:19px;color:#13261a}
#app .ps225-ring small{font-size:12px;color:#6b7d72}
#app .ps225-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:170px;flex:1}
#app .ps225-legend li{display:flex;align-items:center;gap:10px;font-size:14px}
#app .ps225-legend li span{width:14px;height:14px;border-radius:4px;flex:none}
#app .ps225-legend li em{font-style:normal;flex:1;color:#1d2b22}
#app .ps225-legend li b{color:#4a5a50}
#app .ps225-ring-empty{padding:30px 10px;text-align:center;color:#6b7d72}
#app .ps225-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#app .ps225-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700;color:#4a5a50;margin-bottom:10px}
#app .ps225-form label small{font-weight:500;color:#7a8a80}
#app .ps225-form-actions{display:flex;justify-content:flex-end}
html.bellife-dark #app .ps225-head h2,html.bellife-dark #app .ps225-card h3,html.bellife-dark #app .ps225-tile b,html.bellife-dark #app .ps225-facts b,html.bellife-dark #app .ps225-ring b{color:#e2eee6}
html.bellife-dark #app .ps225-head p,html.bellife-dark #app .ps225-tile small{color:#aebfb4}
html.bellife-dark #app .ps225-tile,html.bellife-dark #app .ps225-card{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps225-bar,html.bellife-dark #app .ps225-table th{border-color:#2c3d32}
html.bellife-dark #app .ps225-table th{background:#1c2a21;color:#aebfb4}
html.bellife-dark #app .ps225-table td{color:#e2eee6;border-color:#24322a}
html.bellife-dark #app .ps225-table tbody tr:hover{background:#1f2c24}
html.bellife-dark #app .ps225-table tbody tr.on{background:#22382a}
html.bellife-dark #app .ps225-table td.po,html.bellife-dark #app .ps225-tabs button.on{color:#9fe0b3}
html.bellife-dark #app .ps225-tabs button{color:#cfdcd3}
html.bellife-dark #app .ps225-tabs button:hover:not(.on){background:#1f2c24}
html.bellife-dark #app .ps225-search{background:#141c17;border-color:#2c3d32}
html.bellife-dark #app .ps225-search input{color:#e2eee6}
html.bellife-dark #app .ps225-ring>div{background:#18221c}
html.bellife-dark #app .ps225-legend li em{color:#e2eee6}
html.bellife-dark #app .ps225-notes{background:#1c2a21}
html.bellife-dark #app .ps225-items td{border-color:#24322a}
html.bellife-dark #app .ps225-ico.a,html.bellife-dark #app .ps225-ico.d{background:#22382a;color:#7fd197}
html.bellife-dark #app .ps225-ico.b{background:#3a2e14;color:#f3c77a}
html.bellife-dark #app .ps225-ico.c{background:#16304a;color:#8cc4f2}
@media(max-width:1100px){#app .ps225-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ps225-bottom{grid-template-columns:1fr}}
@media(max-width:750px){
 #app .ps225-head h2{font-size:22px}
 #app .ps225-new{width:100%;justify-content:center}
 #app .ps225-tile{padding:12px;gap:10px}#app .ps225-ico{width:38px;height:38px}#app .ps225-tile b{font-size:19px}
 #app .ps225-search{min-width:0;flex:1 1 100%}
 #app .ps225-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none}
 #app .ps225-tabs button{white-space:nowrap}
 #app .ps225-table{min-width:0}
 #app .ps225-table thead{display:none}
 #app .ps225-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px;border-bottom:1px solid #eef3ef}
 #app .ps225-table td{border:0;padding:0;white-space:normal}
 #app .ps225-table td:nth-child(3),#app .ps225-table td:nth-child(7){display:none}
 #app .ps225-table td:nth-child(4){grid-column:2;grid-row:1;font-weight:800}
 #app .ps225-table td:nth-child(5){grid-column:2;grid-row:2;text-align:right}
 #app .ps225-table td:nth-child(6){grid-column:1;font-size:12.5px;color:#6b7d72}
 #app .ps225-table td:nth-child(6)::before{content:"Expected "}
 #app .ps225-facts{grid-template-columns:1fr 1fr}
 #app .ps225-form-grid{grid-template-columns:1fr}
}

/* ---------- Gift bag supplies ---------- */
#app .ps236-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#app .ps236-head h3{margin:0 0 2px}#app .ps236-head p{margin:0;max-width:640px}
#app .ps236-big{border:1px solid #e1ece4;border-radius:14px;padding:10px 16px;text-align:center;min-width:130px;background:#f4faf6}
#app .ps236-big small{display:block;font-size:12px;color:#5f6f64}#app .ps236-big b{font-size:28px;color:#17723a}
#app .ps236-big.low{background:#fff6e5;border-color:#f0c36d}#app .ps236-big.low b{color:#a15c07}
#app .ps236-start{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:#eef7f1;margin-bottom:10px;font-size:13.5px}
#app .ps236-tablewrap{overflow-x:auto}
#app .ps236-table{width:100%;border-collapse:collapse;min-width:560px}
#app .ps236-table th{text-align:left;font-size:12.5px;color:#4a5a50;padding:8px;background:#f8fbf9;border-bottom:1px solid #e9f0eb}
#app .ps236-table td{padding:7px 8px;border-bottom:1px solid #eef3ef;vertical-align:middle}
#app .ps236-table input{width:84px;min-height:34px;padding:4px 8px}
#app .ps236-table .n{text-align:right;font-weight:700}
#app .ps236-table .acts{white-space:nowrap;text-align:right}
#app .ps236-table .acts .btn{min-height:32px;padding:5px 10px;font-size:12.5px}
#app .ps236-table tr.low td{background:#fffaf0}
#app .ps236-pill{margin-left:6px;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}
#app .ps236-pill.low{background:#fff1d6;color:#8a5a00}
#app .ps236-x{border:0;background:none;color:#a8322a;font-size:20px;cursor:pointer;padding:0 6px;line-height:1}
#app .ps236-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px}
#app .ps236-foot ul{margin:6px 0 0;padding-left:18px}#app .ps236-foot li small{color:#6b7d72;margin-right:6px}
#app .ps236-foot summary{cursor:pointer;font-weight:700;color:#4a5a50}
#app .ps236-link{border:0;background:none;font:inherit;font-weight:700;color:#17723a;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
#app .ps236-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;border-radius:14px;background:#fff6e5;border:1px solid #f0c36d}
#app .ps236-banner>div{flex:1 1 220px}#app .ps236-banner b{display:block;color:#7a4b00}#app .ps236-banner small{color:#8a5a00}
#app .ps236-ico{font-size:26px}
#app .ps236-buylist{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
#app .ps236-buylist>div{border:1px solid #f0c36d;background:#fffaf0;border-radius:12px;padding:10px 12px}
#app .ps236-buylist b{display:block}#app .ps236-buylist small{display:block;color:#8a5a00;font-size:12px}#app .ps236-buylist strong{display:block;margin-top:4px;color:#13261a}
.ps236-notice{position:fixed;right:16px;bottom:100px;z-index:9001;max-width:360px;background:#fff;border:1px solid #f0c36d;border-left:4px solid #e0a020;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.ps236-notice b{color:#7a4b00}.ps236-notice div{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ps236-notice .ps236-x{border:0;background:none;color:#6b7d72;font-size:20px;cursor:pointer}
.ps236-recv{max-width:560px!important}
.ps236-recv-row{display:grid;grid-template-columns:auto minmax(0,1fr) 100px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef3ef}
.ps236-recv-row small{display:block;color:#6b7d72}
html.bellife-dark #app .ps236-big{background:#1c2a21;border-color:#2c3d32}html.bellife-dark #app .ps236-big b{color:#9fe0b3}
html.bellife-dark #app .ps236-big.low,html.bellife-dark #app .ps236-banner,html.bellife-dark #app .ps236-buylist>div{background:#2a2414;border-color:#4a3c1c}
html.bellife-dark #app .ps236-banner b,html.bellife-dark #app .ps236-big.low b{color:#f3c77a}html.bellife-dark #app .ps236-banner small,html.bellife-dark #app .ps236-buylist small{color:#e0c48a}
html.bellife-dark #app .ps236-start{background:#1f3026}
html.bellife-dark #app .ps236-table th{background:#1c2a21;color:#aebfb4;border-color:#2c3d32}html.bellife-dark #app .ps236-table td{border-color:#24322a}
html.bellife-dark #app .ps236-table tr.low td{background:#2a2414}
html.bellife-dark #app .ps236-buylist strong{color:#e2eee6}
html.bellife-dark .ps236-notice{background:#18221c;border-color:#4a3c1c;color:#e2eee6}

#app .ps234-row-acts{display:flex;gap:6px;justify-content:flex-end}#app .ps234-row-acts .btn{min-height:30px;padding:4px 10px;font-size:12.5px;white-space:nowrap}

.ps231-stitch{display:flex;align-items:center;gap:8px;margin:8px 0 4px;font-size:13px;font-weight:700;color:#3b4a40}.ps231-stitch input{width:140px;min-height:34px}
.ps231-emb{margin:8px 0 4px;font-size:13px;color:#3b4a40;line-height:1.5}.ps231-emb small{color:#6b7d72}
.ps231-settings h4+p{margin-top:2px}
html.bellife-dark .ps231-emb,html.bellife-dark .ps231-stitch{color:#cfdcd3}

/* ---------- Embroidery PDF on order forms (embroidery-v223.js) ---------- */
.ps242-emb{grid-column:1/-1;width:100%;box-sizing:border-box;margin:12px 0;padding:12px 14px;border:1px dashed #9fd1ae;border-radius:14px;background:#f8fbf9}
.ps242-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}.ps242-head b{color:#13261a}.ps242-head small{color:#6b7d72;font-size:12.5px}
.ps242-row{display:flex;flex-wrap:wrap;align-items:end;gap:10px}
.ps242-up{cursor:pointer;min-height:36px}
.ps242-pick{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#4a5a50;min-width:220px}.ps242-pick select{min-height:36px}
.ps242-linked{margin:0 0 8px;font-size:13px;color:#17723a}
.ps242-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding:8px;border:1px solid #e6eee9;border-radius:12px;background:#fff}
.ps242-item img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #eef2ef}
.ps242-item label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#4a5a50}.ps242-item input{min-height:32px}
.ps242-item small{display:block;margin-top:3px;font-size:12px;color:#6b7d72}
.ps242-x{border:0;background:none;font-size:20px;color:#a12a2a;cursor:pointer;padding:4px 8px}
html.bellife-dark .ps242-emb{background:#1d2a22;border-color:#2f6b40}html.bellife-dark .ps242-item{background:#18221c;border-color:#2c3d32}html.bellife-dark .ps242-head b{color:#e2eee6}

/* ---------- Extras (extras-v223.js) ---------- */
#app .ps243-del,.ps243-del{margin-left:auto;color:#b42318!important;border-color:#f1b4ae!important}
.ps243-del:hover{background:#fde8e8!important}
html.bellife-dark .ps243-del{color:#ff8a80!important;border-color:#6b2a26!important}
#app .ps241-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:14px;background:#eef6fb;border:1px solid #bcd9ee}
#app .ps241-banner.warn{background:#fff7e6;border-color:#f3d28a}
#app .ps241-banner>span{font-size:22px}#app .ps241-banner div{flex:1;min-width:0}#app .ps241-banner b{display:block;color:#13261a}#app .ps241-banner small{color:#4a5a50}
#app .ps241-x{border:0;background:none;font-size:20px;line-height:1;color:#7a8a80;cursor:pointer;padding:4px 8px}
.ps241-stale{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:99990;display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:min(680px,calc(100% - 24px));padding:12px 14px;border-radius:14px;background:#13261a;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:14px}
.ps241-stale span{flex:1;min-width:200px}.ps241-stale .btn{min-height:34px;padding:6px 14px}
#app .ps241-req,#app .ps241-ro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e6eee9;border-radius:12px;margin-bottom:8px;background:#fff}
#app .ps241-req small,#app .ps241-ro small{display:block;font-size:12.5px;color:#6b7d72}
#app .ps241-req-acts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}#app .ps241-req-acts .btn{min-height:32px;padding:5px 12px;font-size:13px}
#app .ps241-ok{color:#17723a;font-weight:700;font-size:13px}#app .ps241-low{color:#a15c07;font-weight:700;font-size:13px}
#app .ps241-done{margin-top:10px}#app .ps241-done summary{cursor:pointer;font-weight:700;color:#4a5a50;margin-bottom:8px}#app .ps241-done>small{display:block;font-size:12.5px;color:#6b7d72;padding:2px 0}
#app .ps241-reorder h3 small{font-size:13px;font-weight:600;color:#6b7d72;margin-left:6px}
#app .ps241-sup-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}#app .ps241-sup-head h3{margin:0}
#app .ps241-sup td small{display:block;font-size:12px;color:#6b7d72;margin-top:2px}
#app .ps241-sup td.num{text-align:right;white-space:nowrap}#app .ps241-sup th.num{text-align:right}
#app .ps241-sup td.num input{width:86px;min-height:32px;padding:4px 6px;text-align:right}
#app .ps241-sup tr.low td{background:#fff7e6}
#app .ps241-sup td.acts{white-space:nowrap;text-align:right}#app .ps241-sup td.acts .btn{min-height:30px;padding:4px 10px;font-size:12.5px;margin-left:4px}
#app .ps241-use{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px 10px;margin-top:8px;padding:10px;border-radius:10px;background:#f8fbf9}
#app .ps241-use label{font-size:11.5px;font-weight:700;color:#4a5a50;display:flex;flex-direction:column;gap:3px}#app .ps241-use input{min-height:30px;padding:3px 6px}
#app .ps241-board-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:14px}#app .ps241-board-top h2{margin:0}#app .ps241-board-top span{flex:1;color:#5f6f64;font-weight:600}
#app .ps241-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
#app .ps241-col{background:#f2f7f3;border-radius:16px;padding:10px;min-height:200px}
#app .ps241-col header{font-weight:800;font-size:16px;color:#13261a;padding:4px 6px 10px;display:flex;justify-content:space-between}#app .ps241-col header span{background:#fff;border-radius:999px;padding:0 10px;font-size:14px}
#app .ps241-col>div{display:flex;flex-direction:column;gap:8px}
#app .ps241-job{text-align:left;border:1px solid #dfe9e2;border-left:6px solid #1f9d4d;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px}
#app .ps241-job b{font-size:18px;color:#13261a}#app .ps241-job span{font-size:15px;font-weight:600;color:#3b4a40}#app .ps241-job small{color:#6b7d72;font-size:13px}#app .ps241-job em{font-style:normal;font-size:13px;font-weight:700;color:#4a5a50}
#app .ps241-job.today{border-left-color:#e0a63a}#app .ps241-job.today em{color:#a15c07}
#app .ps241-job.late{border-left-color:#c62828;background:#fff6f6}#app .ps241-job.late em{color:#b42318}
#app .ps241-job.rush{box-shadow:0 0 0 2px #f3c96b inset}
#app .ps241-empty{color:#9aa79f;text-align:center;margin:20px 0}
.ps241-board:fullscreen{background:#fff;padding:24px;overflow:auto}
html.bellife-dark #app .ps241-req,html.bellife-dark #app .ps241-ro,html.bellife-dark #app .ps241-job{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps241-col{background:#121a15}html.bellife-dark #app .ps241-col header,html.bellife-dark #app .ps241-job b,html.bellife-dark #app .ps241-banner b{color:#e2eee6}html.bellife-dark #app .ps241-col header span{background:#18221c}
html.bellife-dark #app .ps241-job span{color:#cfdcd3}html.bellife-dark #app .ps241-banner{background:#16304a;border-color:#2b5276}html.bellife-dark #app .ps241-banner.warn{background:#3a2e14;border-color:#6b5420}html.bellife-dark #app .ps241-banner small{color:#cfdcd3}
html.bellife-dark #app .ps241-sup tr.low td{background:#3a2e14}html.bellife-dark #app .ps241-use{background:#1d2a22}
@media (max-width:1000px){#app .ps241-cols{grid-template-columns:repeat(5,minmax(200px,1fr));overflow-x:auto;padding-bottom:6px}}

/* ---------- Payments to collect / Wise (payments-v223.js) ---------- */
#app .ps240-warn{color:#b42318;font-weight:700}
#app .ps240-collect{border-left:4px solid #e0a63a}
#app .ps240-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
#app .ps240-toggle{width:100%;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
#app .ps240-toggle i{font-style:normal;margin-left:10px;color:#6b7d72;font-size:14px}
#app .ps240-collect.closed .ps240-head{margin-bottom:0}
#app .ps240-head h3{margin:0}#app .ps240-head span{font-size:13px;color:#5f6f64}#app .ps240-head b{color:#a15c07}
#app .ps240-list{display:flex;flex-direction:column;gap:6px}
#app .ps240-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 12px;border:1px solid #e6eee9;border-radius:12px;background:#fff}
#app .ps240-who{min-width:0}#app .ps240-who b{color:#13261a}#app .ps240-who span{color:#3b4a40;font-weight:600}
#app .ps240-who small{display:block;font-size:12px;color:#6b7d72;margin-top:1px}
#app .ps240-amt{font-size:16px;color:#a15c07;white-space:nowrap}
#app .ps240-acts{display:flex;gap:6px}#app .ps240-acts .btn{min-height:32px;padding:5px 12px;font-size:13px;white-space:nowrap}
#app .ps240-chip{display:inline-block;font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:999px;background:#eef4f0;color:#3b4a40;margin-left:4px}
#app .ps240-chip.ready{background:#e3f4e8;color:#17723a}#app .ps240-chip.late{background:#fde8e8;color:#a12a2a}#app .ps240-chip.done{background:#fff1d6;color:#8a5a00}
#app .ps240-more{margin-top:8px;border:0;background:none;color:#17723a;font:inherit;font-weight:700;cursor:pointer;padding:4px 0}
html.bellife-dark #app .ps240-row{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps240-who b{color:#e2eee6}html.bellife-dark #app .ps240-who span{color:#cfdcd3}html.bellife-dark #app .ps240-who small,html.bellife-dark #app .ps240-head span{color:#9fb0a5}
html.bellife-dark #app .ps240-amt,html.bellife-dark #app .ps240-head b{color:#f3c96b}
@media (max-width:700px){#app .ps240-row{grid-template-columns:minmax(0,1fr) auto}#app .ps240-acts{grid-column:1/-1}#app .ps240-acts .btn{flex:1}}

/* ---------- Monthly Financials (finance-v223.js) ---------- */
#app .ps239 .ps234-tabs{align-items:center}
#app .ps239 .ps234-tabs button.on{color:#17723a;border-bottom-color:#1f9d4d}
#app .ps239-rate{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#4a5a50}
#app .ps239-rate input{width:70px;min-height:32px;padding:4px 8px}
#app .ps239-bar{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
#app .ps239-bar label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps239-bar select{min-width:200px}
#app .ps239-dl{display:flex;flex-wrap:wrap;gap:8px}
#app .ps239-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;margin-bottom:14px}
#app .ps239-tiles .opmetric.tax strong{color:#a15c07!important}
#app .ps239-tiles .opmetric.neg strong{color:#b42318!important}
#app .ps239-hint{display:block;font-size:12px;color:#6b7d72;margin-top:2px}
#app .ps239-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
#app .ps239-panel{background:#fff;border:1px solid #e6eee9;border-radius:16px;padding:16px 18px}
#app .ps239-panel h3{margin:0 0 10px;font-size:16px;color:#13261a}
#app .ps239-panel h3.ps239-gap{margin-top:18px}
#app .ps239-st{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;margin:0}
#app .ps239-st dt{color:#3b4a40}#app .ps239-st dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:#13261a}
#app .ps239-st .b{font-weight:800;color:#13261a;padding-top:6px;border-top:1px solid #e6eee9}
#app .ps239-st .total{font-size:17px;border-top:2px solid #13261a}
#app .neg,#app .ps239-st dd.neg{color:#b42318}
#app .ps239-sub{margin:12px 0 0;font-size:12.5px;color:#6b7d72}
#app .ps239-tax{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:14px;background:#f4f8f5;border:1px solid #dfe9e2}
#app .ps239-tax.due{background:#fff7e6;border-color:#f3d28a}
#app .ps239-tax.paid{background:#eaf6ee;border-color:#9fd1ae}
#app .ps239-tax small{display:block;font-size:12.5px;color:#5f6f64;font-weight:700}
#app .ps239-tax strong{display:block;font-size:24px;color:#13261a;margin:2px 0}
#app .ps239-tax span{font-size:12.5px;color:#4a5a50}
#app .ps239-exp-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
#app .ps239-exp-head h3{margin:0}
#app .ps239-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#4a5a50;width:auto!important;margin:0}
#app .ps239-check input{width:auto!important;min-height:0!important;margin:0}
#app .ps239-exp-form{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:14px 0;padding:12px;border-radius:14px;background:#f8fbf9;border:1px solid #e6eee9}
#app .ps239-exp-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#4a5a50;min-width:0}
#app .ps239-exp-form label.wide{grid-column:span 2}
#app .ps239-exp-form input,#app .ps239-exp-form select{min-height:38px;width:100%}
#app .ps239-exp-form .btn{min-height:38px;white-space:nowrap}
#app .ps239-exp-form .ps239-repeat{grid-column:1/-1;font-weight:600}
#app .ps239-rec{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:-4px 0 12px;font-size:13px;color:#3b4a40}
#app .ps239-rec-item{display:inline-flex;align-items:center;gap:6px;background:#eef4f0;border-radius:999px;padding:3px 4px 3px 10px;font-weight:600}
#app .ps239-rec-item button{border:0;background:#fff;color:#a12a2a;border-radius:999px;font:inherit;font-size:11.5px;font-weight:700;padding:2px 8px;cursor:pointer}
html.bellife-dark #app .ps239-rec{color:#cfdcd3}html.bellife-dark #app .ps239-rec-item{background:#1d3a26}html.bellife-dark #app .ps239-rec-item button{background:#18221c}
#app .ps239-table table{width:100%}
#app .ps239-table td.num,#app .ps239-table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#app .ps239-table td.act{text-align:right;white-space:nowrap;font-size:12px}
#app .ps239-del{min-height:28px!important;padding:3px 10px!important;font-size:12px!important}
#app .ps239-tag{font-size:11px;font-weight:700;background:#eef4f0;color:#3b4a40;border-radius:6px;padding:1px 6px;margin-left:4px}
#app .ps239-link{border:0;background:none;padding:0;font:inherit;font-weight:700;color:#17723a;cursor:pointer;text-decoration:underline}
#app .ps239-ok{color:#17723a;font-weight:700}#app .ps239-due{color:#a15c07;font-weight:700}
#app .ps239-home{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 0 14px;border-radius:14px;background:#fff7e6;border:1px solid #f3d28a}
#app .ps239-home>span{font-size:22px}#app .ps239-home div{flex:1;min-width:0}#app .ps239-home b{display:block;color:#13261a}#app .ps239-home small{color:#6b5a2e}
html.bellife-dark #app .ps239-panel{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps239-panel h3,html.bellife-dark #app .ps239-st dd,html.bellife-dark #app .ps239-st .b,html.bellife-dark #app .ps239-tax strong,html.bellife-dark #app .ps239-home b{color:#e2eee6}
html.bellife-dark #app .ps239-st dt,html.bellife-dark #app .ps239-tax span,html.bellife-dark #app .ps239-tax small,html.bellife-dark #app .ps239-bar label,html.bellife-dark #app .ps239-rate,html.bellife-dark #app .ps239-check,html.bellife-dark #app .ps239-exp-form label{color:#aebfb4}
html.bellife-dark #app .ps239-st .total{border-top-color:#e2eee6}
html.bellife-dark #app .ps239-tax,html.bellife-dark #app .ps239-exp-form{background:#1d2a22;border-color:#2c3d32}
html.bellife-dark #app .ps239-tax.due,html.bellife-dark #app .ps239-home{background:#3a2e14;border-color:#6b5420}
html.bellife-dark #app .ps239-tax.paid{background:#1d3a26;border-color:#2f6b40}
html.bellife-dark #app .ps239-home small{color:#e8d3a0}
html.bellife-dark #app .neg{color:#ff8a80}
html.bellife-dark #app .ps239-link,html.bellife-dark #app .ps239-ok{color:#9fe0b3}
@media (max-width:1100px){#app .ps239-exp-form{grid-template-columns:repeat(3,minmax(0,1fr))}#app .ps239-exp-form label.wide{grid-column:span 3}}
@media (max-width:820px){#app .ps239-grid{grid-template-columns:1fr}#app .ps239-exp-form{grid-template-columns:1fr 1fr}#app .ps239-exp-form label.wide{grid-column:span 2}#app .ps239-exp-form .btn{grid-column:span 2}#app .ps239-bar select{min-width:0;width:100%}#app .ps239-bar label{flex:1}#app .ps239-dl .btn{flex:1}#app .ps239-rate{margin-left:0}}

/* ---------- Receipts page (receipts-page-v223.js) ---------- */
#ps238-tiles .operations-metrics{margin-bottom:14px}
#app .ps238-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
#app .ps238-month{margin-top:18px}
#app .ps238-month>header{background:none!important;box-shadow:none!important;border-radius:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 4px 8px;border-bottom:1px solid #e6eee9;margin-bottom:8px}
#app .ps238-month h3{margin:0;font-size:15px;color:#13261a}
#app .ps238-month>header span{font-size:12.5px;font-weight:700;color:#6b7d72}
#app .ps238-row{display:grid;grid-template-columns:128px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e6eee9;border-radius:14px;background:#fff;margin-bottom:8px;transition:border-color .12s,box-shadow .12s}
#app .ps238-row:hover{border-color:#9fd1ae;box-shadow:0 2px 10px rgba(20,60,35,.08)}
#app .ps238-pill{justify-self:start;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
#app .ps238-pill.full{background:#e3f4e8;color:#17723a}
#app .ps238-pill.deposit{background:#fff1d6;color:#8a5a00}
#app .ps238-pill.partial{background:#e3f0fb;color:#1f5f99}
#app .ps238-main{min-width:0}
#app .ps238-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
#app .ps238-top b{font-size:15px;color:#13261a}
#app .ps238-top span{font-size:14px;color:#3b4a40;font-weight:600}
#app .ps238-top .ps238-cxl{font-size:11.5px;font-weight:700;color:#a12a2a;background:#fde8e8;border-radius:6px;padding:1px 6px}
#app .ps238-main small{display:block;margin-top:2px;font-size:12.5px;color:#6b7d72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .ps238-money{text-align:right;min-width:120px}
#app .ps238-money strong{display:block;font-size:18px;color:#13261a}
#app .ps238-money small{display:block;font-size:12px;color:#6b7d72}
#app .ps238-money small .due{color:#a15c07;font-weight:700}
#app .ps238-sent{display:inline-block;margin-top:3px;font-size:11.5px;font-weight:700;color:#17723a}
#app .ps238-acts{display:flex;gap:8px}
#app .ps238-acts .btn{min-height:34px;padding:6px 12px;font-size:13px;white-space:nowrap}
#app .ps238-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:34px 12px;color:#6b7d72}
#app .ps238-empty b{color:#13261a;font-size:15px}
html.bellife-dark #app .ps238-row{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps238-month>header{border-color:#2c3d32}
html.bellife-dark #app .ps238-month h3,html.bellife-dark #app .ps238-top b,html.bellife-dark #app .ps238-money strong,html.bellife-dark #app .ps238-empty b{color:#e2eee6}
html.bellife-dark #app .ps238-top span{color:#cfdcd3}
html.bellife-dark #app .ps238-main small,html.bellife-dark #app .ps238-money small,html.bellife-dark #app .ps238-month>header span{color:#9fb0a5}
html.bellife-dark #app .ps238-pill.full{background:#1d3a26;color:#9fe0b3}
html.bellife-dark #app .ps238-pill.deposit{background:#3a2e14;color:#f3c96b}
html.bellife-dark #app .ps238-pill.partial{background:#16304a;color:#9cc8f0}
html.bellife-dark #app .ps238-money small .due{color:#f3c96b}
html.bellife-dark #app .ps238-sent{color:#9fe0b3}
#app #psReceiptResults{container-type:inline-size}
@container (max-width:780px){#app .ps238-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pill money" "main money" "acts acts";gap:6px 12px}
 #app .ps238-pill{grid-area:pill}#app .ps238-main{grid-area:main}#app .ps238-money{grid-area:money;align-self:start;min-width:0}#app .ps238-acts{grid-area:acts;margin-top:4px}
 #app .ps238-acts .btn{flex:1}#app .ps238-main small{white-space:normal}}

/* ---------- Review names on orders (add / link / ignore) ---------- */
.ps235-modal{max-width:760px!important;width:min(760px,calc(100vw - 24px))!important;max-height:calc(100vh - 40px);display:flex;flex-direction:column}
.ps235-bulk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#5f6f64;margin:4px 0 10px}
.ps235-list{display:flex;flex-direction:column;gap:10px;overflow:auto;padding:2px;flex:1 1 auto;min-height:0}
.ps235-item{border:1px solid #e1ece4;border-radius:14px;padding:12px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}
.ps235-item.add{border-color:#1f9d4d;background:#f4faf6}.ps235-item.link{border-color:#4a8ad4;background:#f3f8fe}.ps235-item.ignore{opacity:.65;background:#f7f7f7}
.ps235-who b{display:block;font-size:15px;color:#13261a}.ps235-who small{display:block;color:#6b7d72;font-size:12.5px}
.ps235-acts{display:flex;gap:4px;flex-wrap:wrap;background:#eef4f0;border-radius:12px;padding:3px}
.ps235-acts button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#3b4a40;padding:7px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.ps235-acts button.on{background:#fff;color:#17723a;box-shadow:0 1px 3px rgba(20,60,35,.15)}
.ps235-item.link .ps235-acts button.on{color:#1f5f99}.ps235-item.ignore .ps235-acts button.on{color:#6b7d72}
.ps235-link{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;border-top:1px dashed #cfdcd3;padding-top:10px}
.ps235-sug,.ps235-results{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ps235-sug>small{width:100%;color:#6b7d72;font-weight:700}
.ps235-sug button,.ps235-results button{border:1px solid #cfe0f3;background:#fff;border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.ps235-sug button:hover,.ps235-results button:hover{border-color:#4a8ad4;background:#f3f8fe}
.ps235-sug small,.ps235-results small{color:#6b7d72}
.ps235-search{width:100%}
.ps235-chosen{font-size:13.5px}.ps235-chosen small{color:#6b7d72}
.ps235-ign{margin-top:10px;font-size:13px}.ps235-ign summary{cursor:pointer;font-weight:700;color:#4a5a50}
.ps235-ign div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ps235-ign span{background:#f1f6f2;border-radius:999px;padding:3px 10px}
.ps235-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
#app .ps235-ignored-note{margin:0 0 8px;font-size:12.5px}
html.bellife-dark .ps235-item{background:#18221c;border-color:#2c3d32}
html.bellife-dark .ps235-item.add{background:#1c2a21;border-color:#5fbf78}html.bellife-dark .ps235-item.link{background:#17222e;border-color:#4a8ad4}html.bellife-dark .ps235-item.ignore{background:#1a1d1b}
html.bellife-dark .ps235-who b{color:#e2eee6}
html.bellife-dark .ps235-acts{background:#202c24}html.bellife-dark .ps235-acts button{color:#cfdcd3}html.bellife-dark .ps235-acts button.on{background:#2b4a36;color:#c6f0d2}
html.bellife-dark .ps235-sug button,html.bellife-dark .ps235-results button{background:#141c17;border-color:#2c3d50;color:#e2eee6}
html.bellife-dark .ps235-ign span{background:#202c24}
@media(max-width:600px){.ps235-item{grid-template-columns:1fr}.ps235-acts{justify-content:stretch}.ps235-acts button{flex:1}}

/* ---------- Customers list + profile (V2.23) ---------- */
#app .ps234-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}
#app .ps234-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe9e2;border-radius:14px;padding:0 14px;background:#fff}
#app .ps234-search span{color:#7a8a80;font-size:18px}
#app .ps234-search input{border:0!important;box-shadow:none!important;outline:0;background:transparent!important;padding:12px 0!important;width:100%;font:inherit;font-size:15px}
#app .ps234-search:focus-within{border-color:#1f9d4d;box-shadow:0 0 0 3px rgba(31,157,77,.15)}
#app .ps234-chips{display:flex;flex-wrap:wrap;gap:6px}
#app .ps234-chips button{border:1px solid #dfe9e2;background:#fff;color:#3b4a40;font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer}
#app .ps234-chips button.on{background:#1f9d4d;border-color:#1f9d4d;color:#fff}
#app .ps234-selects{display:flex;gap:10px;flex-wrap:wrap}
#app .ps234-selects label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps234-selects select{min-height:34px;padding:4px 8px}
#app .ps234-list{display:flex;flex-direction:column;gap:8px}
#app .ps234-row{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.6fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e6eee9;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .12s,box-shadow .12s}
#app .ps234-row:hover,#app .ps234-row:focus-visible{border-color:#9fd1ae;box-shadow:0 2px 10px rgba(20,60,35,.08);outline:0}
#app .ps234-avatar{width:40px;height:40px;border-radius:12px;background:#e8f5ec;color:#17723a;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
#app .ps234-avatar.big{width:64px;height:64px;border-radius:18px;font-size:22px}
#app .ps234-who{min-width:0}
#app .ps234-name{border:0;background:none;padding:0;font:inherit;font-size:15.5px;font-weight:800;color:#13261a;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
#app .ps234-name:hover{color:#17723a;text-decoration-color:currentColor}
#app .ps234-who small{display:block;font-size:12.5px;color:#6b7d72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .ps234-src{font-size:11px;font-weight:700;color:#3b4a40;background:#eef4f0;border-radius:6px;padding:1px 6px}
#app .ps234-tags{display:flex;flex-wrap:wrap;gap:5px}
#app .ps234-tags span{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef4f0;color:#3b4a40}
#app .ps234-tags span.open{background:#e3f0fb;color:#1f5f99}
#app .ps234-tags span.due{background:#fff1d6;color:#8a5a00}
#app .ps234-tags span.emb{background:#f1e8fb;color:#5b2d91}
#app .ps234-tags span.dim{background:transparent;color:#8a998f;font-weight:600}
#app .ps234-acts{display:flex;align-items:center;gap:8px}
#app .ps234-acts .btn{min-height:32px;padding:5px 12px;font-size:13px}
#app .ps234-wa{text-decoration:none;font-size:18px;line-height:1;padding:4px}
#app .ps234-chev{color:#9aa79f;font-size:22px}
#app .ps234-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:start}
#app .ps234-hero h2{margin:0;font-size:24px;color:#13261a}
#app .ps234-hero p{margin:4px 0 10px;color:#5f6f64;font-size:13.5px}
#app .ps234-facts{display:flex;flex-wrap:wrap;gap:10px 22px}
#app .ps234-facts small{display:block;font-size:11.5px;color:#7a8a80}
#app .ps234-facts span{font-weight:700;font-size:14px;color:#1d2b22}
#app .ps234-facts a{color:#17723a}
#app .ps234-hero-acts{display:flex;flex-direction:column;gap:8px;align-items:stretch}
#app .ps234-notes{margin:12px 0 0;padding:10px 12px;background:#f8fbf9;border-radius:10px;white-space:pre-wrap;font-size:13.5px}
#app .ps234-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}
#app .ps234-tiles .opmetric.due strong{color:#a15c07!important}
#app .ps234-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #e6eee9;margin:-4px 0 14px}
#app .ps234-tabs button{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:#4a5a50;padding:10px 12px;border-bottom:3px solid transparent;cursor:pointer;margin-bottom:-1px}
#app .ps234-tabs button span{font-size:12px;background:#eef4f0;border-radius:999px;padding:1px 8px;margin-left:4px}
#app .ps234-tabs button.on{color:#17723a;border-bottom-color:#1f9d4d}
#app .ps234-tabs button.on span{background:#dff3e5}
#app .ps234-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}
#app .ps234-order{border:1px solid #e1ece4;border-radius:14px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:8px}
#app .ps234-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
#app .ps234-order-head .order-number{font-weight:800;margin-right:6px}
#app .ps234-due{font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps234-due.late{color:#b42318}
#app .ps234-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
#app .ps234-items small{display:block;color:#6b7d72;font-size:12px}
#app .ps234-order-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #eef3ef;padding-top:8px}
#app .ps234-order-foot .actions{margin:0}
#app .ps234-order-foot .btn{min-height:34px;padding:6px 12px;font-size:13px}
#app .pill.ps234-stage.ready{background:#dff3e5;color:#17723a}
#app .pill.ps234-stage.open{background:#e3f0fb;color:#1f5f99}
#app .pill.ps234-stage.canceled{background:#fde8e6;color:#a8322a}
#app .pill.ps234-bal{background:#fff1d6;color:#8a5a00}
#app .ps230-intab .ps230-head{margin-top:0}
html.bellife-dark #app .ps234-search,html.bellife-dark #app .ps234-chips button,html.bellife-dark #app .ps234-row,html.bellife-dark #app .ps234-order{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps234-search input,html.bellife-dark #app .ps234-name,html.bellife-dark #app .ps234-hero h2,html.bellife-dark #app .ps234-facts span{color:#e2eee6}
html.bellife-dark #app .ps234-chips button{color:#cfdcd3}
html.bellife-dark #app .ps234-chips button.on{background:#2b7a46;border-color:#2b7a46;color:#fff}
html.bellife-dark #app .ps234-avatar{background:#22382a;color:#9fe0b3}
html.bellife-dark #app .ps234-src,html.bellife-dark #app .ps234-tags span{background:#202c24;color:#cfdcd3}
html.bellife-dark #app .ps234-tags span.open{background:#16304a;color:#8cc4f2}
html.bellife-dark #app .ps234-tags span.due{background:#3a2e14;color:#f3c77a}
html.bellife-dark #app .ps234-tags span.emb{background:#2e2240;color:#c9a6f2}
html.bellife-dark #app .ps234-tags span.dim{background:transparent;color:#8fa597}
html.bellife-dark #app .ps234-tabs{border-color:#2c3d32}
html.bellife-dark #app .ps234-tabs button{color:#cfdcd3}
html.bellife-dark #app .ps234-tabs button.on{color:#9fe0b3}
html.bellife-dark #app .ps234-tabs button span{background:#202c24}
html.bellife-dark #app .ps234-notes{background:#1a241e}
html.bellife-dark #app .ps234-order-foot{border-color:#2c3d32}
@media(max-width:820px){
 #app .ps234-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"av who acts" "av tags tags"}
 #app .ps234-row>.ps234-avatar{grid-area:av;align-self:start}#app .ps234-row>.ps234-who{grid-area:who}#app .ps234-row>.ps234-tags{grid-area:tags}#app .ps234-row>.ps234-acts{grid-area:acts}
 #app .ps234-acts .btn{display:none}
 #app .ps234-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 #app .ps234-tabs button{white-space:nowrap;padding:10px 8px;font-size:13.5px}
 #app .ps234-hero{grid-template-columns:auto minmax(0,1fr)}
 #app .ps234-hero-acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
 #app .ps234-hero-acts>*{flex:1 1 140px}
}

/* ---------- Proposed sales price (job forms) ---------- */
#app .ps231{grid-column:1/-1;margin:10px 0 14px;padding:12px 14px;border:1px solid #cfe5d6;border-left:4px solid #1f9d4d;border-radius:14px;background:#f4faf6}
#app .ps231[hidden]{display:none}
#app .ps231-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
#app .ps231-head b{font-size:14px;color:#17452b}
#app .ps231-tag{font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#17723a;background:#dff3e5;border-radius:999px;padding:2px 8px}
#app .ps231-main{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap}
#app .ps231-main strong{font-size:28px;line-height:1.1;color:#13261a}
#app .ps231-main span{font-size:13px;color:#4a5a50;flex:1 1 200px}
#app .ps231-use{min-height:36px;padding:7px 14px!important;font-size:13px!important}
#app .ps231-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#app .ps231-facts span{font-size:12px;font-weight:700;color:#3b4a40;background:#fff;border:1px solid #dfe9e2;border-radius:999px;padding:2px 9px}
#app .ps231-warn{font-size:12.5px;color:#8a5a00;margin:6px 0 0}
#app .ps231-need{margin:4px 0 0;font-size:13px;color:#5f6f64}
#app .ps231-why{margin-top:8px}
#app .ps231-why summary{cursor:pointer;font-size:13px;font-weight:700;color:#17723a}
#app .ps231-why ul{margin:6px 0;padding-left:18px;font-size:13px}
#app .ps231-why li small{display:block;color:#6b7d72}
#app .ps231-link{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:#17723a;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
#app .ps231-note{margin:6px 0 0;font-size:11.5px;color:#7a8a80}
#app .ps231-settings h4{margin:0 0 4px}
#app .ps231-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}
#app .ps231-grid label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#4a5a50}
#app .ps233-sheet{white-space:nowrap}
#app .ps233-in-stages{align-self:center;min-height:38px;padding:6px 12px!important;font-size:13px!important;flex:none}
#app .home-redesign .home-job-with-stages>.job-actions>.ps233-sheet{flex:1 1 100%!important}
#app .ps231-rushnote{display:block;margin:-2px 0 8px 30px;font-size:12.5px;font-weight:700;color:#a15c07}
#app .ps231-rushnote:empty{display:none}
#app .ps231-rushline{margin:8px 0;padding:8px 12px;border-radius:10px;background:#fff6e5;color:#8a5a00;font-weight:700;font-size:13.5px}
html.bellife-dark #app .ps231-rushnote{color:#f3c77a}
html.bellife-dark #app .ps231-rushline{background:#3a2e14;color:#f3c77a}
/* Shirt brands (Settings → Suppliers) */
#app .ps232-add{margin:0 0 14px;padding:14px;border:1px dashed #b9d8c3;border-radius:14px;background:#f8fbf9}
#app .ps232-add-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}
#app .ps232-add-grid label,#app .ps232-add-prices>label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps232-add-prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;align-items:end}
#app .ps232-add-prices .btn{grid-column:1/-1;justify-self:end}
#app .ps232-list{display:flex;flex-direction:column;gap:14px}
#app .ps232-brand[hidden],#app .ps232-none[hidden]{display:none!important}
#app .ps232-brand h4{margin:0 0 6px;font-size:15px}
#app .ps232-brand h4 small{font-weight:500;color:#6b7d72;font-size:12.5px}
html.bellife-dark #app .ps232-add{background:#1a241e;border-color:#2c3d32}
html.bellife-dark #app .ps232-add-grid label,html.bellife-dark #app .ps232-add-prices>label{color:#aebfb4}
#app input.ps231-flash{box-shadow:0 0 0 3px rgba(31,157,77,.45)!important;transition:box-shadow .2s}
html.bellife-dark #app .ps231{background:#18221c;border-color:#2c3d32;border-left-color:#5fbf78}
html.bellife-dark #app .ps231-head b,html.bellife-dark #app .ps231-main strong{color:#e2eee6}
html.bellife-dark #app .ps231-main span{color:#aebfb4}
html.bellife-dark #app .ps231-tag{background:#22382a;color:#9fe0b3}
html.bellife-dark #app .ps231-facts span{background:#1f2c24;border-color:#2c3d32;color:#cfdcd3}
html.bellife-dark #app .ps231-why summary,html.bellife-dark #app .ps231-link{color:#9fe0b3}
html.bellife-dark #app .ps231-grid label{color:#aebfb4}

/* ---------- Embroidery designs (customer profile + job) ---------- */
#app .ps230-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#app .ps230-head h3{margin:0 0 2px}#app .ps230-head p{margin:0}
#app .ps230-upload{cursor:pointer;display:inline-flex;align-items:center}
#app .ps230-upload[aria-disabled=true]{opacity:.7;cursor:progress}
#app .ps230-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}
#app .ps230-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;border:1px solid #e1ece4;border-radius:14px;padding:12px;background:#fff;align-items:start}
#app .ps230-card.open{grid-column:1/-1;border-color:#1f9d4d;box-shadow:0 0 0 3px rgba(31,157,77,.12)}
#app .ps230-thumb{padding:0;border:1px solid #e6eee9;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;aspect-ratio:1;display:grid;place-items:center}
#app .ps230-thumb img{width:100%;height:100%;object-fit:cover;object-position:left center}
#app .ps230-body b{display:block;font-size:15px;color:#13261a}
#app .ps230-body small{display:block;color:#6b7d72;font-size:12.5px;margin:2px 0 6px}
#app .ps230-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
#app .ps230-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 8px 2px 4px;border-radius:999px;background:#f1f6f2;color:#3b4a40}
#app .ps230-sw{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);flex:none;vertical-align:-1px;margin-right:6px}
#app .ps230-chip .ps230-sw{margin-right:0}
#app .ps230-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}
#app .ps230-actions .btn{min-height:34px;padding:6px 12px;font-size:13px}
#app .ps230-detail{grid-column:1/-1;border-top:1px solid #eef3ef;padding-top:12px}
#app .ps230-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:6px 0}
#app .ps230-stats span{border:1px solid #e1ece4;border-radius:10px;padding:7px 10px;background:#f8fbf9}
#app .ps230-stats small{display:block;font-size:11.5px;color:#6b7d72}#app .ps230-stats b{font-size:15px;color:#13261a}
#app .ps230-meta{font-size:12.5px;color:#5f6f64;margin:6px 0 10px}
#app .ps230-threads{width:100%;border-collapse:collapse;margin:6px 0 8px;display:block;overflow-x:auto;white-space:nowrap}
#app .ps230-threads thead,#app .ps230-threads tbody{display:table;width:100%;table-layout:auto}
#app .ps230-threads tr{display:table-row}
#app .ps230-threads th{text-align:left;font-size:12px;color:#4a5a50;padding:7px 8px;background:#f8fbf9;border-bottom:1px solid #e9f0eb}
#app .ps230-threads td{padding:7px 8px;border-bottom:1px solid #eef3ef;font-size:13.5px}
#app .ps230-threads .n{text-align:right}
#app .ps230-seq summary{cursor:pointer;font-weight:700;color:#4a5a50;font-size:13px;margin:4px 0}
#app .ps230-seq ol{columns:2;margin:6px 0 10px;padding-left:22px;font-size:13px}
#app .ps230-seq small{color:#6b7d72}
#app .ps230-link{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#17723a;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#app .ps230-link.danger{color:#a8322a}
#app .ps230-warn{font-size:12.5px;color:#8a5a00;background:#fff6e5;border-radius:8px;padding:6px 10px}
#app .ps230-review{border:2px solid #1f9d4d;border-radius:16px;padding:14px;margin-bottom:14px;background:#f8fbf9}
#app .ps230-review>header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;padding:0;background:none;position:static}
#app .ps230-review h4{margin:0;font-size:15px}
#app .ps230-ok{font-size:12.5px;font-weight:800;color:#17723a;background:#dff3e5;border-radius:999px;padding:3px 10px}
#app .ps230-review-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:start}
#app .ps230-review-grid>img{width:100%;border:1px solid #e1ece4;border-radius:10px;background:#fff}
#app .ps230-name{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50;margin-bottom:8px}
#app .ps230-review .ps230-actions{justify-content:flex-end;margin-top:8px}
#app .ps230-empty{margin:0}
#app .ps230-job{margin:14px 0;padding:12px;border:1px solid #e1ece4;border-radius:14px;background:#f8fbf9}
#app .ps230-job h4{margin:0 0 8px}
#app .ps230-pick{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50;max-width:420px}
#app .ps230-linked{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;margin-top:10px}
#app .ps230-linked img{width:80px;height:80px;object-fit:cover;object-position:left center;border-radius:10px;border:1px solid #e1ece4;background:#fff}
#app .ps230-linked b{display:block}#app .ps230-linked small{display:block;color:#6b7d72;margin-bottom:6px}
html.bellife-dark #app .ps230-card,html.bellife-dark #app .ps230-thumb{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps230-body b,html.bellife-dark #app .ps230-stats b{color:#e2eee6}
html.bellife-dark #app .ps230-chip{background:#202c24;color:#cfdcd3}
html.bellife-dark #app .ps230-stats span,html.bellife-dark #app .ps230-threads th,html.bellife-dark #app .ps230-review,html.bellife-dark #app .ps230-job{background:#1a241e;border-color:#2c3d32}
html.bellife-dark #app .ps230-threads td{border-color:#24322a}
html.bellife-dark #app .ps230-link{color:#9fe0b3}
html.bellife-dark #app .ps230-ok{background:#22382a;color:#9fe0b3}
html.bellife-dark #app .ps230-warn{background:#3a2e14;color:#f3c77a}
@media(max-width:640px){#app .ps230-review-grid{grid-template-columns:1fr}#app .ps230-review-grid>img{max-width:260px}#app .ps230-seq ol{columns:1}}

/* ---------- Settings → Suppliers: built for long lists ---------- */
#app .ps229-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:10px}
#app .ps229-head h3{margin:0 0 2px}
#app .ps229-head p{margin:0}
#app .ps229-search{display:block;margin:0 0 12px}
#app .ps229-search input{width:100%;max-width:360px}
#app .ps229-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:10px;max-height:520px;overflow:auto;padding:2px}
#app .ps229-vcard{border:1px solid #e1ece4;border-radius:14px;padding:12px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top act" "tags tags";align-items:center;gap:8px 8px;min-width:0}
#app .ps229-vcard>.ps229-vtop{grid-area:top}#app .ps229-vcard>.ps229-tags{grid-area:tags}#app .ps229-vcard>.ps229-actions{grid-area:act;margin:0}
#app .ps229-vcard.editing{display:block}
#app .ps229-vcard[hidden],#app .ps229-rules tr[hidden],#app .ps229-none[hidden]{display:none!important}
#app .ps229-vcard.editing{grid-column:1/-1;border-color:#1f9d4d;box-shadow:0 0 0 3px rgba(31,157,77,.12)}
#app .ps229-vtop{display:flex;align-items:center;gap:10px;min-width:0}
#app .ps229-vtop>div{min-width:0}
#app .ps229-vtop b{display:block;font-size:15px;color:#13261a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .ps229-vtop small{display:block;font-size:12.5px;color:#6b7d72}
#app .ps229-vtop a{color:#17723a;font-weight:700}
#app .ps229-avatar{flex:none;width:36px;height:36px;border-radius:10px;background:#e8f5ec;color:#17723a;display:grid;place-items:center;font-weight:800}
#app .ps229-tags{display:flex;flex-wrap:wrap;gap:4px}
#app .ps229-tags span{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#eef4f0;color:#3b4a40}
#app .ps229-tags em{font-size:12px;color:#9aa79f}
#app .ps229-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto}
#app .ps229-actions .btn{min-height:34px;padding:6px 14px;font-size:13px}
#app .ps229-remove{border:0;background:none;color:#a8322a;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#app .ps229-add{margin:0 0 14px;padding:14px;border:1px dashed #b9d8c3;border-radius:14px;background:#f8fbf9}
#app .ps229-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px}
#app .ps229-form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps229-form-grid small{font-weight:500;color:#7a8a80}
#app .ps229-none{color:#6b7d72;font-size:13px}
#app .ps229-rules{max-height:440px;overflow:auto;border:1px solid #e1ece4;border-radius:14px}
#app .ps229-rules table{width:100%;border-collapse:separate;border-spacing:0;min-width:520px}
#app .ps229-rules thead th{position:sticky;top:0;z-index:1;background:#f4f9f5;font-size:12.5px;font-weight:700;color:#4a5a50;padding:10px;text-align:center;border-bottom:1px solid #e1ece4;white-space:nowrap}
#app .ps229-rules thead th:first-child{text-align:left}
#app .ps229-rules tbody th{text-align:left;font-weight:700;padding:9px 10px;border-bottom:1px solid #eef3ef;white-space:nowrap}
#app .ps229-rules td{text-align:center;padding:9px 10px;border-bottom:1px solid #eef3ef}
#app .ps229-rules tbody tr:hover{background:#f8fbf9}
#app .ps229-rules input.check{width:20px;height:20px;accent-color:#1f9d4d}
#app .ps229-save{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}
#app .ps229-save span{font-size:13px;font-weight:700;color:#a15c07}
html.bellife-dark #app .ps229-vcard{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps229-vtop b{color:#e2eee6}
html.bellife-dark #app .ps229-vtop a{color:#9fe0b3}
html.bellife-dark #app .ps229-avatar{background:#22382a;color:#9fe0b3}
html.bellife-dark #app .ps229-tags span{background:#202c24;color:#cfdcd3}
html.bellife-dark #app .ps229-add{background:#1a241e;border-color:#2c3d32}
html.bellife-dark #app .ps229-form-grid label{color:#aebfb4}
html.bellife-dark #app .ps229-rules{border-color:#2c3d32}
html.bellife-dark #app .ps229-rules thead th{background:#1c2a21;color:#aebfb4;border-color:#2c3d32}
html.bellife-dark #app .ps229-rules tbody th,html.bellife-dark #app .ps229-rules td{border-color:#24322a;color:#e2eee6}
html.bellife-dark #app .ps229-rules tbody tr:hover{background:#1f2c24}
html.bellife-dark #app .ps229-save span{color:#f3c77a}

/* ---------- Shirt Purchase Scan: Purchase Requirements at a glance ---------- */
#app .ps228-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:6px 0 16px}
#app .ps228-tile{border:1px solid #e1ece4;border-radius:14px;padding:12px 14px;background:#fff}
#app .ps228-tile small{display:block;font-size:12.5px;color:#5f6f64}
#app .ps228-tile b{display:block;font-size:26px;line-height:1.1;color:#13261a;margin-top:2px}
#app .ps228-tile.ok b{color:#17723a}
#app .ps228-tile.buy{border-color:#f0c36d;background:#fff8e8}
#app .ps228-tile.buy b{color:#a15c07}
#app .ps228-sub{margin:0 0 10px;font-size:15px;color:#13261a}
#app .ps228-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
#app .ps228-buy{border:1px solid #e1ece4;border-radius:14px;padding:12px 14px;background:#fff;box-shadow:0 1px 3px rgba(20,60,35,.05)}
#app .ps228-buy-head{display:flex;align-items:center;gap:10px}
#app .ps228-buy-head>div{flex:1;min-width:0}
#app .ps228-buy-head b{display:block;font-size:15px;color:#13261a}
#app .ps228-buy-head small{display:block;font-size:12.5px;color:#6b7d72}
#app .ps228-buy-head strong{text-align:right;font-size:22px;color:#a15c07;line-height:1}
#app .ps228-buy-head strong small{display:block;font-size:11px;font-weight:600;color:#8a6a2a}
#app .ps228-dot{flex:none;width:18px;height:18px;border-radius:50%;background:#c9d6cd;border:2px solid #fff;box-shadow:0 0 0 1px #cdd8d0}
#app .ps228-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#app .ps228-sizes>span{display:inline-flex;align-items:center;border:1px solid #dfe9e2;border-radius:999px;overflow:hidden;font-size:13px}
#app .ps228-sizes>span>em{font-style:normal;font-weight:700;padding:3px 8px;background:#f1f6f2;color:#3b4a40}
#app .ps228-sizes>span>b{padding:3px 9px;color:#13261a}
/* who the shirts are for: shows on hover (desktop) or tap/focus (phones) */
#app .ps228-has-who{position:relative;cursor:help;outline:none}
#app .ps228-buy-head.ps228-has-who{border-radius:10px}
#app .ps228-has-who:focus-visible{box-shadow:0 0 0 3px rgba(31,157,77,.35)}
#app .ps228-who{display:none;position:absolute;left:0;top:calc(100% + 6px);z-index:40;min-width:200px;max-width:300px;background:#13261a;color:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 10px 26px rgba(0,0,0,.25);font-size:13px;line-height:1.35;text-align:left;white-space:normal;cursor:default}
#app .ps228-who::before{content:"";position:absolute;top:-6px;left:16px;border:6px solid transparent;border-top:0;border-bottom-color:#13261a}
#app .ps228-who>b{display:block;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#9fe0b3;margin-bottom:4px;padding:0!important;background:none!important}
#app .ps228-who>span{display:block;padding:3px 0;border-top:1px solid rgba(255,255,255,.1)}
#app .ps228-who>span:first-of-type{border-top:0}
#app .ps228-who em{font-style:normal;font-weight:700;color:#fff;background:none!important;padding:0!important}
#app .ps228-who small{color:#b9cfc1;display:inline!important;font-size:12px}
#app .ps228-who i{font-style:normal;color:#f3c77a;white-space:nowrap}
#app .ps228-has-who:hover>.ps228-who,#app .ps228-has-who:focus>.ps228-who,#app .ps228-has-who:focus-within>.ps228-who{display:block}
#app .ps228-sizes .ps228-has-who{overflow:visible}
#app .ps228-sizes>span{overflow:visible!important}
#app .ps228-sizes>span>em:first-child{border-radius:999px 0 0 999px}
#app .ps228-sizes>span>b{border-radius:0 999px 999px 0}
html.bellife-dark #app .ps228-who{background:#0c140f;border:1px solid #2c3d32}
#app .ps228-none{padding:14px 16px;border-radius:12px;background:#eef7f1;color:#17723a;font-weight:700}
#app .ps228-covered{margin-top:12px}
#app .ps228-covered summary{cursor:pointer;font-weight:700;color:#4a5a50;font-size:13.5px}
#app .ps228-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#app .ps228-chips span{font-size:12.5px;padding:4px 10px;border-radius:999px;background:#f1f6f2;color:#3b4a40}
html.bellife-dark #app .ps228-tile,html.bellife-dark #app .ps228-buy{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps228-tile b,html.bellife-dark #app .ps228-buy-head b,html.bellife-dark #app .ps228-sub,html.bellife-dark #app .ps228-sizes>span>b{color:#e2eee6}
html.bellife-dark #app .ps228-tile.ok b{color:#9fe0b3}
html.bellife-dark #app .ps228-tile.buy{background:#2a2414;border-color:#4a3c1c}
html.bellife-dark #app .ps228-tile.buy b,html.bellife-dark #app .ps228-buy-head strong{color:#f3c77a}
html.bellife-dark #app .ps228-sizes>span{border-color:#2c3d32}
html.bellife-dark #app .ps228-sizes>span>em,html.bellife-dark #app .ps228-chips span{background:#202c24;color:#cfdcd3}
html.bellife-dark #app .ps228-none{background:#1f3026;color:#9fe0b3}
@media(max-width:750px){#app .ps228-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#app .ps228-tile b{font-size:21px}}

/* ---------- Shirt Purchase Scan: jobs to check ---------- */
#app .ps226-flags{display:flex;flex-direction:column;gap:8px;margin-top:10px}
#app .ps226-flag{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid #f1dfb8;background:#fffaf0;border-radius:12px}
#app .ps226-flag b{color:#13261a}#app .ps226-flag small{color:#6b7d72;margin-left:4px}
#app .ps226-flag span{display:block;font-size:12.5px;color:#8a5a00;margin-top:2px}
#app .ps226-flag .actions{margin:0;gap:8px}
html.bellife-dark #app .ps226-flag{background:#2a2414;border-color:#4a3c1c}
html.bellife-dark #app .ps226-flag b{color:#e2eee6}
html.bellife-dark #app .ps226-flag span{color:#f3c77a}

/* ---------- Vendor prices + comparison (Shirt Purchase Scan) ---------- */
#app .ps227-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
#app .ps227-head h3,#app .ps227-details summary h3{margin:0;font-size:17px;color:#13261a;display:inline}
#app .ps227-head small,#app .ps227-details summary small{color:#6b7d72;font-size:12.5px}
#app .ps227-details summary{cursor:pointer;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;list-style:none}
#app .ps227-details summary::-webkit-details-marker{display:none}
#app .ps227-details summary::before{content:"▸";color:#1f9d4d;font-weight:800;transition:transform .15s}
#app .ps227-details[open] summary::before{transform:rotate(90deg)}
#app .ps227-details[open] summary{margin-bottom:12px}
#app .ps227-vtabs{display:flex;gap:4px;flex-wrap:wrap;background:#eef4f0;border-radius:12px;padding:4px;margin-bottom:12px}
#app .ps227-vtabs button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;color:#3b4a40;padding:8px 14px;border-radius:9px;cursor:pointer}
#app .ps227-vtabs button span{font-size:11px;background:#dfeee4;color:#17723a;border-radius:999px;padding:1px 7px;margin-left:4px}
#app .ps227-vtabs button.on{background:#fff;color:#17723a;box-shadow:0 1px 3px rgba(20,60,35,.15)}
#app .ps227-tablewrap{overflow-x:auto}
#app .ps227-prices,#app .ps227-compare{width:100%;border-collapse:collapse}
#app .ps227-prices th,#app .ps227-compare th{text-align:left;font-size:12.5px;font-weight:700;color:#4a5a50;padding:9px 8px;background:#f8fbf9;border-bottom:1px solid #e9f0eb;white-space:nowrap}
#app .ps227-prices td,#app .ps227-compare td{padding:8px;border-bottom:1px solid #eef3ef;font-size:14px;vertical-align:middle}
#app .ps227-prices td small,#app .ps227-compare td small{display:block;font-size:11.5px;color:#7a8a80;font-weight:500}
#app .ps227-prices td:first-child{min-width:150px}
#app .ps227-compare td:first-child{min-width:160px}
#app .ps227-money{display:flex;align-items:center;gap:4px;border:1px solid #dfe9e2;border-radius:10px;padding:0 8px;background:#fff;min-width:86px}
#app .ps227-money span{color:#7a8a80;font-size:13px}
#app .ps227-money input{border:0!important;box-shadow:none!important;outline:0;background:transparent!important;padding:8px 0!important;width:100%;min-width:0;font:inherit;text-align:right}
#app .ps227-money:focus-within{border-color:#1f9d4d;box-shadow:0 0 0 3px rgba(31,157,77,.15)}
#app .ps227-hint{font-size:12px;color:#6b7d72;margin:8px 0 0}
#app .ps227-sub{margin:16px 0 8px;font-size:14px}
#app .ps227-items{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
#app .ps227-items li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e6eee9;border-radius:10px}
#app .ps227-items li span{flex:1}
#app .ps227-x{border:0;background:none;color:#a8322a;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
#app .ps227-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#app .ps227-add>input{flex:1 1 180px}
#app .ps227-vinfo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#5f6f64;margin:-4px 0 10px}
#app .ps227-vinfo a{color:#17723a;font-weight:700}
#app .ps227-link{border:0;background:none;font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px 4px}
#app .ps227-link.danger{color:#a8322a}
#app .ps227-vform{margin-top:14px;padding:14px;border:1px dashed #b9d8c3;border-radius:14px;background:#f8fbf9}
#app .ps227-vform h4{margin:0 0 10px;font-size:14px}
#app .ps227-vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
#app .ps227-vgrid label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;color:#4a5a50}
#app .ps227-vgrid label small{font-weight:500;color:#7a8a80}
#app .ps227-vactions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
html.bellife-dark #app .ps227-vform{background:#1a241e;border-color:#2c3d32}
html.bellife-dark #app .ps227-vinfo,html.bellife-dark #app .ps227-vgrid label{color:#aebfb4}
html.bellife-dark #app .ps227-vinfo a{color:#9fe0b3}
#app .ps227-compare .n{text-align:right}
#app .ps227-compare td.best{background:#e6f5eb;color:#17723a;font-weight:800}
#app .ps227-compare td.na{color:#9aa79f}
#app .ps227-sums{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:10px}
#app .ps227-sum{border:1px solid #e1ece4;border-radius:14px;padding:12px 14px;background:#fff}
#app .ps227-sum small{display:block;font-size:12.5px;color:#5f6f64}
#app .ps227-sum b{display:block;font-size:20px;color:#13261a;margin:2px 0}
#app .ps227-sum span{font-size:12px;color:#6b7d72}
#app .ps227-sum.best{border-color:#1f9d4d;background:#f1faf4;box-shadow:0 0 0 3px rgba(31,157,77,.12)}
#app .ps227-sum.mix{background:#f8fbf9;border-style:dashed}
#app .ps227-save{margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:#eef7f1;color:#17452b;font-size:14px}
html.bellife-dark #app .ps227-head h3,html.bellife-dark #app .ps227-details summary h3,html.bellife-dark #app .ps227-sum b{color:#e2eee6}
html.bellife-dark #app .ps227-vtabs{background:#202c24}
html.bellife-dark #app .ps227-vtabs button{color:#cfdcd3}
html.bellife-dark #app .ps227-vtabs button.on{background:#2b4a36;color:#c6f0d2}
html.bellife-dark #app .ps227-prices th,html.bellife-dark #app .ps227-compare th{background:#1c2a21;color:#aebfb4;border-color:#2c3d32}
html.bellife-dark #app .ps227-prices td,html.bellife-dark #app .ps227-compare td{border-color:#24322a}
html.bellife-dark #app .ps227-money{background:#141c17;border-color:#2c3d32}
html.bellife-dark #app .ps227-money input{color:#e2eee6}
html.bellife-dark #app .ps227-items li{border-color:#2c3d32}
html.bellife-dark #app .ps227-sum{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps227-sum.best{background:#1f3026;border-color:#5fbf78}
html.bellife-dark #app .ps227-sum.mix{background:#1a241e}
html.bellife-dark #app .ps227-compare td.best{background:#22382a;color:#9fe0b3}
html.bellife-dark #app .ps227-save{background:#1f3026;color:#c6f0d2}

/* ---------- Production Tracker: no per-job "Sticker" checkbox (labels are printed from the Labels page / Ready pop-up) ---------- */
#app .bellife-sticker-check{display:none!important}
#app button[onclick^="bellifeOpenStickerSheet"]{display:none!important} /* "Stickers (0/3)" only worked with those checkboxes */

/* ---------- 5. Pickup lists on phones: each order becomes a card ---------- */
@media(max-width:750px){
 #app table.ps223-cards{border:0!important;min-width:0!important;width:100%!important}
 #app table.ps223-cards thead{display:none}
 #app table.ps223-cards,#app table.ps223-cards tbody{display:block}
 #app .tablewrap:has(table.ps223-cards){overflow:visible!important}
 #app table.ps223-cards tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center;background:#fff;border:1px solid #dfe9e2;border-radius:14px;padding:12px 14px;margin:0 0 12px;box-shadow:0 1px 3px rgba(20,60,35,.06)}
 #app table.ps223-cards td{display:contents;border:0!important;padding:0!important}
 #app table.ps223-cards td>*{min-width:0}
 #app table.ps223-cards td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7d72;align-self:center}
 #app table.ps223-cards td .ps223-val{font-size:15px;color:#1d2b22;overflow-wrap:anywhere}
 #app table.ps223-cards td.ps223-check::before{content:"Label"}
 #app table.ps223-cards td.ps223-actions::before{display:none}
 #app table.ps223-cards td.ps223-actions .ps223-val{grid-column:1/-1}
 #app table.ps223-cards td.ps223-actions .actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
 #app table.ps223-cards td.ps223-actions .actions .btn{width:100%!important;min-height:42px;margin:0!important;white-space:normal}
 #app table.ps223-cards td.ps223-actions .actions .btn:first-child:nth-last-child(odd){grid-column:1/-1}
 #app table.ps223-cards td[colspan]{display:block;grid-column:1/-1}
 #app table.ps223-cards td[colspan]::before{display:none}
 #app table.ps223-cards input[type=checkbox]{width:22px;height:22px;justify-self:start}
 html.bellife-dark #app table.ps223-cards tr{background:#18221c;border-color:#2c3d32}
 html.bellife-dark #app table.ps223-cards td .ps223-val{color:#e2eee6}
 html.bellife-dark #app table.ps223-cards td[data-label]::before{color:#93a89a}
}

/* ---------- 4. Customer search in order forms ---------- */
.ps223-host{position:relative}
.ps223-suggest{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:60;background:#fff;border:1px solid #cfe0d4;border-radius:12px;box-shadow:0 10px 28px rgba(20,60,35,.16);max-height:300px;overflow-y:auto;padding:4px;font-weight:400;text-transform:none;letter-spacing:0}
.ps223-suggest[hidden]{display:none}
.ps223-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:9px 10px;cursor:pointer;color:#1d2b22;font:inherit}
.ps223-opt:hover,.ps223-opt.on{background:#e8f5ec}
.ps223-opt b{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ps223-opt small{color:#6b7d72;font-size:12px;white-space:nowrap}
.ps223-opt .ps223-src{flex:none;white-space:nowrap;font-size:10px;font-weight:700;color:#17723a;background:#e8f5ec;border-radius:6px;padding:2px 6px}
.ps223-opt .ps223-src.g{color:#1a5fb4;background:#e7effa}
.ps223-more{padding:8px 10px;font-size:12px;color:#6b7d72;border-top:1px solid #edf2ee;margin-top:2px}
html.bellife-dark .ps223-suggest{background:#18221c;border-color:#2c3d32}
html.bellife-dark .ps223-opt{color:#e2eee6}
html.bellife-dark .ps223-opt:hover,html.bellife-dark .ps223-opt.on{background:#24382b}
html.bellife-dark .ps223-opt .ps223-src{background:#24382b;color:#9fe0b3}
html.bellife-dark .ps223-opt .ps223-src.g{background:#1d2a3a;color:#9cc3f5}
html.bellife-dark .ps223-more{border-top-color:#2c3d32}

/* ---------- 3. Label pop-up: matches the app's cards and buttons ---------- */
.ps223-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(440px,calc(100vw - 32px));z-index:9000;background:#fff;color:#1d2b22;border:1px solid #dfe9e2;border-radius:18px;box-shadow:0 14px 40px rgba(20,60,35,.22);overflow:hidden;animation:ps223in .18s ease-out}
@keyframes ps223in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.ps223-toast-head{display:flex;align-items:center;gap:10px;background:#f4f9f5;box-shadow:inset 4px 0 0 #1f9d4d;border-bottom:1px solid #e1ece4;padding:12px 14px}
.ps223-toast-head .ps223-ico{width:34px;height:34px;flex:none;border-radius:10px;background:#e8f5ec;color:#1f9d4d;display:grid;place-items:center}
.ps223-toast-head .ps223-ico svg{width:20px;height:20px}
.ps223-toast-head h4{margin:0;font-size:16px;color:#17452b;flex:1}
.ps223-toast-x{background:none;border:0;color:#6b7d72;font-size:22px;line-height:1;cursor:pointer;padding:4px 6px;border-radius:8px}
.ps223-toast-x:hover{background:#e8f5ec}
.ps223-toast-body{padding:12px 14px 4px;font-size:14px;line-height:1.45}
.ps223-toast-body .muted{font-size:13px}
.ps223-toast-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:10px 14px 14px}
.ps223-toast-actions .btn{width:100%;min-height:42px;margin:0}
@media(max-width:750px){.ps223-toast{bottom:92px}}
html.bellife-dark .ps223-toast{background:#18221c;color:#e2eee6;border-color:#2c3d32}
html.bellife-dark .ps223-toast-head{background:#1c2a21;border-bottom-color:#2c3d32;box-shadow:inset 4px 0 0 #5fbf78}
html.bellife-dark .ps223-toast-head h4{color:#d6eadb}
html.bellife-dark .ps223-toast-head .ps223-ico{background:#24382b;color:#7fd197}
html.bellife-dark .ps223-toast-x:hover{background:#24382b}

/* ---------- Promotional items inside a printing order (mixed-v223.js) ---------- */
.ps244{grid-column:1/-1;margin:14px 0;padding:12px 14px;border:1px dashed #b9c8f0;border-radius:14px;background:#f6f8fe}
.ps244-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px}.ps244-head b{color:#13261a}.ps244-head small{color:#6b7d72;font-size:12.5px}
.ps244-row{display:grid;grid-template-columns:minmax(0,2fr) 90px 130px minmax(0,1.3fr) auto auto;gap:8px;align-items:end;margin-bottom:8px}
.ps244-row .ps244-cp{flex-direction:row!important;align-items:center;gap:6px;white-space:nowrap;min-height:36px;font-size:12.5px}.ps244-row .ps244-cp input{width:auto!important;min-height:0!important}
.ps244-row.provided input:disabled{background:#eef2ef;color:#8a998f}html.bellife-dark .ps244-row.provided input:disabled{background:#1d2a22}
.ps244-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#4a5a50;min-width:0}.ps244-row input{min-height:36px;width:100%}
.ps244-x{border:0;background:none;font-size:20px;color:#a12a2a;cursor:pointer;padding:6px 8px}
.ps244-job{margin:12px 0;padding:10px 12px;border:1px solid #dfe6f7;border-radius:12px;background:#f6f8fe}.ps244-job h4{margin:0 0 6px}
.ps244-tick{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:14px}.ps244-tick input{margin-top:3px}.ps244-tick small{display:block;font-size:12px;color:#6b7d72}
html.bellife-dark .ps244,html.bellife-dark .ps244-job{background:#18202e;border-color:#34405e}html.bellife-dark .ps244-head b{color:#e2eee6}
@media (max-width:700px){.ps244-row{grid-template-columns:1fr 1fr;}.ps244-row .ps244-prod,.ps244-row .ps244-sup,.ps244-row .ps244-cp{grid-column:1/-1}}

#app .ps240-acts .ps240-paid{background:#1f9d4d;border-color:#1f9d4d;color:#fff}

/* ---------- Order details card on hover / tap (payments-v223.js) ---------- */
#app .ps240-ord{cursor:help;text-decoration:underline dotted #9aa79f;text-underline-offset:3px}
#app .ps240-ord:focus-visible{outline:2px solid #1f9d4d;outline-offset:2px;border-radius:4px}
.ps240-peek{position:fixed;z-index:99995;width:min(340px,calc(100vw - 16px));max-height:min(70vh,520px);overflow:auto;background:#fff;color:#1d2b22;border:1px solid #dfe9e2;border-radius:14px;box-shadow:0 12px 34px rgba(20,40,28,.18);padding:12px 14px;font-size:13px;line-height:1.45}
.ps240-peek[hidden]{display:none}
.ps240-peek-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ps240-peek-head b{font-size:15px;color:#13261a}.ps240-peek-head span{font-weight:700;color:#3b4a40}
.ps240-peek-sub{color:#6b7d72;font-size:12.5px}
.ps240-peek ul{margin:8px 0;padding:0 0 0 2px;list-style:none;border-top:1px solid #eef2ef;border-bottom:1px solid #eef2ef}.ps240-peek li{padding:3px 0}.ps240-peek li small{color:#6b7d72;margin-left:4px}
.ps240-peek dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0}.ps240-peek dt{color:#6b7d72}.ps240-peek dd{margin:0;font-weight:600}.ps240-peek dd.owed{color:#a15c07}
.ps240-peek-notes{margin:8px 0 0;padding:6px 8px;background:#f8fbf9;border-radius:8px;color:#4a5a50;white-space:pre-wrap}
html.bellife-dark .ps240-peek{background:#18221c;color:#e2eee6;border-color:#2c3d32}html.bellife-dark .ps240-peek-head b{color:#e2eee6}html.bellife-dark .ps240-peek-head span{color:#cfdcd3}
html.bellife-dark .ps240-peek ul{border-color:#2c3d32}html.bellife-dark .ps240-peek dd.owed{color:#f3c96b}html.bellife-dark .ps240-peek-notes{background:#1d2a22;color:#cfdcd3}

.ps242-emb[hidden]{display:none!important}

/* Saved embroidery designs as picture cards on the order forms */
.ps242-search{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:#4a5a50;flex:1;min-width:220px;max-width:360px}.ps242-search input{min-height:36px}
.ps242-results{margin-top:10px}
.ps242-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ps242-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:8px;border:1px solid #dfe9e2;border-radius:12px;background:#fff;font:inherit;cursor:pointer}
.ps242-card img{width:100%;height:90px;object-fit:contain;background:#fff;border-radius:8px;margin-bottom:4px}
.ps242-card b{font-size:13px;color:#13261a;line-height:1.25}.ps242-card small{font-size:11.5px;color:#6b7d72}.ps242-card .ps242-who{color:#2a55a8;font-weight:700}
.ps242-card:hover{border-color:#9fd1ae}.ps242-card.on{border:2px solid #1f9d4d;background:#f1faf4}
.ps242-check{position:absolute;top:6px;right:6px;background:#1f9d4d;color:#fff;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px}
.ps242-hint{margin:6px 0 0;font-size:12.5px;color:#6b7d72}
html.bellife-dark .ps242-card{background:#18221c;border-color:#2c3d32}html.bellife-dark .ps242-card b{color:#e2eee6}html.bellife-dark .ps242-card.on{background:#1d3a26;border-color:#2f9d55}

/* Company name on the customer profile */
#app .ps234-company small{display:block;font-size:11.5px;color:#7a8a80}#app .ps234-company>span{font-weight:700;font-size:14px;color:#1d2b22}
#app .ps234-edit-co{border:0;background:none;color:#17723a;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:0 4px}
html.bellife-dark #app .ps234-company>span{color:#e2eee6}html.bellife-dark #app .ps234-edit-co{color:#9fe0b3}

/* V2.23: on PC, pop-ups with buttons open in the middle of the screen with the page dimmed behind them
   (phones keep them at the bottom, within thumb reach). Short notes ("✓ saved") show at the top centre on PC. */
@media (min-width:751px){
 .ps223-toast{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 48px));box-shadow:0 0 0 100vmax rgba(10,25,15,.38),0 20px 50px rgba(0,0,0,.28);animation:ps223mid .18s ease-out}
 @keyframes ps223mid{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
 .ps236-notice{right:auto;left:50%;bottom:auto;top:24px;transform:translateX(-50%)}
}

/* ---------- Workflow helpers (workflow-v223.js) ---------- */
#app .ps245-dups{border-left:4px solid #2a55a8}
#app .ps245-toggle{width:100%;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
#app .ps245-toggle b{font-size:16px;color:#13261a}#app .ps245-toggle span{font-size:13px;color:#6b7d72}
#app .ps245-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px 12px;align-items:center;padding:10px 12px;margin-top:8px;border:1px solid #e6eee9;border-radius:12px;background:#fff}
#app .ps245-c b{display:block;color:#13261a}#app .ps245-c small{display:block;font-size:12px;color:#6b7d72}
#app .ps245-why{font-size:11.5px;font-weight:700;color:#2a55a8;background:#e9effb;border-radius:999px;padding:2px 8px;white-space:nowrap}
#app .ps245-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}#app .ps245-acts .btn{min-height:32px;padding:5px 12px;font-size:13px}
.ps245-link{border:0;background:none;color:#6b7d72;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.ps245-modal{max-width:560px;margin:60px auto;background:#fff;border-radius:16px;padding:16px 18px}.ps245-q{width:100%;min-height:40px;margin:8px 0}
.ps245-hit{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #eef2ef}.ps245-hit b{display:block}.ps245-hit small{display:block;font-size:12px;color:#6b7d72}
#app .ps245-po-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}#app .ps245-po-head h3{margin:0}
#app .ps245-po-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border:1px solid #e6eee9;border-radius:12px;margin-top:6px;background:#fff}#app .ps245-po-row small{display:block;font-size:12px;color:#6b7d72}
#app .ps245-emb{margin-top:18px;padding:14px 16px;border-radius:16px;background:#f6f8fe;border:1px solid #dfe6f7}
#app .ps245-emb-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}#app .ps245-emb-head h3{margin:0}#app .ps245-emb-head label{font-size:12.5px;font-weight:700;color:#4a5a50;display:flex;gap:6px;align-items:center}
#app .ps245-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:12px 0 6px}
#app .ps245-day{background:#fff;border:1px solid #e6eee9;border-radius:12px;padding:8px;font-size:12.5px;display:flex;flex-direction:column;gap:4px}
#app .ps245-day.over{border-color:#e7a29b;background:#fff6f5}#app .ps245-day.empty{opacity:.7}
#app .ps245-bar{height:8px;border-radius:999px;background:#eef2ef;overflow:hidden}#app .ps245-bar span{display:block;height:100%;background:#1f9d4d}#app .ps245-day.over .ps245-bar span{background:#c62828}
#app .ps245-day small{color:#4a5a50;font-weight:700}#app .ps245-day.over small{color:#b42318}#app .ps245-day em{font-style:normal;font-size:11.5px;color:#6b7d72}
@media (max-width:900px){#app .ps245-days{grid-template-columns:repeat(2,minmax(0,1fr))}}
#app .ps245-today{margin:0 0 14px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #dfe9e2}
#app .ps245-today-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}#app .ps245-today-head .btn{min-height:32px;padding:5px 12px;font-size:13px}
#app .ps245-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#app .ps245-chip{border:1px solid #dfe9e2;background:#f8fbf9;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:#3b4a40;cursor:pointer}#app .ps245-chip b{color:#13261a}
#app .ps245-chip.warn{background:#fff7e6;border-color:#f3d28a}#app .ps245-chip.bad{background:#fde8e8;border-color:#f1b4ae}#app .ps245-chip.ok{background:#e3f4e8;border-color:#9fd1ae}
#app .ps245-tpl{margin:6px 0 10px;padding:8px 12px;border-radius:12px;background:#f6f8fe;border:1px solid #dfe6f7}#app .ps245-tpl summary{cursor:pointer;font-weight:700;color:#2a55a8}
#app .ps245-tpl pre{white-space:pre-wrap;background:#fff;border:1px solid #e6eee9;border-radius:10px;padding:10px;font-size:13px}
#app .ps239-fill{display:flex;flex-wrap:wrap;gap:8px;align-items:center}#app .ps239-fill small{color:#6b7d72}
html.bellife-dark #app .ps245-pair,html.bellife-dark #app .ps245-po-row,html.bellife-dark #app .ps245-day,html.bellife-dark #app .ps245-today,html.bellife-dark .ps245-modal,html.bellife-dark #app .ps245-tpl pre{background:#18221c;border-color:#2c3d32}
html.bellife-dark #app .ps245-emb,html.bellife-dark #app .ps245-tpl{background:#18202e;border-color:#34405e}
html.bellife-dark #app .ps245-c b,html.bellife-dark #app .ps245-toggle b,html.bellife-dark #app .ps245-chip b{color:#e2eee6}html.bellife-dark #app .ps245-chip{background:#1d2a22;border-color:#2c3d32;color:#cfdcd3}

/* ---------- Layout fixes (layout-v223.js) ---------- */
/* New Order: price & payment block and folded costs */
#orderEditor .ps246-price{margin:16px 0 4px;padding-top:12px;border-top:1px solid #e6eee9}#orderEditor .ps246-price h3{margin:0 0 8px}
#orderEditor .ps246-costs{margin:12px 0;padding:10px 14px;border:1px solid #e6eee9;border-radius:12px;background:#f8fbf9}
#orderEditor .ps246-costs summary{cursor:pointer;font-weight:700;color:#3b4a40}#orderEditor .ps246-costs summary small{font-weight:500;color:#6b7d72;margin-left:6px}
#orderEditor .ps246-costs[open] summary{margin-bottom:10px}
html.bellife-dark #orderEditor .ps246-costs{background:#1d2a22;border-color:#2c3d32}html.bellife-dark #orderEditor .ps246-costs summary{color:#cfdcd3}
/* shirt lines on PC: columns share the space, so the Remove button is no longer cut off */
#lineRows .printshop-shirt-line{grid-template-columns:96px minmax(96px,1fr) minmax(120px,1.4fr) minmax(96px,1fr) minmax(118px,1.3fr) minmax(86px,1fr) 64px 72px 86px;min-width:900px}
/* wide-table hint */
.ps246-wide{position:relative}
@media (max-width:750px){
 #app .ps246-wide::before{content:'Swipe sideways to see all columns →';display:block;position:sticky;left:0;font-size:12px;font-weight:700;color:#2a55a8;padding:4px 2px 6px}
 #app .tablewrap,#app .ps236-tablewrap,#app .ps227-tablewrap,#app .ps229-rules{scrollbar-width:thin}
 /* tab bars wrap onto a second line instead of hiding off the edge */
 #app .ps234-tabs,#app .ps225-tabs{flex-wrap:wrap!important;overflow:visible!important}
 #app .ps239-rate{margin-left:0}
 #app .ps234-who small{white-space:normal}
 /* shirt lines become stacked cards: two fields per row, nothing hidden off-screen */
 #lineRows{overflow:visible!important}
 #lineRows .printshop-shirt-line{grid-template-columns:1fr 1fr!important;min-width:0!important;gap:8px 10px;padding:12px;background:#fff}
 #lineRows .printshop-shirt-line label{font-size:12px}
 #lineRows .printshop-shirt-line>label:first-child{grid-column:1/-1;display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;font-weight:700}
 #lineRows .printshop-shirt-line>label:first-child input[type=checkbox]{margin:0!important}
 #lineRows .printshop-shirt-line .ps-other-item,#lineRows .printshop-shirt-line .ps-other-materials{grid-column:1/-1}
 #lineRows .printshop-shirt-line>:last-child{grid-column:1/-1}
 #lineRows .printshop-shirt-line input:not([type=checkbox]),#lineRows .printshop-shirt-line select{min-height:40px;font-size:14px!important}
 html.bellife-dark #lineRows .printshop-shirt-line{background:#18221c}
 /* comfortable tap targets (about 40 px) */
 #app .btn,#app a.btn{min-height:40px}
 #app select,#app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]){min-height:40px}
 #app input[type=checkbox],#app input[type=radio]{width:22px!important;height:22px!important}
 #app .ps234-name{display:inline-block;padding:9px 0;min-height:40px}
 #app .ps245-chip{min-height:38px}
 #app .ps-sticker-list label{min-height:44px;display:flex;align-items:center;gap:10px}
 #app table td button,#app table td a{min-height:36px}
 #app .ps245-link,#app .ps230-link,#app .ps239-link,#app .ps231-link,#app .ps240-more,#app .ps234-edit-co{min-height:36px;padding:8px 4px}
}
@media (max-width:750px){
 #app button[aria-label^="Move "]{min-width:36px!important;min-height:36px!important;font-size:16px}
 #app .tv-day,#app .tv-link,#app .ps229-remove,#app .workflow-link,#app .ps236-link,#app .printshop-awaiting-sticker-check{min-height:36px;padding-top:8px;padding-bottom:8px}
}
@media (max-width:750px){
 #app .production-drag-controls{height:auto!important;gap:4px}
 #app .production-drag-controls button[aria-label^="Move "]{width:36px!important;height:34px!important;min-height:34px!important;min-width:36px!important;border-radius:10px}
}
@media (max-width:750px){
 #app .home-redesign .home-job-with-stages>.production-drag-controls,#app .home-redesign .production-drag-controls{top:8px!important;right:8px!important;left:auto!important;bottom:auto!important;transform:none!important;flex-direction:row!important;gap:6px!important}
 #app .home-redesign .production-drag-controls button[aria-label^="Move "]{background:#eef6f1!important;color:#17723a!important}
 html.bellife-dark #app .home-redesign .production-drag-controls button[aria-label^="Move "]{background:#1d3a26!important;color:#9fe0b3!important}
}

#app .ps246-more{display:block;margin:10px auto 4px}
#app .ps245-unclear{border-left-color:#a15c07}#app .ps245-one{grid-template-columns:minmax(0,1fr) auto}#app .ps245-one .ps245-acts{grid-column:auto}
#bottom .ps246-new .navicon{background:#1f9d4d;color:#fff;border-radius:999px;padding:2px 10px}

/* Consistent sizes: two button sizes across the app.
   Main actions (Save, Add, page/header buttons): 40 px, 14 px text.
   Row & list buttons (job rows, tables, chips, item lines, card heads): 34 px, 13 px text. Phones: 42 / 38 px. */
#app .btn{min-height:40px!important;padding:8px 16px!important;font-size:14px!important;line-height:1.2!important;border-radius:12px!important}
#app :is(table,.job-actions,.production-order-toolbar,.bellife-compact-orders,.ps245-today-head,.ps245-acts,.ps234-acts,.ps234-row-acts,.ps223-range-chips,.printshop-shirt-line,.ps244,.ps231-main,.ps231,.bellife-section-nav,.ps246-costs,.ps236-table,.ps241-req-acts,.ps241-sup,.ps240-acts,.ps238-acts,.ps239-tax-acts,.ps242-emb,.bellife-action-panel,.bellife-widget-controls,.widget-head,.quick-picks,.promo-actions,.ps241-stale) .btn,#app .btn.ps246-more,#app .ps239-del{min-height:34px!important;padding:6px 12px!important;font-size:13px!important;border-radius:10px!important}
#app .ps-editor-actions .btn,#app form>.actions .btn,#orderEditor>.actions .btn{min-height:40px!important;padding:8px 18px!important;font-size:14px!important}
#app .report-whatsapp,#app .tv~.card .report-whatsapp{font-size:14px!important;min-height:40px!important}
@media(max-width:750px){
 #app .btn{min-height:42px!important}
 #app :is(table,.job-actions,.production-order-toolbar,.bellife-compact-orders,.ps245-today-head,.ps245-acts,.ps234-acts,.ps234-row-acts,.ps223-range-chips,.printshop-shirt-line,.ps244,.ps231-main,.ps231,.bellife-section-nav,.ps246-costs,.ps236-table,.ps241-req-acts,.ps241-sup,.ps240-acts,.ps238-acts,.ps239-tax-acts,.ps242-emb,.bellife-action-panel,.bellife-widget-controls,.widget-head,.quick-picks,.promo-actions,.ps241-stale) .btn,#app .btn.ps246-more,#app .ps239-del{min-height:38px!important}
}
@media(max-width:750px){
 html #app .home-redesign .production-order-toolbar .btn,html #app .production-order-toolbar .btn{min-height:38px!important;font-size:13px!important}
 html #app #orderEditor>.actions .btn,html #app form>.actions .btn{min-height:42px!important}
}

/* Labels page: job picker cards (order number + RUSH on top, customer name below) */
#app .ps-sticker-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;gap:8px!important}
#app .ps-sticker-list>label{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:6px;min-height:56px!important;padding:8px 12px!important;border:1px solid #cfe2d5!important;border-radius:12px!important;background:#fff;cursor:pointer;transition:border-color .12s,background .12s}
#app .ps-sticker-list>label:hover{border-color:#89ce80!important}
#app .ps-sticker-list>label:has(input:checked){background:#eaf6ee;border-color:#1f9d4d!important;box-shadow:0 0 0 1px #1f9d4d inset}
#app .ps-sticker-list>label:has(input:disabled:not(:checked)){opacity:.55;cursor:not-allowed}
#app .ps-sticker-list>label>input[type=checkbox]{width:18px!important;height:18px!important;margin:0}
#app .ps-pick-text{display:flex;flex-direction:column;gap:2px;min-width:0}
#app .ps-pick-top{display:flex;align-items:center;gap:6px;min-width:0}
#app .ps-pick-top b{font-size:14px;white-space:nowrap;letter-spacing:.2px}
#app .ps-pick-rush{font-style:normal;font-size:11px;font-weight:800;color:#a15c07;background:#fff3dc;border-radius:999px;padding:1px 7px;white-space:nowrap}
#app .ps-sticker-list .ps-pick-name{display:block;font-size:13px!important;color:#55665b;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:none!important}
#app .ps-sticker-list>label>small,#app .ps-sticker-list>label>.btn{grid-column:1/-1}
#app .ps-sticker-list>label>small{color:#6b7b70;font-size:12px}
html.bellife-dark #app .ps-sticker-list>label{background:#18221c;border-color:#2c4033!important}
html.bellife-dark #app .ps-sticker-list>label:has(input:checked){background:#1d3a26}
html.bellife-dark #app .ps-sticker-list .ps-pick-name{color:#a9bdb0}
@media(max-width:520px){#app .ps-sticker-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}#app .ps-sticker-list>label{padding:8px 10px!important;column-gap:8px}}

/* Back button (top of every page except Home) */
#app>.ps247-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 10px;padding:7px 14px 7px 10px;min-height:36px;border:1px solid #cfe2d5;border-radius:999px;background:#fff;color:#17723a;font-weight:700;font-size:14px;cursor:pointer}
#app>.ps247-back:hover{background:#eef6f1;border-color:#89ce80}
html.bellife-dark #app>.ps247-back{background:#18221c;border-color:#2c4033;color:#9fe0b3}
@media(max-width:750px){#app>.ps247-back{min-height:40px;margin-bottom:8px}}

/* Label editor: template groups */
#app .ps248-grp{margin:14px 0 8px;font-size:14px;font-weight:800;color:#2b3a30}
#app .ps248-grp:first-of-type{margin-top:4px}
#app .ps248-grp small{font-weight:600;color:#6b7b70;margin-left:6px}
html.bellife-dark #app .ps248-grp{color:#d7e6dc}

/* Today chips: job list pop-up */
.ps249-modal{max-width:720px;width:min(720px,calc(100vw - 24px))}
.ps249-modal h3 small{font-weight:600;color:#6b7b70;font-size:13px;margin-left:6px}
.ps249-wrap{max-height:60vh;overflow:auto}
.ps249-table{width:100%;border-collapse:collapse;font-size:14px}
.ps249-table th{text-align:left;font-size:12px;color:#6b7b70;padding:6px 8px;border-bottom:1px solid #e3ece6}
.ps249-table td{padding:8px;border-bottom:1px solid #eef3ef;vertical-align:middle}
.ps249-table td:last-child{text-align:right}
.ps249-late{display:block;color:#c62828;font-weight:700;font-size:12px}
.ps249-rush{font-size:11px;font-weight:800;color:#a15c07;background:#fff3dc;border-radius:999px;padding:1px 6px;white-space:nowrap}
.ps249-foot{display:flex;justify-content:flex-end;margin-top:12px}
@media(max-width:600px){.ps249-table thead{display:none}.ps249-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid #eef3ef}.ps249-table td{border:0;padding:0 4px}.ps249-table td:last-child{grid-row:1/span 4;grid-column:2;align-self:center}}
html.bellife-dark .ps249-table td{border-color:#2c4033}

/* ===== V2.23 more updates ===== */
#ps250-update{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;max-width:min(640px,calc(100vw - 24px));padding:12px 14px 12px 18px;background:#17291d;color:#fff;border-radius:14px;box-shadow:0 8px 28px #0004;font-size:14px}
#ps250-update .btn{background:#89ce80!important;color:#17291d!important;white-space:nowrap}
@media(max-width:750px){#ps250-update{bottom:90px;flex-direction:column;align-items:stretch;text-align:center}}
.ps250-sbtn{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:8px 14px;border:1px solid #cfe2d5;border-radius:999px;background:#fff;color:#2b3a30;font-weight:700;font-size:14px;cursor:pointer;min-height:38px}
.ps250-sbtn:hover{border-color:#89ce80;background:#f3faf5}
@media(max-width:750px){.ps250-sbtn .ps250-slabel{display:none}.ps250-sbtn{padding:8px 11px;margin-left:6px}}
html.bellife-dark .ps250-sbtn{background:#18221c;border-color:#2c4033;color:#d7e6dc}
.ps250-search{max-width:640px;width:min(640px,calc(100vw - 24px));align-self:flex-start;margin-top:8vh}
.ps250-sbar{display:flex;gap:8px}.ps250-sbar input{flex:1;min-height:44px;font-size:16px;padding:8px 12px;border:1px solid #bcd6c1;border-radius:12px}
.ps250-res{max-height:60vh;overflow:auto;margin-top:10px;display:flex;flex-direction:column;gap:4px}
.ps250-item{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:none;cursor:pointer;width:100%;color:inherit}
.ps250-item:hover,.ps250-item.on{background:#eef6f1;border-color:#cfe2d5}
.ps250-item b{display:block;font-size:14px}.ps250-item small{display:block;color:#6b7b70;font-size:12px}
.ps250-kind{flex:none;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#17723a;background:#e3f2e7;border-radius:6px;padding:3px 6px;min-width:66px;text-align:center}
html.bellife-dark .ps250-item:hover,html.bellife-dark .ps250-item.on{background:#1d3a26;border-color:#2c4033}
.ps250-snaps{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.ps250-snap{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px solid #e3ece6;border-radius:12px}
.ps250-snap small{display:block;color:#6b7b70;font-size:12px}
.ps250-acts{display:flex;gap:6px;flex-wrap:wrap}
.ps250-month{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 16px;border:1px solid #cfe2d5;border-left:5px solid #1f9d4d;border-radius:14px;background:#fff}
.ps250-month small{display:block;color:#6b7b70;font-size:13px;margin-top:2px}
html.bellife-dark .ps250-month{background:#18221c;border-color:#2c4033}
.ps250-dep{display:flex;gap:10px;align-items:flex-start;margin:10px 0 14px;padding:10px 12px;border:1px solid #e3ece6;border-radius:12px;cursor:pointer}
.ps250-dep small{display:block;color:#6b7b70;font-size:12px}
.ps250-carn{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ps250-carn input{min-height:36px;max-width:170px}
.ps249-acts{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.ps249-move{display:flex;flex-direction:column;font-size:11px;color:#6b7b70;font-weight:700}.ps249-move input{min-height:34px;padding:3px 6px;font-size:13px}
@media(max-width:600px){.ps249-table tr{grid-template-columns:1fr!important}.ps249-table td:last-child{grid-row:auto!important;grid-column:1/-1!important;justify-content:flex-start!important;margin-top:6px}.ps249-wrap{overflow-x:hidden}}

/* Subscription build: new shop setup screen */
.ps-setup-ov{z-index:10001}
.ps-setup{max-width:640px;width:min(640px,calc(100vw - 24px));max-height:92vh;overflow:auto}
.ps-setup h2{margin:0 0 4px;font-size:22px}
.ps-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px}
.ps-setup-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:#3b4a40}
.ps-setup-grid label.wide{grid-column:1/-1}
.ps-setup-grid small{font-weight:500;color:#6b7b70;font-size:11.5px}
.ps-setup-grid input[type=color]{height:42px;padding:2px;width:100%}
.ps-setup-preview{display:flex;align-items:center;gap:12px;margin:16px 0 4px;padding:12px;border:1px dashed #cfe2d5;border-radius:14px}
.ps-setup-preview img{width:56px;height:56px;object-fit:contain}
.ps-setup-preview b{display:block;font-size:18px}.ps-setup-preview small{color:#6b7b70}
.ps-setup-err{color:#c62828;font-weight:700;min-height:1em;margin:6px 0}
.ps-setup-acts{display:flex;justify-content:flex-end}
@media(max-width:600px){.ps-setup-grid{grid-template-columns:1fr}}

/* Subscription build: trial / plan banner and sign-up */
.ps-trial{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:14px;font-size:14px;border:1px solid #cfe2d5;background:#f3faf5}
.ps-trial.soon,.ps-trial-pastdue{background:#fff7e6;border-color:#f3d39b}
.ps-trial-ended{background:#fdecec;border-color:#f3b4b4}
html.bellife-dark .ps-trial{background:#18221c;border-color:#2c4033}
.ps-signup label small{display:block;font-weight:500;margin-top:2px}

/* Subscription build: plans and Shop Accounts (admin) */
.ps-plans{max-width:720px;width:min(720px,calc(100vw - 24px))}
.ps-pl-now{margin:4px 0 12px;padding:8px 12px;border-radius:10px;background:#f3faf5}
.ps-pl-cycle{margin-bottom:12px}.ps-pl-cycle small{font-weight:600;color:#17723a;margin-left:4px}
.ps-pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ps-pl-card{border:1px solid #cfe2d5;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px}
.ps-pl-card.current{border-color:#1f9d4d;box-shadow:0 0 0 1px #1f9d4d inset}
.ps-pl-card h3{margin:0}.ps-pl-price{font-size:30px;font-weight:900}.ps-pl-price small{font-size:14px;font-weight:600;color:#6b7b70}
.ps-pl-card ul{margin:0;padding-left:18px;font-size:13.5px;color:#3b4a40;flex:1}
.ps-pl-how{margin-top:14px;padding:12px;border:1px dashed #cfe2d5;border-radius:12px}.ps-pl-how p{margin:6px 0}
.ps-pl-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ps-pl-hist{margin-top:12px}.ps-pl-hist table{width:100%;font-size:13px;border-collapse:collapse}.ps-pl-hist td{padding:5px;border-bottom:1px solid #eef3ef}
.ps-ad-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.ps-ad-tiles div{background:#fff;border:1px solid #e3ece6;border-radius:14px;padding:12px}.ps-ad-tiles b{display:block;font-size:22px}.ps-ad-tiles small{color:#6b7b70}
.ps-ad-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:12px 0;border-bottom:1px solid #eef3ef}
.ps-ad-main small{display:block;color:#6b7b70;font-size:12.5px;margin-top:2px}
.ps-ad-badge{align-self:start;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}
.ps-ad-badge.active{background:#e3f2e7;color:#17723a}.ps-ad-badge.trial{background:#e8f1fb;color:#1565c0}.ps-ad-badge.due{background:#fff3dc;color:#a15c07}.ps-ad-badge.ended{background:#fdecec;color:#c62828}
.ps-ad-acts{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
html.bellife-dark .ps-ad-tiles div,html.bellife-dark .ps-pl-now{background:#18221c;border-color:#2c4033}
.ps-pl-cycle{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#eef6f1}
.ps-pl-cycle button{border:0;background:none;padding:7px 14px;border-radius:999px;font-weight:700;cursor:pointer;color:#2b3a30}
.ps-pl-cycle button.on{background:#fff;box-shadow:0 1px 4px #0002;color:#17723a}
.ps-legal-note{font-size:12.5px;color:#6b7b70;margin:4px 0 10px;text-align:center}
.ps-legal-links{font-size:12.5px;text-align:center;margin:14px 0 0;color:#6b7b70}
.ps-legal-links a,.ps-legal-note a{color:#17723a}

/* Product logo on the sign-in / sign-up cards */
#authroot .authcard img.ps-auth-wordmark{width:min(260px,80%)!important;height:auto!important;max-height:none!important;object-fit:contain;display:block;margin:0 auto 6px;border-radius:0!important;background:none!important}
html.bellife-dark #authroot .authcard img.ps-auth-wordmark{background:#fff!important;border-radius:12px!important;padding:6px 10px}
.ps-pl-way{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #eef3ef}
.ps-pl-way:first-of-type{border-top:0}.ps-pl-way small{display:block;color:#6b7b70;font-size:12.5px;max-width:420px}
.ps-pl-now .btn{margin-left:8px;min-height:32px!important;padding:4px 12px!important;font-size:13px!important}

/* App top bar with the PrintShop Task Manager logo (shops without their own logo) */
#mainheader.ps-product-head #appBrandHeaderLogo{width:auto!important;height:100px!important;max-width:none!important;object-fit:contain!important;border-radius:0!important;background:none!important;box-shadow:none!important}
#mainheader.ps-product-head #appBrandHeaderLogo~div:not(.header-theme-control):not(.authbar){display:none!important}
html.bellife-dark #mainheader.ps-product-head #appBrandHeaderLogo{background:#fff!important;border-radius:12px!important;padding:4px 8px}
@media(max-width:750px){#mainheader.ps-product-head #appBrandHeaderLogo{height:60px!important}}

/* "Powered by" switch in Settings → Business details */
.ps-pb-switch{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;margin:8px 0;padding:10px 12px;border:1px solid #e3ece6;border-radius:12px}
.ps-pb-switch input{width:20px!important;height:20px!important;margin-top:2px}
.ps-pb-switch small{display:block;color:#6b7b70;font-weight:500}

/* Production Jobs header: title left, buttons right (was squeezed under the title) */
#app .widget-head.ps-prod-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px 16px;flex-wrap:wrap;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 14px!important;min-height:0!important}
#app .widget-head.ps-prod-head h3{margin:0!important;display:flex;align-items:center;gap:8px}
#app .ps-prod-head-acts{display:flex;gap:8px;flex-wrap:wrap}
#app .ps-prod-head-acts .btn{margin:0!important;white-space:nowrap}
@media(max-width:600px){#app .ps-prod-head-acts{width:100%}#app .ps-prod-head-acts .btn{flex:1 1 auto}}

/* Customer message channel */
#app .ps-msg-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
#app .ps-msg-opt{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #e3ece6;border-radius:12px;cursor:pointer}
#app .ps-msg-opt:has(input:checked){border-color:#1f9d4d;background:#eaf6ee}
#app .ps-msg-opt input{width:18px!important;height:18px!important;margin-top:2px}
#app .ps-msg-opt small{display:block;color:#6b7b70;font-weight:500;font-size:12px}
.ps-msg-preview{white-space:pre-wrap;font:13px/1.45 Arial,sans-serif;background:#f3f7f4;border-radius:10px;padding:10px;max-height:220px;overflow:auto;margin:0 0 12px}
.ps-msg-acts{display:flex;gap:8px;flex-wrap:wrap}
html.bellife-dark #app .ps-msg-opt:has(input:checked){background:#1d3a26}

/* Recently deleted & merged contacts */
#app .ps245-trow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #eef3ef}
#app .ps245-trow small{display:block;color:#6b7b70;font-size:12px}

/* Duplicate suggestions: clear "Not the same person" button */
#app .ps245-notsame{background:#fff!important;color:#a33!important;border:1px solid #f0c8c8!important}
#app .ps245-notsame:hover{background:#fdecec!important}
#app .ps245-dupfoot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #eef3ef}
#app .ps245-dupswitch{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:14px}
#app .ps245-dupswitch input{width:18px!important;height:18px!important}

/* Backup reminder on phones: text uses the full width, button below it */
@media(max-width:600px){
 #app .ps241-banner{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px 12px!important;align-items:start!important}
 #app .ps241-banner>div{min-width:0}
 #app .ps241-banner>.btn{grid-column:1/-1;grid-row:2;width:100%}
}

/* Test Shop: Pro-only tools on the Starter plan (plans-saas.js) */
.ps-pro-lock{display:flex;gap:18px;align-items:flex-start;max-width:640px;margin:40px auto;padding:28px;border-radius:18px;background:var(--card,#fff);border:1px solid #bfe3cb;box-shadow:0 18px 40px -24px rgba(22,101,52,.45)}
.ps-pro-lock.inline{margin:0;box-shadow:none}
.ps-pro-ico{font-size:34px;line-height:1}
.ps-pro-lock h3{margin:6px 0 8px;font-size:20px}
.ps-pro-lock p{margin:0 0 16px;color:var(--muted,#55665b);line-height:1.5}
.ps-pro-acts{display:flex;flex-wrap:wrap;gap:10px}
.ps-pro-tag,.ps-pro-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#16a34a;color:#fff!important;font-size:10.5px;font-weight:800;letter-spacing:.06em;vertical-align:middle}
.ps-pro-badge{margin-left:6px;font-size:9.5px;padding:1px 6px}
.ps224-tpl.ps-pro-locked{position:relative;opacity:.6}
.ps224-tpl.ps-pro-locked .ps-pro-badge{position:absolute;top:6px;right:6px;margin:0}
.ps-pro-pop{position:fixed;inset:0;z-index:10000;background:rgba(10,20,14,.5);display:grid;place-items:center;padding:16px}
.ps-pro-pop-box{position:relative;width:min(560px,100%);border-radius:18px;background:var(--card,#fff)}
.ps-pro-pop-box .ps-pro-lock{border:0}
.ps-pro-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:inherit;padding:4px 8px}
@media(max-width:600px){.ps-pro-lock{flex-direction:column;gap:10px;padding:22px;margin:20px 0}.ps-pro-acts .btn{flex:1}}

/* Home → Production Tracker on phones: button names are shown in full (they were cut to "Remove Duplica…" / "Awaiting Pickup …") */
@media(max-width:600px){
 html #app .home-redesign .production-order-toolbar{align-items:stretch!important}
 html #app .home-redesign .production-order-toolbar>.compact-select{align-self:center}
 html #app .home-redesign .production-order-toolbar>.btn{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;padding:7px 8px!important;font-size:12.5px!important;height:auto!important;min-height:40px!important;text-align:center}
}

/* App header on phones: menu, logo, shop name, search and light/dark on one line (the light/dark switch used to drop to a second line) */
@media(max-width:600px){
 html #mainheader{gap:6px!important;column-gap:6px!important}
 html #mainheader>div:has(#appBrandHeaderName){flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:none!important}
 html #mainheader #appBrandHeaderName{font-size:15px!important;line-height:1.15!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
 html #mainheader>div:has(#appBrandHeaderName) small{display:block;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}
 html #mainheader .ps250-sbtn,html #mainheader .header-theme-control{flex:none!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important}
 html #mainheader .ps250-sbtn{margin-left:auto!important}
 html #mainheader .header-theme-control{margin-left:0!important}
 html #mainheader #authbar{flex:1 1 100%}
}