:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#142036;--muted:#657086;--line:#dfe5ef;--surface:#fff;--canvas:#f4f7fb;--brand:#3157d5;--brand-dark:#2443ad;--success:#087a61;--warning:#a65b00;--danger:#c3353c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #89a3ff}.support-page{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;min-height:72px;padding:0 5vw;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.05rem;font-weight:750;display:flex}.brand-mark{color:#0000;background:url(/remotepilot-mark.svg) 50%/contain no-repeat;justify-content:center;align-items:center;width:34px;height:34px;font-size:0;display:inline-flex}.secure-label{color:var(--success);font-size:.86rem;font-weight:700}.secure-label span{margin-right:.4rem;font-size:.6rem}.support-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:1.5rem;max-width:1180px;margin:0 auto;padding:3rem 1.5rem 5rem;display:grid}.session-card,.safety-card,.empty-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px #1d2e5712}.session-card{padding:clamp(1.4rem,3vw,2.5rem)}.safety-card{padding:1.75rem;position:sticky;top:1.5rem}.session-heading{justify-content:space-between;align-items:start;gap:1.5rem;display:flex}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .55rem;font-size:.76rem;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.08}h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}p{color:var(--muted);line-height:1.6}.technician-line{align-items:center;gap:.75rem;margin:1.25rem 0 0;font-size:.91rem;display:flex}.technician-line strong{color:var(--ink)}.avatar{color:var(--brand);background:#e9edff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.72rem;font-weight:800;display:inline-flex}.state-badge{color:#536078;white-space:nowrap;background:#edf1f8;border-radius:99px;padding:.55rem .8rem;font-size:.75rem;font-weight:800}.state-active,.state-approved,.state-completed{color:var(--success);background:#dff6ed}.state-approval-required,.state-ready,.state-connecting{color:var(--warning);background:#fff0d7}.state-declined,.state-expired,.state-failed,.state-invalid{color:var(--danger);background:#fde7e8}.issue-block{border-left:3px solid var(--brand);background:#f7f9fc;border-radius:0 10px 10px 0;margin:2rem 0;padding:1rem 1.2rem}.issue-block span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:750}.issue-block p{color:var(--ink);margin:.35rem 0 0}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.permission-count{color:var(--muted);font-size:.78rem}.permission-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.permission-row{cursor:default;align-items:start;gap:.9rem;padding:1rem;display:flex}.permission-row+.permission-row{border-top:1px solid var(--line)}.permission-row:has(input){cursor:pointer}.permission-row input{accent-color:var(--brand);width:19px;height:19px;margin:.15rem 0 0}.permission-row strong{font-size:.92rem;display:block}.permission-row small{color:var(--muted);margin-top:.25rem;font-size:.8rem;line-height:1.45;display:block}.permission-icon{color:#8993a6;text-align:center;min-width:19px;font-weight:800}.permission-icon.approved{color:var(--success)}.action-panel,.session-message{background:#f3f6ff;border:1px solid #dbe3ff;border-radius:12px;margin-top:1.5rem;padding:1.2rem}.action-panel p,.session-message p{margin:.45rem 0 1rem;font-size:.88rem}.button-row{flex-wrap:wrap;gap:.65rem;display:flex}.button{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-size:.85rem;font-weight:750;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--brand);color:#fff}.button-primary:hover:not(:disabled){background:var(--brand-dark)}.button-secondary{color:var(--ink);background:#fff;border:1px solid #bfc9df;margin-right:.55rem}.button-quiet{color:var(--danger);background:0 0}.button-danger{background:var(--danger);color:#fff;width:100%;margin-top:1.4rem}.message-active{background:#e5f8f1;border-color:#b9e8d9}.message-declined,.message-failed{background:#fff1f1;border-color:#f2cccc}.session-message strong{color:var(--ink)}.session-message p{margin-bottom:0}.error-message{color:var(--danger);font-size:.86rem;font-weight:650}.safety-card>p{font-size:.9rem}.safety-card dl{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:1.3rem 0 0}.safety-card dl div{justify-content:space-between;gap:1rem;padding:.85rem 0;display:flex}.safety-card dl div+div{border-top:1px solid var(--line)}.safety-card dt{color:var(--muted);font-size:.78rem}.safety-card dd{text-align:right;margin:0;font-size:.78rem;font-weight:750}.privacy-note{background:#f7f9fc;border-radius:10px;margin-top:1.4rem;padding:1rem}.privacy-note strong{font-size:.82rem}.privacy-note p{margin:.4rem 0 0;font-size:.75rem}.simple-page{max-width:720px;min-height:100vh;margin:0 auto;padding:3rem 1.5rem}.simple-page>.brand{margin-bottom:5rem}.empty-card{text-align:center;padding:clamp(2rem,7vw,4rem)}.empty-card p:last-child{max-width:30rem;margin:1rem auto 0}.spinner{border:3px solid #d8deea;border-top-color:var(--brand);border-radius:50%;width:30px;height:30px;margin-bottom:1.5rem;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.support-grid{grid-template-columns:1fr;padding-top:1.5rem}.safety-card{position:static}.secure-label{display:none}}@media (max-width:540px){.topbar{min-height:64px;padding:0 1rem}.support-grid{padding:1rem .75rem 3rem}.session-card,.safety-card{border-radius:14px;padding:1.2rem}.session-heading{flex-direction:column-reverse;gap:1rem}.button,.button-secondary{width:100%;margin:.35rem 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.spinner{animation:none}}