/* Users administration — executive layout matched to the approved mockup. */
#tab-users{--users-navy:#08224a;--users-muted:#667b99;--users-line:#d9e5f4;--users-blue:#0c6ff1;--users-surface:#fff;--users-page:#f4f8fd;background:var(--users-page);color:var(--users-navy);overflow-x:hidden;padding:0 18px 24px}
#tab-users,#tab-users *{box-sizing:border-box}
#tab-users .usersExecutiveHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;margin:0 -18px;padding:14px 22px;border-bottom:1px solid var(--users-line);background:rgba(255,255,255,.86)}
#tab-users .usersExecutiveHeader h2{margin:0;color:var(--users-navy);font-size:26px;line-height:1.1;font-weight:850}
#tab-users .usersExecutiveHeader p{margin:4px 0 0;color:var(--users-muted);font-size:14px}
#tab-users .usersCurrentUserLabel{display:none}
#tab-users .usersQaNotice{display:grid;grid-template-columns:34px minmax(0,1fr) 36px;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #bddcff;border-radius:12px;background:#eaf5ff;color:#2d5990;font-size:13px;line-height:1.45}
#tab-users .usersQaNotice[hidden]{display:none}
#tab-users .usersQaNoticeIcon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2182ed;color:#fff;font-weight:900;font-family:serif}
#tab-users .usersQaNotice button{width:32px;height:32px;border:0;background:transparent;color:#2570c7;font-size:26px;line-height:1;cursor:pointer}
#tab-users .panel{border:1px solid var(--users-line)!important;border-radius:14px!important;background:var(--users-surface)!important;box-shadow:0 6px 20px rgba(20,67,120,.05)!important}
#tab-users .userImportPanel{gap:16px;padding:18px 20px}
#tab-users .sectionTitle{margin:0;color:var(--users-navy)}
#tab-users .usersImportHeading,#tab-users .usersRegisteredHeading{display:flex!important;align-items:flex-start;justify-content:space-between;gap:18px}
#tab-users .usersSectionLead{display:flex;align-items:flex-start;gap:14px;min-width:0}
#tab-users .usersSectionIcon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:10px;background:#e7f3ff;color:#1383e9}
#tab-users .usersSectionIcon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#tab-users .usersImportHeading .eyebrow{margin:0 0 3px;color:#557398;font-size:11px;letter-spacing:.12em;font-weight:850}
#tab-users .usersImportHeading h3,#tab-users .usersRegisteredHeading h3{margin:0;color:var(--users-navy);font-size:21px;line-height:1.2;font-weight:850}
#tab-users .usersImportHeading small,#tab-users .usersRegisteredHeading small{display:block;margin-top:4px;color:var(--users-muted);font-size:12px}
#tab-users #downloadUserImportTemplate{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border-color:#bfd0e5;background:#fff;color:var(--users-navy);font-weight:800;white-space:nowrap}
#tab-users #downloadUserImportTemplate svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#tab-users .userImportCapacity{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#tab-users .userImportCapacity>div{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-height:82px;padding:13px 16px;border:1px solid #cfe1f7;border-radius:11px;background:#edf6ff}
#tab-users .userImportCapacity>div:nth-child(2){border-color:#cceedd;background:#eefbf5}
#tab-users .userImportCapacity>div:nth-child(3){border-color:#ddd5fb;background:#f5f1ff}
#tab-users .userImportCapacity>div:nth-child(4){border-color:#f4dec0;background:#fff8ef}
#tab-users .userImportCapacity i{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#dbeeff;color:#1877e8;font-size:27px;font-style:normal;font-weight:900}
#tab-users .userImportCapacity>div:nth-child(2) i{background:#d6f6e5;color:#19a15f}
#tab-users .userImportCapacity>div:nth-child(3) i{background:#e8e0ff;color:#7346ef}
#tab-users .userImportCapacity>div:nth-child(4) i{background:#ffebce;color:#f08d10}
#tab-users .userImportCapacity span{display:block;color:#637a9a;font-size:12px;font-weight:750}
#tab-users .userImportCapacity strong{display:block;margin-top:4px;color:var(--users-navy);font-size:26px;line-height:1;font-weight:900}
#tab-users .userImportGrid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px}
#tab-users .userImportGrid label{color:var(--users-navy)}
#tab-users #userImportCsv{display:block;width:100%;min-height:44px;padding:5px 8px;border:1px solid #c8d7e9!important;border-radius:8px;background:#fff!important;color:#4f6688!important}
#tab-users .userImportActions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
#tab-users .userImportActions .btn{min-height:44px;padding:0 18px;white-space:nowrap}
#tab-users #validateUserImportBtn{background:#124686;border-color:#124686}
#tab-users #commitUserImportBtn{background:#0874f9;border-color:#0874f9}
#tab-users #commitUserImportBtn:disabled{border-style:solid!important;opacity:.68}
#tab-users .userImportSafetyNote{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #bddcff;border-radius:10px;background:#eaf5ff;color:#416c9e}
#tab-users .userImportSafetyNote:before{content:'✓';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#2385ed;color:#fff;font-size:18px;font-weight:900}
#tab-users .usersRegisteredPanel{padding:18px 20px}
#tab-users .usersRegisteredHint{display:flex!important;align-items:center;gap:8px;margin-top:0!important;white-space:nowrap}
#tab-users .usersRegisteredHint span{color:#2d84e8;font-size:20px}
#tab-users .usersFilterBar{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;margin:16px 0 14px}
#tab-users .usersFilterBar .field{margin:0}
#tab-users .usersSearchField{position:relative}
#tab-users .usersSearchField input{padding-left:46px}
#tab-users .usersFilterSearchIcon{position:absolute;left:16px;bottom:11px;color:#5377a7;font-size:24px;line-height:1;pointer-events:none}
#tab-users .visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#tab-users .usersFilterBar input,#tab-users .usersFilterBar select{height:44px;border:1px solid #c9d8ea!important;border-radius:8px;background:#fff!important;color:var(--users-navy)!important}
#tab-users .userAccordion{margin:8px 0;border:1px solid #d6e3f3;border-radius:11px;background:#fff;box-shadow:none;color:var(--users-navy)}
#tab-users .userAccordionSummary{display:grid;grid-template-columns:46px minmax(230px,1fr) minmax(290px,.72fr);align-items:center;gap:12px;min-height:58px;padding:8px 14px;background:#fff;color:var(--users-navy)}
#tab-users .userAccordionSummary:hover,#tab-users .userAccordionSummary:focus-visible{background:#f7faff;color:var(--users-navy)}
#tab-users .userAvatarCompact{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ddebff;color:#2869c5;font-size:14px;font-weight:900;overflow:hidden}
#tab-users .userAvatarCompact img{width:100%;height:100%;object-fit:cover}
#tab-users .userAccordion:nth-child(3n+2) .userAvatarCompact{background:#ffdfec;color:#c93678}
#tab-users .userAccordion:nth-child(3n) .userAvatarCompact{background:#d9f6e8;color:#15976a}
#tab-users .userAccordionIdentity{display:flex;flex-direction:column;gap:3px;min-width:0}
#tab-users .userAccordionIdentity strong{color:var(--users-navy);font-size:13px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-users .userAccordionIdentity span{color:#607795;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-users .userAccordionMeta{display:grid;grid-template-columns:minmax(0,1fr) 84px 36px;align-items:center;gap:12px;min-width:0}
#tab-users .userAccordionMeta>span:first-child{color:#607795;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
#tab-users .qualityState{justify-self:center;min-width:72px;text-align:center}
#tab-users .qualityState.ok{background:#d7f6e5;color:#187548}
#tab-users .qualityState.warn{background:#ffedc9;color:#95610c}
#tab-users .userAccordionChevron{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cfdaea;border-radius:8px;background:#fff;color:#41648c;font-size:18px}
#tab-users .userAccordionBody{border-top:1px solid var(--users-line);background:#fff;color:var(--users-navy)}
#tab-users .userSummaryStrip>div{background:#f6f9fd}

