:root{--ground:#f5f7fa;--surface:#fff;--border:#e4e7ec;--border-strong:#d0d5dd;--ink:#101828;--ink-2:#344054;--muted:#475467;--primary:#0b5cad;--primary-dark:#084a8c;--primary-soft:#eaf2fb;--amber-bg:#fffaeb;--amber-border:#fedf89;--amber-ink:#93370d;--amber-bar:#f79009;--red-bg:#fee4e2;--red-ink:#b42318;--green-bg:#e3f6ec;--green-ink:#05603a;--grey-bg:#f2f4f7}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ground);color:var(--ink);font-family:Public Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:var(--primary)}a:hover{color:var(--primary-dark)}h1,h2,h3{letter-spacing:-.01em;margin:0}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.demo-strip{color:var(--amber-ink);text-align:center;background:#fef0c7;padding:4px 16px;font-size:13px;font-weight:500}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;padding:10px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--primary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name{font-size:18px;font-weight:700}.brand-clinic{color:#667085;border-left:1px solid var(--border);padding-left:12px;font-size:14px}.spacer{flex:1}.user-pill{border:1px solid var(--border);border-radius:999px;align-items:center;gap:10px;padding:4px 6px 4px 4px;font-size:14px;display:flex}.avatar{background:var(--primary-soft);width:34px;height:34px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-pill small{color:#667085;font-size:12px;display:block}.shell{flex-wrap:wrap;gap:24px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.sidenav{flex-direction:column;flex:200px;gap:4px;max-width:232px;display:flex}.sidenav a{color:var(--ink-2);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.sidenav a.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.count{background:var(--primary);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.content{flex-direction:column;flex:999 560px;gap:20px;min-width:0;display:flex}.narrow{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:24px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.card-pad{padding:20px 24px}.card h2{font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.btn{font:inherit;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-dark);color:#fff}.btn-secondary{color:var(--ink-2);border-color:var(--border-strong);background:#fff}.btn-secondary:hover{background:var(--grey-bg);color:var(--ink)}.btn-link{color:var(--primary);cursor:pointer;min-height:0;font-weight:600;font:inherit;background:0 0;border:0;padding:0}.btn-block{width:100%}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-blue{background:var(--primary-soft);color:#0b4a8c}.pill-grey{background:var(--grey-bg);color:var(--ink-2)}.pill-green{background:var(--green-bg);color:var(--green-ink)}.pill-amber{color:var(--amber-ink);background:#fef0c7}.pill-red{background:var(--red-bg);color:var(--red-ink)}.flag{border-radius:10px;gap:10px;padding:10px 14px;display:flex}.flag-attention{background:var(--amber-bg);border:1px solid var(--amber-border);color:var(--ink-2)}.flag-urgent{background:var(--red-bg);color:var(--ink-2);border:1px solid #fda29b}.flag strong{display:block}label.field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=number],input[type=datetime-local],select,textarea{font:inherit;border:1px solid var(--border-strong);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:10px 12px;font-size:15px;font-weight:400}textarea{resize:vertical}fieldset{border:0;flex-direction:column;gap:10px;margin:0;padding:0;display:flex}legend{margin-bottom:8px;padding:0;font-weight:600}.choice{border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-weight:500;display:flex}.choice:has(input:checked){border:2px solid var(--primary);background:#f5f9fe;padding:11px 13px}.choice input{accent-color:var(--primary);margin-top:4px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.error{background:var(--red-bg);color:var(--red-ink);border-radius:8px;padding:10px 14px;font-weight:500}.notice{background:var(--green-bg);color:var(--green-ink);border-radius:8px;padding:10px 14px;font-weight:500}.steps{grid-template-columns:repeat(14,minmax(0,1fr));gap:3px;display:grid}.steps div{background:var(--border);border-radius:3px;height:6px}.steps .done{background:var(--primary)}.steps .now{background:var(--amber-bar)}table.queue{border-collapse:collapse;width:100%;min-width:760px}table.queue th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:#f9fafb;padding:12px 16px;font-size:13px;font-weight:600}table.queue td{vertical-align:top;border-bottom:1px solid #f2f4f7;padding:14px 16px}.scroll-x{overflow-x:auto}.log{flex-direction:column;gap:14px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.log li{gap:10px;display:flex}.dot{background:var(--primary);border-radius:999px;flex:none;width:10px;height:10px;margin-top:6px}dl.facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;margin:0;font-size:14px;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:2px 0 0}details>summary{cursor:pointer;padding:12px 0;font-weight:600}.auth-card{max-width:420px;margin:48px auto}.draft{border:1px solid #c7d7fe;border-left:4px solid var(--primary,#0b5cad);background:#f5f8ff;border-radius:10px;padding:12px 14px;font-size:14px}
