/* Create/Edit User v3 — pixel-aligned with the approved UTU Engine reference.
   Standalone last-loaded sheet. No global select or dashboard overrides. */
#user-modal-backdrop.user-modal-backdrop{
  padding:20px!important;
  background:rgba(4,14,28,.79)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
#user-modal-backdrop .user-editor-modal{
  box-sizing:border-box;
  width:min(990px,calc(100vw - 40px))!important;
  max-width:990px!important;
  max-height:calc(100dvh - 40px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:23px 23px 25px!important;
  border:1px solid #263e50!important;
  border-radius:22px!important;
  margin:auto!important;
  background:#0d1722!important;
  color:#edf6fc!important;
  box-shadow:0 26px 80px rgba(0,0,0,.4)!important;
}
#user-modal-backdrop .user-editor-modal :is(button,input,select){
  box-sizing:border-box;
  font-family:inherit;
}
#user-modal-backdrop .utu-user-v3-header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:0 2px;margin:0 0 19px;
}
#user-modal-backdrop .utu-user-v3-header .eyebrow,
#user-modal-backdrop .utu-user-v3-title{
  color:#18d2e6;font-size:12px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;
}
#user-modal-backdrop .utu-user-v3-header .eyebrow{margin:0 0 10px;}
#user-modal-backdrop .utu-user-v3-header h2{
  font-size:28px;line-height:1.12;letter-spacing:-.035em;
  font-weight:790;color:#f4f9fe;margin:0 0 9px;
}
#user-modal-backdrop .utu-user-v3-header p{
  font-size:13px;line-height:1.5;color:#b4cbda;margin:0;
}
#user-modal-backdrop .utu-user-editor-close{
  flex:0 0 40px!important;width:40px!important;height:40px!important;
  border:1px solid #2e5269!important;border-radius:12px!important;
  background:#0d1722!important;color:#ecf7fc!important;
  box-shadow:none!important;font-size:26px!important;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
#user-modal-backdrop .utu-user-editor-close:hover,
#user-modal-backdrop .utu-user-editor-close:focus-visible{
  border-color:#20c7db!important;background:#132635!important;
}
#user-modal-backdrop .utu-user-v3-card{
  position:relative;
  min-width:0;
  padding:17px 18px 18px;
  margin:0 0 16px;
  background:#0d1722;
  border:1px solid #263e50;
  border-radius:17px;
  box-shadow:none;
}
#user-modal-backdrop .utu-user-v3-account{z-index:2;}
/* Override the prior two-ID Application Access rule from utu-ux-phase2.css.
   Otherwise it reinstates the old background, margins and radius. */
