/* Segmented brand switcher, shared by the sales dashboard and SM Track. */

.brand-seg {
    display: inline-flex;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

/* Two classes to outrank main .pageContent a, which paints every link gold. */
.brand-seg .brand-seg-item {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    font-size: .82rem;
    font-weight: 600;
    color: #46566b;
    text-decoration: none;
    transition: background .12s, color .12s;
}

.brand-seg .brand-seg-item + .brand-seg-item {
    border-left: 1px solid #e3e9ef;
}

.brand-seg .brand-seg-item:hover {
    background: #f2f4f7;
    color: #14243a;
    text-decoration: none;
}

.brand-seg .brand-seg-item.is-on,
.brand-seg .brand-seg-item.is-on:hover {
    background: #14243a;
    color: #fff;
}