/* Usuarios registrados: directorio y editor lateral */
#tab-users .usersRegisteredPanel{padding:0;border:0;background:transparent;box-shadow:none}
#tab-users .usersRegisteredWorkspace{display:grid;grid-template-columns:minmax(560px,1.55fr) minmax(430px,1fr);align-items:start;gap:14px;width:100%;min-width:0}
#tab-users .usersDirectoryPanel,#tab-users .usersEditorPanel{min-width:0;border:1px solid #d7e4f3;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(45,84,130,.05);overflow:hidden}
#tab-users .usersDirectoryPanel{padding:18px 20px 20px}
#tab-users .usersDirectoryPanel>header{margin-bottom:20px}
#tab-users .usersDirectoryPanel>header h3{margin:0;color:#081a3a;font-size:30px;line-height:1.1;font-weight:900;letter-spacing:-.03em}
#tab-users .usersDirectoryPanel>header p{margin:7px 0 0;color:#637a99;font-size:13px}
#tab-users .usersDirectoryToolbar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(145px,.55fr) auto;align-items:end;gap:14px;margin-bottom:16px}
#tab-users .usersDirectoryToolbar label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#102442;font-size:11px}
#tab-users .usersDirectoryToolbar label>b{font-size:11px}
#tab-users .usersDirectoryToolbar input,#tab-users .usersDirectoryToolbar select{width:100%;height:44px;border:1px solid #c9d8ea!important;border-radius:8px;background:#fff!important;color:#122746!important;font-size:13px}
#tab-users .usersSearchField{position:relative;display:block!important}
#tab-users .usersSearchField>span{position:absolute;z-index:1;left:15px;top:9px;color:#57749d;font-size:24px;line-height:1}
#tab-users .usersSearchField input{padding-left:43px!important}
#tab-users #newRegisteredUserBtn{height:44px;padding:0 22px;border:1px solid #0874ef;border-radius:8px;background:linear-gradient(135deg,#0b79f6,#075fd7);box-shadow:0 5px 12px rgba(9,111,232,.2);color:#fff;font-weight:850;white-space:nowrap;cursor:pointer}
#tab-users .usersDirectoryScroll{width:100%;overflow-x:auto;border:1px solid #dbe6f2;border-radius:10px}
#tab-users .usersDirectoryTable{width:100%;min-width:680px;border-collapse:collapse;table-layout:fixed;color:#132846;font-size:12px}
#tab-users .usersDirectoryTable th{padding:13px 12px;background:#eef4fb;color:#36506f;text-align:left;font-size:11px;font-weight:850;white-space:nowrap}
#tab-users .usersDirectoryTable th:nth-child(1){width:34%}
#tab-users .usersDirectoryTable th:nth-child(2){width:17%}
#tab-users .usersDirectoryTable th:nth-child(3){width:27%}
#tab-users .usersDirectoryTable th:nth-child(4){width:13%}
#tab-users .usersDirectoryTable th:nth-child(5){width:9%;text-align:center}
#tab-users .usersDirectoryTable td{height:61px;padding:8px 12px;border-top:1px solid #e1e9f3;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-users .usersDirectoryTable tbody tr{cursor:pointer;transition:background .15s ease}
#tab-users .usersDirectoryTable tbody tr:hover{background:#f6faff}
#tab-users .usersDirectoryTable tbody tr[aria-selected="true"]{background:#eaf4ff}
#tab-users .usersDirectoryIdentity{display:flex;align-items:center;gap:10px;min-width:0}
#tab-users .usersDirectoryIdentity>div{min-width:0}
#tab-users .usersDirectoryIdentity strong,#tab-users .usersDirectoryIdentity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-users .usersDirectoryIdentity strong{color:#122747;font-size:12px;font-weight:850}
#tab-users .usersDirectoryIdentity small{margin-top:3px;color:#647b9a;font-size:10px}
#tab-users .usersDirectoryRow:nth-child(3n+2) .userAvatarCompact{background:#ffdfec;color:#c93678}
#tab-users .usersDirectoryRow:nth-child(3n) .userAvatarCompact{background:#d9f6e8;color:#15976a}
#tab-users .usersDirectoryEmail{color:#607795}
#tab-users .usersDirectoryTable .qualityState{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:99px;font-size:10px;font-weight:850}
#tab-users .usersDirectoryTable td:last-child{text-align:center}
#tab-users .usersRowAction{border:0;background:transparent;color:#183f70;font-size:18px;letter-spacing:2px;cursor:pointer}
#tab-users .usersDirectoryEmpty{height:130px!important;text-align:center;color:#6a7e99}
#tab-users .usersDirectoryPagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;color:#647b9a;font-size:11px}
#tab-users .usersDirectoryPagination>div{display:flex;align-items:center;gap:7px}
#tab-users .usersDirectoryPagination button,#tab-users .usersDirectoryPagination b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d1dfef;border-radius:8px;background:#fff;color:#345576;font:inherit;font-weight:850}
#tab-users .usersDirectoryPagination b{border-color:#0874ef;background:#0874ef;color:#fff}
#tab-users .usersDirectoryPagination button:disabled{opacity:.4}
#tab-users .usersEditorPanel{position:sticky;top:12px;padding:0 16px 16px}
#tab-users .usersEditorPanel.closed{display:none}
#tab-users .userEditorHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:16px 4px 12px}
#tab-users .userEditorHeader .userAvatarCompact{width:54px;height:54px;font-size:16px}
#tab-users .userEditorHeader h3{margin:0;color:#0d203f;font-size:19px;font-weight:900}
#tab-users .userEditorHeader p{margin:4px 0 0;color:#627999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tab-users .userEditorHeader>.qualityState{display:inline-flex;padding:6px 12px;border-radius:99px;font-size:10px;font-weight:850}
#tab-users .userEditorClose{align-self:start;width:32px;height:32px;border:0;background:transparent;color:#4a6485;font-size:25px;cursor:pointer}
#tab-users .userEditorTabs{display:flex;gap:28px;border-bottom:1px solid #dce6f2}
#tab-users .userEditorTabs button{position:relative;padding:11px 4px 12px;border:0;background:transparent;color:#526987;font-weight:750;cursor:pointer}
#tab-users .userEditorTabs button.active{color:#0874ef}
#tab-users .userEditorTabs button.active:after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:#0874ef}
#tab-users [data-user-editor-pane]{display:grid;gap:10px;padding-top:10px}
#tab-users [data-user-editor-pane][hidden]{display:none!important}
#tab-users .userEditorSection{padding:12px;border:1px solid #dde7f2;border-radius:11px;background:#fff}
#tab-users .userEditorSection>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}
#tab-users .userEditorSection>header>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e6f2ff;color:#0874ef;font-size:16px}
#tab-users .userEditorSection h4{margin:0;color:#142947;font-size:14px;font-weight:850}
#tab-users .userEditorSectionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
#tab-users .userEditorSectionGrid>.field{min-width:0;margin:0}
#tab-users .userEditorSectionGrid>.span2{grid-column:1/-1}
#tab-users .userEditorSectionGrid label{margin-bottom:5px;color:#152945;font-size:10px;font-weight:800}
#tab-users .userEditorSectionGrid input:not([type="checkbox"]),#tab-users .userEditorSectionGrid select,#tab-users .userEditorSectionGrid textarea{width:100%;min-width:0;min-height:39px;border:1px solid #cbd9ea!important;border-radius:7px!important;background:#fff!important;color:#18304f!important;font-size:11px}
#tab-users .userEditorSectionGrid small{display:block;margin-top:5px;color:#7085a1;font-size:9px;line-height:1.35}
#tab-users .userEditorSectionGrid .toggleLine{display:flex;align-items:center;gap:8px;min-height:38px;margin:0;padding:7px 9px;border:1px solid #dbe6f1;border-radius:7px}
#tab-users .userEditorSectionGrid .toggleLine input{width:18px;height:18px;accent-color:#0874ef}
#tab-users .userPhotoAdminWrap{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:12px}
#tab-users .userPhotoAdminPreview{width:64px;height:64px}
#tab-users .userPhotoAdmin,#tab-users .userPhotoFallback{width:64px;height:64px;border-radius:50%;object-fit:cover}
#tab-users .userPhotoFallback{display:grid;place-items:center;background:#ddebff;color:#2869c5;font-weight:900}
#tab-users .userPhotoAdminActions input[type="file"]{min-height:32px!important;padding:3px!important}
#tab-users .userPhotoAdminActions .actions{margin-top:5px}
#tab-users .userPhotoAdminActions .btn{min-height:32px;padding:0 12px;font-size:10px}
#tab-users .userActivityPane{min-height:220px;padding:16px!important}
#tab-users .userActivityPane h4{margin:0;color:#142947}
#tab-users .userActivityPane .userSummaryStrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#tab-users .userEditorFooter{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #dce6f2}
#tab-users .userEditorFooter .btn{min-height:40px;padding:0 18px;border-radius:8px}
#tab-users .userEditorFooter .saveUserBtn{background:#0874ef;border-color:#0874ef;color:#fff}

