/* Handy Helper Auth Brand Visual R6.3
   Keeps the exact R6.2 top-left brand copy while compacting auth vertically. */

.hh-auth-brand-r6-panel {
  --hh-r6-navy: #082d49;
  --hh-r6-gold: #c4932f;
  --hh-r6-cream: #fff8ec;
  --hh-r6-ink: #12344d;
  --hh-r6-muted: #657b8d;
  background:
    radial-gradient(circle at 100% 0, rgba(221,180,93,.13), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffdfa 46%, #f9fbfc 100%) !important;
  border-left: 1px solid rgba(196,147,47,.18) !important;
  color: var(--hh-r6-ink) !important;
  box-shadow: -24px 0 78px rgba(8,45,73,.18) !important;
  padding-top: 18px !important;
  padding-bottom: 22px !important;
  scrollbar-gutter: stable;
}

.hh-auth-brand-r6-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--hh-r6-navy) 0 48%, var(--hh-r6-gold) 48% 100%);
  pointer-events: none;
}

/* Preserve the exact approved main-page logo/wordmark, only trim empty space around it. */
.hh-auth-brand-r6-header {
  position: relative;
  z-index: 2;
  margin: -2px -2px 12px;
  padding: 8px 54px 9px 0;
}
.hh-auth-brand-r6-live {
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
  user-select: none;
}
.hh-auth-brand-r6-live > * {
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  transform-origin: left center;
}
.hh-auth-brand-r6-clone,
.hh-auth-brand-r6-clone * { pointer-events: none !important; }
.hh-auth-brand-r6-clone img,
.hh-auth-brand-r6-clone svg,
.hh-auth-brand-r6-clone picture { max-height: 44px; width: auto; }
.hh-auth-brand-r6-rule {
  width: 100%;
  height: 1px;
  margin-top: 8px;
  background: linear-gradient(90deg, rgba(196,147,47,.46), rgba(8,45,73,.12), transparent);
}
.hh-auth-brand-r6-original { display: none !important; }

.hh-auth-brand-r6-fallback { display: flex; align-items: center; gap: 10px; }
.hh-auth-brand-r6-fallback-mark { width: 42px; height: 42px; display: grid; place-items: center; color: var(--hh-r6-navy); }
.hh-auth-brand-r6-fallback-mark svg { width: 40px; height: 40px; }
.hh-auth-brand-r6-fallback-copy strong { display: block; color: var(--hh-r6-navy); font-size: 21px; line-height: 1.05; letter-spacing: -.035em; font-style: normal; }
.hh-auth-brand-r6-fallback-copy strong em { color: var(--hh-r6-gold); font-style: normal; }
.hh-auth-brand-r6-fallback-copy small { display: block; margin-top: 4px; color: var(--hh-r6-muted); font-size: 9px; }

/* Compact headings and introductory copy without changing wording. */
.hh-auth-brand-r6-panel h1,
.hh-auth-brand-r6-panel h2,
.hh-auth-brand-r6-panel h3 { color: var(--hh-r6-navy) !important; }
.hh-auth-brand-r6-panel h1 {
  font-size: clamp(25px, 3.2vh, 29px) !important;
  line-height: 1.06 !important;
  margin-top: 0 !important;
  margin-bottom: 5px !important;
}
.hh-auth-brand-r6-panel h2,
.hh-auth-brand-r6-panel h3 { margin-top: 8px !important; margin-bottom: 5px !important; }
.hh-auth-brand-r6-panel p { margin-top: 4px !important; margin-bottom: 9px !important; line-height: 1.38 !important; }
.hh-auth-brand-r6-panel p,
.hh-auth-brand-r6-panel small { color: var(--hh-r6-muted); }

