/* Release polish: one global viewport canvas and consistent Settings layout. */
html,body{min-height:100%;min-height:100dvh;}
body{isolation:isolate;}
body::before,body::after{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  pointer-events:none;
}
body::after{background-repeat:repeat!important;}
#app-shell{position:relative;z-index:1;}
#settings-view .settings-layout{align-items:start;}
#settings-view .settings-layout>.settings-nav-card{
  align-self:start;
  margin:0!important;
}
#settings-view .settings-layout>.settings-content{
  align-self:start;
  margin:0;
  min-width:0;
  width:100%;
  align-content:start;
  grid-auto-rows:max-content;
}
#settings-view .settings-layout>.settings-content>.panel:first-child{
  margin-top:0!important;
}
#settings-view .general-settings-card{max-width:none!important;width:100%;}

/* Argo CD Application Tool: visible and editable lookback without bulky controls. */
.tool-modal-dialog .argocd-history-settings{
  padding:11px 14px;
  border:1px solid var(--utu-stroke,var(--line));
  border-radius:12px;
  background:var(--utu-panel-soft,var(--surface-soft));
  display:grid;
  gap:6px;
}
.tool-modal-dialog .argocd-history-settings>label{
  font-size:12px;font-weight:750;margin:0;
}
.tool-modal-dialog .argocd-history-value{
  display:flex;align-items:center;gap:10px;
}
.tool-modal-dialog #argocd-history-lookback{
  width:142px;min-height:34px;height:34px;
  padding:5px 10px;font-size:12px;
}
.tool-modal-dialog .argocd-history-value>span{
  color:var(--utu-subtext,var(--muted));font-size:12px;
}
.tool-modal-dialog .argocd-history-settings>small{
  display:block;font-size:11px;line-height:1.5;
  color:var(--utu-subtext,var(--muted));
}