@media (max-width: 1024px){
  #tab-users .userImportCapacity{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tab-users .userImportGrid{grid-template-columns:1fr}
  #tab-users .userImportActions{justify-content:flex-start}
  #tab-users .userAccordionSummary{grid-template-columns:46px minmax(180px,1fr) minmax(250px,.9fr)}
  #tab-users .usersRegisteredWorkspace{grid-template-columns:1fr}
  #tab-users .usersEditorPanel{position:static}
}
@media (max-width: 640px){
  #tab-users{padding:0 10px 18px}
  #tab-users .usersExecutiveHeader{margin:0 -10px;padding:13px 14px}
  #tab-users .usersExecutiveHeader h2{font-size:23px}
  #tab-users .usersCurrentUserLabel{display:none}
  #tab-users .usersQaNotice{grid-template-columns:28px minmax(0,1fr) 30px;padding:12px 10px;font-size:12px}
  #tab-users .userImportPanel,#tab-users .usersRegisteredPanel{padding:14px 12px}
  #tab-users .usersImportHeading,#tab-users .usersRegisteredHeading{align-items:flex-start;flex-direction:column}
  #tab-users .usersSectionLead{width:100%}
  #tab-users .usersSectionLead>div{min-width:0;max-width:100%}
  #tab-users #downloadUserImportTemplate{width:100%}
  #tab-users .userImportCapacity{grid-template-columns:1fr}
  #tab-users .userImportCapacity>div{min-height:72px}
  #tab-users .userImportActions{display:grid;grid-template-columns:1fr;width:100%}
  #tab-users .userImportActions .btn{width:100%}
  #tab-users .userImportSafetyNote{align-items:flex-start}
  #tab-users .usersRegisteredHint{white-space:normal}
  #tab-users .usersFilterBar{grid-template-columns:1fr}
  #tab-users .userAccordionSummary{grid-template-columns:42px minmax(0,1fr) 36px;gap:9px;padding:9px}
  #tab-users .userAccordionMeta{display:contents}
  #tab-users .userAccordionMeta>span:first-child{display:none}
  #tab-users .userAccordionMeta .qualityState{grid-column:2;justify-self:start;margin-top:-2px}
  #tab-users .userAccordionChevron{grid-column:3;grid-row:1 / span 2}
  #tab-users .userAvatarCompact{width:38px;height:38px}
  #tab-users .userSummaryStrip{grid-template-columns:1fr}
  #tab-users .usersDirectoryPanel{padding:15px 12px}
  #tab-users .usersDirectoryPanel>header h3{font-size:24px}
  #tab-users .usersDirectoryToolbar{grid-template-columns:1fr}
  #tab-users #newRegisteredUserBtn{width:100%}
  #tab-users .usersDirectoryPagination{align-items:flex-start;flex-direction:column}
  #tab-users .usersEditorPanel{padding:0 10px 12px}
  #tab-users .userEditorHeader{grid-template-columns:auto minmax(0,1fr) auto}
  #tab-users .userEditorHeader>.qualityState{grid-column:2;justify-self:start}
  #tab-users .userEditorClose{grid-column:3;grid-row:1}
  #tab-users .userEditorSectionGrid{grid-template-columns:1fr}
  #tab-users .userEditorSectionGrid>.span2{grid-column:auto}
  #tab-users .userActivityPane .userSummaryStrip{grid-template-columns:1fr}
}

