/* Brand-color tab in the editor's color-strip — third tab alongside
 * Bright + Pastel. Renders manufacturer color cards (Kona Cotton,
 * Bella Solids, Art Gallery) grouped by brand. */

.palette-tab-brands {
    /* Distinguish from the dot-pattern tabs with a small "K" letterform.
     * Inherits .palette-tab background/border from app.css. */
    font-size: .82rem;
    font-weight: 700;
    color: var(--text-soft);
    letter-spacing: .02em;
}
.palette-tab-brands.active {
    color: #1170cf;
}

.brand-section {
    /* Each brand is its own block inside the existing
     * #color-palette grid container, which is normally a single
     * grid. We span the full width here. */
    grid-column: 1 / -1;
    margin-top: .6rem;
}
.brand-section:first-of-type {
    margin-top: .2rem;
}

.brand-header {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--text-soft);
    margin-bottom: .25rem;
    padding: 0 .15rem;
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(28px, 1fr));
    gap: 4px;
}

.brand-disclaimer {
    grid-column: 1 / -1;
    margin: .8rem .15rem 0;
    font-size: .68rem;
    line-height: 1.4;
    color: var(--text-soft);
    opacity: .85;
}