:root{--color-primary:#245bd7;--color-background:#eef2f6;--color-surface:#fff;--color-ink:#172638;--color-muted:#526477;--color-border:#cbd5e1;--color-danger:#b42332;--color-success:#176b50;--color-warning:#875b0d;--font-body:Arial, sans-serif;--font-display:Arial Narrow, Arial, sans-serif;--font-utility:ui-monospace, monospace;--radius:.5rem;--space-unit:.5rem;--space-page:2rem}*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:var(--color-muted) var(--color-background)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-muted);border:3px solid var(--color-background);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink)}::-webkit-scrollbar-thumb:active{background:var(--color-ink)}body{background:var(--color-background);color:var(--color-ink);font:16px/1.5 var(--font-body);margin:0}h1,h2,h3{font-family:var(--font-display);margin:0 0 16px;line-height:1.2}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}p{margin:0 0 20px}small,.muted{color:var(--color-muted)}header{padding:20px var(--space-page);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;display:flex}header strong{letter-spacing:-.5px;font-size:20px}main{padding:var(--space-page);max-width:1500px;margin:auto}.workspace{grid-template-columns:340px minmax(0,1fr);gap:24px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:24px;padding:24px}.channel{border-top:6px solid var(--color-primary)}.eyebrow{font:12px var(--font-utility);letter-spacing:1.5px;color:var(--color-muted);margin-bottom:12px}.button{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:88px;min-height:44px;color:var(--color-ink);cursor:pointer;padding:9px 16px}.button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-background)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.button.primary:hover:not(:disabled){background:var(--color-ink)}.button.danger{color:var(--color-danger);border-color:var(--color-danger)}.button:disabled{opacity:.55;cursor:default}.button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field input,select{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;font:inherit;color:var(--color-ink);background:var(--color-surface);padding:11px 12px}.field-error{min-height:20px;color:var(--color-danger);font-size:13px;display:block}[aria-invalid=true]{border-color:var(--color-danger)!important}.form-error{color:var(--color-danger);min-height:24px;margin-bottom:12px}.status{min-height:32px;padding:4px var(--space-page);color:var(--color-success)}.login{max-width:480px;margin:8vh auto}.login .panel{padding:36px}.table-scroll{scrollbar-gutter:stable;min-height:240px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--color-muted);letter-spacing:.4px;font-size:12px}td,th{border-bottom:1px solid var(--color-border);padding:14px 10px}td:first-child{font-weight:600}td small{font-weight:400;display:block}thead{background:var(--color-surface);position:sticky;top:0}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar .field{flex:1;margin:0}.toolbar .field-error{display:none}.pagination{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.ptt{border:2px solid var(--color-primary);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-height:140px;margin-top:20px;font-size:20px;font-weight:700}.ptt[aria-pressed=true]{background:var(--color-primary);color:var(--color-surface)}.audio-state{min-height:48px;font:14px var(--font-utility);margin-top:16px}dialog{border:1px solid var(--color-border);border-radius:var(--radius);width:min(480px,100% - 32px);max-height:85dvh;color:var(--color-ink);background:var(--color-surface);padding:28px;overflow:auto}dialog::backdrop{background:#0f1e3273}.badge{color:var(--color-muted);font-size:12px}.badge.revoked{color:var(--color-danger)}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{margin:0}a{color:var(--color-primary)}@media (width<=800px){:root{--space-page:16px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.login{margin:20px auto}header,.toolbar{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (forced-colors:active){*{scrollbar-color:auto}.button{border:1px solid buttontext}.ptt[aria-pressed=true]{outline:4px solid highlight}}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);margin:16px 0;padding:12px}fieldset label{align-items:center;gap:12px;min-height:44px;display:flex}fieldset input[type=checkbox]{width:20px;height:20px}.recordings{min-width:0}.recording-settings{background:var(--color-background);border-radius:var(--radius);margin:20px 0;padding:16px}.recording-settings form{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.recording-settings .field{flex:160px;margin:0}.recording-settings .field-error:empty,.recording-settings .form-error:empty{display:none}.recording-settings .form-error:not(:empty){flex-basis:100%;order:3;margin:0}.recording-settings button{margin-top:27px}.recording-list{border-left:2px solid var(--color-border);margin:24px 0 0;padding:0 0 0 20px;list-style:none}.recording-item{overflow-wrap:anywhere;padding:0 0 24px;position:relative}.recording-item:before{content:"";background:var(--color-primary);border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-27px}.recording-item+.recording-item{border-top:1px solid var(--color-border);padding-top:20px}.recording-item+.recording-item:before{top:26px}.recording-item p{margin:4px 0 12px;font-size:14px}.recording-item audio{width:100%;max-width:480px;margin:12px 0;display:block}.recording-item>.button{font-size:14px}@media (width<=420px){.recording-settings form{display:block}.recording-settings button{margin-top:12px}.recording-list{padding-left:14px}.recording-item:before{left:-21px}}
