:root{font-family:Arial,Helvetica,sans-serif;color:#243d50;background:#f1f4f7;font-size:14px;--blue:#176599;--border:#dce4eb;--muted:#657988}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid #ccd8e1;color:#294f69;border-radius:5px;padding:10px 14px;font-weight:600}button:hover{background:#edf5fa}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #70b9ef;outline-offset:2px}.primary{background:var(--blue);border-color:var(--blue);color:white}.primary:hover{background:#104e77}.danger{background:#fff1f0;color:#ab332d;border-color:#e8bab6}.full{width:100%;margin:6px 0}.topbar{height:64px;background:#164a70;color:white;display:flex;align-items:center;padding:0 24px;gap:20px}.brand{font:bold italic 39px Georgia;color:#fff}.brand span{font:600 19px Arial;margin-left:5px}.divider{height:28px;border-left:1px solid #56809d}.topmeta{color:#c3d6e4;font-size:13px}.topmeta span{margin:0 14px}.spacer{flex:1}.environment{font-size:11px;letter-spacing:1.2px;background:#ffffff16;padding:7px 9px;border:1px solid #ffffff30;border-radius:3px}.avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:600;background:#e5eef7;color:#255b80;flex-shrink:0}.avatar.small{width:34px;height:34px;font-size:12px;background:#386787;color:white}.avatar.light{background:#eaf0f5;color:#4f6d82}.shell{display:flex;min-height:calc(100vh - 64px)}.rail{width:76px;background:#fff;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:16px;padding:18px 0;flex-shrink:0}.railmark{color:#46778f;font-size:26px;margin-bottom:8px}.rail button{width:66px;border:0;padding:10px 0;border-radius:0;font-size:23px;color:#70818c}.rail button span{display:block;font-size:11px;margin-top:6px;font-weight:400}.rail button.selected{color:#12659c;background:#eaf3fa;border-left:3px solid #176599}.railbottom{margin-top:auto;color:#8b9ba6;font-size:12px}main{padding:20px 26px 0;min-width:0;flex:1;max-width:1800px;margin:auto}.crumb{color:#71828f;font-size:12px;margin-bottom:16px}.crumb span{margin:0 12px;color:#a6b3bd}.patient-banner{display:flex;align-items:center;gap:20px;background:#fff;padding:23px 25px;border:1px solid var(--border);border-radius:6px 6px 0 0}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#78909f;font-weight:bold}h1{font-size:25px;letter-spacing:-.6px;margin:7px 0 9px}#demographics{color:var(--muted);font-size:13px}.identity{display:flex;flex-direction:column;gap:11px;align-items:flex-end;white-space:nowrap}.pill,.tag{font-size:11px;border-radius:4px;padding:5px 8px;background:#edf3f8;color:#486b84;display:inline-block}.identity .pill{background:#e8f3f5;color:#26767d}.allergy{display:flex;gap:16px;align-items:center;font-size:12px;padding:11px 18px;background:#fffbeb;border:1px solid #eadfb3;border-top:0;color:#826522;border-radius:0 0 4px 4px}.allergy strong{white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:20px;margin-top:20px;align-items:start}.chart{background:white;border:1px solid var(--border);border-radius:5px;overflow:hidden;min-height:620px}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 18px}.tabs button{border:0;border-radius:0;padding:17px 15px;color:#6c7e8c;background:white;font-size:13px}.tabs button.active{color:#145f90;border-bottom:3px solid #176599}.workflow{background:#edf6fc;display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #d5e8f5}.workflow strong{font-size:13px;display:block;margin-bottom:4px}.workflow span{font-size:12px;color:#58778c}.workflow .status-icon{font-size:22px;color:#32759f}#call-clock{font-variant-numeric:tabular-nums}.view{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}h2{font-size:17px;margin:0}h3{font-size:14px}.muted{color:var(--muted);font-size:12px}.section-title>.muted{font-size:10px;letter-spacing:.8px}.vitals{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:5px;margin-bottom:20px;background:#fcfdfe}.vitals>div{padding:17px;border-right:1px solid var(--border)}.vitals>div:last-child{border:0}.vitals span{display:block;color:#70818f;font-size:11px;margin-bottom:10px}.vitals strong{font-size:23px;font-weight:500;color:#1c5378;display:block}.vitals small{display:block;font-size:10px;color:#7b8c98;margin-top:5px}.clinical-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{border:1px solid var(--border);border-radius:5px;overflow:hidden}.card h3{margin:0;padding:13px 16px;background:#fafbfd;border-bottom:1px solid #e6ecf1;display:flex;justify-content:space-between;align-items:center}.count{font-size:11px;background:#e9eff4;color:#6d8596;border-radius:10px;padding:2px 6px}.row{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #edf0f4}.row:last-child{border-bottom:0}.row>div:first-child:not(.avatar):not(.date-tile){flex:1}.row strong{font-size:12px;line-height:1.4}.row small{display:block;font-size:11px;color:#7b8b98;margin-top:6px}.tag{font-size:10px;background:#edf5f0;color:#4e7d63}.amber{background:#fff2dd;color:#a17936}.card footer{font-size:10px;color:#90a0ab;padding:10px 16px}.upcoming{margin-top:16px}.date-tile{padding:6px 14px;background:#edf4fa;color:#5483a5;text-align:center;font-size:9px;border-radius:4px}.date-tile strong{display:block;font-size:21px;margin-top:2px}.empty-chart{text-align:center;max-width:420px;margin:75px auto}.empty-chart>div{font-size:45px;color:#6191b1;margin-bottom:18px}.empty-chart p{line-height:1.8;color:var(--muted);font-size:14px;margin:16px 0 24px}.cti{background:white;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #16395308;overflow:hidden}.cti-heading{padding:18px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.webex-mark{font-size:33px;color:#188b7f}.cti-heading strong{font-size:18px;color:#223e4b;font-weight:500}.cti-heading span:not(.spacer):not(.pill){display:block;font-size:10px;color:#81929e;margin-top:3px}.agent-strip{display:flex;align-items:center;gap:10px;background:#fafcfd;padding:15px 16px;border-bottom:1px solid var(--border)}.agent-strip strong{font-size:12px}.agent-strip small{display:block;color:#82939e;font-size:11px;margin-top:5px}#cti-idle{text-align:center;padding:24px 20px}#cti-idle p{color:var(--muted);font-size:13px;line-height:1.7}.cti-illustration{font-size:42px;color:#7c9db2;margin:10px}.cti small{font-size:10px;color:#82919c;display:block;margin:8px 0}.cti-footer{padding:14px 16px;border-top:1px solid var(--border);font-size:10px;color:#8b9ba7;display:flex;align-items:center;gap:6px}.cti-footer button{margin-left:auto;font-size:10px;border:0;padding:0;color:#3578a2}.page-footer{font-size:10px;color:#81929f;display:flex;gap:20px;padding:18px 0}.page-footer>span{color:#96a5b0}#call-panel,#agent-controls{padding:18px}.call-label{font-size:10px;letter-spacing:1.3px;color:#288576;margin-bottom:12px}#call-name{font-size:21px}#call-number{color:#6d8391;font-size:14px}.queue{padding:10px;background:#f2f6f9;font-size:11px;border-radius:4px}.queue span{color:#7f95a3}.call-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.call-actions button{flex:1}.call-actions .danger{flex-basis:100%}label{display:block;font-size:12px;font-weight:600;color:#4d6678;margin:16px 0 10px}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #ccd8e2;border-radius:4px;padding:10px;background:white;color:#253e50;font-size:14px}textarea{resize:vertical;line-height:1.6}.note-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}dialog{border:1px solid #c9d7e1;border-radius:10px;padding:28px;max-width:580px;width:calc(100% - 32px);color:#29495f;box-shadow:0 20px 90px #0b274d40}dialog::backdrop{background:#17334466;backdrop-filter:blur(3px)}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{font-size:22px;margin-top:8px}.dialog-title button{font-size:23px;border:0}dialog p{font-size:13px;color:#748b9b;line-height:1.6}dialog small{font-size:11px;color:#7f919e;line-height:1.6;display:block}details{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}summary{cursor:pointer;font-weight:bold;font-size:13px}.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#error{margin:14px;padding:12px;border-radius:4px;background:#fff0ef;color:#a53630;font-size:12px;overflow-wrap:anywhere}#notice{padding:0 18px 12px;font-size:12px;line-height:1.6;color:#527d72}#notice:empty{padding:0}#settings-message{color:#176599}#note-dot{color:#c48732}.history-item{margin-bottom:14px;padding:18px;border:1px solid var(--border);border-radius:5px}.history-item p{white-space:pre-wrap;font-size:13px;line-height:1.6;color:#627989}.history-item small{font-size:11px;color:#8596a3}[hidden]{display:none!important}@media(min-width:1500px){:root{font-size:16px}.workspace{grid-template-columns:minmax(0,1fr) 340px}.chart{min-height:700px}.row{padding:20px}.row strong{font-size:14px}.row small{font-size:12px}.vitals span{font-size:13px}.tabs button{font-size:14px}}@media(max-width:1100px){main{padding:16px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.clinical-grid{grid-template-columns:1fr}.topmeta{display:none}.patient-banner{gap:12px;padding:18px}h1{font-size:21px}.vitals>div{padding:10px}.identity{white-space:normal}.vitals strong{font-size:20px}}@media(max-width:780px){.topbar{padding:0 12px;gap:12px}.topbar>strong,.topbar>.divider,.environment{display:none}.rail{width:55px}.rail button{width:54px}.workspace{grid-template-columns:1fr}.cti{grid-row:1}.cti-illustration{display:none}#cti-idle{padding:12px 18px}.patient-banner{flex-wrap:wrap}.patient-title{flex:1;min-width:180px}.identity{width:100%;flex-direction:row;justify-content:space-between}.allergy{align-items:start;line-height:1.5}.page-footer{flex-wrap:wrap}.tabs{padding:0}.tabs button{padding:14px 9px;font-size:12px}.view{padding:14px}.note-footer{align-items:stretch;flex-direction:column}.mapping{grid-template-columns:1fr}.vitals{grid-template-columns:1fr 1fr}.vitals>div{border-bottom:1px solid var(--border)}}
/* Readable clinical labels at desktop and enlarged text sizes. */
.row strong,.tabs button,.agent-strip strong,label,.card h3{font-size:14px}.row small,.vitals span,.muted,.cti p,.cti small,#demographics,.workflow strong,.workflow span{font-size:12px}.vitals small,.tag,.card footer,.cti-footer,.cti-footer button,.page-footer,.eyebrow,.section-title>.muted,.call-label,.environment,.pill,.rail button span{font-size:12px}.empty-chart p,textarea,dialog p{font-size:16px}.cti h3{font-size:16px}.patient-title{min-width:0}.patient-title h1,#call-name{overflow-wrap:anywhere}.identity{max-width:35%;overflow-wrap:anywhere}#return-call{width:calc(100% - 32px);margin:12px 16px}#remote-audio[controls]{max-width:100%}@media(max-width:780px){.identity{max-width:none}.page-footer{line-height:1.6}.tabs button{font-size:13px}}
/* Neutral desktop clinical shell: command bar, workspace tabs and activity navigator. */
.topbar{height:42px;padding:0 16px;gap:16px;background:#234b70}.brand{font:600 16px Arial,sans-serif;letter-spacing:.1px}.topbar>.avatar{width:26px;height:26px}.topbar .divider{height:20px}.topbar>.strong,.topmeta{font-size:12px}.commandbar{display:flex;align-items:center;gap:3px;background:#e6ebef;border-bottom:1px solid #b8c6d1;padding:4px 12px;min-height:38px}.commandbar button{border:1px solid transparent;background:transparent;border-radius:2px;font-size:13px;padding:6px 12px}.commandbar button:hover{border-color:#a6bccd;background:#fff}.commandbar>span:last-child{font-size:12px;color:#5c7486;margin-right:10px}.shell{min-height:calc(100vh - 80px)}.rail{width:156px;align-items:stretch;gap:2px;padding:0;background:#edf1f5}.railmark{font-size:12px;font-weight:700;color:#587183;padding:14px 14px 11px;margin:0;border-bottom:1px solid #d2dce4}.rail button{display:flex;align-items:center;text-align:left;gap:10px;width:100%;font-size:18px;padding:12px 13px;background:transparent;border-left:3px solid transparent}.rail button span{display:inline;margin:0;font-size:13px;line-height:1.4}.rail button.selected{border-left:3px solid #287caf;background:#dbeaf6;color:#194f76}.railbottom{padding:20px 15px;border-top:1px solid #d2dce4}.workspace-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #b6c7d4;background:#e3eaf1;margin:-12px -16px 14px;padding:5px 12px 0;min-height:39px}.workspace-tabs button{border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;padding:10px 16px;background:transparent;font-size:13px}.workspace-tabs button.active{background:#fff;border-color:#b6c7d4;color:#164b75}.workspace-label{font-size:11px;color:#708694;padding:0 14px 4px 0}.workspace-context{font-size:12px;color:#5e7588;padding-right:7px}main{padding:12px 16px 0}.patient-banner{padding:15px 18px;border-radius:2px;gap:15px;border-color:#c8d5df;background:#fdfefe}.patient-banner>.avatar{height:51px;width:51px;font-size:20px}h1{font-size:23px;margin:5px 0 7px}.allergy{padding:8px 16px;border-radius:0;font-size:12px}.workspace{gap:14px;margin-top:13px}.chart,.cti,.card,.vitals{border-radius:2px}.tabs{padding-left:7px;background:#f2f5f8}.tabs button{background:transparent;padding:12px 15px}.tabs button.active{background:white;border-bottom-width:2px}.view{padding:16px}.section-title{margin-bottom:13px}.vitals{margin-bottom:14px}.vitals>div{padding:13px 16px}.clinical-grid{gap:12px}.card h3{padding:10px 13px;background:#edf2f7;color:#345974}.row{padding:12px 13px}.card footer{padding:8px 13px}.cti-heading{padding:13px 16px}.workflow{padding:11px 17px}.chart{min-height:610px}.upcoming{margin-top:12px}.page-footer{padding:12px 0}.topbar .environment{font-size:10px;padding:5px 8px}.cti{border-top:3px solid #398984}@media(max-width:1100px){.rail{width:134px}.rail button{padding-left:9px;gap:7px}.workspace-context,.workspace-label{display:none}.clinical-grid{grid-template-columns:1fr}}@media(max-width:780px){.rail{width:52px}.rail button{justify-content:center;padding:13px 0}.rail button span,.railmark,.railbottom{display:none}.commandbar{flex-wrap:wrap}.commandbar>span:last-child{display:none}.commandbar button{padding:6px 8px;font-size:12px}.workspace-tabs{margin-left:-12px;margin-right:-12px;padding-left:4px}.workspace-tabs button{padding:9px;font-size:12px}main{padding:12px 12px 0}.workspace{grid-template-columns:1fr}.patient-banner{padding:13px}.topbar .brand{font-size:15px}.topbar{gap:10px}.identity{max-width:100%}.clinical-grid{grid-template-columns:1fr}}
main{margin:0 auto;align-self:stretch;max-width:none}
.cti-stack{min-width:0}.cti-modes{display:flex;gap:4px;margin-bottom:8px;background:#e4eaf0;border:1px solid #c6d3de;border-radius:3px;padding:3px}.cti-modes button{flex:1;border:0;font-size:13px;background:transparent;padding:9px 6px}.cti-modes button.active{background:white;color:#145f90;box-shadow:0 1px 3px #14334d18}.workspace.native-mode{grid-template-columns:minmax(0,1fr) minmax(440px,44%)}.native-desktop{border:1px solid #c7d5df;background:white;border-top:3px solid #318c7e;border-radius:3px;overflow:hidden}.native-heading{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e1e9}.native-heading strong{font-size:17px}.native-heading small{display:block;color:#718694;margin-top:6px;font-size:12px}#native-setup{padding:18px}#native-setup p{font-size:14px;line-height:1.7;color:#597487}#frame-policy{font-size:13px;padding:13px;background:#fff8e4;color:#785b1b;line-height:1.6;margin:16px 0}#native-status{font-size:12px;color:#577387;background:#f0f6f9;padding:12px 16px;margin:0;line-height:1.6}#native-frame-slot iframe{display:block;border:0;width:100%;height:780px;background:#f4f6f8}.native-footer{font-size:12px;color:#768c9c;padding:12px 16px;border-top:1px solid #d7e1e9;line-height:1.5}.native-desktop.expanded{position:fixed;inset:24px;z-index:100;box-shadow:0 0 0 40px #18394c88;display:flex;flex-direction:column}.native-desktop.expanded #native-frame-slot{flex:1;min-height:0}.native-desktop.expanded iframe{height:100%}.setup-guide{max-width:900px;margin:0 auto;padding:40px 24px;background:white;line-height:1.7;font-size:16px}.setup-guide h2{margin-top:30px;font-size:20px}.setup-guide pre{overflow:auto;font-size:13px;line-height:1.5;background:#edf3f7;padding:18px}.setup-guide a,.native-desktop a{color:#176599}@media(max-width:1000px){.workspace.native-mode{grid-template-columns:1fr}.native-mode .cti-stack{grid-row:1}#native-frame-slot iframe{height:700px}.native-desktop.expanded{inset:8px}}