/*
 * Dated Universal Login Shell v2 — v8.10.54
 * One visual/responsive system for Dated Studio, Dated Connect and Dated Journey.
 * Product copy, CTA wording and authentication behavior remain product-specific.
 */

.dated-login-page{
  --dated-login-page-bg:#eee6dc;
  --dated-login-paper:#fbf7f1;
  --dated-login-ink:#211916;
  --dated-login-muted:#776b63;
  --dated-login-muted-2:#9a8d83;
  --dated-login-line:rgba(126,99,82,.20);
  --dated-login-line-strong:rgba(126,99,82,.30);
  --dated-login-rose:#b76e78;
  --dated-login-champagne:#c8ad7e;
  --dated-login-espresso:#211916;
  --dated-login-serif:"Book Antiqua","Palatino Linotype",Palatino,"Iowan Old Style",Georgia,serif;
  --dated-login-display:"Cormorant SC","Cormorant Garamond","Book Antiqua",Georgia,serif;
  --dated-login-ui:Montserrat,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  min-height:100vh!important;
  min-height:100svh!important;
  min-height:100dvh!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(200,173,126,.12),transparent 26%),
    radial-gradient(circle at 90% 86%,rgba(183,110,120,.08),transparent 26%),
    var(--dated-login-page-bg)!important;
  color:var(--dated-login-ink)!important;
  -webkit-font-smoothing:antialiased;
}
.dated-login-page,.dated-login-page *{box-sizing:border-box}

.dated-login-shell{
  position:relative!important;
  width:min(1220px,calc(100vw - 48px))!important;
  height:min(768px,calc(100dvh - 48px))!important;
  min-height:560px!important;
  max-height:800px!important;
  display:grid!important;
  grid-template-columns:44% 56%!important;
  overflow:hidden!important;
  border:1px solid rgba(67,51,43,.13)!important;
  border-radius:30px!important;
  background:var(--dated-login-paper)!important;
  box-shadow:0 34px 90px rgba(50,37,29,.18)!important;
}

/* One brand-panel composition. */
.dated-login-story{
  position:relative!important;
  display:block!important;
  padding:0!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#241b17 0%,#1b1512 58%,#2b201b 100%)!important;
  color:#f7efe7!important;
}
.dated-login-story:before{
  content:"";
  position:absolute;
  inset:-15% -35% auto auto;
  width:460px;
  height:460px;
  border:1px solid rgba(200,173,126,.11);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 140px rgba(255,255,255,.008);
  pointer-events:none;
}
.dated-login-story:after{
  content:"";
  position:absolute;
  left:48px;
  right:48px;
  bottom:96px;
  height:1px;
  background:linear-gradient(90deg,rgba(200,173,126,.55),rgba(200,173,126,0));
  pointer-events:none;
}
.dated-login-story-inner{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:112px 1fr auto!important;
  align-items:start!important;
  padding:44px 48px 38px!important;
}
.dated-login-logo-wrap{
  width:100%!important;
  height:112px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.dated-login-logo{
  display:block!important;
  width:280px!important;
  max-width:78%!important;
  height:auto!important;
  max-height:108px!important;
  object-fit:contain!important;
  object-position:left top!important;
  filter:saturate(.92)!important;
}
.dated-login-story-copy{
  align-self:center!important;
  width:100%!important;
  max-width:440px!important;
  margin:0!important;
  padding:8px 0 34px!important;
}
.dated-login-eyebrow{
  display:block!important;
  margin:0 0 18px!important;
  color:#d7b985!important;
  font:700 10px/1.35 var(--dated-login-display)!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  text-wrap:balance;
}
.dated-login-hero{
  max-width:440px!important;
  margin:0!important;
  color:#fffaf4!important;
  font:400 clamp(38px,2.65vw,48px)/1.02 var(--dated-login-serif)!important;
  letter-spacing:-.03em!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.dated-login-story-support{
  max-width:390px!important;
  margin:20px 0 0!important;
  color:rgba(247,239,231,.66)!important;
  font:400 13.5px/1.62 var(--dated-login-serif)!important;
}
.dated-login-story-footer{
  align-self:end!important;
  width:100%!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  color:rgba(247,239,231,.42)!important;
  font:700 8.5px/1.4 var(--dated-login-display)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* One form-panel composition. */
.dated-login-form-panel{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:72px 68px 44px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0) 32%),var(--dated-login-paper)!important;
}
.dated-login-form-panel::-webkit-scrollbar{display:none}
.dated-login-form-panel:before{
  content:"";
  position:absolute;
  top:34px;
  right:38px;
  width:92px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--dated-login-champagne));
}
.dated-login-form-wrap{
  width:min(440px,100%)!important;
  margin:auto!important;
  font-family:var(--dated-login-ui)!important;
}
.dated-login-form-wrap .dlwe-auth-logo-link{display:none!important}

