/* mySIMAN Forms C186 — two visual adjustments only.
 * Consumer reference: H277C164, full login form with three categories.
 * Only the three Forms tabs and the top-right Forms theme icon are affected.
 * Do not modify the card, fields, primary actions, logo, background, or API.
 */

/* Three tabs: Consumer's real tab height (46px normally, shorter on low screens).
   Preserve the existing Forms colors, font, active selection and spacing below. */
.forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs {
  box-sizing:border-box!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:4px!important;
  gap:4px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs > button {
  box-sizing:border-box!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  width:100%!important;
}
@media (max-height:740px) {
  .forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs {
    height:calc(clamp(30px,4.7dvh,38px) + 10px)!important;
    min-height:calc(clamp(30px,4.7dvh,38px) + 10px)!important;
    max-height:calc(clamp(30px,4.7dvh,38px) + 10px)!important;
  }
  .forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs > button {
    height:clamp(30px,4.7dvh,38px)!important;
    min-height:clamp(30px,4.7dvh,38px)!important;
    max-height:clamp(30px,4.7dvh,38px)!important;
  }
}

/* The Consumer card uses a 15px right-side gutter on non-overlay-scrollbar
   desktop browsers. Forms' card width stays unchanged, so only align its tab
   bar to the equivalent Consumer inner width/center on narrow viewports. */
@media (max-width:700px) {
  .forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs {
    --c186-consumer-pad:clamp(14px,3dvh,30px);
    position:relative!important;
    left:-7.5px!important;
    width:calc(min(440px, calc(100vw - 35px)) - 2px - var(--c186-consumer-pad) - var(--c186-consumer-pad))!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    flex:0 0 auto!important;
  }
}
@media (max-width:700px) and (max-height:630px) {
  .forms-auth-shell[data-auth-type="user"] .forms-auth-card.panel > nav.forms-auth-secondary-tabs {
    --c186-consumer-pad:clamp(8px,1.3dvh,14px);
  }
}

/* Theme icon: match Consumer corner control's 36px square and inset.
   Desktop: Consumer has a classic scrollbar gutter, Forms does not.
   Touch devices: use overlay-scrollbar inset like Consumer. */
.forms-auth-shell[data-auth-mode] > button.forms-portal-theme.forms-login-theme {
  position:fixed!important;
  top:clamp(12px,2.2dvh,24px)!important;
  right:calc(clamp(12px,2vw,26px) + 15px)!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  max-width:36px!important;
  max-height:36px!important;
  padding:0!important;
  border-radius:11px!important;
}
.forms-auth-shell[data-auth-mode] > button.forms-portal-theme.forms-login-theme > svg {
  width:18px!important;
  height:18px!important;
}
@media (pointer:coarse) {
  .forms-auth-shell[data-auth-mode] > button.forms-portal-theme.forms-login-theme {
    right:clamp(12px,2vw,26px)!important;
  }
}