:root{--ux-ink:#193c46;--ux-teal:#27786b;--ux-blue:#437da6;--ux-amber:#bd8e34;--ux-rose:#b26573}
.ux-heading{margin:3px 0 28px}.ux-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--ux-teal)}.ux-heading h2{font-size:clamp(27px,2.8vw,40px);font-weight:650;letter-spacing:-1.1px;color:var(--ux-ink);line-height:1.15;margin:14px 0}.ux-heading>p{font-size:14px;line-height:1.6;color:#657d87;max-width:750px}.ux-hero{padding:32px 36px;background:linear-gradient(115deg,#e2f0e8,#f3f8fa 65%,#e6eff7);border:1px solid #d6e6e1;border-radius:22px;position:relative;overflow:hidden}.ux-hero:after{content:'';position:absolute;width:160px;height:160px;border:27px solid #85ae9918;border-radius:50%;right:-36px;top:-60px;pointer-events:none}.ux-mode{color:#587971;font-size:11px;margin-bottom:20px}.ux-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.ux-kpi{position:relative;border:1px solid #dde8e6;border-radius:16px;background:white;padding:23px;min-width:0;overflow:hidden}.ux-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ux-teal)}.ux-kpi.blue:before{background:var(--ux-blue)}.ux-kpi.amber:before{background:var(--ux-amber)}.ux-kpi.rose:before{background:var(--ux-rose)}.ux-kpi>span{font-size:12px;color:#59737c;font-weight:550;display:block;margin-bottom:20px}.ux-kpi>strong{font-size:clamp(23px,2.6vw,35px);font-weight:650;line-height:1.15;color:var(--ux-ink);letter-spacing:-.8px;display:block;margin-bottom:12px}.ux-kpi>small{font-size:11px;color:#778b94;line-height:1.5;display:block}.ux-panel{padding:25px;border:1px solid #e0e9ec;border-radius:17px;background:white;box-shadow:0 4px 22px #193c4604;margin-bottom:22px;min-width:0}.ux-panel h3{font-size:17px;font-weight:650;color:var(--ux-ink);margin:0 0 8px}.ux-panel h4{font-size:21px;line-height:1.35;letter-spacing:-.4px;color:var(--ux-ink);font-weight:600;margin:15px 0}.ux-muted{color:#758993;font-size:12px;line-height:1.55;margin-bottom:19px}.ux-two{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.ux-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:20px 0 23px}.ux-field{display:grid;gap:7px;flex:1;min-width:150px;max-width:100%;font-size:11px;font-weight:600;color:#5b7580}.ux-field input,.ux-field select{padding:11px 12px;border:1px solid #d3e0e5;border-radius:9px;background:#fff;min-width:0;max-width:100%;font:400 13px Inter,'Segoe UI',sans-serif;min-height:42px}.ux-button{border:1px solid #cbded9;border-radius:9px;background:white;color:#2a655c;min-height:42px;padding:11px 15px;font:600 12px Inter,'Segoe UI',sans-serif;cursor:pointer}.ux-button:hover{background:#eff6f3}.ux-primary{background:#2b7164;color:white;border-color:#2b7164}.ux-primary:hover{background:#235e54}.ux-button:focus-visible{outline:3px solid #97c9ba;outline-offset:3px}.ux-action{display:grid;grid-template-columns:30px 1fr 18px;gap:6px 12px;width:100%;text-align:left;border:0;border-bottom:1px solid #edf2f3;border-radius:0;padding:17px 0}.ux-action .ux-badge{grid-row:1/3}.ux-action strong{font-size:13px}.ux-action small{font-size:11px;color:#7a8e96;font-weight:400;line-height:1.5}.ux-action>span:last-child{grid-column:3;grid-row:1/3;font-size:18px;color:#8ca8a5}.ux-scroll{overflow:auto}.ux-table{width:100%;border-collapse:collapse;font-size:12px;color:#45616a;line-height:1.45}.ux-table th{font-size:10px;text-transform:uppercase;letter-spacing:.65px;background:#f4f8fa;color:#758a94;padding:13px 12px;text-align:left;border-bottom:1px solid #e0e9ec;white-space:nowrap}.ux-table td{padding:15px 12px;border-bottom:1px solid #edf2f4;vertical-align:middle}.ux-table small{display:block;font-size:10px;color:#82949d;margin-top:5px}.ux-table tr:hover td{background:#f8fbfa}.ux-badge{display:inline-block;background:#e8f3ed;color:#337b69;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:650;white-space:nowrap}.ux-badge.amber{background:#fbf3e1;color:#a07623}.ux-badge.rose{background:#f8edef;color:#ac5e6e}.ux-badge.blue{background:#eaf2f8;color:#467b9f}.ux-bars{margin-top:25px}.ux-bar-row{display:grid;grid-template-columns:minmax(130px,1.25fr) minmax(90px,2fr) 50px;gap:12px;align-items:center;font-size:11px;line-height:1.4;margin:15px 0}.ux-bar-row>span{color:#587680}.ux-bar-row>strong{text-align:right;color:var(--ux-ink)}.ux-track{height:10px;background:#edf3f4;border-radius:10px;overflow:hidden}.ux-fill{height:100%;background:linear-gradient(90deg,#6cad98,#2d7c68);border-radius:10px}.ux-fill.amber{background:linear-gradient(90deg,#e1bd79,#bd8e34)}.ux-chart{height:225px;display:flex;gap:12px;align-items:end;margin-top:25px}.ux-chart-col{flex:1;display:flex;flex-direction:column;justify-content:end;gap:10px;text-align:center;min-width:0;height:100%;font-size:11px;color:#5f7984}.ux-chart-col strong{font-weight:550}.ux-plot{height:180px;display:flex;align-items:end;justify-content:center;gap:4px;border-bottom:1px solid #dce7eb}.ux-att{width:40%;max-width:36px;background:linear-gradient(#6aab98,#307c6a);border-radius:6px 6px 0 0;min-height:1px}.ux-nsp{width:22%;max-width:20px;background:#dfb877;border-radius:5px 5px 0 0;min-height:1px}.ux-panel>summary{font-size:14px;font-weight:600;color:var(--ux-ink);cursor:pointer}.ux-panel[open]>summary{margin-bottom:20px}.ux-scenario{padding:19px 22px;background:linear-gradient(110deg,#eef5ef,#f4f7fb);border:1px solid #dce8e0;border-radius:12px}.ux-scenario p{font-size:13px;color:#67808b;line-height:1.6}.ux-scenario small{font-size:11px;color:#7e929b;line-height:1.5}.ux-clinic-tabs{display:flex;gap:9px;flex-wrap:wrap;padding:12px;border-radius:12px;background:#edf3f4;margin:20px 0}.ux-clinic-tabs .active{background:#2b7164;color:white}.ux-invalid{border:2px solid #c76171!important;background:#fff4f5!important;box-shadow:0 0 0 3px #c7617115!important}.ux-error-note{color:#b34b5c;font-size:11px;display:block;margin-top:5px}.ux-error-summary{padding:16px 20px;background:#fff3f4;border:1px solid #e7afb9;color:#9c4555;font-size:12px;line-height:1.6;border-radius:10px;margin:16px 0}.ux-imported{background:#f1f7f4!important;border-color:#b2d3c4!important}.ux-source-note{font-size:10px;color:#4c8775;display:block;margin-top:5px}.ux-patient-card{padding:18px 22px;background:#edf6f0;border:1px solid #d2e6db;border-radius:12px;margin:16px 0}.ux-patient-card strong{display:block;font-size:16px;color:var(--ux-ink)}.ux-patient-card small{display:block;font-size:11px;color:#668076;margin-top:7px;line-height:1.5}.ux-step{font-size:11px;font-weight:700;letter-spacing:1px;color:#4f8474;margin:16px 0 12px}.ux-clinic-history{max-height:620px;overflow:auto}.ux-panel .rem-review-panel{border:0!important;box-shadow:none!important;padding:15px!important}.ux-clinic-pane>h3{margin-bottom:18px}#subseccionBox textarea{font-size:13px}@media(max-width:1100px){.ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-two{grid-template-columns:1fr}}@media(max-width:650px){.ux-grid{gap:10px}.ux-kpi{padding:16px}.ux-kpi>strong{font-size:25px}.ux-panel{padding:18px}.ux-hero{padding:23px}.ux-field{min-width:130px}.ux-bar-row{grid-template-columns:minmax(110px,1.3fr) minmax(60px,1fr) 40px;gap:8px;font-size:10px}.ux-chart{gap:6px}.tabs-nav-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}.tab-btn{min-width:0!important;width:100%!important;min-height:42px!important;font-size:12px!important;padding:10px!important}.ux-toolbar>.ux-button{flex-grow:1}.ux-table{font-size:11px}}
.ux-clinical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ux-clinical-grid .ux-field{min-width:0}.ux-clinic-pane>.ux-panel{padding:24px!important}.ux-clinic-pane>.ux-panel .clinical-section{border:0;background:transparent}.ux-panel details.clinical-details{padding:16px;background:#f7faf9;border:1px solid #e0ebe7;border-radius:10px}.ux-clinical-grid select,.ux-clinical-grid input{width:100%!important}.ux-clinical-grid>label{min-width:0}.ux-clinic-history .ux-table{font-size:11px}.ux-clinic-pane>.ux-panel>label{display:block;margin:18px 0}.ux-clinic-pane>.ux-panel textarea{width:100%}@media(max-width:900px){.ux-clinical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.ux-clinical-grid{grid-template-columns:1fr}}
.ux-slot-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ux-schedule-detail summary{cursor:pointer;font-weight:600;white-space:nowrap}.ux-schedule-detail small{display:block;margin-top:8px}
.ux-select-case input{width:20px;height:20px;accent-color:#28776d;cursor:pointer}.ux-select-case{display:flex;justify-content:center;padding:8px}
