*{box-sizing:border-box}body{margin:0;color:#37434f;background:#f4f6f8;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #bdcbd2;background:white;border-radius:10px;padding:11px 16px;color:#53676c;font-weight:650;min-height:46px}button:hover{background:#edf3f5}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #007baa;outline-offset:3px}input,select,textarea{border:1px solid #9bacb5;border-radius:9px;padding:12px;background:#fff;min-height:46px;max-width:100%;width:100%;color:#37434f}input[type=checkbox]{width:22px;min-height:22px;accent-color:#53676c}textarea{resize:vertical}label{font-weight:600;display:block;margin:12px 0 5px}h1{font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;margin:0 0 12px;letter-spacing:-.04em}h2{font-size:1.25rem;line-height:1.3;margin:0 0 8px}h3{font-size:1rem;margin:0 0 4px}p{margin:6px 0 16px}.muted,small{color:#516775}small{font-size:.875rem}.shell{max-width:1180px;margin:auto;padding:30px 24px 110px}.top{background:#53676c;color:white}.top-inner{max-width:1180px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.brand{font-weight:750;font-size:1.15rem;letter-spacing:-.03em}.brand small{display:block;color:#b9d2de;font-size:.8rem;font-weight:500;letter-spacing:.08em}.top button{color:white;background:transparent;border-color:#7192a2;font-size:.875rem}.banner{background:#fff1c9;color:#634719;padding:9px 24px;font-size:.875rem;text-align:center}.banner.offline{background:#fbe4dc;color:#722c1f}.intro{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.intro p{margin:0}.primary{background:#53676c;color:white;border-color:#53676c}.primary:hover{background:#37434f}.secondary{background:#edf0f1;border-color:#a1acaf}.danger{color:#8d3029}.layout{display:grid;grid-template-columns:1fr 285px;gap:26px}.panel{background:white;border:1px solid #dbe3e8;border-radius:16px;padding:20px;margin-bottom:18px}.filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:12px}.search{position:relative}.search input{padding-left:16px}.chips{display:flex;gap:8px;overflow:auto;padding:4px 0 12px;scrollbar-width:thin}.chip{white-space:nowrap;padding:7px 13px;min-height:40px;font-size:.875rem;border-radius:30px;font-weight:550}.chip.active{background:#53676c;color:white;border-color:#53676c}.list{display:grid;gap:10px}.article{display:flex;gap:14px;align-items:center;background:white;border:1px solid #dbe3e8;border-radius:12px;padding:16px}.article-body{flex:1;min-width:0}.article h3{overflow-wrap:anywhere}.article button{flex-shrink:0}.tag{display:inline-block;font-size:.8rem;border-radius:5px;padding:2px 7px;background:#edf2f5;color:#405b6b;margin:3px 4px 0 0}.tag.warn{background:#fff1cf;color:#77500b}.tag.green{background:#e0f1e9;color:#236143}.nav{display:flex;gap:8px;margin-bottom:28px;border-bottom:1px solid #ccd8df;padding-bottom:12px}.nav button{border:0;background:transparent}.nav button.active{background:#53676c;color:white}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:10px}.stat{font-size:2rem;font-weight:750;line-height:1.2}.calendar-row{padding:12px 0;border-bottom:1px solid #e4eaef}.calendar-row:last-child{border-bottom:0}.calendar-row strong{font-size:.95rem;display:block}.calendar-row small{display:block}.empty{padding:40px 18px;text-align:center;border:1px dashed #a9bdc8;border-radius:14px;background:#fff}.empty h2{margin-bottom:10px}.count{font-size:.875rem;color:#536b78;margin:10px 0}.status{font-size:.875rem;font-weight:650;color:#28614d}.modal-backdrop{position:fixed;inset:0;background:#10263299;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{background:white;max-height:90dvh;overflow:auto;width:560px;max-width:100%;border-radius:18px;padding:24px;box-shadow:0 20px 80px #0003}.modal .close{border:0;min-width:44px;font-size:1.25rem;padding:5px}.modal header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:12px}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.callout{padding:12px;background:#fff3d6;border-radius:10px;color:#6c4b14;font-size:.9rem;margin:14px 0}.checkline{display:flex;align-items:center;gap:10px;font-weight:500}.note{padding:10px 12px;background:#eef4f7;border-radius:8px;font-size:.9rem}.login{max-width:500px;margin:60px auto}.login .panel{padding:30px}.login h1{margin-top:16px}.login .secondary{width:100%;margin-top:12px}.login .primary{width:100%;margin-top:18px}#notice{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#53676c;color:white;padding:12px 20px;border-radius:12px;z-index:40;max-width:90%;box-shadow:0 8px 30px #0002;display:none}#notice.show{display:block}.order{padding:20px;border:1px solid #dbe3e8;background:white;border-radius:14px;margin-bottom:16px}.order-line{padding:12px 0;border-top:1px solid #e2e8ee}.quantity{font-size:1.1rem;font-weight:750}.tiny{font-size:.875rem;padding:6px 10px;min-height:40px}.loading{padding:40px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.selected{border-color:#778487;background:#f0f3f4}.error{color:#963a2d}.full{width:100%}.footer-note{margin-top:24px;font-size:.875rem;color:#5d7380}.nowrap{white-space:nowrap}@media(max-width:760px){.shell{padding:22px 16px 110px}.top-inner{padding:14px 16px}.layout{grid-template-columns:1fr}.aside{display:none}.intro{display:block}.intro button{margin-top:14px}.nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:white;border-top:1px solid #d2dfe5;padding:10px 8px max(10px,env(safe-area-inset-bottom));z-index:10;justify-content:space-around;gap:2px}.nav button{font-size:.85rem;padding:9px 10px}.filters{grid-template-columns:1fr}.article{padding:14px 12px;gap:8px}.article button{padding:9px 12px}.settings-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px;align-items:end}.modal{border-radius:18px 18px 8px 8px;padding:20px;max-height:94dvh}.two{grid-template-columns:1fr 1fr}.banner{padding:8px 16px}.brand{font-size:1rem}.top .row{gap:6px}.login{margin:20px auto}.login .panel{padding:22px}}
.brand-lockup{display:flex;align-items:center;gap:14px}.brand-logo{display:block;width:90px;height:68px;object-fit:contain;background:#fff;border-radius:8px;padding:5px}.login-logo{display:block;width:150px;height:112px;object-fit:contain;margin:auto}.weekday-list{display:flex;flex-wrap:wrap;gap:14px}.weekday-list label{margin:4px 0}@media(max-width:760px){.brand-logo{width:66px;height:50px}.brand-lockup{gap:9px}.nav button{flex:1;min-width:0;font-size:.78rem;padding:9px 4px}.top-inner{flex-wrap:wrap}}
fieldset{border:1px solid #dbe3e8;border-radius:10px;padding:12px;margin:18px 0}legend{font-weight:650;padding:0 5px}.label-choices{display:flex;flex-wrap:wrap;gap:8px}.choice{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border:1px solid #cbd3d6;border-radius:9px;font-weight:500}.choice:has(input:checked){background:#edf0f1;border-color:#53676c}.block{display:block;margin:8px 0}details{margin:12px 0}summary{cursor:pointer;color:#53676c;font-weight:600}.deadline-row{display:grid;grid-template-columns:65px 1fr 1fr;align-items:end;gap:10px}.deadline-row label{font-size:.85rem}.deadline-row .checkline{align-self:center}.slot-row{display:grid;grid-template-columns:1fr 1.4fr 40px;gap:8px;align-items:end}.slot-row label{font-size:.85rem}.quantity-stepper{display:flex;gap:8px;align-items:center;margin-top:5px}.quantity-stepper input{min-width:0;text-align:center}.quantity-stepper button{font-size:1.3rem;min-width:46px;padding:5px}.basket-count{background:#53676c;color:#fff;border-radius:30px;padding:2px 9px;font-size:1rem}.basket-lines{margin-top:14px}.basket-lines p{border-top:1px solid #e4e8ea;padding-top:10px;font-size:.9rem}.basket-mobile{display:none}.article button:disabled{cursor:default}.modal footer{position:sticky;bottom:-20px;background:#fff;padding:12px 0;margin-bottom:-4px}a{color:#37434f}input[type=checkbox]{accent-color:#53676c}@media(max-width:760px){.basket-mobile{display:block;background:#fff;border:1px solid #cbd3d6;border-radius:12px;padding:14px;margin-bottom:18px}.basket-mobile h2{font-size:1rem}.basket-mobile small{font-size:.8rem}.slot-row{grid-template-columns:1fr 40px}.slot-row label:first-child{grid-column:1/-1}.deadline-row{gap:6px}.choice{font-size:.875rem;padding:7px}.modal footer{bottom:-16px}}
@media(max-width:760px){.article:has([data-catalog-edit]){flex-wrap:wrap}.article:has([data-catalog-edit]) .article-body{flex-basis:100%}.article [data-catalog-edit]{margin-left:auto}}
.app-version{position:fixed;top:5px;right:10px;font-size:10px;font-weight:600;letter-spacing:.03em;background:#fffef0e8;color:#53676c;padding:2px 6px;border-radius:5px;z-index:45;pointer-events:none}.back-top{position:fixed;right:20px;bottom:24px;z-index:12;background:#53676c;color:#fff;box-shadow:0 3px 15px #37434f25;border:0;border-radius:30px;font-size:.85rem}.back-top:hover{background:#37434f}.article-actions{display:grid;justify-items:stretch;gap:7px;min-width:155px}.article-actions small{text-align:center;font-size:.74rem}.inline-counter{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-counter button{min-width:44px;padding:6px 10px;font-size:1.3rem}.inline-counter output{min-width:30px;text-align:center;font-weight:700;font-size:1.15rem}.article-facts{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.article-facts dt{font-weight:600}.article-facts dd{margin:0;overflow-wrap:anywhere}.detail-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline-entry{border-left:3px solid #a1acaf;padding:8px 12px;margin:10px 0}.timeline-entry small{display:block}.choice{position:relative;cursor:pointer;transition:background .12s}.choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.choice:has(input:checked){background:#53676c;color:#fff;border-color:#53676c}.choice:has(input:focus-visible){outline:3px solid #37434f;outline-offset:2px}.choice:has(input:checked)::after{content:'✓';font-weight:700}.deadline-row .checkline{padding:8px;border:1px solid #cbd3d6;border-radius:8px;position:relative;cursor:pointer}.deadline-row .checkline:has(input:checked){background:#53676c;color:#fff}.deadline-row .checkline input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.deadline-row .checkline:has(input:focus-visible){outline:3px solid #37434f}.article:has([data-history]){flex-wrap:wrap}.article:has([data-history]) .article-body{flex-basis:60%}@media(max-width:760px){.back-top{bottom:88px;right:14px;padding:8px 13px;min-height:40px}.article-actions{min-width:130px}.article:has(.article-actions){align-items:start}.article:has([data-history]) .article-body{flex-basis:100%}.article-facts{grid-template-columns:1fr}.article-facts dd{margin-bottom:8px}.detail-buttons{grid-template-columns:1fr}.top-inner{padding-top:20px}}@media(max-width:390px){.article:has(.article-actions){flex-wrap:wrap}.article:has(.article-actions) .article-body{flex-basis:100%}.article-actions{width:100%;grid-template-columns:1fr auto;align-items:center}.article-actions small{grid-column:1/-1}.article-actions .tiny{min-width:85px}}

/* Supplier weekdays: inactive is visibly gray, without hiding the day control. */
.deadline-row{padding:5px 8px;border-radius:9px}.deadline-row.day-off{background:#f0f1f2;color:#70767b}.deadline-row.day-off input:disabled{background:#e9ebed;color:#747b80;border-color:#d9dde0}.deadline-row.day-off .checkline{background:#e5e8ea;color:#697177}.deadline-row:not(.day-off){background:#f1f6f6}

.top-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px}.top-inner>.brand{font-size:1.5rem;font-weight:750;line-height:1.15}.top-inner>.brand-logo{justify-self:center}.top-inner>.row{justify-self:end;flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){.top-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}.top-inner>.brand{font-size:1.2rem}.top-inner>.brand-logo{grid-column:2;grid-row:1/3}.top-inner>.row{grid-column:1;justify-self:start;justify-content:flex-start;font-size:.8rem}.top-inner>.brand-logo{width:80px;height:62px}}
@media(max-width:600px){.top-inner{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:8px}.top-inner>.brand{font-size:1.05rem;overflow-wrap:anywhere}.top-inner>.brand-logo{grid-column:2;grid-row:1;width:66px;height:50px}.top-inner>.row{grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end}.top-inner>.row button{font-size:.78rem;padding:7px}}