:root{font:16px/1.45 system-ui,sans-serif;color:#172b47;background:#f3f6fb;--border:#cbd6e6;--muted:#4d617a}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
header{background:#172b47;color:white;padding:1.25rem max(1rem,calc((100vw - 64rem)/2));display:flex;justify-content:space-between;align-items:center;gap:1rem}
header h1,h2,h3,p{margin:0}
.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#bed1ed}
main{max-width:66rem;margin:auto;padding:1rem}
.panel{background:white;border:1px solid var(--border);border-radius:.8rem;padding:1rem 1.2rem;margin-bottom:1rem}
.panel p,.section-heading p{color:var(--muted);margin:.25rem 0 .65rem}
#access{max-width:36rem}
.actions,.section-heading{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem}
.section-heading{justify-content:space-between;margin:1.4rem 0 .75rem}
button,input,select{font:inherit;border:1px solid var(--border);border-radius:.4rem;padding:.45rem .65rem;background:white;color:inherit}
button{cursor:pointer}
header button{color:#172b47}
button:disabled{cursor:default;opacity:.6}
.primary{background:#194da6;color:white;border-color:#194da6}
label{display:grid;gap:.2rem;min-width:0}
input,select{max-width:100%}
#notice{padding:.65rem .85rem;background:#e5efff;border-radius:.45rem;margin-bottom:1rem}
#notice.error{background:#ffe7e7;color:#861b28}
#invitation{margin-top:1rem}
#invitation input{width:min(100%,29rem)}
#paid-invite,#paid-offer{margin-top:.75rem}
#paid-offer-url{width:min(100%,40rem)}
.workspace-search{max-width:29rem}
#workspace-status{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:.75rem 0;padding:0}
#workspace-status legend{margin-bottom:.25rem;padding:0}
#workspace-status input{margin:0}
.workspace-results{color:var(--muted);font-size:.85rem;margin:.4rem 0 .65rem}
.workspace{padding:0;margin:.45rem 0}
.workspace > summary{padding:.7rem .9rem;overflow-wrap:anywhere}
.workspace > summary:hover{background:#f3f6fb;border-radius:.8rem}
.workspace > summary .badge{margin-inline-start:.55rem}
.workspace-meta{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin:.15rem 0 0 1rem}
.workspace-body{border-top:1px solid var(--border);padding:.75rem .9rem 1rem}
.workspace-actions{border-top:1px solid var(--border);margin-top:1.15rem;padding-top:.85rem}
.workspace-actions h3{font-size:1rem}
.danger{color:#861b28;border-color:#d898a0}
.badge{display:inline-block;padding:.15rem .5rem;border-radius:1rem;background:#e8eef8;color:#254067;white-space:nowrap;font-size:.85rem}
.badge.current{background:#dff3e8;color:#155536}
.badge.attention{background:#ffead7;color:#743608}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin:1rem 0}
.metrics div{border-top:1px solid var(--border);padding-top:.4rem}
.metrics dt{font-size:.82rem;color:var(--muted)}
.metrics dd{margin:.2rem 0 0;overflow-wrap:anywhere}
details{margin-top:.85rem}
summary{cursor:pointer;font-weight:600}
fieldset{border:0;padding:.75rem 0 0;margin:0;display:grid;gap:.6rem;max-width:40rem}
fieldset label:has(input[type=checkbox]){display:flex;align-items:center;gap:.4rem}