:root{color-scheme:light;--bg:#eef3f4;--panel:#fff;--text:#182426;--muted:#66777a;--line:#d6e0e1;--accent:#087d69;--accent2:#075f51;--danger:#a53737;--shadow:0 12px 35px #153c4212}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}body.dark{color-scheme:dark;--bg:#0d1719;--panel:#152326;--text:#edf7f6;--muted:#9aadaf;--line:#2a3e42;--accent:#2bb399;--accent2:#40cbb0;--danger:#e46f6f;--shadow:none}header{height:62px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1320px)/2));position:sticky;top:0;z-index:3}header strong{font-size:20px;color:var(--accent)}header span{margin-left:10px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions span{margin:0}.badge{font-size:12px;padding:5px 9px;border-radius:20px;background:#daf4e9;color:#126448}.badge.offline{background:#f5e6e2;color:#8d4136}button,select,input,textarea{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:10px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}main{max-width:1320px;margin:24px auto;padding:0 22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:24px}.hidden{display:none!important}h1,h2,p{margin-top:0}h1{font-size:22px;margin-bottom:3px}h2{font-size:15px;margin:20px 0 9px}.section-title p,.recordings-head p{color:var(--muted);margin-bottom:20px}.source-note{color:var(--muted);font-size:12px;margin:0 0 10px}.field{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.field select,.field textarea,.search-row input{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px}.picker>.field{max-width:460px;margin-bottom:14px}.search-row{display:flex;gap:8px;max-width:690px}.search-row input{flex:1}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.patient-list{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:105px}.patient-item{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 14px}.patient-item:last-child{border-bottom:0}.patient-item strong{display:block}.patient-item small,.muted{color:var(--muted)}.patient-list.muted,.patient-list.skeleton{padding:20px}.patient-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.patient-bar small{color:var(--accent);font-weight:700}.patient-bar span{color:var(--muted)}.quiet{padding:7px 10px}.capture-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.preview{background:#030707;border-radius:12px;min-height:min(68vh,720px);display:grid;place-items:center;color:#d7e7e6}.preview-placeholder{text-align:center;display:grid;gap:8px;max-width:380px}.preview-placeholder small{color:#81908f}.preview-placeholder strong{font-size:19px}#recordDot{width:16px;height:16px;border-radius:50%;background:#586565;margin:auto}#recordDot.recording{background:#ec3e3e;box-shadow:0 0 0 7px #ec3e3e26}.capture aside{display:flex;flex-direction:column;gap:11px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent2);color:#fff}.big{padding:15px}.dual{display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.help{font-size:11px;color:var(--muted);margin:0}kbd{font:11px monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 4px}.recordings{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.recording-card{border:1px solid var(--line);border-radius:11px;overflow:hidden}.thumb{height:105px;background:#102224;display:grid;place-items:center;color:#7e9998;position:relative}.seq{position:absolute;left:8px;top:8px;background:#0008;color:#fff;padding:3px 7px;border-radius:12px;font-size:11px}.state{position:absolute;right:8px;top:8px;background:#0008;color:#fff;padding:3px 7px;border-radius:12px;font-size:11px}.card-body{padding:11px}.type-buttons,.post-actions{display:flex;gap:5px;margin-top:9px}.type-buttons button,.post-actions button{font-size:11px;padding:6px;flex:1}.type-buttons button.active{background:var(--accent);border-color:var(--accent);color:#fff}.alias{font:11px monospace;color:var(--muted);overflow-wrap:anywhere}.empty{color:var(--muted);padding:20px;border:1px dashed var(--line);border-radius:10px}.report-dialog{width:min(900px,calc(100vw - 28px));max-height:92vh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 22px 80px #0005}.report-dialog::backdrop{background:#061012b8}.report-dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head small{color:var(--accent);font-weight:700}.dialog-head h2{font-size:21px;margin:3px 0 16px}.report-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.report-fields .field{min-width:0}.send-check{display:flex;gap:8px;align-items:center;margin:14px 0}.dialog-actions{display:flex;justify-content:flex-end;margin-top:14px}.report-result{padding:10px;border:1px solid var(--line);border-radius:8px}.report-result a{color:var(--accent)}#toast{position:fixed;z-index:20;right:24px;bottom:24px;background:#173b38;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#toast.error{background:#742f2f}@media(max-width:800px){.columns,.capture-grid{grid-template-columns:1fr}.preview{min-height:280px}.capture aside{display:grid;grid-template-columns:1fr 1fr}.capture aside .field,.capture aside .help,.capture aside .danger{grid-column:1/-1}.report-fields{grid-template-columns:1fr}}@media(max-width:520px){main{padding:0 10px}.panel{padding:14px}.columns{gap:8px}.capture aside{display:flex}.patient-bar{align-items:flex-start}.recordings{grid-template-columns:1fr}}