/* Compact the Sign in / Create account switcher. */
.hh-auth-brand-r6-panel .hh-auth-brand-r6-tabs {
  background: #f4f2ed !important;
  border: 1px solid rgba(196,147,47,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
  margin-top: 9px !important;
  margin-bottom: 10px !important;
}
.hh-auth-brand-r6-panel .hh-auth-brand-r6-tab {
  color: var(--hh-r6-navy) !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

/* Email/password form: keep submit visible on typical laptop heights. */
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-form {
  display: grid;
  gap: 8px !important;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-field {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.hh-auth-brand-r6-panel label {
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}
.hh-auth-brand-r6-panel input,
.hh-auth-brand-r6-panel select,
.hh-auth-brand-r6-panel textarea {
  border-color: #d8e1e7 !important;
  color: var(--hh-r6-ink) !important;
  background: #fff !important;
}
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-input,
.hh-auth-brand-r6-panel input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.hh-auth-brand-r6-panel select {
  min-height: 42px !important;
  height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.hh-auth-brand-r6-panel textarea.hh-auth-brand-r6-compact-input { min-height: 72px !important; height: auto !important; }
.hh-auth-brand-r6-panel input:focus,
.hh-auth-brand-r6-panel select:focus,
.hh-auth-brand-r6-panel textarea:focus { border-color: var(--hh-r6-gold) !important; outline: 3px solid rgba(196,147,47,.13) !important; }

.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-submit {
  min-height: 42px !important;
  height: 42px !important;
  margin-top: 3px !important;
  margin-bottom: 2px !important;
}

/* Provider choices remain recognizable but use less vertical room. */
.hh-auth-brand-r6-panel .hh-auth-r2-providers,
.hh-auth-brand-r6-panel .hh-auth-r5-providers { gap: 7px !important; }
.hh-auth-brand-r6-panel .hh-auth-r2-provider,
.hh-auth-brand-r6-panel .hh-auth-r5-provider,
.hh-auth-brand-r6-panel [data-hh-provider] {
  min-height: 43px !important;
  height: 43px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(8,45,73,.03);
}
.hh-auth-brand-r6-panel .hh-auth-brand-r6-email-action {
  min-height: 43px !important;
  height: 43px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  border-color: rgba(8,45,73,.20) !important;
  background: linear-gradient(180deg, #f7fbfe, #eef6fb) !important;
  color: var(--hh-r6-navy) !important;
  font-weight: 850 !important;
}
.hh-auth-brand-r6-panel .hh-auth-brand-r6-close {
  z-index: 8 !important;
  width: 36px !important;
  height: 36px !important;
  border-color: rgba(8,45,73,.12) !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--hh-r6-navy) !important;
  box-shadow: 0 5px 16px rgba(8,45,73,.06) !important;
}

/* Reduce inherited empty vertical gaps in the active auth content area. */
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-content > * { margin-top: 7px !important; margin-bottom: 7px !important; }
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-content > h1,
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-content > h2,
.hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-content > p { margin-top: 3px !important; margin-bottom: 6px !important; }

/* Extra compression only on short-height screens, where scrolling was the problem. */
@media (min-width: 701px) and (max-height: 820px) {
  .hh-auth-brand-r6-panel { padding-top: 12px !important; padding-bottom: 14px !important; }
  .hh-auth-brand-r6-header { margin-bottom: 8px; padding-top: 4px; padding-bottom: 6px; }
  .hh-auth-brand-r6-live { min-height: 42px; }
  .hh-auth-brand-r6-rule { margin-top: 5px; }
  .hh-auth-brand-r6-panel h1 { font-size: 24px !important; }
  .hh-auth-brand-r6-panel p { font-size: 12px !important; margin-bottom: 6px !important; }
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-tabs { margin-top: 6px !important; margin-bottom: 7px !important; }
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-tab { padding-top: 7px !important; padding-bottom: 7px !important; }
  .hh-auth-brand-r6-panel .hh-auth-r2-provider,
  .hh-auth-brand-r6-panel .hh-auth-r5-provider,
  .hh-auth-brand-r6-panel [data-hh-provider],
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-email-action { min-height: 39px !important; height: 39px !important; margin-top: 3px !important; margin-bottom: 3px !important; }
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-input,
  .hh-auth-brand-r6-panel input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .hh-auth-brand-r6-panel select,
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-compact-submit { min-height: 39px !important; height: 39px !important; }
}

@media (max-width: 700px) {
  .hh-auth-brand-r6-panel {
    border-left: 0 !important;
    border-top: 1px solid rgba(196,147,47,.20) !important;
    box-shadow: 0 -20px 70px rgba(8,45,73,.17) !important;
    padding-top: 12px !important;
    padding-bottom: 16px !important;
    max-height: 96vh !important;
  }
  .hh-auth-brand-r6-header { margin-bottom: 8px; padding-top: 5px; padding-bottom: 6px; }
  .hh-auth-brand-r6-live > * { transform: scale(.92); transform-origin: left center; }
  .hh-auth-brand-r6-clone img,
  .hh-auth-brand-r6-clone svg,
  .hh-auth-brand-r6-clone picture { max-height: 40px; }
  .hh-auth-brand-r6-panel h1 { font-size: 24px !important; }
  .hh-auth-brand-r6-panel .hh-auth-r2-provider,
  .hh-auth-brand-r6-panel .hh-auth-r5-provider,
  .hh-auth-brand-r6-panel [data-hh-provider],
  .hh-auth-brand-r6-panel .hh-auth-brand-r6-email-action { min-height: 41px !important; height: 41px !important; }
}