:root{color-scheme:light;--ink:#19312c;--green:#16352f;--lime:#d9ee61;--paper:#f4f1e8;--line:#d6d1c4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.4 system-ui,-apple-system,sans-serif}header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--green);color:white}.brand{font-weight:900;font-size:24px;letter-spacing:.08em}.brand small{display:block;font-size:10px;letter-spacing:.1em;font-weight:600;opacity:.75}header button{border:0;border-radius:99px;background:var(--lime);padding:9px 14px;font-weight:800}main{max-width:760px;margin:auto;padding:14px}.warning{display:flex;flex-direction:column;padding:12px 14px;background:#fff4cf;border:1px solid #eed783;border-radius:14px}.warning b{font-size:12px;letter-spacing:.12em}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}nav button{padding:12px;border:1px solid var(--line);border-radius:12px;background:white;font-weight:750}nav button.active{background:var(--green);color:white}.view{display:none}.view.active{display:block}.eyebrow{margin:24px 0 4px;font-size:11px;font-weight:900;letter-spacing:.15em;color:#557267}h1{margin:0 0 18px;font-size:30px;line-height:1.05}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800}.wide{grid-column:1/-1}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:white;padding:11px;font:inherit;color:var(--ink)}textarea{min-height:100px}.primary{border:0;border-radius:13px;background:var(--green);color:white;min-height:52px;padding:13px 18px;font-weight:900;font-size:16px}.card{margin:10px 0;padding:14px;background:white;border:1px solid var(--line);border-radius:14px}.card b{display:block}.card small{display:block;color:#64746f;margin-top:5px}.pill{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:99px;background:#e9f1ee;font-size:11px;font-weight:800}#notice{min-height:24px;color:#315f4f;font-weight:700}footer{text-align:center;padding:26px 12px 40px;color:#6e7773;font-size:12px}@media(max-width:560px){form{grid-template-columns:1fr}label,.wide{grid-column:1}h1{font-size:27px}}

nav{grid-template-columns:repeat(4,1fr)}h2{font-size:20px;margin:20px 0 8px}.card-actions,.report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.card-actions button,.report-actions button{min-height:42px;border:1px solid var(--line);border-radius:10px;background:white;padding:8px 12px;font-weight:800}.card-actions select,.card-actions input{flex:1;min-width:150px}.archive-button{color:#704e12}.restore-button{color:#315f4f}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{padding:14px;border-radius:14px;background:white;border:1px solid var(--line)}.metric strong{display:block;font-size:28px}.metric span{font-size:12px;color:#64746f}@media(max-width:560px){nav{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}.report-period{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.access-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.access-row select{max-width:220px}.team-notice{font-weight:700;min-height:24px}.ownership{padding:10px 0}.muted{color:#64746f}.danger{color:#8b2626}button:disabled{opacity:.6}#tester-project-shell{max-width:760px;margin:auto;padding:14px}

/* Keep the brand in document flow; never cover invitation fields on phones. */
body>header{position:static}form>*{min-width:0}.card,.team-notice,.ownership{overflow-wrap:anywhere}select{min-width:0}@media(max-width:360px){main{padding:10px}.report-period{grid-template-columns:1fr}.access-row>*{max-width:100%}}
