/* EBG & IE Task Management — visual-only login and sidebar lockups.
 * Isolated from business pages, overlays, auth and theme engine.
 * The application's seven theme presets supply the colors below at runtime.
 */
.premium-brand {
  --brand-highlight: color-mix(in srgb, var(--theme-primary) 74%, white);
  --brand-rule: var(--theme-primary);
  min-width: 0;
}
.premium-brand__text {display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-width: 0; max-width: 100%; position: relative; isolation: isolate;}
.premium-brand__title {display: block; max-width: 100%; font-weight: 750; line-height: 1.28; letter-spacing: -.015em; overflow-wrap: anywhere;}
.premium-brand__wordmark {display: inline-flex; flex-flow: row nowrap; align-items: baseline; direction: ltr; unicode-bidi: isolate; justify-content: flex-start; gap: .18em; max-width: 100%; white-space: nowrap; font-family: Inter, 'Segoe UI', Arial, sans-serif; font-variant-numeric: lining-nums; font-weight: 900; line-height: 1.05; letter-spacing: -.05em;}
.premium-brand__ebg {font-weight: 900;}
.premium-brand__amp {font-size: .72em; font-weight: 550; color: var(--brand-highlight); letter-spacing: -.04em;}
.premium-brand__ie {color: var(--brand-highlight); font-weight: 950;}
.premium-brand__underline {display: block; width: 48%; height: 3px; border-radius: 999px; background: linear-gradient(90deg,var(--brand-rule),var(--theme-accent)); flex: none;}
/* The established corporate marks remain completely unchanged. */
.login-v133 .premium-brand--login {display: flex; align-items: center; gap: clamp(15px,2.1vw,25px); width: fit-content; max-width: 100%; margin-block: 0 clamp(25px,5.5vh,56px); padding: clamp(18px,2vw,24px) clamp(18px,2.5vw,30px); border: 1px solid rgba(255,255,255,.18); border-radius: 26px; background: linear-gradient(110deg,rgba(255,255,255,.095),rgba(255,255,255,.023)); box-shadow: inset 0 1px rgba(255,255,255,.1),0 22px 54px rgba(0,0,0,.12); backdrop-filter: blur(7px);}
.login-v133 .premium-brand--login::before {content: ''; position: absolute; top: 17%; bottom: 17%; inset-inline-start: 0; width: 3px; border-radius: 999px; background: linear-gradient(to bottom,var(--theme-primary),var(--theme-accent));}
.login-v133 .premium-brand--login .login-brand-mark {flex: none; width: clamp(50px,5vw,72px); height: clamp(50px,5vw,72px); border-radius: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.24);}
.login-v133 .premium-brand--login .premium-brand__title {font-size: clamp(20px,2.5vw,31px); color: rgba(255,255,255,.93); text-wrap: balance;}
.login-v133 .premium-brand--login .premium-brand__wordmark {font-size: clamp(32px,4.15vw,62px); color: #fff; margin-top: 5px;}
.login-v133 .premium-brand--login .premium-brand__underline {margin-top: clamp(9px,1.4vw,16px); width: clamp(60px,7.6vw,112px); height: 4px;}
/* Avoid poor contrast from a dark accent in the IE preset's charcoal hero. */
body[data-theme-preset="ie"] .premium-brand {--brand-highlight: color-mix(in srgb,var(--theme-primary) 85%,white)}
body[data-theme-preset="ebg"] .premium-brand {--brand-highlight: var(--theme-accent)}
/* Sidebar shares the exact same text markup at a compact scale. */
body[data-theme-runtime="v136"] .premium-brand--sidebar {
  display: flex!important; flex-flow: row nowrap; align-items: center!important; gap: 12px!important;
  height: auto!important; min-height: 86px!important; margin: 0 -3px!important;
  padding: 13px 12px!important; border-radius: 16px!important;
  background: linear-gradient(105deg,color-mix(in srgb,var(--theme-primary) 19%,transparent),rgba(255,255,255,.027))!important;
  border: 1px solid rgba(255,255,255,.13)!important;
  overflow: hidden;
}
body[data-theme-runtime="v136"] .premium-brand--sidebar .brand-mark {width: 40px!important; height: 40px!important; flex: none; border-radius: 12px!important;}
body[data-theme-runtime="v136"] .premium-brand--sidebar .premium-brand__text {flex: 1; min-width: 0;}
body[data-theme-runtime="v136"] .premium-brand--sidebar .premium-brand__title {font-size: 13px!important; font-weight: 790; color: #e8ebf0; line-height: 1.35;}
body[data-theme-runtime="v136"] .premium-brand--sidebar .premium-brand__wordmark {font-size: clamp(22px,1.95vw,27px)!important; color: #fff; margin-top: 3px;}
body[data-theme-runtime="v136"] .premium-brand--sidebar .premium-brand__underline {width: 53px; height: 2px; margin-top: 8px;}
/* Do not transform the sidebar into an icon-only rail: collapsed layout hides it
 * completely in the existing app. Brand is restored when the rail reopens. */
body[data-theme-runtime="v136"] .shell.sidebar-collapsed > .sidebar .premium-brand--sidebar {visibility: hidden;}
@media (max-width: 980px) {
  .login-v133 .premium-brand--login {margin-bottom: 24px; padding: 17px 21px;}
  .login-v133 .premium-brand--login .premium-brand__wordmark {font-size: clamp(33px,5vw,52px);}
}
@media (max-width: 600px) {
  .login-v133 .premium-brand--login {max-width: 100%; gap: 12px; border-radius: 18px; padding: 11px 12px; margin-bottom: 17px;}
  .login-v133 .premium-brand--login .login-brand-mark {width: 42px; height: 42px; border-radius: 13px;}
  .login-v133 .premium-brand--login .premium-brand__title {font-size: clamp(15px,4.5vw,19px);}
  .login-v133 .premium-brand--login .premium-brand__wordmark {font-size: clamp(26px,7.8vw,37px); margin-top: 2px;}
  .login-v133 .premium-brand--login .premium-brand__underline {height: 3px; margin-top: 7px;}
}
@media (max-width: 360px) {
  .login-v133 .premium-brand--login .premium-brand__wordmark {font-size: 25px;}
  .login-v133 .premium-brand--login .login-brand-mark {width: 38px; height: 38px;}
}
@media (prefers-reduced-motion: reduce) {
  .premium-brand *, .premium-brand::before {transition: none!important; animation: none!important;}
}