:root {
  --sat-green: #2352A3;
  --sat-gold: #F6DB72;
  --sat-dark: #021732;
  --sat-primary: var(--sat-green, #2352A3);
  --sat-action: #0F52BA;
  --sat-accent: var(--sat-gold, #F6DB72);
  --sat-navy: var(--sat-dark, #021732);
  --sat-navy-soft: #002D64;
  --sat-deep: var(--sat-dark, #021732);
  --sat-text: var(--sat-dark, #021732);
  --sat-muted: #5F6F84;
  --sat-border: #CCCCCC;
  --sat-white: #FFFFFF;
  --sat-surface: #F5F7FB;
}

* { box-sizing: border-box; }

.sat-portal-body {
  min-height: 100vh;
  margin: 0;
  direction: rtl;
  color: var(--sat-text);
  background: var(--sat-surface);
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  line-height: 1.75;
}

.sat-portal-body *,
.sat-portal-body button,
.sat-portal-body input,
.sat-portal-body select,
.sat-portal-body textarea {
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}

.sat-portal-body a { text-decoration: none; }

.sat-industrial-grid {
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(2, 23, 50, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(2, 23, 50, .035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}

/* Public landing */
.sat-portal-shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 24px 5vw 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 13%, rgba(35, 82, 163, .18), transparent 32%),
    radial-gradient(circle at 11% 78%, rgba(246, 219, 114, .30), transparent 25%),
    linear-gradient(135deg, #FFFFFF, #F5F7FB 55%, #EEF3FA);
}

.sat-public-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.sat-public-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--sat-navy);
}

.sat-public-brand img {
  width: clamp(150px, 16vw, 225px);
  height: auto;
  max-height: 92px;
  object-fit: contain;
}

.sat-public-brand b { display: block; font-size: 15px; }
.sat-public-brand small {
  display: block;
  margin-top: 3px;
  color: var(--sat-muted);
  font-size: 9px;
  letter-spacing: 1.5px;
}

.sat-system-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(35, 82, 163, .13);
  border-radius: 99px;
  color: var(--sat-navy-soft);
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 30px rgba(2, 23, 50, .07);
  font-size: 10px;
}

.sat-system-status i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sat-action);
  box-shadow: 0 0 0 5px rgba(15, 82, 186, .11);
}

.sat-landing-main {
  flex: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: 5vw;
  padding: 52px 2vw 38px;
}

.sat-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: var(--sat-primary);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 2px;
}

.sat-hero-copy h1 {
  margin: 0;
  color: var(--sat-navy);
  font-size: clamp(38px, 5.2vw, 76px);
  line-height: 1.22;
  letter-spacing: -2px;
}

.sat-hero-copy h1 em { color: var(--sat-primary); font-style: normal; }
.sat-hero-copy > p {
  max-width: 650px;
  margin: 25px 0;
  color: #52647B;
  font-size: 15px;
  line-height: 2.15;
}

.sat-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.sat-portal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  min-height: 50px;
  padding: 13px 22px;
  border: 0;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.sat-portal-btn-primary {
  color: #FFFFFF;
  background: linear-gradient(135deg, var(--sat-primary), var(--sat-action));
  box-shadow: 0 16px 34px rgba(15, 82, 186, .24);
}

.sat-portal-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(15, 82, 186, .30); }
.sat-secure-note { color: var(--sat-muted); font-size: 10px; }
.sat-secure-note i {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  margin-left: 5px;
  border-radius: 50%;
  color: var(--sat-navy);
  background: var(--sat-accent);
  font-style: normal;
}

.sat-feature-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  max-width: 720px;
  margin-top: 40px;
}

.sat-feature-strip > div { padding: 5px 12px; border-right: 2px solid rgba(35, 82, 163, .22); }
.sat-feature-strip b { display: block; color: var(--sat-navy-soft); font-size: 12px; }
.sat-feature-strip span { color: var(--sat-muted); font-size: 9px; }