#user-modal-backdrop #user-application-scope.utu-user-v3-card{
  z-index:1;
  margin:0 0 16px!important;
  padding:17px 18px 18px!important;
  border:1px solid #263e50!important;
  border-radius:17px!important;
  background:#0d1722!important;
}
#user-modal-backdrop .utu-user-v3-title{display:block;margin:0 0 15px;}
#user-modal-backdrop .utu-user-v3-title + .utu-user-v3-lead{
  color:#abc3d2;font-size:12px;line-height:1.55;margin:-5px 0 13px;
}
#user-modal-backdrop .utu-user-v3-account-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-auto-flow:row;gap:15px 18px;align-items:end;
}
#user-modal-backdrop .utu-user-v3-field{
  display:flex;min-width:0;
  flex-direction:column;gap:7px;position:relative;
  color:#ecf6fb;font-size:12px;font-weight:750;line-height:1.35;
}
#user-modal-backdrop .utu-user-v3-field>span:first-child{
  font-size:12px;color:#edf7fc;font-weight:750;
}
#user-modal-backdrop .utu-user-v3-field .required{color:#ff7b77;}
#user-modal-backdrop .utu-user-v3-input-wrap{position:relative;min-width:0;}
#user-modal-backdrop .utu-user-v3-input-wrap>svg{
  position:absolute;left:15px;top:50%;transform:translateY(-50%);
  width:19px;height:19px;stroke:#b9d3e4;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  pointer-events:none;
}
#user-modal-backdrop .utu-user-v3-input-wrap>input{
  width:100%!important;height:45px!important;min-height:45px!important;
  padding:9px 14px 9px 45px!important;margin:0!important;
}
#user-modal-backdrop :is(.utu-user-v3-input-wrap input,
  .utu-user-v3-role-trigger,.utu-user-v3-search-wrap input){
  background:#0d1722!important;
  border:1px solid #263e50!important;
  border-radius:11px!important;
  color:#edf6fc!important;
  font-size:13px!important;
  font-weight:580!important;
  box-shadow:none!important;
  outline:0;
}
#user-modal-backdrop :is(.utu-user-v3-input-wrap input,.utu-user-v3-search-wrap input)::placeholder{
  color:#91aebe!important;opacity:1;
}
#user-modal-backdrop :is(.utu-user-v3-input-wrap input,.utu-user-v3-search-wrap input,
  .utu-user-v3-role-trigger):focus-visible{
  border-color:#28d6e7!important;
  box-shadow:0 0 0 3px rgba(10,189,213,.17)!important;
}
#user-modal-backdrop .utu-user-v3-password-input input{padding-right:52px!important;}
#user-modal-backdrop .utu-user-v3-reveal{
  position:absolute;top:3px;right:3px;width:40px;height:39px;
  display:flex;align-items:center;justify-content:center;
  border:0!important;background:transparent!important;
  box-shadow:none!important;color:#b9d0df!important;border-radius:9px!important;
}
#user-modal-backdrop .utu-user-v3-reveal svg{
  width:19px;height:19px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;
}
#user-modal-backdrop .utu-user-v3-reveal:hover{background:#152c3b!important;color:#fff!important;}
#user-modal-backdrop .utu-v3-native-select{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:0!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;
  border:0!important;opacity:0!important;
  overflow:hidden!important;pointer-events:none!important;
}
#user-modal-backdrop .utu-user-v3-role-trigger{
  display:flex;width:100%;height:45px;min-height:45px;
  align-items:center;gap:10px;padding:8px 13px!important;
  text-align:left;cursor:pointer;white-space:nowrap;
}
#user-modal-backdrop .utu-user-v3-role-icon{
  display:flex;align-items:center;justify-content:center;
  color:#e0f0fc;flex:0 0 20px;
}
#user-modal-backdrop .utu-user-v3-role-icon svg{
  height:19px;width:19px;stroke:currentColor;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
