:root{--bg:#F4F6F8;--card:#fff;--ink:#12263A;--mute:#5B6B7B;--brand:#0F2A43;--acc:#F5A623;--ok:#1E8E5A;--bad:#C0392B;--line:#D9E0E7}*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}#root{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}header.top{background:var(--brand);color:#fff;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:5}header.top h1{font-size:1.1rem;margin:0}header.top button{background:none;border:1px solid #ffffff55;color:#fff;border-radius:10px;padding:6px 12px;font:inherit}.banner{padding:8px 16px;font-size:.85rem}.banner.off{background:#ffe8b8;color:#6b4600}.banner.on{background:#ddf3e8;color:#14573a}main{padding:14px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}label{display:block;font-size:.82rem;color:var(--mute);margin:10px 0 3px}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}textarea{min-height:84px;resize:vertical}button.btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:12px 16px;background:var(--brand);color:#fff;width:100%;margin-top:10px}button.btn.acc{background:var(--acc);color:#1b1b1b}button.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}button.btn.bad{background:#fff;color:var(--bad);border:1px solid var(--bad)}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pill{display:inline-block;font-size:.75rem;font-weight:700;border-radius:99px;padding:2px 9px;background:#e7ecf1;color:var(--brand)}.pill.queued{background:#ffe8b8;color:#6b4600}.pill.sent{background:#ddf3e8;color:#14573a}.pill.error{background:#f9dad6;color:var(--bad)}.rep h3{margin:0 0 4px;font-size:1rem}.rep p{margin:2px 0;color:var(--mute);font-size:.88rem}.photo{display:flex;gap:10px;align-items:flex-start;margin:10px 0}.photo img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.photo .meta{font-size:.75rem;color:var(--mute)}.photo input{margin-top:4px}.note{font-size:.8rem;color:var(--mute)}.chk{display:flex;gap:10px;align-items:center;margin:8px 0}.chk input{width:auto}main.view{padding:16px;background:#fff;max-width:760px;margin:0 auto;min-height:100dvh}.view h1{font-size:1.4rem;margin:.2em 0}.view h2{font-size:1.05rem;margin:1.1em 0 .2em;border-bottom:1px solid var(--line);padding-bottom:2px}.vmeta div{margin:2px 0}.vtext{white-space:pre-wrap;margin:.3em 0}.vnote{color:var(--mute);font-size:.85rem}.vphotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.vphotos figure{margin:0}.vphotos img{width:100%;border-radius:8px;border:1px solid var(--line)}.vphotos figcaption{font-weight:600;margin:4px 0}.vsmall{font-size:.75rem;color:var(--mute)}.vpending{padding:30px 10px;background:#f4f6f8;border-radius:8px;text-align:center;color:var(--mute)}.vwarn{color:var(--bad);font-weight:600}.vfoot{margin-top:24px;font-size:.8rem;text-align:center}.viewbar{text-align:right}.viewbar button{font:inherit;border:1px solid var(--brand);background:#fff;color:var(--brand);border-radius:10px;padding:8px 12px}@media print{.noprint{display:none!important}body{background:#fff}.vphotos figure{break-inside:avoid}}