/* Approved identity: see BRANDING.md. Wordmark uses the supplied artwork. */
:root {
    --theme-color: #0066ff;
    --theme-secondary-color: #edf4ff;
    --theme-hover-bg: #edf4ff;
    --auth-brand: #0066ff;
    --bs-primary: #0066ff;
    --bs-primary-rgb: 0, 102, 255;
}
img[src*="freecompos-banner"], img[src$="/logo/logo.png"], img[src$="/logo/dark-logo.png"] {
    object-fit: contain;
    border-radius: 10px;
}
.app-sidebar .branding-logo img[src*="freecompos-banner"] { height: 80px; max-width: 100%; }
.auth-card-logo.is-wide[src*="freecompos-banner"] { width: 280px; height: auto; max-height: 112px; }
.auth-slide img[src*="freecompos-banner"] { object-fit: contain !important; background: #031134; }
.auth-card-brand { margin-bottom: 16px; }
.auth-card-logo.is-wide[src*="wordmark"] { width: 240px; height: auto; max-height: 88px; border-radius: 0; }
.branding-logo img[src*="wordmark"] { height: 64px; border-radius: 0; background: transparent; }
@media (max-height: 760px) { .auth-card-logo.is-wide[src*="freecompos-banner"] { max-height: 72px; width: auto; } }
@media (min-width: 992px) and (max-width: 1199px) {
    .header-search { width: clamp(160px, 19vw, 220px); min-width: 0; }
}