:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2330;--muted:#667085;--border:#e3e6eb;--accent:#0f766e;--accent-contrast:#fff;--danger:#b42318;--call-bg:#ecfdf3;--call-border:#12b76a;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1216;--surface:#181c22;--text:#e6e8eb;--muted:#98a2b3;--border:#2a303a;--accent:#2dd4bf;--accent-contrast:#062421;--danger:#f97066;--call-bg:#0b2a1c;--call-border:#32d583}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent)}h1{margin:0 0 4px;font-size:1.5rem}h2{margin:24px 0 8px;font-size:1.05rem}.card h2:first-child{margin-top:0}code{background:var(--border);border-radius:4px;padding:1px 5px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:24px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{font-weight:700}.topbar nav{flex:1;gap:4px;display:flex}.topbar nav a{border-radius:var(--radius);color:var(--text);padding:6px 12px;text-decoration:none}.topbar nav a.active{background:var(--bg);font-weight:600}.conn{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;display:flex}.conn:before{content:"";background:var(--muted);border-radius:50%;width:8px;height:8px}.conn-live:before{background:var(--call-border)}.conn-offline:before{background:var(--danger)}main{max-width:1100px;margin:0 auto;padding:24px}.narrow{max-width:640px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.muted{color:var(--muted)}.error{color:var(--danger)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);padding:7px 14px;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.ghost,.button.ghost{color:var(--text);border-color:var(--border);background:0 0}button.ghost:hover,.button.ghost:hover{background:var(--bg)}input,textarea,select{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:7px 10px}.search{max-width:420px;margin-bottom:16px}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.form fieldset{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;display:flex}.form legend{color:var(--muted);font-size:.9rem}.row{align-items:flex-end;gap:8px;display:flex}.row>*{flex:1}.row>button{flex:none}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions input{width:auto}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.plain{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.notes{white-space:pre-wrap;margin:0}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 12px}.table th{color:var(--muted);background:var(--bg);font-size:.8rem;font-weight:600}.table tr:last-child td{border-bottom:0}.clickable{cursor:pointer}.clickable:hover{background:var(--bg)}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions button{padding:3px 8px;font-size:.85rem}.pill{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.8rem}.pill-scheduled{border-color:var(--accent);color:var(--accent)}.pill-cancelled,.pill-no_show{color:var(--danger);border-color:var(--danger)}.call-banner{background:var(--call-bg);border-bottom:2px solid var(--call-border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 24px;display:flex}.call-banner .spacer{flex:1}.call-dot{background:var(--call-border);border-radius:50%;width:10px;height:10px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3}}.modal-backdrop{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:min(480px,100%);padding:20px}.modal h2{margin-top:0}.picker{flex-direction:column;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.picker button{text-align:left;background:var(--surface);width:100%;color:var(--text);border-color:var(--border);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.picker button:hover{border-color:var(--accent)}@media (width<=720px){main{padding:16px}.topbar{flex-wrap:wrap;gap:12px;padding:10px 16px}.grid{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.row{flex-wrap:wrap}}.success{color:var(--call-border)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:min(380px,100%)}.user-link{color:var(--text);white-space:nowrap;font-size:.9rem;text-decoration:none}.user-link:hover{text-decoration:underline}button.small{padding:4px 10px;font-size:.85rem}select{width:auto}