/* Sign in / change password: UTU logo and two exact centered brand lines. */
.auth-card .auth-brand-lockup{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto 5px;
  width:100%;
  text-align:center;
}
.auth-card .auth-brand-lockup .auth-mark{
  display:block;
  width:94px!important;
  height:104px!important;
  min-width:0!important;
  max-width:100%;
  margin:0 auto;
}
.auth-card .auth-brand-lockup .auth-mark img{
  display:block;width:100%;height:100%;object-fit:contain;
}
.auth-card .auth-brand-copy{
  display:flex;flex-direction:column;
  align-items:center;gap:4px;
  max-width:100%;
  text-align:center;
  text-transform:uppercase;
}
.auth-card .auth-brand-copy strong{
  color:var(--blue,#00c2d5)!important;
  letter-spacing:.18em;
  line-height:1.25;font-size:16px;font-weight:800;
}
.auth-card .auth-brand-copy span{
  color:var(--blue,#00c2d5)!important;
  font-size:11px;letter-spacing:.12em;line-height:1.5;
  font-weight:770;
}
@media(max-width:480px){
  .auth-card .auth-brand-copy strong{font-size:14px;}
  .auth-card .auth-brand-copy span{font-size:10px;letter-spacing:.07em;}
}

/* Users: reference layout — one dark workspace and a dense full-width table. */
#users-view{width:100%;min-width:0;}
#users-view .utu-users-workspace{
  width:100%;min-width:0;
  border:1px solid #263e50;
  border-radius:22px;
  padding:26px 24px 17px;
  background:#0d1722;
  box-shadow:none;
  color:#eff7fc;
}
#users-view .utu-users-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:20px;
  padding:0;
  margin:0 0 28px;
}
#users-view .utu-users-heading .eyebrow{
  font-size:11px;
  color:#25d5df;
  letter-spacing:.1em;
  margin:0 0 12px;
}
#users-view .utu-users-heading h1{
  color:#f4f9fd;font-size:34px;line-height:1.1;
  letter-spacing:-.04em;margin:0 0 7px;
}
#users-view .utu-users-heading p{
  margin:0;color:#abc1d0;font-size:14px;line-height:1.5;
}
#users-view .utu-users-heading #new-user{
  display:inline-flex;align-items:center;gap:9px;
  flex-shrink:0;
  min-height:42px;border-radius:12px;
  padding:9px 17px;font-size:13px;
}
#users-view #new-user>span{font-size:23px;font-weight:400;line-height:1;}
#users-view #users-list.utu-users-table-host{
  display:block!important;width:100%;min-width:0;
}
#users-view .utu-users-table-scroll{
  width:100%;min-width:0;
  overflow-x:auto;
  border:1px solid #263e50;
  border-radius:15px;
  background:#0d1722;
  box-shadow:none;
}
#users-view .utu-users-table{
  width:100%;min-width:830px;
  border-collapse:collapse;table-layout:fixed;
}
#users-view .utu-users-table thead tr{background:#0d1722;}
#users-view .utu-users-table th{
  background:transparent!important;
  text-align:left;
  padding:15px 19px;
  border:0;color:#bdcede;
  font-size:12px;font-weight:650;
  letter-spacing:.01em;
}
#users-view .utu-users-table th:nth-child(1){width:24%}
#users-view .utu-users-table th:nth-child(2){width:15%}
#users-view .utu-users-table th:nth-child(3){width:30%}
#users-view .utu-users-table th:nth-child(4){width:13%}
#users-view .utu-users-table th:nth-child(5){width:18%;text-align:right;padding-right:26px;}
#users-view .utu-users-table td{
  background:#0d1722;
  padding:12px 19px;
  height:67px;
  border:0;
  border-top:1px solid #263e50;
  color:#e9f4fc;
  vertical-align:middle;
  font-size:12.5px;
}
#users-view .utu-users-table tbody tr:hover{background:#102333;}
#users-view .utu-users-table tbody tr:hover td{background:#102333!important;}
#users-view .utu-users-name-cell{
  display:flex;align-items:center;gap:14px;min-width:0;
}
#users-view .utu-users-avatar{
  width:39px;height:39px;flex:0 0 39px;
  border-radius:50%;color:white;
  font-size:15px;font-weight:800;
  background:linear-gradient(145deg,#9364f8,#5a3cd3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
#users-view .utu-users-avatar.avatar-1{background:linear-gradient(145deg,#35a4ff,#2565d9);}
#users-view .utu-users-avatar.avatar-2{background:linear-gradient(145deg,#3bdca7,#159c80);}
#users-view .utu-users-avatar.avatar-3{background:linear-gradient(145deg,#ffa746,#e37b21);}
#users-view .utu-users-avatar.avatar-4{background:linear-gradient(145deg,#eb585c,#cf2935);}
#users-view .utu-users-username{
  display:block;
  color:#f4faff;
  font-size:13px;font-weight:730;
  white-space:normal;overflow-wrap:anywhere;
}
#users-view .utu-users-role{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:5px 11px;
  border:1px solid transparent;
  border-radius:999px;
  white-space:nowrap;
  font-size:11px;font-weight:740;
}
#users-view .utu-users-role svg{
  display:inline-block;
  width:15px;height:15px;
  stroke:currentColor;stroke-width:2;fill:none;
  stroke-linecap:round;stroke-linejoin:round;flex:0 0 15px;
}
#users-view .utu-users-role.superuser{color:#c9a6ff;background:#0d1722;border-color:#483379;}
#users-view .utu-users-role.superuser svg{fill:currentColor;stroke-width:1;}
#users-view .utu-users-role.admin{color:#8ec7ff;background:#0d1722;border-color:#24547b;}
#users-view .utu-users-role.investigator{color:#57e2a6;background:#0d1722;border-color:#246c58;}
#users-view .utu-users-role.readonly{color:#c0d7e7;background:#0d1722;border-color:#416479;}
#users-view .utu-users-access{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
#users-view .utu-users-chip{
  display:inline-flex;align-items:center;
  padding:5px 10px;
  background:#0d1722;
  border:1px solid #263e50;
  border-radius:999px;
  color:#d8ecf8;
  font-size:11px;line-height:1.25;font-weight:650;
}
#users-view .utu-users-all,#users-view .utu-users-none{
  color:#afc4d4;font-size:12px;line-height:1.5;
}
#users-view .utu-users-state{
  display:inline-flex;
  align-items:center;
  gap:8px;min-height:28px;
  padding:4px 11px;
  border-radius:999px;
  font-size:11px;font-weight:730;
  white-space:nowrap;
}
#users-view .utu-users-state::before{width:8px;height:8px;flex:0 0 8px;}
#users-view .utu-users-state.enabled{color:#50e3ad;background:#0d1722;border:1px solid #246c58;}
#users-view .utu-users-state.disabled{color:#ffc14f;background:#0d1722;border:1px solid #74602c;}
#users-view .utu-users-table td:last-child{text-align:right;padding-right:17px;}
#users-view .utu-users-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:11px;
}
#users-view .utu-users-open{
  width:auto;min-height:34px;padding:7px 15px;
  border:1px solid #263e50;border-radius:10px;
  background:#0d1722;
  color:#d5eaf7;font-size:12px;font-weight:750;
  box-shadow:none;
}
#users-view .utu-users-open:hover{color:#fff;background:#112735;border-color:#00bdd1;}
#users-view .utu-users-more{
  min-width:24px;min-height:30px;
  border:0;padding:3px 4px;
  border-radius:8px;
  background:transparent;
  color:#a9c0d0;font-weight:800;box-shadow:none;
  letter-spacing:2px;font-size:11px;
}
#users-view .utu-users-more:hover{background:#112735;color:#fff;}
#users-view .utu-users-footer{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:12px;padding:12px 18px;
  border-top:1px solid #263e50;
  color:#93acbf;font-size:12px;
}
#users-view .utu-users-pages{display:flex;align-items:center;gap:8px;}
#users-view .utu-users-pages button{
  min-width:32px;height:33px;border:1px solid transparent;
  border-radius:9px;padding:4px 9px;
  background:transparent;color:#b6c9d9;
  font-size:14px;box-shadow:none;
}
#users-view .utu-users-pages button.active{
  color:#48e7f3;background:#0d1722;border-color:#00b9ce;font-weight:750;
}
#users-view .utu-users-pages button:disabled{opacity:.34;cursor:default;}
#users-view .utu-users-empty{padding:40px;text-align:center;color:#b8ceda;font-size:13px;}
#users-view #user-editor.panel{margin-top:20px;}
.utu-users-actions-menu{
  position:fixed;
  z-index:1700;
  min-width:168px;
  padding:6px;
  background:#0d1722;
  border:1px solid #263e50;
  border-radius:12px;
  box-shadow:0 18px 36px rgba(0,0,0,.36);
}
.utu-users-actions-menu button{
  display:block;width:100%;
  padding:10px 12px;text-align:left;
  border:0;border-radius:8px;
  box-shadow:none;
  background:transparent;color:#dceef8;font-size:12px;
}
.utu-users-actions-menu button:hover{background:#112735;color:#fff;}
.utu-users-actions-menu button.danger-text{color:#ffb3a7;}
/* Dark focus, hover, pagination, and empty states use the same surface. */
:root[data-theme="dark"] #users-view .utu-users-workspace :is(
  .utu-users-table-scroll,.utu-users-table,.utu-users-footer,.utu-users-empty
){
  background:#0d1722!important;background-color:#0d1722!important;
  background-image:none!important;
}
:root[data-theme="dark"] #users-view .utu-users-table tbody tr:focus-within td{
  background:#102333!important;
}
:root[data-theme="dark"] #users-view :is(.utu-users-open,.utu-users-more,.utu-users-pages button):focus-visible{
  outline:2px solid #15c4d6;outline-offset:2px;
}
:root[data-theme="dark"] #users-view .utu-users-pages button:not(:disabled):hover{
  background:#112735!important;color:#eaf3fb!important;
}
:root[data-theme="dark"] #users-view .utu-users-pages button:disabled{
  background:#0d1722!important;color:#8299aa!important;
}
/* Keep the same structured Users layout in Light, with accessible contrast. */
:root[data-theme="light"] #users-view .utu-users-workspace{
  background:linear-gradient(145deg,#f7fbff,#ecf5fa);
  border-color:#c9dee8;color:#193448;
}
:root[data-theme="light"] #users-view .utu-users-heading h1{color:#17374a;}
:root[data-theme="light"] #users-view .utu-users-heading p{color:#547186;}
:root[data-theme="light"] #users-view .utu-users-table-scroll{
  background:#fff;border-color:#cbdfea;
}
:root[data-theme="light"] #users-view .utu-users-table thead tr{background:#e8f2f8;}
:root[data-theme="light"] #users-view .utu-users-table th{color:#425e72;}
:root[data-theme="light"] #users-view .utu-users-table td{color:#253f52;border-top-color:#deebf2;}
:root[data-theme="light"] #users-view .utu-users-table tbody tr:hover{background:#f0f8fc;}
:root[data-theme="light"] #users-view .utu-users-username{color:#193c54;}
:root[data-theme="light"] #users-view .utu-users-chip{background:#eaf3fa;border-color:#cfe0eb;color:#2e5167;}
:root[data-theme="light"] #users-view :is(.utu-users-all,.utu-users-none){color:#587386;}
:root[data-theme="light"] #users-view .utu-users-open{background:#eaf4f8;border-color:#c4dbe7;color:#22495e;}
:root[data-theme="light"] #users-view .utu-users-more{color:#587486;}
:root[data-theme="light"] #users-view .utu-users-footer{border-top-color:#dceaf1;color:#5c7889;}
:root[data-theme="light"] #users-view .utu-users-pages button{color:#456174;}
:root[data-theme="light"] #users-view .utu-users-pages button.active{color:#087e96;background:#d5f3f5;border-color:#009eae;}
:root[data-theme="light"] .utu-users-actions-menu{background:#fff;border-color:#cbdfea;}
:root[data-theme="light"] .utu-users-actions-menu button{color:#284a60;}
:root[data-theme="light"] .utu-users-actions-menu button.danger-text{color:#bb4136;}
@media(max-width:900px){
  #users-view .utu-users-workspace{padding:18px 14px;}
  #users-view .utu-users-heading{margin-bottom:18px;}
  #users-view .utu-users-heading h1{font-size:30px;}
  #users-view .utu-users-table{min-width:820px;}
}