:root{--fg:#1f2328;--muted:#59636e;--border:#d1d9e0;--accent:#0b5cad;--error:#b42318;--bg:#fff;color:var(--fg);background:var(--bg);font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}body{margin:0;padding:1.5rem}main.narrow{max-width:24rem;margin:3rem auto}.muted{color:var(--muted)}.card{border:1px solid var(--border);border-radius:8px;gap:.9rem;padding:1.25rem;display:grid}label{gap:.3rem;font-size:.9rem;display:grid}input,select,button{font:inherit;border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem}button{cursor:pointer;background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.6;cursor:progress}.error{color:var(--error);margin:0}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.75rem;display:flex}a{color:var(--accent)}a.button{background:var(--accent);color:#fff;border-radius:6px;padding:.5rem .9rem;text-decoration:none;display:inline-block}button.secondary{color:var(--accent);background:#fff}button.danger{color:var(--error);border-color:var(--error);background:#fff}.tabs{flex-wrap:wrap;gap:1rem;margin:.75rem 0 1.25rem;display:flex}.inline{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.inline .grow{flex:16rem}label.check{align-items:center;gap:.4rem;display:flex}table.grid{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.92rem}table.grid th,table.grid td{border-bottom:1px solid var(--border);text-align:left;padding:.4rem .5rem}table.grid td input,table.grid td select{box-sizing:border-box;width:100%}.amount{font-variant-numeric:tabular-nums;text-align:right!important}input.amount{text-align:right}tr.section th{padding-top:.8rem}tr.subtotal td,tr.total th,tr.total td{font-weight:600}tr.heading th{background:#f6f8fa}td.indent{padding-left:1.5rem!important}.columns{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem;display:grid}.badge{border:1px solid var(--border);border-radius:999px;padding:.1rem .45rem;font-size:.8rem}.badge.posted{border-color:var(--accent);color:var(--accent)}.badge.void{color:var(--muted)}.action{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.confirm{color:var(--muted);font-size:.85rem}.multiline,.action .error{white-space:pre-line}td.actions{flex-wrap:wrap;gap:.4rem;display:flex}