#user-modal-backdrop .utu-user-v3-role-icon.superuser{color:#c7a8ff;}
#user-modal-backdrop .utu-user-v3-role-icon.admin{color:#8fc6ff;}
#user-modal-backdrop .utu-user-v3-role-icon.investigator{color:#70dfb1;}
#user-modal-backdrop .utu-user-v3-role-icon.readonly{color:#d4e5f5;}
#user-modal-backdrop .utu-user-v3-role-caret{
  width:8px;height:8px;flex:0 0 8px;
  border-bottom:2px solid #b8d3e4;
  border-right:2px solid #b8d3e4;
  transform:rotate(45deg);margin:-4px 5px 0 auto;
}
#user-modal-backdrop .utu-user-v3-role-trigger[aria-expanded=true] .utu-user-v3-role-caret{
  transform:rotate(225deg);margin-top:4px;
}
#user-modal-backdrop .utu-user-v3-role-menu{
  position:absolute;z-index:120;top:100%;left:0;right:0;
  margin-top:6px;padding:6px;
  border:1px solid #263e50;border-radius:12px;
  background:#0d1722;
  box-shadow:0 20px 44px rgba(0,0,0,.55);
}
#user-modal-backdrop .utu-user-v3-role-menu[hidden]{display:none!important;}
#user-modal-backdrop .utu-user-v3-role-option{
  border:0!important;box-shadow:none!important;
  border-radius:9px!important;width:100%;
  display:flex;align-items:center;gap:11px;
  padding:10px 10px!important;min-height:54px;
  text-align:left;background:transparent!important;color:#edf6fc!important;
}
#user-modal-backdrop .utu-user-v3-role-option:hover,
#user-modal-backdrop .utu-user-v3-role-option:focus-visible,
#user-modal-backdrop .utu-user-v3-role-option[aria-selected=true]{
  background:#132b39!important;
}
#user-modal-backdrop .utu-user-v3-role-description{
  display:flex;flex-direction:column;min-width:0;gap:2px;
  font-size:12px;font-weight:750;
}
#user-modal-backdrop .utu-user-v3-role-description small{
  color:#9dbccc;font-size:11px;font-weight:440;line-height:1.4;
}
#user-modal-backdrop .utu-user-v3-role-check{
  margin-left:auto;color:#33e0e6;opacity:0;font-size:16px;
}
#user-modal-backdrop .utu-user-v3-role-option[aria-selected=true] .utu-user-v3-role-check{opacity:1;}
#user-modal-backdrop .utu-user-v3-enabled{
  display:flex!important;align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;gap:10px!important;
  text-align:left!important;font-size:12px;font-weight:750;
  min-height:45px;margin:0!important;
}
#user-modal-backdrop .utu-user-v3-enabled input{margin:0!important;accent-color:#0ccddd;}
#user-modal-backdrop .utu-user-v3-enabled span{display:flex;flex-direction:column;gap:5px;}
#user-modal-backdrop .utu-user-v3-enabled small{
  color:#9cb8ca;font-size:11px;font-weight:460;
}
#user-modal-backdrop .utu-user-v3-app-access{margin-bottom:17px;min-height:0;}
#user-modal-backdrop .utu-user-v3-read-all{
  display:flex!important;align-items:flex-start!important;
  gap:11px!important;flex-direction:row!important;
  margin:0 0 17px!important;font-size:12px;font-weight:780;
}
#user-modal-backdrop .utu-user-v3-read-all input{margin:3px 0 0!important;}
#user-modal-backdrop .utu-user-v3-read-all>span{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
#user-modal-backdrop .utu-user-v3-read-all small{
  color:#88a8bc;font-size:11px;line-height:1.45;font-weight:450;
}
#user-modal-backdrop .utu-user-v3-transfer{
  display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);
  gap:12px;align-items:stretch;min-width:0;
}
#user-modal-backdrop .utu-user-v3-side{min-width:0;display:flex;flex-direction:column;}
#user-modal-backdrop .utu-user-v3-list-label{
  font-size:12px;font-weight:780;color:#eef8ff;
  display:flex;justify-content:space-between;align-items:center;
  padding:0 3px;margin:0 0 8px;
}
#user-modal-backdrop .utu-user-v3-count{
  border-radius:999px;border:1px solid #17cadd;
  background:#0d1722;color:#73ebf3;
  padding:2px 9px;font-size:11px;font-weight:700;
}
#user-modal-backdrop .utu-user-v3-panel{
  min-height:245px;height:265px;
  display:flex;flex-direction:column;
  border:1px solid #263e50;
  border-radius:12px;
  background:#0d1722;
  overflow:hidden;
}
#user-modal-backdrop .utu-user-v3-search-wrap{
  position:relative;flex:0 0 auto;margin:7px 7px 5px;
}
#user-modal-backdrop .utu-user-v3-search-wrap>svg{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);
  width:17px;height:17px;stroke:#a6c4d5;fill:none;stroke-width:1.8;pointer-events:none;
}
#user-modal-backdrop .utu-user-v3-search-wrap input{
  width:100%!important;height:38px!important;min-height:38px!important;
  padding:8px 10px 8px 36px!important;border-radius:9px!important;
}
#user-modal-backdrop .utu-user-v3-list{
  overflow-y:auto;overscroll-behavior:contain;
  padding:4px 6px 8px;flex:1 1 auto;min-height:0;
  scrollbar-width:thin;scrollbar-color:#284657 #0d1722;
}
#user-modal-backdrop .utu-user-v3-app-row{
  display:flex;align-items:center;gap:8px;
  width:100%;min-width:0;min-height:40px;
  margin-bottom:2px;border:1px solid transparent;
  border-radius:9px;
  background:transparent;color:#e5f2fc;
  font-size:12px;
}
#user-modal-backdrop .utu-user-v3-app-row.active{
  background:#112735;border-color:#168bb0;
}
#user-modal-backdrop .utu-user-v3-app-pick{
  flex:1;display:flex;align-items:center;gap:9px;
  min-width:0;min-height:38px;
  text-align:left;white-space:nowrap;
  border:0!important;background:transparent!important;
  color:inherit!important;box-shadow:none!important;
  padding:3px 6px!important;font-size:12px!important;
  font-weight:560!important;
}
#user-modal-backdrop .utu-user-v3-app-pick span:last-child{
  overflow:hidden;text-overflow:ellipsis;
}
#user-modal-backdrop .utu-user-v3-app-avatar{
  width:26px;height:26px;flex:0 0 26px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:white;font-size:11px;font-weight:790;
  background:linear-gradient(140deg,#8e55fc,#5940cc);
}
#user-modal-backdrop .utu-user-v3-app-avatar.avatar-1{background:linear-gradient(140deg,#36b5fa,#098acc);}
#user-modal-backdrop .utu-user-v3-app-avatar.avatar-2{background:linear-gradient(140deg,#32dcb2,#009b88);}
#user-modal-backdrop .utu-user-v3-app-avatar.avatar-3{background:linear-gradient(140deg,#ffbd3f,#ea7714);}
#user-modal-backdrop .utu-user-v3-app-avatar.avatar-4{background:linear-gradient(140deg,#fa5e66,#df2e5b);}
#user-modal-backdrop .utu-user-v3-app-avatar.avatar-5{background:linear-gradient(140deg,#f7a12a,#e2ab14);}
#user-modal-backdrop .utu-user-v3-app-action{
  flex:0 0 30px;width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;
  border:0!important;border-radius:9px!important;
  background:transparent!important;color:#d5e9f5!important;
  box-shadow:none!important;font-size:20px!important;
  padding:0!important;line-height:1;
}
#user-modal-backdrop .utu-user-v3-app-action:hover,
#user-modal-backdrop .utu-user-v3-app-action:focus-visible{
  color:#fff!important;background:#132c39!important;
}
#user-modal-backdrop .utu-user-v3-transfer-actions{
  display:flex;flex-direction:column;gap:8px;
  align-items:center;justify-content:center;
}
#user-modal-backdrop .utu-user-v3-transfer-actions button{
  height:38px;min-height:38px;width:38px;
  padding:0!important;border:1px solid #263e50!important;
  border-radius:10px!important;
  color:#d9edf9!important;background:#0d1722!important;
  box-shadow:none!important;font-size:22px!important;
}
#user-modal-backdrop .utu-user-v3-transfer-actions button:not(:disabled):hover{
  border-color:#0cd3e4!important;background:#142e3b!important;
}
#user-modal-backdrop .utu-user-v3-transfer-actions button:disabled{opacity:.36;cursor:not-allowed;}
#user-modal-backdrop .utu-user-v3-selected .utu-user-v3-list{padding:8px;}
#user-modal-backdrop .utu-user-v3-selected .utu-user-v3-app-row{
  background:#0d1722;border-color:#263e50;margin:0 0 7px;min-height:44px;
}
#user-modal-backdrop .utu-user-v3-selected .utu-user-v3-app-row.active{
  border-color:#0dbed9;background:#112735;
}
#user-modal-backdrop .utu-user-v3-empty{
  margin:auto;padding:14px;
  text-align:center;color:#90aebf;
  font-size:12px;line-height:1.5;
}
#user-modal-backdrop .utu-user-v3-form-error{
  color:#ffd2ce;font-size:12px;
  padding:10px 12px;background:#54272a;
  border:1px solid #a65b60;border-radius:9px;
  margin:0 0 12px;
}
#user-modal-backdrop .utu-user-v3-form-error[hidden]{display:none!important;}
#user-modal-backdrop .utu-user-v3-footer{
  display:flex!important;align-items:center!important;
  justify-content:flex-end!important;flex-wrap:wrap;
  gap:10px;margin:20px 0 0!important;
  padding:0 2px!important;
  border:0!important;background:transparent!important;
}
#user-modal-backdrop .utu-user-v3-footer button{
  min-height:44px!important;padding:9px 18px!important;
  font-size:13px;font-weight:750;border-radius:11px!important;
}
#user-modal-backdrop .utu-user-v3-footer #cancel-user{
  color:#e3f0fa!important;border:1px solid #355a72!important;
  background:#0d1722!important;box-shadow:none!important;
}
#user-modal-backdrop .utu-user-v3-footer #save-user{
  border:1px solid #08c5d8!important;
  background:linear-gradient(120deg,#0dd6de,#009fbd)!important;
  color:#fff!important;box-shadow:0 6px 18px rgba(2,174,197,.12)!important;
}
#user-modal-backdrop .utu-user-v3-footer #delete-user{
  margin-right:auto!important;
  border:1px solid #9d4c56!important;
  color:#ffcbcb!important;background:#211b26!important;
}
#user-modal-backdrop :is(button,input):focus-visible{outline:2px solid #39e5ee;outline-offset:2px;}

