/* /Components/Layout/LayoutPublico.razor.rz.scp.css */
.publico-wrapper[b-nkh53q4hcv] {
    min-height: 100vh;
    background: linear-gradient(135deg, #1e293b 0%, #1a6fc4 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout[b-psoclydc7m] {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

.sidebar[b-psoclydc7m] {
    width: 240px;
    flex-shrink: 0;
    transition: width 0.25s ease;
    overflow: hidden;
}

.nav-recolhido .sidebar[b-psoclydc7m] {
    width: 60px;
}

.conteudo[b-psoclydc7m] {
    flex: 1;
    overflow-y: auto;
    background-color: #f4f6f9;
}

.topo-conteudo[b-psoclydc7m] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 2rem;
    border-bottom: 1px solid #e9ecef;
    background: #f4f6f9;
    position: sticky;
    top: 0;
    z-index: 10;
}

.conteudo article[b-psoclydc7m] {
    padding: 2rem;
}

#blazor-error-ui[b-psoclydc7m] {
    color-scheme: light only;
    background: #fff3cd;
    border-top: 1px solid #ffc107;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 0.875rem;
}

#blazor-error-ui .dismiss[b-psoclydc7m] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-sidebar[b-x7yb7k9drw] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: rgb(0, 110, 181);
    color: #fff;
    overflow: hidden;
}

/* ── Header ── */
.nav-header[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    height: 56px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.nav-logo[b-x7yb7k9drw] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
}

.btn-toggle[b-x7yb7k9drw] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s;
}

.btn-toggle:hover[b-x7yb7k9drw] {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

/* ── Nav items ── */
.nav-items[b-x7yb7k9drw] {
    list-style: none;
    margin: 0;
    padding: 8px 0;
    flex: 1;
    overflow-y: auto;
}

.nav-items li[b-x7yb7k9drw] {
    margin: 2px 8px;
}

.nav-items[b-x7yb7k9drw]  a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 10px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.95);
    text-decoration: none;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: background-color 0.15s, color 0.15s;
}

.nav-items[b-x7yb7k9drw]  a:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.nav-items[b-x7yb7k9drw]  a.active {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-weight: 600;
}

.nav-items[b-x7yb7k9drw]  svg {
    flex-shrink: 0;
}

/* ── Grupo retrátil ── */
.nav-grupo[b-x7yb7k9drw] {
    margin: 8px 8px 0 !important;
}

.nav-grupo-btn[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 6px;
    transition: color 0.15s, background-color 0.15s;
}

.nav-grupo-btn:hover[b-x7yb7k9drw] {
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0.06);
}

.nav-grupo-btn span[b-x7yb7k9drw] {
    flex: 1;
    text-align: left;
}

.chevron[b-x7yb7k9drw] {
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.chevron-aberto[b-x7yb7k9drw] {
    transform: rotate(180deg);
}

/* Subitem levemente recuado */
.nav-items[b-x7yb7k9drw]  .nav-subitem {
    padding-left: 20px;
}

/* ── Footer ── */
.nav-footer[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
    min-height: 64px;
}

.nav-footer-avatar[b-x7yb7k9drw] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0.05em;
}

.nav-footer-foto[b-x7yb7k9drw] {
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.nav-footer-info[b-x7yb7k9drw] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.nav-footer-nome[b-x7yb7k9drw] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-footer-email[b-x7yb7k9drw] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-logout[b-x7yb7k9drw] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    padding: 6px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s, color 0.15s;
}

.btn-logout:hover[b-x7yb7k9drw] {
    background-color: rgba(255, 255, 255, 0.15);
    color: #fff;
}

.btn-logout-recolhido[b-x7yb7k9drw] {
    margin: 0 auto;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-msob2rml9e],
.components-reconnect-repeated-attempt-visible[b-msob2rml9e],
.components-reconnect-failed-visible[b-msob2rml9e],
.components-pause-visible[b-msob2rml9e],
.components-resume-failed-visible[b-msob2rml9e],
.components-rejoining-animation[b-msob2rml9e] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-retrying[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-failed[b-msob2rml9e],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-msob2rml9e] {
    display: block;
}


#components-reconnect-modal[b-msob2rml9e] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-msob2rml9e 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-msob2rml9e 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-msob2rml9e 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-msob2rml9e]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-msob2rml9e 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-msob2rml9e {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-msob2rml9e {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-msob2rml9e {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-msob2rml9e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-msob2rml9e] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-msob2rml9e] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-msob2rml9e] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-msob2rml9e] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-msob2rml9e] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-msob2rml9e] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-msob2rml9e 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-msob2rml9e] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-msob2rml9e {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Cadastros/CamposDinamicos.razor.rz.scp.css */
.cd-explicacao[b-otr6xq777z] {
    font-size: 0.82rem;
    color: #6b7280;
    max-width: 720px;
    margin: -8px 0 16px;
    line-height: 1.5;
}

