/* Exact anchors from B+L Template para presentaciones 2024. Tints blend these with white. */
:root{--brand-teal:#009DA8;--brand-mint:#6ABD9D;--brand-sky:#50BFDB;--brand-magenta:#DB0B5B;--brand-dark:#006268;--brand-light:#B7DDE1;--brand-gray:#E7E6E6;--brand-blue-gray:#E3E9ED;--brand-white:#FFFFFF;--brand-black:#000000;--brand-selected:#DAEFE6;--lila:var(--brand-teal);--lila-soft:#F0F9FA;--azul:var(--brand-sky);--azul-soft:#EFF9FB;--teal:var(--brand-dark);--teal-soft:#EFF8F8;--verde:var(--brand-mint);--verde-soft:#EFF8F4;--texto:var(--brand-dark);--sec:var(--brand-dark);--borde:var(--brand-blue-gray);--fondo:#F5FAFB;--blanco:var(--brand-white);--rojo:var(--brand-magenta);--rojo-soft:#FDE7EF}
body{color:var(--brand-dark);background:var(--fondo)}
.dashboardNew,.dashboardNew:hover,.calculateReview{background:linear-gradient(120deg,#DB0B5B,#006268);color:#FFFFFF}
.savedCapture .captureTitle.estimated{background:#006268;color:#FFFFFF}.savedCapture .captureTitle.measured{background:#DB0B5B;color:#FFFFFF}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#009DA8}
#reviewView .missingRequired{background:#FDE7EF!important;border:2px solid #DB0B5B!important;color:#006268!important;box-shadow:0 0 0 2px #DB0B5B1A!important}
#reviewView .emptyDataField:not(.missingRequired){background:#E3E9ED!important;border:2px dashed #009DA8!important;color:#006268!important}
#reviewView .siaImportant input:not(.missingRequired):not(.emptyDataField),#reviewView #reviewCornealStatus:not(.missingRequired):not(.emptyDataField){background:#E5F5F9!important;border:2px solid #50BFDB!important;color:#006268!important}
#reviewView .siaImportant label,#reviewView .field:has(#reviewCornealStatus)>label{color:#006268}
#reviewView .cornealValueAlert,.error{color:#DB0B5B}.ok{color:#006268}
.statisticsTotal{background:#EFF8F8}.statisticsTotal strong{color:#006268}
.fitClusters .verticalCluster{background:#F5FAFB;border-color:#B7DDE1;box-shadow:inset 0 3px #009DA8}.fitClusters .verticalCluster:nth-child(even){background:#EFF8F4;box-shadow:inset 0 3px #6ABD9D}
.statisticsLegend span{display:inline-flex;align-items:center;gap:7px;padding-left:0}.statisticsSwatch{display:inline-block;flex:0 0 15px;width:15px;height:20px;border:1px solid #00626833}
.verticalGroupLabel{position:relative}.statisticsLensLine{display:block;width:100%;height:4px;margin-top:6px;border-radius:2px}
.pdfField[aria-pressed="true"]{background:#c6efce!important}.pdfField.modified{box-shadow:inset 0 -2px #DB0B5B}
.inboxAlta{background:#FDE7EF;color:#006268;border-color:#DB0B5B}.inboxNormal{background:#E5F5F9;color:#006268;border-color:#50BFDB}.inboxBaja{background:#EFF8F4;color:#006268;border-color:#6ABD9D}
@keyframes inboxPulse{50%{border-color:#DB0B5B;box-shadow:0 0 0 3px #DB0B5B22}}

a{color:var(--brand-dark)}a:hover{color:var(--brand-magenta)}input,select,textarea{accent-color:var(--brand-teal)}
#logout,#showAccessNotice,.roleBadge{color:#006268}

/* Main menu: turquoise/petrol first, magenta only a small accent. */
#dashboardView .dashboardWelcome{background:linear-gradient(125deg,#EFF8F4,#F0F9FA)}
#dashboardView .dashboardMenuCard{color:#006268;border-color:#B7DDE1}
#dashboardView .dashboardMenuCard:hover{background:#EFF8F8;border-color:#009DA8}
#dashboardView .dashboardNew,#dashboardView .dashboardNew:hover{background:linear-gradient(120deg,#006268 60%,#009DA8);color:#FFFFFF}
#dashboardView .dashboardAdminMenu{border-color:#B7DDE1}
.captureGroupTitle{background:#009DA8;color:#FFFFFF;padding:12px 16px;border-radius:10px;line-height:1.4;overflow-wrap:anywhere}
.captureGroupSia{color:#B7DDE1;font-size:calc(1em - 1px);font-weight:700;margin-left:10px;display:inline-block}
.savedCapture .captureTitle.estimated{background:#006268;color:#FFFFFF}.savedCapture .captureTitle.measured{background:#6ABD9D;color:#000000}

.selectionDisclaimer{margin:8px 0 12px;padding:9px 12px;border-left:3px solid #006268;background:#EFF8F8;color:#006268;font-size:14px;line-height:1.45}
#nameGroupsPanel{margin:12px 0;padding:12px;background:#EFF8F8;border:1px solid #B7DDE1;border-radius:10px}#nameGroupsEditor{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.nameGroupBox{min-width:0}.nameGroupBox>div{max-height:240px;overflow:auto;margin:12px 0}.nameGroupBox label{display:block;padding:5px}.nameGroupBox input[type=checkbox]{width:auto;margin-right:8px}
