:root{--demo-navy:#173653;--demo-teal:#087f97}body{padding-top:67px!important}.demo-ribbon{position:fixed;z-index:1000;inset:0 0 auto;height:60px;display:flex;align-items:center;gap:14px;padding:10px 20px;background:#12314c;color:#fff;font:12px/1.4 Arial,sans-serif;border-bottom:3px solid #1db5b1;box-shadow:0 3px 12px #071b3530}.demo-ribbon strong{font-size:11px;letter-spacing:.7px;color:#a5f3df;white-space:nowrap}.demo-ribbon>span{color:#d1dfeb}.demo-ribbon nav{margin-left:auto;display:flex;align-items:center;gap:7px}.demo-ribbon button,.demo-ribbon a{font:11px Arial,sans-serif;text-decoration:none;padding:8px 10px;border:1px solid #55748e;background:transparent;border-radius:6px;color:white;cursor:pointer;white-space:nowrap}.demo-ribbon a{background:#118c91;border-color:#118c91}.demo-ribbon button:focus-visible,.demo-ribbon a:focus-visible{outline:3px solid #88dcfb;outline-offset:2px}.demo-dialog{width:min(520px,calc(100vw - 32px));border:1px solid #c8dbe7;border-radius:15px;padding:26px;color:#173653;box-shadow:0 20px 70px #06192a60}.demo-dialog::backdrop{background:#081b36a8}.demo-dialog h2{font-size:21px;margin-top:0}.demo-dialog p{font-size:14px;line-height:1.75}.demo-dialog>div{display:flex;justify-content:flex-end;gap:10px}#demoLoading{position:fixed;z-index:999;bottom:20px;left:20px;background:#fff8d9;padding:12px 18px;border:1px solid #e8d680;border-radius:9px;max-width:80vw;font-size:13px}#demoLoading[hidden]{display:none!important}#cameraConnectionModal,#activateLicenseButton,#integrationsButton,#changePasswordButton,#logoutSessionButton,#downloadLogButton,#voiceCaptureButton{display:none!important}.verification-strip{font-size:0!important}.verification-strip::after{content:'DEMO: estudios temporales en esta pestaña · Sin acceso a carpetas ni dispositivos';font-size:11px;color:#506c85}#userButton{pointer-events:none}.video-overlay::before{content:'SIMULACIÓN · NO ES VIDEO CLÍNICO';position:absolute;left:15px;top:15px;padding:5px 9px;border-radius:5px;background:#092138b3;color:#caf4f2;font:10px Arial,sans-serif;letter-spacing:1px}.video-tools{display:none!important}@media(max-width:1100px){.demo-ribbon>span{display:none}}@media(max-width:760px){body{padding-top:115px!important}.demo-ribbon{height:auto;min-height:104px;flex-wrap:wrap;gap:8px;padding:10px 12px}.demo-ribbon nav{width:100%;margin:0;flex-wrap:wrap;gap:5px}.demo-ribbon button,.demo-ribbon a{font-size:10px;padding:7px}.layout{display:flex!important;flex-direction:column!important}.preview-column,.endoscopy-panel{width:100%!important;max-width:none!important}main{overflow:visible!important;height:auto!important}header{flex-wrap:wrap!important;height:auto!important}.clinical-header-tools{flex-wrap:wrap!important}.endoscopy-panel{max-height:none!important}.study-command-dock{flex-wrap:wrap!important}.workflow-nav{display:none!important}.modal-box{max-width:calc(100vw - 24px)!important}.captures-strip{min-height:130px}}

#demoSpeechStatus{display:block;margin:6px 0 10px;font-size:11px;line-height:1.5;color:#32657b;white-space:normal}#demoSpeechStatus[data-error="true"]{color:#a62c3e}.speech-button.listening{background:#b52d43!important;color:#fff!important}

.endoscopy-panel .notes-section{min-height:390px!important;flex-shrink:0!important}#demoSpeechStatus{flex:0 0 auto!important}.notes-section .clinical-dictation-row textarea{min-height:52px!important}

/* Demo 0.6: proportional, centered editor zoom; canvas backing pixels are unchanged. */
#capturePreviewModal .editor-viewport{overflow:scroll!important;scrollbar-gutter:stable both-edges;position:relative;padding:0}
#capturePreviewModal .demo-editor-surface{position:relative;display:block;flex:none;min-width:100%;min-height:100%;margin:0;padding:0}
#capturePreviewModal .editor-canvas{position:absolute;display:block;margin:0!important;max-width:none!important;max-height:none!important;object-fit:fill;transform:none!important}

#loginModal .license-grid{display:block}#loginModal .modal-box{max-width:460px}#loginModal #userAdminPanel{display:none!important}#loginModal .license-note{line-height:1.7}#loginModal #loginClose{display:none!important}

/* 0.8: inline image editor in the same grid cell as Live Preview. */
#stage[hidden]{display:none!important}
#capturePreviewModal.inline-image-editor{display:none;position:relative;inset:auto;padding:0;background:transparent;z-index:auto;width:100%;height:100%;min-height:0;overflow:hidden}
#capturePreviewModal.inline-image-editor.open{display:flex;flex-direction:column}
#capturePreviewModal.inline-image-editor .image-preview{width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;max-height:none!important;border-radius:6px;box-shadow:none}
#capturePreviewModal.inline-image-editor .modal-head{padding:9px 12px}
#capturePreviewModal.inline-image-editor .modal-head h2{font-size:14px}
#capturePreviewModal.inline-image-editor .editor-viewport{flex:1 1 auto!important;min-height:100px!important;margin:6px}
#capturePreviewModal.inline-image-editor .editor-bottom-dock{padding:9px 10px;max-height:48%;overflow:auto}
#capturePreviewModal.inline-image-editor .editor-controls{gap:10px;margin-bottom:7px;padding-bottom:6px}
#capturePreviewModal.inline-image-editor .editor-bottom-row{gap:7px}
#capturePreviewModal.inline-image-editor button{min-height:32px;font-size:11px;padding:6px 8px}
#capturePreviewModal.inline-image-editor .editor-tool-label{font-size:11px}
#capturePreviewModal.inline-image-editor .editor-canvas:focus-visible{outline:2px solid #77b8e7;outline-offset:-2px}
#capturePreviewModal.inline-image-editor:fullscreen{height:100dvh;padding:8px;background:#f4f8fb}
@media(max-width:1199px){#capturePreviewModal.inline-image-editor{height:auto;min-height:420px}#capturePreviewModal.inline-image-editor .image-preview{height:auto!important}#capturePreviewModal.inline-image-editor .editor-viewport{height:min(45vh,420px);flex:0 0 auto!important}#capturePreviewModal.inline-image-editor .editor-bottom-dock{max-height:none}}

/* 0.9: single compact row; adjustment panels only consume space when opened. */
#capturePreviewModal.inline-image-editor .editor-bottom-dock{padding:7px 8px;max-height:none;overflow-x:auto;overflow-y:hidden}
#capturePreviewModal.inline-image-editor .editor-bottom-row{flex-wrap:nowrap;gap:12px;width:100%;min-width:max-content}
#capturePreviewModal.inline-image-editor .editor-button-group{flex:0 0 auto}
#capturePreviewModal.inline-image-editor .editor-toolbar{flex-wrap:nowrap;align-items:center;gap:4px}
#capturePreviewModal.inline-image-editor .editor-toolbar button{width:32px;height:32px;min-width:32px;min-height:32px;padding:5px;display:inline-flex;align-items:center;justify-content:center}
#capturePreviewModal.inline-image-editor .editor-toolbar svg{width:19px;height:19px;display:block}
#capturePreviewModal.inline-image-editor .editor-file-actions{flex-wrap:nowrap;flex:0 0 auto;margin-left:auto;gap:5px;white-space:nowrap}
#capturePreviewModal.inline-image-editor .editor-adjust-button[aria-expanded="true"]{background:#e8f1fb;border-color:#73a3d1;color:#145f9f}
#capturePreviewModal.inline-image-editor .editor-adjust-panel{position:fixed;inset:auto;margin:0;width:96px;max-width:calc(100vw - 16px);padding:12px;box-sizing:border-box;border:1px solid #c8d9e8;border-radius:10px;background:#fff;color:#254962;box-shadow:0 8px 28px #10283f30;z-index:1100;display:flex;flex-direction:column;align-items:center;gap:10px}
#capturePreviewModal.inline-image-editor .editor-adjust-panel[hidden]{display:none!important}
#capturePreviewModal.inline-image-editor .editor-adjust-panel label{font-size:11px;margin:0}
#capturePreviewModal.inline-image-editor .editor-adjust-panel input[type="range"]{writing-mode:vertical-lr;direction:rtl;display:block;width:28px;height:142px;min-height:142px;padding:0;margin:0;accent-color:#1768b7;cursor:pointer}
#capturePreviewModal.inline-image-editor .editor-adjust-panel output{font-size:12px;font-variant-numeric:tabular-nums;color:#1768b7}
#capturePreviewModal.inline-image-editor #annotationColorPanel{width:152px;align-items:stretch}
#capturePreviewModal.inline-image-editor #annotationColorPanel select{width:100%;min-width:0;font-size:12px;padding:6px}
#capturePreviewModal.inline-image-editor .editor-toolbar button:focus-visible{outline:2px solid #1768b7;outline-offset:1px}