:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#183333;background:#f4f6f7;font-synthesis:none;--green:#173a3a;--accent:#c94c21;--muted:#546766;--line:#dbe3e3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:white;color:var(--green);font-weight:650}button:hover{background:#edf3f2}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eea149;outline-offset:3px}button.primary{background:var(--green);color:white;border-color:var(--green)}button.accent{background:var(--accent);color:white;border-color:var(--accent)}button.small{padding:7px 12px;font-size:14px}button.link{border:0;background:none;text-decoration:underline;padding:5px}.shell{max-width:1160px;margin:auto;padding:0 28px 130px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:12px}.brand{font-weight:850;font-size:25px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brandmark{background:var(--green);border-radius:11px;padding:7px 11px;display:flex;align-items:center;flex-shrink:0}.brandlogo{display:block;width:112px;height:41px;object-fit:contain}.demo{background:#e9efef;color:#425d5a;padding:9px 14px;font-size:14px;border-radius:8px;margin-bottom:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.demo strong{color:#173a3a}.identity{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}select,input{border:1px solid #bbcaca;background:white;color:#183333;border-radius:9px;min-height:46px;padding:10px 13px;max-width:100%}label{display:block;font-size:14px;font-weight:650}label select,label input{display:block;margin-top:6px;width:100%}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.tabs button{padding:18px;text-align:left;font-size:18px;line-height:1.25;border-radius:12px}.tabs button.active{background:var(--green);color:white;border-color:var(--green)}.tabs small{display:block;font-size:13px;opacity:.75;font-weight:450;margin-top:5px}h1{font-size:30px;letter-spacing:-.8px;margin:0 0 6px}h2{font-size:21px;letter-spacing:-.3px;margin:0 0 14px}h3{font-size:17px;margin:0;line-height:1.4}p{line-height:1.5}.muted{color:var(--muted);font-size:14px}.subtitle{margin:0 0 23px;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.order-panel{position:sticky;top:16px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 14px}.sectionhead h2{margin:0}.search{width:100%;margin:8px 0 14px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:23px}.chips button{font-size:14px;padding:9px 12px}.chips .active{background:#dcebe7;border-color:#98bcb3}.products{display:grid;gap:10px}.product{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px}.product .price{font-size:18px;font-weight:750;white-space:nowrap}.product p{margin:5px 0;font-size:14px;color:var(--muted)}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:13px}.badge{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:13px;line-height:1.4;font-weight:650;background:#edf0f1;color:#506160}.badge.confirmed,.badge.packed,.badge.yes{background:#e0f1e8;color:#225c42}.badge.missing,.badge.no{background:#fbe6df;color:#943b21}.badge.pending,.badge.waiting{background:#fff0ce;color:#795718}.badge.handed{background:#e3eafa;color:#35548b}.orderline{padding:15px 0;border-bottom:1px solid var(--line)}.orderline:last-child{border-bottom:0}.linehead{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.linehead strong{font-size:15px}.orderline .badge{margin-bottom:7px}.empty{padding:24px 15px;text-align:center;border:1px dashed #bccaca;border-radius:12px;color:var(--muted)}.daybar{display:flex;gap:8px;overflow:auto;margin-bottom:22px;padding:3px 0 7px}.daybar button{flex:1;min-width:75px;text-align:center;font-size:14px}.daybar .active{background:var(--green);color:white}.daybar strong{display:block;font-size:20px}.notice{background:#fff0dc;border-left:3px solid #d28b25;padding:12px 15px;font-size:14px;border-radius:5px;margin:14px 0}.basket{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 32px));background:#173a3a;color:white;padding:14px 18px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;box-shadow:0 8px 25px #13302c30;z-index:5}.basket small{display:block;opacity:.8}.basket button{background:white}.basket div{line-height:1.5}dialog{border:0;border-radius:18px;max-width:540px;width:calc(100% - 28px);padding:24px;color:#183333;max-height:85vh}dialog::backdrop{background:#0b252980}dialog .close{float:right}dialog h2{padding-right:45px;margin-top:6px}.modalfoot{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}#toast{position:fixed;top:16px;left:50%;transform:translateX(-50%);background:#152f30;color:white;padding:14px 20px;border-radius:10px;max-width:90%;z-index:20;box-shadow:0 5px 20px #0002;display:none}.seller-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:22px 0}.metrics{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.metric{background:white;border:1px solid var(--line);padding:15px 20px;border-radius:12px;flex:1;min-width:110px}.metric strong{font-size:28px;display:block}.metric span{font-size:14px;color:var(--muted)}.customer-card{margin-bottom:14px}.customer-card .sectionhead{margin:0}.sellerline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.sellerline select{font-size:14px;width:170px}.askrow{border-top:1px solid var(--line);padding:14px 0}.quantity{display:flex;align-items:center;gap:12px}.quantity button{min-width:44px}.footnote{font-size:13px;color:var(--muted);margin-top:25px}.favorite{font-size:20px;padding:5px 11px}.favorite.on{color:#a94018}.loading{padding:40px}.row{display:flex;gap:10px;justify-content:space-between;align-items:center}.weeksummary{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 18px}.weeksummary span{background:#e9efef;padding:8px 10px;border-radius:8px;font-size:14px}.error{color:#a63324}.offline{background:#fff0dc;padding:12px;margin-bottom:15px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.shell{padding:0 16px 120px}header{padding:18px 0}.brand{font-size:23px}.layout{grid-template-columns:1fr}.order-panel{position:static;grid-row:1}.tabs{gap:6px;margin-bottom:23px}.tabs button{padding:14px 10px;font-size:16px}.tabs small{font-size:12px}h1{font-size:27px}.identity{gap:8px}.identity select{width:100%}.identity>div{width:100%}.panel{padding:17px}.seller-tools{grid-template-columns:1fr 1fr}.seller-tools label:last-child{grid-column:1/-1}.product{padding:16px}.demo{font-size:13px;margin-bottom:18px}.order-panel:has(.empty){display:none}.sellerline{grid-template-columns:1fr}.sellerline select{width:100%}.basket{bottom:10px}.metric{padding:12px}.metric strong{font-size:24px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s ease}}
.product-category{font-size:12px;font-weight:750;letter-spacing:.04em;color:#526763;margin-bottom:7px}.category-label{width:100%;margin-top:5px}.category-label select{font-size:14px}.product h3{font-weight:650}.footnote a{color:#173a3a}.chips{margin-bottom:18px}

/* Compact mobile layout; all actions retain a minimum 44 px touch target. */
.product>div:first-child,.linehead strong,.sellerline>div,.row>*,.sectionhead>*{min-width:0}
.product h3,.linehead strong,.sellerline h3,.badge{overflow-wrap:anywhere}
.linehead>span{flex-shrink:0;white-space:nowrap}
.badge{max-width:100%;vertical-align:middle}
.product .badge{margin-top:6px}
.quantity{flex-wrap:wrap}
dialog{overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:760px){
 .shell{padding:0 14px calc(112px + env(safe-area-inset-bottom,0px))}
 header{padding:12px 0;gap:8px}
 .brand{font-size:22px;gap:7px}
 header button{font-size:13px;padding:9px 10px}
 .demo{gap:3px 10px;padding:7px 10px;margin-bottom:12px;line-height:1.4}
 .identity{gap:5px;margin-bottom:12px}
 .identity label{font-size:12px;margin-bottom:4px}
 .identity select{font-size:15px;min-height:44px;padding:9px 10px}
 .identity>.muted{font-size:12px;line-height:1.4}
 .tabs{position:sticky;top:0;z-index:4;gap:5px;margin:0 -4px 14px;padding:6px 4px 8px;background:#f4f6f7;box-shadow:0 5px 7px -7px #18333360;grid-template-columns:repeat(3,minmax(0,1fr))}
 .tabs button{min-width:0;min-height:70px;padding:10px 8px;font-size:16px;line-height:1.2;text-align:center;border-radius:10px}
 .tabs small{font-size:11px;line-height:1.25;margin-top:5px}
 h1{font-size:25px;line-height:1.2;letter-spacing:-.5px}
 h2{font-size:19px}
 .subtitle{font-size:13px;margin-bottom:12px;line-height:1.45}
 .layout{gap:14px}
 .sectionhead{margin:12px 0 8px;gap:8px;align-items:center;flex-wrap:wrap}
 .sectionhead>.muted{font-size:12px;white-space:nowrap}
 .layout>section>.sectionhead:first-child{margin-top:0}
 .search{margin:4px 0 10px;min-height:44px;font-size:16px}
 .chips{gap:6px;margin-bottom:12px}
 .chips button{font-size:12px;padding:8px 9px;min-height:44px}
 .category-label{font-size:12px;margin-top:0}
 .category-label select{margin-top:4px;min-height:44px;padding:8px 10px}
 .products{gap:9px}
 .product{padding:13px;grid-template-columns:minmax(0,1fr);gap:0;border-radius:12px}
 .product>div:first-child{grid-area:1/1}
 .product .price{grid-area:1/1;justify-self:end;align-self:start;font-size:17px;line-height:1.4}
 .product-category{padding-right:90px;min-height:24px;margin-bottom:5px;font-size:11px;line-height:1.4;letter-spacing:.025em;overflow-wrap:anywhere}
 .product h3{font-size:16px;line-height:1.4}
 .actions{gap:6px;margin-top:10px}
 .actions button{min-height:44px}
 .product .actions .small{padding:8px 11px}
 .product .favorite{margin-left:auto;min-width:44px}
 .panel{padding:14px}
 .order-panel h2{margin-bottom:8px}
 .order-panel>p.muted{margin:6px 0;font-size:12px}
 .orderline{padding:12px 0}
 .linehead{gap:8px;flex-wrap:wrap}
 .linehead strong{font-size:14px;line-height:1.4;flex:1 1 175px}
 .linehead>span{font-size:14px}
 .daybar{margin-bottom:12px;scroll-snap-type:x proximity}
 .daybar button{scroll-snap-align:start;min-width:66px;padding:8px 10px}
 .basket{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);padding:10px 12px;gap:8px}
 .basket button{font-size:13px;padding:10px;flex-shrink:0}
 .basket strong{font-size:15px}
 .basket small{font-size:11px}
 dialog{padding:18px;max-height:calc(90dvh - env(safe-area-inset-bottom,0px))}
 dialog h2{font-size:20px}
 .modalfoot{gap:8px;margin-top:16px}
 .modalfoot button{flex:1 1 120px}
 .seller-tools{gap:9px;margin:14px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .seller-tools label{min-width:0;font-size:12px}
 .seller-tools select,.seller-tools input{font-size:14px;padding:9px 8px}
 .metrics{gap:7px;margin-bottom:16px}
 .metric{min-width:80px;padding:10px}
 .metric span{font-size:12px}
 .metric strong{font-size:23px}
 .customer-card .sectionhead p{margin:7px 0 0}
 .footnote{margin-top:18px;line-height:1.5;overflow-wrap:anywhere}
}
@media(max-width:360px){
 .shell{padding-left:10px;padding-right:10px}
 .tabs button{font-size:15px;padding-left:5px;padding-right:5px}
 .tabs small{font-size:10px}
 .product{padding:12px}
 .product .actions .small{font-size:13px;padding:8px 9px}
 .product-category{padding-right:84px}
 .basket{padding:10px;gap:6px}
 .basket button{font-size:12px;padding:9px}
}
@media(max-width:760px){.tabs small,.basket small,.product-category{font-size:12px}.chips button,.category-label,.seller-tools label,.identity label{font-size:14px}}

/* Guest contact, private seller panel and quick availability workflow. */
.form-stack{display:grid;gap:14px}.form-stack input{width:100%}.form-stack p{margin:2px 0}.quick-form{margin-bottom:20px}.quick-form h2{margin-bottom:12px}.quick-form .form-stack{grid-template-columns:minmax(0,1fr) 90px}.quick-form .form-stack label:first-child{grid-column:1/-1}.quick-form .form-stack button{grid-column:1/-1}.identity>div{flex:1;min-width:0}.identity p{margin:4px 0}.own-panel{position:sticky;top:16px}.own-panel>.empty{margin:14px 0}.customer-card a,.askrow a{color:var(--green)}.footnote a{overflow-wrap:anywhere}.quantity input{width:90px}.brand>span:last-child{letter-spacing:-.6px;line-height:1.15}
@media(max-width:760px){.brand{font-size:20px;min-width:0}.brand>span:last-child{max-width:160px}.own-panel{position:static}.layout>.own-panel{grid-row:2}.identity>div{width:auto}.identity button{width:auto}.seller-tools{grid-template-columns:minmax(0,1fr)}.seller-tools label:last-child{grid-column:auto}.seller-tools input{font-size:16px}.form-stack input{font-size:16px}.customer-card h2,.customer-card p,.askrow h3{overflow-wrap:anywhere}}

/* Oficjalne logo Ślimaka i nazwa wybrana przez użytkownika. */
@media(max-width:760px){.brand{flex-direction:column;align-items:flex-start;gap:5px;font-size:18px}.brandmark{padding:5px 8px;border-radius:8px}.brandlogo{width:96px;height:35px}.brand>span:last-child{max-width:none}}

/* Decyzje sprzedawcy i priorytetowe zamienniki. */
.seller-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.seller-navigation button{min-height:52px}.seller-navigation .active{background:var(--green);color:white;border-color:var(--green)}
.archive-note{padding:12px 15px;background:#e9efef;border-radius:9px;color:var(--muted);font-size:14px}.inquiry-panel,.priority-panel{margin-bottom:16px}.priority-panel{border:2px solid #ce983a;background:#fffaf0}.priority-panel>h2{color:#77500c}.priority-panel>p{margin:0 0 12px}.priority-order{padding:15px 0;border-top:1px solid #eadbc0}.priority-order>.sellerline{border-top:0;margin-top:8px;padding-top:0}
.seller-decisions{display:flex;gap:8px;align-self:center;flex-wrap:wrap}.seller-decisions .decision{display:flex;justify-content:center;align-items:center;gap:9px;min-height:56px;min-width:126px;padding:10px 16px;font-size:17px;border-width:2px}.decision>span{font-size:26px;line-height:1}.decision.hold{border-color:#a2cdb5;color:#225c42}.decision.missing{border-color:#e5b8a9;color:#943b21}.decision.hold.selected{background:#e0f1e8}.decision.missing.selected{background:#fbe6df}.seller-decisions .decision:disabled{opacity:1;cursor:default}.askrow .seller-decisions{margin-top:12px}.priority-tag{display:inline-flex;background:#fff0ce;color:#795718;font-size:12px;font-weight:700;padding:5px 8px;border-radius:6px;margin:0 0 7px 6px;overflow-wrap:anywhere}.replacement-prompt{background:#fff2e8;border-radius:10px;padding:12px;margin:6px 0 10px}.replacement-prompt p{font-size:14px;margin:0 0 10px}.replacement-prompt p:last-child{margin-bottom:0}.replacement-button{min-height:52px;width:100%;border-color:#d1a38f;color:#853617}.sellerline>div:first-child{min-width:0}
@media(max-width:760px){.seller-navigation{display:grid;grid-template-columns:1fr 1fr;gap:7px}.seller-navigation button{font-size:14px;padding:10px 8px;min-width:0}.seller-decisions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:9px}.seller-decisions .decision{min-width:0;min-height:58px;padding:10px 8px;font-size:18px}.decision>span{font-size:28px}.sellerline{gap:10px}.priority-tag{margin-top:5px}.archive-note{font-size:14px}.seller-tools select{min-height:52px;font-size:16px}.priority-panel{padding:13px}.priority-panel h2{font-size:19px;line-height:1.35}.inquiry-panel h2{line-height:1.35}.replacement-prompt{padding:10px}}


/* Menu jako pierwsze; zgłoszenia poniżej i przez przycisk przy tytule. */
.client-layout{grid-template-columns:minmax(0,1fr)}
.client-layout>.own-panel{position:static;grid-row:2;grid-column:1}
.client-layout>.menu-panel{grid-row:1;grid-column:1;min-width:0}
.response-help{font-size:14px;color:var(--muted)}
.client-responses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 20px}
.response-alert{border:1px solid #d1a38f;background:#fff2e8;padding:14px;border-radius:12px;margin:16px 0}
.response-alert>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.response-alert button{min-height:48px;background:#fff}
.replacement-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.replacement-filters label{display:grid;gap:5px;font-size:14px;min-width:0}
.replacement-filters input,.replacement-filters select{width:100%;min-width:0}
.replacement-results{max-height:38dvh;overflow:auto;overscroll-behavior:contain;margin-top:12px;padding:2px}
.replacement-group{font-size:14px;margin:14px 0 8px;color:#506160}
.replacement-choice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:12px 10px;margin-bottom:8px;cursor:pointer;min-height:64px}
.replacement-choice.selected{border-color:#24654e;background:#edf6f0;outline:1px solid #24654e}
.replacement-choice:focus-within{outline:2px solid #24654e}
.replacement-choice input{width:20px;height:20px;min-height:20px;flex:0 0 20px;accent-color:#24654e}
.replacement-choice>span:first-of-type{flex:1;min-width:0}
.replacement-choice strong{display:block;font-size:15px;overflow-wrap:anywhere}
.replacement-choice small{display:block;font-size:12px;color:#526460;margin-top:4px;line-height:1.4}
.replacement-price{font-weight:750;flex:0 0 auto;font-size:14px}
.replacement-submit{background:#fff;padding-top:8px}
.replacement-submit p{font-size:14px;line-height:1.4;margin:7px 0 12px}
.replacement-submit button{width:100%;min-height:52px}
.replacement-explanation{font-size:14px}
@media(max-width:760px){.layout.client-layout>.own-panel{grid-row:2}.replacement-filters{grid-template-columns:1fr}.replacement-results{max-height:32dvh}.replacement-choice{padding:10px 8px}.client-responses{grid-template-columns:1fr}}

/* Stałe nagłówki i przycisk; przewijana jest wyłącznie lista wyboru. */
dialog.replacement-dialog[open]{display:flex;flex-direction:column;overflow:hidden;height:min(760px,90dvh)}
.replacement-dialog> :not(.replacement-results){flex-shrink:0}
.replacement-dialog .close{position:absolute;right:18px;top:18px}
.replacement-dialog .replacement-results{flex:1 1 250px;min-height:70px;max-height:none}
@media(max-width:760px){.replacement-dialog .replacement-explanation{font-size:13px;line-height:1.4}.replacement-dialog .replacement-filters{gap:8px}.replacement-dialog .replacement-price{font-size:13px}}

/* Morning reservations and the packing snapshot. */
.morning-panel{min-width:0}.morning-panel .products{margin-top:1rem}.morning-panel>label{display:block;margin:12px 0}.morning-panel select{width:100%}.morning-state{padding:12px 14px;background:#edf4ed;border-radius:12px}.badge.reserved{color:#174b43;background:#d9efe8}.packing-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #e4e9e6}.packing-row span{overflow-wrap:anywhere}.packing-row strong{white-space:nowrap}.packing-summary details{margin-top:18px}.packing-summary summary{cursor:pointer;min-height:44px;font-weight:700}.packing-grid{max-height:420px;overflow:auto}

.menu-preview-day{margin:12px 0}.menu-preview-day summary{min-height:44px;padding:12px;cursor:pointer;font-weight:700}.menu-preview-lines{max-height:440px;overflow:auto}.menu-confirm{display:flex;align-items:center;gap:10px;margin:18px 0}.menu-confirm input{width:24px;min-width:24px;height:24px}

.install-help{max-width:1104px;margin:0 auto 110px;padding:18px 24px;border:1px solid #bbcaca;border-radius:12px;background:white}.install-help p{font-size:14px;margin:8px 0}.install-help button[hidden]{display:none}

.pickup-caption{padding:.6rem .8rem;background:#eef5f1;border-radius:8px}
[data-point-manager] a,.qr-link{overflow-wrap:anywhere}
[data-point-manager] input[type=checkbox]{width:auto;min-height:auto;margin-right:.5rem}
.pickup-qr{display:flex;justify-content:center;background:white;padding:1rem}
.pickup-qr svg{width:min(100%,320px);height:auto}
.pickup-choice{margin:.8rem 0}


/* Wejście klienta: dzień, wyszukiwanie, dania; dane odbioru przy wysyłaniu. */
.client-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 6px}
.client-menu-heading h1{margin:0}
.client-tools{display:flex;gap:8px;flex-wrap:wrap}
.menu-intro{margin:6px 0 16px;font-size:15px;line-height:1.5}
.client-layout .menu-panel>.sectionhead:first-child{margin-top:0}
.menu-panel>.quick-form{margin-top:24px;margin-bottom:0}
@media(max-width:760px){.client-menu-heading{margin-top:6px}.client-menu-heading h1{font-size:26px}.client-tools{gap:6px}.client-tools button{font-size:13px;padding:8px 10px}.menu-intro{font-size:14px}.daybar{margin-bottom:12px}}
.pickup-selected{padding:14px;border:1px solid #dfd6c3;border-radius:12px;background:#faf7ee}.pickup-selected p{margin:8px 0 0}.client-company{font-size:.85rem;color:#555;max-width:100%;overflow-wrap:anywhere}.pickup-assignment{padding:16px 0;border-top:1px solid #dedede}.pickup-assignment:first-of-type{margin-top:12px}.pickup-assignment h3,.pickup-assignment p{margin:0}.pickup-assignment select{width:100%}.pickup-assignments{border:2px solid #c99524}@media(max-width:600px){.client-tools .client-company{flex-basis:100%;}.pickup-assignment .primary{width:100%;}}

/* Uproszczone odpowiedzi i podział zamówienia producenta. */
.timing-panel{margin:18px 0;padding:18px;border:1px solid #d4ddd8;border-radius:14px;background:#f4f8f5}.timing-panel p{margin:0 0 12px}.timing-panel p:last-child{margin:12px 0 0}.timing-tabs{display:flex;gap:8px;flex-wrap:wrap}.timing-tabs button{flex:1;min-width:150px;text-align:left;min-height:68px}.timing-tabs strong,.timing-tabs small{display:block}.timing-tabs small{margin-top:5px;font-size:12px}.timing-tabs .active{background:#173a3a;color:white;border-color:#173a3a}.timing-badge{display:inline-block;padding:5px 8px;border-radius:6px;background:#eaf1ed;color:#28533f;font-size:12px;margin:5px}.timing-badge.after{background:#fff0d5;color:#735008}.timing-badge.unknown{background:#eee;color:#555}.timing-summary-row{align-items:center}.timing-summary-row>div:first-child{min-width:0;flex:1}.timing-summary-row strong{white-space:normal}.timing-quantities{display:flex;gap:20px;flex-wrap:wrap}.timing-quantity{min-width:125px}.timing-quantity small,.timing-quantity strong{display:block}.timing-quantity small{font-size:12px;color:#53645d}.timing-quantity strong{font-size:20px;margin:4px 0}.batch-toolbar{border:2px solid #5e8b72}.batch-toolbar h2{margin-top:0}.batch-choice{display:flex;align-items:center;gap:9px;font-size:13px;min-height:44px;cursor:pointer}.batch-choice input{width:22px;height:22px;min-height:22px;accent-color:#24654e}.batch-toolbar .actions{flex-wrap:wrap}.batch-preview{max-height:35vh;overflow:auto;padding-left:22px}.batch-preview li{margin:9px 0}.batch-preview small{display:block;color:#53645d}.product-shortage{border:1px solid #d8ae95}.product-shortage label{display:grid;gap:8px}.product-shortage select{max-width:100%;width:100%}.batch-toolbar [data-batch-count]{font-weight:700}.batch-toolbar button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:640px){.timing-summary-row{display:block}.timing-quantities{margin-top:10px;gap:12px}.timing-quantity{min-width:110px;flex:1}.timing-tabs button{min-width:calc(50% - 8px)}.timing-tabs button[data-timing=all]{flex-basis:100%;min-height:44px}.batch-toolbar .actions>button{flex:1 1 100%}.timing-panel{padding:12px}.sellerline{min-width:0}.batch-choice span{overflow-wrap:anywhere}}

.tozjem-wordmark{font-family:"Arial Black",Arial,sans-serif;font-size:22px;font-weight:900;line-height:.92;letter-spacing:-1px;color:#172c28}.delivery-estimate{background:#edf5f0;border-left:3px solid #17564a;padding:10px 12px;font-size:14px}.form-stack fieldset{border:1px solid #d7e2dc;border-radius:8px;padding:12px}.form-stack fieldset label{display:block;margin:8px 0}
/* Katalog klienta: prosty wybór dnia, wyszukiwarka i główne kategorie. */
.catalog-navigation{position:sticky;top:0;z-index:15;background:#f7f8f5;padding:10px 0;border-bottom:1px solid #d7ded8;margin:12px 0 20px}.catalog-tabs{margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr 1.35fr}.catalog-tabs button{min-height:58px}.catalog-tabs button small{font-size:12px}.catalog-search{display:flex;align-items:center;gap:10px;background:white;border:1px solid #b9c7bf;border-radius:8px;padding:0 12px}.catalog-search svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.catalog-search input{border:0;background:transparent;margin:0;min-width:0;min-height:48px;width:100%;padding:10px 0;outline-offset:2px}.search-scope{display:flex;gap:6px;margin-top:8px}.search-scope button{flex:1;font-size:13px;min-height:40px;padding:7px 10px}.search-scope .active,.catalog-tools .active{background:#173a3a;color:white;border-color:#173a3a}.catalog-main{min-width:0}.catalog-main .sectionhead{align-items:flex-start;gap:12px}.catalog-main h1{font-size:25px;margin:0}.catalog-date{font-size:12px;display:grid;gap:4px;max-width:230px}.catalog-date select{max-width:100%;width:100%;min-height:44px}.catalog-range{font-weight:600;color:#365449;margin:10px 0}.catalog-tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.catalog-tools button{min-height:44px}.catalog-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.catalog-groups button{text-align:left;min-height:100px;padding:18px;background:white;border:1px solid #ccd8cf}.catalog-groups strong{display:block;font-size:19px}.catalog-groups span{display:block;font-size:13px;color:#66766c;margin-top:10px}.catalog-subcategory{display:grid;gap:5px;margin-bottom:16px;font-size:13px}.catalog-subcategory select{min-height:46px}.catalog-offer{gap:15px}.catalog-offer>div:first-child{min-width:0;flex:1}.catalog-offer h3{overflow-wrap:anywhere}.offer-days{display:flex;gap:7px;flex-wrap:wrap}.offer-days button{min-height:44px;text-align:left;white-space:normal}.catalog-highlight{outline:3px solid #216a50;outline-offset:2px;scroll-margin-top:220px}.today-own{margin:14px 0}.today-own h2{font-size:19px}.today-own .empty{padding:10px}.client-tools{align-items:center;gap:10px;flex-wrap:wrap}.client-company{flex:1;min-width:180px}.other-offers{margin-top:22px}.other-offers .product{margin:10px 0}.quick-form summary{line-height:1.5;cursor:pointer;min-height:44px}.quick-form{margin-top:22px}.catalog-timing{font-size:13px;line-height:1.5}.catalog-main .price{white-space:normal;min-width:85px}.other-own{margin-top:20px}
@media(max-width:640px){.catalog-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-groups button{padding:14px;min-height:91px}.catalog-groups strong{font-size:17px}.catalog-main .sectionhead{display:block}.catalog-date{margin-top:12px;max-width:none}.catalog-navigation{padding:8px 0;margin:8px 0 16px}.catalog-tabs{gap:5px}.catalog-tabs button{padding:7px 5px;font-size:14px}.catalog-tabs small{line-height:1.4}.catalog-offer{display:block}.catalog-offer .price{margin-top:12px}.today-own{padding:14px}.today-own .delivery-estimate{font-size:13px}.client-tools{padding-top:8px}.catalog-range{font-size:14px}}
.packing-navigation{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.packing-navigation button{min-height:46px}.packing-navigation .active{background:#25251f;color:#fff}.packing-date{display:block;max-width:360px;margin-bottom:16px}.packing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.packing-overview>div{display:flex;flex-direction:column;gap:6px}.packing-overview strong{font-size:32px}.packing-overview span{font-size:14px;color:#555}.packing-products{display:grid;gap:12px}.packing-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:0}.packing-product h2{font-size:20px;margin:5px 0}.packing-product p{margin:5px 0}.packing-quantity{text-align:right;display:flex;flex-direction:column;justify-content:center;gap:4px}.packing-quantity strong{font-size:38px;line-height:1.1}.packing-quantity span{font-size:13px}.packing-row-status{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;font-size:14px;padding-top:12px;border-top:1px solid #e7e5df}.packing-warning{color:#9c3028}.packing-stop-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;background:#eee;margin-right:6px}.packing-stop-time{display:block;font-size:16px;margin-top:10px}.packing-route-client{border-top:1px solid #ddd;padding-top:12px;margin-top:16px}.packing-route-client h3{margin:0}.packing-route-line{padding:10px 0;display:flex;flex-direction:column;gap:5px}.packing-route-line small{color:#785b18}@media(max-width:600px){.packing-navigation{display:grid;grid-template-columns:1fr 1fr}.packing-navigation button:last-child{grid-column:1/-1}.packing-overview{gap:12px}.packing-overview strong{font-size:28px}.packing-overview span{font-size:12px}.packing-product{padding:16px}.packing-quantity strong{font-size:32px}}

.seasonal-note{display:inline-block;margin-left:.55rem;color:#8a4b13;font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none}

/* Main brand and current route contact. No customer data. */
.brand.brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.brand-stack .tozjem-wordmark{font-size:30px;line-height:1.08;letter-spacing:-1.4px}.brand-stack .route-identity{font-family:inherit;font-size:13px;font-weight:650;line-height:1.4;letter-spacing:0;color:var(--muted,#52645c)}.brand-stack .route-phone{font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;letter-spacing:.2px;color:var(--green,#17564a);text-decoration:none;padding:2px 0}.brand-stack .route-phone:hover{text-decoration:underline}.brand-stack .route-phone:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}@media(max-width:760px){.brand-stack .tozjem-wordmark{font-size:27px}.brand-stack .route-identity{font-size:12px}}
/* Compact seller checklist: quantity and touch actions stay at the right edge. */
.packing-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:12px 0}.packing-navigation button{font-size:13px;padding:8px 3px;min-height:44px}.packing-navigation button:last-child{grid-column:auto}.packing-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0}.packing-heading h1{font-size:25px;margin:0}.packing-heading .packing-date{margin:0;max-width:245px;font-size:12px}.packing-date select{width:100%;min-height:44px}.packing-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;border-block:1px solid #d8dfd9}.packing-overview>div{gap:2px}.packing-overview strong{font-size:25px}.packing-overview span{font-size:12px}.packing-note{font-size:13px;color:#52645c;line-height:1.4;margin:10px 0}.packing-products{display:block}.packing-category{font-size:14px;margin:18px 0 0;padding:8px 0;background:#f7f8f5;border-bottom:1px solid #d8dfd9}.packing-product{display:grid;grid-template-columns:minmax(0,1fr) 35px 108px;align-items:center;gap:10px;margin:0;padding:11px 0;border-bottom:1px solid #d8dfd9;border-radius:0;background:transparent}.packing-product-name{min-width:0}.packing-product h3{font-size:15px;line-height:1.3;margin:0;overflow-wrap:anywhere}.packing-row-status{display:flex;flex-wrap:wrap;gap:3px 8px;font-size:11px;line-height:1.35;padding:4px 0 0;border:0}.packing-quantity{align-items:flex-end;gap:1px}.packing-quantity strong{font-size:24px}.packing-quantity span{font-size:11px}.packing-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;justify-self:end;width:108px}.packing-actions button{min-height:44px;padding:6px 4px;font-size:13px;border:1px solid #b3c1b7}.packing-actions .selected-have{background:#17564a;color:white;border-color:#17564a}.packing-actions .selected-missing{background:#91372d;color:white;border-color:#91372d}.packing-actions .packing-text-button{grid-column:auto;min-height:44px;background:transparent;border:0;padding:3px 0;text-align:right;text-decoration:underline;font-size:12px}.packing-footer{display:flex;justify-content:flex-end;gap:8px;padding:18px 0}.packing-footer button{min-height:48px}.packing-footer .primary{max-width:330px}.packing-review-list{margin:12px 0}.packing-review-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #d8dfd9;padding:12px 0;font-size:14px}.packing-review-row>strong{min-width:0;overflow-wrap:anywhere}.packing-review-row>span{text-align:right;flex-shrink:0;max-width:50%;font-size:13px}.packing-missing-consent{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;background:#fff1da;padding:14px;border-radius:8px;margin:16px 0;cursor:pointer}.packing-missing-consent input{width:24px;height:24px;min-width:24px;min-height:24px;margin:0}.packing-stop{padding:16px}.packing-stop h2{font-size:19px;margin:0}.packing-stop-time{display:inline;font-size:15px;margin:0 0 0 8px}.packing-stop>p{font-size:13px;margin:8px 0}.packing-route-client{margin-top:10px;padding-top:10px}.packing-route-client>a{font-size:13px}.packing-route-line{padding:6px 0}.packing-review [hidden]{display:none}
@media(max-width:600px){.packing-heading{align-items:flex-start;flex-direction:column;gap:8px}.packing-heading .packing-date{max-width:none;width:100%;display:flex;align-items:center;gap:10px}.packing-product{grid-template-columns:minmax(0,1fr) 29px 104px;gap:7px;padding:10px 0}.packing-actions{width:104px}.packing-product h3{font-size:14px}.packing-quantity strong{font-size:23px}.packing-overview strong{font-size:24px}.packing-footer .primary{flex:1}.packing-review-row{font-size:13px}.packing-stop{padding:13px}}

.packing-more{grid-column:1/-1;min-width:0}.packing-more summary{display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:4px 0;font-size:12px;font-weight:650;cursor:pointer;text-decoration:underline;list-style:none}.packing-more summary::-webkit-details-marker{display:none}.packing-more summary::after{content:'⌄';margin-left:6px;text-decoration:none}.packing-more[open] summary::after{content:'⌃'}.packing-more>div{display:grid;gap:4px}.packing-more .packing-text-button{width:100%;min-height:44px;text-align:right}.packing-more summary:focus-visible{outline:3px solid #eea149;outline-offset:2px;border-radius:4px}
.packing-actions{row-gap:0}
.menu-rules{background:#fff7ec;border-left:3px solid #d28b25;border-radius:5px;padding:10px 14px;margin:14px 0;font-size:14px;line-height:1.5}.menu-rules ul{list-style:none;margin:0;padding:0}.menu-rules li{margin:3px 0}.menu-rules-closed{font-weight:650;margin:0 0 6px}.menu-rules-more{margin-top:6px;font-size:13px}.menu-rules-more summary{display:inline-flex;align-items:center;min-height:36px;cursor:pointer;color:#17564a;font-weight:650;text-decoration:underline}.menu-rules-more p{margin:6px 0}
.route-start{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:10px 0}.route-start label{display:grid;gap:4px}.route-next{background:#edf5f0;border-left:3px solid #17564a;padding:8px 12px}.route-plan summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650}.route-plan-list{list-style:none;margin:6px 0;padding:0}.route-plan-list li{padding:7px 0;border-bottom:1px solid #e3ebe6;font-size:14px}.point-number{display:inline-block;min-width:2.2em;color:#17564a}
/* R13 Zbierz: nazwa i liczba tą samą czcionką; Brak i Mam około 96x60 px, odstęp 12 px, Mam po prawej, akcje w drugiej linii. */
.packing-product{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px}.packing-product h3,.packing-quantity,.packing-quantity strong,.packing-quantity span{font-family:inherit;font-size:17px;font-weight:800;line-height:1.3;color:inherit}.packing-quantity{flex-direction:row;align-items:baseline;justify-content:flex-end;gap:4px;white-space:nowrap;text-align:right}.packing-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;width:auto;justify-self:stretch}.packing-actions button{flex:0 0 auto;min-width:96px;min-height:60px;padding:8px 16px;font-size:16px;font-weight:750}.packing-secondary{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:0 16px;min-width:0}.packing-secondary .packing-more{flex:0 1 auto;grid-column:auto}.packing-secondary .packing-more[open]{flex-basis:100%}.packing-secondary .packing-text-button{min-height:44px;background:transparent;border:0;padding:4px 0;text-decoration:underline;font-size:13px}.packing-partial{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px;padding:6px 0 10px;font-size:15px;font-weight:650}.packing-partial input{width:92px;min-height:48px;margin:0;font-size:18px;font-weight:800;text-align:center}.packing-partial button{min-height:48px;min-width:96px}.packing-partial small{flex-basis:100%;text-align:right;font-size:12px;font-weight:500;color:#52645c}.packing-partial-error{flex-basis:100%;margin:0;text-align:right;color:#9c3028;font-size:13px}.packing-partial [hidden]{display:none}.packing-product.is-partial{box-shadow:inset 3px 0 0 #b07b1a}.packing-review-partials{list-style:none;margin:0;padding:0 0 8px;font-size:13px;border-bottom:1px solid #d8dfd9}.packing-review-partials li{padding:3px 0}
.packing-stop-place{font-size:13px;margin:6px 0}.packing-stop-dishes{list-style:none;margin:8px 0;padding:0;display:grid;gap:4px}.packing-stop-dishes li{font-size:16px}.packing-stop-dishes .packing-stop-pending{font-size:13px;color:#785b18}.packing-stop-clients summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650;font-size:14px}.route-time-state{margin:6px 0}.route-time-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:650;font-size:14px}
@media(max-width:600px){.packing-product{grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px 0}.packing-actions{width:auto}.packing-product h3,.packing-quantity strong,.packing-quantity span{font-size:17px}}
.split-note{font-weight:650;margin:4px 0;font-size:14px}

/* R15 motyw: ciemna leśna zieleń, jeden ciepły akcent. Warstwa nadpisań; usunięcie bloku przywraca stary wygląd. */
:root{color-scheme:dark;--bg:#0f2620;--card:#163329;--raise:#1d3f34;--input:#0c211b;--line:#2c5647;--text:#eef2e8;--muted:#a9bfb2;--gold:#e2bb6a;--gold-ink:#14271f;--sage:#9fd3b1;--sage-bg:#1f4a39;--terra:#f0a58f;--terra-bg:#4a2a22;--amber:#f0cd86;--amber-bg:#43381d;--green:#e2bb6a;--accent:#e2bb6a;color:var(--text);background:var(--bg)}
body{background:var(--bg);color:var(--text)}
a{color:var(--gold)}
button{background:var(--raise);color:var(--text);border-color:var(--line)}
button:hover{background:#24493d}
button:focus-visible,input:focus-visible,select:focus-visible,.packing-more summary:focus-visible{outline-color:var(--gold)}
button.primary,button.accent{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
button.primary:hover,button.accent:hover{background:#ecc97d}
button.link{color:var(--gold);background:none}
select,input,textarea{background:var(--input);color:var(--text);border-color:#3a6656}
input::placeholder,textarea::placeholder{color:#7f988b}
.brandmark{background:#0b1f19;border:1px solid var(--line)}
.tozjem-wordmark{color:var(--text)}
.brand-stack .route-identity{color:var(--muted)}.brand-stack .route-phone{color:var(--gold)}
.demo{background:var(--card);color:var(--muted);border:1px solid var(--line)}.demo strong{color:var(--gold)}
.panel,.product,.metric,.install-help,.catalog-search,.catalog-groups button,.replacement-choice,.response-alert button,.replacement-submit,.basket button,.pickup-qr{background:var(--card);color:var(--text);border-color:var(--line)}
.catalog-groups span,.catalog-range,.product p,.product-category,.client-company,.packing-overview span,.packing-note,.packing-partial small,.replacement-group,.replacement-choice small,.timing-quantity small,.batch-preview small,.response-help{color:var(--muted)}
.tabs,.catalog-naviga,.catalog-navigation{background:var(--bg);box-shadow:none;border-color:var(--line)}
.tabs button.active,.daybar .active,.seller-navigation .active,.timing-tabs .active,.search-scope .active,.catalog-tools .active,.packing-navigation .active{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.chips .active{background:var(--sage-bg);border-color:var(--sage);color:var(--text)}
.badge{background:var(--raise);color:var(--muted)}
.badge.confirmed,.badge.packed,.badge.yes,.badge.reserved{background:var(--sage-bg);color:var(--sage)}
.badge.missing,.badge.no{background:var(--terra-bg);color:var(--terra)}
.badge.pending,.badge.waiting,.priority-tag,.timing-badge.after{background:var(--amber-bg);color:var(--amber)}
.badge.handed{background:#24364d;color:#b9cdf0}
.timing-badge{background:var(--sage-bg);color:var(--sage)}.timing-badge.unknown{background:var(--raise);color:var(--muted)}
.orderline,.sellerline,.askrow,.packing-row,.packing-row-status,.packing-route-client,.packing-product,.packing-review-row,.packing-review-partials,.route-plan-list li,.priority-order,.pickup-assignment{border-color:var(--line)}
.packing-overview,.packing-category{border-color:var(--line)}.packing-category{background:var(--raise)}
.empty{border-color:var(--line);color:var(--muted)}
.notice,.offline,.menu-rules,.packing-missing-consent{background:var(--amber-bg);border-left-color:var(--gold);color:var(--text)}
.delivery-estimate,.route-next,.morning-state,.pickup-caption{background:var(--sage-bg);border-left-color:var(--sage);color:var(--text)}
.menu-rules-more summary{color:var(--gold)}
.basket{background:#0b1f19;color:var(--text);border:1px solid var(--gold);box-shadow:0 8px 25px #0006}
.basket button{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
dialog{background:var(--card);color:var(--text);border:1px solid var(--line)}
dialog::backdrop{background:#030d0acc}
#toast{background:#0b1f19;color:var(--text);border:1px solid var(--gold);box-shadow:0 5px 20px #0008}
.weeksummary span,.archive-note{background:var(--raise);color:var(--muted)}
.favorite.on{color:var(--gold)}
.error,.packing-warning,.packing-partial-error{color:var(--terra)}
.footnote,.muted,.subtitle{color:var(--muted)}.footnote a,.customer-card a,.askrow a{color:var(--gold)}
.priority-panel{background:#1e3a2c;border-color:var(--gold)}.priority-panel>h2{color:var(--gold)}
.decision.hold{border-color:var(--sage);color:var(--sage)}.decision.missing{border-color:var(--terra);color:var(--terra)}
.decision.hold.selected{background:var(--sage-bg)}.decision.missing.selected{background:var(--terra-bg)}
.replacement-prompt,.response-alert{background:var(--terra-bg);border-color:#7a4436;color:var(--text)}
.replacement-button{border-color:var(--terra);color:var(--terra);background:transparent}
.replacement-choice.selected{background:var(--sage-bg);border-color:var(--sage);outline-color:var(--sage)}
.replacement-choice:focus-within{outline-color:var(--sage)}
.replacement-choice input,.batch-choice input{accent-color:var(--gold)}
.pickup-selected{background:var(--raise);border-color:var(--line)}
.pickup-assignments,.batch-toolbar{border-color:var(--gold)}
.timing-panel{background:var(--card);border-color:var(--line)}
.product-shortage{border-color:var(--terra)}
.catalog-highlight{outline-color:var(--gold)}
.form-stack fieldset{border-color:var(--line)}
.packing-stop-number{background:var(--gold);color:var(--gold-ink)}
.point-number{color:var(--gold)}
.packing-route-line small,.packing-stop-dishes .packing-stop-pending,.seasonal-note{color:var(--amber)}
.packing-actions button{border-color:#3a6656}
.packing-actions .selected-have{background:#2f7a5a;color:#fff;border-color:#2f7a5a}
.packing-actions .selected-missing{background:#9b4a3a;color:#fff;border-color:#9b4a3a}
.packing-product.is-partial{box-shadow:inset 3px 0 0 var(--gold)}
.signoff{color:var(--text);font-weight:650}
.notice,.offline,.menu-rules,.packing-missing-consent{background:var(--raise);border-left-color:var(--gold)}
.tabs button.active,.daybar .active,.seller-navigation .active,.timing-tabs .active,.search-scope .active,.catalog-tools .active,.packing-navigation .active{background:#24493d;color:var(--gold);border-color:var(--gold)}
/* R17 samouczek klienta. Używa zmiennych motywu R15; bez zewnętrznych zasobów. */
.tutorial{position:fixed;inset:0;z-index:40}
.tutorial.no-spot{background:#000000b3}
.tutorial-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 3px var(--gold),0 0 0 200vmax #000000b3;pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}
.tutorial-card{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100% - 24px));box-sizing:border-box;background:var(--card);color:var(--text);border:1px solid var(--gold);border-radius:14px;padding:14px 16px 12px;box-shadow:0 10px 30px #0009}
.tutorial.card-top .tutorial-card{top:calc(12px + env(safe-area-inset-top,0px));bottom:auto}
.tutorial-count{margin:0;color:var(--muted);font-size:13px}
.tutorial-card h2{margin:2px 0 6px;font-size:20px;line-height:1.25;padding:0}
.tutorial-card #tutorial-text{margin:0 0 10px;font-size:15px;line-height:1.45}
.tutorial-dots{display:flex;gap:6px;margin:0 0 10px}
.tutorial-dots span{width:8px;height:8px;border-radius:50%;background:var(--line)}
.tutorial-dots span.on{background:var(--gold)}
.tutorial-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tutorial-actions button{min-height:44px;font-size:15px;text-align:center}
.tutorial-actions button.primary{min-width:130px;margin-left:auto}
.tutorial-actions button.link{color:var(--muted)}
.client-tools button.link{color:var(--gold);min-height:44px}
@media(prefers-reduced-motion:reduce){.tutorial-spot{transition:none}}
/* R18 porządek ekranu klienta: jeden wybór dnia (kolejne dni + cały tydzień), krótkie zasady, więcej powietrza. */
.catalog-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 8px}
.catalog-tabs button{min-height:48px;padding:5px 4px;font-size:14px;line-height:1.2;overflow-wrap:anywhere}
.catalog-tabs button small{display:block;font-size:12px;margin-top:2px}
.catalog-navigation{margin:14px 0 18px}
.catalog-main .sectionhead{margin:4px 0 6px}
.catalog-main h1{font-size:24px}
.catalog-range{margin:0 0 6px}
.menu-rules{padding:10px 14px;margin:12px 0 18px}
.menu-rules-line{margin:0}
.menu-rules-more{margin-top:2px}
.own-link{margin:10px 0 0}
.own-link .link{color:var(--gold);min-height:44px;padding-left:0}
.client-tools{align-items:center;margin-top:4px}
.footnote{font-size:13px}

/* R19 */
.deposit{display:block;font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
.product-description{margin:2px 0 6px;font-size:14px}
.tutorial-more{margin:0 0 10px;font-size:14px}.tutorial-more summary{cursor:pointer;color:var(--gold);min-height:32px;display:flex;align-items:center}.tutorial-more p{margin:4px 0 0}

/* R20: filtry Wege/Mięso/Keto i szybki wybór dnia sprzedawcy */
.diet-filters{display:inline-flex;gap:8px;flex-wrap:wrap}
.diet-filters button{min-height:44px}
.diet-filters .active{background:#24493d;color:var(--gold,#fff);border-color:var(--gold,#24493d)}
.seller-day-field{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.seller-day-field label{flex:1 1 150px;min-width:0}
.seller-quick-days{display:flex;gap:6px}
.seller-quick-days button{min-height:44px;padding:8px 14px;font-weight:700}
.seller-quick-days .active{background:#24493d;color:var(--gold,#fff);border-color:var(--gold,#24493d)}
.seller-tools .seller-day-field{grid-column:1/-1}
.packing-day-field{margin:0}
.packing-heading .packing-day-field .packing-date{margin:0;display:block;max-width:245px}
@media(max-width:600px){.packing-day-field{width:100%}.packing-heading .packing-day-field .packing-date{max-width:none}.seller-quick-days button{flex:1}.catalog-tools{gap:6px}.catalog-tools button{padding:8px 11px}}
/* R21: zdjęcia dań. Miniatura w stałym polu (bez przeskakiwania układu), dania bez zdjęcia bez zmian. */
.dish-thumb{grid-area:1/1;align-self:start;display:block;width:96px;height:96px;min-height:0;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--raise);cursor:zoom-in}
.dish-thumb img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.product.has-photo{grid-template-columns:96px minmax(0,1fr) auto}
.product.has-photo>div:not(.price){grid-area:1/2;min-width:0}
.product.has-photo>.price{grid-area:1/3}
@media(max-width:760px){.product.has-photo{grid-template-columns:76px minmax(0,1fr);column-gap:12px}.product.has-photo .dish-thumb{width:76px;height:76px}.product.has-photo>.price{grid-area:1/2}.catalog-offer.has-photo{display:grid}.catalog-offer.has-photo>.price{grid-area:2/2;justify-self:start;margin-top:12px}.catalog-offer.has-photo .product-category{padding-right:0}}
dialog.photo-dialog{max-width:680px}
.photo-zoom-title{font-size:18px;padding-right:44px;margin:0 0 12px}
.photo-zoom{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;border-radius:12px;background:var(--raise)}
.dish-photo-list{display:grid;gap:9px}
.dish-photo-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.dish-photo-text{min-width:0}.dish-photo-text h3{margin:0;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.dish-photo-text p{margin:4px 0 0}
.dish-photo-preview{width:96px;height:96px;border-radius:10px;overflow:hidden;background:var(--raise);display:grid;place-items:center;text-align:center;font-size:12px;color:var(--muted)}
.dish-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}
.button-like{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:650;cursor:pointer;position:relative}
.button-like.primary{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.button-like.busy{opacity:.6;pointer-events:none}
.button-like:focus-within{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:760px){.dish-photo-row{grid-template-columns:76px minmax(0,1fr)}.dish-photo-preview{width:76px;height:76px}}

/* R22: karta imienia, rozpiska płatnika, sekcja Płatnicy */
.name-card{background:var(--raise,#f3f8f6);color:var(--text,#183333);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 14px}
.name-card p{margin:0 0 8px}
.name-card-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.name-card-form input{flex:1 1 160px;min-width:0}
.payer-days{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 16px}
.payer-days button.active{background:var(--green);color:white;border-color:var(--green)}
.payer-other{font-weight:600}
.payer-other input{margin-top:4px;min-height:44px}
.payer-person{border-top:1px solid var(--line);padding:12px 0}
.payer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;margin-bottom:6px}
.payer-head h3{margin:0;overflow-wrap:break-word}
.payer-head strong{white-space:nowrap}
.payer-copy-text{display:block;width:100%;margin-top:10px;font:inherit;font-size:14px;background:var(--input,white);color:var(--text,#183333);border:1px solid var(--line);border-radius:9px;padding:10px}
.payer-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.payer-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:15px}
.payer-lines .badge{margin:0}
.payer-amount{white-space:nowrap;font-weight:650}
.payer-total{display:flex;justify-content:space-between;gap:12px;border-top:2px solid var(--green);padding:12px 0;margin:4px 0 12px;font-size:18px}
.payer-card{margin-bottom:12px}
.payer-card .sectionhead{margin:0 0 8px}
.payer-members,.payer-candidates{list-style:none;margin:0;padding:0}
.payer-members li,.payer-candidates li{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding:8px 0}
.payer-members li span,.payer-candidates li span{min-width:0;overflow-wrap:anywhere}
.payer-pick{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:12px 0;max-height:40vh;overflow:auto}
dialog .payer-pick label.payer-check,.payer-check{display:flex;flex-direction:row;gap:8px;align-items:center;font-weight:500;padding:6px 0}
dialog .payer-pick label.payer-check input,.payer-check input{display:inline-block;width:auto;min-height:0;margin:0;flex:none}
#payer-add-form textarea{display:block;width:100%;margin-top:6px;background:var(--input,white);color:var(--text,#183333);border:1px solid var(--line);border-radius:9px;padding:10px 13px;font:inherit}
@media(max-width:760px){.payer-lines li{grid-template-columns:minmax(0,1fr) auto}.payer-lines .payer-amount{grid-column:2;grid-row:1}.payer-lines .badge{grid-column:1/-1;justify-self:start}}