/* Additive artwork sizing. Existing template styles remain unchanged. */
.brand-logo {
  display: inline-block; width: 8.5rem; height: auto; aspect-ratio: 2045 / 486;
  flex: 0 0 auto; max-width: 100%; vertical-align: middle;
  color: var(--brand-logo-color, var(--color-primary)); fill: currentColor;
}
.brand-mark { display: inline-block; width: 2.75rem; height: auto; aspect-ratio: 442 / 237; color: var(--brand-logo-color, var(--color-primary)); fill: currentColor; flex: none; }
.brand-logo--inline { width: 4.9em; height: .95em; aspect-ratio: auto; vertical-align: -.1em; }
.site-logo > .brand-logo { width: 8.25rem; height: auto; }
.site-footer .site-logo > .brand-logo { width: 9rem; }
.au__brand > .brand-logo, .au--center .au__brand > .brand-logo { width: 11.5rem; height: auto; }
.er__brand > .brand-logo { width: 9rem; }
.admin__brand .brand-logo { width: 9rem; height: auto; color: var(--brand-logo-color, var(--sidebar-active-fg)); }
.admin__brand .brand-mark--sidebar { display: none; width: 2.7rem; height: auto; color: var(--brand-logo-color, var(--sidebar-active-fg)); }
.admin__brand-copy { min-width: 0; }
.brand-logo--badge { width: 5.75rem; height: auto; color: currentColor; }
.tv__brand > .brand-logo { width: 10rem; height: auto; }
.app-loader--wordmark .app-loader__core { width: min(250px, 65vw); height: auto; min-height: 65px; }
.app-loader--wordmark .brand-logo { width: 100%; height: auto; filter: none; }
.app-loader--wordmark .app-loader__bar { width: min(190px, 50vw); }
.app-loader--wordmark .app-loader__core { animation: brand-breathe 1.8s ease-in-out infinite; }
@keyframes brand-breathe { 0%,100% { opacity: .65; } 50% { opacity: 1; } }
@media (min-width: 768px) and (max-width: 1199px) {
  .admin:not(.is-expanded) .admin__brand .brand-mark--sidebar { display: block; }
}
@media (prefers-reduced-motion: reduce) { .app-loader--wordmark .app-loader__core { animation: none; } }
html[data-lite="true"] .app-loader--wordmark .app-loader__core { animation: none; }

/* Template choice belongs to the platform, independently of business color themes. */
.site-template-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.site-template-option { position: relative; display: grid; gap: .7rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; }
.site-template-option:has(input:checked) { border-color: var(--color-primary); box-shadow: 0 0 0 1px var(--color-primary); }
.site-template-preview { min-height: 100px; display: grid; grid-template-columns: 1fr 1.1fr; gap: .6rem; padding: 1rem; border-radius: 8px; }
.site-template-preview--classic { background: #15130f; color: #e2be71; }
.site-template-preview--modern { background: #f6f8ef; color: #285d49; }
.site-template-preview > span { display: grid; align-content: center; gap: .4rem; }
.site-template-preview i { display: block; height: 6px; border-radius: 4px; background: currentColor; opacity: .4; }
.site-template-preview i:first-child { width: 65%; opacity: .8; height: 12px; }
.site-template-preview > b { display: grid; align-items: center; justify-items: center; background: color-mix(in srgb,currentColor 10%,transparent); border: 1px solid color-mix(in srgb,currentColor 20%,transparent); border-radius: 5px; }
.site-template-preview .brand-logo { width: 6rem; color: currentColor; }
@media (max-width: 600px) { .site-template-options { grid-template-columns: 1fr; } }
.site-template-option__preview { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; min-height: 130px; padding: .8rem; border-radius: 9px; background: #f4f6ed; color: #285d49; }
.site-template-option__preview--classic { background: #15130e; color: #d9b66d; }
.site-template-option__chrome { grid-column: 1/-1; display: flex; gap: 4px; }
.site-template-option__chrome i { width: 5px; height: 5px; background: currentColor; border-radius: 50%; }
.site-template-option__hero { display: grid; gap: 6px; align-content: center; }
.site-template-option__line { height: 6px; width: 80%; background: currentColor; opacity: .5; border-radius: 4px; }
.site-template-option__line:first-child { height: 12px; opacity: .9; }
.site-template-option__tiles { display: flex; gap: 4px; align-items: center; }
.site-template-option__tiles i { width: 30%; height: 40px; border: 1px solid currentColor; border-radius: 4px; opacity: .5; }
.signup-identity__verified { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; background: var(--color-success-soft); color: var(--color-success); border-radius: var(--radius-sm); padding: 12px 16px; margin-bottom: 20px; }
.signup-identity__verified > span { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.signup-identity__icon { color: var(--color-primary); }
.signup-identity__eyebrow { color: var(--color-text-muted); font-size: var(--text-sm); }

/* Full wordmark stays legible in the sidebar; compact mode keeps the matching symbol. */
.admin__brand .brand-logo--sidebar { display: block; width: 10rem; max-width: 100%; height: auto; margin-bottom: .35rem; }
.admin__brand-copy { display: block; width: 100%; }