/* EPIC Experience 2.1: viewport-sized Material workspace. */
.live-shell{--live-ink:#193832;--live-muted:#62756f;--live-primary:#17675a;--live-line:#dce6e0;color-scheme:light;width:100%;height:100dvh;min-height:0;overflow:hidden;display:grid;grid-template-rows:68px 46px minmax(0,1fr) 66px;background:#f3f6f3;color:var(--live-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}.live-shell *{box-sizing:border-box}.live-header{display:flex;align-items:center;gap:14px;padding:10px 22px;border-bottom:1px solid var(--live-line);background:#fff;min-width:0}.live-icon-btn{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--live-line);border-radius:50%;background:#fff;color:#365e54;cursor:pointer}.live-header>.live-icon-btn{transform:rotate(180deg)}.live-icon-btn:hover{background:#edf5ef}.live-brand{min-width:0;flex:1}.live-eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:700;color:#5f8174}.live-brand h1{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:2px 0 0;color:var(--live-ink)}.live-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.live-timer{font-size:14px;font-variant-numeric:tabular-nums;color:#5d756a;white-space:nowrap}.live-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #cbdcd2;border-radius:22px;padding:10px 17px;font-size:14px;line-height:1.2;font-weight:600;color:var(--live-primary);background:#fff;cursor:pointer;white-space:nowrap;transition:background .16s,box-shadow .16s}.live-tool:hover{background:#eaf3ed;box-shadow:0 2px 7px #1f51330b}.live-tool:disabled{opacity:.55;cursor:not-allowed}.live-objective-strip{display:flex;align-items:center;gap:12px;padding:8px 23px;background:#e9f2eb;border-bottom:1px solid #d9e5dc}.live-objective-strip p{font-size:14px;line-height:1.4;margin:0;flex:1;color:#426558}.live-progress-label{font-size:13px;font-weight:650;color:#376951;white-space:nowrap}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:20px;padding:16px 22px;min-width:0;min-height:0;overflow:hidden;width:100%;max-width:none}.live-patient-side{display:grid;grid-template-rows:44px minmax(0,1fr) 36px;gap:10px;min-width:0;min-height:0}.live-focus-tabs{display:flex;gap:4px;border:1px solid var(--live-line);border-radius:24px;background:#e9efea;padding:3px;width:max-content;max-width:100%;height:44px}.live-focus-tabs button,.live-mobile-tabs button{font-size:14px;font-weight:600;border:0;border-radius:22px;background:transparent;color:#61756a;padding:7px 17px;min-height:36px;white-space:nowrap}.live-focus-tabs button.active,.live-mobile-tabs button.active{background:#fff;color:#176352;box-shadow:0 1px 5px #244f3421}.live-patient-content{display:grid;grid-template-rows:minmax(140px,1fr) auto;gap:12px;min-height:0;min-width:0}.live-scene{position:relative;min-height:0;min-width:0;background:#d8e2d6;border:1px solid #d0dfd0;border-radius:20px;overflow:hidden}.live-room{display:block;width:100%;height:100%}.live-scene-status{position:absolute;inset:0;padding:24px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#dce8d7,#c0d3c5);color:#345b47;font-size:15px;line-height:1.6}.live-scene-status[hidden]{display:none}.live-scene.live-no-webgl{background:#dae5d4 url('assets/practice-room.svg') center/contain no-repeat}.live-scene-status.room-fallback{inset:auto 14px 76px;z-index:4;padding:9px 13px;background:#f5f8efeb;color:#416149;border:1px solid #bbd0b6;border-radius:10px;backdrop-filter:blur(8px);font-size:12px;line-height:1.5}.live-scene-top{position:absolute;inset:14px 14px auto;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.live-location{font-size:11px;font-weight:700;letter-spacing:1.3px;border:1px solid #d0dccc;padding:9px 12px;border-radius:10px;background:#f7faefed;color:#355647;backdrop-filter:blur(8px)}.live-location small{display:block;font-size:9px;letter-spacing:1.1px;margin-top:3px;color:#6d8471}.live-view-controls{display:flex;border:1px solid #c5d7c3;border-radius:22px;padding:3px;background:#f4f8f0e8;pointer-events:auto;backdrop-filter:blur(10px)}.live-view-controls button{border:0;background:transparent;color:#5e7564;min-height:36px;font-size:12px;padding:7px 12px;border-radius:18px;font-weight:600}.live-view-controls button.active{background:#2d6b50;color:#fff}.live-patient-caption{position:absolute;left:13px;right:13px;bottom:13px;padding:8px 11px;display:flex;align-items:center;gap:10px;background:#f9fcf3ed;border:1px solid #c9d9c5;border-radius:13px;backdrop-filter:blur(10px);color:#274d38}.live-patient-caption>span{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#d6e7c9;color:#3d6543;font-size:12px;font-weight:700;flex-shrink:0}.live-patient-caption>div{flex:1;min-width:0}.live-patient-caption strong{display:block;font-size:14px}.live-patient-caption small{display:block;font-size:11px;color:#6c8170;margin-top:2px}.live-patient-caption .live-icon-btn{width:40px;height:40px}.live-dialogue{background:#fff;border:1px solid var(--live-line);border-radius:18px;padding:13px 16px;min-width:0}.live-dialogue-top{display:flex;justify-content:space-between;align-items:center;gap:9px}.live-script-label{font-size:11px;color:#819184}.live-patient-line{font-size:16px;line-height:1.5;letter-spacing:-.1px;margin:7px 0 12px;color:#244b3a}.live-patient-buttons{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}.live-patient-buttons .live-tool{padding-inline:13px;font-size:13px;min-height:44px}.live-greeting{background:#17675a;color:#fff;border-color:#17675a;margin-left:auto}.live-greeting:hover{background:#125545;color:#fff}.live-details{display:flex;justify-content:space-between;gap:14px;border:1px solid #d5e4d5;border-radius:10px;padding:8px 11px;background:#eef6eb;color:#46674a;font-size:12px;line-height:1.45;margin:0 0 11px}.live-details[hidden]{display:none}.live-details>strong{font-size:12px;font-weight:600}.live-details>span{text-align:right}.live-capture{display:none;min-height:0;min-width:0;padding:18px;background:#fff;border:1px solid var(--live-line);border-radius:18px;gap:18px;grid-template-columns:minmax(120px,.65fr) minmax(0,1fr);align-items:start}.live-patient-side[data-focus=devices] .live-patient-content{display:none}.live-patient-side[data-focus=devices] .live-capture{display:grid}.live-device-preview-host{min-height:0;min-width:0;aspect-ratio:4/3;background:#edf4ed;border-radius:14px;overflow:hidden}.live-camera-box{position:relative;min-height:0;min-width:0;width:100%;height:100%;overflow:hidden;background:#e4ede3;border-radius:14px;border:1px solid #c9d9c5}.live-scene .live-camera-box{position:absolute;width:112px;height:84px;right:15px;top:72px;z-index:3;box-shadow:0 3px 12px #163c2d30}.live-scene .live-camera-box:not(.camera-active){display:none}.live-video,.live-face-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.live-face-overlay{pointer-events:none}.live-camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;text-align:center;color:#769576;font-size:12px;padding:14px}.live-camera-placeholder svg{width:29px;height:29px}.live-camera-placeholder[hidden]{display:none}.live-local-label{position:absolute;bottom:7px;left:8px;font-size:7px;font-weight:700;letter-spacing:.7px;color:#4e7453;background:#f4f8edce;padding:4px 5px;border-radius:5px}.live-sensor-controls{min-width:0}.live-sensor-row{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:62px}.live-sensor-row>div{min-width:0}.live-sensor-row strong{font-size:15px;display:block;color:#254b38}.live-sensor-row small{display:block;font-size:12px;line-height:1.4;color:#718571;margin-top:4px}.live-sensor-row .live-tool{min-height:44px;padding:9px 12px;font-size:13px;flex-shrink:0}.live-smile-meter{height:5px;margin:8px 0 16px;background:#e0ebdd;border-radius:4px;overflow:hidden}.live-smile-meter span{display:block;height:100%;width:0;background:#50965d;border-radius:4px;transition:width .2s}.live-audio-meter{--level:0;display:flex;align-items:center;gap:3px;height:22px;margin:8px 0 15px}.live-audio-meter i{width:5px;height:calc(4px + var(--level)*16px);background:#74a278;border-radius:3px;opacity:calc(.3 + var(--level)*.7);transition:height .12s}.live-check-buttons{display:flex;gap:7px;flex-wrap:wrap}.live-check-buttons .live-tool{font-size:12px;padding-inline:13px;min-height:44px}.live-detection-settings{font-size:12px;color:#5c7b5b;margin-top:14px}.live-detection-settings summary{cursor:pointer;min-height:28px;padding-block:5px}.live-detection-settings label{display:flex;gap:9px;align-items:center;font-size:12px;margin:8px 0}.live-detection-settings input{width:120px;max-width:45%;accent-color:#4e9159}.live-detection-settings small{display:block;font-size:11px;line-height:1.45;color:#7a8e77}.live-speech-disclosure{font-size:11px;line-height:1.45;color:#748a72;margin:10px 0 0}.live-device-message{font-size:12px;line-height:1.4;color:#6d8173;margin:0 3px;align-self:center}.live-transcript{position:absolute;left:14px;right:14px;bottom:77px;z-index:4;display:flex;align-items:flex-start;gap:9px;padding:8px 12px;border-radius:10px;background:#eaf4deef;border:1px solid #b9d0a9;backdrop-filter:blur(10px);color:#3a653c}.live-transcript[hidden]{display:none}.live-transcript>span{font-size:11px;font-weight:700}.live-transcript p{font-size:12px;line-height:1.4;margin:0}.live-workstation-side{display:grid;grid-template-rows:20px minmax(0,1fr) 70px;gap:9px;min-height:0;min-width:0}.live-workstation-label{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:11px;font-weight:700;letter-spacing:1px;color:#4f7261}.live-workstation-label>span:last-child{font-size:11px;font-weight:500;letter-spacing:0;color:#849484}.live-appointments{min-height:0;min-width:0;height:100%;overflow:hidden}.live-completion{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #d6e4d5;background:#e9f2e4;border-radius:15px;padding:11px 14px;min-width:0}.live-completion-note{font-size:12px;line-height:1.4;color:#5e7c5f;flex:1;margin:0}.live-finish{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:23px;background:#17675a;color:#fff;border:1px solid #17675a;font-size:13px;font-weight:650;padding:11px 16px;white-space:nowrap;flex-shrink:0}.live-finish:disabled{background:#d8e5d5;border-color:#d8e5d5;color:#8a9d86;opacity:1;cursor:not-allowed}.live-checks{border-top:1px solid #dce6dc;background:#fff;padding:10px 22px;min-height:0;overflow:hidden}.live-checks ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0;height:100%}.live-checks li{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 12px;border-radius:24px;border:1px solid #e0e9df;background:#f4f7f1;color:#83967f}.live-checks li>span{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #d6e0d1;border-radius:50%;font-size:12px;font-weight:600}.live-checks li>div{flex:1;min-width:0}.live-checks strong{display:block;font-size:13px;font-weight:550;white-space:nowrap}.live-checks small{display:none}.live-checks b{font-size:15px;font-weight:400;color:#a9b7a3}.live-checks li.verified{border-color:#b7d2ad;background:#e6f2df;color:#467747}.live-checks li.verified>span{background:#c9e1be;color:#3c6a3e;border-color:#c9e1be}.live-checks li.verified>b{color:#3a8848}.live-mobile-tabs{display:none}.live-pause{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90;background:#f3f8eced;backdrop-filter:blur(16px);text-align:center;color:#264b38;padding:24px}.live-pause[hidden]{display:none}.live-pause h2{font-size:36px;margin:12px 0}.live-pause p{font-size:15px;color:#6a826e;margin-bottom:24px}.live-help{color-scheme:light;width:min(460px,calc(100vw - 32px));padding:27px;border:1px solid #ccdcc6;border-radius:22px;color:#2b503a;background:#fff;box-shadow:0 16px 80px #17342035;max-height:calc(100dvh - 32px);overflow:hidden}.live-help::backdrop{background:#16332677;backdrop-filter:blur(4px)}.live-help h2{font-size:23px;margin:0 0 18px}.live-help p{font-size:14px;line-height:1.6;color:#6d806e;margin-bottom:14px}.live-help .live-tool{background:#17675a;color:white;border-color:#17675a;float:right}.live-intro-note{border-radius:12px;border:1px solid #d8e4d2;background:#eff5e8;padding:12px 14px;color:#6a7d58;font-size:13px;line-height:1.5}.live-shell button:focus-visible,.live-shell input:focus-visible,.live-shell summary:focus-visible{outline:3px solid #dbb952;outline-offset:3px}
@media(min-width:1800px){.live-header{padding-inline:30px}.live-layout{padding:20px 30px;gap:25px}.live-brand h1{font-size:25px}.live-patient-line{font-size:19px}.live-dialogue{padding:17px 21px}.live-sensor-row strong{font-size:17px}.live-tool{font-size:15px}.live-checks{padding-inline:30px}.live-checks strong{font-size:15px}.live-capture{grid-template-columns:minmax(180px,.7fr) minmax(0,1fr);padding:25px;gap:24px}}
@media(max-width:1150px){.live-layout{gap:14px;padding:14px 16px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.live-brand h1{font-size:21px}.live-header{padding-inline:16px}.live-quality{display:none}.live-patient-line{font-size:15px}.live-dialogue{padding:12px}.live-patient-buttons{gap:5px}.live-patient-buttons .live-tool{font-size:12px;padding-inline:10px}.live-capture{grid-template-columns:1fr;padding:15px;gap:10px}.live-device-preview-host{height:110px;width:147px;justify-self:center}.live-sensor-row{min-height:51px}.live-smile-meter{margin:6px 0 8px}.live-audio-meter{margin:5px 0 8px;height:16px}.live-detection-settings{margin-top:7px}.live-speech-disclosure{margin-top:6px;font-size:11px}.live-checks{padding-inline:16px}.live-checks ol{gap:6px}.live-checks li{padding:6px 9px;gap:6px}.live-checks li>span{width:23px;height:23px}.live-checks strong{font-size:12px}.live-checks b{font-size:13px}.live-completion{padding:9px 11px;gap:8px}.live-completion-note{font-size:11px}.live-finish{font-size:12px;padding-inline:12px}}
@media(max-width:780px){.live-shell{grid-template-rows:60px 44px 48px minmax(0,1fr) 76px}.live-header{padding:8px 13px;gap:9px}.live-brand h1{font-size:18px;margin-top:2px}.live-eyebrow{font-size:9px;letter-spacing:1px}.live-header>.live-icon-btn{width:40px;height:40px}.live-header-actions .live-tool{font-size:12px;min-height:40px;padding:9px 13px}.live-timer{font-size:12px}.live-objective-strip{padding:7px 15px;gap:9px}.live-objective-strip p{font-size:11px;line-height:1.4}.live-progress-label{font-size:11px}.live-mobile-tabs{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#fff;border-bottom:1px solid var(--live-line)}.live-mobile-tabs button{flex:1;font-size:13px;min-height:40px;padding:9px 8px}.live-mobile-tabs button.active{background:#e9f2e5;color:#256245;box-shadow:none}.live-layout{display:block;min-height:0;height:100%;padding:11px 13px}.live-patient-side{height:100%;grid-template-rows:minmax(0,1fr) 36px;gap:9px}.live-focus-tabs{display:none}.live-layout[data-view=patient] .live-workstation-side{display:none}.live-layout[data-view=workstation] .live-patient-side{display:none}.live-workstation-side{height:100%;grid-template-rows:18px minmax(0,1fr) 64px;gap:7px}.live-workstation-label{font-size:10px}.live-workstation-label>span:last-child{font-size:10px}.live-patient-content{gap:10px;grid-template-rows:minmax(130px,1fr) auto}.live-dialogue{padding:12px 13px;border-radius:16px}.live-patient-line{font-size:15px;line-height:1.45;margin:7px 0 10px}.live-dialogue .live-eyebrow{font-size:10px}.live-patient-buttons .live-tool{font-size:12px;padding:10px 10px;min-height:44px}.live-repeat{display:none}.live-details{font-size:11px;gap:8px;padding:7px 9px;margin-bottom:9px}.live-details>strong{font-size:11px}.live-scene{border-radius:16px}.live-scene-top{inset:10px 10px auto}.live-location{font-size:9px;padding:7px 9px}.live-location small{font-size:8px}.live-view-controls button{font-size:11px;min-height:33px;padding:6px 9px}.live-patient-caption{left:9px;right:9px;bottom:9px;padding:7px 8px;gap:8px}.live-patient-caption strong{font-size:13px}.live-patient-caption small{font-size:10px}.live-patient-caption>span{width:30px;height:30px;font-size:10px}.live-scene .live-camera-box{top:62px;right:12px;width:96px;height:72px;border-radius:9px}.live-scene-status.room-fallback{font-size:10px;padding:7px 9px;inset:auto 10px 70px}.live-capture{padding:15px;grid-template-columns:1fr;gap:9px;align-content:start}.live-device-preview-host{height:130px;width:174px;justify-self:center}.live-sensor-row strong{font-size:14px}.live-sensor-row small{font-size:12px}.live-sensor-row .live-tool{font-size:12px;min-height:44px}.live-check-buttons .live-tool{font-size:12px;min-height:44px}.live-detection-settings summary{min-height:30px}.live-device-message{font-size:11px;margin-inline:2px}.live-checks{padding:7px 13px}.live-checks ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.live-checks li{padding:4px 7px;border-radius:15px;gap:5px}.live-checks li>span{width:18px;height:18px;font-size:10px}.live-checks strong{font-size:11px}.live-checks b{font-size:11px}.live-finish{font-size:12px;min-height:44px;padding:10px 12px}.live-completion-note{font-size:11px}.live-completion{padding:8px 10px;border-radius:12px}.live-transcript{bottom:68px;font-size:11px;padding:7px 9px;gap:6px}.live-transcript p{font-size:11px}.live-transcript>span{font-size:10px}}
@media(max-height:740px) and (min-width:781px){.live-shell{grid-template-rows:58px 38px minmax(0,1fr) 56px}.live-header{padding-block:7px}.live-brand h1{font-size:20px}.live-eyebrow{font-size:9px}.live-layout{padding-block:10px}.live-patient-side{gap:7px;grid-template-rows:40px minmax(0,1fr) 32px}.live-focus-tabs{height:40px}.live-focus-tabs button{min-height:32px;font-size:12px;padding:5px 13px}.live-patient-line{font-size:14px;margin:5px 0 9px;line-height:1.4}.live-dialogue{padding:10px 12px}.live-details{font-size:11px;padding:5px 8px;margin-bottom:7px}.live-patient-buttons .live-tool{font-size:12px;min-height:40px;padding:8px 12px}.live-capture{padding:12px;gap:9px;grid-template-columns:120px minmax(0,1fr)}.live-device-preview-host{height:90px;width:120px}.live-sensor-row{min-height:44px}.live-sensor-row strong{font-size:13px}.live-sensor-row small{font-size:11px}.live-smile-meter{margin:5px 0 7px}.live-audio-meter{height:15px;margin:3px 0 7px}.live-check-buttons .live-tool{min-height:40px}.live-workstation-side{grid-template-rows:18px minmax(0,1fr) 60px}.live-completion{padding-block:8px}.live-checks{padding-block:7px}}
@media(max-height:700px) and (max-width:780px){.live-shell{grid-template-rows:54px 44px minmax(0,1fr) 66px}.live-objective-strip{display:none}.live-header{padding-block:6px}.live-mobile-tabs{padding-block:2px}.live-mobile-tabs button{min-height:40px}.live-layout{padding-block:8px}.live-device-preview-host{height:84px;width:112px}.live-capture{padding:11px 13px;gap:5px}.live-sensor-row{min-height:44px}.live-sensor-row strong{font-size:13px}.live-sensor-row small{font-size:11px}.live-check-buttons .live-tool{min-height:40px}.live-detection-settings{margin-top:4px}.live-speech-disclosure{font-size:10px;line-height:1.3}.live-patient-line{font-size:14px;line-height:1.35}.live-dialogue{padding:10px 12px}.live-details{font-size:10px;line-height:1.3}.live-device-message{font-size:10px;line-height:1.3}.live-patient-content{grid-template-rows:minmax(110px,1fr) auto}.live-checks{padding-block:5px}.live-checks ol{gap:4px}.live-checks li{padding-block:3px}.live-workstation-side{grid-template-rows:16px minmax(0,1fr) 56px}.live-completion{padding:6px 9px}.live-completion-note{font-size:10px}.live-workstation-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-tool,.live-smile-meter span,.live-audio-meter i{transition:none}}
.live-capture{position:relative}.live-detection-settings[open]{position:absolute;left:12px;right:12px;bottom:16px;z-index:8;max-width:360px;margin:0 auto;padding:15px 18px;border:1px solid #c9dbc2;border-radius:16px;background:#fff;box-shadow:0 8px 32px #244b3426}.live-detection-settings[open] summary{font-weight:650;color:#305c3e}