/* Golden Fabric ERP — official brand assets */

:root {
    --gf-gold: #C9A227;
    --gf-gold-light: #E8C547;
    --gf-gold-dark: #8B6914;
    --gf-black: #0A0A0A;
}

/* Sidebar — text branding only */
.sidebar-brand-text {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.sidebar-brand-icon {
    flex-shrink: 0;
    object-fit: contain;
    background: transparent;
}

.sidebar-brand .brand-name {
    font-weight: 600;
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.25;
    white-space: normal;
}

/* Official transparent logo — login & documents */
.brand-logo-official,
.brand-logo-login,
.brand-logo-document,
.brand-logo-receipt {
    object-fit: contain;
    object-position: center;
    width: auto;
    height: auto;
    max-width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
}

.brand-logo-login {
    max-width: 220px;
    display: block;
    margin: 0 auto;
}

.brand-logo-document {
    max-width: 150px;
    display: block;
    margin: 0 auto 0.75rem;
}

.brand-logo-receipt {
    max-height: 40px;
    max-width: 120px;
    display: block;
    margin: 0 auto 0.5rem;
}

.cmp-letterhead-logo {
    max-height: 72px;
    max-width: 150px;
    width: auto;
    height: auto;
    object-fit: contain;
    background: transparent;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cmp-letterhead-name {
    font-size: 1rem;
    margin-bottom: 0.15rem;
}

.cmp-letterhead-address,
.cmp-letterhead-contact,
.cmp-letterhead-tax {
    line-height: 1.45;
}

@media (max-width: 575.98px) {
    .brand-logo-login {
        max-width: min(220px, 72vw);
    }
}