/* Dark Role list is portaled to <body> while open to avoid a scrolling,
   repositioning modal. The open menu stays aligned with its trigger. */
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal{
  position:fixed!important;z-index:2600!important;
  box-sizing:border-box!important;inset:auto;
  display:flex!important;flex-direction:column!important;gap:3px;
  padding:6px!important;overflow-y:auto!important;overscroll-behavior:contain;
  border:1px solid #263e50!important;border-radius:12px!important;
  background:#0d1722!important;color:#eaf3fb!important;
  scrollbar-width:thin;scrollbar-color:#284657 #0d1722;
  box-shadow:0 20px 44px rgba(0,0,0,.55)!important;
}
#user-role-menu.utu-user-role-portal[hidden]{display:none!important}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-option{
  display:flex;align-items:center;gap:11px;width:100%;
  min-height:54px;padding:10px!important;border:1px solid transparent!important;
  border-radius:9px!important;background:#0d1722!important;
  color:#eaf3fb!important;text-align:left;box-shadow:none!important;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-option:is(:hover,:focus-visible,[aria-selected="true"]){
  background:#132b39!important;border-color:#263e50!important;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-description{
  display:flex;flex-direction:column;min-width:0;gap:2px;font-size:12px;font-weight:750;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-description small{
  font-size:11px;font-weight:440;line-height:1.4;color:#9dbccc!important;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 20px;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon.superuser{color:#c7a8ff!important}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon.admin{color:#8fc6ff!important}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon.investigator{color:#70dfb1!important}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon.readonly{color:#d4e5f5!important}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon svg{
  width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-check{
  margin-left:auto;color:#33e0e6;opacity:0;
}
:root[data-theme="dark"] #user-role-menu.utu-user-role-portal [aria-selected="true"] .utu-user-v3-role-check{opacity:1}
:root[data-theme="dark"] #user-modal-backdrop .utu-user-v3-app-row:hover{
  background:#102332!important;border-color:#263e50!important;
}
:root[data-theme="dark"] #user-modal-backdrop .utu-user-v3-app-row.active:hover{
  background:#112735!important;border-color:#168bb0!important;
}
:root[data-theme="dark"] #user-modal-backdrop :is(.utu-user-v3-role-option,.utu-user-v3-app-row,.utu-user-v3-panel):disabled{
  background:#0d1722!important;
}
:root[data-theme="dark"] #user-modal-backdrop .utu-user-v3-input-wrap input:disabled,
:root[data-theme="dark"] #user-modal-backdrop .utu-user-v3-search-wrap input:disabled{
  background:#0d1722!important;color:#7892a7!important;opacity:.65;
}

