.viewer-page{background:radial-gradient(900px 600px at 0 0,rgba(93,183,255,.14),transparent 62%),radial-gradient(800px 600px at 100% 30%,rgba(109,225,194,.11),transparent 60%),#0b1220;color:#e8f5fc;min-height:100vh}.viewer-header{height:78px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:rgba(11,18,32,.7);backdrop-filter:blur(18px)}.viewer-brand{font-size:20px;color:#fff;text-decoration:none;font-weight:800}.viewer-brand i{color:#6de1c2;font-style:normal}.viewer-header-title{display:flex;gap:12px;align-items:center}.eyebrow{color:#6de1c2;font-size:10px;font-weight:800;letter-spacing:.16em}.viewer-header-title strong{font-size:13px;color:#c7d8e4}.viewer-back{color:#9db4c4;text-decoration:none;font-size:12px}.viewer-shell{width:min(100% - 40px,1080px);margin:0 auto;padding:74px 0 50px}.viewer-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.viewer-intro h1{font-size:clamp(30px,5vw,48px);line-height:1.1;margin:10px 0 14px;letter-spacing:-.04em}.viewer-intro p{color:#a8bdcd;max-width:620px;font-size:14px;line-height:1.7}.privacy-pill{border:1px solid rgba(109,225,194,.28);background:rgba(109,225,194,.08);border-radius:999px;color:#9eead4;padding:10px 14px;white-space:nowrap;font-size:11px}.privacy-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6de1c2;margin-right:8px;box-shadow:0 0 12px #6de1c2}.viewer-card{background:linear-gradient(145deg,rgba(218,241,255,.1),rgba(185,223,246,.035));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.18);margin-bottom:18px}.card-heading{display:flex;gap:16px;align-items:center;margin-bottom:25px}.step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#5db7ff,#6de1c2);color:#071522;font-weight:800;font-size:12px}.viewer-card h2{font-size:17px;margin:0 0 3px}.viewer-card p{color:#8fa7b8;font-size:12px;margin:0}.study-form label{display:block;color:#cfe0ea;font-size:12px;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;background:rgba(4,11,22,.5);border:1px solid rgba(255,255,255,.17);border-radius:12px;color:#eefaff;padding:15px 16px;font:inherit;font-size:13px;outline:none}.input-row input:focus{border-color:#5db7ff;box-shadow:0 0 0 3px rgba(93,183,255,.12)}.input-row button{border:0;border-radius:12px;padding:0 20px;background:linear-gradient(135deg,#5db7ff,#6de1c2);color:#071522;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.input-row button span{font-size:18px;margin-left:8px}.form-note{color:#8198a8;font-size:11px;margin-top:13px}.note-icon{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #6de1c2;border-radius:50%;color:#6de1c2;margin-right:6px;font-size:10px}.viewer-status{margin-top:18px;padding:13px 15px;border-radius:10px;background:rgba(93,183,255,.1);color:#bcd9eb;font-size:12px}.how-card{padding-bottom:25px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-grid div{padding:17px;border-radius:14px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.08)}.how-grid b,.how-grid span{display:block}.how-grid b{color:#e8f5fc;font-size:13px;margin-bottom:5px}.how-grid span{color:#8fa7b8;font-size:11px;line-height:1.6}.workspace{margin-top:28px}.workspace-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.workspace-top h2{font-size:20px;margin-top:7px}.ghost-button{border:1px solid rgba(255,255,255,.16);background:transparent;border-radius:10px;color:#bcd0dc;padding:10px 13px;cursor:pointer}.workspace-grid{display:grid;grid-template-columns:220px 1fr;min-height:520px;border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#050b15}.series-panel{padding:20px;background:rgba(255,255,255,.04)}.series-panel>.eyebrow{display:block;margin-bottom:16px}.series-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;margin-bottom:8px;color:#b7cbd7}.series-item.active{background:rgba(93,183,255,.14);border:1px solid rgba(93,183,255,.25)}.series-thumb{display:grid;place-items:center;width:35px;height:35px;background:#15263a;border-radius:7px;color:#6de1c2}.series-thumb.muted{color:#718698}.series-item b,.series-item small{display:block}.series-item b{font-size:11px}.series-item small{font-size:9px;color:#758d9e}.series-item em{font-style:normal;font-size:10px;margin-left:auto;color:#6de1c2}.image-stage{display:flex;flex-direction:column}.stage-toolbar,.stage-footer{display:flex;justify-content:space-between;padding:12px 18px;color:#8198a8;font-size:10px;border-bottom:1px solid rgba(255,255,255,.09)}.stage-footer{border-top:1px solid rgba(255,255,255,.09);border-bottom:0}.scan-placeholder{flex:1;display:grid;place-items:center;align-content:center;gap:8px;color:#91adbe;min-height:400px;background:radial-gradient(circle at center,rgba(93,183,255,.08),transparent 42%)}.scan-placeholder small{color:#5e7788;font-size:10px}.scan-ring{width:150px;height:150px;border-radius:50%;border:1px solid rgba(109,225,194,.5);box-shadow:0 0 0 18px rgba(109,225,194,.03),0 0 60px rgba(93,183,255,.2);position:relative}.scan-ring:after{content:'';position:absolute;left:50%;top:50%;width:2px;height:180px;background:linear-gradient(transparent,#6de1c2,transparent);transform:translate(-50%,-50%) rotate(45deg)}.viewer-footer{display:flex;justify-content:space-between;width:min(100% - 40px,1080px);margin:0 auto;padding:20px 0 30px;color:#60798a;font-size:10px}.viewer-footer span:first-child{color:#6de1c2;font-weight:800}@media(max-width:700px){.viewer-header-title{display:none}.viewer-shell{padding-top:45px}.viewer-intro{display:block}.privacy-pill{display:inline-block;margin-top:20px}.input-row{display:block}.input-row button{width:100%;height:48px;margin-top:10px}.how-grid{grid-template-columns:1fr}.viewer-card{padding:20px}.workspace-grid{grid-template-columns:1fr}.series-panel{display:none}.viewer-footer{display:block}.viewer-footer span{display:block;margin-top:7px}}

/* Scan Desk is a fixed viewport application: page scrolling and mobile pinch
   zoom are disabled; only the internal DICOM viewport handles gestures. */
html,.viewer-page{width:100%;height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}.viewer-page{height:100dvh;min-height:100dvh;touch-action:none}.viewer-shell{box-sizing:border-box;width:min(100% - 40px,1080px);height:calc(100dvh - 128px);min-height:0;padding:24px 0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.viewer-shell>.viewer-card:not([hidden]){width:100%;max-width:820px;margin:0 auto}.viewer-card{box-sizing:border-box}.viewer-footer{box-sizing:border-box;height:50px;padding:16px 0;overflow:hidden}.workspace{width:100%;height:100%;min-height:0;margin:0;overflow:hidden}.workspace-grid{height:calc(100% - 58px);min-height:0}.image-stage{min-width:0;min-height:0}.scan-placeholder{min-height:0!important;height:100%}.stage-footer{flex:0 0 auto}.input-row button{min-width:92px}
@media(max-width:700px){.viewer-shell{width:calc(100% - 24px);height:calc(100dvh - 126px);padding:14px 0}.viewer-card{padding:18px;border-radius:16px}.card-heading{gap:11px;margin-bottom:18px}.step-number{width:34px;height:34px;flex:0 0 34px}.viewer-card h2{font-size:16px}.viewer-card p{font-size:10px;line-height:1.45}.input-row input{height:46px}.input-row button{margin-top:8px}.viewer-footer{width:calc(100% - 24px);height:48px;padding:12px 0;font-size:9px}.viewer-footer span:last-child{display:none}}

/* Study link glass card and Scan Desk green accents */
.viewer-card[aria-labelledby="open-study-title"]{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(191,231,242,.14),rgba(79,136,157,.07) 48%,rgba(15,29,43,.28));border:1px solid rgba(180,235,235,.24);box-shadow:0 28px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(109,225,194,.08);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}.viewer-card[aria-labelledby="open-study-title"]:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 30%,transparent 70%,rgba(109,225,194,.05));opacity:.8}.viewer-card[aria-labelledby="open-study-title"]>*{position:relative}.viewer-card[aria-labelledby="open-study-title"] .card-heading{margin-bottom:24px}.viewer-card[aria-labelledby="open-study-title"] h2{color:#6de1c2;font-size:20px;letter-spacing:.01em;text-shadow:0 0 22px rgba(109,225,194,.18)}.viewer-card[aria-labelledby="open-study-title"] p{color:#9cc0c5}.viewer-card[aria-labelledby="open-study-title"] .input-row button{border:1px solid rgba(190,255,236,.34);background:linear-gradient(135deg,rgba(109,225,194,.9),rgba(68,176,158,.72));color:#071b1b;box-shadow:0 10px 28px rgba(109,225,194,.18),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,53,48,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.viewer-card[aria-labelledby="open-study-title"] .input-row button:hover{background:linear-gradient(135deg,#8aefd5,#5bc7b0);box-shadow:0 14px 34px rgba(109,225,194,.28),inset 0 1px 0 rgba(255,255,255,.7);transform:translateY(-1px)}.viewer-card[aria-labelledby="open-study-title"] .input-row button:active{transform:translateY(0) scale(.98)}.viewer-footer span:first-child{color:#6de1c2;text-shadow:0 0 18px rgba(109,225,194,.16)}
.viewer-footer > span:first-child{color:#6de1c2!important;font-weight:800;text-shadow:0 0 18px rgba(109,225,194,.16)}
.viewer-footer{width:100%;height:74px;min-height:74px;margin:0;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,4vw,64px);font-size:13px;line-height:1.4;color:#8fa6b8;background:rgba(3,12,23,.38);border-top:1px solid rgba(255,255,255,.13);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
@media(max-width:700px){.viewer-footer{height:70px;min-height:70px;padding:16px 18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;font-size:12px}.viewer-footer span:last-child{display:block}}
.viewer-shell{height:calc(100dvh - 152px)}
@media(max-width:700px){.viewer-shell{height:calc(100dvh - 146px)}}
.workspace{width:100%;height:100%;margin:0;display:flex;flex-direction:column;gap:12px}.workspace-top{flex:0 0 auto;padding:14px 18px;border:1px solid rgba(180,235,235,.2);border-radius:18px;background:linear-gradient(145deg,rgba(191,231,242,.12),rgba(15,29,43,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}.study-heading h2{margin:4px 0 0;color:#6de1c2;font-size:18px;letter-spacing:.01em}.study-patient{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px;color:#a9c2c9;font-size:10px}.study-patient span{white-space:nowrap}.workspace .ghost-button{border-color:rgba(109,225,194,.3);background:rgba(109,225,194,.1);color:#6de1c2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.workspace-grid{flex:1;height:auto;min-height:0;border-color:rgba(180,235,235,.2);background:linear-gradient(145deg,rgba(191,231,242,.08),rgba(3,10,18,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 70px rgba(0,0,0,.28);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.mobile-series-control{display:none;align-items:center;gap:7px}.mobile-series-control label{color:#6de1c2;font-size:10px;font-weight:700}.mobile-series-control select{max-width:180px;border:1px solid rgba(109,225,194,.3);border-radius:8px;background:rgba(4,15,22,.8);color:#bde8df;padding:7px;font:10px Sora,sans-serif}.series-panel{overflow:hidden}.series-item{background:rgba(255,255,255,.025);border:1px solid transparent}.series-item:hover{border-color:rgba(109,225,194,.35)}
.viewer-page [hidden]{display:none!important}
.workspace-top{padding:0 2px 10px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.workspace-top:before{display:none}.workspace-top .study-heading{min-width:0}.workspace .ghost-button{background:rgba(109,225,194,.08);border:1px solid rgba(109,225,194,.32);box-shadow:none}
@media(max-width:700px){.workspace-top{padding:0 0 8px}.workspace .ghost-button{padding:7px 11px}}
.viewer-shell>.workspace:not([hidden]){flex:1 1 auto;height:auto;min-height:0}.workspace-grid{height:auto!important;flex:1 1 auto;min-height:0}.image-stage{min-height:0;height:100%}.scan-placeholder{min-height:0!important;height:100%}.stage-footer{flex:0 0 auto}
.viewer-page .workspace{max-height:100%;overflow:hidden}.viewer-page .workspace-grid{min-height:0!important;height:auto!important;overflow:hidden}.viewer-page .image-stage{min-height:0!important}.viewer-page .scan-placeholder{min-height:0!important}
.viewer-page{margin:0;display:flex;flex-direction:column}.viewer-header{flex:0 0 78px}.viewer-shell{flex:1 1 auto}.viewer-footer{flex:0 0 74px}
@media(max-width:700px){.viewer-header{flex-basis:76px}.viewer-footer{flex-basis:70px}}
@media(max-width:700px){.stage-toolbar{flex-wrap:wrap;overflow:hidden;padding:6px;row-gap:5px}.mobile-series-control{flex:0 0 auto;min-width:0}.mobile-series-control select{width:82px;max-width:82px;padding:6px 4px;font-size:9px}.tool-group{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:3px;margin-left:0;scrollbar-width:none}.tool-group::-webkit-scrollbar{display:none}.tool-button{flex:0 0 25px;min-width:25px;width:25px;height:26px;padding:0;font-size:9px}.viewport-readout{flex:0 0 100%;width:100%;margin-left:0;justify-content:space-between}}
@media(max-width:700px){.workspace{gap:8px}.workspace-top{padding:10px 12px;border-radius:14px}.study-heading h2{font-size:14px}.study-patient{gap:7px;margin-top:4px;font-size:8px}.workspace-top .ghost-button{padding:7px 10px;font-size:10px}.workspace-grid{height:auto;flex:1}.mobile-series-control{display:flex}.stage-toolbar{padding:8px;gap:8px}.tool-group{margin-left:auto}.mobile-series-control select{max-width:130px}.series-panel{display:none}.scan-placeholder{height:100%!important}.image-stage{height:100%;min-height:0}.workspace .stage-footer{padding:8px 10px}}
.workspace-grid{grid-template-columns:minmax(0,1fr)}
.series-panel{display:none}
.mobile-series-control{display:flex}
@media(min-width:701px){
  .viewer-shell{flex:1 1 0;height:auto!important;min-height:0;padding:24px 0}
  .viewer-shell>.workspace:not([hidden]){position:fixed;z-index:2;top:102px;bottom:24px;left:max(20px,calc((100vw - 1180px)/2));right:max(20px,calc((100vw - 1180px)/2));width:auto;height:auto!important;margin:0;flex:0 0 auto;min-height:0}
  .workspace-grid{height:auto!important;min-height:0;flex:1 1 auto}
  .image-stage{height:auto!important;min-height:0!important;flex:1 1 auto}
  .scan-placeholder{height:auto!important;min-height:0!important;flex:1 1 auto}
}
html,body{height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}
.viewer-page{height:100vh;min-height:100vh;overflow:hidden;box-sizing:border-box}
.viewer-shell{box-sizing:border-box;height:auto!important;min-height:0;overflow:hidden;padding-bottom:0}
.viewer-shell>.workspace:not([hidden]){height:100%;min-height:0;overflow:hidden}
.viewer-footer{box-sizing:border-box;flex:0 0 auto}
.workspace #dicom-viewport{min-height:0;height:100%}
@media(max-width:700px){
  .viewer-page{position:fixed;inset:0;width:100%;height:-webkit-fill-available;min-height:-webkit-fill-available}
  .viewer-shell{height:auto!important;min-height:0;padding-bottom:0}
  .workspace-top{flex:0 0 auto}
  .workspace-grid{min-height:0!important}
  .image-stage{min-height:0!important}
  .stage-footer{flex:0 0 auto}
  .viewer-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(min-width:701px){
  body.viewer-page{display:grid!important;grid-template-rows:88px minmax(0,1fr)!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}
  body.viewer-page>.viewer-header{grid-row:1;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;flex:none!important}
  body.viewer-page>.viewer-shell{grid-row:2;position:relative!important;inset:auto!important;width:min(calc(100% - 40px),1180px)!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:16px 0 20px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  body.viewer-page>.viewer-shell>.workspace:not([hidden]){position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;flex:1 1 auto!important;margin:0!important}
  body.viewer-page .workspace-grid{height:auto!important;min-height:0!important;flex:1 1 auto!important}
  body.viewer-page .image-stage{height:auto!important;min-height:0!important;flex:1 1 auto!important}
  body.viewer-page .scan-placeholder{height:auto!important;min-height:0!important;flex:1 1 auto!important}
}