.dated-login-heading{margin:0 0 28px!important}
.dated-login-product,
.dated-login-form-wrap>.form-kicker{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 15px!important;
  color:var(--dated-login-rose)!important;
  font:700 10px/1 var(--dated-login-display)!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.dated-login-product:before,
.dated-login-form-wrap>.form-kicker:before{
  content:""!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:1px!important;
  background:var(--dated-login-rose)!important;
}
.dated-login-title,
.dated-login-form-wrap>h2{
  margin:0!important;
  color:var(--dated-login-ink)!important;
  font:400 42px/1.04 var(--dated-login-serif)!important;
  letter-spacing:-.028em!important;
}
.dated-login-subtitle,
.dated-login-form-wrap>.form-sub{
  min-height:43px!important;
  max-width:390px!important;
  margin:9px 0 26px!important;
  color:var(--dated-login-muted)!important;
  font:400 13px/1.55 var(--dated-login-serif)!important;
}

.dated-login-form{margin:0!important}
.dated-login-field,
.dated-login-form .field{
  margin:0 0 17px!important;
}
.dated-login-field>label,
.dated-login-form .field>label,
.dated-login-form .field.password>label{
  display:block!important;
  margin:0 0 10px!important;
  color:#51453e!important;
  font:700 9.5px/1.2 var(--dated-login-display)!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
.dated-login-field input[type="text"],
.dated-login-field input[type="password"],
.dated-login-form .field input{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  border:1px solid var(--dated-login-line-strong)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.76)!important;
  padding:0 15px!important;
  color:var(--dated-login-ink)!important;
  font:500 13px/1 var(--dated-login-ui)!important;
  outline:none!important;
  transition:border-color .18s,box-shadow .18s,background .18s!important;
}
.dated-login-field input:focus,
.dated-login-form .field input:focus{
  border-color:rgba(183,110,120,.62)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(183,110,120,.06)!important;
}
.dated-login-field input::placeholder,
.dated-login-form .field input::placeholder{color:#a0958e!important}
.dated-login-field .dlwe-password-wrap,
.dated-login-form .input-wrap{position:relative!important}
.dated-login-field .dlwe-password-wrap input,
.dated-login-form .field.password input{padding-right:64px!important}
.dated-login-field .dlwe-password-toggle,
.dated-login-form .toggle{
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:48px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border:0!important;
  background:transparent!important;
  color:#725b4e!important;
  font:700 9px/1 var(--dated-login-ui)!important;
  cursor:pointer!important;
}

/* Same slot on every product; the content inside the slot remains product-specific. */
.dated-login-utility-row{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:-2px 0 18px!important;
}
.dated-login-utility-row .auth-note{
  margin:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.45 var(--dated-login-ui)!important;
}
.dated-login-remember{
  min-width:0!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.4 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}
.dated-login-remember input{
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
.dated-login-forgot{
  flex:0 0 auto!important;
  color:#6e5548!important;
  text-decoration:none!important;
  font:700 10px/1.2 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}

.dated-login-submit{
  position:relative!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  border:1px solid var(--dated-login-espresso)!important;
  border-radius:14px!important;
  background:var(--dated-login-espresso)!important;
  color:#fffaf5!important;
  box-shadow:0 14px 32px rgba(42,30,24,.12)!important;
  font:800 10px/1 var(--dated-login-ui)!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.dated-login-submit .dlwe-auth-button-arrow,
.dated-login-submit .dated-login-submit-arrow{
  display:inline-flex!important;
  align-items:center!important;
  font:400 20px/1 var(--dated-login-serif)!important;
  opacity:.78!important;
  transform:translateY(-1px)!important;
}
.dated-login-security-note{
  min-height:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:17px 0 0!important;
  color:#9c9088!important;
  font:600 8.5px/1.3 var(--dated-login-ui)!important;
  letter-spacing:.08em!important;
  text-align:center!important;
}
.dated-login-security-note>i{display:none!important}
.dated-login-security-note:before{
  content:"";
  flex:0 0 5px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--dated-login-champagne);
  box-shadow:0 0 0 4px rgba(200,173,126,.09);
}

/* One preferences component position and size. */
.dated-login-shell>.dlwe-auth-preferences{
  position:absolute!important;
  z-index:20!important;
  top:20px!important;
  right:22px!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  max-width:calc(100% - 44px)!important;
  padding:6px!important;
  border:1px solid rgba(126,99,82,.18)!important;
  border-radius:14px!important;
  background:rgba(251,247,241,.88)!important;
  box-shadow:0 10px 28px rgba(50,37,29,.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.dated-login-shell .dlwe-login-pref-group{display:flex!important;align-items:center!important;gap:6px!important}
.dated-login-shell .dlwe-login-pref-group+.dlwe-login-pref-group{padding-left:7px!important;border-left:1px solid rgba(126,99,82,.15)!important}
.dated-login-shell .dlwe-login-pref-label{color:#8e8178!important;font:700 8px/1 var(--dated-login-display)!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.dated-login-shell .dlwe-login-pref-options{display:flex!important;align-items:center!important;gap:2px!important;padding:2px!important;border:1px solid rgba(126,99,82,.15)!important;border-radius:9px!important;background:rgba(244,237,228,.76)!important}
.dated-login-shell .dlwe-login-pref-options button{appearance:none!important;min-width:30px!important;min-height:30px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#7b6f67!important;font:700 8px/1 var(--dated-login-ui)!important;letter-spacing:.05em!important;text-transform:uppercase!important;cursor:pointer!important}
.dated-login-shell .dlwe-login-pref-options button.is-active{color:#fff!important;background:linear-gradient(145deg,#2b211c,#171210)!important;box-shadow:0 4px 10px rgba(33,25,22,.13)!important}
.dated-login-shell .dlwe-login-pref-options.is-language button.is-active{background:linear-gradient(145deg,#b76e78,#8e5149)!important}

/* Shared dark appearance. */
html[data-dlwe-theme="dark"] .dated-login-page{
  --dated-login-page-bg:#110d0b;
  --dated-login-paper:#181310;
  --dated-login-ink:#f8f0e8;
  --dated-login-muted:#b7aaa0;
  --dated-login-muted-2:#8f8178;
  --dated-login-line:rgba(232,222,209,.13);
  --dated-login-line-strong:rgba(232,222,209,.20);
  background:#110d0b!important;
}
html[data-dlwe-theme="dark"] .dated-login-shell{border-color:rgba(255,255,255,.07)!important;background:var(--dated-login-paper)!important}
html[data-dlwe-theme="dark"] .dated-login-form-panel{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 34%),var(--dated-login-paper)!important}
html[data-dlwe-theme="dark"] .dated-login-field>label,
html[data-dlwe-theme="dark"] .dated-login-form .field>label{color:#d7cbc2!important}
html[data-dlwe-theme="dark"] .dated-login-field input,
html[data-dlwe-theme="dark"] .dated-login-form .field input{background:#211a16!important;color:#f8f0e8!important;border-color:var(--dated-login-line-strong)!important}
html[data-dlwe-theme="dark"] .dated-login-field input:focus,
html[data-dlwe-theme="dark"] .dated-login-form .field input:focus{background:#261d19!important}
html[data-dlwe-theme="dark"] .dated-login-field input::placeholder,
html[data-dlwe-theme="dark"] .dated-login-form .field input::placeholder{color:#71655e!important}
html[data-dlwe-theme="dark"] .dated-login-forgot{color:#c8ad7e!important}
html[data-dlwe-theme="dark"] .dated-login-submit{background:#2a201b!important;border-color:#42322b!important}
html[data-dlwe-theme="dark"] .dated-login-shell>.dlwe-auth-preferences{border-color:rgba(232,222,209,.13)!important;background:rgba(24,19,16,.90)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-label{color:#96877d!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-options{border-color:rgba(232,222,209,.13)!important;background:rgba(10,8,7,.48)!important}
html[data-dlwe-theme="dark"] .dated-login-shell .dlwe-login-pref-options button{color:#a99c92!important}

/* Short-height laptop: same compression algorithm for every product. */
@media (min-width:901px) and (max-height:740px){
  .dated-login-page{padding:10px!important}
  .dated-login-shell{width:min(1220px,calc(100vw - 20px))!important;height:calc(100dvh - 20px)!important;min-height:0!important;border-radius:22px!important}
  .dated-login-story-inner{grid-template-rows:82px 1fr auto!important;padding:28px 36px 26px!important}
  .dated-login-logo-wrap{height:82px!important}
  .dated-login-logo{width:235px!important;max-height:88px!important}
  .dated-login-story-copy{padding:4px 0 24px!important}
  .dated-login-eyebrow{margin-bottom:13px!important;font-size:9px!important}
  .dated-login-hero{font-size:clamp(31px,5.3vh,39px)!important;line-height:1.015!important}
  .dated-login-story-support{margin-top:13px!important;font-size:12px!important;line-height:1.5!important}
  .dated-login-form-panel{padding:50px 46px 24px!important}
  .dated-login-heading{margin-bottom:18px!important}
  .dated-login-title,.dated-login-form-wrap>h2{font-size:33px!important}
  .dated-login-subtitle,.dated-login-form-wrap>.form-sub{min-height:34px!important;margin:7px 0 16px!important;font-size:12px!important}
  .dated-login-field,.dated-login-form .field{margin-bottom:11px!important}
  .dated-login-field input[type="text"],.dated-login-field input[type="password"],.dated-login-form .field input{height:48px!important;min-height:48px!important}
  .dated-login-utility-row{min-height:26px!important;margin:0 0 11px!important}
  .dated-login-submit{height:48px!important;min-height:48px!important}
  .dated-login-security-note{margin-top:11px!important}
}

/* Narrow landscape/tablet: still the same two-panel shell until 820px. */
@media (max-width:1040px) and (min-width:821px){
  .dated-login-page{padding:14px!important}
  .dated-login-shell{width:calc(100vw - 28px)!important;grid-template-columns:42% 58%!important}
  .dated-login-story-inner{padding-inline:32px!important}
  .dated-login-logo{width:230px!important;max-width:78%!important}
  .dated-login-hero{font-size:clamp(34px,4.1vw,42px)!important}
  .dated-login-form-panel{padding-inline:38px!important}
}

/* Tablet portrait / mobile: same transformation for every product. */
@media (max-width:820px){
  .dated-login-page{display:block!important;padding:0!important;min-height:100dvh!important;overflow:auto!important;background:var(--dated-login-paper)!important}
  .dated-login-shell{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;grid-template-columns:1fr!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .dated-login-story{height:auto!important;min-height:270px!important}
  .dated-login-story:after{display:none!important}
  .dated-login-story-inner{height:auto!important;min-height:270px!important;grid-template-rows:72px 1fr!important;padding:max(28px,env(safe-area-inset-top)) 30px 28px!important}
  .dated-login-logo-wrap{height:72px!important}
  .dated-login-logo{width:min(220px,52vw)!important;max-height:76px!important}
  .dated-login-story-copy{align-self:end!important;max-width:600px!important;padding:24px 0 0!important}
  .dated-login-eyebrow{margin-bottom:11px!important;font-size:8.5px!important}
  .dated-login-hero{font-size:clamp(30px,6.3vw,40px)!important;line-height:1.02!important}
  .dated-login-story-support,.dated-login-story-footer{display:none!important}
  .dated-login-form-panel{height:auto!important;min-height:calc(100dvh - 270px)!important;padding:84px 28px max(36px,calc(env(safe-area-inset-bottom) + 24px))!important;overflow:visible!important}
  .dated-login-form-wrap{width:min(500px,100%)!important}
  .dated-login-shell>.dlwe-auth-preferences{top:max(14px,env(safe-area-inset-top))!important;right:max(14px,env(safe-area-inset-right))!important;max-width:calc(100% - 28px)!important;background:rgba(32,24,21,.84)!important;border-color:rgba(255,255,255,.10)!important}
  .dated-login-shell .dlwe-login-pref-label{color:rgba(247,239,231,.58)!important}
  .dated-login-shell .dlwe-login-pref-options{border-color:rgba(255,255,255,.10)!important;background:rgba(0,0,0,.18)!important}
  .dated-login-shell .dlwe-login-pref-options button{color:rgba(247,239,231,.72)!important}
  .dated-login-shell .dlwe-login-pref-options button.is-active{background:rgba(200,173,126,.28)!important}
}

@media (max-width:520px){
  .dated-login-story,.dated-login-story-inner{min-height:236px!important}
  .dated-login-story-inner{grid-template-rows:60px 1fr!important;padding:max(22px,env(safe-area-inset-top)) 20px 22px!important}
  .dated-login-logo-wrap{height:60px!important}
  .dated-login-logo{width:min(190px,54vw)!important;max-height:64px!important}
  .dated-login-story-copy{padding-top:20px!important}
  .dated-login-hero{font-size:clamp(28px,8vw,34px)!important}
  .dated-login-form-panel{min-height:calc(100dvh - 236px)!important;padding:76px 18px max(30px,calc(env(safe-area-inset-bottom) + 20px))!important}
  .dated-login-title,.dated-login-form-wrap>h2{font-size:34px!important}
  .dated-login-subtitle,.dated-login-form-wrap>.form-sub{min-height:auto!important}
  .dated-login-utility-row{gap:10px!important;flex-wrap:wrap!important}
  .dated-login-remember{white-space:normal!important}
  .dated-login-shell>.dlwe-auth-preferences{left:12px!important;right:12px!important;top:max(10px,env(safe-area-inset-top))!important;justify-content:center!important}
  .dated-login-shell .dlwe-login-pref-label{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .dated-login-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* --------------------------------------------------------------------------
   Cascade lock: the universal shell must win over historical per-product
   auth rules still present in legacy portal/connect stylesheets.
   -------------------------------------------------------------------------- */
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
.auth-page.dated-login-page{
  min-height:100vh!important;min-height:100svh!important;min-height:100dvh!important;
  display:grid!important;place-items:center!important;padding:24px!important;overflow:auto!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
.auth-page.dated-login-page .dated-login-shell{
  width:min(1220px,calc(100vw - 48px))!important;
  height:min(768px,calc(100dvh - 48px))!important;
  min-height:560px!important;max-height:800px!important;
  display:grid!important;grid-template-columns:44% 56%!important;
  overflow:hidden!important;border-radius:30px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story,
.auth-page.dated-login-page .dated-login-story{display:block!important;padding:0!important;height:100%!important;min-height:0!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
.auth-page.dated-login-page .dated-login-story-inner{
  width:100%!important;height:100%!important;display:grid!important;grid-template-rows:112px 1fr auto!important;
  padding:44px 48px 38px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
.auth-page.dated-login-page .dated-login-logo-wrap{height:112px!important;width:100%!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
.auth-page.dated-login-page .dated-login-logo{width:280px!important;max-width:78%!important;max-height:108px!important;height:auto!important;object-fit:contain!important;object-position:left top!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-copy,
.auth-page.dated-login-page .dated-login-story-copy{align-self:center!important;width:100%!important;max-width:440px!important;margin:0!important;padding:8px 0 34px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-eyebrow,
.auth-page.dated-login-page .dated-login-eyebrow{margin:0 0 18px!important;font-size:10px!important;line-height:1.35!important;letter-spacing:.22em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
.auth-page.dated-login-page .dated-login-hero{max-width:440px!important;margin:0!important;font-size:clamp(38px,2.65vw,48px)!important;line-height:1.02!important;letter-spacing:-.03em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-support,
.auth-page.dated-login-page .dated-login-story-support{max-width:390px!important;margin:20px 0 0!important;font-size:13.5px!important;line-height:1.62!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-footer,
.auth-page.dated-login-page .dated-login-story-footer{display:flex!important;align-self:end!important;justify-content:space-between!important;font-size:8.5px!important;line-height:1.4!important;letter-spacing:.16em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
.auth-page.dated-login-page .dated-login-form-panel{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:72px 68px 44px!important;overflow:auto!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-wrap,
.auth-page.dated-login-page .dated-login-form-wrap{width:min(440px,100%)!important;margin:auto!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-heading,
.auth-page.dated-login-page .dated-login-heading{margin:0 0 28px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
.auth-page.dated-login-page .dated-login-title{margin:0!important;font-size:42px!important;line-height:1.04!important;letter-spacing:-.028em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
.auth-page.dated-login-page .dated-login-subtitle{min-height:43px!important;margin:9px 0 26px!important;font-size:13px!important;line-height:1.55!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
.auth-page.dated-login-page .dated-login-field{margin:0 0 17px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field>label,
.auth-page.dated-login-page .dated-login-field>label{display:block!important;margin:0 0 10px!important;font-size:9.5px!important;line-height:1.2!important;letter-spacing:.15em!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
.auth-page.dated-login-page .dated-login-field input[type="text"],
.auth-page.dated-login-page .dated-login-field input[type="password"]{height:56px!important;min-height:56px!important;border-radius:14px!important;padding:0 15px!important;font-size:13px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-utility-row,
.auth-page.dated-login-page .dated-login-utility-row{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:-2px 0 18px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-remember,
.auth-page.dated-login-page .dated-login-remember{min-height:30px!important;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;font-size:10.5px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
.auth-page.dated-login-page .dated-login-submit{height:54px!important;min-height:54px!important;border-radius:14px!important}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-security-note,
.auth-page.dated-login-page .dated-login-security-note{min-height:18px!important;margin:17px 0 0!important;font-size:8.5px!important;line-height:1.3!important}

@media (min-width:901px) and (max-height:740px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
  .auth-page.dated-login-page{padding:10px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{width:min(1220px,calc(100vw - 20px))!important;height:calc(100dvh - 20px)!important;min-height:0!important;border-radius:22px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{grid-template-rows:82px 1fr auto!important;padding:28px 36px 26px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:82px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:235px!important;max-height:88px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(31px,5.3vh,39px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{padding:50px 46px 24px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
  .auth-page.dated-login-page .dated-login-title{font-size:33px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
  .auth-page.dated-login-page .dated-login-subtitle{min-height:34px!important;margin:7px 0 16px!important;font-size:12px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
  .auth-page.dated-login-page .dated-login-field{margin-bottom:11px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
  .auth-page.dated-login-page .dated-login-field input[type="text"],
  .auth-page.dated-login-page .dated-login-field input[type="password"]{height:48px!important;min-height:48px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
  .auth-page.dated-login-page .dated-login-submit{height:48px!important;min-height:48px!important}
}

@media (max-width:820px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page,
  .auth-page.dated-login-page{display:block!important;padding:0!important;min-height:100dvh!important;overflow:auto!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{width:100%!important;height:auto!important;min-height:100dvh!important;max-height:none!important;grid-template-columns:1fr!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{height:auto!important;min-height:270px!important;grid-template-rows:72px 1fr!important;padding:max(28px,env(safe-area-inset-top)) 30px 28px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:72px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(220px,52vw)!important;max-height:76px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(30px,6.3vw,40px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-support,
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-footer,
  .auth-page.dated-login-page .dated-login-story-support,
  .auth-page.dated-login-page .dated-login-story-footer{display:none!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{height:auto!important;min-height:calc(100dvh - 270px)!important;padding:84px 28px max(36px,calc(env(safe-area-inset-bottom) + 24px))!important;overflow:visible!important}
}

/* Mobile viewport lock: the shell itself always fits the visible browser area.
   If a very small viewport cannot contain the form, only the form panel scrolls. */
@media (max-width:820px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    grid-template-rows:minmax(236px,32dvh) minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story,
  .auth-page.dated-login-page .dated-login-story{
    height:100%!important;
    min-height:0!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{
    height:100%!important;
    min-height:0!important;
    grid-template-rows:64px 1fr!important;
    padding:max(22px,env(safe-area-inset-top)) 28px 22px!important;
  }
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:64px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(205px,50vw)!important;max-height:68px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-copy,
  .auth-page.dated-login-page .dated-login-story-copy{align-self:end!important;padding:12px 0 0!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-eyebrow,
  .auth-page.dated-login-page .dated-login-eyebrow{margin-bottom:9px!important;font-size:8px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(28px,5.5vw,36px)!important;line-height:1.01!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{
    height:100%!important;
    min-height:0!important;
    padding:68px 28px max(24px,calc(env(safe-area-inset-bottom) + 16px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
}
@media (max-width:520px){
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-shell,
  .auth-page.dated-login-page .dated-login-shell{grid-template-rows:minmax(220px,31dvh) minmax(0,1fr)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-story-inner,
  .auth-page.dated-login-page .dated-login-story-inner{grid-template-rows:56px 1fr!important;padding:max(18px,env(safe-area-inset-top)) 20px 18px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo-wrap,
  .auth-page.dated-login-page .dated-login-logo-wrap{height:56px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-logo,
  .auth-page.dated-login-page .dated-login-logo{width:min(185px,50vw)!important;max-height:60px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-hero,
  .auth-page.dated-login-page .dated-login-hero{font-size:clamp(27px,7.4vw,32px)!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-form-panel,
  .auth-page.dated-login-page .dated-login-form-panel{padding:58px 18px max(20px,calc(env(safe-area-inset-bottom) + 12px))!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-title,
  .auth-page.dated-login-page .dated-login-title{font-size:34px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-subtitle,
  .auth-page.dated-login-page .dated-login-subtitle{min-height:auto!important;margin-bottom:20px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field,
  .auth-page.dated-login-page .dated-login-field{margin-bottom:14px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="text"],
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-field input[type="password"],
  .auth-page.dated-login-page .dated-login-field input[type="text"],
  .auth-page.dated-login-page .dated-login-field input[type="password"]{height:52px!important;min-height:52px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-utility-row,
  .auth-page.dated-login-page .dated-login-utility-row{min-height:28px!important;margin-bottom:14px!important;gap:10px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-submit,
  .auth-page.dated-login-page .dated-login-submit{height:52px!important;min-height:52px!important}
  body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-security-note,
  .auth-page.dated-login-page .dated-login-security-note{margin-top:12px!important}
}

/* Final rhythm lock: product label and heading occupy the same vertical slots. */
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-product,
.auth-page.dated-login-page .dated-login-product{
  min-height:14px!important;
  height:14px!important;
  line-height:14px!important;
}
body.dlwe-native-app-page.dlwe-staff-login-page .dated-login-page .dated-login-heading,
.auth-page.dated-login-page .dated-login-heading{
  min-height:124px!important;
}


/* ==========================================================================
   Dated Universal Login Shell v2 — isolated runtime lock
   This file is the only layout stylesheet on primary Studio/Journey sign-in
   surfaces. Connect also loads it last. No product-specific sizing is allowed.
   ========================================================================== */
.dated-login-page .dated-login-hero{
  max-width:440px!important;
  margin:0!important;
  font-size:clamp(36px,2.45vw,44px)!important;
  line-height:1.045!important;
  letter-spacing:-.028em!important;
}
.dated-login-page .dated-login-hero-line{
  display:block!important;
  white-space:nowrap!important;
}
.dated-login-page .dated-login-utility-row{
  min-height:30px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:-2px 0 18px!important;
}
.dated-login-page .dated-login-utility-row .dated-login-remember,
.dated-login-page .dated-login-utility-row .dlwe-checkbox{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:var(--dated-login-muted-2)!important;
  font:500 10.5px/1.4 var(--dated-login-ui)!important;
  white-space:nowrap!important;
}
.dated-login-page .dated-login-utility-row .dated-login-forgot,
.dated-login-page .dated-login-utility-row .dlwe-inline-forgot-link,
.dated-login-page .dated-login-utility-row .auth-link{
  position:static!important;
  inset:auto!important;
  float:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0!important;
  padding:0!important;
  color:#6e5548!important;
  font:700 10px/1.2 var(--dated-login-ui)!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.dated-login-page .dated-login-heading{min-height:124px!important}
.dated-login-page .dated-login-product{min-height:14px!important;height:14px!important;line-height:14px!important}

/* Alerts are part of the universal auth shell so Studio/Journey do not need portal.css. */
.dated-login-page .dlwe-alert,
.dated-login-page .notice{
  width:100%!important;
  margin:0 0 16px!important;
  padding:11px 13px!important;
  border:1px solid rgba(183,110,120,.18)!important;
  border-radius:11px!important;
  background:#fff5f3!important;
  color:#8f4f54!important;
  font:600 11px/1.45 var(--dated-login-ui)!important;
}
.dated-login-page .dlwe-alert-success,
.dated-login-page .notice.success{
  border-color:rgba(76,121,91,.18)!important;
  background:#f0f7f2!important;
  color:#47715a!important;
}

@media (min-width:901px) and (max-height:740px){
  .dated-login-page .dated-login-hero{font-size:clamp(30px,5vh,37px)!important;line-height:1.035!important}
  .dated-login-page .dated-login-utility-row{min-height:26px!important;margin:0 0 11px!important}
}
@media (max-width:1040px) and (min-width:821px){
  .dated-login-page .dated-login-hero{font-size:clamp(32px,3.8vw,39px)!important}
}
@media (max-width:820px){
  .dated-login-page .dated-login-hero{font-size:clamp(28px,5.8vw,36px)!important}
  .dated-login-page .dated-login-hero-line{white-space:normal!important}
  .dated-login-page .dated-login-heading{min-height:auto!important}
}
@media (max-width:520px){
  .dated-login-page .dated-login-utility-row{gap:10px!important}
  .dated-login-page .dated-login-remember{font-size:9.5px!important;white-space:normal!important}
  .dated-login-page .dated-login-forgot{font-size:9.5px!important}
}