/* The user editor is a fixed light administration surface. Keep its text
   readable when global branding or iOS/WebKit supplies a white text fill. */
#tab-users .usersEditorPanel :is(.userEditorHeader h3,.userEditorSection h4,.userEditorSectionGrid label,.userActivityPane h4){color:#142947!important;-webkit-text-fill-color:#142947!important}
#tab-users .usersEditorPanel :is(.userEditorHeader p,.userEditorSectionGrid small){color:#526987!important;-webkit-text-fill-color:#526987!important;opacity:1!important}
#tab-users .usersEditorPanel .userEditorTabs button{color:#526987!important;-webkit-text-fill-color:#526987!important}
#tab-users .usersEditorPanel .userEditorTabs button.active{color:#075ebd!important;-webkit-text-fill-color:#075ebd!important}
#tab-users .usersEditorPanel .userEditorSectionGrid :is(input:not([type="checkbox"]),select,textarea){color:#18304f!important;-webkit-text-fill-color:#18304f!important}
#tab-users .usersEditorPanel .userEditorSectionGrid :is(input,textarea)::placeholder{color:#7085a1!important;-webkit-text-fill-color:#7085a1!important;opacity:1!important}
#tab-users .usersEditorPanel .userEditorSectionGrid .toggleLine span{color:#152945!important;-webkit-text-fill-color:#152945!important}
#tab-users .usersEditorPanel .userEditorClose{color:#4a6485!important;-webkit-text-fill-color:#4a6485!important}
#tab-users .usersEditorPanel .userEditorFooter .saveUserBtn{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Usuarios is intentionally a fixed light workspace. The global dark/branding
   theme owns semantic table and label colors with !important, so declare the
   matching fixed-light foregrounds at the same cascade level. */
