/* Customer surfaces only. Administrative modules retain account.css. */
@font-face { font-family: StudioBarlow; src: url('./BarlowCondensed-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
:is(.topbar, #signed-out-view, #account-view > :not(#admin-panel), footer) { --font-signature: var(--font-reading); }
.topbar .brand { font: 500 21px/1.2 StudioBarlow, sans-serif; text-transform: uppercase; letter-spacing: .055em; }
.topbar .environment { border: 0; padding: 0; color: var(--muted); font-size: 10px; letter-spacing: .07em; }
.topbar .product-mark { font-size: 14px; }
#signed-out-view h1, #account-view > .account-intro h1 { letter-spacing: -.035em; line-height: 1.04; }
#signed-out-view .auth-card { box-shadow: none; border: 0; border-left: 1px solid var(--line-soft); background: transparent; }
#account-view > .account-intro { padding-bottom: 24px; }
#account-view > .account-intro h1 { font-size: clamp(34px, 4vw, 52px); }
#account-view .account-overview { grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px; }
#account-view .member-since { min-height: 0; padding: 0; flex-direction: row; justify-content: start; align-items: baseline; gap: 12px; }
#account-view .member-since strong { color: var(--muted); font-size: 13px; font-weight: 400; }
#account-view .store-spotlight { border: 0; border-top: 1px solid #f0a50045; border-bottom: 1px solid var(--line-soft); border-radius: 0; background: transparent; box-shadow: none; padding: 24px 0; }
#account-view .store-spotlight::after { display: none; }
#account-view .store-spotlight::before {
  display: block;
  left: -20%;
  width: clamp(65px, 12%, 145px);
  background: linear-gradient(90deg, transparent, #ffc13b24 46%, #fff2c638 52%, transparent);
  animation: customer-store-shine 3.6s ease-in-out infinite;
}
@keyframes customer-store-shine {
  0% { left: -20%; opacity: 0; transform: skewX(-14deg); }
  10% { opacity: .75; }
  56% { left: 110%; opacity: .25; transform: skewX(-14deg); }
  60%, 100% { left: 110%; opacity: 0; transform: skewX(-14deg); }
}
@media (prefers-reduced-motion: reduce) {
  #account-view .store-spotlight::before { display: none; animation: none; }
}
#account-view .store-spotlight:hover { transform: none; background: #f0a50004; }
#account-view > .community-invite { border: 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; background: linear-gradient(90deg, #1877f212, #1877f208); padding: 22px 18px 26px; margin-bottom: 38px; }
#account-view > .community-invite:hover { transform: none; background: linear-gradient(90deg, #1877f21b, #1877f20c); }
#account-view .community-invite-icon { background: transparent; color: #81a8ed; }
#account-view > .workspace-grid { gap: 48px; align-items: start; }
#account-view > .workspace-grid > .panel,
#account-view > .business-evaluation,
#account-view > .link-panel,
#account-view > .customer-showcase { border: 0; border-radius: 0; background: transparent; }
#account-view > .workspace-grid > .panel > .panel-heading,
#account-view > .business-evaluation > .panel-heading,
#account-view > .customer-showcase > .panel-heading { padding: 0 0 20px; min-height: 0; }
#account-view > .workspace-grid h2 { font-size: 25px; letter-spacing: -.025em; }
#account-view > .workspace-grid > .ownership-panel { background: #101113ed; border: 1px solid #ffffff12; border-radius: 6px; padding: 26px; }
#account-view > .workspace-grid > .ownership-panel > .panel-heading { border-bottom: 1px solid #ffffff19; padding-bottom: 22px; }
#account-view .ownership-panel .entitlement-list { padding: 0; }
#account-view .ownership-panel .entitlement { padding: 28px 0 32px; }
#account-view .ownership-panel .entitlement + .entitlement { border-top: 1px solid #ffffff19; }
#account-view .ownership-panel .desktop-access { margin-top: 28px; }
#account-view .ownership-panel .web-access { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line-soft); }
#account-view .ownership-panel .license-note { margin-top: 22px; }
#account-view .ownership-panel .status-chip { background: transparent; padding: 4px 0; }
#account-view .ownership-panel .source { font-size: 11px; letter-spacing: .07em; }
#account-view .ownership-panel .publish-online-offer { margin: 18px 0 0; padding: 24px; border: 1px solid #79b9de26; border-left: 3px solid #79b9de; border-radius: 4px; background: #5f8dff0d; }
#account-view .ownership-panel .publish-online-offer-head { flex-direction: column; align-items: flex-start; gap: 18px; }
#account-view .ownership-panel .publish-online-offer .section-label { color: #79b9de; }
#account-view .ownership-panel .empty-state { padding: 22px 0; }
#account-view .profile-panel { border-left: 1px solid var(--line-soft) !important; padding-left: 30px; }
#account-view .profile-panel form { padding: 0; }
#account-view .profile-security { margin: 26px 0 0; grid-template-columns: 1fr; gap: 12px; }
#account-view .profile-security .button { justify-self: start; }
#account-view > .link-panel { margin-top: 40px; border-top: 1px solid var(--line-soft); padding: 28px 0; }
#account-view > .business-evaluation, #account-view > .customer-showcase { margin-top: 36px; border-top: 1px solid var(--line-soft); padding-top: 26px; }
#account-view .business-evaluation-access { padding: 0 0 24px; }
#account-view .evaluation-status-facts { gap: 12px 24px; }
#account-view .evaluation-status-facts span { border: 0; padding: 0; border-radius: 0; }
#account-view > :not(#admin-panel) .section-label, #signed-out-view .eyebrow { font-size: 11px; letter-spacing: .09em; font-weight: 700; }
#account-view > :not(#admin-panel) .button, #signed-out-view .button { font-size: 14px; font-weight: 700; border-radius: 3px; }
#account-view .ownership-panel .license-box { border: 0; border-left: 2px solid var(--amber); background: #f0a50006; padding: 12px 16px; }
#account-view .ownership-panel .license-box code { font-family: ui-monospace, monospace; }
@media (max-width: 900px) {
  #account-view > .workspace-grid { grid-template-columns: 1fr; gap: 36px; }
  #account-view .profile-panel { border-left: 0 !important; border-top: 1px solid var(--line-soft) !important; padding: 28px 0 0; }
}
@media (max-width: 620px) {
  .topbar { flex-wrap: wrap; gap: 8px 12px; padding-block: 14px; }
  .topbar .brand { font-size: 19px; }
  .topbar .environment { display: none; }
  #account-view .store-spotlight { padding: 22px 0; }
  #account-view > .workspace-grid > .ownership-panel { padding: 20px 16px; }
  #account-view .ownership-panel .publish-online-offer { padding: 20px 16px; }
  #account-view > .community-invite { margin-bottom: 30px; }
  #signed-out-view .auth-card { border-left: 0; border-top: 1px solid var(--line-soft); }
}