:root[data-theme="light"] #user-modal-backdrop #user-application-scope.utu-user-v3-card{
  background:#f1f8fc!important;
  border-color:#c0d9e7!important;
}
:root[data-theme="light"] #user-modal-backdrop .user-editor-modal{
  background:linear-gradient(160deg,#f8fcff,#eef6fb)!important;color:#234355!important;
  border-color:#bcd4e1!important;
}
:root[data-theme="light"] #user-modal-backdrop :is(.utu-user-v3-header h2,
 .utu-user-v3-title,.utu-user-v3-list-label,.utu-user-v3-field>span:first-child){color:#1c455b!important;}
:root[data-theme="light"] #user-modal-backdrop :is(.utu-user-v3-card,.utu-user-v3-panel){
  background:#f1f8fc!important;border-color:#c0d9e7!important;
}
:root[data-theme="light"] #user-modal-backdrop :is(.utu-user-v3-input-wrap input,.utu-user-v3-role-trigger,
 .utu-user-v3-search-wrap input){background:#fff!important;color:#254b62!important;border-color:#bbd5e2!important;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-app-row{color:#254b62!important;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-role-menu{background:#fff;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-role-option{color:#244a60!important;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-role-option[aria-selected=true],
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-role-option:hover{background:#e0f4fb!important;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-selected .utu-user-v3-app-row{background:#e6f1f8;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-app-row.active{background:#d5eff7;}
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-header p,
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-enabled small,
:root[data-theme="light"] #user-modal-backdrop .utu-user-v3-lead{color:#54778c!important;}
@media(max-width:760px){
 #user-modal-backdrop .user-editor-modal{
   width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;
   padding:17px!important;
 }
 #user-modal-backdrop.user-modal-backdrop{padding:10px!important;}
 #user-modal-backdrop .utu-user-v3-header h2{font-size:25px;}
 #user-modal-backdrop .utu-user-v3-account-grid{grid-template-columns:1fr;}
 #user-modal-backdrop .utu-user-v3-transfer{grid-template-columns:minmax(0,1fr);gap:10px;}
 #user-modal-backdrop .utu-user-v3-transfer-actions{flex-direction:row;justify-content:center;}
 #user-modal-backdrop .utu-user-v3-transfer-actions button{transform:rotate(90deg);}
 #user-modal-backdrop .utu-user-v3-panel{height:206px;min-height:206px;}
}

/* Portaling must also preserve the existing light theme and focus affordances. */
:root[data-theme="light"] #user-role-menu.utu-user-role-portal{
  position:fixed!important;z-index:2600!important;box-sizing:border-box;
  inset:auto;display:flex!important;flex-direction:column!important;
  overflow-y:auto!important;padding:6px!important;gap:3px;
  border:1px solid #c0d9e7!important;border-radius:12px!important;
  background:#fff!important;box-shadow:0 20px 44px rgba(0,0,0,.17)!important;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-option{
  display:flex;align-items:center;gap:11px;width:100%;min-height:54px;
  padding:10px!important;border:1px solid transparent!important;
  border-radius:9px!important;background:transparent!important;
  color:#244a60!important;text-align:left;box-shadow:none!important;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-option:is(:hover,:focus-visible,[aria-selected="true"]){
  border-color:#c0d9e7!important;background:#e0f4fb!important;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-description{
  display:flex;flex-direction:column;min-width:0;gap:2px;font-size:12px;font-weight:750;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-description small{
  display:block;color:#54778c!important;font-size:11px;font-weight:440;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon{
  display:flex;align-items:center;justify-content:center;flex:0 0 20px;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-icon svg{
  width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal .utu-user-v3-role-check{
  margin-left:auto;color:#008eac;opacity:0;
}
:root[data-theme="light"] #user-role-menu.utu-user-role-portal [aria-selected="true"] .utu-user-v3-role-check{opacity:1}