#tab-users :is(.usersExecutiveHeader,.usersQaNotice,.userImportPanel,.usersDirectoryPanel,.usersEditorPanel,.userEditorSection,.userSummaryStrip>div){
  color:#142947!important;
  -webkit-text-fill-color:currentColor!important;
}
#tab-users :is(.usersExecutiveHeader,.usersQaNotice,.userImportPanel,.usersDirectoryPanel,.usersEditorPanel,.userEditorSection,.userSummaryStrip>div) :is(h1,h2,h3,h4,p,strong,b,label,legend,span,small,a,th,td){
  color:#142947!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}
#tab-users :is(.usersExecutiveHeader,.userImportPanel,.usersDirectoryPanel,.usersEditorPanel) :is(p,small,.muted,.helper),
#tab-users .userImportCapacity span,
#tab-users .usersDirectoryPagination{
  color:#526987!important;
  -webkit-text-fill-color:#526987!important;
}
#tab-users .usersQaNotice :is(strong,span:not(.usersQaNoticeIcon)){color:#254f7f!important;-webkit-text-fill-color:#254f7f!important}
#tab-users .usersDirectoryToolbar label{color:#102442!important;-webkit-text-fill-color:#102442!important}
#tab-users .usersDirectoryToolbar .usersSearchField>span{color:#365f91!important;-webkit-text-fill-color:#365f91!important}
#tab-users .usersDirectoryTable th{color:#304865!important;-webkit-text-fill-color:#304865!important}
#tab-users .usersDirectoryTable td{color:#415675!important;-webkit-text-fill-color:#415675!important}
#tab-users .usersDirectoryTable td *{-webkit-text-fill-color:currentColor!important}
#tab-users .usersDirectoryIdentity strong{color:#122747!important}
#tab-users .usersDirectoryIdentity small,#tab-users .usersDirectoryEmail{color:#526987!important}
#tab-users .usersDirectoryTable .qualityState.ok{background:#d7f6e5!important;color:#12663d!important;-webkit-text-fill-color:#12663d!important}
#tab-users .usersDirectoryTable .qualityState.warn{background:#ffedc9!important;color:#7a4c00!important;-webkit-text-fill-color:#7a4c00!important}
#tab-users .usersRowAction{color:#183f70!important;-webkit-text-fill-color:#183f70!important}
#tab-users .usersDirectoryPagination :is(span,button){color:#405b79!important;-webkit-text-fill-color:#405b79!important}
#tab-users .usersDirectoryPagination b{color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-users .userAvatarCompact{color:#174f98!important;-webkit-text-fill-color:#174f98!important}
#tab-users .usersDirectoryRow:nth-child(3n+2) .userAvatarCompact{color:#8d1d55!important;-webkit-text-fill-color:#8d1d55!important}
#tab-users .usersDirectoryRow:nth-child(3n) .userAvatarCompact{color:#0f6b49!important;-webkit-text-fill-color:#0f6b49!important}
#tab-users .userEditorTabs button{color:#526987!important;-webkit-text-fill-color:#526987!important}
#tab-users .userEditorTabs button.active{color:#075ebd!important;-webkit-text-fill-color:#075ebd!important}
#tab-users .userEditorSection>header>span{color:#075ebd!important;-webkit-text-fill-color:#075ebd!important}
#tab-users :is(.btn.primary,#newRegisteredUserBtn,.saveUserBtn):not(:disabled),
#tab-users :is(.btn.primary,#newRegisteredUserBtn,.saveUserBtn):not(:disabled) *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#tab-users :is(.btn.primary,#newRegisteredUserBtn,.saveUserBtn):disabled{
  background:#e8eef5!important;
  border-color:#cbd8e7!important;
  color:#526987!important;
  -webkit-text-fill-color:#526987!important;
}
#tab-users :is(.btn.primary,#newRegisteredUserBtn,.saveUserBtn):disabled *{
  color:#526987!important;
  -webkit-text-fill-color:#526987!important;
}
#tab-users .usersQaNotice .usersQaNoticeIcon{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Usuarios · invitaciones/pre-alta. Fixed-light, matching the approved RevUp mockup. */
#tab-users .usersModuleTabs{display:flex;gap:34px;margin:4px 0 18px;padding:0 18px;border-bottom:1px solid #dce7f3}
#tab-users .usersModuleTabs button{position:relative;padding:13px 3px;border:0;background:transparent;color:#58708f!important;-webkit-text-fill-color:#58708f!important;font-weight:800;cursor:pointer}
#tab-users .usersModuleTabs button.active{color:#0874ef!important;-webkit-text-fill-color:#0874ef!important}
#tab-users .usersModuleTabs button.active:after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:4px 4px 0 0;background:#0874ef}
#tab-users .usersInvitationsPanel{color:#142947!important;-webkit-text-fill-color:currentColor!important}
#tab-users .usersInvitationsPanel[hidden]{display:none!important}
#tab-users .usersInvitationsHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
#tab-users .usersInvitationsHeader h2{margin:0;color:#0a1d3d!important;font-size:26px;font-weight:900}
#tab-users .usersInvitationsHeader p{margin:5px 0 0;color:#607795!important}
#tab-users .usersInvitationsHeader>div:last-child{display:flex;align-items:center;gap:10px}
#tab-users .usersHelpButton{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:#d7fbef;color:#087a74!important;-webkit-text-fill-color:#087a74!important;font-size:17px;font-weight:900;cursor:help}
#tab-users .usersInvitationCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
#tab-users .usersInvitationCards article{display:flex;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid #dbe7f3;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(44,83,130,.05)}
#tab-users .usersInvitationCards article>span{display:grid;flex:0 0 54px;place-items:center;width:54px;height:54px;border-radius:15px}
#tab-users .usersInvitationCards svg,#tab-users .usersInvitationLicense svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#tab-users .usersInvitationCards .blue>span{background:#e6f2ff;color:#0874ef}.usersInvitationCards .amber>span{background:#fff4d9;color:#ee9a00}.usersInvitationCards .red>span{background:#ffe8eb;color:#e83e51}.usersInvitationCards .green>span{background:#e3f8ed;color:#14a467}
#tab-users .usersInvitationCards b,#tab-users .usersInvitationCards strong,#tab-users .usersInvitationCards small{display:block;color:#142947!important;-webkit-text-fill-color:#142947!important}
#tab-users .usersInvitationCards b{font-size:12px}#tab-users .usersInvitationCards strong{margin:5px 0;font-size:26px}#tab-users .usersInvitationCards small{color:#627a98!important;-webkit-text-fill-color:#627a98!important}
#tab-users .usersInvitationLicense{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(520px,1fr);align-items:center;gap:18px;margin-bottom:14px;padding:16px 18px;border:1px solid #dbe7f3;border-radius:13px;background:#fff}
#tab-users .usersInvitationLicenseIntro{display:flex;align-items:center;gap:14px}.usersInvitationLicenseIntro>span{display:grid;flex:0 0 52px;place-items:center;width:52px;height:52px;border-radius:13px;background:#e6f2ff;color:#0874ef}.usersInvitationLicense h3{margin:0;color:#142947!important}.usersInvitationLicense p{margin:4px 0 0;color:#607795!important;font-size:11px;line-height:1.5}.usersInvitationLicense dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.usersInvitationLicense dl>div{padding:4px 14px;border-left:1px solid #dce7f3}.usersInvitationLicense dt{color:#647c9a!important;font-size:10px}.usersInvitationLicense dd{margin:5px 0 0;color:#0a1d3d!important;font-size:22px;font-weight:900}.usersInvitationLicense dd.available{color:#16a467!important}
#tab-users .usersInvitationFilters{display:grid;grid-template-columns:minmax(230px,1.15fr) repeat(4,minmax(125px,.55fr));align-items:end;gap:11px;margin-bottom:14px;padding:14px;border:1px solid #dbe7f3;border-radius:13px;background:#fff}
#tab-users .usersInvitationFilters label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#142947!important;font-size:10px}.usersInvitationFilters input,.usersInvitationFilters select{width:100%;height:41px;border:1px solid #cad9eb!important;border-radius:8px;background:#fff!important;color:#142947!important;-webkit-text-fill-color:#142947!important}.usersInvitationFilters .search{position:relative}.usersInvitationFilters .search>span{position:absolute;z-index:1;top:50%;left:13px;transform:translateY(-50%);color:#587495!important;font-size:20px}.usersInvitationFilters .search input{padding-left:38px}.usersInvitationFilters .actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
#tab-users .usersInvitationsTablePanel{border:1px solid #dbe7f3;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(44,83,130,.04);overflow:visible}.usersInvitationsTablePanel>header{padding:16px 18px}.usersInvitationsTablePanel h3{margin:0;color:#142947!important;font-size:18px}.usersInvitationsTablePanel p{margin:4px 0 0;color:#607795!important;font-size:11px}.usersInvitationsTableWrap{overflow-x:auto}.usersInvitationsTable{width:100%;min-width:1120px;border-collapse:collapse;color:#142947!important;font-size:11px}.usersInvitationsTable th{padding:11px 10px;background:#eef4fb;color:#304865!important;text-align:left;white-space:nowrap}.usersInvitationsTable td{height:54px;padding:9px 10px;border-top:1px solid #e1eaf4;color:#415675!important;vertical-align:middle}.usersInvitationsTable td.empty{text-align:center}.usersInvitationsTablePanel>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#607795!important;font-size:11px}.usersInvitationsTablePanel>footer>div{display:flex;align-items:center;gap:6px}.usersInvitationsTablePanel>footer b{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#0874ef;color:#fff!important}
#tab-users .usersInvitationStatus{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:6px 9px;border-radius:99px;font-size:10px;font-weight:850;white-space:nowrap}.usersInvitationStatus.pending{background:#fff2cf;color:#9b6500!important}.usersInvitationStatus.sent{background:#e1efff;color:#0864c9!important}.usersInvitationStatus.waiting,.usersInvitationStatus.error,.usersInvitationStatus.revoked{background:#ffe5e8;color:#bd2e3d!important}.usersInvitationStatus.expired{background:#edf1f5;color:#65758a!important}.usersInvitationStatus.review{background:#ffe8cf;color:#a6560b!important}.usersInvitationStatus.accepted{background:#dcf7e8;color:#147548!important}
#tab-users .usersInvitationMenu{position:relative}.usersInvitationMenu summary{display:grid;place-items:center;width:34px;height:32px;border:1px solid #cedceb;border-radius:8px;color:#173b67!important;font-size:18px;list-style:none;cursor:pointer}.usersInvitationMenu summary::-webkit-details-marker{display:none}.usersInvitationMenu>div{position:absolute;z-index:20;top:36px;right:0;width:190px;padding:6px;border:1px solid #d5e2f0;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(16,43,78,.16)}.usersInvitationMenu button{display:block;width:100%;padding:9px;border:0;border-radius:6px;background:#fff;color:#18304f!important;text-align:left;cursor:pointer}.usersInvitationMenu button:hover{background:#eef6ff}.usersInvitationMenu button.danger{color:#bd2e3d!important}
#tab-users .usersInvitationDrawerBackdrop{position:fixed;z-index:998;inset:0;background:rgba(8,27,57,.28)}#tab-users .usersInvitationDrawer{position:fixed;z-index:999;top:0;right:0;width:min(600px,100vw);height:100vh;padding:20px 24px;background:#fff;box-shadow:-16px 0 45px rgba(8,27,57,.18);color:#142947!important;overflow-y:auto}.usersInvitationDrawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.usersInvitationDrawer>header small{color:#3677c8!important;font-size:10px;font-weight:900;letter-spacing:.17em}.usersInvitationDrawer>header h2{margin:4px 0;color:#0a1d3d!important;font-size:24px}.usersInvitationDrawer>header p{margin:0;color:#607795!important}.usersInvitationDrawer>header button{border:0;background:transparent;color:#405a79!important;font-size:29px;cursor:pointer}.usersInvitationDrawer h3{margin:20px 0 10px;color:#142947!important;font-size:14px}.usersInvitationDrawer .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.usersInvitationDrawer label{display:flex;min-width:0;flex-direction:column;gap:5px;color:#142947!important;font-size:11px}.usersInvitationDrawer input,.usersInvitationDrawer select{width:100%;height:43px;border:1px solid #c9d8ea!important;border-radius:8px;background:#fff!important;color:#142947!important;-webkit-text-fill-color:#142947!important}.usersInvitationDrawer form>footer{position:sticky;bottom:-20px;display:flex;justify-content:flex-end;gap:10px;margin:22px -24px -20px;padding:15px 24px;border-top:1px solid #dce7f3;background:#fff}.usersInvitationInfo{display:flex;gap:12px;padding:14px;border:1px solid #cfe3fb;border-radius:10px;background:#eef7ff;color:#245583!important;font-size:11px;line-height:1.5}.usersInvitationHint{padding:10px;border-radius:8px;background:#f3f8fd;color:#526b89!important;font-size:11px}.usersInvitationReadOnly{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border-radius:10px;background:#eef7ff}.usersInvitationReadOnly>div{padding-right:10px;border-right:1px solid #d2e3f6}.usersInvitationReadOnly span,.usersInvitationReadOnly b{display:block;color:#142947!important}.usersInvitationReadOnly span{font-size:10px}.usersInvitationReadOnly b{margin-top:3px;font-size:17px}.usersInvitationReadOnly p{grid-column:1/-1;margin:0;color:#526b89!important;font-size:10px}.usersInvitationFuture{display:grid;grid-template-columns:52px 1fr;gap:12px;padding:15px;border-radius:11px;background:#eaf9f1}.usersInvitationFuture .avatar,.usersInvitationDetailHero .avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d6f5e4;color:#168254!important;font-weight:900}.usersInvitationFuture b,.usersInvitationFuture small{display:block;color:#142947!important}.usersInvitationFuture dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin:10px 0 0}.usersInvitationFuture dl div{display:grid;grid-template-columns:1fr 1fr}.usersInvitationFuture dt{color:#607795!important;font-size:9px}.usersInvitationFuture dd{margin:0;color:#142947!important;font-size:9px;font-weight:800}.usersInvitationDetailHero{display:flex;align-items:center;gap:12px;margin-bottom:16px}.usersInvitationDetailHero h3{margin:0 0 5px!important;font-size:20px!important}.usersInvitationDetail>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #dce7f3;border-radius:10px;overflow:hidden}.usersInvitationDetail>dl div{padding:11px;background:#f8fbff}.usersInvitationDetail dt{color:#617997!important;font-size:9px}.usersInvitationDetail dd{margin:3px 0 0;color:#142947!important;font-size:11px;font-weight:750}.usersInvitationDetail ol{padding-left:20px}.usersInvitationDetail li{margin:8px 0;color:#142947!important}.usersInvitationDetail li span{display:block;color:#607795!important;font-size:10px}
#tab-users .usersInvitationsPanel :is(h1,h2,h3,h4,p,b,strong,small,span,label,dt,dd,th,td,button){-webkit-text-fill-color:currentColor!important;opacity:1!important}
#tab-users .usersInvitationsPanel .btn.primary,#tab-users .usersInvitationsPanel .btn.primary *{color:#fff!important;-webkit-text-fill-color:#fff!important}
body #tab-users #usersInvitationsTabPanel .usersInvitationsTablePanel>header{background:#fff!important;color:#142947!important;-webkit-text-fill-color:#142947!important}
body #tab-users #usersInvitationsTabPanel .usersInvitationsTable thead th{background:#eef4fb!important;color:#304865!important;-webkit-text-fill-color:#304865!important}
body #tab-users #usersInvitationsTabPanel .usersInvitationsTable tbody,
body #tab-users #usersInvitationsTabPanel .usersInvitationsTable tbody tr,
body #tab-users #usersInvitationsTabPanel .usersInvitationsTable tbody td{background:#fff!important;color:#415675!important;-webkit-text-fill-color:#415675!important}
@media (max-width: 1180px){#tab-users .usersInvitationCards{grid-template-columns:repeat(2,minmax(0,1fr))}#tab-users .usersInvitationLicense{grid-template-columns:1fr}#tab-users .usersInvitationFilters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 760px){#tab-users .usersModuleTabs{margin-left:0;margin-right:0;padding:0}.usersInvitationsHeader{align-items:flex-start!important;flex-direction:column}.usersInvitationCards{grid-template-columns:1fr!important}.usersInvitationLicense dl{grid-template-columns:repeat(2,minmax(0,1fr))!important}.usersInvitationLicense dl>div{border-left:0!important;border-top:1px solid #dce7f3}.usersInvitationFilters{grid-template-columns:1fr!important}.usersInvitationFilters .actions{display:grid!important;grid-template-columns:1fr}.usersInvitationDrawer{padding:16px!important}.usersInvitationDrawer .grid{grid-template-columns:1fr!important}.usersInvitationDrawer form>footer{margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.usersInvitationFuture dl,.usersInvitationDetail>dl{grid-template-columns:1fr!important}}