.cd-nome-tecnico[b-otr6xq777z] { font-size: 0.78rem; color: #9ca3af; font-family: monospace; }

.btn-limpar[b-otr6xq777z] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    white-space: nowrap;
    align-self: flex-end;
}
.btn-limpar:hover[b-otr6xq777z] { border-color: #9ca3af; color: #374151; }

/* ── Modal de cadastro/edição ── */
.cd-modal-overlay[b-otr6xq777z] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px;
    overflow-y: auto;
    z-index: 1000;
}
.cd-modal[b-otr6xq777z] {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    max-width: 680px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cd-modal-header[b-otr6xq777z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.cd-modal-header h2[b-otr6xq777z] { font-size: 1.05rem; font-weight: 700; color: #111827; margin: 0; }
.cd-modal-fechar[b-otr6xq777z] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 1rem;
    padding: 4px 8px;
    border-radius: 6px;
    flex-shrink: 0;
}
.cd-modal-fechar:hover[b-otr6xq777z] { background: #f3f4f6; color: #374151; }

.ne-grid[b-otr6xq777z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.form-grupo[b-otr6xq777z] { display: flex; flex-direction: column; gap: 5px; }
.form-grupo label[b-otr6xq777z] { font-size: 0.78rem; font-weight: 600; color: #374151; }
.form-grupo input[b-otr6xq777z],
.form-grupo select[b-otr6xq777z] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    box-sizing: border-box;
    width: 100%;
}
.form-grupo input:focus[b-otr6xq777z],
.form-grupo select:focus[b-otr6xq777z] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}
.form-grupo input:disabled[b-otr6xq777z] { background: #f3f4f6; color: #9ca3af; }

.obrigatorio[b-otr6xq777z] { color: #dc2626; margin-left: 2px; }

.form-acoes[b-otr6xq777z] { display: flex; justify-content: flex-end; gap: 10px; }
.btn-cancelar[b-otr6xq777z] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
}
.btn-cancelar:hover[b-otr6xq777z] { border-color: #9ca3af; color: #374151; }
.btn-salvar[b-otr6xq777z] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-salvar:hover:not(:disabled)[b-otr6xq777z] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-otr6xq777z] { opacity: 0.6; cursor: not-allowed; }

.alerta[b-otr6xq777z] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-erro[b-otr6xq777z] { background: #fee2e2; color: #b91c1c; }
.alerta-sucesso[b-otr6xq777z] { background: #dcfce7; color: #15803d; }
.cd-alerta-interno[b-otr6xq777z] { background: #fef3c7; color: #92400e; line-height: 1.5; }

.cd-badge-interno[b-otr6xq777z] { background: #ede9fe; color: #6d28d9; border: 1px solid #ddd6fe; }

.badge-tipo[b-otr6xq777z] {
    background-color: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
    margin-right: 4px;
}

/* ── Seções internas (Opções / Vínculos) ── */
.cd-secao[b-otr6xq777z] {
    border-top: 1px solid #f3f4f6;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cd-secao-titulo[b-otr6xq777z] { font-size: 0.85rem; font-weight: 700; color: #111827; margin: 0; }

.cd-opcoes-lista[b-otr6xq777z] { display: flex; flex-wrap: wrap; gap: 8px; }
.cd-opcao-chip[b-otr6xq777z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    padding: 4px 6px 4px 12px;
    font-size: 0.8rem;
}
.cd-opcao-remover[b-otr6xq777z] {
    background: none;
    border: none;
    color: rgb(0, 110, 181);
    cursor: pointer;
    font-size: 0.7rem;
    padding: 2px 4px;
    border-radius: 50%;
}
.cd-opcao-remover:hover[b-otr6xq777z] { background: #bfdbfe; }

.cd-opcao-add[b-otr6xq777z] { display: flex; gap: 8px; max-width: 400px; }
.cd-opcao-add input[b-otr6xq777z] {
    flex: 1;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
}
.btn-add-sm[b-otr6xq777z] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-otr6xq777z] { background: rgb(0, 110, 181); color: #fff; }

.cd-vinculos-lista[b-otr6xq777z] { display: flex; flex-direction: column; gap: 4px; }
.cd-vinculo-linha[b-otr6xq777z] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 6px 0;
    border-bottom: 1px solid #f9fafb;
}
.cd-check[b-otr6xq777z] { display: flex; align-items: center; gap: 7px; font-size: 0.85rem; color: #374151; cursor: pointer; }
.cd-check input[b-otr6xq777z] { width: auto; }
.cd-check-obrigatorio[b-otr6xq777z] { color: #b45309; font-size: 0.78rem; }

.cd-vinculo-modais[b-otr6xq777z] {
    margin: 2px 0 8px 24px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cd-vinculo-modais-dica[b-otr6xq777z] { font-size: 0.72rem; color: #9ca3af; margin-bottom: 4px; }
.cd-vinculo-linha-modal[b-otr6xq777z] { border-bottom: none; padding: 4px 0; gap: 16px; }
.cd-vinculo-linha-modal .cd-check[b-otr6xq777z] { font-size: 0.8rem; }

/* ── Toggle ativo ── */
.toggle-label[b-otr6xq777z] { display: block; }
.toggle[b-otr6xq777z] { position: relative; display: inline-block; width: 40px; height: 22px; cursor: pointer; }
.toggle input[b-otr6xq777z] { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-slider[b-otr6xq777z] { position: absolute; inset: 0; background-color: #d1d5db; border-radius: 999px; transition: background-color 0.2s; }
.toggle-slider[b-otr6xq777z]::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
.toggle input:checked + .toggle-slider[b-otr6xq777z] { background-color: rgb(0, 110, 181); }
.toggle input:checked + .toggle-slider[b-otr6xq777z]::before { transform: translateX(18px); }
/* /Components/Pages/Cotacoes/CotacaoDetalhe.razor.rz.scp.css */
/* ── Header (mesmo padrão da Negociação Detalhe: compacto, edição inline) ── */
.cd2-header[b-6gnob4v6s5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 12px;
}
.cd2-header-left[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 4px; }
.cd2-header-right[b-6gnob4v6s5] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.cd2-back-link[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s;
}
.cd2-back-link:hover[b-6gnob4v6s5] { color: rgb(0, 110, 181); }

.cd2-titulo[b-6gnob4v6s5] { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 0; }

.cd2-btn-excluir[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border: 1px solid #fca5a5;
    border-radius: 7px;
    background: #fff;
    color: #dc2626;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}
.cd2-btn-excluir:hover[b-6gnob4v6s5] { background: #fee2e2; border-color: #f87171; }

/* ── Select de status (pílula colorida, auto-salva ao trocar) ── */
.cd2-status-select[b-6gnob4v6s5] {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 2px solid transparent;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
}
.cd2-status-sel-aberta[b-6gnob4v6s5]    { background-color: #eff6ff; color: rgb(0, 110, 181); border-color: #bfdbfe; }
.cd2-status-sel-andamento[b-6gnob4v6s5] { background-color: #fef3c7; color: #b45309;          border-color: #fde68a; }
.cd2-status-sel-encerrada[b-6gnob4v6s5] { background-color: #dcfce7; color: #15803d;          border-color: #bbf7d0; }
.cd2-status-sel-cancelada[b-6gnob4v6s5] { background-color: #fee2e2; color: #b91c1c;          border-color: #fecaca; }

/* ── Info bar ── */
.cd2-infobar[b-6gnob4v6s5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    max-width: 1400px;
}
.cd2-info-item[b-6gnob4v6s5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 20px;
    border-right: 1px solid #f3f4f6;
    min-width: 140px;
}
.cd2-info-item:last-child[b-6gnob4v6s5] { border-right: none; }
.cd2-info-label[b-6gnob4v6s5] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.cd2-info-val[b-6gnob4v6s5] { font-size: 0.875rem; font-weight: 500; color: #111827; }
.cd2-info-vazio[b-6gnob4v6s5] { color: #9ca3af; font-style: italic; }

.cd2-select-inline[b-6gnob4v6s5] {
    border: 1px solid #d1d5db;
    border-radius: 5px;
    font-size: 0.82rem;
    padding: 3px 6px;
    color: #111827;
    background: #fff;
    outline: none;
    cursor: pointer;
    transition: border-color 0.15s;
}
.cd2-select-inline:focus[b-6gnob4v6s5] { border-color: rgb(0, 110, 181); }

.cd2-inline-edit[b-6gnob4v6s5] { display: flex; align-items: center; gap: 6px; }
.cd2-inline-input[b-6gnob4v6s5] {
    border: 1px solid rgb(0, 110, 181);
    border-radius: 5px;
    font-size: 0.85rem;
    padding: 3px 8px;
    color: #111827;
    outline: none;
}

.cd2-btn-edit-mini[b-6gnob4v6s5] {
    background: none;
    border: none;
    color: #d1d5db;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0;
    transition: color 0.15s;
}
.cd2-btn-edit-mini:hover[b-6gnob4v6s5] { color: rgb(0, 110, 181); }

.btn-salvar-sm[b-6gnob4v6s5], .btn-cancelar-sm[b-6gnob4v6s5] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 2px 4px;
    border-radius: 4px;
}
.btn-salvar-sm[b-6gnob4v6s5] { color: #15803d; }
.btn-salvar-sm:hover[b-6gnob4v6s5] { background: #dcfce7; }
.btn-cancelar-sm[b-6gnob4v6s5] { color: #b91c1c; }
.btn-cancelar-sm:hover[b-6gnob4v6s5] { background: #fee2e2; }

/* ── Observação (bloco próprio, abaixo da infobar — não cabe como item horizontal) ── */
.cd2-obs-bloco[b-6gnob4v6s5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 12px 20px;
    margin-bottom: 1rem;
    max-width: 1400px;
}
.cd2-inline-edit-full[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 6px; }
.cd2-obs-textarea[b-6gnob4v6s5] {
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: inherit;
    padding: 8px 10px;
    outline: none;
    resize: vertical;
    width: 100%;
    box-sizing: border-box;
}
.cd2-inline-edit-acoes[b-6gnob4v6s5] { display: flex; gap: 4px; justify-content: flex-end; }

/* ── Card / Grid (mesmo padrão da Nova Cotação) ── */
.ne-card[b-6gnob4v6s5] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px;
    max-width: 1400px;
}
.ne-grid[b-6gnob4v6s5] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ne-full[b-6gnob4v6s5] { grid-column: 1 / -1; }

.cd2-card-titulo[b-6gnob4v6s5] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.cd2-campos-grid[b-6gnob4v6s5] { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.cd2-campo-info[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 3px; min-width: 140px; }

.form-grupo[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 5px; }
.form-grupo label[b-6gnob4v6s5] { font-size: 0.78rem; font-weight: 600; color: #374151; }
.form-grupo input[b-6gnob4v6s5],
.form-grupo select[b-6gnob4v6s5],
.form-grupo textarea[b-6gnob4v6s5] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
}
.form-grupo input:focus[b-6gnob4v6s5],
.form-grupo select:focus[b-6gnob4v6s5],
.form-grupo textarea:focus[b-6gnob4v6s5] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}
.form-grupo textarea[b-6gnob4v6s5] { resize: vertical; }
.form-grupo input[type="checkbox"][b-6gnob4v6s5] { width: auto; }

/* ── Campos dinâmicos: largura por tamanho cadastrado, em vez do grid rígido 2 colunas ── */
.campos-dinamicos-flex[b-6gnob4v6s5] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.campo-tam-xs[b-6gnob4v6s5] { width: 90px; }
.campo-tam-sm[b-6gnob4v6s5] { width: 140px; }
.campo-tam-md[b-6gnob4v6s5] { width: 220px; }
.campo-tam-lg[b-6gnob4v6s5] { width: 320px; }
.campo-tam-xl[b-6gnob4v6s5] { width: 100%; }

/* ── Campo booleano (padroniza a altura/moldura com os demais tipos de campo) ── */
.campo-boolean[b-6gnob4v6s5] { display: flex; align-items: center; height: 38px; }

.toggle[b-6gnob4v6s5] { position: relative; display: inline-block; width: 40px; height: 22px; cursor: pointer; }
.toggle input[b-6gnob4v6s5] { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-slider[b-6gnob4v6s5] { position: absolute; inset: 0; background-color: #d1d5db; border-radius: 999px; transition: background-color 0.2s; }
.toggle-slider[b-6gnob4v6s5]::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
.toggle input:checked + .toggle-slider[b-6gnob4v6s5] { background-color: rgb(0, 110, 181); }
.toggle input:checked + .toggle-slider[b-6gnob4v6s5]::before { transform: translateX(18px); }
.toggle input:disabled + .toggle-slider[b-6gnob4v6s5] { opacity: 0.5; cursor: not-allowed; }

.ne-acoes[b-6gnob4v6s5] { display: flex; justify-content: flex-end; gap: 10px; }
.btn-cancelar[b-6gnob4v6s5] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
}
.btn-cancelar:hover[b-6gnob4v6s5] { border-color: #9ca3af; color: #374151; }
.btn-salvar[b-6gnob4v6s5] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-salvar:hover:not(:disabled)[b-6gnob4v6s5] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-6gnob4v6s5] { opacity: 0.6; cursor: not-allowed; }

.alerta[b-6gnob4v6s5] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-erro[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; }
.alerta-sucesso[b-6gnob4v6s5] { background: #dcfce7; color: #15803d; }

/* ── Status da cotação (badge no header) ── */
.cot-badge-status-aberta[b-6gnob4v6s5]    { background: #eff6ff; color: rgb(0, 110, 181); }
.cot-badge-status-andamento[b-6gnob4v6s5] { background: #fef3c7; color: #b45309; }
.cot-badge-status-encerrada[b-6gnob4v6s5] { background: #dcfce7; color: #15803d; }
.cot-badge-status-cancelada[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; }

/* ── Itens ── */
.cd2-itens-header[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1400px;
    margin: 8px 0 4px;
}
.cd2-itens-titulo[b-6gnob4v6s5] { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0; }
.cd2-itens-header-acoes[b-6gnob4v6s5] { display: flex; align-items: center; gap: 8px; }

/* ── Seleção de modal (mesmo padrão da Nova Cotação) ── */
.cot-servicos-lista[b-6gnob4v6s5] { display: flex; flex-wrap: wrap; gap: 10px; }
.cot-servico-check[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 0.85rem;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s;
}
.cot-servico-check:has(input:checked)[b-6gnob4v6s5] {
    background: #eff6ff;
    border-color: rgb(0, 110, 181);
    color: rgb(0, 110, 181);
    font-weight: 600;
}
.cot-servico-check input[b-6gnob4v6s5] { width: auto; }
.cot-modal-dica[b-6gnob4v6s5] { font-weight: 400; color: #9ca3af; font-size: 0.72rem; }

.cd2-item-card[b-6gnob4v6s5] { gap: 14px; }
.cd2-item-topo[b-6gnob4v6s5] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cd2-check-email[b-6gnob4v6s5] { width: auto; margin: 0; flex-shrink: 0; }
.cd2-item-topo-clicavel[b-6gnob4v6s5] { cursor: pointer; margin: -4px; padding: 4px; border-radius: 6px; }
.cd2-item-topo-clicavel:hover[b-6gnob4v6s5] { background: #f9fafb; }
.cd2-item-servico[b-6gnob4v6s5] { font-size: 0.95rem; font-weight: 700; color: #111827; margin: 0; flex: 1; }
.cd2-item-modal[b-6gnob4v6s5] { font-weight: 400; color: #6b7280; }

.cd2-chevron[b-6gnob4v6s5] { color: #9ca3af; flex-shrink: 0; transition: transform 0.15s; }
.cd2-chevron-aberto[b-6gnob4v6s5] { transform: rotate(180deg); }

.cd2-badge-status-item[b-6gnob4v6s5] { margin-left: auto; }
.cd2-badge-total[b-6gnob4v6s5] { background: #eff6ff; color: rgb(0, 110, 181); white-space: nowrap; }
.cd2-badge-status-pendente[b-6gnob4v6s5] { background: #f3f4f6; color: #6b7280; }
.cd2-badge-status-andamento[b-6gnob4v6s5] { background: #fef3c7; color: #b45309; }
.cd2-badge-status-cotado[b-6gnob4v6s5] { background: #eff6ff; color: rgb(0, 110, 181); }
.cd2-badge-status-aprovado[b-6gnob4v6s5] { background: #dcfce7; color: #15803d; }
.cd2-badge-status-reprovado[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; }

/* ── Ações da linha do item, em ícone (PDF/Email/Detalhe/Editar/Excluir) ── */
.cd2-icon-btn[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    background: none;
    color: rgb(0, 110, 181);
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: all 0.15s;
}
.cd2-icon-btn:hover[b-6gnob4v6s5] { background: rgb(0, 110, 181); color: #fff; }
.cd2-icon-btn-copiado[b-6gnob4v6s5], .cd2-icon-btn-copiado:hover[b-6gnob4v6s5] { border-color: #15803d; color: #15803d; background: #dcfce7; }
.cd2-icon-btn-excluir[b-6gnob4v6s5] { border-color: transparent; color: #9ca3af; }
.cd2-icon-btn-excluir:hover[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; border-color: #fecaca; }

.cd2-status-item-linha[b-6gnob4v6s5] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    background: #f9fafb;
    border: 1px solid #f3f4f6;
    border-radius: 6px;
    padding: 14px;
}
.cd2-status-item-linha .form-grupo[b-6gnob4v6s5] { min-width: 160px; }

/* ── Vínculo IData ── */
.cd2-vinculo-idata[b-6gnob4v6s5] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.cd2-vinculo-titulo[b-6gnob4v6s5] { font-size: 0.78rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; }
.cd2-vinculo-ativo[b-6gnob4v6s5] { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; color: #111827; font-weight: 600; }
.cd2-vinculo-usuario[b-6gnob4v6s5] { font-size: 0.75rem; font-weight: 400; color: #9ca3af; }

.cd2-card-total[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 10px 14px;
}
.cd2-card-total-label[b-6gnob4v6s5] { font-size: 0.78rem; font-weight: 700; color: rgb(0, 110, 181); text-transform: uppercase; letter-spacing: 0.03em; }
.cd2-card-total-valores[b-6gnob4v6s5] { display: flex; gap: 14px; flex-wrap: wrap; }
.cd2-card-total-valor[b-6gnob4v6s5] { font-size: 1rem; font-weight: 700; color: rgb(0, 110, 181); }
.cd2-vinculo-busca[b-6gnob4v6s5] { display: flex; align-items: flex-end; gap: 10px; }
.cd2-vinculo-busca .form-grupo[b-6gnob4v6s5] { flex: 0 0 120px; }
.cd2-vinculo-resultado[b-6gnob4v6s5] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cd2-badge-vinculada[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; margin-top: 4px; }

.alerta-divergencia[b-6gnob4v6s5] {
    font-size: 0.76rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 3px 8px;
    margin-top: 4px;
    display: inline-block;
}

.btn-buscar-vinculo[b-6gnob4v6s5] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 7px 16px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-6gnob4v6s5] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-6gnob4v6s5] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 6px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.busca-resultados[b-6gnob4v6s5] { max-height: 240px; overflow-y: auto; }
.busca-item[b-6gnob4v6s5] { padding: 9px 12px; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-6gnob4v6s5] { border-bottom: none; }
.busca-item-nome[b-6gnob4v6s5] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.texto-vazio-inline[b-6gnob4v6s5] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }

/* ── Solicitações de cotação a fornecedor (Frete Internacional) ── */
.cd2-forn-lista[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 8px; }
.cd2-forn-item[b-6gnob4v6s5] { background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 10px 12px; }
.cd2-forn-linha[b-6gnob4v6s5] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cd2-forn-nome[b-6gnob4v6s5] { font-size: 0.875rem; font-weight: 600; color: #111827; }
.cd2-forn-valor[b-6gnob4v6s5] { font-size: 0.875rem; font-weight: 700; color: rgb(0, 110, 181); }
.cd2-forn-info[b-6gnob4v6s5] { font-size: 0.78rem; color: #6b7280; }
.cd2-forn-acoes[b-6gnob4v6s5] { display: flex; gap: 8px; margin-top: 8px; }
.cd2-forn-resposta-form[b-6gnob4v6s5] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 10px; }

.cd2-badge-forn-aguardando[b-6gnob4v6s5] { background: #f3f4f6; color: #6b7280; }
.cd2-badge-forn-recebido[b-6gnob4v6s5] { background: #fef3c7; color: #b45309; }
.cd2-badge-forn-recusado[b-6gnob4v6s5] { background: #fee2e2; color: #b91c1c; }
.cd2-badge-forn-selecionado[b-6gnob4v6s5] { background: #dcfce7; color: #15803d; }

.cd2-obs-pricing[b-6gnob4v6s5] { margin-bottom: 4px; }
.cd2-obs-pricing textarea[b-6gnob4v6s5] { width: 100%; font-size: 0.82rem; padding: 6px 8px; border: 1px solid #d1d5db; border-radius: 5px; resize: vertical; }
.cd2-obs-pricing-preenchida[b-6gnob4v6s5] { font-style: normal; color: #374151; }

.btn-add-sm[b-6gnob4v6s5] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-6gnob4v6s5] { background: rgb(0, 110, 181); color: #fff; }

/* ── Modal de confirmação ── */
.cd2-modal-overlay[b-6gnob4v6s5] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.cd2-modal[b-6gnob4v6s5] {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    max-width: 480px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cd2-modal h3[b-6gnob4v6s5] { margin: 0; font-size: 1.05rem; color: #111827; }
.cd2-modal p[b-6gnob4v6s5] { margin: 0; font-size: 0.875rem; color: #6b7280; line-height: 1.5; }
.cd2-modal .ne-acoes[b-6gnob4v6s5] { flex-wrap: wrap; }

.cd2-lista-propagacao[b-6gnob4v6s5] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.85rem;
    color: #374151;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Components/Pages/Cotacoes/Cotacoes.razor.rz.scp.css */
/* ── Cards de resumo por status ── */
.cot-resumo-cards[b-jtk1dybsj0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    margin-bottom: 1rem;
}

.cot-resumo-card[b-jtk1dybsj0] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s;
}
.cot-resumo-card:hover[b-jtk1dybsj0] { border-color: #9ca3af; }
.cot-resumo-card-ativo[b-jtk1dybsj0] { border-color: rgb(0, 110, 181); box-shadow: 0 0 0 2px rgba(0, 110, 181, 0.15); }

.cot-resumo-numero[b-jtk1dybsj0] { font-size: 1.4rem; font-weight: 700; color: #111827; }
.cot-resumo-label[b-jtk1dybsj0]   { font-size: 0.75rem; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; }

.cot-resumo-card-aberta    .cot-resumo-numero[b-jtk1dybsj0] { color: rgb(0, 110, 181); }
.cot-resumo-card-andamento .cot-resumo-numero[b-jtk1dybsj0] { color: #b45309; }
.cot-resumo-card-encerrada .cot-resumo-numero[b-jtk1dybsj0] { color: #15803d; }
.cot-resumo-card-cancelada .cot-resumo-numero[b-jtk1dybsj0] { color: #b91c1c; }

/* ── Filtros ── */
.filtro-campo[b-jtk1dybsj0] { display: flex; flex-direction: column; gap: 4px; }
.filtro-campo label[b-jtk1dybsj0] { font-size: 0.72rem; font-weight: 600; color: #374151; }
.filtro-campo select[b-jtk1dybsj0] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #111827;
    outline: none;
}
.filtro-campo select:focus[b-jtk1dybsj0] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.btn-limpar[b-jtk1dybsj0] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    align-self: flex-end;
}
.btn-limpar:hover[b-jtk1dybsj0] { border-color: #9ca3af; color: #374151; }

/* ── Tabela ── */
.cot-servicos-cel[b-jtk1dybsj0] { display: flex; flex-wrap: wrap; gap: 4px; }
.servicos-vazio[b-jtk1dybsj0] { color: #9ca3af; }

.badge-tipo[b-jtk1dybsj0] {
    background-color: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
}

.cot-badge-status-aberta[b-jtk1dybsj0]    { background: #eff6ff; color: rgb(0, 110, 181); }
.cot-badge-status-andamento[b-jtk1dybsj0] { background: #fef3c7; color: #b45309; }
.cot-badge-status-encerrada[b-jtk1dybsj0] { background: #dcfce7; color: #15803d; }
.cot-badge-status-cancelada[b-jtk1dybsj0] { background: #fee2e2; color: #b91c1c; }

.col-acao[b-jtk1dybsj0] { width: 40px; text-align: center; color: #9ca3af; }
.linha-clicavel:hover .col-acao[b-jtk1dybsj0] { color: rgb(0, 110, 181); }
/* /Components/Pages/Cotacoes/EstimativaCustoDetalhe.razor.rz.scp.css */
.breadcrumb[b-laxtca8xzx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 1.25rem;
}
.breadcrumb a[b-laxtca8xzx] { color: rgb(0, 110, 181); text-decoration: none; }
.breadcrumb a:hover[b-laxtca8xzx] { text-decoration: underline; }

/* ── Cabeçalho ── */
.ec-header[b-laxtca8xzx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    gap: 12px;
}
.ec-titulo[b-laxtca8xzx] { font-size: 1.3rem; font-weight: 700; color: #111827; margin: 0 0 4px 0; }
.ec-subtitulo[b-laxtca8xzx] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #6b7280; flex-wrap: wrap; }
.separador[b-laxtca8xzx] { color: #d1d5db; }
.ec-header-acoes[b-laxtca8xzx] { display: flex; align-items: center; gap: 8px; }
.ec-toggle-cambio[b-laxtca8xzx] { display: flex; align-items: center; gap: 4px; font-size: 0.75rem; color: #6b7280; cursor: pointer; white-space: nowrap; }

.fl-badge-vinculada[b-laxtca8xzx] { background: #dcfce7; color: #15803d; }
.fl-badge-nao-vinculada[b-laxtca8xzx] { background: #f3f4f6; color: #9ca3af; }

/* ── Cards ── */
.ec-card[b-laxtca8xzx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 24px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ec-card-titulo[b-laxtca8xzx] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.ec-grid[b-laxtca8xzx] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}
.ec-full[b-laxtca8xzx] { grid-column: 1 / -1; }

.ec-campo[b-laxtca8xzx] { display: flex; flex-direction: column; gap: 2px; }
.ec-label[b-laxtca8xzx] {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgb(0, 77, 126);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ec-valor[b-laxtca8xzx] { font-size: 0.8rem; color: #111827; }

.texto-vazio-inline[b-laxtca8xzx] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }

.badge-tipo[b-laxtca8xzx] {
    background-color: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
    margin-left: 8px;
}

/* ── Custos, agrupados por Grupo (recolhido por padrão, mostrando só o total) ── */
.ec-grupo-card[b-laxtca8xzx] { border-top: 1px solid #f3f4f6; padding-top: 8px; margin-top: 4px; }
.ec-grupo-header[b-laxtca8xzx] { display: flex; align-items: center; gap: 8px; }
.ec-grupo-header-clicavel[b-laxtca8xzx] { cursor: pointer; margin: -4px; padding: 4px; border-radius: 6px; }
.ec-grupo-header-clicavel:hover[b-laxtca8xzx] { background: #f9fafb; }

.ec-chevron[b-laxtca8xzx] { color: #9ca3af; flex-shrink: 0; transition: transform 0.15s; }
.ec-chevron-aberto[b-laxtca8xzx] { transform: rotate(180deg); }

.ec-grupo-titulo[b-laxtca8xzx] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex: 1;
}
.ec-grupo-totais[b-laxtca8xzx] { display: flex; gap: 12px; }
.ec-grupo-total-valor[b-laxtca8xzx] { font-size: 0.85rem; font-weight: 700; color: rgb(0, 110, 181); white-space: nowrap; }

.ec-tabela-grupo[b-laxtca8xzx] { margin: 8px 0 4px; }
.ec-col-valor[b-laxtca8xzx] { text-align: right; font-weight: 600; white-space: nowrap; }

/* Mercadoria tem muitas colunas — permite rolagem horizontal em vez de espremer/cortar */
.ec-tabela-larga[b-laxtca8xzx] { overflow-x: auto; }
.ec-tabela-larga .tabela[b-laxtca8xzx] { font-size: 0.75rem; white-space: nowrap; }
.ec-tabela-larga .tabela th[b-laxtca8xzx],
.ec-tabela-larga .tabela td[b-laxtca8xzx] { padding: 6px 9px; text-align: right; }
.ec-tabela-larga .tabela th:nth-child(-n+4)[b-laxtca8xzx],
.ec-tabela-larga .tabela td:nth-child(-n+4)[b-laxtca8xzx] { text-align: left; }
.ec-th-grupo[b-laxtca8xzx] { text-align: center; border-left: 1px solid #e5e7eb; }

.ec-card-total[b-laxtca8xzx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 10px 14px;
    margin-top: 6px;
}
.ec-card-total-label[b-laxtca8xzx] { font-size: 0.78rem; font-weight: 700; color: rgb(0, 110, 181); text-transform: uppercase; letter-spacing: 0.03em; }
.ec-card-total-valores[b-laxtca8xzx] { display: flex; gap: 14px; flex-wrap: wrap; }
.ec-card-total-valor[b-laxtca8xzx] { font-size: 1rem; font-weight: 700; color: rgb(0, 110, 181); }
/* /Components/Pages/Cotacoes/EstimativaCustoLista.razor.rz.scp.css */
/* ── Filtros — mesmo padrão compacto do FreteCotacaoLista.razor.css ── */
.filtros-card[b-16s7yb2vvk] { padding: 10px 14px; }
.filtros-linha[b-16s7yb2vvk] { flex-wrap: nowrap; gap: 8px; overflow-x: auto; }
.filtro-campo[b-16s7yb2vvk] { flex-shrink: 0; }

.filtro-campo label[b-16s7yb2vvk] {
    font-size: 0.66rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
    white-space: nowrap;
}

.filtro-campo input[b-16s7yb2vvk],
.filtro-campo select[b-16s7yb2vvk] {
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
}
.filtro-campo input:focus[b-16s7yb2vvk],
.filtro-campo select:focus[b-16s7yb2vvk] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.filtro-ref[b-16s7yb2vvk] { display: flex; gap: 6px; }
.filtro-campo-numero input[b-16s7yb2vvk] { width: 80px; }
.filtro-campo-ano input[b-16s7yb2vvk] { width: 50px; }
.filtro-campo-cliente input[b-16s7yb2vvk] { width: 300px; }
.filtro-campo-referencia input[b-16s7yb2vvk] { width: 300px; }
.filtro-campo-data input[b-16s7yb2vvk] { width: 118px; padding: 5px 6px; }

.btn-novo[b-16s7yb2vvk] {
    align-self: flex-end;
    padding: 6px 12px;
    font-size: 0.8rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-limpar[b-16s7yb2vvk] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.78rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    align-self: flex-end;
    flex-shrink: 0;
}
.btn-limpar:hover[b-16s7yb2vvk] { border-color: #9ca3af; color: #374151; }

.fl-badge-vinculada[b-16s7yb2vvk] { background: #dcfce7; color: #15803d; }
.fl-badge-nao-vinculada[b-16s7yb2vvk] { background: #f3f4f6; color: #9ca3af; }
/* /Components/Pages/Cotacoes/FilaDesembaraco.razor.rz.scp.css */
.page-subtitulo[b-nbfo20wxj7] { font-size: 0.85rem; color: #6b7280; }

/* ── Filtros ── */
.prc-filtros[b-nbfo20wxj7] { display: flex; gap: 10px; margin-bottom: 14px; }
.prc-filtro-busca[b-nbfo20wxj7] {
    flex: 1;
    max-width: 320px;
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
}
.prc-filtro-select[b-nbfo20wxj7] {
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    background: #fff;
}

/* ── Tabela compacta ── */
.prc-tabela th[b-nbfo20wxj7], .prc-tabela td[b-nbfo20wxj7] { padding: 8px 14px; font-size: 0.82rem; }
.prc-linha-clicavel[b-nbfo20wxj7] { cursor: pointer; }
.prc-linha-clicavel:hover[b-nbfo20wxj7] { background: #f9fafb; }

.fila-badge-revisao[b-nbfo20wxj7] { background: #fef3c7; color: #b45309; white-space: nowrap; }

.btn-add-sm[b-nbfo20wxj7] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.78rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-nbfo20wxj7] { background: rgb(0, 110, 181); color: #fff; }
/* /Components/Pages/Cotacoes/FilaDesembaracoItem.razor.rz.scp.css */
/* ── Breadcrumb ── */
.breadcrumb[b-vm3fnti3mn] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 1.25rem;
}
.breadcrumb a[b-vm3fnti3mn] { color: rgb(0, 110, 181); text-decoration: none; }
.breadcrumb a:hover[b-vm3fnti3mn] { text-decoration: underline; }

/* ── Cabeçalho ── */
.fi-header[b-vm3fnti3mn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    gap: 12px;
}
.fi-titulo[b-vm3fnti3mn] { font-size: 1.3rem; font-weight: 700; color: #111827; margin: 0 0 4px 0; }
.fi-subtitulo[b-vm3fnti3mn] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #6b7280; flex-wrap: wrap; }
.separador[b-vm3fnti3mn] { color: #d1d5db; }
.fi-header-acoes[b-vm3fnti3mn] { display: flex; align-items: center; gap: 10px; }

.fi-badge-status-pendente[b-vm3fnti3mn]  { background: #f3f4f6; color: #6b7280; }
.fi-badge-status-andamento[b-vm3fnti3mn] { background: #fef3c7; color: #b45309; }
.fi-badge-status-cotado[b-vm3fnti3mn]    { background: #eff6ff; color: rgb(0, 110, 181); }
.fi-badge-status-aprovado[b-vm3fnti3mn]  { background: #dcfce7; color: #15803d; }
.fi-badge-status-reprovado[b-vm3fnti3mn] { background: #fee2e2; color: #b91c1c; }

/* ── Cards ── */
.fi-card[b-vm3fnti3mn] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 24px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fi-card-destaque[b-vm3fnti3mn] { background: #fffbeb; border-color: #fde68a; }
.fi-card-titulo[b-vm3fnti3mn] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.fi-texto[b-vm3fnti3mn] { margin: 0; font-size: 0.875rem; color: #111827; white-space: pre-wrap; }

.fi-campos-grid[b-vm3fnti3mn] { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.fi-campo-info[b-vm3fnti3mn] { display: flex; flex-direction: column; gap: 3px; min-width: 140px; }
.fi-info-label[b-vm3fnti3mn] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.fi-info-val[b-vm3fnti3mn] { font-size: 0.875rem; font-weight: 500; color: #111827; }

.ne-acoes[b-vm3fnti3mn] { display: flex; justify-content: flex-end; gap: 10px; }

/* ── Vínculo IData (mesmo padrão de CotacaoDetalhe/Fila) ── */
.cd2-vinculo-ativo[b-vm3fnti3mn] { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; color: #111827; font-weight: 600; flex-wrap: wrap; }
.cd2-vinculo-usuario[b-vm3fnti3mn] { font-size: 0.75rem; font-weight: 400; color: #9ca3af; }
.cd2-vinculo-busca[b-vm3fnti3mn] { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.cd2-vinculo-busca .form-grupo[b-vm3fnti3mn] { flex: 0 0 120px; }
.cd2-vinculo-resultado[b-vm3fnti3mn] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cd2-badge-vinculada[b-vm3fnti3mn] { background: #fee2e2; color: #b91c1c; margin-top: 4px; }

.alerta-divergencia[b-vm3fnti3mn] {
    font-size: 0.76rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 3px 8px;
    margin-top: 4px;
    display: inline-block;
}

.btn-buscar-vinculo[b-vm3fnti3mn] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 7px 16px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-vm3fnti3mn] { opacity: 0.6; cursor: not-allowed; }

.busca-resultados[b-vm3fnti3mn] { max-height: 320px; overflow-y: auto; }
.busca-item[b-vm3fnti3mn] { padding: 9px 12px; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-vm3fnti3mn] { border-bottom: none; }
.busca-item-nome[b-vm3fnti3mn] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.texto-vazio-inline[b-vm3fnti3mn] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }

.btn-add-sm[b-vm3fnti3mn] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-vm3fnti3mn] { background: rgb(0, 110, 181); color: #fff; }
/* /Components/Pages/Cotacoes/FilaFrete.razor.rz.scp.css */
.page-subtitulo[b-luda1wffrf] { font-size: 0.85rem; color: #6b7280; }

/* ── Filtros ── */
.prc-filtros[b-luda1wffrf] { display: flex; gap: 10px; margin-bottom: 14px; }
.prc-filtro-busca[b-luda1wffrf] {
    flex: 1;
    max-width: 320px;
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
}
.prc-filtro-select[b-luda1wffrf] {
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    background: #fff;
}

/* ── Tabela compacta ── */
.prc-tabela th[b-luda1wffrf], .prc-tabela td[b-luda1wffrf] { padding: 8px 14px; font-size: 0.82rem; }
.prc-linha-clicavel[b-luda1wffrf] { cursor: pointer; }
.prc-linha-clicavel:hover[b-luda1wffrf] { background: #f9fafb; }

.fila-badge-revisao[b-luda1wffrf] { background: #fef3c7; color: #b45309; white-space: nowrap; }

.btn-add-sm[b-luda1wffrf] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.78rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-luda1wffrf] { background: rgb(0, 110, 181); color: #fff; }
/* /Components/Pages/Cotacoes/FilaFreteItem.razor.rz.scp.css */
/* ── Breadcrumb ── */
.breadcrumb[b-jw3ei08s9v] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 1.25rem;
}
.breadcrumb a[b-jw3ei08s9v] { color: rgb(0, 110, 181); text-decoration: none; }
.breadcrumb a:hover[b-jw3ei08s9v] { text-decoration: underline; }

/* ── Cabeçalho ── */
.fi-header[b-jw3ei08s9v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    gap: 12px;
}
.fi-titulo[b-jw3ei08s9v] { font-size: 1.3rem; font-weight: 700; color: #111827; margin: 0 0 4px 0; }
.fi-subtitulo[b-jw3ei08s9v] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #6b7280; flex-wrap: wrap; }
.separador[b-jw3ei08s9v] { color: #d1d5db; }
.fi-header-acoes[b-jw3ei08s9v] { display: flex; align-items: center; gap: 10px; }

.fi-badge-status-pendente[b-jw3ei08s9v]  { background: #f3f4f6; color: #6b7280; }
.fi-badge-status-andamento[b-jw3ei08s9v] { background: #fef3c7; color: #b45309; }
.fi-badge-status-cotado[b-jw3ei08s9v]    { background: #eff6ff; color: rgb(0, 110, 181); }
.fi-badge-status-aprovado[b-jw3ei08s9v]  { background: #dcfce7; color: #15803d; }
.fi-badge-status-reprovado[b-jw3ei08s9v] { background: #fee2e2; color: #b91c1c; }

/* ── Cards ── */
.fi-card[b-jw3ei08s9v] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 24px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fi-card-destaque[b-jw3ei08s9v] { background: #fffbeb; border-color: #fde68a; }
.fi-card-titulo[b-jw3ei08s9v] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.fi-texto[b-jw3ei08s9v] { margin: 0; font-size: 0.875rem; color: #111827; white-space: pre-wrap; }

.fi-campos-grid[b-jw3ei08s9v] { display: flex; flex-wrap: wrap; gap: 16px 28px; }
.fi-campo-info[b-jw3ei08s9v] { display: flex; flex-direction: column; gap: 3px; min-width: 140px; }
.fi-info-label[b-jw3ei08s9v] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.fi-info-val[b-jw3ei08s9v] { font-size: 0.875rem; font-weight: 500; color: #111827; }

.ne-acoes[b-jw3ei08s9v] { display: flex; justify-content: flex-end; gap: 10px; }

/* ── Vínculo IData (mesmo padrão de CotacaoDetalhe/Fila) ── */
.cd2-vinculo-ativo[b-jw3ei08s9v] { display: flex; align-items: center; gap: 10px; font-size: 0.875rem; color: #111827; font-weight: 600; flex-wrap: wrap; }
.cd2-vinculo-usuario[b-jw3ei08s9v] { font-size: 0.75rem; font-weight: 400; color: #9ca3af; }
.cd2-vinculo-busca[b-jw3ei08s9v] { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; }
.cd2-vinculo-busca .form-grupo[b-jw3ei08s9v] { flex: 0 0 120px; }
.cd2-vinculo-resultado[b-jw3ei08s9v] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cd2-badge-vinculada[b-jw3ei08s9v] { background: #fee2e2; color: #b91c1c; margin-top: 4px; }

.alerta-divergencia[b-jw3ei08s9v] {
    font-size: 0.76rem;
    color: #b45309;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 3px 8px;
    margin-top: 4px;
    display: inline-block;
}

.btn-buscar-vinculo[b-jw3ei08s9v] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 7px 16px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-jw3ei08s9v] { opacity: 0.6; cursor: not-allowed; }

.busca-resultados[b-jw3ei08s9v] { max-height: 320px; overflow-y: auto; }
.busca-item[b-jw3ei08s9v] { padding: 9px 12px; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-jw3ei08s9v] { border-bottom: none; }
.busca-item-nome[b-jw3ei08s9v] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.texto-vazio-inline[b-jw3ei08s9v] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }

.btn-add-sm[b-jw3ei08s9v] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-jw3ei08s9v] { background: rgb(0, 110, 181); color: #fff; }
/* /Components/Pages/Cotacoes/FreteCotacaoDetalhe.razor.rz.scp.css */
/* ── Modal: Enviar para Controle (LMS_COTACAO) ── */
.fcd-modal-overlay[b-c4xc22xbqc] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.fcd-modal-box[b-c4xc22xbqc] {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    width: 560px;
    max-width: 95vw;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.fcd-modal-titulo[b-c4xc22xbqc] { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 0; }
.fcd-modal-desc[b-c4xc22xbqc] { font-size: 0.875rem; color: #6b7280; margin: 0; }
.fcd-modal-erro[b-c4xc22xbqc] { background: #fee2e2; color: #b91c1c; border-radius: 6px; padding: 8px 12px; font-size: 0.82rem; }
.fcd-modal-acoes[b-c4xc22xbqc] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.fcd-campo-check[b-c4xc22xbqc] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #374151; }

/* ── Destaque do Profit Total em R$ (cotação aprovada) ── */
.fcd-profit-destaque[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #15803d, #16a34a);
    color: #fff;
    border-radius: 10px;
    padding: 16px 22px;
    margin-bottom: 1.25rem;
    box-shadow: 0 4px 14px rgba(21, 128, 61, 0.25);
}
.fcd-profit-destaque-label[b-c4xc22xbqc] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.85;
}
.fcd-profit-destaque-valor[b-c4xc22xbqc] {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
}
.fcd-profit-destaque-sub[b-c4xc22xbqc] {
    display: block;
    font-size: 0.72rem;
    opacity: 0.85;
}

/* Data base + valor da paridade usados na conversão do profit da tarifa */
.fcd-paridade-info[b-c4xc22xbqc] { display: block; font-size: 0.68rem; color: #9ca3af; }

/* ── Profit estimado (cotação ainda não aprovada) — card discreto, cor por status ── */
.fcd-profit-estimado[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid;
    border-radius: 10px;
    padding: 12px 18px;
    margin-bottom: 1.25rem;
}
.fcd-profit-estimado-label[b-c4xc22xbqc] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.8;
}
.fcd-profit-estimado-valor[b-c4xc22xbqc] { display: block; font-size: 1.25rem; font-weight: 700; }
.fcd-profit-estimado-sub[b-c4xc22xbqc] { display: block; font-size: 0.7rem; opacity: 0.75; }

.fcd-profit-estimado-aberto[b-c4xc22xbqc]     { background: #eff6ff; border-color: #bfdbfe; color: rgb(0, 110, 181); }
.fcd-profit-estimado-estimativa[b-c4xc22xbqc] { background: #fffbeb; border-color: #fde68a; color: #b45309; }
.fcd-profit-estimado-perdida[b-c4xc22xbqc]    { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.fcd-profit-estimado-cancelada[b-c4xc22xbqc]  { background: #f9fafb; border-color: #e5e7eb; color: #6b7280; }

/* ── Linha de totais nas tabelas de demonstrativo ── */
.fcd-tabela-total td[b-c4xc22xbqc] {
    background: #f9fafb;
    font-weight: 700;
    color: #111827;
    border-top: 2px solid #e5e7eb;
}

/* ── Comissão do agente / Profit (dentro do card Tarifas) ── */
.fcd-profit-box[b-c4xc22xbqc] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.fcd-profit-linha[b-c4xc22xbqc] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.fcd-profit-linha .fcd-campo[b-c4xc22xbqc] { min-width: 300px; }

/* ── Breadcrumb ── */
.breadcrumb[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 1.25rem;
}
.breadcrumb a[b-c4xc22xbqc] { color: rgb(0, 110, 181); text-decoration: none; }
.breadcrumb a:hover[b-c4xc22xbqc] { text-decoration: underline; }

/* ── Cabeçalho ── */
.fcd-header[b-c4xc22xbqc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    gap: 12px;
}
.fcd-titulo[b-c4xc22xbqc] { font-size: 1.3rem; font-weight: 700; color: #111827; margin: 0 0 4px 0; }
.fcd-subtitulo[b-c4xc22xbqc] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #6b7280; flex-wrap: wrap; }
.separador[b-c4xc22xbqc] { color: #d1d5db; }
.fcd-header-acoes[b-c4xc22xbqc] { display: flex; align-items: center; gap: 8px; }

/* ── Ações do cabeçalho, em ícone (Enviar Controle/PDF/Email/Email Detalhado) ── */
.fcd-icon-btn[b-c4xc22xbqc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    background: none;
    color: rgb(0, 110, 181);
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    transition: all 0.15s;
}
.fcd-icon-btn:hover[b-c4xc22xbqc] { background: rgb(0, 110, 181); color: #fff; }
.fcd-icon-btn-copiado[b-c4xc22xbqc], .fcd-icon-btn-copiado:hover[b-c4xc22xbqc] { border-color: #15803d; color: #15803d; background: #dcfce7; }

/* ── Cards ── */
.fcd-card[b-c4xc22xbqc] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 24px;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 5px;

}
.fcd-card-titulo[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 14px;
}

.fcd-icone[b-c4xc22xbqc] { color: rgb(0, 110, 181); flex-shrink: 0; }
.fcd-icone-pin[b-c4xc22xbqc] { color: rgb(0, 110, 181); flex-shrink: 0; }

.fcd-card-titulo-toggle[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}
.fcd-card-titulo-toggle:hover[b-c4xc22xbqc] { color: #374151; }

.chevron[b-c4xc22xbqc] { transition: transform 0.2s ease; flex-shrink: 0; }
.chevron-aberto[b-c4xc22xbqc] { transform: rotate(180deg); }

.fcd-grid[b-c4xc22xbqc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px;
}
.fcd-full[b-c4xc22xbqc] { grid-column: 1 / -1; }

.fcd-campo[b-c4xc22xbqc] { display: flex; flex-direction: column; gap: 2px; }
.fcd-label[b-c4xc22xbqc] {
    font-size: 0.72rem;
    font-weight: 600;
    color: rgb(0, 77, 126);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.fcd-valor[b-c4xc22xbqc] { font-size: 0.8rem; color: #111827; }
.fcd-obs[b-c4xc22xbqc] { white-space: pre-wrap; }

/* EXW sem local de coleta informado — precisa de atenção */
.fcd-campo-alerta[b-c4xc22xbqc] {
    background: #fee2e2;
    border-radius: 6px;
    padding: 4px 8px;
    margin: -4px -8px;
}
.fcd-campo-alerta .fcd-label[b-c4xc22xbqc],
.fcd-campo-alerta .fcd-valor[b-c4xc22xbqc] {
    color: #b91c1c;
}

.fcd-tags[b-c4xc22xbqc] { display: flex; gap: 6px; flex-wrap: wrap; }

.badge-tipo[b-c4xc22xbqc] {
    background-color: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
}

/* ── Status da cotação (colorido, mesma paleta usada na lista /cotacoes-frete) ── */
.fcd-badge-status-aberto[b-c4xc22xbqc]      { background: #eff6ff; color: rgb(0, 110, 181); }
.fcd-badge-status-aprovada[b-c4xc22xbqc]    { background: #dcfce7; color: #15803d; }
.fcd-badge-status-perdida[b-c4xc22xbqc]     { background: #fee2e2; color: #b91c1c; }
.fcd-badge-status-estimativa[b-c4xc22xbqc]  { background: #fef3c7; color: #b45309; }
.fcd-badge-status-cancelada[b-c4xc22xbqc]   { background: #f3f4f6; color: #6b7280; }

/* Utilitário: agrupa itens empilhados na vertical (ex: vários .fcd-campo juntos numa mesma célula do grid) */
.fcd-stack[b-c4xc22xbqc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Timeline de datas (Envio → Validade → Fechamento) ── */
.fcd-timeline[b-c4xc22xbqc] {
    display: flex;
    align-items: flex-start;
    margin-top: 8px;
    padding-top: 10px;
}
.fcd-timeline-step[b-c4xc22xbqc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 90px;
    text-align: center;
}
.fcd-timeline-dot[b-c4xc22xbqc] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #e5e7eb;
    border: 2px solid #d1d5db;
}
.fcd-timeline-step-ok .fcd-timeline-dot[b-c4xc22xbqc] {
    background: rgb(0, 110, 181);
    border-color: rgb(0, 110, 181);
}
.fcd-timeline-label[b-c4xc22xbqc] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.fcd-timeline-step-ok .fcd-timeline-label[b-c4xc22xbqc] { color: #6b7280; }
.fcd-timeline-data[b-c4xc22xbqc] { font-size: 0.78rem; color: #111827; }
.fcd-timeline-linha[b-c4xc22xbqc] {
    flex: 1;
    height: 2px;
    background: #e5e7eb;
    margin-top: 5px;
    min-width: 20px;
}
.fcd-timeline-linha-ok[b-c4xc22xbqc] { background: rgb(0, 110, 181); }

/* ── Fluxo visual de rota ── */
.fcd-rota-flow[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.fcd-rota-ponto[b-c4xc22xbqc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px 14px;
    min-width: 140px;
}
.fcd-rota-ponto.fcd-campo-alerta[b-c4xc22xbqc] {
    background: #fee2e2;
    border-color: #fecaca;
    margin: 0;
}
.fcd-rota-seta[b-c4xc22xbqc] { color: #d1d5db; font-size: 1.1rem; flex-shrink: 0; }
.fcd-rota-modal[b-c4xc22xbqc] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(0, 110, 181);
    background: #eff6ff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

/* /Components/Pages/Cotacoes/FreteCotacaoLista.razor.rz.scp.css */
/* ── Filtros — app.css só estiliza <select> e inputs dentro de .input-icon;
   esta página usa <input> soltos (texto/número/data), então precisam de regra própria.
   flex-wrap (em vez de nowrap + overflow-x) pra telas estreitas quebrarem os campos em mais
   linhas — overflow-x:auto cortava verticalmente os painéis de multiseleção (Status/Modal),
   já que a mesma caixa vira o contexto de recorte deles. ── */
.filtros-card[b-c2tpn3iyh2] { padding: 10px 14px; }
.filtros-linha[b-c2tpn3iyh2] { flex-wrap: wrap; gap: 8px; }
.filtro-campo[b-c2tpn3iyh2] { flex-shrink: 0; }

.filtro-campo label[b-c2tpn3iyh2] {
    font-size: 0.66rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
    white-space: nowrap;
}

.filtro-campo input[b-c2tpn3iyh2],
.filtro-campo select[b-c2tpn3iyh2] {
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
}
.filtro-campo input:focus[b-c2tpn3iyh2],
.filtro-campo select:focus[b-c2tpn3iyh2] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

/* Larguras compactas por campo — só o suficiente pra caber o conteúdo */
.filtro-ref[b-c2tpn3iyh2] { display: flex; gap: 6px; }
.filtro-campo-numero input[b-c2tpn3iyh2] { width: 80px; }
.filtro-campo-ano input[b-c2tpn3iyh2] { width: 50px; }
.filtro-campo-cliente input[b-c2tpn3iyh2] { width: 200px; }
.filtro-campo-referencia input[b-c2tpn3iyh2] { width: 150px; }
.filtro-campo-promotor input[b-c2tpn3iyh2] { width: 140px; }
.filtro-campo-inside-sale input[b-c2tpn3iyh2] { width: 140px; }
.filtro-campo-cor-etiqueta select[b-c2tpn3iyh2] { width: 120px; }
.filtro-campo-data input[b-c2tpn3iyh2] { width: 118px; padding: 5px 6px; }

/* Overlay full-screen, some junto com qualquer dropdown de filtro aberto — clicar fora fecha
   tudo. Fica abaixo de .fl-multiselect (z-index 10) pra não bloquear os botões/painéis. */
.fl-dropdown-overlay[b-c2tpn3iyh2] { position: fixed; inset: 0; z-index: 5; background: transparent; }

/* ── Filtro de multiseleção (Status/Modal/Promotor/Inside Sale) — botão + painel de checkboxes ── */
.fl-multiselect[b-c2tpn3iyh2] { position: relative; z-index: 10; }
.fl-multiselect-btn[b-c2tpn3iyh2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #111827;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
}
.filtro-campo-status .fl-multiselect-btn[b-c2tpn3iyh2] { width: 105px; }
.filtro-campo-modal .fl-multiselect-btn[b-c2tpn3iyh2] { width: 120px; }
.fl-multiselect-btn:hover[b-c2tpn3iyh2] { border-color: #9ca3af; }
.fl-multiselect-btn span:first-child[b-c2tpn3iyh2] { overflow: hidden; text-overflow: ellipsis; }
.fl-multiselect-btn .chevron[b-c2tpn3iyh2] { flex-shrink: 0; color: #9ca3af; transition: transform 0.15s; }
.fl-multiselect-btn .chevron.chevron-aberto[b-c2tpn3iyh2] { transform: rotate(180deg); }

.fl-multiselect-painel[b-c2tpn3iyh2] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    min-width: 100%;
    width: max-content;
    max-height: 240px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    padding: 4px;
}
.fl-multiselect-item[b-c2tpn3iyh2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
    color: #111827;
    white-space: nowrap;
    cursor: pointer;
}
.fl-multiselect-item:hover[b-c2tpn3iyh2] { background: #f9fafb; }
.fl-multiselect-item input[b-c2tpn3iyh2] { width: auto; margin: 0; }

.btn-novo[b-c2tpn3iyh2] {
    align-self: flex-end;
    padding: 6px 12px;
    font-size: 0.8rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-limpar[b-c2tpn3iyh2] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.78rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    align-self: flex-end;
    flex-shrink: 0;
}
.btn-limpar:hover[b-c2tpn3iyh2] { border-color: #9ca3af; color: #374151; }

.fl-badge-vinculada[b-c2tpn3iyh2] { background: #dcfce7; color: #15803d; }
.fl-badge-nao-vinculada[b-c2tpn3iyh2] { background: #f3f4f6; color: #9ca3af; }

/* ── Status da cotação (colorido, mesma paleta usada no resto do app) ── */
.fl-badge-status-aberto[b-c2tpn3iyh2]      { background: #eff6ff; color: rgb(0, 110, 181); }
.fl-badge-status-aprovada[b-c2tpn3iyh2]    { background: #dcfce7; color: #15803d; }
.fl-badge-status-perdida[b-c2tpn3iyh2]     { background: #fee2e2; color: #b91c1c; }
.fl-badge-status-estimativa[b-c2tpn3iyh2]  { background: #fef3c7; color: #b45309; }
.fl-badge-status-cancelada[b-c2tpn3iyh2]   { background: #f3f4f6; color: #6b7280; }

/* ── Linha única: KPIs + divisor + cards de status ── */
.fl-cards-linha[b-c2tpn3iyh2] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 1rem;
}

/* Cards de KPI (performance de aprovação + profit estimado total) — fundo discreto pra se
   diferenciar dos cards de status (brancos), sem competir visualmente com eles. */
.fl-kpi-card[b-c2tpn3iyh2] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 1 220px;
    min-width: 220px;
}
.fl-kpi-label[b-c2tpn3iyh2] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.fl-kpi-valor[b-c2tpn3iyh2] { font-size: 1.6rem; font-weight: 700; color: rgb(0, 110, 181); }
.fl-kpi-sub[b-c2tpn3iyh2] { font-size: 0.72rem; color: #9ca3af; }

/* Divisor vertical entre os KPIs e os cards de status */
.fl-cards-divisor[b-c2tpn3iyh2] {
    width: 1px;
    background: #e5e7eb;
    align-self: stretch;
    flex-shrink: 0;
}

/* Cards de resumo por status (clicáveis, filtram a busca) */
.fl-resumo-card[b-c2tpn3iyh2] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s;
    flex: 1 1 140px;
    min-width: 140px;
}
.fl-resumo-card:hover[b-c2tpn3iyh2] { border-color: #9ca3af; }
.fl-resumo-card-ativo[b-c2tpn3iyh2] { border-color: rgb(0, 110, 181); box-shadow: 0 0 0 2px rgba(0, 110, 181, 0.15); }

.fl-resumo-numero[b-c2tpn3iyh2] { font-size: 1.4rem; font-weight: 700; color: #111827; }
.fl-resumo-label[b-c2tpn3iyh2]  { font-size: 0.75rem; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; }

.fl-resumo-card-aberto     .fl-resumo-numero[b-c2tpn3iyh2] { color: rgb(0, 110, 181); }
.fl-resumo-card-aprovada   .fl-resumo-numero[b-c2tpn3iyh2] { color: #15803d; }
.fl-resumo-card-perdida    .fl-resumo-numero[b-c2tpn3iyh2] { color: #b91c1c; }
.fl-resumo-card-estimativa .fl-resumo-numero[b-c2tpn3iyh2] { color: #b45309; }
.fl-resumo-card-cancelada  .fl-resumo-numero[b-c2tpn3iyh2] { color: #6b7280; }

/* ── Etiquetas (notas curtas coloridas por cotação, máx. 3) ── */
.fl-td-etiquetas[b-c2tpn3iyh2] { white-space: normal; min-width: 150px; max-width: 220px; }
.fl-etiqueta[b-c2tpn3iyh2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    padding: 2px 4px 2px 7px;
    margin: 2px 3px 2px 0;
    font-size: 0.66rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}
.fl-etiqueta-x[b-c2tpn3iyh2] {
    background: none;
    border: none;
    padding: 0 2px;
    font-size: 0.85rem;
    line-height: 1;
    color: inherit;
    opacity: 0.55;
    cursor: pointer;
}
.fl-etiqueta-x:hover[b-c2tpn3iyh2] { opacity: 1; }

.fl-etiqueta-add[b-c2tpn3iyh2] {
    background: none;
    border: 1px dashed #d1d5db;
    border-radius: 4px;
    color: #9ca3af;
    font-size: 0.8rem;
    line-height: 1;
    padding: 3px 7px;
    cursor: pointer;
    vertical-align: middle;
}
.fl-etiqueta-add:hover[b-c2tpn3iyh2] { border-color: rgb(0, 110, 181); color: rgb(0, 110, 181); }

/* Paleta das etiquetas — chaves iguais às do EtiquetaCorCatalogo */
.fl-etiqueta-roxo[b-c2tpn3iyh2]     { background: #f3e8ff; color: #7e22ce; }
.fl-etiqueta-azul[b-c2tpn3iyh2]     { background: #eff6ff; color: rgb(0, 110, 181); }
.fl-etiqueta-verde[b-c2tpn3iyh2]    { background: #dcfce7; color: #15803d; }
.fl-etiqueta-amarelo[b-c2tpn3iyh2]  { background: #fef3c7; color: #b45309; }
.fl-etiqueta-vermelho[b-c2tpn3iyh2] { background: #fee2e2; color: #b91c1c; }
.fl-etiqueta-cinza[b-c2tpn3iyh2]    { background: #f3f4f6; color: #4b5563; }

/* ── Modal de nova etiqueta ── */
.fl-modal-overlay[b-c2tpn3iyh2] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}
.fl-modal[b-c2tpn3iyh2] {
    background: #fff;
    border-radius: 10px;
    padding: 22px 24px;
    width: 380px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.fl-modal h3[b-c2tpn3iyh2] { margin: 0; font-size: 1.05rem; color: #111827; }
.fl-modal-sub[b-c2tpn3iyh2] { margin: 0; font-size: 0.8rem; color: #6b7280; }
.fl-modal .filtro-campo input[b-c2tpn3iyh2] { width: 100%; }
.fl-modal-acoes[b-c2tpn3iyh2] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.fl-modal-acoes .btn-novo[b-c2tpn3iyh2], .fl-modal-acoes .btn-limpar[b-c2tpn3iyh2] { align-self: auto; }

.fl-cores[b-c2tpn3iyh2] { display: flex; flex-wrap: wrap; gap: 6px; }
.fl-cor-opcao[b-c2tpn3iyh2] {
    border: 2px solid transparent;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.fl-cor-opcao-ativa[b-c2tpn3iyh2] { border-color: #111827; }

/* ── Cabeçalhos ordenáveis ── */
.fl-th-ordenavel[b-c2tpn3iyh2] { cursor: pointer; user-select: none; white-space: nowrap; }
.fl-th-ordenavel:hover[b-c2tpn3iyh2] { color: rgb(0, 110, 181); }
/* /Components/Pages/Cotacoes/NovaCotacao.razor.rz.scp.css */
/* ── Header ── */
.ne-header[b-xma3dqqtmg] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.5rem;
}

.ne-btn-voltar[b-xma3dqqtmg] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}
.ne-btn-voltar:hover[b-xma3dqqtmg] { border-color: #9ca3af; color: #374151; }

.ne-titulo[b-xma3dqqtmg] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

/* ── Card ── */
.ne-card[b-xma3dqqtmg] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.cot-card-larga[b-xma3dqqtmg] { max-width: 980px; }

/* ── Grid de campos ── */
.ne-grid[b-xma3dqqtmg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.ne-full[b-xma3dqqtmg] { grid-column: 1 / -1; }

/* ── Campos ── */
.form-grupo[b-xma3dqqtmg] { display: flex; flex-direction: column; gap: 5px; }
.form-grupo label[b-xma3dqqtmg] { font-size: 0.78rem; font-weight: 600; color: #374151; }

.form-grupo input[b-xma3dqqtmg],
.form-grupo select[b-xma3dqqtmg],
.form-grupo textarea[b-xma3dqqtmg] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
}
.form-grupo input:focus[b-xma3dqqtmg],
.form-grupo select:focus[b-xma3dqqtmg],
.form-grupo textarea:focus[b-xma3dqqtmg] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}
.form-grupo textarea[b-xma3dqqtmg] { resize: vertical; }
.form-grupo input[type="checkbox"][b-xma3dqqtmg] { width: auto; }

.obrigatorio[b-xma3dqqtmg] { color: #dc2626; margin-left: 2px; }

/* ── Alertas ── */
.alerta[b-xma3dqqtmg] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-erro[b-xma3dqqtmg] { background: #fee2e2; color: #b91c1c; }

/* ── Ações ── */
.ne-acoes[b-xma3dqqtmg] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid #f3f4f6;
}
.btn-cancelar[b-xma3dqqtmg] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-cancelar:hover[b-xma3dqqtmg] { border-color: #9ca3af; color: #374151; }

.btn-salvar[b-xma3dqqtmg] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}
.btn-salvar:hover:not(:disabled)[b-xma3dqqtmg] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-xma3dqqtmg] { opacity: 0.6; cursor: not-allowed; }

/* ── Busca de empresa (reaproveita o padrão do import IData) ── */
.idata-busca-panel[b-xma3dqqtmg] { border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; }
.idata-busca-topo[b-xma3dqqtmg] { display: flex; gap: 6px; padding: 10px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.idata-busca-input[b-xma3dqqtmg] { flex: 1; font-size: 0.82rem; border: 1px solid #d1d5db; border-radius: 5px; padding: 5px 8px; color: #111827; }

.btn-buscar-vinculo[b-xma3dqqtmg] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 5px 14px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-xma3dqqtmg] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-xma3dqqtmg] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 4px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.busca-resultados[b-xma3dqqtmg] { max-height: 240px; overflow-y: auto; }
.busca-item[b-xma3dqqtmg] { padding: 9px 12px; cursor: pointer; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-xma3dqqtmg] { border-bottom: none; }
.busca-item:hover[b-xma3dqqtmg] { background: #eff6ff; }
.busca-item-nome[b-xma3dqqtmg] { font-size: 0.85rem; font-weight: 500; color: #111827; }

.texto-vazio-inline[b-xma3dqqtmg] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; padding: 10px 12px; }

.cot-empresa-selecionada[b-xma3dqqtmg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.875rem;
    color: #1e3a5f;
    font-weight: 600;
}

/* ── Seção "Dados da Carga" (campos comuns) ── */
.cot-secao-titulo[b-xma3dqqtmg] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-top: 1px solid #f3f4f6;
    padding-top: 16px;
}

/* ── Itens (serviços) ── */
.cot-itens-header[b-xma3dqqtmg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cot-itens-titulo[b-xma3dqqtmg] { font-size: 1rem; font-weight: 700; color: #111827; margin: 0; }

.cot-servicos-lista[b-xma3dqqtmg] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.cot-servico-check[b-xma3dqqtmg] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 0.85rem;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s;
}
.cot-servico-check:has(input:checked)[b-xma3dqqtmg] {
    background: #eff6ff;
    border-color: rgb(0, 110, 181);
    color: rgb(0, 110, 181);
    font-weight: 600;
}
.cot-servico-check input[b-xma3dqqtmg] { width: auto; }

.cot-modal-dica[b-xma3dqqtmg] { font-weight: 400; color: #9ca3af; font-size: 0.72rem; text-transform: none; letter-spacing: normal; }

.cot-item-card[b-xma3dqqtmg] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cot-item-topo[b-xma3dqqtmg] {
    display: flex;
    align-items: flex-end;
    gap: 14px;
}
.cot-item-topo .form-grupo[b-xma3dqqtmg] { flex: 1; }
.cot-item-titulo[b-xma3dqqtmg] { font-size: 0.9rem; font-weight: 700; color: #111827; margin: 0; flex: 2; }

.cot-item-campos[b-xma3dqqtmg] {
    background: #fff;
    border: 1px solid #f3f4f6;
    border-radius: 6px;
    padding: 14px;
}

/* ── Campos dinâmicos: largura por tamanho cadastrado, em vez do grid rígido 2 colunas ── */
.campos-dinamicos-flex[b-xma3dqqtmg] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}
.campo-tam-xs[b-xma3dqqtmg] { width: 90px; }
.campo-tam-sm[b-xma3dqqtmg] { width: 140px; }
.campo-tam-md[b-xma3dqqtmg] { width: 220px; }
.campo-tam-lg[b-xma3dqqtmg] { width: 320px; }
.campo-tam-xl[b-xma3dqqtmg] { width: 100%; }

/* ── Campo booleano (padroniza a altura/moldura com os demais tipos de campo) ── */
.campo-boolean[b-xma3dqqtmg] { display: flex; align-items: center; height: 38px; }

.toggle[b-xma3dqqtmg] { position: relative; display: inline-block; width: 40px; height: 22px; cursor: pointer; }
.toggle input[b-xma3dqqtmg] { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-slider[b-xma3dqqtmg] { position: absolute; inset: 0; background-color: #d1d5db; border-radius: 999px; transition: background-color 0.2s; }
.toggle-slider[b-xma3dqqtmg]::before {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
.toggle input:checked + .toggle-slider[b-xma3dqqtmg] { background-color: rgb(0, 110, 181); }
.toggle input:checked + .toggle-slider[b-xma3dqqtmg]::before { transform: translateX(18px); }
.toggle input:disabled + .toggle-slider[b-xma3dqqtmg] { opacity: 0.5; cursor: not-allowed; }
/* /Components/Pages/EmpresaDetalhe.razor.rz.scp.css */
/* ── Breadcrumb ── */
.breadcrumb[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #9ca3af;
    margin-bottom: 1.25rem;
}

.breadcrumb a[b-z1wvvf9o3g] {
    color: rgb(0, 110, 181);
    text-decoration: none;
}

.breadcrumb a:hover[b-z1wvvf9o3g] {
    text-decoration: underline;
}

/* ── Header da empresa ── */
.empresa-header[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px 24px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
    gap: 12px;
}

.empresa-header-principal[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.empresa-avatar[b-z1wvvf9o3g] {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    background-color: rgb(0, 110, 181);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.empresa-nome[b-z1wvvf9o3g] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 4px 0;
}

.empresa-meta[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #6b7280;
    flex-wrap: wrap;
}

.separador[b-z1wvvf9o3g] { color: #d1d5db; }

.cnpj[b-z1wvvf9o3g] { font-family: monospace; }

.empresa-header-acoes[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.btn-editar[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.82rem;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-editar:hover[b-z1wvvf9o3g] {
    border-color: rgb(0, 110, 181);
    color: rgb(0, 110, 181);
}

.btn-excluir-empresa[b-z1wvvf9o3g] {
    background: none;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.82rem;
    color: #b91c1c;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-excluir-empresa:hover[b-z1wvvf9o3g] { background: #fee2e2; border-color: #b91c1c; }

/* ── Badges ── */
.badge[b-z1wvvf9o3g] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.badge-ativo[b-z1wvvf9o3g]       { background: #dcfce7; color: #15803d; }
.badge-inativo[b-z1wvvf9o3g]     { background: #fee2e2; color: #b91c1c; }
.badge-programado[b-z1wvvf9o3g]  { background: #fef9c3; color: #92400e; }
.badge-tipo[b-z1wvvf9o3g]        { background: #eff6ff; color: rgb(0, 110, 181); border: 1px solid #bfdbfe; }

/* ── Layout corpo ── */
/* ── Painel de informações ── */
.empresa-info-painel[b-z1wvvf9o3g] {
    margin-bottom: 1.25rem;
}

.empresa-info-card[b-z1wvvf9o3g] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 18px 24px;
}

.empresa-info-grid[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 16px 32px;
}

.eig-campo[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.eig-campo-full[b-z1wvvf9o3g] {
    grid-column: 1 / -1;
}

.eig-label[b-z1wvvf9o3g] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
}

.eig-valor[b-z1wvvf9o3g] {
    font-size: 0.85rem;
    color: #111827;
    word-break: break-word;
}

.eig-link[b-z1wvvf9o3g] {
    color: rgb(0, 110, 181);
    text-decoration: none;
}
.eig-link:hover[b-z1wvvf9o3g] { text-decoration: underline; }

.eig-resumo[b-z1wvvf9o3g] {
    color: #6b7280;
    line-height: 1.55;
    white-space: pre-wrap;
}

.eig-responsaveis[b-z1wvvf9o3g] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.eig-responsavel-chip[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #f3f4f6;
    border-radius: 20px;
    padding: 2px 10px 2px 4px;
    font-size: 0.78rem;
    color: #374151;
}

.eig-label-row[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.eig-btn-edit[b-z1wvvf9o3g] {
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: 0.82rem;
    padding: 0 2px;
    line-height: 1;
    transition: color 0.12s;
}
.eig-btn-edit:hover[b-z1wvvf9o3g] { color: rgb(0, 110, 181); }

.eig-resp-editor[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
    position: relative;
}

/* Chips dos selecionados */
.resp-sel-chips[b-z1wvvf9o3g] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    min-height: 32px;
    padding: 4px 6px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
}

.resp-chip[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #dbeafe;
    color: #1d4ed8;
    border-radius: 4px;
    padding: 2px 6px 2px 8px;
    font-size: 0.78rem;
    font-weight: 500;
}

.resp-chip-rem[b-z1wvvf9o3g] {
    background: none;
    border: none;
    cursor: pointer;
    color: #93c5fd;
    font-size: 0.9rem;
    line-height: 1;
    padding: 0 1px;
    transition: color 0.1s;
}
.resp-chip-rem:hover[b-z1wvvf9o3g] { color: #1d4ed8; }

.resp-dropdown-trigger[b-z1wvvf9o3g] {
    background: none;
    border: 1px dashed #d1d5db;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 0.75rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s;
}
.resp-dropdown-trigger:hover[b-z1wvvf9o3g] { border-color: rgb(0,110,181); color: rgb(0,110,181); }

/* Dropdown */
.resp-dropdown[b-z1wvvf9o3g] {
    position: absolute;
    top: calc(100% - 30px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    z-index: 100;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.resp-busca[b-z1wvvf9o3g] {
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.82rem;
    color: #111827;
    outline: none;
    font-family: inherit;
    background: #f9fafb;
}

.resp-dropdown-lista[b-z1wvvf9o3g] {
    max-height: 220px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.resp-dropdown-item[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background 0.1s;
    border-bottom: 1px solid #f9fafb;
}
.resp-dropdown-item:last-child[b-z1wvvf9o3g] { border-bottom: none; }
.resp-dropdown-item:hover[b-z1wvvf9o3g] { background: #f3f4f6; }
.resp-dropdown-item-sel[b-z1wvvf9o3g] { background: #eff6ff; }
.resp-dropdown-item-sel:hover[b-z1wvvf9o3g] { background: #dbeafe; }

.resp-item-info[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.resp-item-nome[b-z1wvvf9o3g] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #111827;
}

.resp-item-email[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #9ca3af;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resp-check-mark[b-z1wvvf9o3g] {
    font-size: 0.82rem;
    color: rgb(0, 110, 181);
    font-weight: 700;
    flex-shrink: 0;
}

.resp-dropdown-vazio[b-z1wvvf9o3g] {
    padding: 12px;
    font-size: 0.82rem;
    color: #9ca3af;
    text-align: center;
}

.eig-resp-acoes[b-z1wvvf9o3g] {
    display: flex;
    gap: 6px;
    margin-top: 2px;
}

.eig-avatar-mini[b-z1wvvf9o3g] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Avatar (mantido para aba contatos) ── */
.avatar-md[b-z1wvvf9o3g] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e0eefa;
    color: rgb(0, 110, 181);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ── Abas ── */
.abas-wrapper[b-z1wvvf9o3g] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.abas-nav[b-z1wvvf9o3g] {
    display: flex;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 8px;
    background: #f9fafb;
}

.aba[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 12px 16px;
    font-size: 0.82rem;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
    margin-bottom: -1px;
}

.aba:hover[b-z1wvvf9o3g] { color: #374151; }

.aba-ativa[b-z1wvvf9o3g] {
    color: rgb(0, 110, 181);
    border-bottom-color: rgb(0, 110, 181);
    font-weight: 600;
}

.aba-badge[b-z1wvvf9o3g] {
    background: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 999px;
    min-width: 18px;
    text-align: center;
}

.aba-conteudo[b-z1wvvf9o3g] { padding: 20px 24px; }

.aba-header[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.aba-total[b-z1wvvf9o3g] {
    font-size: 0.8rem;
    color: #9ca3af;
}

.btn-adicionar[b-z1wvvf9o3g] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.78rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    font-weight: 500;
    transition: all 0.15s;
}

.btn-adicionar:hover[b-z1wvvf9o3g] {
    background: rgb(0, 110, 181);
    color: #fff;
}

/* ── Histórico ── */
.historico-lista[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.historico-item[b-z1wvvf9o3g] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    background: #fafafa;
}

.historico-linha[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.historico-data[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-left: auto;
}

.badge-tipo-contato[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    font-weight: 600;
    background: #f3f4f6;
    color: #374151;
    padding: 2px 8px;
    border-radius: 4px;
}

.historico-pauta[b-z1wvvf9o3g] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #111827;
    margin: 0 0 4px 0;
}

.historico-obs[b-z1wvvf9o3g] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.historico-autor[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #9ca3af;
}

/* ── Tabela negociações ── */
.tabela[b-z1wvvf9o3g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tabela thead tr[b-z1wvvf9o3g] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tabela th[b-z1wvvf9o3g] {
    padding: 9px 14px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tabela tbody tr[b-z1wvvf9o3g] {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.1s;
}

.tabela tbody tr:last-child[b-z1wvvf9o3g] { border-bottom: none; }

.linha-clicavel[b-z1wvvf9o3g] { cursor: pointer; }
.linha-clicavel:hover[b-z1wvvf9o3g] { background: #f0f7ff; }

.tabela td[b-z1wvvf9o3g] {
    padding: 11px 14px;
    color: #374151;
    vertical-align: middle;
}

.neg-nome[b-z1wvvf9o3g] { font-weight: 500; color: #111827; }

/* ── Aba de contatos detalhada ── */
.contatos-detalhe-grid[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
}

.contato-detalhe-card[b-z1wvvf9o3g] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.contato-detalhe-card.contato-inativo[b-z1wvvf9o3g] {
    opacity: 0.6;
}

.cd-topo[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #f3f4f6;
    background: #f9fafb;
}

.cd-avatar[b-z1wvvf9o3g] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cd-identidade[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.cd-nome[b-z1wvvf9o3g] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-cargo[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 1px;
}

.cd-dados[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    padding: 4px 0;
}

.cd-dado-item[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: 80px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-bottom: 1px solid #f9fafb;
    transition: background-color 0.1s;
}

.cd-dado-item:last-child[b-z1wvvf9o3g] {
    border-bottom: none;
}

.cd-dado-item:hover[b-z1wvvf9o3g] {
    background-color: #f9fafb;
}

.cd-dado-tipo[b-z1wvvf9o3g] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.cd-dado-valor[b-z1wvvf9o3g] {
    font-size: 0.82rem;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cd-acoes[b-z1wvvf9o3g] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.btn-acao[b-z1wvvf9o3g] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 0.72rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    transition: all 0.15s;
    white-space: nowrap;
}

.btn-acao-email[b-z1wvvf9o3g] {
    background: #eff6ff;
    color: rgb(0, 110, 181);
    border-color: #bfdbfe;
}

.btn-acao-email:hover[b-z1wvvf9o3g] {
    background: rgb(0, 110, 181);
    color: #fff;
    border-color: rgb(0, 110, 181);
}

.btn-acao-ligacao[b-z1wvvf9o3g] {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}

.btn-acao-ligacao:not(:disabled):hover[b-z1wvvf9o3g] {
    background: #15803d;
    color: #fff;
    border-color: #15803d;
}

.btn-acao-ligacao:disabled[b-z1wvvf9o3g] {
    cursor: default;
}

.btn-acao-whatsapp[b-z1wvvf9o3g] {
    background: #f0fdf4;
    color: #16a34a;
    border-color: #bbf7d0;
}

.btn-acao-whatsapp:not(:disabled):hover[b-z1wvvf9o3g] {
    background: #16a34a;
    color: #fff;
    border-color: #16a34a;
}

.btn-acao-whatsapp:disabled[b-z1wvvf9o3g] {
    cursor: default;
}

/* ── Tarefas ── */
.tarefas-secao-titulo[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    margin: 12px 0 6px;
}

.tarefas-secao-concluidas[b-z1wvvf9o3g] { color: #9ca3af; }

.tarefas-lista[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tarefa-item[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 7px;
    border: 1px solid #e5e7eb;
    background: #fff;
    cursor: pointer;
    transition: background 0.12s;
}

.tarefa-item:hover[b-z1wvvf9o3g] { background: #f9fafb; }

.tarefa-atrasada[b-z1wvvf9o3g] { border-left: 3px solid #ef4444; }

.tarefa-concluida[b-z1wvvf9o3g] {
    opacity: 0.6;
    cursor: default;
    background: #f9fafb;
}

.tarefa-concluida:hover[b-z1wvvf9o3g] { background: #f9fafb; }

.tarefa-check[b-z1wvvf9o3g] { flex-shrink: 0; }

.tarefa-check-circulo[b-z1wvvf9o3g] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #d1d5db;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tarefa-check-ok[b-z1wvvf9o3g] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.tarefa-corpo[b-z1wvvf9o3g] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tarefa-descricao[b-z1wvvf9o3g] {
    font-size: 0.875rem;
    color: #111827;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tarefa-concluida .tarefa-descricao[b-z1wvvf9o3g] {
    text-decoration: line-through;
    color: #6b7280;
}

.tarefa-meta[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.badge-tipo-tarefa[b-z1wvvf9o3g] {
    font-size: 0.7rem;
    font-weight: 600;
    background: #eff6ff;
    color: rgb(0, 110, 181);
    border-radius: 4px;
    padding: 1px 6px;
}

.tarefa-data[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    color: #6b7280;
}

.tarefa-data-atrasada[b-z1wvvf9o3g] { color: #ef4444; font-weight: 600; }

.tarefa-data-conclusao[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #9ca3af;
    font-style: italic;
}

.tarefa-responsaveis[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #9ca3af;
}

.btn-concluir-tarefa[b-z1wvvf9o3g] {
    flex-shrink: 0;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 0.75rem;
    color: #15803d;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.12s;
    white-space: nowrap;
}

.btn-concluir-tarefa:hover[b-z1wvvf9o3g] {
    background: #15803d;
    color: #fff;
    border-color: #15803d;
}

.aba-total-secundario[b-z1wvvf9o3g] {
    font-weight: 400;
    color: #9ca3af;
    margin-left: 4px;
}

/* ── Utilitários ── */
.texto-vazio[b-z1wvvf9o3g] {
    font-size: 0.85rem;
    color: #9ca3af;
    text-align: center;
    padding: 1.5rem 0;
    margin: 0;
}

.estado-vazio[b-z1wvvf9o3g] {
    text-align: center;
    padding: 3rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* ── Cotações ── */
.lista-cotacoes[b-z1wvvf9o3g] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cotacao-item[b-z1wvvf9o3g] {
    padding: 12px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all 0.12s;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.cotacao-item:hover[b-z1wvvf9o3g] { background: #f9fafb; border-color: #d1d5db; }

.cotacao-item-principal[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cotacao-titulo-item[b-z1wvvf9o3g] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
    flex: 1;
}

.cotacao-item-meta[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cotacao-meta-tag[b-z1wvvf9o3g] {
    font-size: 0.7rem;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 4px;
    padding: 1px 7px;
}

.cotacao-rota[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #6b7280;
}

.cotacao-data[b-z1wvvf9o3g] {
    font-size: 0.72rem;
    color: #9ca3af;
}

.cotacao-vencida[b-z1wvvf9o3g] { color: #dc2626; font-weight: 600; }

.estado-vazio-aba[b-z1wvvf9o3g] {
    text-align: center;
    padding: 2rem 0;
    color: #9ca3af;
    font-size: 0.85rem;
}

/* ── Formulário de edição de empresa ── */
.edit-empresa-card[b-z1wvvf9o3g] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px 24px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.edit-empresa-grid[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
}

.edit-empresa-full[b-z1wvvf9o3g] { grid-column: 1 / -1; }

.edit-empresa-card .form-grupo[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.edit-empresa-card .form-grupo label[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
}

.edit-empresa-card .form-grupo input[b-z1wvvf9o3g],
.edit-empresa-card .form-grupo select[b-z1wvvf9o3g],
.edit-empresa-card .form-grupo textarea[b-z1wvvf9o3g] {
    padding: 7px 9px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.82rem;
    color: #111827;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s;
    box-sizing: border-box;
    width: 100%;
}

.edit-empresa-card .form-grupo input:focus[b-z1wvvf9o3g],
.edit-empresa-card .form-grupo select:focus[b-z1wvvf9o3g],
.edit-empresa-card .form-grupo textarea:focus[b-z1wvvf9o3g] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 2px rgba(0, 110, 181, 0.1);
}

.edit-empresa-card .form-grupo textarea[b-z1wvvf9o3g] { resize: vertical; }

.edit-empresa-acoes[b-z1wvvf9o3g] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid #e5e7eb;
}

.edit-empresa-card .obrigatorio[b-z1wvvf9o3g] { color: #dc2626; }

.edit-empresa-card .alerta[b-z1wvvf9o3g] {
    padding: 9px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
}
.edit-empresa-card .alerta-sucesso[b-z1wvvf9o3g] { background: #dcfce7; color: #15803d; }
.edit-empresa-card .alerta-erro[b-z1wvvf9o3g]    { background: #fee2e2; color: #b91c1c; }

.btn-cancelar-sm[b-z1wvvf9o3g] {
    padding: 7px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #6b7280;
    background: none;
    cursor: pointer;
    transition: all 0.12s;
}
.btn-cancelar-sm:hover[b-z1wvvf9o3g] { border-color: #9ca3af; color: #374151; }

.btn-salvar-sm[b-z1wvvf9o3g] {
    padding: 7px 16px;
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}
.btn-salvar-sm:hover:not(:disabled)[b-z1wvvf9o3g] { background-color: rgb(0, 90, 155); }
.btn-salvar-sm:disabled[b-z1wvvf9o3g] { opacity: 0.6; cursor: not-allowed; }

/* ── Formulário de contato ── */
.form-contato-card[b-z1wvvf9o3g] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-contato-titulo[b-z1wvvf9o3g] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.form-contato-grid[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 16px;
}

.form-contato-full[b-z1wvvf9o3g] { grid-column: 1 / -1; }

.form-contato-card .form-grupo[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-contato-card .form-grupo label[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
}

.form-contato-card .form-grupo input[b-z1wvvf9o3g],
.form-contato-card .form-grupo select[b-z1wvvf9o3g] {
    padding: 6px 8px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    font-size: 0.82rem;
    color: #111827;
    outline: none;
    font-family: inherit;
    transition: border-color 0.15s;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
}

.form-contato-card .form-grupo input:focus[b-z1wvvf9o3g],
.form-contato-card .form-grupo select:focus[b-z1wvvf9o3g] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 2px rgba(0, 110, 181, 0.1);
}

.form-contato-dados[b-z1wvvf9o3g] { display: flex; flex-direction: column; gap: 6px; }

.form-contato-dados-header[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-contato-dados-titulo[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.btn-add-dado[b-z1wvvf9o3g] {
    background: none;
    border: 1px dashed #d1d5db;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 0.75rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s;
}
.btn-add-dado:hover[b-z1wvvf9o3g] { border-color: rgb(0,110,181); color: rgb(0,110,181); }

.form-dado-linha[b-z1wvvf9o3g] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.form-contato-card .obrigatorio[b-z1wvvf9o3g] { color: #dc2626; }

.form-contato-card .alerta[b-z1wvvf9o3g] {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
}
.form-contato-card .alerta-sucesso[b-z1wvvf9o3g] { background: #dcfce7; color: #15803d; }
.form-contato-card .alerta-erro[b-z1wvvf9o3g]    { background: #fee2e2; color: #b91c1c; }

/* Toggle Ativo */
.toggle-empresa-label[b-z1wvvf9o3g] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.toggle-empresa[b-z1wvvf9o3g] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    cursor: pointer;
}
.toggle-empresa input[b-z1wvvf9o3g] { opacity: 0; width: 0; height: 0; }

.toggle-empresa-slider[b-z1wvvf9o3g] {
    position: absolute;
    inset: 0;
    background-color: #d1d5db;
    border-radius: 20px;
    transition: background-color 0.2s;
}
.toggle-empresa-slider[b-z1wvvf9o3g]::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
.toggle-empresa input:checked + .toggle-empresa-slider[b-z1wvvf9o3g] { background-color: #22c55e; }
.toggle-empresa input:checked + .toggle-empresa-slider[b-z1wvvf9o3g]::before { transform: translateX(16px); }

/* ── Formulário inline histórico ── */
.hist-form-grid[b-z1wvvf9o3g] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
.hist-btn-excluir[b-z1wvvf9o3g] {
    margin-left: auto; background: none; border: none; color: #d1d5db;
    cursor: pointer; font-size: 0.75rem; padding: 2px 5px; border-radius: 4px;
    line-height: 1; transition: color 0.15s, background 0.15s;
}
.hist-btn-excluir:hover[b-z1wvvf9o3g] { color: #dc2626; background: #fee2e2; }

/* ── Formulário inline nova negociação ── */
.neg-inline-form[b-z1wvvf9o3g] { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin-bottom: 12px; }
.neg-inline-grid[b-z1wvvf9o3g] { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; margin-bottom: 12px; }
.neg-inline-acoes[b-z1wvvf9o3g] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }

/* ── Import de e-mail ── */
.email-import-row[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 8px 10px;
}
.email-import-label[b-z1wvvf9o3g] { font-size: 0.78rem; font-weight: 600; color: #1d4ed8; white-space: nowrap; }
.email-import-sep[b-z1wvvf9o3g]   { font-size: 0.75rem; color: #6b7280; white-space: nowrap; }
.email-import-input[b-z1wvvf9o3g] { font-size: 0.78rem; color: #374151; cursor: pointer; }
.email-import-select[b-z1wvvf9o3g] {
    padding: 4px 8px;
    border: 1px solid #93c5fd;
    border-radius: 4px;
    font-size: 0.78rem;
    color: #1e40af;
    background: #fff;
    max-width: 260px;
    outline: none;
}
.email-import-badge[b-z1wvvf9o3g] {
    background: #dbeafe;
    color: #1e40af;
    font-size: 0.72rem;
    padding: 2px 8px;
    border-radius: 12px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Serviços/Modais da empresa ── */
.esm-grupo[b-z1wvvf9o3g] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 14px;
    overflow: hidden;
}
.esm-grupo-titulo[b-z1wvvf9o3g] {
    padding: 10px 16px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    font-size: 0.85rem;
    font-weight: 600;
    color: #374151;
}
.esm-lista[b-z1wvvf9o3g] { display: flex; flex-direction: column; }
.esm-item[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid #f3f4f6;
}
.esm-item:last-child[b-z1wvvf9o3g] { border-bottom: none; }
.esm-modal[b-z1wvvf9o3g] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #111827;
    min-width: 140px;
}
.esm-qualificacao[b-z1wvvf9o3g] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}
.esm-qualificacao-quente[b-z1wvvf9o3g] { background: #fee2e2; color: #b91c1c; }
.esm-qualificacao-morno[b-z1wvvf9o3g]  { background: #fef3c7; color: #b45309; }
.esm-qualificacao-frio[b-z1wvvf9o3g]   { background: #dbeafe; color: rgb(0,90,181); }
.esm-qualificacao-neutra[b-z1wvvf9o3g] { background: #f3f4f6; color: #6b7280; }
.esm-observacao[b-z1wvvf9o3g] {
    font-size: 0.78rem;
    color: #9ca3af;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.esm-acoes[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

/* ── Importar do IData ── */
.idata-import-bloco[b-z1wvvf9o3g] { display: flex; flex-direction: column; }

.btn-add-sm[b-z1wvvf9o3g] {
    align-self: flex-start;
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    transition: all 0.15s;
}
.btn-add-sm:hover[b-z1wvvf9o3g] { background: rgb(0, 110, 181); color: #fff; }

.idata-busca-panel[b-z1wvvf9o3g] { border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; }
.idata-busca-topo[b-z1wvvf9o3g] { display: flex; gap: 6px; padding: 10px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.idata-busca-input[b-z1wvvf9o3g] { flex: 1; font-size: 0.82rem; border: 1px solid #d1d5db; border-radius: 5px; padding: 5px 8px; color: #111827; }

.btn-buscar-vinculo[b-z1wvvf9o3g] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 5px 14px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-z1wvvf9o3g] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-z1wvvf9o3g] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 4px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.busca-resultados[b-z1wvvf9o3g] { max-height: 240px; overflow-y: auto; }
.busca-item[b-z1wvvf9o3g] { padding: 9px 12px; cursor: pointer; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-z1wvvf9o3g] { border-bottom: none; }
.busca-item:hover[b-z1wvvf9o3g] { background: #eff6ff; }
.busca-item-nome[b-z1wvvf9o3g] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.busca-item-meta[b-z1wvvf9o3g] { display: flex; gap: 10px; margin-top: 2px; font-size: 0.75rem; color: #6b7280; flex-wrap: wrap; }

.busca-erro[b-z1wvvf9o3g] { font-size: 0.8rem; color: #b91c1c; padding: 8px 12px; margin: 0; }


/* /Components/Pages/Empresas.razor.rz.scp.css */
/* ── Header ── */
.page-header[b-lywugd37re] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.page-titulo[b-lywugd37re] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.btn-novo[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}

.btn-novo:hover[b-lywugd37re] {
    background-color: rgb(0, 90, 155);
}

/* ── Filtros ── */
.filtros-card[b-lywugd37re] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 1.25rem;
}

.filtros-linha[b-lywugd37re] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.filtro-campo[b-lywugd37re] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
}

.filtro-campo label[b-lywugd37re] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.filtro-busca[b-lywugd37re] {
    flex: 1;
    min-width: 200px;
}

.input-icon[b-lywugd37re] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon svg[b-lywugd37re] {
    position: absolute;
    left: 10px;
    color: #9ca3af;
    pointer-events: none;
}

.input-icon input[b-lywugd37re] {
    width: 100%;
    padding: 7px 10px 7px 32px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
}

.input-icon input:focus[b-lywugd37re] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.filtro-campo select[b-lywugd37re] {
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    transition: border-color 0.15s;
}

.filtro-campo select:focus[b-lywugd37re] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.btn-limpar[b-lywugd37re] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    align-self: flex-end;
}

.btn-limpar:hover[b-lywugd37re] {
    border-color: #9ca3af;
    color: #374151;
}

/* ── Info e tabela ── */
.tabela-info[b-lywugd37re] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.tabela-wrapper[b-lywugd37re] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.tabela[b-lywugd37re] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tabela thead tr[b-lywugd37re] {
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tabela th[b-lywugd37re] {
    padding: 10px 16px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.tabela tbody tr[b-lywugd37re] {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.1s;
}

.tabela tbody tr:last-child[b-lywugd37re] {
    border-bottom: none;
}

.linha-clicavel[b-lywugd37re] {
    cursor: pointer;
}

.linha-clicavel:hover[b-lywugd37re] {
    background-color: #f0f7ff;
}

.tabela td[b-lywugd37re] {
    padding: 12px 16px;
    color: #374151;
    vertical-align: middle;
}

.empresa-nome[b-lywugd37re] {
    display: block;
    font-weight: 500;
    color: #111827;
}

.empresa-email[b-lywugd37re] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 2px;
}

.cnpj[b-lywugd37re] {
    font-family: monospace;
    font-size: 0.8rem;
    color: #6b7280;
}

/* ── Badges ── */
.badge[b-lywugd37re] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.badge-ativo[b-lywugd37re] {
    background-color: #dcfce7;
    color: #15803d;
}

.badge-inativo[b-lywugd37re] {
    background-color: #fee2e2;
    color: #b91c1c;
}

.badge-tipo[b-lywugd37re] {
    background-color: #eff6ff;
    color: rgb(0, 110, 181);
    border: 1px solid #bfdbfe;
}

/* ── Ação ── */
.col-acao[b-lywugd37re] {
    width: 40px;
    text-align: center;
    color: #9ca3af;
}

.linha-clicavel:hover .col-acao[b-lywugd37re] {
    color: rgb(0, 110, 181);
}

/* ── Estado vazio ── */
.estado-vazio[b-lywugd37re] {
    text-align: center;
    padding: 3rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* ── Serviços (resumo na listagem) ── */
.servicos-cel[b-lywugd37re] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 280px;
}
.servicos-vazio[b-lywugd37re] { color: #9ca3af; font-size: 0.8rem; }
.servico-linha[b-lywugd37re] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}
.servico-chip[b-lywugd37re] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}
.servico-chip-quente[b-lywugd37re] { background: #fee2e2; color: #b91c1c; }
.servico-chip-morno[b-lywugd37re]  { background: #fef3c7; color: #b45309; }
.servico-chip-frio[b-lywugd37re]   { background: #dbeafe; color: rgb(0,90,181); }
.servico-chip-neutra[b-lywugd37re] { background: #f3f4f6; color: #6b7280; }

.modal-chip[b-lywugd37re] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 5px;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border: 1px solid transparent;
}
.modal-chip-quente[b-lywugd37re] { background: #fff; color: #b91c1c; border-color: #fecaca; }
.modal-chip-morno[b-lywugd37re]  { background: #fff; color: #b45309; border-color: #fde68a; }
.modal-chip-frio[b-lywugd37re]   { background: #fff; color: rgb(0,90,181); border-color: #bfdbfe; }
.modal-chip-neutra[b-lywugd37re] { background: #fff; color: #6b7280; border-color: #e5e7eb; }
/* /Components/Pages/Fornecedores/FornecedorDetalhe.razor.rz.scp.css */
/* ── Back link ── */
.neg-back-link[b-gths458cfb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #6b7280;
    text-decoration: none;
}
.neg-back-link:hover[b-gths458cfb] { color: rgb(0, 110, 181); }

/* ── Cabeçalho ── */
.det-header[b-gths458cfb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.det-header-left[b-gths458cfb] { display: flex; flex-direction: column; gap: 6px; }

.det-titulo-row[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.det-titulo[b-gths458cfb] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/* ── Cards de seção ── */
.det-body[b-gths458cfb] { display: flex; flex-direction: column; gap: 16px; }

.det-card[b-gths458cfb] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 20px;
}

.det-card-titulo[b-gths458cfb] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 14px;
}

.det-card-header[b-gths458cfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

/* ── Formulário ── */
.form-grupo[b-gths458cfb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.form-grupo:last-child[b-gths458cfb] { margin-bottom: 0; }

.form-grupo label[b-gths458cfb] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
}

.form-grupo input[type="text"][b-gths458cfb],
.form-grupo input[type="email"][b-gths458cfb],
.form-grupo textarea[b-gths458cfb],
.form-grupo select[b-gths458cfb] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    background: #fff;
    outline: none;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.form-grupo input:focus[b-gths458cfb],
.form-grupo textarea:focus[b-gths458cfb],
.form-grupo select:focus[b-gths458cfb] { border-color: rgb(0, 110, 181); box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1); }

.form-grupo textarea[b-gths458cfb] { resize: vertical; }

.form-grid-2[b-gths458cfb] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-grid-3[b-gths458cfb] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }

.label-check[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #374151;
    cursor: pointer;
    font-weight: 600;
}

.obrigatorio[b-gths458cfb] { color: #dc2626; }

.det-rodape[b-gths458cfb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f3f4f6;
}

/* ── Info view ── */
.info-grid[b-gths458cfb] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.info-item[b-gths458cfb] { display: flex; flex-direction: column; gap: 2px; }
.info-item-full[b-gths458cfb] { grid-column: 1 / -1; }
.info-label[b-gths458cfb] { font-size: 0.72rem; font-weight: 600; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; }
.info-valor[b-gths458cfb] { font-size: 0.875rem; color: #111827; }

/* ── Botões ── */
.btn-editar[b-gths458cfb] {
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid rgb(0, 110, 181);
    background: transparent;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-editar:hover[b-gths458cfb] { background: rgb(0, 110, 181); color: #fff; }
.btn-editar-ativo[b-gths458cfb] { background: #f3f4f6; color: #6b7280; border-color: #d1d5db; }
.btn-editar-ativo:hover[b-gths458cfb] { background: #e5e7eb; color: #374151; }

.btn-salvar[b-gths458cfb] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-salvar:hover:not(:disabled)[b-gths458cfb] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-gths458cfb] { opacity: 0.6; cursor: not-allowed; }

.btn-cancelar[b-gths458cfb] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
}
.btn-cancelar:hover[b-gths458cfb] { border-color: #9ca3af; color: #374151; }

.btn-add-sm[b-gths458cfb] {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid rgb(0, 110, 181);
    background: transparent;
    color: rgb(0, 110, 181);
    cursor: pointer;
}
.btn-add-sm:hover[b-gths458cfb] { background: rgb(0, 110, 181); color: #fff; }

.btn-salvar-sm[b-gths458cfb] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 14px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
}
.btn-salvar-sm:disabled[b-gths458cfb] { opacity: 0.6; cursor: not-allowed; }

.btn-cancelar-sm[b-gths458cfb] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    padding: 5px 12px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
}

/* ── Cobertura ── */
.cobertura-form[b-gths458cfb] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
}

.cobertura-lista[b-gths458cfb] { display: flex; flex-direction: column; gap: 6px; }

.cobertura-item[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.82rem;
}

.sigla-badge[b-gths458cfb] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    background: #dbeafe;
    color: #1e40af;
    flex-shrink: 0;
    text-transform: uppercase;
}

.cobertura-rota[b-gths458cfb] { flex: 1; color: #374151; }
.cobertura-seta[b-gths458cfb] { color: #9ca3af; margin: 0 4px; }

/* ── Contatos ── */
.contato-card[b-gths458cfb] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    background: #f9fafb;
}
.contato-card:last-child[b-gths458cfb] { margin-bottom: 0; }

.contato-card-header[b-gths458cfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.contato-num[b-gths458cfb] { font-size: 0.72rem; font-weight: 700; color: #6b7280; text-transform: uppercase; }
.contato-acoes[b-gths458cfb] { display: flex; align-items: center; gap: 12px; }

.label-principal[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.78rem;
    color: #374151;
    cursor: pointer;
    font-weight: 500;
}

.btn-remover-contato[b-gths458cfb] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 2px 5px;
}
.btn-remover-contato:hover[b-gths458cfb] { color: #dc2626; }

.contato-view[b-gths458cfb] {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #f9fafb;
}
.contato-view:last-child[b-gths458cfb] { margin-bottom: 0; }

.contato-view-header[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.contato-nome[b-gths458cfb] { font-weight: 600; font-size: 0.875rem; color: #111827; }
.badge-principal[b-gths458cfb] { font-size: 0.68rem; font-weight: 700; padding: 1px 8px; border-radius: 10px; background: rgb(0, 110, 181); color: #fff; }
.contato-cargo[b-gths458cfb] { font-size: 0.75rem; color: #6b7280; }
.contato-view-info[b-gths458cfb] { display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.78rem; color: #6b7280; }

/* ── Vínculos ── */
.vinculos-lista[b-gths458cfb] { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }

.vinculo-item[b-gths458cfb] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.82rem;
}

.vinculo-badge[b-gths458cfb] { font-size: 0.7rem; font-weight: 600; padding: 2px 7px; border-radius: 4px; text-transform: uppercase; flex-shrink: 0; }
.vinculo-badge-totvs[b-gths458cfb] { background: #dbeafe; color: #1e40af; }
.vinculo-badge-idata[b-gths458cfb]  { background: #dcfce7; color: #15803d; }
.vinculo-nome[b-gths458cfb] { font-weight: 500; color: #111827; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vinculo-id[b-gths458cfb]   { font-size: 0.75rem; color: #9ca3af; flex-shrink: 0; }
.vinculo-del[b-gths458cfb]  { background: none; border: none; color: #9ca3af; cursor: pointer; padding: 0 2px; font-size: 0.8rem; flex-shrink: 0; }
.vinculo-del:hover[b-gths458cfb] { color: #b91c1c; }

.vinculo-busca-panel[b-gths458cfb] { border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; }
.vinculo-busca-topo[b-gths458cfb] { display: flex; gap: 6px; padding: 10px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.vinculo-sistema-sel[b-gths458cfb] { font-size: 0.82rem; border: 1px solid #d1d5db; border-radius: 5px; padding: 5px 8px; color: #111827; background: #fff; flex-shrink: 0; }
.vinculo-busca-input[b-gths458cfb] { flex: 1; font-size: 0.82rem; border: 1px solid #d1d5db; border-radius: 5px; padding: 5px 8px; color: #111827; }
.btn-buscar-vinculo[b-gths458cfb] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 5px 14px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-gths458cfb] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-gths458cfb] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 4px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.busca-resultados[b-gths458cfb] { max-height: 240px; overflow-y: auto; }
.busca-item[b-gths458cfb] { padding: 9px 12px; cursor: pointer; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-gths458cfb] { border-bottom: none; }
.busca-item:hover[b-gths458cfb] { background: #eff6ff; }
.busca-item-vinculado[b-gths458cfb] { opacity: 0.5; cursor: default; }
.busca-item-nome[b-gths458cfb] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.busca-item-meta[b-gths458cfb] { display: flex; gap: 10px; margin-top: 2px; font-size: 0.75rem; color: #6b7280; }
.busca-ja-vinculado[b-gths458cfb] { color: #15803d; font-weight: 500; }
.busca-erro[b-gths458cfb] { font-size: 0.8rem; color: #b91c1c; padding: 8px 12px; margin: 0; }

/* ── Badges & utilitários ── */
.badge[b-gths458cfb] {
    font-size: 0.68rem;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 7px;
    white-space: nowrap;
}

.badge-ativo[b-gths458cfb]       { background: #dcfce7; color: #15803d; }
.badge-inativo[b-gths458cfb]     { background: #fee2e2; color: #b91c1c; }
.badge-homologado[b-gths458cfb]  { background: #fef3c7; color: #92400e; }

.alerta[b-gths458cfb] { padding: 9px 14px; border-radius: 6px; font-size: 0.82rem; }
.alerta-sucesso[b-gths458cfb] { background: #dcfce7; color: #15803d; }
.alerta-erro[b-gths458cfb]    { background: #fee2e2; color: #b91c1c; }

.texto-vazio[b-gths458cfb]       { color: #9ca3af; text-align: center; padding: 2rem; margin: 0; font-size: 0.875rem; }
.texto-vazio-inline[b-gths458cfb] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }
/* /Components/Pages/Fornecedores/Fornecedores.razor.rz.scp.css */
.pagina-header[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    gap: 12px;
}

.pagina-titulo[b-9dr9hqao1d] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.btn-novo[b-9dr9hqao1d] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 8px 18px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
}

.btn-novo:hover[b-9dr9hqao1d] { background-color: rgb(0, 90, 155); }

.filtros-card[b-9dr9hqao1d] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 1rem;
}

.filtros-linha[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.filtro-busca[b-9dr9hqao1d] { flex: 1; min-width: 200px; }
.filtro-busca input[b-9dr9hqao1d] {
    width: 100%;
    padding: 7px 11px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    background: #fff;
    box-sizing: border-box;
}
.filtro-busca input:focus[b-9dr9hqao1d] { outline: none; border-color: rgb(0, 110, 181); }

.filtro-check[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #374151;
    cursor: pointer;
    white-space: nowrap;
}

.forn-lista[b-9dr9hqao1d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.forn-card[b-9dr9hqao1d] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.12s;
}

.forn-card:hover[b-9dr9hqao1d] { background: #f9fafb; border-color: #d1d5db; }

.forn-card-topo[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}

.forn-nome[b-9dr9hqao1d] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.forn-badges[b-9dr9hqao1d] { display: flex; align-items: center; gap: 5px; flex-shrink: 0; }

.forn-card-sub[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 0.78rem;
    color: #6b7280;
}

.forn-local[b-9dr9hqao1d] { display: flex; align-items: center; gap: 4px; }
.forn-email[b-9dr9hqao1d] { color: #6b7280; }

.badge[b-9dr9hqao1d] {
    font-size: 0.68rem;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 7px;
    white-space: nowrap;
}

.badge-ativo[b-9dr9hqao1d]       { background: #dcfce7; color: #15803d; }
.badge-inativo[b-9dr9hqao1d]     { background: #fee2e2; color: #b91c1c; }
.badge-homologado[b-9dr9hqao1d]  { background: #fef3c7; color: #92400e; }
.badge-info[b-9dr9hqao1d]        { background: #f3f4f6; color: #6b7280; font-size: 0.68rem; font-weight: 600; border-radius: 4px; padding: 1px 7px; }

.texto-vazio[b-9dr9hqao1d] { color: #9ca3af; text-align: center; padding: 2rem; margin: 0; font-size: 0.875rem; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Saudação ── */
.home-header[b-v5axc2gwvx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.home-titulo[b-v5axc2gwvx] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 4px 0;
}

.home-data[b-v5axc2gwvx] {
    display: block;
    font-size: 0.82rem;
    color: #6b7280;
    text-transform: capitalize;
}

/* ── Cards de contadores ── */
.cards-grid[b-v5axc2gwvx] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 1.75rem;
}

.card[b-v5axc2gwvx] {
    background: #fff;
    border-radius: 12px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #e5e7eb;
    transition: box-shadow 0.15s, transform 0.15s;
    cursor: default;
}

.card:hover[b-v5axc2gwvx] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-1px);
}

.card-icone[b-v5axc2gwvx] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.card-azul    .card-icone[b-v5axc2gwvx] { background: #eff6ff; color: rgb(0, 110, 181); }
.card-laranja .card-icone[b-v5axc2gwvx] { background: #fff7ed; color: #ea580c; }
.card-verde   .card-icone[b-v5axc2gwvx] { background: #f0fdf4; color: #16a34a; }
.card-vermelho .card-icone[b-v5axc2gwvx] { background: #fef2f2; color: #dc2626; }

.card-info[b-v5axc2gwvx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.card-valor[b-v5axc2gwvx] {
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
}

.card-azul    .card-valor[b-v5axc2gwvx] { color: rgb(0, 110, 181); }
.card-laranja .card-valor[b-v5axc2gwvx] { color: #ea580c; }
.card-verde   .card-valor[b-v5axc2gwvx] { color: #16a34a; }
.card-vermelho .card-valor[b-v5axc2gwvx] { color: #dc2626; }

.card-label[b-v5axc2gwvx] {
    font-size: 0.78rem;
    color: #6b7280;
    font-weight: 500;
}

/* ── Painéis ── */
.home-paineis[b-v5axc2gwvx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.painel[b-v5axc2gwvx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 320px;
    max-height: 520px;
}

.painel-header[b-v5axc2gwvx] {
    padding: 16px 20px 12px;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.painel-titulo[b-v5axc2gwvx] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.painel-subtitulo[b-v5axc2gwvx] {
    font-size: 0.75rem;
    color: #9ca3af;
}

.painel-link[b-v5axc2gwvx] {
    cursor: pointer;
    color: rgb(0, 110, 181) !important;
    font-weight: 500;
}
.painel-link:hover[b-v5axc2gwvx] { text-decoration: underline; }

.painel-corpo[b-v5axc2gwvx] {
    overflow-y: auto;
    flex: 1;
    padding: 8px 0;
}

/* ── Cotações no painel ── */
.cotacao-item[b-v5axc2gwvx] {
    padding: 10px 20px;
    cursor: pointer;
    transition: background 0.12s;
    border-bottom: 1px solid #f3f4f6;
}

.cotacao-item:last-child[b-v5axc2gwvx] { border-bottom: none; }
.cotacao-item:hover[b-v5axc2gwvx] { background: #f9fafb; }

.cotacao-item-topo[b-v5axc2gwvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 3px;
}

.cotacao-item-titulo[b-v5axc2gwvx] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #111827;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cotacao-item-sub[b-v5axc2gwvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cotacao-empresa[b-v5axc2gwvx] {
    font-size: 0.75rem;
    color: #6b7280;
}

.cotacao-data[b-v5axc2gwvx] {
    font-size: 0.72rem;
    color: #9ca3af;
}

/* ── Tarefas no painel ── */
.tarefa-item[b-v5axc2gwvx] {
    padding: 10px 20px;
    cursor: pointer;
    transition: background 0.12s;
    border-bottom: 1px solid #f3f4f6;
    border-left: 3px solid transparent;
}

.tarefa-item:last-child[b-v5axc2gwvx] { border-bottom: none; }
.tarefa-item:hover[b-v5axc2gwvx] { background: #f9fafb; }

.tarefa-atrasada[b-v5axc2gwvx] { border-left-color: #dc2626; background: #fef9f9; }
.tarefa-atrasada:hover[b-v5axc2gwvx] { background: #fef2f2; }
.tarefa-hoje[b-v5axc2gwvx] { border-left-color: #ea580c; }

.tarefa-item-topo[b-v5axc2gwvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.tarefa-tipo[b-v5axc2gwvx] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b7280;
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 4px;
}

.tarefa-data[b-v5axc2gwvx] {
    font-size: 0.72rem;
    color: #6b7280;
    white-space: nowrap;
}

.tarefa-atrasada .tarefa-data[b-v5axc2gwvx] { color: #dc2626; font-weight: 600; }
.tarefa-hoje     .tarefa-data[b-v5axc2gwvx] { color: #ea580c; font-weight: 600; }

.tarefa-descricao[b-v5axc2gwvx] {
    font-size: 0.82rem;
    color: #111827;
    margin: 0 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tarefa-empresa[b-v5axc2gwvx] {
    font-size: 0.72rem;
    color: #9ca3af;
}

.tarefas-vazio[b-v5axc2gwvx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #d1d5db;
    gap: 8px;
}

.tarefas-vazio p[b-v5axc2gwvx] {
    font-size: 0.875rem;
    margin: 0;
    color: #9ca3af;
}

/* ── Badges ── */
.badge[b-v5axc2gwvx]          { font-size: 0.68rem; font-weight: 600; border-radius: 4px; padding: 2px 8px; white-space: nowrap; }
.badge-ativo[b-v5axc2gwvx]    { background: #dcfce7; color: #15803d; }
.badge-inativo[b-v5axc2gwvx]  { background: #fee2e2; color: #b91c1c; }
.badge-progresso[b-v5axc2gwvx] { background: #dbeafe; color: rgb(0, 90, 181); }
.badge-pendente[b-v5axc2gwvx]  { background: #f3f4f6; color: #6b7280; }

/* ── Utilitários ── */
.texto-vazio[b-v5axc2gwvx] {
    font-size: 0.875rem;
    color: #9ca3af;
    text-align: center;
    padding: 3rem 0;
}
/* /Components/Pages/Leads.razor.rz.scp.css */
/* ── Lead info na lista ── */
.lead-nome[b-3823wjncu6] {
    font-weight: 500;
    color: #111827;
    font-size: 0.875rem;
}

.lead-cnpj[b-3823wjncu6] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 2px;
}

.lead-tel[b-3823wjncu6] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-top: 2px;
}

/* ── Badges de status ── */
.badge-lead[b-3823wjncu6] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 600;
}

.badge-lead-novo[b-3823wjncu6]        { background: #dbeafe; color: #1d4ed8; }
.badge-lead-contato[b-3823wjncu6]     { background: #fef3c7; color: #92400e; }
.badge-lead-qualificado[b-3823wjncu6] { background: #ede9fe; color: #6d28d9; }
.badge-lead-convertido[b-3823wjncu6]  { background: #dcfce7; color: #15803d; }
.badge-lead-descartado[b-3823wjncu6]  { background: #f1f5f9; color: #6b7280; }

/* ── Painel detalhe ── */
.lead-detalhe-grid[b-3823wjncu6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
    margin-bottom: 20px;
}

.lead-detalhe-item[b-3823wjncu6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 0.85rem;
    color: #111827;
}

.lead-detalhe-full[b-3823wjncu6] {
    grid-column: 1 / -1;
}

.lead-detalhe-label[b-3823wjncu6] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* ── Alterar status ── */
.lead-status-section[b-3823wjncu6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
    border-top: 1px solid #f3f4f6;
}

.lead-status-acoes[b-3823wjncu6] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.btn-status[b-3823wjncu6] {
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: opacity 0.1s;
}
.btn-status:disabled[b-3823wjncu6] { opacity: 0.5; cursor: not-allowed; }

.btn-status-novo[b-3823wjncu6]        { background: #dbeafe; color: #1d4ed8; border-color: #bfdbfe; }
.btn-status-contato[b-3823wjncu6]     { background: #fef3c7; color: #92400e; border-color: #fde68a; }
.btn-status-qualificado[b-3823wjncu6] { background: #ede9fe; color: #6d28d9; border-color: #ddd6fe; }
.btn-status-descartado[b-3823wjncu6]  { background: #f1f5f9; color: #6b7280; border-color: #e2e8f0; }

/* ── Converter ── */
.lead-converter-section[b-3823wjncu6] {
    padding: 16px 0;
    border-top: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lead-converter-header[b-3823wjncu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-converter[b-3823wjncu6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 14px;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    background: #fff;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
}
.btn-converter:hover[b-3823wjncu6] {
    border-color: rgb(0, 110, 181);
    color: rgb(0, 110, 181);
    background: #eff6ff;
}

.lead-converter-aviso[b-3823wjncu6] {
    font-size: 0.8rem;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.lead-converter-form[b-3823wjncu6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lead-converter-acoes[b-3823wjncu6] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

/* ── Convertido ── */
.lead-convertido-info[b-3823wjncu6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #166534;
    margin-top: 16px;
    flex-wrap: wrap;
}

.lead-ver-empresa[b-3823wjncu6] {
    color: rgb(0, 110, 181);
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    margin-left: 4px;
}
.lead-ver-empresa:hover[b-3823wjncu6] { text-decoration: underline; }

.mt-2[b-3823wjncu6] { margin-top: 8px; }

/* /Components/Pages/Login.razor.rz.scp.css */
.login-card[b-dbf7lajhpi] {
    background-color: #ffffff;
    padding: 2.5rem;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 420px;
}

.login-logo[b-dbf7lajhpi] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.login-logo img[b-dbf7lajhpi] {
    width: 200px;
    height: auto;
}

.form-group[b-dbf7lajhpi] {
    margin-bottom: 1.2rem;
}

.form-group label[b-dbf7lajhpi] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 0.3rem;
    display: block;
}

.form-control[b-dbf7lajhpi] {
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.form-control:focus[b-dbf7lajhpi] {
    border-color: #1a6fc4;
    outline: none;
    box-shadow: 0 0 0 3px rgba(26, 111, 196, 0.15);
}

.btn-primary[b-dbf7lajhpi] {
    margin-top: 0.5rem;
    padding: 0.6rem;
    font-size: 1rem;
    border-radius: 6px;
    border: none;
    background-color: #1a6fc4;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-primary:hover:not(:disabled)[b-dbf7lajhpi] {
    background-color: #155a9e;
}

.btn-primary:disabled[b-dbf7lajhpi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.w-100[b-dbf7lajhpi] {
    width: 100%;
}

.alert-danger[b-dbf7lajhpi] {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
    border-radius: 6px;
    padding: 0.6rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.login-microsoft[b-dbf7lajhpi] {
    margin-bottom: 1.25rem;
}

.btn-microsoft[b-dbf7lajhpi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e293b;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
    box-sizing: border-box;
}

.btn-microsoft:hover[b-dbf7lajhpi] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
    text-decoration: none;
}

.login-divisor[b-dbf7lajhpi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    color: #94a3b8;
    font-size: 0.8rem;
}

.login-divisor[b-dbf7lajhpi]::before,
.login-divisor[b-dbf7lajhpi]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}
/* /Components/Pages/Negociacoes/NegociacaoDetalhe.razor.rz.scp.css */
/* ── Loading / erro ── */
.neg-loading[b-wjwyzxpycp] { padding: 3rem; text-align: center; color: #9ca3af; }

/* ── Header ── */
.neg-header[b-wjwyzxpycp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
    gap: 12px;
}
.neg-header-left[b-wjwyzxpycp] { display: flex; flex-direction: column; gap: 4px; }

.neg-back-link[b-wjwyzxpycp] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s;
}
.neg-back-link:hover[b-wjwyzxpycp] { color: rgb(0,110,181); }

.neg-titulo-row[b-wjwyzxpycp] { display: flex; align-items: center; gap: 10px; }
.neg-titulo[b-wjwyzxpycp] { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 0; }

.neg-btn-edit-nome[b-wjwyzxpycp] {
    background: none; border: none; color: #9ca3af;
    cursor: pointer; font-size: 1rem; padding: 0 4px;
    transition: color 0.15s;
}
.neg-btn-edit-nome:hover[b-wjwyzxpycp] { color: rgb(0,110,181); }

.neg-nome-edit[b-wjwyzxpycp] { display: flex; align-items: center; gap: 6px; }
.neg-nome-input[b-wjwyzxpycp] {
    font-size: 1.4rem; font-weight: 700; color: #111827;
    border: 1px solid rgb(0,110,181); border-radius: 6px;
    padding: 4px 10px; outline: none; width: 360px;
}

/* ── Status badge ── */
.neg-status-badge[b-wjwyzxpycp] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
}
.neg-status-aberto[b-wjwyzxpycp]  { background: #dbeafe; color: rgb(0,90,181); }
.neg-status-ganho[b-wjwyzxpycp]   { background: #dcfce7; color: #15803d; }
.neg-status-perdido[b-wjwyzxpycp] { background: #fee2e2; color: #b91c1c; }
.neg-status-pausado[b-wjwyzxpycp] { background: #f3f4f6; color: #6b7280; }

/* ── Select de status ── */
.neg-status-select[b-wjwyzxpycp] {
    padding: 4px 12px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 2px solid transparent;
    cursor: pointer;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
}
.neg-status-sel-aberto[b-wjwyzxpycp]  { background-color: #dbeafe; color: rgb(0,90,181); border-color: #bfdbfe; }
.neg-status-sel-ganho[b-wjwyzxpycp]   { background-color: #dcfce7; color: #15803d;       border-color: #bbf7d0; }
.neg-status-sel-perdido[b-wjwyzxpycp] { background-color: #fee2e2; color: #b91c1c;       border-color: #fecaca; }
.neg-status-sel-pausado[b-wjwyzxpycp] { background-color: #f3f4f6; color: #6b7280;       border-color: #e5e7eb; }

.neg-header-right[b-wjwyzxpycp] { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }

.neg-btn-excluir[b-wjwyzxpycp] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 12px; border: 1px solid #fca5a5;
    border-radius: 7px; background: #fff; color: #dc2626;
    font-size: 0.78rem; font-weight: 500; cursor: pointer;
    transition: all 0.15s;
}
.neg-btn-excluir:hover[b-wjwyzxpycp] { background: #fee2e2; border-color: #f87171; }

.neg-btn-excluir-confirm[b-wjwyzxpycp] {
    padding: 7px 18px; background: #dc2626; color: #fff;
    border: none; border-radius: 7px; font-size: 0.85rem;
    font-weight: 500; cursor: pointer; transition: background-color 0.15s;
}
.neg-btn-excluir-confirm:hover:not(:disabled)[b-wjwyzxpycp] { background: #b91c1c; }
.neg-btn-excluir-confirm:disabled[b-wjwyzxpycp] { opacity: 0.6; cursor: not-allowed; }

.neg-modal-erro[b-wjwyzxpycp] { background: #fee2e2; color: #b91c1c; border-radius: 6px; padding: 8px 12px; font-size: 0.82rem; margin-bottom: 12px; }
.neg-modal-texto[b-wjwyzxpycp] { font-size: 0.88rem; color: #374151; line-height: 1.5; margin: 0 0 16px; }

/* ── Modal overlay ── */
.neg-modal-overlay[b-wjwyzxpycp] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.neg-modal-box[b-wjwyzxpycp] {
    background: #fff;
    border-radius: 12px;
    padding: 28px 32px;
    width: 480px;
    max-width: 95vw;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.neg-modal-titulo[b-wjwyzxpycp] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}
.neg-modal-desc[b-wjwyzxpycp] {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

/* ── Info bar ── */
.neg-infobar[b-wjwyzxpycp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0;
    margin-bottom: 1.25rem;
    overflow: hidden;
}
.neg-info-item[b-wjwyzxpycp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 20px;
    border-right: 1px solid #f3f4f6;
    min-width: 140px;
}
.neg-info-item:last-child[b-wjwyzxpycp] { border-right: none; }
.neg-info-label[b-wjwyzxpycp] {
    font-size: 0.68rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.neg-info-val[b-wjwyzxpycp] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}
.neg-info-vazio[b-wjwyzxpycp] { color: #9ca3af; font-style: italic; }

.neg-select-inline[b-wjwyzxpycp] {
    border: 1px solid #d1d5db;
    border-radius: 5px;
    font-size: 0.82rem;
    padding: 3px 6px;
    color: #111827;
    background: #fff;
    outline: none;
    cursor: pointer;
    transition: border-color 0.15s;
}
.neg-select-inline:focus[b-wjwyzxpycp] { border-color: rgb(0,110,181); }

.neg-date-input[b-wjwyzxpycp] {
    border: 1px solid #d1d5db;
    border-radius: 5px;
    font-size: 0.82rem;
    padding: 3px 8px;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
}
.neg-date-input:focus[b-wjwyzxpycp] { border-color: rgb(0,110,181); }

.neg-btn-edit-mini[b-wjwyzxpycp] {
    background: none; border: none; color: #d1d5db;
    cursor: pointer; font-size: 0.85rem;
    transition: color 0.15s; padding: 0;
}
.neg-btn-edit-mini:hover[b-wjwyzxpycp] { color: rgb(0,110,181); }

/* ── Tabs ── */
.neg-tabs[b-wjwyzxpycp] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 1.25rem;
}
.neg-tab[b-wjwyzxpycp] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 10px 20px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s, border-color 0.15s;
}
.neg-tab:hover[b-wjwyzxpycp] { color: #111827; }
.neg-tab-ativo[b-wjwyzxpycp] {
    color: rgb(0,110,181);
    border-bottom-color: rgb(0,110,181);
    font-weight: 600;
}
.neg-tab-count[b-wjwyzxpycp] {
    background: #f3f4f6;
    color: #6b7280;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 1px 6px;
}
.neg-tab-ativo .neg-tab-count[b-wjwyzxpycp] {
    background: #dbeafe;
    color: rgb(0,90,181);
}

/* ── Tab content ── */
.neg-tab-content[b-wjwyzxpycp] { animation: fadeIn-b-wjwyzxpycp 0.15s ease; }
@keyframes fadeIn-b-wjwyzxpycp { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* ── Ações da timeline ── */
.neg-timeline-acoes[b-wjwyzxpycp] {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
}
.neg-btn-acao[b-wjwyzxpycp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all 0.15s;
    text-decoration: none;
}
.neg-btn-contato[b-wjwyzxpycp] {
    background: rgb(0,110,181);
    color: #fff;
}
.neg-btn-contato:hover[b-wjwyzxpycp] { background: rgb(0,90,155); color: #fff; }
.neg-btn-anotacao[b-wjwyzxpycp] {
    background: #fff;
    color: #374151;
    border: 1px solid #d1d5db;
}
.neg-btn-anotacao:hover[b-wjwyzxpycp] { border-color: #9ca3af; }

/* ── Form inline ── */
.neg-form-inline[b-wjwyzxpycp] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.neg-form-inline-grid[b-wjwyzxpycp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}
.neg-form-acoes[b-wjwyzxpycp] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* ── Timeline vazio ── */
.neg-timeline-vazio[b-wjwyzxpycp] {
    padding: 3rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.875rem;
    background: #fff;
    border: 1px dashed #e5e7eb;
    border-radius: 8px;
}

/* ── Timeline ── */
.neg-timeline[b-wjwyzxpycp] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}
.neg-timeline[b-wjwyzxpycp]::before {
    content: "";
    position: absolute;
    left: 19px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e5e7eb;
}

.neg-tl-item[b-wjwyzxpycp] {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    position: relative;
}
.neg-tl-item:last-child[b-wjwyzxpycp] { border-bottom: none; }

.neg-tl-icon[b-wjwyzxpycp] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1;
    border: 2px solid #fff;
}
.neg-tl-icon-ligacao[b-wjwyzxpycp]     { background: #dbeafe; color: rgb(0,90,181); }
.neg-tl-icon-reuniao[b-wjwyzxpycp]     { background: #ede9fe; color: #7c3aed; }
.neg-tl-icon-email[b-wjwyzxpycp]       { background: #fef3c7; color: #92400e; }
.neg-tl-icon-whatsapp[b-wjwyzxpycp]    { background: #dcfce7; color: #15803d; }
.neg-tl-icon-visita[b-wjwyzxpycp]      { background: #fff7ed; color: #c2410c; }
.neg-tl-icon-video[b-wjwyzxpycp]       { background: #f0fdf4; color: #16a34a; }
.neg-tl-icon-outro[b-wjwyzxpycp]       { background: #f3f4f6; color: #6b7280; }
.neg-tl-icon-nota[b-wjwyzxpycp]        { background: #fef9c3; color: #713f12; }

.neg-tl-corpo[b-wjwyzxpycp] {
    flex: 1;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    min-width: 0;
}
.neg-tl-anotacao .neg-tl-corpo[b-wjwyzxpycp] { background: #fffef0; border-color: #fde68a; }

.neg-tl-topo[b-wjwyzxpycp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.neg-tl-tipo[b-wjwyzxpycp] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #374151;
}
.neg-tl-data[b-wjwyzxpycp] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    padding: 2px 8px;
    margin-left: auto;
    white-space: nowrap;
}
.neg-tl-autor[b-wjwyzxpycp] {
    font-size: 0.75rem;
    color: #6b7280;
    background: #f3f4f6;
    padding: 1px 7px;
    border-radius: 999px;
}
.neg-tl-pauta[b-wjwyzxpycp] {
    font-size: 0.875rem;
    color: #111827;
    margin: 0 0 4px;
    font-weight: 500;
}
.neg-tl-obs[b-wjwyzxpycp] {
    font-size: 0.82rem;
    color: #6b7280;
    margin: 0;
}
.neg-tl-excluir[b-wjwyzxpycp] {
    background: none; border: none; cursor: pointer;
    font-size: 0.8rem; color: #d1d5db;
    float: right; transition: color 0.15s; padding: 0;
}
.neg-tl-excluir:hover[b-wjwyzxpycp] { color: #dc2626; }

.neg-tl-confirm-exc[b-wjwyzxpycp] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: #374151;
}

/* ── Status contato ── */
.neg-status-contato-realizado[b-wjwyzxpycp]  { background: #dcfce7; color: #15803d; padding: 1px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 600; }
.neg-status-contato-programado[b-wjwyzxpycp] { background: #dbeafe; color: rgb(0,90,181); padding: 1px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 600; }
.neg-status-contato-reagendado[b-wjwyzxpycp] { background: #fef3c7; color: #92400e; padding: 1px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 600; }
.neg-status-contato-cancelado[b-wjwyzxpycp]  { background: #fee2e2; color: #b91c1c; padding: 1px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 600; }

.neg-btn-concluir-contato[b-wjwyzxpycp] {
    margin-top: 8px;
    background: none;
    border: 1px solid #16a34a;
    color: #16a34a;
    border-radius: 5px;
    padding: 3px 12px;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}
.neg-btn-concluir-contato:hover[b-wjwyzxpycp] { background: #16a34a; color: #fff; }

/* ── Tarefas ── */
.neg-tarefas-lista[b-wjwyzxpycp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.neg-tarefa-item[b-wjwyzxpycp] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.neg-tarefa-concluida[b-wjwyzxpycp] {
    background: #f9fafb;
    border-color: #f3f4f6;
    opacity: 0.65;
}
.neg-tarefa-left[b-wjwyzxpycp] { display: flex; flex-direction: column; gap: 3px; }
.neg-tarefa-tipo[b-wjwyzxpycp] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #6b7280;
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 3px;
    width: fit-content;
}
.neg-tarefa-desc[b-wjwyzxpycp] { font-size: 0.875rem; font-weight: 600; color: #111827; }
.neg-tarefa-data[b-wjwyzxpycp] { font-size: 0.75rem; color: #6b7280; }
.neg-tarefa-resp[b-wjwyzxpycp] { font-size: 0.75rem; color: #9ca3af; }
.neg-btn-concluir[b-wjwyzxpycp] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    padding: 4px 14px;
    font-size: 0.78rem;
    cursor: pointer;
    color: #374151;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}
.neg-btn-concluir:hover[b-wjwyzxpycp] { border-color: #16a34a; color: #16a34a; }
.neg-tarefa-check[b-wjwyzxpycp] { font-size: 0.75rem; color: #15803d; white-space: nowrap; flex-shrink: 0; }

.neg-concluir-form[b-wjwyzxpycp] {
    flex: 1;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Serviços ── */
.neg-srv-chip[b-wjwyzxpycp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 500;
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    transition: all 0.15s;
}
.neg-srv-chip:hover[b-wjwyzxpycp] { border-color: rgb(0,110,181); color: rgb(0,110,181); }
.neg-srv-chip-sel[b-wjwyzxpycp] {
    background: #dbeafe;
    color: rgb(0,90,181);
    border-color: rgb(0,110,181);
}

/* ── Cotações ── */
.neg-cotacoes-lista[b-wjwyzxpycp] { display: flex; flex-direction: column; gap: 8px; }
.neg-cotacao-item[b-wjwyzxpycp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.12s;
    gap: 12px;
}
.neg-cotacao-item:hover[b-wjwyzxpycp] { border-color: rgb(0,110,181); background: #f0f7ff; }
.neg-cotacao-left[b-wjwyzxpycp] { display: flex; flex-direction: column; gap: 3px; }
.neg-cotacao-titulo[b-wjwyzxpycp] { font-size: 0.875rem; font-weight: 600; color: #111827; }
.neg-cotacao-tipo[b-wjwyzxpycp]   { font-size: 0.75rem; color: #6b7280; }
.neg-cotacao-rota[b-wjwyzxpycp]   { font-size: 0.75rem; color: #9ca3af; }
.neg-cotacao-data[b-wjwyzxpycp]   { font-size: 0.75rem; color: #9ca3af; }
/* /Components/Pages/Negociacoes/Negociacoes.razor.rz.scp.css */
/* ── Toggle de visualização (Kanban / Tabela) ── */
.view-toggle[b-xu8djasqad] {
    display: flex;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}
.view-toggle-btn[b-xu8djasqad] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: #fff;
    border: none;
    color: #9ca3af;
    cursor: pointer;
}
.view-toggle-btn + .view-toggle-btn[b-xu8djasqad] { border-left: 1px solid #e5e7eb; }
.view-toggle-btn:hover[b-xu8djasqad] { background: #f9fafb; color: #6b7280; }
.view-toggle-btn.ativo[b-xu8djasqad] { background: #eaf3fc; color: rgb(0, 110, 181); }

/* ── Kanban ── */
.kanban-board[b-xu8djasqad] {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 10px;
    align-items: flex-start;
}
.kanban-coluna[b-xu8djasqad] {
    flex: 0 0 280px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 260px);
}
.kanban-coluna-header[b-xu8djasqad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-bottom: 1px solid #e5e7eb;
}
.kanban-coluna-titulo[b-xu8djasqad] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kanban-coluna-contagem[b-xu8djasqad] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b7280;
    background: #eef0f2;
    border-radius: 10px;
    padding: 1px 8px;
    flex-shrink: 0;
    margin-left: 8px;
}
.kanban-coluna-corpo[b-xu8djasqad] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
}
.kanban-coluna-vazia[b-xu8djasqad] {
    text-align: center;
    color: #9ca3af;
    font-size: 0.78rem;
    padding: 1.5rem 0.5rem;
}

.kanban-card[b-xu8djasqad] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.kanban-card:hover[b-xu8djasqad] { border-color: rgb(0, 110, 181); box-shadow: 0 1px 4px rgba(0,0,0,0.08); }
.kanban-card-arrastando[b-xu8djasqad] { opacity: 0.4; }

.kanban-card-topo[b-xu8djasqad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}
.kanban-card-dias[b-xu8djasqad] {
    font-size: 0.68rem;
    color: #9ca3af;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.kanban-card-nome[b-xu8djasqad] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #111827;
}
.kanban-card-empresa[b-xu8djasqad] {
    font-size: 0.78rem;
    color: #6b7280;
}
.kanban-card-rodape[b-xu8djasqad] {
    display: flex;
    justify-content: flex-end;
}
.kanban-card-responsavel[b-xu8djasqad] {
    font-size: 0.72rem;
    color: #9ca3af;
}
/* /Components/Pages/NovaEmpresa.razor.rz.scp.css */
/* ── Header ── */
.ne-header[b-3lrywb3x70] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.5rem;
}

.ne-btn-voltar[b-3lrywb3x70] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}
.ne-btn-voltar:hover[b-3lrywb3x70] { border-color: #9ca3af; color: #374151; }

.ne-titulo[b-3lrywb3x70] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

/* ── Card ── */
.ne-card[b-3lrywb3x70] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 28px;
    max-width: 820px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* ── Grid de campos ── */
.ne-grid[b-3lrywb3x70] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ne-full[b-3lrywb3x70] { grid-column: 1 / -1; }

/* ── Campos ── */
.form-grupo[b-3lrywb3x70] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-grupo label[b-3lrywb3x70] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
}

.form-grupo input[b-3lrywb3x70],
.form-grupo select[b-3lrywb3x70],
.form-grupo textarea[b-3lrywb3x70] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
}

.form-grupo input:focus[b-3lrywb3x70],
.form-grupo select:focus[b-3lrywb3x70],
.form-grupo textarea:focus[b-3lrywb3x70] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.form-grupo textarea[b-3lrywb3x70] { resize: vertical; }

.obrigatorio[b-3lrywb3x70] { color: #dc2626; margin-left: 2px; }

/* ── Toggle ativo ── */
.ne-ativo-linha[b-3lrywb3x70] {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

/* ── Alertas ── */
.alerta[b-3lrywb3x70] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-erro[b-3lrywb3x70] { background: #fee2e2; color: #b91c1c; }

/* ── Ações ── */
.ne-acoes[b-3lrywb3x70] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid #f3f4f6;
}

.btn-cancelar[b-3lrywb3x70] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-cancelar:hover[b-3lrywb3x70] { border-color: #9ca3af; color: #374151; }

.btn-salvar[b-3lrywb3x70] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 24px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}
.btn-salvar:hover:not(:disabled)[b-3lrywb3x70] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-3lrywb3x70] { opacity: 0.6; cursor: not-allowed; }

/* ── Acesso negado ── */
.ne-acesso-negado[b-3lrywb3x70] { text-align: center; padding: 3rem; color: #9ca3af; }

/* ── Importar do IData ── */
.idata-import-bloco[b-3lrywb3x70] { display: flex; flex-direction: column; }

.btn-add-sm[b-3lrywb3x70] {
    align-self: flex-start;
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    transition: all 0.15s;
}
.btn-add-sm:hover[b-3lrywb3x70] { background: rgb(0, 110, 181); color: #fff; }

.idata-busca-panel[b-3lrywb3x70] { border: 1px solid #e5e7eb; border-radius: 6px; overflow: hidden; }
.idata-busca-topo[b-3lrywb3x70] { display: flex; gap: 6px; padding: 10px; background: #f9fafb; border-bottom: 1px solid #e5e7eb; }
.idata-busca-input[b-3lrywb3x70] { flex: 1; font-size: 0.82rem; border: 1px solid #d1d5db; border-radius: 5px; padding: 5px 8px; color: #111827; }

.btn-buscar-vinculo[b-3lrywb3x70] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 5px 14px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-3lrywb3x70] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-3lrywb3x70] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 4px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.busca-resultados[b-3lrywb3x70] { max-height: 240px; overflow-y: auto; }
.busca-item[b-3lrywb3x70] { padding: 9px 12px; cursor: pointer; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-3lrywb3x70] { border-bottom: none; }
.busca-item:hover[b-3lrywb3x70] { background: #eff6ff; }
.busca-item-nome[b-3lrywb3x70] { font-size: 0.85rem; font-weight: 500; color: #111827; }
.busca-item-meta[b-3lrywb3x70] { display: flex; gap: 10px; margin-top: 2px; font-size: 0.75rem; color: #6b7280; flex-wrap: wrap; }

.busca-erro[b-3lrywb3x70] { font-size: 0.8rem; color: #b91c1c; padding: 8px 12px; margin: 0; }
.texto-vazio-inline[b-3lrywb3x70] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; padding: 10px 12px; }
/* /Components/Pages/Pricing/Pricing.razor.rz.scp.css */
.page-subtitulo[b-9ruzotq6cr] { font-size: 0.85rem; color: #6b7280; }

/* ── Filtros ── */
.prc-filtros[b-9ruzotq6cr] { display: flex; gap: 10px; margin-bottom: 14px; }
.prc-filtro-busca[b-9ruzotq6cr] {
    flex: 1;
    max-width: 320px;
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
}
.prc-filtro-select[b-9ruzotq6cr] {
    padding: 7px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    background: #fff;
}

/* ── Tabela compacta ── */
.prc-tabela th[b-9ruzotq6cr], .prc-tabela td[b-9ruzotq6cr] { padding: 8px 14px; font-size: 0.82rem; }
.prc-linha-clicavel[b-9ruzotq6cr] { cursor: pointer; }
.prc-linha-clicavel:hover[b-9ruzotq6cr] { background: #f9fafb; }
.prc-icone-obs[b-9ruzotq6cr] { display: inline-flex; margin-left: 6px; color: #b45309; vertical-align: middle; cursor: help; }

.texto-vazio-inline[b-9ruzotq6cr] { font-size: 0.82rem; color: #9ca3af; font-style: italic; margin: 0; }

.btn-add-sm[b-9ruzotq6cr] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.78rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.btn-add-sm:hover[b-9ruzotq6cr] { background: rgb(0, 110, 181); color: #fff; }

/* ── Modal de detalhe (sobreposição) ── */
.prc-modal[b-9ruzotq6cr] {
    max-width: 720px;
    max-height: 85vh;
    overflow-y: auto;
}
.prc-modal-header[b-9ruzotq6cr] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.prc-modal-header h3[b-9ruzotq6cr] { margin: 0 0 2px 0; }
.prc-modal-corpo[b-9ruzotq6cr] { display: flex; flex-direction: column; gap: 10px; }
.prc-modal-footer[b-9ruzotq6cr] { display: flex; justify-content: flex-end; padding-top: 4px; border-top: 1px solid #f3f4f6; }

.prc-obs-comercial[b-9ruzotq6cr] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 8px 12px;
}
.prc-obs-comercial p[b-9ruzotq6cr] { margin: 4px 0 0 0; font-size: 0.85rem; color: #78350f; }

/* ── Solicitações de cotação a fornecedor ── */
.cd2-vinculo-titulo[b-9ruzotq6cr] { font-size: 0.78rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.03em; }
.cd2-forn-lista[b-9ruzotq6cr] { display: flex; flex-direction: column; gap: 8px; }
.cd2-forn-item[b-9ruzotq6cr] { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 6px; padding: 10px 12px; }
.cd2-forn-linha[b-9ruzotq6cr] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cd2-forn-nome[b-9ruzotq6cr] { font-size: 0.875rem; font-weight: 600; color: #111827; }
.cd2-forn-valor[b-9ruzotq6cr] { font-size: 0.875rem; font-weight: 700; color: rgb(0, 110, 181); }
.cd2-forn-info[b-9ruzotq6cr] { font-size: 0.78rem; color: #6b7280; }
.cd2-forn-acoes[b-9ruzotq6cr] { display: flex; gap: 8px; margin-top: 8px; }
.cd2-forn-resposta-form[b-9ruzotq6cr] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 10px; }

.cd2-badge-forn-aguardando[b-9ruzotq6cr] { background: #f3f4f6; color: #6b7280; }
.cd2-badge-forn-recebido[b-9ruzotq6cr] { background: #fef3c7; color: #b45309; }
.cd2-badge-forn-recusado[b-9ruzotq6cr] { background: #fee2e2; color: #b91c1c; }
.cd2-badge-forn-selecionado[b-9ruzotq6cr] { background: #dcfce7; color: #15803d; }

.cd2-btn-excluir-item[b-9ruzotq6cr] {
    background: none;
    border: none;
    color: #9ca3af;
    font-size: 0.9rem;
    cursor: pointer;
    border-radius: 4px;
    padding: 4px 8px;
    flex-shrink: 0;
}
.cd2-btn-excluir-item:hover[b-9ruzotq6cr] { background: #fee2e2; color: #b91c1c; }

.btn-buscar-vinculo[b-9ruzotq6cr] { background: rgb(0, 110, 181); color: #fff; border: none; border-radius: 5px; padding: 7px 16px; font-size: 0.82rem; cursor: pointer; flex-shrink: 0; }
.btn-buscar-vinculo:disabled[b-9ruzotq6cr] { opacity: 0.6; cursor: not-allowed; }
.btn-fechar-busca[b-9ruzotq6cr] { background: none; border: 1px solid #d1d5db; border-radius: 5px; color: #6b7280; padding: 6px 10px; cursor: pointer; font-size: 0.82rem; flex-shrink: 0; }

.cd2-vinculo-busca[b-9ruzotq6cr] { display: flex; align-items: flex-end; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.cd2-vinculo-busca .form-grupo[b-9ruzotq6cr] { flex: 0 0 160px; }
.cd2-vinculo-resultado[b-9ruzotq6cr] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.busca-resultados[b-9ruzotq6cr] { max-height: 240px; overflow-y: auto; }
.busca-item[b-9ruzotq6cr] { padding: 9px 12px; border-bottom: 1px solid #f3f4f6; }
.busca-item:last-child[b-9ruzotq6cr] { border-bottom: none; }
.busca-item-nome[b-9ruzotq6cr] { font-size: 0.85rem; font-weight: 500; color: #111827; }

.ne-full[b-9ruzotq6cr] { grid-column: 1 / -1; }
.ne-acoes[b-9ruzotq6cr] { display: flex; justify-content: flex-end; gap: 10px; }

/* ── Modal overlay (sobreposição), mesmo padrão de CotacaoDetalhe.razor ── */
.cd2-modal-overlay[b-9ruzotq6cr] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}
.cd2-modal[b-9ruzotq6cr] {
    background: #fff;
    border-radius: 10px;
    padding: 24px;
    width: 90%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.cd2-modal h3[b-9ruzotq6cr] { margin: 0; font-size: 1.05rem; color: #111827; }
.cd2-modal p[b-9ruzotq6cr] { margin: 0; font-size: 0.875rem; color: #6b7280; line-height: 1.5; }
/* /Components/Pages/Seguranca/Grupos.razor.rz.scp.css */
/* ── Header ── */
.page-header[b-9qf6ucneei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.page-titulo[b-9qf6ucneei] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

/* ── Layout principal (lista + painel) ── */
.layout-principal[b-9qf6ucneei] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.lista-coluna[b-9qf6ucneei] {
    flex: 1;
    min-width: 0;
}

/* ── Tabela ── */
.tabela-wrapper[b-9qf6ucneei] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.tabela[b-9qf6ucneei] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tabela thead tr[b-9qf6ucneei] {
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tabela th[b-9qf6ucneei] {
    padding: 10px 16px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.tabela tbody tr[b-9qf6ucneei] {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.1s;
}

.tabela tbody tr:last-child[b-9qf6ucneei] {
    border-bottom: none;
}

.linha-clicavel[b-9qf6ucneei] { cursor: pointer; }
.linha-clicavel:hover[b-9qf6ucneei] { background-color: #f0f7ff; }
.linha-selecionada[b-9qf6ucneei] { background-color: #e8f4fd !important; border-left: 3px solid rgb(0, 110, 181); }

.tabela td[b-9qf6ucneei] {
    padding: 10px 16px;
    color: #374151;
    vertical-align: middle;
}

.col-acao[b-9qf6ucneei] { width: 40px; text-align: center; color: #9ca3af; }
.linha-clicavel:hover .col-acao[b-9qf6ucneei],
.linha-selecionada .col-acao[b-9qf6ucneei] { color: rgb(0, 110, 181); }

/* ── Avatar e info do usuário ── */
.usuario-info[b-9qf6ucneei] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar[b-9qf6ucneei] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-foto[b-9qf6ucneei] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
}

.usuario-nome[b-9qf6ucneei] { display: block; font-weight: 500; color: #111827; }
.usuario-email[b-9qf6ucneei] { display: block; font-size: 0.75rem; color: #9ca3af; }

/* ── Badges ── */
.badge[b-9qf6ucneei] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

/* ── Painel lateral ── */
.painel[b-9qf6ucneei] {
    width: 400px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

.painel-header[b-9qf6ucneei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.painel-titulo[b-9qf6ucneei] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.btn-fechar[b-9qf6ucneei] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    transition: color 0.15s;
}
.btn-fechar:hover[b-9qf6ucneei] { color: #374151; }

.painel-corpo[b-9qf6ucneei] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

/* ── Alertas ── */
.alerta[b-9qf6ucneei] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-sucesso[b-9qf6ucneei] { background: #dcfce7; color: #15803d; }
.alerta-erro[b-9qf6ucneei]    { background: #fee2e2; color: #b91c1c; }

/* ── Membros do grupo ── */
.grp-membros-lista[b-9qf6ucneei] { display: flex; flex-direction: column; gap: 8px; }

.grp-membro-item[b-9qf6ucneei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #f9fafb;
}

.grp-membro-acao select[b-9qf6ucneei] {
    font-size: 0.78rem;
    padding: 4px 8px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: #fff;
    color: #374151;
    cursor: pointer;
    outline: none;
}
.grp-membro-acao select:focus[b-9qf6ucneei] { border-color: rgb(0,110,181); }

/* ── Busca para adicionar usuário ── */
.search-select-input[b-9qf6ucneei] {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #111827;
    background: #fff;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.15s;
}
.search-select-input:focus-within[b-9qf6ucneei] {
    border-color: rgb(0,110,181);
    box-shadow: 0 0 0 2px rgba(0,110,181,0.12);
}
.search-select-input input[b-9qf6ucneei] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.85rem;
    color: #111827;
    font-family: inherit;
}

.grp-busca-wrap[b-9qf6ucneei] {
    position: relative;
}

.search-select-drop[b-9qf6ucneei] {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    z-index: 100;
    max-height: 220px;
    overflow-y: auto;
}

.search-select-item[b-9qf6ucneei] {
    padding: 8px 12px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.1s;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.search-select-item:hover[b-9qf6ucneei] { background: #f0f7ff; }

.search-select-vazio[b-9qf6ucneei] {
    padding: 10px 12px;
    font-size: 0.82rem;
    color: #9ca3af;
    text-align: center;
}

/* ── Estado vazio ── */
.estado-vazio[b-9qf6ucneei] { text-align: center; padding: 3rem; color: #9ca3af; font-size: 0.9rem; }
.texto-vazio[b-9qf6ucneei]  { text-align: center; padding: 2rem; color: #9ca3af; font-size: 0.875rem; }

/* ── Acesso negado ── */
.acesso-negado[b-9qf6ucneei] { text-align: center; padding: 3rem; color: #9ca3af; font-size: 0.9rem; }
/* /Components/Pages/Seguranca/Usuarios.razor.rz.scp.css */
/* ── Header ── */
.page-header[b-ufdi322okn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.page-titulo[b-ufdi322okn] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.btn-novo[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}

.btn-novo:hover[b-ufdi322okn] {
    background-color: rgb(0, 90, 155);
}

/* ── Layout principal (lista + painel) ── */
.layout-principal[b-ufdi322okn] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.lista-coluna[b-ufdi322okn] {
    flex: 1;
    min-width: 0;
}

/* ── Filtros ── */
.filtros-card[b-ufdi322okn] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 1rem;
}

.filtros-linha[b-ufdi322okn] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.filtro-campo[b-ufdi322okn] {
    display: flex;
    flex-direction: column;
}

.filtro-busca[b-ufdi322okn] {
    flex: 1;
    min-width: 200px;
}

.input-icon[b-ufdi322okn] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon svg[b-ufdi322okn] {
    position: absolute;
    left: 10px;
    color: #9ca3af;
    pointer-events: none;
}

.input-icon input[b-ufdi322okn] {
    width: 100%;
    padding: 7px 10px 7px 32px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    outline: none;
    transition: border-color 0.15s;
}

.input-icon input:focus[b-ufdi322okn] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.filtro-campo select[b-ufdi322okn] {
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    background: #fff;
    outline: none;
    cursor: pointer;
    transition: border-color 0.15s;
}

.filtro-campo select:focus[b-ufdi322okn] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

/* ── Tabela ── */
.tabela-info[b-ufdi322okn] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 8px;
}

.tabela-wrapper[b-ufdi322okn] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.tabela[b-ufdi322okn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.tabela thead tr[b-ufdi322okn] {
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tabela th[b-ufdi322okn] {
    padding: 10px 16px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.tabela tbody tr[b-ufdi322okn] {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.1s;
}

.tabela tbody tr:last-child[b-ufdi322okn] {
    border-bottom: none;
}

.linha-clicavel[b-ufdi322okn] {
    cursor: pointer;
}

.linha-clicavel:hover[b-ufdi322okn] {
    background-color: #f0f7ff;
}

.linha-selecionada[b-ufdi322okn] {
    background-color: #e8f4fd !important;
    border-left: 3px solid rgb(0, 110, 181);
}

.tabela td[b-ufdi322okn] {
    padding: 10px 16px;
    color: #374151;
    vertical-align: middle;
}

/* ── Avatar e info do usuário ── */
.usuario-info[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.avatar[b-ufdi322okn] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.usuario-nome[b-ufdi322okn] {
    display: block;
    font-weight: 500;
    color: #111827;
}

.usuario-email[b-ufdi322okn] {
    display: block;
    font-size: 0.75rem;
    color: #9ca3af;
}

/* ── Badges ── */
.badge[b-ufdi322okn] {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
}

.badge-ativo[b-ufdi322okn]   { background: #dcfce7; color: #15803d; }
.badge-inativo[b-ufdi322okn] { background: #fee2e2; color: #b91c1c; }

.col-acao[b-ufdi322okn] {
    width: 40px;
    text-align: center;
    color: #9ca3af;
}

.linha-clicavel:hover .col-acao[b-ufdi322okn],
.linha-selecionada .col-acao[b-ufdi322okn] {
    color: rgb(0, 110, 181);
}

/* ── Painel lateral ── */
.painel[b-ufdi322okn] {
    width: 360px;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
}

.painel-header[b-ufdi322okn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
}

.painel-titulo[b-ufdi322okn] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.btn-fechar[b-ufdi322okn] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    transition: color 0.15s;
}

.btn-fechar:hover[b-ufdi322okn] {
    color: #374151;
}

.painel-corpo[b-ufdi322okn] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

/* ── Formulário ── */
.form-grupo[b-ufdi322okn] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-grupo label[b-ufdi322okn] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
}

.form-grupo input[type="text"][b-ufdi322okn],
.form-grupo input[type="email"][b-ufdi322okn],
.form-grupo input[type="password"][b-ufdi322okn],
.form-grupo select[b-ufdi322okn] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.form-grupo input:focus[b-ufdi322okn],
.form-grupo select:focus[b-ufdi322okn] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.form-grupo-inline[b-ufdi322okn] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/* ── Toggle switch ── */
.toggle[b-ufdi322okn] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    cursor: pointer;
}

.toggle input[b-ufdi322okn] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

.toggle-slider[b-ufdi322okn] {
    position: absolute;
    inset: 0;
    background-color: #d1d5db;
    border-radius: 999px;
    transition: background-color 0.2s;
}

.toggle-slider[b-ufdi322okn]::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}

.toggle input:checked + .toggle-slider[b-ufdi322okn] {
    background-color: rgb(0, 110, 181);
}

.toggle input:checked + .toggle-slider[b-ufdi322okn]::before {
    transform: translateX(18px);
}

/* ── Alertas ── */
.alerta[b-ufdi322okn] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 0.82rem;
}

.alerta-sucesso[b-ufdi322okn] { background: #dcfce7; color: #15803d; }
.alerta-erro[b-ufdi322okn]    { background: #fee2e2; color: #b91c1c; }

/* ── Rodapé do painel ── */
.painel-rodape[b-ufdi322okn] {
    display: flex;
    gap: 10px;
    padding: 16px 20px;
    border-top: 1px solid #e5e7eb;
    justify-content: flex-end;
}

.btn-cancelar[b-ufdi322okn] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancelar:hover[b-ufdi322okn] {
    border-color: #9ca3af;
    color: #374151;
}

.btn-salvar[b-ufdi322okn] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 20px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}

.btn-salvar:hover:not(:disabled)[b-ufdi322okn] {
    background-color: rgb(0, 90, 155);
}

.btn-salvar:disabled[b-ufdi322okn] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Acesso negado ── */
.acesso-negado[b-ufdi322okn] {
    text-align: center;
    padding: 3rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* ── Estado vazio ── */
.estado-vazio[b-ufdi322okn] {
    text-align: center;
    padding: 3rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

/* ── Foto do usuário ── */
.foto-section[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 0 16px;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 4px;
}

.foto-preview[b-ufdi322okn] {
    position: relative;
    flex-shrink: 0;
}

.foto-img[b-ufdi322okn] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e7eb;
    display: block;
}

.foto-avatar[b-ufdi322okn] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgb(0, 110, 181);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.foto-rem[b-ufdi322okn] {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.foto-acoes[b-ufdi322okn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-foto-upload[b-ufdi322okn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #374151;
    cursor: pointer;
    background: #f9fafb;
    transition: border-color 0.12s, background 0.12s;
    user-select: none;
}
.btn-foto-upload:hover[b-ufdi322okn] { border-color: rgb(0,110,181); background: #eff6ff; color: rgb(0,110,181); }

.btn-foto-ms[b-ufdi322okn] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #374151;
    cursor: pointer;
    background: #f9fafb;
    transition: border-color 0.12s, background 0.12s;
}
.btn-foto-ms:hover:not(:disabled)[b-ufdi322okn] { border-color: #0078d4; background: #f0f7ff; color: #0078d4; }
.btn-foto-ms:disabled[b-ufdi322okn] { opacity: 0.6; cursor: not-allowed; }

.foto-msg[b-ufdi322okn] { font-size: 0.75rem; }
.foto-msg-ok[b-ufdi322okn]  { color: #15803d; }
.foto-msg-erro[b-ufdi322okn] { color: #b91c1c; }

.avatar-foto[b-ufdi322okn] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

/* ── Empresas vinculadas ── */
.form-grupo-label-sep[b-ufdi322okn] {
    display: block;
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
    padding-top: 4px;
    border-top: 1px solid #f3f4f6;
}

.emp-sel-chips[b-ufdi322okn] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
    min-height: 36px;
    padding: 5px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    position: relative;
}

.emp-chip[b-ufdi322okn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #dbeafe;
    color: #1d4ed8;
    border-radius: 4px;
    padding: 2px 6px 2px 8px;
    font-size: 0.78rem;
    font-weight: 500;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.emp-chip-rem[b-ufdi322okn] {
    background: none;
    border: none;
    cursor: pointer;
    color: #93c5fd;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0 1px;
    flex-shrink: 0;
    transition: color 0.1s;
}
.emp-chip-rem:hover[b-ufdi322okn] { color: #1d4ed8; }

.emp-dropdown-trigger[b-ufdi322okn] {
    background: none;
    border: 1px dashed #d1d5db;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 0.75rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.12s, color 0.12s;
}
.emp-dropdown-trigger:hover[b-ufdi322okn] { border-color: rgb(0,110,181); color: rgb(0,110,181); }

.emp-dropdown[b-ufdi322okn] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-top: 4px;
}

.emp-busca[b-ufdi322okn] {
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.82rem;
    color: #111827;
    outline: none;
    font-family: inherit;
    background: #f9fafb;
}

.emp-dropdown-lista[b-ufdi322okn] {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.emp-dropdown-item[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #f9fafb;
    transition: background 0.1s;
}
.emp-dropdown-item:last-child[b-ufdi322okn] { border-bottom: none; }
.emp-dropdown-item:hover[b-ufdi322okn] { background: #f3f4f6; }
.emp-dropdown-item-sel[b-ufdi322okn] { background: #eff6ff; }
.emp-dropdown-item-sel:hover[b-ufdi322okn] { background: #dbeafe; }

.emp-item-nome[b-ufdi322okn] {
    font-size: 0.82rem;
    color: #111827;
    flex: 1;
}

.emp-check-mark[b-ufdi322okn] {
    font-size: 0.82rem;
    color: rgb(0, 110, 181);
    font-weight: 700;
    flex-shrink: 0;
}

.emp-dropdown-vazio[b-ufdi322okn] {
    padding: 12px;
    font-size: 0.82rem;
    color: #9ca3af;
    text-align: center;
}

/* ── Competências (serviço/modal que o usuário atende) ── */
.usm-hint[b-ufdi322okn] { font-size: 0.72rem; color: #6b7280; margin: 2px 0 8px; }
.usm-chips[b-ufdi322okn] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.usm-chip[b-ufdi322okn] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 4px;
    padding: 3px 6px 3px 8px;
    font-size: 0.76rem;
    font-weight: 500;
    white-space: nowrap;
}
.usm-chip-rem[b-ufdi322okn] {
    background: none;
    border: none;
    cursor: pointer;
    color: #a5b4fc;
    font-size: 0.95rem;
    line-height: 1;
    padding: 0 1px;
    flex-shrink: 0;
}
.usm-chip-rem:hover[b-ufdi322okn] { color: #4338ca; }
.usm-add-linha[b-ufdi322okn] { display: flex; gap: 6px; align-items: center; }
.usm-add-linha select[b-ufdi322okn] { flex: 1; min-width: 0; }
/* /Components/Shared/BotaoTarefas.razor.rz.scp.css */
.tarefas-btn-wrapper[b-f3t2xejx30] {
    position: relative;
}

.tarefas-btn[b-f3t2xejx30] {
    position: relative;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s, color 0.15s;
}

.tarefas-btn:hover[b-f3t2xejx30] {
    background-color: #f3f4f6;
    color: #111827;
}

.tarefas-badge[b-f3t2xejx30] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f59e0b;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 2px solid #f4f6f9;
    line-height: 1;
}
/* /Components/Shared/FormTarefa.razor.rz.scp.css */
/* ── Overlay ── */
.modal-overlay[b-pvx2ljtmvk] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 200;
}

/* ── Modal ── */
.modal[b-pvx2ljtmvk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 520px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    z-index: 201;
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

/* ── Header ── */
.modal-header[b-pvx2ljtmvk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #e5e7eb;
}

.modal-titulo[b-pvx2ljtmvk] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.btn-fechar[b-pvx2ljtmvk] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    transition: color 0.15s;
}

.btn-fechar:hover[b-pvx2ljtmvk] { color: #374151; }

/* ── Alerta ── */
.alerta[b-pvx2ljtmvk] {
    margin: 0 20px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 0.82rem;
    margin-top: 12px;
}

.alerta-sucesso[b-pvx2ljtmvk] { background: #dcfce7; color: #15803d; }
.alerta-erro[b-pvx2ljtmvk]    { background: #fee2e2; color: #b91c1c; }

/* ── Corpo ── */
.modal-corpo[b-pvx2ljtmvk] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow-y: auto;
    flex: 1;
}

/* ── Formulário ── */
.form-grupo[b-pvx2ljtmvk] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-grupo label[b-pvx2ljtmvk] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
}

.obrigatorio[b-pvx2ljtmvk] { color: #dc2626; }

.form-grupo input[type="text"][b-pvx2ljtmvk],
.form-grupo input[type="datetime-local"][b-pvx2ljtmvk],
.form-grupo select[b-pvx2ljtmvk],
.form-grupo textarea[b-pvx2ljtmvk] {
    padding: 8px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}

.form-grupo input:focus[b-pvx2ljtmvk],
.form-grupo select:focus[b-pvx2ljtmvk],
.form-grupo textarea:focus[b-pvx2ljtmvk] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.form-grupo textarea[b-pvx2ljtmvk] { resize: vertical; }

.form-linha[b-pvx2ljtmvk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* ── Responsáveis ── */
.responsaveis-lista[b-pvx2ljtmvk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 6px;
}

.responsavel-opcao[b-pvx2ljtmvk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 0.82rem;
    color: #374151;
    transition: background-color 0.1s;
    user-select: none;
}

.responsavel-opcao:hover[b-pvx2ljtmvk] { background-color: #f3f4f6; }

.responsavel-selecionado[b-pvx2ljtmvk] { background-color: #eff6ff; color: rgb(0, 110, 181); }

.responsavel-opcao input[b-pvx2ljtmvk] { display: none; }

.avatar-xs[b-pvx2ljtmvk] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: rgb(0, 110, 181);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.responsavel-selecionado .avatar-xs[b-pvx2ljtmvk] {
    background-color: rgb(0, 90, 155);
}

/* ── Conclusão ── */
.conclusao-info[b-pvx2ljtmvk] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: #f0f7ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 12px 14px;
}

.conclusao-label[b-pvx2ljtmvk] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.conclusao-valor[b-pvx2ljtmvk] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #111827;
}

/* ── Rodapé ── */
.modal-rodape[b-pvx2ljtmvk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
    border-top: 1px solid #e5e7eb;
}

.btn-excluir[b-pvx2ljtmvk] {
    background: none;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.82rem;
    color: #dc2626;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-excluir:hover:not(:disabled)[b-pvx2ljtmvk] {
    background: #fee2e2;
}

.btn-concluir[b-pvx2ljtmvk] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.82rem;
    color: #15803d;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-concluir:hover:not(:disabled)[b-pvx2ljtmvk] {
    background: #15803d;
    color: #fff;
    border-color: #15803d;
}

.btn-cancelar[b-pvx2ljtmvk] {
    margin-left: auto;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-cancelar:hover[b-pvx2ljtmvk] { border-color: #9ca3af; color: #374151; }

.btn-salvar[b-pvx2ljtmvk] {
    background-color: rgb(0, 110, 181);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
}

.btn-salvar:hover:not(:disabled)[b-pvx2ljtmvk] { background-color: rgb(0, 90, 155); }

.btn-salvar:disabled[b-pvx2ljtmvk],
.btn-excluir:disabled[b-pvx2ljtmvk],
.btn-concluir:disabled[b-pvx2ljtmvk] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Shared/NotificacaoPendencias.razor.rz.scp.css */
.notif-wrapper[b-8zjhq3iyob] {
    position: relative;
}

/* ── Botão sino ── */
.notif-btn[b-8zjhq3iyob] {
    position: relative;
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s, color 0.15s;
}

.notif-btn:hover[b-8zjhq3iyob] {
    background-color: #f3f4f6;
    color: #111827;
}

.notif-badge[b-8zjhq3iyob] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #dc2626;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    min-width: 16px;
    height: 16px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 2px solid #f4f6f9;
    line-height: 1;
}

/* ── Overlay para fechar ao clicar fora ── */
.notif-overlay[b-8zjhq3iyob] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* ── Painel dropdown ── */
.notif-painel[b-8zjhq3iyob] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    z-index: 100;
    overflow: hidden;
}

.notif-header[b-8zjhq3iyob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid #f3f4f6;
    background: #f9fafb;
}

.notif-titulo[b-8zjhq3iyob] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #111827;
}

.notif-count[b-8zjhq3iyob] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #dc2626;
    background: #fee2e2;
    padding: 2px 8px;
    border-radius: 999px;
}

/* ── Lista ── */
.notif-lista[b-8zjhq3iyob] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow-y: auto;
}

.notif-item[b-8zjhq3iyob] {
    padding: 12px 16px;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background-color 0.1s;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.notif-item:last-child[b-8zjhq3iyob] { border-bottom: none; }

.notif-item:hover[b-8zjhq3iyob] { background-color: #f0f7ff; }

.notif-item-atrasado[b-8zjhq3iyob] {
    border-left: 3px solid #dc2626;
}

.notif-item-topo[b-8zjhq3iyob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.notif-empresa[b-8zjhq3iyob] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-data[b-8zjhq3iyob] {
    font-size: 0.72rem;
    color: #9ca3af;
    white-space: nowrap;
    flex-shrink: 0;
}

.notif-data-atrasado[b-8zjhq3iyob] {
    color: #dc2626;
    font-weight: 600;
}

.notif-item-corpo[b-8zjhq3iyob] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.notif-tipo[b-8zjhq3iyob] {
    font-size: 0.68rem;
    font-weight: 600;
    background: #f3f4f6;
    color: #374151;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
}

.notif-pauta[b-8zjhq3iyob] {
    font-size: 0.78rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notif-responsavel[b-8zjhq3iyob] {
    font-size: 0.7rem;
    color: #9ca3af;
}

/* ── Estado vazio ── */
.notif-vazio[b-8zjhq3iyob] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 8px;
    color: #9ca3af;
}

.notif-vazio-icone[b-8zjhq3iyob] { color: #d1d5db; }

.notif-vazio p[b-8zjhq3iyob] {
    font-size: 0.82rem;
    margin: 0;
}
/* /Components/Shared/SinoNotificacoes.razor.rz.scp.css */
/* estilos movidos para wwwroot/app.css */
