.supervision-overview{--sv-accent:#5949ce;--sv-soft:#f0edff;--sv-audio:#5b4cbd;--sv-guide:#007f83;--sv-call:#697a90;color:var(--fusion-text,#15223a);margin:36px 0 48px;scroll-margin-top:110px}
.supervision-overview [hidden]{display:none!important}
.supervision-overview-heading{max-width:830px;margin-bottom:28px}
.supervision-overview-heading h2{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.08;margin:12px 0 18px}
.supervision-overview-heading>p{font-size:18px;line-height:1.7;color:var(--fusion-muted,#53647d);margin:0}
.supervision-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.supervision-tabs button{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;padding:15px 18px;border:1px solid var(--fusion-line,#d7deeb);border-radius:14px;background:var(--fusion-surface,#fff);color:var(--fusion-text,#15223a);font:650 16px/1.3 'IBM Plex Sans','Segoe UI',sans-serif;cursor:pointer;text-align:left;transition:border-color .18s,background .18s}
.supervision-tabs button[aria-selected=true]{background:var(--sv-accent);border-color:var(--sv-accent);color:#fff;box-shadow:0 7px 20px #5949ce20}
.supervision-tab-icon{width:37px;height:37px;display:grid;place-items:center;flex:none;background:var(--sv-soft);color:var(--sv-accent);border-radius:10px;font-size:18px}
.supervision-tabs button[aria-selected=true] .supervision-tab-icon{background:#ffffff20;color:inherit}
.supervision-tab-number{margin-left:auto;font-size:12px;opacity:.7}
.supervision-tabs button:hover{border-color:var(--sv-accent)}
.supervision-tabs button:focus-visible,.supervision-panel:focus-visible{outline:3px solid var(--sv-accent);outline-offset:4px}
.supervision-panel{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:30px;padding:32px;border:1px solid var(--fusion-line,#d7deeb);border-radius:20px;background:linear-gradient(135deg,var(--sv-soft),var(--fusion-surface,#fff) 65%);margin-bottom:22px;min-width:0}
.supervision-mode-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--sv-accent);letter-spacing:.025em}
.supervision-mode-copy h3{font-size:clamp(1.55rem,2.2vw,2.1rem);line-height:1.2;margin:16px 0 18px;max-width:500px}
.supervision-mode-copy>p{font-size:16px;line-height:1.75;color:var(--fusion-muted,#53647d);margin:0}
.supervision-mode-rule{display:flex;align-items:flex-start;gap:12px;padding:18px;margin-top:25px;border:1px solid var(--fusion-line,#d7deeb);border-radius:12px;background:var(--fusion-surface,#fff);font-size:16px;line-height:1.5}
.supervision-mode-rule>i{color:var(--sv-accent);margin-top:4px;flex:none}
.supervision-mode-copy .supervision-mode-use{font-size:13px;line-height:1.6;margin-top:15px}
.supervision-mode-use>i{margin-right:6px;color:var(--sv-accent)}
.supervision-visual{min-width:0}
.supervision-diagram{margin:0}
.supervision-drawing{height:370px;position:relative;margin:0 0 16px;isolation:isolate}
.supervision-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--sv-audio);z-index:-1}
.supervision-connections marker path{fill:currentColor}
.supervision-audio-line,.supervision-call-line,.supervision-whisper-line{fill:none;stroke:currentColor;stroke-width:2.6;vector-effect:non-scaling-stroke}
.supervision-call-line{color:var(--sv-call);stroke:var(--sv-call)}
.supervision-whisper-line{color:var(--sv-guide);stroke:var(--sv-guide);stroke-width:3.4;stroke-dasharray:8 5}
.supervision-person{position:absolute;width:42%;min-height:139px;box-sizing:border-box;padding:14px 9px;border:1px solid var(--fusion-line,#d7deeb);border-radius:16px;text-align:center;background:var(--fusion-surface,#fff);box-shadow:0 7px 20px #19396308;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.supervision-person-supervisor{top:0;left:29%;border-color:var(--sv-accent);background:var(--sv-soft)}
.supervision-person-agent{bottom:28px;left:0}
.supervision-person-caller{bottom:28px;right:0}
.supervision-avatar{display:grid;place-items:center;width:38px;height:38px;margin-bottom:3px;border-radius:50%;background:var(--fusion-raised,#edf2f8);color:var(--fusion-muted,#53647d);font-size:19px}
.supervision-person-supervisor .supervision-avatar{background:var(--sv-accent);color:#fff}
.supervision-person>strong{font-size:15px;line-height:1.3}
.supervision-person-state{font-size:12px;line-height:1.45;color:var(--fusion-muted,#53647d);max-width:180px}
.supervision-conversation{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;line-height:1.4;color:var(--fusion-muted,#53647d)}
.supervision-conversation>i{margin-right:4px}
.supervision-diagram figcaption{font-size:13px;line-height:1.65;color:var(--fusion-muted,#53647d);padding:0 4px}
.supervision-relation-key{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:14px;padding:14px 4px 0;border-top:1px solid var(--fusion-line,#d7deeb)}
.supervision-relation{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.5;color:var(--fusion-muted,#53647d)}
.supervision-relation>i{width:18px;height:0;border-top:3px solid var(--sv-audio);flex:none}
[data-supervision-panel=listen] .supervision-relation-1>i{width:12px;height:12px;border:1px solid var(--sv-audio);border-radius:50%;background:linear-gradient(45deg,transparent 42%,var(--sv-audio) 43%,var(--sv-audio) 57%,transparent 58%)}
[data-supervision-panel=whisper] .supervision-relation-1>i{border-top-style:dashed;border-color:var(--sv-guide)}
.supervision-access{display:flex;align-items:flex-start;gap:18px;margin:28px 0 32px;padding:24px 26px;border:1px solid var(--fusion-line,#d7deeb);border-radius:15px;background:var(--fusion-surface,#fff)}
.supervision-access-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;color:var(--sv-accent);background:var(--sv-soft);font-size:20px}
.supervision-access h3{font-size:20px;margin:0 0 11px;line-height:1.3}
.supervision-access p{font-size:15px;line-height:1.7;color:var(--fusion-muted,#53647d);margin:0 0 10px}
.supervision-access p:last-child{margin-bottom:0}
.supervision-audit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:35px;align-items:center;padding:32px;border:1px solid #b8d9dd;border-radius:20px;background:linear-gradient(125deg,#ebf8f8,#f2f4ff)}
.supervision-audit .eyebrow{color:#08787e;font-size:12px;letter-spacing:.07em;display:flex;gap:8px;align-items:center}
.supervision-audit h3{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25;margin:13px 0 15px}
.supervision-audit-copy>p{font-size:16px;line-height:1.7;color:var(--fusion-muted,#53647d);margin:0 0 23px}
.supervision-audit .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:normal;text-align:center;line-height:1.5}
.supervision-audit-record{background:var(--fusion-surface,#fff);border:1px solid var(--fusion-line,#d7deeb);border-radius:14px;padding:22px;min-width:0;box-shadow:0 8px 24px #19396307}
.supervision-audit-record-title{font-size:14px;font-weight:650}
.supervision-audit-record ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:13px}
.supervision-audit-record li{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.4}
.supervision-audit-record li>i{width:18px;text-align:center;color:#08787e}
.supervision-audit-record p{font-size:12px;line-height:1.7;padding-top:17px;margin:0;border-top:1px solid var(--fusion-line,#d7deeb);color:var(--fusion-muted,#53647d)}
html[data-site-theme=dark] .supervision-overview{--sv-accent:#b29bff;--sv-soft:#251f40;--sv-audio:#b29bff;--sv-guide:#63d5cb;--sv-call:#859cba}
html[data-site-theme=dark] .supervision-tabs button[aria-selected=true],html[data-site-theme=dark] .supervision-person-supervisor .supervision-avatar{color:#181228}
html[data-site-theme=dark] .supervision-tabs button[aria-selected=true] .supervision-tab-icon{background:#18122818}
html[data-site-theme=dark] .supervision-audit{background:linear-gradient(125deg,#102e34,#1d2541);border-color:#31535d}
html[data-site-theme=dark] .supervision-audit .eyebrow,html[data-site-theme=dark] .supervision-audit-record li>i{color:#70d4d4}
@media(max-width:1050px){.supervision-panel{grid-template-columns:1fr;gap:27px;padding:28px}.supervision-mode-copy{max-width:720px}.supervision-visual{max-width:620px;width:100%;justify-self:center}.supervision-drawing{height:365px}.supervision-person{width:37%}.supervision-person-supervisor{left:31.5%}.supervision-audit{gap:24px;padding:26px}}
@media(max-width:600px){.supervision-overview{margin-top:25px}.supervision-overview-heading>p{font-size:16px}.supervision-tabs{gap:6px}.supervision-tabs button{flex-direction:column;justify-content:center;gap:8px;padding:12px 6px;min-height:88px;font-size:13px;text-align:center}.supervision-tab-icon{width:30px;height:30px;font-size:16px;border-radius:9px}.supervision-tab-number{display:none}.supervision-panel{padding:20px 15px;gap:24px;border-radius:16px}.supervision-mode-copy>p{font-size:15px}.supervision-mode-rule{font-size:14px;padding:14px;margin-top:20px}.supervision-drawing{height:385px}.supervision-person{width:44%;padding:12px 6px;min-height:146px;border-radius:12px}.supervision-person-supervisor{width:52%;left:24%}.supervision-person-agent{left:0}.supervision-person-caller{right:0}.supervision-person>strong{font-size:13px}.supervision-person-state{font-size:11px}.supervision-avatar{width:33px;height:33px;font-size:17px}.supervision-audio-line,.supervision-call-line{stroke-width:2}.supervision-whisper-line{stroke-width:2.4}.supervision-conversation{font-size:10px}.supervision-diagram figcaption{font-size:12px}.supervision-relation-key{gap:8px}.supervision-relation{font-size:10px}.supervision-access{padding:20px 17px;gap:12px}.supervision-access-icon{width:31px;height:31px;border-radius:9px;font-size:16px}.supervision-access h3{font-size:18px}.supervision-access p{font-size:14px}.supervision-audit{grid-template-columns:1fr;gap:23px;padding:23px 18px;border-radius:16px}.supervision-audit-copy>p{font-size:15px}.supervision-audit .btn{width:100%;font-size:14px;padding:13px 14px}.supervision-audit-record{padding:20px}}
@media(prefers-reduced-motion:reduce){.supervision-tabs button{transition:none}}