[hidden]{display:none!important}.live-login{max-width:440px;margin:32px auto}.live-login .brand{margin-bottom:25px}.live-login h1{font-size:25px}.live-login .form-card{padding:30px}.live-grid{display:grid;gap:20px}.live-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.live-actions button{min-height:40px}.live-doc{display:flex;align-items:center;gap:16px;padding:14px;border-bottom:1px solid var(--line)}.live-doc span{overflow-wrap:anywhere;flex:1}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#172f5c;color:white;border-radius:8px;max-width:90vw;padding:15px 22px;z-index:30}#message:empty{display:none}#dialog{width:min(850px,calc(100% - 30px))}#viewer iframe{height:480px;width:100%;border:1px solid var(--line)}.form-grid textarea{font:inherit;width:100%;padding:12px;border:1px solid var(--line)}#directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}#identity{font-size:14px}.login-help{margin-top:18px}.order-exams{white-space:normal}label:has(input[type=checkbox]){display:flex;gap:10px}input[type=checkbox]{width:auto!important}.form-card h2{margin-bottom:18px}body:has(.live-login) .main-shell{width:100%}@media(max-width:760px){#viewer iframe{height:350px}.live-login{margin:10px auto}.live-login .clinic-logo{width:95px}#identity{font-size:12px}}

.clinic-heading{text-align:center;font-weight:700;color:var(--navy)}.clinic-heading small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:4px}.live-login .clinic-logo{max-height:170px;width:auto;max-width:260px}aside .clinic-logo{max-height:145px;width:auto;max-width:180px}

.delivery-panel{padding:20px;border:1px solid var(--line);border-radius:8px;margin:20px 0}.delivery-panel .live-doc>div{flex:1;min-width:0}.delivery-panel .live-doc{flex-wrap:wrap}.delivery-panel fieldset label{margin:10px 0}.delivery-panel h3{margin-top:0}
/* Presentación compartida con la demo, conectada a datos reales. */
body{font-family:'Segoe UI',Arial,sans-serif}.shell{min-height:100vh}main{width:100%}.main-shell{display:flex;flex-direction:column}.main-shell>main{flex:1}aside{min-height:100vh}nav button{width:100%}nav svg{flex-shrink:0}header .profile{border:0}.avatar{flex-shrink:0}#crumb{font-size:13px;color:var(--muted)}.filters{flex-wrap:wrap;gap:16px}.tabs{flex-wrap:wrap}.filters .search{max-width:100%;min-width:220px}.row-action{display:inline-flex;align-items:center;gap:8px}.row-action svg,.primary svg{width:18px;height:18px;flex-shrink:0}.welcome .primary{display:inline-flex;align-items:center;gap:8px}.section-title{gap:16px}.order-exams{max-width:380px}.table-foot{gap:15px}.live-login{max-width:460px;margin:35px auto}.live-login .form-card{padding:32px}.live-login .primary{width:100%;justify-content:center}#directory .form-card{max-width:none;width:100%}#directory{align-items:start;margin-bottom:24px}#directory .form-grid{gap:18px}.form-grid input,.form-grid select,.form-grid textarea{min-height:44px;border-radius:7px;background:#fff;color:var(--text)}input[type=checkbox]{min-height:auto}.delivery-panel{background:#fff}.delivery-panel .notice{border-radius:8px}.live-actions{justify-content:flex-end}.profile #identity{font-size:13px}.profile small{display:block}.clinic-heading{margin:0 0 24px}.side-bottom .privacy{padding-left:10px;padding-right:10px}
@media(max-width:1000px){header{padding:20px 25px}main{padding:28px 25px}.welcome{align-items:flex-start;flex-wrap:wrap}.stats{gap:12px}.filters .search{flex:1}.section-title{flex-wrap:wrap}}
@media(max-width:760px){aside{min-height:0;width:100%;padding:16px}.shell{display:block}aside .brand{justify-content:center}aside .clinic-logo{max-height:90px;width:auto}aside .workspace,aside .side-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:16px;gap:5px}nav button{width:auto;white-space:nowrap;padding:10px;font-size:12px}nav svg{width:16px;height:16px}header{height:auto;gap:14px;padding:16px;flex-wrap:wrap}main{padding:22px 16px}.heading{align-items:flex-start}.heading h1{font-size:25px}.date{white-space:normal}.live-login{margin:15px auto}.live-login .form-card{padding:24px}.filters{padding:16px}.filters .search{width:100%;min-width:0}.stats{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr}.section-title{align-items:flex-start}.delivery-panel{padding:14px}.live-doc{padding:12px 0}.table-foot{flex-wrap:wrap}footer{flex-wrap:wrap}}

.login-password-field label{display:block;margin-bottom:8px}.login-password-wrap{position:relative}.login-password-wrap input{display:block;width:100%;box-sizing:border-box;padding-right:52px;margin:0}.login-password-wrap .password-eye{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:40px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--text);cursor:pointer}.password-eye svg{width:22px;height:22px;pointer-events:none}.password-eye .eye-slash{display:none}.password-eye.is-visible .eye-slash{display:block}.password-eye:hover{background:#edf2fb}.password-eye:focus-visible{outline:2px solid #315eae;outline-offset:1px}
/* Workflow traffic-light badges, with persistent accessible labels. */
.badge.workflow-status{display:inline-flex;align-items:center;gap:8px;font-weight:600;line-height:1.4;white-space:nowrap}.workflow-status .status-dot{display:inline-block;width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:var(--status-dot);border:1px solid currentColor}.badge.workflow-red{--status-dot:#dc2626;background:#fef2f2;color:#991b1b}.badge.workflow-yellow{--status-dot:#eab308;background:#fefce8;color:#713f12}.badge.workflow-orange{--status-dot:#f97316;background:#fff7ed;color:#9a3412}.badge.workflow-blue{--status-dot:#2563eb;background:#eff6ff;color:#1e40af}.badge.workflow-green{--status-dot:#16a34a;background:#f0fdf4;color:#166534}.badge.workflow-gray{--status-dot:#64748b;background:#f1f5f9;color:#475569}