:root{color-scheme:light;--bg:#f5f6f3;--card:#fff;--text:#172925;--muted:#576761;--line:#d6e0da;--accent:#14644d;--soft:#e4f1ea;--error:#a12f27;font:17px/1.55 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.dark{color-scheme:dark;--bg:#101c19;--card:#1a2b26;--text:#edf5ef;--muted:#afc3b9;--line:#3b5147;--accent:#91dfb8;--soft:#2b4437;--error:#ffafa5}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.2rem,calc((100vw - 1180px)/2));background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-size:1.6rem;letter-spacing:-.07rem;font-weight:800;text-decoration:none;color:var(--text)}.brand span{color:var(--accent)}main{max-width:1180px;margin:auto;padding:2rem 1.2rem 4rem}h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15;margin:.3rem 0 1rem;letter-spacing:-.05rem}h2{font-size:1.3rem;margin:0 0 .8rem}h3{font-size:1.1rem}p{margin:.5rem 0 1rem}a{color:var(--accent)}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--accent);font-weight:700}.card{padding:1.5rem;background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:1.3rem}.auth{max-width:520px;margin:2rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1.3rem}.grid .card{margin:0}form{display:grid;gap:1rem}label{display:grid;gap:.35rem;font-weight:600}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.65rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}textarea{min-height:100px;resize:vertical}button,.button{padding:.6rem 1rem;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:white;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:fit-content;min-height:44px}.dark button,.dark .button{color:#10261c}button.secondary,.quiet{background:transparent;color:var(--accent)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d69731;outline-offset:3px}.toolbar,.actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.toolbar select{width:auto}nav{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.4rem 0}nav button{background:transparent;color:var(--accent)}nav button.active{background:var(--accent);color:white}.dark nav button.active{color:#10261c}.pill{font-size:.85rem;border:1px solid var(--line);padding:.15rem .6rem;border-radius:30px;display:inline-block;background:var(--soft)}.alert{padding:1rem;border-radius:10px;background:var(--soft);margin-bottom:1rem;border:1px solid var(--line)}.error{border-color:var(--error);color:var(--error)}#notice:empty{display:none}#notice{position:sticky;top:0;z-index:5}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--muted)}td .actions{min-width:160px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;background:var(--bg);padding:1rem;border-radius:10px}dialog{color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:16px;width:min(620px,94vw);max-height:88vh;padding:1.5rem}dialog::backdrop{background:#0008}dialog .dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.dialog-head h2{margin:0}.dialog-head button{min-width:44px}footer{text-align:center;color:var(--muted);padding:2rem;font-size:.9rem}.amount{font-size:1.8rem;font-weight:700}.stack{display:grid;gap:1rem}.notification{border-bottom:1px solid var(--line);padding:1rem 0}.notification.read{opacity:.65}.notification p{white-space:pre-wrap}.check{display:flex;align-items:flex-start;gap:.6rem}.check input{width:auto;margin-top:.4rem}#pair-code{user-select:all}.compact{max-width:760px}.spaced{margin-top:1.2rem}[hidden]{display:none!important}@media(max-width:600px){header{padding:1rem}.card{padding:1rem}main{padding-top:1.2rem}.toolbar{gap:.4rem}.toolbar select{max-width:115px}nav button{font-size:.9rem}th,td{padding:.6rem}}

.restaurant-select{max-width:420px}.fulltext{white-space:pre-wrap}
.dark nav button:not(.active),.dark button.quiet,.dark button.secondary,.dark .button.secondary{color:var(--accent)}.button.secondary{background:transparent;color:var(--accent)}

.recurring{margin-top:1.5rem;background:var(--bg)}details+details{margin-top:.8rem}.card>.grid{margin-top:1.5rem}.card .actions{margin-top:1rem}

/* Consolidated layout: actions remain separate from content and wrap on narrow screens. */
.plan-period{border:1px solid var(--border,#bcc8c2);border-radius:14px;padding:20px;min-width:0;margin:0 0 8px}.plan-period legend{font-weight:700;padding:0 8px}.plan-period>.grid{margin-top:18px}.plan-period .grid>div{display:grid;gap:12px}dialog .head button{flex:0 0 44px;width:44px;height:44px;padding:0;display:grid;place-items:center}.card>form{margin-top:20px}.card>p+.actions,.card>p+button{margin-top:16px}td details{max-width:240px}details summary{cursor:pointer}input,select,textarea{min-width:0;max-width:100%}.actions{flex-wrap:wrap;row-gap:12px}@media(max-width:600px){.plan-period{padding:16px}.plan-period>.grid{grid-template-columns:1fr}}

.staging-banner{padding:14px 18px;border:1px solid #b17e21;border-radius:10px;background:#fff5df;color:#583e0c;font-weight:600;margin-bottom:24px}.dark .staging-banner{background:#352b19;color:#ffe0a3;border-color:#b18c42}