/* Seletor de empresa do grupo — botão-pílula no header + modal com cards. */

/* botão no cabeçalho */
.btn-seletor-empresa {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #1C2128, #161B22);
    color: #f1f5f9;
    border: 1px solid #334155;
    border-radius: 999px;
    padding: 9px 18px;
    font-size: 0.9rem;
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
    transition: border-color .15s, box-shadow .15s, transform .15s;
}
.btn-seletor-empresa:hover {
    border-color: #60a5fa;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.18);
    transform: translateY(-1px);
}
.btn-seletor-empresa:active {
    transform: translateY(0);
}

/* menu suspenso abaixo do botão */
.menu-empresas {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 290px;
    background: #161B22;
    border: 1px solid #334155;
    border-radius: 14px;
    padding: 10px;
    z-index: 1000;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

/* cards das empresas */
.card-empresa {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    text-align: left;
    background: #1C2128;
    color: #f1f5f9;
    border: 1px solid #334155;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: border-color .15s, background .15s, transform .15s, box-shadow .15s;
}
.card-empresa:hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.10);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.card-empresa.atual {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.16);
}
.card-empresa:last-child {
    margin-bottom: 0;
}

/* faixa de abas das empresas do grupo (dentro do modal de detalhe) */
.faixa-membros {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 14px;
    margin-bottom: 6px;
    border-bottom: 1px solid #334155;
}
.chip-membro {
    display: inline-flex;
    align-items: center;
    background: #1C2128;
    color: #cbd5e1;
    border: 1px solid #334155;
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}
.chip-membro:hover {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.10);
}
.chip-membro.atual {
    border-color: #60a5fa;
    background: rgba(96, 165, 250, 0.20);
    color: #f1f5f9;
}