:root{--bg:#f6f3ec;--bg-card:#fbf9f4;--bg-inverse:#2c2924;--bg-badge:#ede4d2;--bg-mat:#ece7db;--ink:#2c2924;--ink-muted:#635d50;--ink-on-inverse:#f6f3ec;--ink-badge:#6a4f26;--link:#7d5527;--bronze:#8a6134;--hairline:#d3c9b2;--hairline-soft:#e3dcc9;--ok:#4a6b2f;--ok-bg:#e7ecd9;--warn:#8a6134;--warn-bg:#ede4d2;--danger:#8c3123;--danger-bg:#f0ddd7;--radius:6px;--radius-card:2px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Karla", "Helvetica Neue", Arial, sans-serif;--gap-xs:.4rem;--gap-sm:.6rem;--gap:.9rem;--gap-lg:1.4rem;--gap-xl:2rem;--tap:44px;font-family:var(--font-body);color:var(--ink)}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0;font-size:1rem;line-height:1.55}.app{max-width:1080px;padding-left:max(1.25rem, env(safe-area-inset-left));padding-right:max(1.25rem, env(safe-area-inset-right));padding-bottom:calc(4rem + env(safe-area-inset-bottom));margin:0 auto}.plaque,h2,th,label.field{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700}h1{font-family:var(--font-display);letter-spacing:.01em;margin:1.4rem 0 1rem;font-size:clamp(1.6rem,4.5vw,2.1rem);font-weight:580;line-height:1.15}h2{color:var(--link);margin:2rem 0 .9rem}h2:after{content:"";background:var(--bronze);width:42px;height:2px;margin-top:.4rem;display:block}h2 .muted{letter-spacing:.1em}h3{font-family:var(--font-display);letter-spacing:.01em;margin:var(--gap-lg) 0 var(--gap-sm);font-size:1.1rem;font-weight:560;line-height:1.25}h3 .muted{font-family:var(--font-body);font-size:.92rem}.topbar{z-index:40;background:var(--bg);border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.25rem;padding:.7rem 0;display:flex;position:sticky;top:0}.topbar .brand{font-family:var(--font-display);color:var(--ink);text-transform:none;letter-spacing:.01em;padding:0;font-size:1.25rem;font-weight:600;text-decoration:none}.topbar nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.topbar a{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);padding:.35rem 0;font-size:.72rem;font-weight:700;text-decoration:none}.topbar a:hover{color:var(--ink)}.topbar a.active{color:var(--link)}.topbar nav .linklike{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.menu-toggle{border:1px solid var(--ink);color:var(--ink);border-radius:var(--radius);letter-spacing:.16em;text-transform:uppercase;background:0 0;margin-left:auto;padding:.5rem .9rem;font-size:.72rem;font-weight:700;display:none}@media (width<=760px){.menu-toggle{min-height:var(--tap);align-items:center;display:inline-flex}.topbar{gap:var(--gap-sm);padding:var(--gap-sm) 0}.topbar .brand{min-height:var(--tap);align-items:center;display:flex}.topbar nav{display:none}.topbar nav.open{border-top:1px solid var(--hairline-soft);flex-direction:column;align-items:stretch;gap:0;width:100%;max-height:calc(100dvh - 6rem);padding:.25rem 0 .5rem;display:flex;overflow-y:auto}.topbar nav.open a,.topbar nav.open .linklike{min-height:var(--tap);border-bottom:1px solid var(--hairline-soft);text-align:left;align-items:center;padding:.6rem .25rem;display:flex}.topbar nav.open>:last-child{border-bottom:none}}button{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius);color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;padding:.65rem 1.15rem;font-size:.78rem;font-weight:700;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out,transform .16s ease-out}button:hover{background:var(--bg-badge)}button.primary{background:var(--bg-inverse);color:var(--ink-on-inverse);border-color:var(--bg-inverse)}button.primary:hover{background:var(--bronze);border-color:var(--bronze);transform:translateY(-1px)}button.danger{color:var(--danger);border-color:var(--danger);background:0 0}button.danger:hover{background:var(--danger-bg)}button:disabled,.linklike:disabled{cursor:default;opacity:.45;transform:none}button:disabled:hover{background:0 0}button.primary:disabled:hover{background:var(--bg-inverse)}td button,.actions button,.row button:not(.primary){padding:.45rem .75rem;font-size:.7rem}.btn-grid{gap:var(--gap-sm);margin:var(--gap) 0;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.btn-grid button{width:100%}.linklike{color:var(--link);cursor:pointer;font:inherit;letter-spacing:normal;text-transform:none;background:0 0;border:none;padding:0}.linklike:hover{background:0 0;text-decoration:underline}a{color:var(--link)}.table-scroll{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-card);max-width:100%;margin:.9rem 0;overflow-x:auto}.table-scroll>table{background:0 0;border:none;margin:0}.table-scroll td{white-space:nowrap}table{border-collapse:collapse;background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-card);font-variant-numeric:tabular-nums;width:100%;margin:.9rem 0}th{color:var(--ink-muted);text-align:left;border-bottom:1px solid var(--hairline);white-space:nowrap;padding:.65rem .8rem}td{text-align:left;border-bottom:1px solid var(--hairline-soft);padding:.65rem .8rem;font-size:.95rem}tbody tr:last-child td{border-bottom:none}.actions{gap:var(--gap-xs);flex-wrap:wrap;align-items:center;display:flex}input[type=radio],input[type=checkbox]{accent-color:var(--bronze)}input,select,textarea{font-family:var(--font-body);color:var(--ink);background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius);padding:.55rem .7rem;font-size:1rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,.linklike:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}textarea{resize:vertical;min-height:5.5rem}.stack{gap:var(--gap);display:grid}form.stack{max-width:460px}label.field{color:var(--ink-muted);gap:.35rem;display:grid}label.field input,label.field select,label.field textarea{letter-spacing:normal;text-transform:none;font-weight:400}label.check{letter-spacing:normal;text-transform:none;align-items:center;gap:.45rem;font-weight:400;display:inline-flex}.check-grid{gap:var(--gap-xs) var(--gap);margin:var(--gap) 0;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.qty{width:5.5rem}.phone-cell{width:9rem}.confirm-stop{max-width:28rem}.standing-head strong{font-family:var(--font-display);font-size:1.05rem;font-weight:560}code{word-break:break-all;font-size:.85rem}.toolbar{gap:var(--gap-sm) var(--gap);margin:var(--gap) 0;flex-wrap:wrap;align-items:end;display:flex}.toolbar label.field{flex:14rem;min-width:0}.pager{gap:var(--gap-xs);flex:0 24rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.pager button{width:100%;padding-left:.4rem;padding-right:.4rem}.form-inline{gap:var(--gap-sm);margin:var(--gap) 0;flex-wrap:wrap;align-items:center;display:flex}.form-inline>input,.form-inline>select{flex:12rem;min-width:0}.setting-row{gap:var(--gap-sm);margin:var(--gap-xs) 0;grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;align-items:center;display:grid}.settings-key{min-width:0}.line-item{gap:var(--gap-xs) var(--gap);padding:var(--gap-sm) 0;border-bottom:1px solid var(--hairline-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.line-item:last-of-type{border-bottom:none}.line-item__name{font-family:var(--font-display);font-size:1.05rem;font-weight:560}.line-item__meta{align-items:center;gap:var(--gap-sm) var(--gap);color:var(--ink-muted);flex-wrap:wrap;grid-column:1/-1;font-size:.95rem;display:flex}.card{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-card);margin:var(--gap) 0;padding:1rem 1.1rem}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}.card>label.field+*,.card>*+label.field{margin-top:var(--gap)}.card.error{border-color:var(--danger);color:var(--ink)}.card.error strong{color:var(--danger)}.muted{color:var(--ink-muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.warn{background:var(--warn-bg);color:var(--ink-badge);border:1px solid var(--hairline);border-radius:var(--radius-card);margin:.6rem 0;padding:.6rem .8rem;font-size:.92rem}.row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.pill{letter-spacing:.08em;text-transform:uppercase;background:var(--bg-badge);color:var(--ink-badge);border:none;border-radius:3px;padding:.18em .6em;font-size:.66rem;font-weight:700;display:inline-block}.pill.draft{background:var(--bg-mat);color:var(--ink-muted)}.pill.locked{background:var(--warn-bg);color:var(--warn)}.pill.delivered,.pill.picked_up{background:var(--ok-bg);color:var(--ok)}.pill.cancelled{background:var(--danger-bg);color:var(--danger)}.viewas-banner{background:var(--bg-badge);color:var(--ink-badge);border:1px solid var(--hairline);border-radius:var(--radius-card);justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.92rem;display:flex}.viewas-banner .linklike{color:var(--link);font-weight:700}@media (width<=760px){.table-scroll{margin:var(--gap-sm) 0 var(--gap-lg);background:0 0;border:none;overflow-x:visible}.table-scroll>table,.table-scroll>table>thead,.table-scroll>table>tbody,.table-scroll>table>tfoot,.table-scroll tr,.table-scroll td{display:block}.table-scroll>table>thead{display:none}.table-scroll tr{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-card);margin-bottom:var(--gap-sm);padding:.1rem .9rem}.table-scroll td{white-space:normal;border-bottom:1px solid var(--hairline-soft);padding:.45rem 0;font-size:1rem}.table-scroll tr>td:last-child{border-bottom:none}.table-scroll td[data-label]{gap:var(--gap-sm);grid-template-columns:minmax(0,7rem) minmax(0,1fr);align-items:baseline;display:grid}.table-scroll td[data-label]:before{content:attr(data-label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);font-size:.66rem;font-weight:700;line-height:1.7}.table-scroll td.actions{gap:var(--gap-xs);padding:var(--gap-sm) 0;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.table-scroll td.actions:empty{display:none}.table-scroll td.actions button{padding-left:.5rem;padding-right:.5rem}.table-scroll td.actions[data-label]:before,.actions label.field{grid-column:1/-1}.actions .linklike{justify-content:center}button,select,input:not([type=checkbox]):not([type=radio]){min-height:var(--tap)}input[type=checkbox],input[type=radio]{width:1.3rem;height:1.3rem}label.check{min-height:var(--tap)}td button,.actions button,.row button:not(.primary){min-height:var(--tap);padding:.65rem 1rem;font-size:.72rem}.actions .linklike,.row .linklike,.line-item .linklike{min-height:var(--tap);align-items:center;display:inline-flex}p>.linklike{padding:.25rem 0}.table-scroll td a{min-height:var(--tap);align-items:center;display:inline-flex}.row>label.field,.toolbar label.field,.form-inline>*{flex:100%}.form-inline>button,.statement-actions>button,button.primary{width:100%}.check-grid{grid-template-columns:1fr 1fr}.phone-cell{width:100%}.standing-head>strong,.toolbar .pager{flex:100%}.btn-grid{grid-template-columns:1fr}.setting-row{grid-template-columns:minmax(0,1fr) auto}.setting-row .settings-key{grid-column:1/-1}form.stack{max-width:none}.line-item__name{font-size:1rem}.viewas-banner{flex-wrap:wrap}.viewas-banner .linklike{min-height:var(--tap);align-items:center;display:inline-flex}h1{margin-top:var(--gap)}h2{margin-top:var(--gap-xl)}}@media (pointer:coarse) and (width>=761px){button,select,input:not([type=checkbox]):not([type=radio]){min-height:var(--tap)}input[type=checkbox],input[type=radio]{width:1.3rem;height:1.3rem}label.check,td button,.actions button,.row button:not(.primary){min-height:var(--tap)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
