@font-face{font-family:Plus Jakarta Sans;src:url(/assets/fonts/plus-jakarta-sans.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{--navy:#0b2e4f;--petrol:#0e7490;--petrol-dark:#155e75;--amber:#fbbf24;--paper:#f3f7f9;--surface:#fff;--ink:#10212f;--muted:#52636f;--line:#dce6eb;--green:#2e7d32;--green-soft:#e6f4e7;--teal:#0e7490;--teal-soft:#e0f2f6;--violet:#5e45b8;--violet-soft:#eeeafb;--amber-text:#a15c00;--amber-soft:#fff1dc;--gray:#52636f;--gray-soft:#e9edf2;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;margin:0}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.15rem;font-weight:800}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--petrol)}:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}.login{background:radial-gradient(70% 70% at 70% 20%, #0e749080, transparent 70%), linear-gradient(160deg, var(--navy), #082340);place-items:center;min-height:100dvh;padding:24px;display:grid}.login form{background:var(--surface);border-radius:20px;gap:16px;width:min(400px,100%);padding:28px;display:grid;box-shadow:0 30px 60px -30px #031422b3}.login img{justify-self:center;width:auto;height:38px}.login p{color:var(--muted);text-align:center;margin:0;font-size:.92rem}label{color:var(--muted);gap:6px;font-size:.88rem;font-weight:600;display:grid}input[type=email],input[type=password],input[type=date],input[type=text]{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:11px 13px}.btn{background:var(--petrol);color:#fff;border:1px solid #0000;border-radius:10px;padding:11px 16px;font-weight:700}.btn:hover:not(:disabled){background:var(--petrol-dark)}.btn:disabled{opacity:.6;cursor:default}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.ghost{color:var(--petrol);background:0 0;border-color:#0000;padding:6px 8px}.error{color:#b3261e;background:#fdecec;border-radius:10px;padding:10px 12px;font-size:.9rem}.demo-choice{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.demo-choice div{gap:8px;display:flex}.demo-choice .btn{flex:1}.topbar{background:var(--navy);color:#fff;padding:14px 0}.wrap{width:min(1080px,100%);margin:0 auto;padding:0 20px}.topbar .wrap{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar img{width:auto;height:30px}.topbar .who{align-items:center;gap:12px;font-size:.9rem;display:flex}.topbar button{color:#fff;background:#ffffff1f;border:0;border-radius:8px;padding:7px 12px;font-weight:600}.tabs{background:var(--surface);border-bottom:1px solid var(--line);gap:6px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;margin-right:18px;padding:13px 4px;font-weight:700}.tabs button[aria-current=true]{color:var(--petrol);border-bottom-color:var(--petrol)}main{gap:20px;padding:24px 0 56px;display:grid}.demo-banner{background:var(--teal-soft);color:var(--petrol-dark);border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.muted{color:var(--muted)}.small{font-size:.86rem}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.rows{display:grid}.rows>*+*{border-top:1px solid var(--line)}.row{align-items:center;gap:14px;padding:12px 0;display:flex}.row:first-child{padding-top:0}.row-link{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px}.rows>.row-link+.row-link{border-top:1px solid var(--line)}.row-link:hover .body strong,.row-link:focus-visible .body strong{color:var(--petrol)}.row-link .chevron{color:var(--muted);font-size:1.4rem;line-height:1}.row .when{font-variant-numeric:tabular-nums;min-width:62px;font-weight:700}.row .body{flex:1;min-width:0}.row .body strong{font-weight:700;display:block}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.pill.green{background:var(--green-soft);color:var(--green)}.pill.teal{background:var(--teal-soft);color:var(--teal)}.pill.violet{background:var(--violet-soft);color:var(--violet)}.pill.amber{background:var(--amber-soft);color:var(--amber-text)}.pill.gray{background:var(--gray-soft);color:var(--gray)}.status-buttons{flex-wrap:wrap;gap:8px;display:flex}.status-buttons button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:600}.status-buttons button[aria-pressed=true]{border-color:var(--petrol);color:var(--petrol);background:var(--teal-soft)}.status-form{gap:8px;margin-top:12px;display:flex}.status-form input{flex:1}.avatar{background:var(--teal-soft);width:38px;height:38px;color:var(--petrol-dark);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.empty{color:var(--muted);padding:8px 0}.notice{background:var(--green-soft);color:var(--green);border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:.9rem}.nudges{border-left:2px solid var(--line);gap:8px;margin:8px 0 0;padding:0 0 0 10px;list-style:none;display:grid}.nudges li{gap:2px;display:grid}.nudge-meta{align-items:center;gap:8px;display:flex}.nudges li.reply{padding-left:4px}.reply-form{align-items:center;gap:8px;display:flex}.reply-form input{flex:1;min-width:0}button.link{color:var(--petrol);background:0 0;border:0;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.composer{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);gap:12px;margin-bottom:16px;padding:16px;display:grid}.composer-head{display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:.85rem}.chips button[aria-pressed=true]{border-color:var(--petrol);color:var(--petrol);background:var(--teal-soft)}.field{gap:4px;display:grid}textarea,input[type=datetime-local]{border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:10px;padding:11px 13px}.composer-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=800px){.grid-2{grid-template-columns:minmax(0,1fr)}.topbar .who span.name{display:none}}
