/* Approved ZF Premium mark. Admin-only; customer storefront untouched. */
.brand-icon {
  background: url("./zf-premium.svg") center / 112% 112% no-repeat !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: drop-shadow(0 0 2px rgba(250,129,34,.25));
}
.brand-icon span { display: none !important; }


/* Login wordmark: same typography and exact orange as storefront's ZAPFORMAT.
   White ZAP is the inverse for the dark admin background. */
#authScreen .auth-brand .auth-brand-copy h1 {
  display: flex;
  align-items: baseline;
  gap: 0;
  margin: 0;
  padding: 0;
  font-family: -apple-system, system-ui, "Segoe UI", Inter, Arial, sans-serif;
  font-size: 20.898px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -1.21px;
  text-transform: none;
  white-space: nowrap;
}
#authScreen .zf-wordmark-main { color: #f7fbff; }
#authScreen .zf-wordmark-accent { color: #fa8122; }


/* Verified owner recovery on small screens; never changes client login. */
#authScreen .auth-reset-link {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 12px auto 0;
  padding: 6px 10px;
  color: #2867b8;
  background: transparent;
  border: 0;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#authScreen #adminResetStartForm,
#authScreen #adminResetVerifyForm { width: 100%; }
#authScreen #adminResetStartForm .muted,
#authScreen #adminResetVerifyForm .muted { margin-bottom: 14px; }
#authScreen .auth-reset-message {
  color: #bc382c;
  margin: 10px 0 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
#authScreen .auth-reset-message:empty { display: none; }
@media (max-width: 780px) {
  #authScreen:has(#adminResetVerifyForm:not([hidden])) {
    justify-content: flex-start;
    padding-top: 18px;
    padding-bottom: 28px;
    min-height: 100dvh;
  }
  #authScreen #adminResetStartForm input,
  #authScreen #adminResetVerifyForm input { font-size: 16px; }
}


/* Workspace wordmark matches the approved storefront split.
   Preserve mobile sizing and the existing navy background. */
#appScreen .brand strong {
  display: flex;
  align-items: baseline;
  gap: 0;
  font-family: -apple-system, system-ui, "Segoe UI", Inter, Arial, sans-serif;
  font-weight: 950;
  letter-spacing: -.055em;
  white-space: nowrap;
}
#appScreen .zf-wordmark-main { color: #f7fbff; }
#appScreen .zf-wordmark-accent,
#appScreen .zf-topmark-accent { color: #FA8122; }
#appScreen .zf-topmark-main { color: inherit; }
