*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#edf3ef;color:#193e34;font:18px system-ui}header{background:#225744;color:white;padding:20px}h1{font-size:26px;margin:0}header p{margin:8px 0 0}main{max-width:650px;margin:auto;padding:16px}section{background:white;border:1px solid #bdd0c3;border-radius:14px;padding:18px;margin:16px 0}h2{font-size:23px}button,input,select{font:inherit;border:1px solid #aac4b4;border-radius:10px;min-height:48px;padding:12px}button{width:100%;margin:8px 0;background:white;color:#193e34;cursor:pointer}.primary{background:#225744;color:white}button:disabled{opacity:.5;cursor:default}#access{display:block;width:100%;margin:8px 0}#day{display:block;max-width:100%;width:100%}.toolbar{position:sticky;top:0;background:#edf3ef;padding:8px 0;z-index:2}.item{display:flex;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid #e0e8e3}.item strong{font-size:27px}.small{font-size:14px;line-height:1.6;color:#536b5c}#checkrow{display:flex;align-items:center;gap:12px;margin:20px 0}#prepared{min-width:26px;min-height:26px}#status{white-space:pre-wrap;line-height:1.5}#pending{background:#fff1d3;padding:14px;border-radius:10px}

dialog{border:1px solid #aac4b4;border-radius:14px;max-width:430px;width:90%;color:#193e34}dialog::backdrop{background:#0006}

/* A large dated frame prevents quantities being associated with another day. */
.day-card{--day-color:#176b58;--day-light:#e7f6ef;border:4px solid var(--day-color);padding:0 18px 20px;overflow:clip}
.day-card.day-2{--day-color:#245a9c;--day-light:#eaf2ff}.day-card.day-3{--day-color:#82531b;--day-light:#fff3dc}.day-card.day-4{--day-color:#744191;--day-light:#f6ecff}.day-card.day-5{--day-color:#a03e46;--day-light:#fff0f1}.day-card.day-6,.day-card.day-0{--day-color:#4b5968;--day-light:#edf0f4}
.day-hint{font-size:16px;font-weight:650;color:var(--day-color);margin:14px 0 8px}.day-card #date{background:var(--day-light);color:var(--day-color);font-size:30px;line-height:1.3;padding:18px;margin:0 -18px 12px;border-top:2px solid var(--day-color);border-bottom:3px solid var(--day-color);text-transform:capitalize}
.day-card .item{font-size:22px;line-height:1.4;min-height:84px;align-items:center;padding:18px 4px}.day-card .item strong{font-size:38px;min-width:66px;text-align:center;background:var(--day-light);color:var(--day-color);border:2px solid var(--day-color);border-radius:12px;padding:5px}.toolbar label{font-weight:700}#day{font-size:21px;font-weight:700;border:2px solid #225744}.day-card #checkrow{font-size:20px;line-height:1.4;padding:14px 0;border-top:2px solid var(--day-color)}

.day-card #date{font-size:40px;font-weight:900;letter-spacing:.04em;margin-bottom:0}.date-detail{font-size:16px;color:#536b5c;margin:8px 0 18px}


header{padding:12px 16px}main{padding:10px 14px}.toolbar{display:flex;gap:10px;align-items:end}.toolbar label{flex:1}.toolbar #refresh{width:auto}.pair-nav{display:flex;gap:12px}.pair-nav button{margin:0}.day-pair{display:grid;grid-template-rows:1fr 1fr;gap:12px;margin:12px 0}.day-pair .day-card{margin:0;padding:0 12px 12px;min-height:220px}.day-pair .day-hint{font-size:13px;margin:8px 0 5px}.day-pair #date,.day-pair #followingTitle{font-size:28px;line-height:1.2;font-weight:900;background:var(--day-light);color:var(--day-color);border-top:2px solid var(--day-color);border-bottom:2px solid var(--day-color);padding:8px 12px;margin:0 -12px}.day-pair .date-detail{font-size:14px;margin:6px 0}.day-pair .item{font-size:19px;min-height:52px;padding:7px 0}.day-pair .item strong{font-size:28px;min-width:55px;padding:3px}.delivery-actions h2{font-size:21px}.toolbar #day{font-size:17px}#synced{margin:6px 0}

.test-check{display:flex;align-items:center;gap:12px;margin:16px 0}.test-check input{min-width:26px;min-height:26px}