.sat-hero-visual { position: relative; display: grid; place-items: center; min-height: 550px; perspective: 1200px; }
.sat-dashboard-preview {
  position: relative;
  z-index: 2;
  width: min(720px, 90%);
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 28px;
  background: linear-gradient(145deg, #021732, #002D64 62%, #2352A3);
  box-shadow: 0 50px 90px rgba(2, 23, 50, .28);
  transform: rotateY(-6deg) rotateX(2deg);
}

.sat-preview-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 7px 14px; color: #CCCCCC; font-size: 9px; letter-spacing: 1.2px; }
.sat-preview-head span { display: flex; gap: 5px; }
.sat-preview-head i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .32); }
.sat-preview-body { padding: 18px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 20px; background: rgba(255, 255, 255, .06); }
.sat-preview-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.sat-preview-kpis span { padding: 12px; border-radius: 14px; color: #FFFFFF; background: rgba(255, 255, 255, .08); }
.sat-preview-kpis small { display: block; color: #CCCCCC; font-size: 8px; }
.sat-preview-kpis b { display: block; margin-top: 7px; font-size: 20px; }
.sat-preview-body svg { width: 100%; height: auto; margin-top: 14px; }
.sat-preview-bars { display: grid; gap: 7px; }
.sat-preview-bars span { display: block; width: var(--w); height: 8px; border-radius: 20px; background: linear-gradient(90deg, #0F52BA, #F6DB72); }
.sat-orbit { position: absolute; border: 1px solid rgba(35, 82, 163, .17); border-radius: 50%; }
.sat-orbit-one { width: 510px; height: 510px; }
.sat-orbit-two { width: 690px; height: 690px; border-style: dashed; }
.sat-floating-card {
  position: absolute;
  z-index: 3;
  min-width: 160px;
  padding: 15px 17px;
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: 17px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 20px 40px rgba(2, 23, 50, .14);
  backdrop-filter: blur(15px);
}
.sat-floating-card small, .sat-floating-card span { display: block; color: var(--sat-muted); font-size: 8px; }
.sat-floating-card b { color: var(--sat-navy); font-size: 21px; }
.sat-float-hse { top: 15%; left: 1%; }
.sat-float-risk { right: 0; bottom: 13%; }
.sat-public-footer { display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(2, 23, 50, .08); color: #647389; font-size: 9px; }

/* Redesigned SAT login */
.sat-login-page { color: #FFFFFF; background: #021732; }
.sat-login-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr);
  min-height: 100vh;
  direction: ltr;
  background: #021732;
}
.sat-login-layout > section { direction: rtl; }

.sat-login-brand-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 42px clamp(34px, 5vw, 84px) 34px;
  overflow: hidden;
  isolation: isolate;
  color: #FFFFFF;
  background: linear-gradient(145deg, #021732 0%, #002D64 62%, #2352A3 132%);
}
.sat-login-brand-panel::after {
  position: absolute;
  right: -12%;
  bottom: -35%;
  z-index: -1;
  width: 76%;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 50%;
  content: "";
  box-shadow: 0 0 0 74px rgba(255, 255, 255, .025), 0 0 0 148px rgba(255, 255, 255, .018);
}
.sat-login-brand-grid {
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .42;
  background-image:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(135deg, transparent 5%, #000 48%, transparent 96%);
}
.sat-login-brand-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(2px); }
.sat-login-brand-glow-one { top: -180px; left: -160px; width: 500px; height: 500px; background: rgba(15, 82, 186, .30); }
.sat-login-brand-glow-two { right: 8%; bottom: 5%; width: 300px; height: 300px; background: rgba(246, 219, 114, .08); }

.sat-login-brand-header { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.sat-login-brand-header img { width: clamp(205px, 20vw, 310px); height: auto; max-height: 150px; object-fit: contain; }
.sat-back-home {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 11px;
  border-radius: 10px;
  color: rgba(255, 255, 255, .82);
  font-size: 10px;
  transition: background-color .2s ease, color .2s ease;
}
.sat-back-home:hover { color: #FFFFFF; background: rgba(255, 255, 255, .08); }
.sat-back-home svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }

.sat-login-brand-copy { position: relative; z-index: 2; max-width: 720px; margin: auto 0; padding: 54px 0; }
.sat-login-brand-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--sat-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .4px;
}
.sat-login-brand-kicker i { width: 28px; height: 2px; border-radius: 3px; background: currentColor; }
.sat-login-brand-copy h1 { margin: 24px 0 18px; color: #FFFFFF; font-size: clamp(42px, 5.1vw, 74px); font-weight: 800; line-height: 1.34; letter-spacing: -1.4px; }
.sat-login-brand-copy h1 strong { color: var(--sat-accent); font-weight: 900; }
.sat-login-brand-copy p { max-width: 610px; margin: 0; color: rgba(255, 255, 255, .72); font-size: 15px; line-height: 2.1; }

.sat-login-capabilities { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 36px; }
.sat-login-capabilities > div { padding: 13px 15px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; background: rgba(255, 255, 255, .045); }
.sat-login-capabilities b { display: block; color: #FFFFFF; font-size: 11px; }
.sat-login-capabilities span { display: block; margin-top: 2px; color: rgba(255, 255, 255, .54); font-size: 8.5px; }
.sat-login-brand-version { position: relative; z-index: 2; color: rgba(255, 255, 255, .40); font-size: 8px; letter-spacing: 1.4px; direction: ltr; text-align: right; }

.sat-login-form-panel {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 44px clamp(24px, 4vw, 70px);
  color: var(--sat-navy);
  background:
    radial-gradient(circle at 88% 5%, rgba(35, 82, 163, .10), transparent 31%),
    radial-gradient(circle at 12% 93%, rgba(246, 219, 114, .24), transparent 24%),
    #F5F7FB;
}
.sat-login-form-panel::before { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: linear-gradient(180deg, #F6DB72, #2352A3 44%, #0F52BA); content: ""; }
.sat-login-form-shell { width: min(480px, 100%); }
.sat-login-mobile-logo { display: none; text-align: center; }
.sat-login-mobile-logo img { width: min(210px, 60vw); height: auto; }

.sat-login-card {
  width: 100%;
  padding: clamp(28px, 3.4vw, 44px);
  border: 1px solid rgba(2, 23, 50, .08);
  border-radius: 26px;
  color: var(--sat-navy);
  background: #FFFFFF;
  box-shadow: 0 28px 75px rgba(2, 23, 50, .13);
}
.sat-login-card-head { display: flex; align-items: center; gap: 12px; }
.sat-login-card-head > div { display: flex; flex-direction: column; gap: 7px; color: var(--sat-primary); font-size: 10px; font-weight: 850; }
.sat-login-card-head > div i { display: block; width: 52px; height: 3px; border-radius: 5px; background: var(--sat-accent); }
.sat-login-card-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; color: var(--sat-primary); background: rgba(35, 82, 163, .08); }
.sat-login-card-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sat-login-card h2 { margin: 24px 0 7px; color: var(--sat-navy); font-size: clamp(27px, 3vw, 35px); line-height: 1.4; }
.sat-login-card > p { margin: 0; color: var(--sat-muted); font-size: 11px; line-height: 2; }

.sat-custom-login-form { display: flex; flex-direction: column; gap: 16px; margin-top: 24px; }
.sat-custom-login-form label { display: block; }
.sat-field-label { display: block; margin-bottom: 7px; color: var(--sat-navy-soft); font-size: 10px; font-weight: 800; }
.sat-input-wrap {
  display: flex;
  align-items: center;
  min-height: 55px;
  padding-inline: 14px 8px;
  border: 1px solid #CCCCCC;
  border-radius: 13px;
  background: #FFFFFF;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.sat-input-wrap:focus-within { border-color: var(--sat-action); box-shadow: 0 0 0 3px rgba(15, 82, 186, .12); }
.sat-input-wrap > svg { flex: 0 0 auto; width: 20px; height: 20px; color: #718096; fill: none; stroke: currentColor; stroke-width: 1.75; }
.sat-input-wrap input {
  flex: 1;
  min-width: 0;
  padding: 13px 10px;
  border: 0 !important;
  outline: 0;
  color: var(--sat-navy);
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
}
.sat-input-wrap input::placeholder { color: #8B97A8; opacity: 1; }
.sat-password-toggle { min-width: 58px; min-height: 44px; padding: 0 9px; border: 0; border-radius: 9px; color: var(--sat-action); background: transparent; font-size: 9px; font-weight: 800; cursor: pointer; }
.sat-password-toggle:hover { background: rgba(15, 82, 186, .07); }
.sat-login-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.sat-remember { display: inline-flex !important; align-items: center; gap: 8px; color: var(--sat-muted); font-size: 9.5px; cursor: pointer; }
.sat-remember input { width: 16px; height: 16px; margin: 0; accent-color: var(--sat-action); }
.sat-login-security { display: inline-flex; align-items: center; gap: 6px; color: #66758A; font-size: 8.5px; }
.sat-login-security i { width: 7px; height: 7px; border-radius: 50%; background: var(--sat-action); box-shadow: 0 0 0 4px rgba(15, 82, 186, .10); }

.sat-login-submit {
  width: 100%;
  min-height: 56px;
  justify-content: space-between;
  margin-top: 3px;
  padding: 7px 8px 7px 20px;
  color: #FFFFFF;
  background: linear-gradient(135deg, #2352A3, #0F52BA);
  box-shadow: 0 15px 34px rgba(15, 82, 186, .24);
}
.sat-login-submit:hover { transform: translateY(-2px); box-shadow: 0 19px 40px rgba(15, 82, 186, .31); }
.sat-login-submit:disabled { cursor: wait; opacity: .70; transform: none; }
.sat-login-submit > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; color: var(--sat-navy); background: var(--sat-accent); font-style: normal; }
.sat-login-submit svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }

.sat-login-alert { margin-top: 17px; padding: 11px 13px; border-radius: 11px; font-size: 10px; }
.sat-login-alert-error { border: 1px solid #E9B8B4; color: #842F2A; background: #FCE9E7; }
.sat-login-alert-success { border: 1px solid rgba(15, 82, 186, .20); color: #002D64; background: rgba(15, 82, 186, .07); }
.sat-login-help { display: flex; align-items: flex-start; gap: 9px; margin-top: 23px; padding-top: 18px; border-top: 1px solid rgba(2, 23, 50, .08); color: var(--sat-muted); }
.sat-login-help > span { display: grid; flex: 0 0 21px; place-items: center; width: 21px; height: 21px; border-radius: 50%; color: var(--sat-navy); background: var(--sat-accent); font-size: 10px; font-weight: 900; }
.sat-login-help p { margin: 0; font-size: 9px; line-height: 1.9; }
.sat-login-copyright { display: block; margin-top: 18px; color: #768499; font-size: 8.5px; text-align: center; }

.sat-back-home:focus-visible,
.sat-password-toggle:focus-visible,
.sat-login-submit:focus-visible,
.sat-portal-btn:focus-visible,
.sat-public-brand:focus-visible {
  outline: 3px solid var(--sat-accent);
  outline-offset: 3px;
}

/* Dashboard portal shell */
.sat-dashboard-page { padding-top: 58px; background: #EEF3FA; }
.sat-portal-userbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 7px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  color: #FFFFFF;
  background: rgba(2, 23, 50, .96);
  backdrop-filter: blur(15px);
}
.sat-user-identity { display: flex; align-items: center; gap: 9px; }
.sat-user-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #FFFFFF; background: linear-gradient(135deg, #2352A3, #0F52BA); font-weight: 900; }
.sat-user-identity b { display: block; font-size: 11px; }
.sat-user-identity small { display: block; color: #CCCCCC; font-size: 8px; }
.sat-user-actions { display: flex; gap: 8px; }
.sat-user-actions a { padding: 8px 11px; border-radius: 10px; color: #FFFFFF; background: rgba(255, 255, 255, .08); font-size: 9px; }
.sat-user-actions a:hover { background: rgba(255, 255, 255, .14); }
.sat-user-actions .sat-logout-link { color: #FFFFFF; background: rgba(15, 82, 186, .25); }
.sat-dashboard-page .sat-pc-app { min-height: calc(100vh - 58px); border-radius: 0; }
.sat-dashboard-page .sat-project-selector { min-height: calc(100vh - 74px); }

/* Safe fallback when portal shortcodes are rendered outside singular pages. */
.sat-portal-shortcode-card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  max-width: 760px;
  margin: 18px auto;
  padding: 18px;
  border: 1px solid rgba(2, 23, 50, .10);
  border-radius: 18px;
  color: var(--sat-navy);
  background: #FFFFFF;
  box-shadow: 0 16px 42px rgba(2, 23, 50, .10);
}
.sat-portal-shortcode-card img { width: 125px; height: auto; }
.sat-portal-shortcode-card div { flex: 1; min-width: 170px; }
.sat-portal-shortcode-card strong, .sat-portal-shortcode-card span { display: block; }
.sat-portal-shortcode-card span { color: var(--sat-muted); font-size: 10px; }
.sat-portal-shortcode-card a { padding: 10px 14px; border-radius: 10px; color: #FFFFFF; background: var(--sat-action); font-size: 11px; font-weight: 800; }

@media (max-width: 1050px) {
  .sat-landing-main { grid-template-columns: 1fr; padding-top: 44px; }
  .sat-hero-visual { min-height: 500px; }
  .sat-login-layout { grid-template-columns: 1fr; }
  .sat-login-form-panel { order: 1; min-height: auto; padding: 42px 20px 54px; }
  .sat-login-brand-panel { order: 2; min-height: auto; padding: 28px 30px; }
  .sat-login-brand-header img { width: 190px; }
  .sat-login-brand-copy { margin: 30px 0 22px; padding: 0; }
  .sat-login-brand-copy h1 { margin: 14px 0 9px; font-size: clamp(31px, 6vw, 48px); }
  .sat-login-brand-copy p { font-size: 12px; }
  .sat-login-capabilities { margin-bottom: 18px; }
  .sat-login-mobile-logo { display: block; margin-bottom: 20px; }
}

@media (max-width: 640px) {
  .sat-portal-shell { padding: 16px; }
  .sat-public-brand img { width: 135px; }
  .sat-public-brand span, .sat-system-status { display: none; }
  .sat-landing-main { padding: 38px 0 24px; }
  .sat-hero-copy h1 { font-size: 40px; letter-spacing: -.8px; }
  .sat-hero-copy > p { font-size: 12px; }
  .sat-feature-strip { grid-template-columns: repeat(2, 1fr); }
  .sat-hero-visual { min-height: 370px; }
  .sat-dashboard-preview { width: 100%; transform: none; }
  .sat-floating-card, .sat-orbit { display: none; }
  .sat-public-footer { flex-direction: column; gap: 5px; }

  .sat-login-form-panel { padding: 24px 13px 38px; }
  .sat-login-form-panel::before { width: 100%; height: 4px; background: linear-gradient(90deg, #F6DB72, #2352A3, #0F52BA); }
  .sat-login-card { padding: 26px 19px; border-radius: 21px; }
  .sat-login-card h2 { font-size: 28px; }
  .sat-input-wrap { padding-inline: 11px 5px; }
  .sat-password-toggle { min-width: 52px; padding-inline: 5px; }
  .sat-login-options { align-items: flex-start; flex-direction: column; }
  .sat-login-brand-panel { padding: 24px 20px; }
  .sat-login-brand-header img { width: 155px; }
  .sat-back-home { font-size: 9px; }
  .sat-login-brand-copy { margin: 24px 0 18px; }
  .sat-login-brand-copy h1 { font-size: 31px; }
  .sat-login-brand-copy p { display: none; }
  .sat-login-capabilities { grid-template-columns: 1fr; }
  .sat-login-capabilities > div:nth-child(n+2) { display: none; }
  .sat-login-brand-version { display: none; }
  .sat-portal-userbar { padding: 7px 10px; }
  .sat-user-actions a:first-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sat-portal-body *, .sat-portal-body *::before, .sat-portal-body *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}