/* /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: #f6f6f6;
}

.topo-conteudo[b-psoclydc7m] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px 2rem;
    border-bottom: 1px solid #efefef;
    background: #f6f6f6;
    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 */
/* ── Identidade Fischer & Rechsteiner — azul da marca (badge do logo), em profundidade tonal ── */
.nav-sidebar[b-x7yb7k9drw] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #1a1a1a;
    color: #ffffff;
    overflow: hidden;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
}

/* ── Header ── */
.nav-header[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    height: 58px;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.nav-logo[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    gap: 9px;
    overflow: hidden;
    min-width: 0;
}

/* Selo do logo (LogoFischer.png, já um quadrado 800×800) exibido inteiro. */
.nav-logo-badge[b-x7yb7k9drw] {
    flex-shrink: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background-color: #036eb4;
    background-image: url('images/LogoFischer.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.nav-logo-word[b-x7yb7k9drw] {
    font-size: 0.86rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
}

.nav-logo-word em[b-x7yb7k9drw] {
    font-style: normal;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.75);
}

.btn-toggle[b-x7yb7k9drw] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.btn-toggle:hover[b-x7yb7k9drw] {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* ── Nav items ── */
.nav-items[b-x7yb7k9drw] {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    flex: 1;
    overflow-y: auto;
}

.nav-items li[b-x7yb7k9drw] {
    margin: 2px 8px;
}

.nav-items[b-x7yb7k9drw]  a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px 7px 8px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.75);
    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.1);
    color: #ffffff;
}

.nav-items[b-x7yb7k9drw]  a.active {
    background-color: #006eb6;
    color: #ffffff;
    font-weight: 700;
}

.nav-items[b-x7yb7k9drw]  a.active .nav-icon {
    background: #ffffff;
    color: #006eb6;
    box-shadow: 0 1px 3px rgba(1, 33, 56, 0.35);
}

/* Ícones em chip: dá aos botões/links um alvo de toque consistente em vez de glifos soltos */
.nav-icon[b-x7yb7k9drw] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.08);
    transition: background-color 0.15s, color 0.15s;
}

.nav-items[b-x7yb7k9drw]  a:hover .nav-icon {
    background: rgba(255, 255, 255, 0.16);
}

.nav-items[b-x7yb7k9drw]  svg {
    flex-shrink: 0;
}

/* ── Grupo retrátil — mesmo tratamento visual dos links de primeiro nível, só troca
   o <a> por <button> e ganha um chevron. Sem versalete, sem recuo especial. ── */
.nav-grupo[b-x7yb7k9drw] {
    margin: 10px 8px 2px !important;
}

.nav-grupo-btn[b-x7yb7k9drw] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.875rem;
    font-weight: 400;
    padding: 7px 10px 7px 8px;
    cursor: pointer;
    border-radius: 7px;
    transition: color 0.15s, background-color 0.15s;
}

.nav-grupo-btn:hover[b-x7yb7k9drw] {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.nav-grupo-label[b-x7yb7k9drw] {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chevron[b-x7yb7k9drw] {
    transition: transform 0.2s ease;
    flex-shrink: 0;
    opacity: 0.7;
}

.chevron-aberto[b-x7yb7k9drw] {
    transform: rotate(180deg);
}

/* Subitens ficam alinhados com os demais itens — sem recuo, sem trilho extra */

/* ── Botões que abrem grupo, toggle e sair: cartão tátil consistente ── */
.btn-toggle[b-x7yb7k9drw],
.btn-logout[b-x7yb7k9drw] {
    box-sizing: border-box;
}

/* ── 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;
    background: rgba(0, 0, 0, 0.12);
}

.nav-footer-avatar[b-x7yb7k9drw] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 0.72rem;
    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.35);
}

.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: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-footer-email[b-x7yb7k9drw] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-logout[b-x7yb7k9drw] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}

.btn-logout:hover[b-x7yb7k9drw] {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

.btn-logout-recolhido[b-x7yb7k9drw] {
    margin: 0 auto;
}

@media (prefers-reduced-motion: reduce) {
    .nav-items[b-x7yb7k9drw]  a,
    .nav-icon[b-x7yb7k9drw],
    .nav-grupo-btn[b-x7yb7k9drw],
    .btn-toggle[b-x7yb7k9drw],
    .btn-logout[b-x7yb7k9drw],
    .chevron[b-x7yb7k9drw] {
        transition: none;
    }
}

/* Cascata: cada nível de agrupamento desloca seus filhos 14px para a direita
   (grupo -> item, grupo -> subgrupo -> item). Menu recolhido não recua: só há ícones. */
.nav-items:not(.nav-items-recolhido)[b-x7yb7k9drw]  a.nav-subitem { margin-left: 14px; }
.nav-items:not(.nav-items-recolhido) .nav-subgrupo[b-x7yb7k9drw] { margin: 2px 8px 2px 22px; }
.nav-subgrupo-btn[b-x7yb7k9drw] { font-size: 0.82rem; }
.nav-items:not(.nav-items-recolhido)[b-x7yb7k9drw]  a.nav-subitem-2 { margin-left: 28px; }
/* /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/ArquivoMortoEmpresas.razor.rz.scp.css */
.am-header[b-7wwtmh4cnv] { display: flex; align-items: center; gap: 16px; margin-bottom: .5rem; }

.am-btn-voltar[b-7wwtmh4cnv] {
    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;
}
.am-btn-voltar:hover[b-7wwtmh4cnv] { border-color: #9ca3af; color: #374151; }

.am-titulo[b-7wwtmh4cnv] { font-size: 1.4rem; font-weight: 700; color: #1a1a2e; margin: 0; }

.am-sub[b-7wwtmh4cnv] { font-size: 0.85rem; color: #6b7280; max-width: 680px; margin: 0 0 1.2rem; }

.am-totalizador[b-7wwtmh4cnv] {
    display: inline-flex; align-items: baseline; gap: 8px;
    background: #fef3c7; border: 1px solid #fde68a; border-radius: 8px;
    padding: 10px 18px; margin-bottom: 1.2rem;
}
.am-totalizador-num[b-7wwtmh4cnv] { font-size: 1.5rem; font-weight: 700; color: #92400e; line-height: 1; }
.am-totalizador-label[b-7wwtmh4cnv] { font-size: 0.82rem; color: #92400e; }

.am-aviso-restricao[b-7wwtmh4cnv] {
    background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px;
    padding: 10px 16px; margin-bottom: 1rem; font-size: 0.85rem; color: #1e3a5f;
}
.am-aviso-restricao strong[b-7wwtmh4cnv] { display: block; margin-bottom: 2px; }
.am-aviso-restricao a[b-7wwtmh4cnv] { margin-left: 8px; color: rgb(0, 110, 181); font-weight: 600; text-decoration: none; }
.am-aviso-restricao a:hover[b-7wwtmh4cnv] { text-decoration: underline; }

.am-busca[b-7wwtmh4cnv] { display: flex; gap: 8px; margin-bottom: 1.2rem; max-width: 760px; }
.am-busca-input[b-7wwtmh4cnv] {
    flex: 1; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 6px;
    font-size: 0.875rem; color: #111827; outline: none;
}
.am-busca-input:focus[b-7wwtmh4cnv] { border-color: rgb(0, 110, 181); box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1); }

.am-btn-buscar[b-7wwtmh4cnv] {
    background-color: rgb(0, 110, 181); color: #fff; border: none; border-radius: 6px;
    padding: 8px 18px; font-size: 0.875rem; font-weight: 500; cursor: pointer; flex-shrink: 0;
}
.am-btn-buscar:disabled[b-7wwtmh4cnv] { opacity: 0.6; cursor: not-allowed; }

.am-badge-motivo[b-7wwtmh4cnv] {
    font-size: 0.72rem; font-weight: 600; padding: 2px 8px; border-radius: 4px;
    background: #fef3c7; color: #b45309; white-space: nowrap;
}

.btn-add-sm[b-7wwtmh4cnv] {
    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; transition: all 0.15s;
}
.btn-add-sm:hover[b-7wwtmh4cnv] { background: rgb(0, 110, 181); color: #fff; }

.am-expandido[b-7wwtmh4cnv] { background: #f9fafb; padding: 14px 20px; }

.am-hist-titulo[b-7wwtmh4cnv] { font-size: 0.75rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.04em; margin: 10px 0 6px; }
.am-hist-titulo:first-child[b-7wwtmh4cnv] { margin-top: 0; }

.am-hist-lista[b-7wwtmh4cnv] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.am-hist-lista li[b-7wwtmh4cnv] { display: flex; align-items: center; gap: 10px; font-size: 0.8rem; color: #374151; padding: 4px 0; }
.am-hist-nome[b-7wwtmh4cnv] { font-weight: 500; color: #111827; flex: 1; }
.am-hist-data[b-7wwtmh4cnv] { color: #9ca3af; font-size: 0.75rem; white-space: nowrap; }

.am-btn-excluir[b-7wwtmh4cnv] {
    background: none; border: 1px solid #d1d5db; border-radius: 6px;
    padding: 5px 8px; color: #b91c1c; cursor: pointer; transition: all 0.15s;
}
.am-btn-excluir:hover[b-7wwtmh4cnv] { background: #fee2e2; border-color: #fca5a5; }

.am-confirma-exclusao[b-7wwtmh4cnv] {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.78rem; color: #374151; white-space: nowrap;
}
.am-btn-confirmar[b-7wwtmh4cnv] {
    background: #b91c1c; color: #fff; border: none; border-radius: 5px;
    padding: 4px 10px; font-size: 0.78rem; cursor: pointer;
}
.am-btn-confirmar:disabled[b-7wwtmh4cnv] { opacity: 0.6; cursor: not-allowed; }
.am-btn-cancelar-sm[b-7wwtmh4cnv] {
    background: none; border: 1px solid #d1d5db; border-radius: 5px;
    padding: 4px 10px; font-size: 0.78rem; color: #6b7280; cursor: pointer;
}
/* /Components/Pages/ArquivoMortoVendedores.razor.rz.scp.css */
.am-header[b-ofxw063avr] { display: flex; align-items: center; gap: 16px; margin-bottom: .5rem; }

.am-btn-voltar[b-ofxw063avr] {
    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;
}
.am-btn-voltar:hover[b-ofxw063avr] { border-color: #9ca3af; color: #374151; }

.am-titulo[b-ofxw063avr] { font-size: 1.4rem; font-weight: 700; color: #1a1a2e; margin: 0; }

.am-sub[b-ofxw063avr] { font-size: 0.85rem; color: #6b7280; max-width: 680px; margin: 0 0 1.2rem; }
/* /Components/Pages/Cadastros/DmsOperacoes.razor.rz.scp.css */
.dms-ajuda[b-pnvho8m9i0] {
    font-size: 0.85rem;
    color: #6b7280;
    max-width: 720px;
    margin: 0 0 16px;
    line-height: 1.5;
}

.dms-tabela-wrapper[b-pnvho8m9i0] { overflow-x: auto; }

.dms-tabela[b-pnvho8m9i0] { min-width: 640px; }
.dms-tabela select[b-pnvho8m9i0] {
    padding: 6px 9px;
    font-size: 0.85rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    color: #374151;
    min-width: 220px;
}

.dms-aviso[b-pnvho8m9i0] {
    margin-top: 14px;
    font-size: 0.82rem;
    color: #b45309;
}
/* /Components/Pages/CompletarCadastroArquivado.razor.rz.scp.css */
/* ── Header ── */
.ne-header[b-5twvrcx1xl] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 1.5rem;
}

.ne-btn-voltar[b-5twvrcx1xl] {
    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-5twvrcx1xl] { border-color: #9ca3af; color: #374151; }

.ne-titulo[b-5twvrcx1xl] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

/* ── Card ── */
.ne-card[b-5twvrcx1xl] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 28px;
    max-width: 820px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.am-origem-aviso[b-5twvrcx1xl] {
    background: #eff6ff;
    color: rgb(0, 90, 155);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.8rem;
}

/* ── Grid de campos ── */
.ne-grid[b-5twvrcx1xl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.ne-full[b-5twvrcx1xl] { grid-column: 1 / -1; }

/* ── Campos ── */
.form-grupo[b-5twvrcx1xl] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-grupo label[b-5twvrcx1xl] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #374151;
}

.form-grupo input[b-5twvrcx1xl],
.form-grupo select[b-5twvrcx1xl],
.form-grupo textarea[b-5twvrcx1xl] {
    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-5twvrcx1xl],
.form-grupo select:focus[b-5twvrcx1xl],
.form-grupo textarea:focus[b-5twvrcx1xl] {
    border-color: rgb(0, 110, 181);
    box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1);
}

.form-grupo textarea[b-5twvrcx1xl] { resize: vertical; }

.obrigatorio[b-5twvrcx1xl] { color: #dc2626; margin-left: 2px; }

.ne-campo-ajuda[b-5twvrcx1xl] { font-size: 0.7rem; color: #9ca3af; }

/* ── Toggle ativo ── */
.ne-ativo-linha[b-5twvrcx1xl] {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

/* ── Alertas ── */
.alerta[b-5twvrcx1xl] { padding: 10px 12px; border-radius: 6px; font-size: 0.82rem; }
.alerta-erro[b-5twvrcx1xl] { background: #fee2e2; color: #b91c1c; }

/* ── Ações ── */
.ne-acoes[b-5twvrcx1xl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 4px;
    border-top: 1px solid #f3f4f6;
}

.btn-cancelar[b-5twvrcx1xl] {
    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-5twvrcx1xl] { border-color: #9ca3af; color: #374151; }

.btn-salvar[b-5twvrcx1xl] {
    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-5twvrcx1xl] { background-color: rgb(0, 90, 155); }
.btn-salvar:disabled[b-5twvrcx1xl] { opacity: 0.6; cursor: not-allowed; }
/* /Components/Pages/Cotacoes/ConfigCamposObrigatorios.razor.rz.scp.css */
.cd-header[b-5g4e6sgsog] { display: flex; align-items: center; gap: 16px; margin-bottom: 1rem; }

.cd-btn-voltar[b-5g4e6sgsog] {
    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;
}
.cd-btn-voltar:hover[b-5g4e6sgsog] { border-color: #9ca3af; color: #374151; }

.cd-titulo[b-5g4e6sgsog] { font-size: 1.4rem; font-weight: 700; color: #1a1a2e; margin: 0; }

.cd-acoes[b-5g4e6sgsog] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.cco-sub[b-5g4e6sgsog] { font-size: 0.85rem; color: #6b7280; max-width: 720px; margin: 0 0 1.2rem; }

.cco-wrapper[b-5g4e6sgsog] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow-x: auto;
}

.cco-tabela[b-5g4e6sgsog] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.cco-tabela th[b-5g4e6sgsog], .cco-tabela td[b-5g4e6sgsog] { padding: 8px 14px; text-align: center; border-bottom: 1px solid #f3f4f6; }
.cco-col-campo[b-5g4e6sgsog] { text-align: left !important; white-space: nowrap; }
.cco-col-servico[b-5g4e6sgsog] { min-width: 140px; }
.cco-tabela thead th[b-5g4e6sgsog] {
    font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
    color: #6b7280; background: #f9fafb; border-bottom: 1px solid #e5e7eb;
}
.cco-nome-campo[b-5g4e6sgsog] { text-align: left; color: #111827; font-weight: 500; }

.cco-linha-grupo td[b-5g4e6sgsog] {
    text-align: left; font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.05em; color: rgb(0, 110, 181); background: #eff6ff;
    padding: 6px 14px; border-bottom: 1px solid #e5e7eb;
}

.cco-tabela input[type="checkbox"][b-5g4e6sgsog] { width: 16px; height: 16px; cursor: pointer; }
/* /Components/Pages/Cotacoes/CotacaoDetalhe.razor.rz.scp.css */
.cd-header[b-6gnob4v6s5] { display: flex; align-items: center; gap: 12px; margin-bottom: 0.6rem; }

.cd-btn-voltar[b-6gnob4v6s5] {
    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;
}
.cd-btn-voltar:hover[b-6gnob4v6s5] { border-color: #9ca3af; color: #374151; }

.cd-titulo[b-6gnob4v6s5] { font-size: 1.15rem; font-weight: 700; color: #1a1a2e; margin: 0; }

/* Coluna que preenche a altura visivel: cabecalho e cd-tela ficam no tamanho natural deles,
   cd-tela cresce (flex:1) pra tomar o espaco que sobrar, e cd-acoes fica sempre encostado
   no rodape — em cotacao curta, sem sobrar espaco vazio embaixo; em cotacao longa, cd-acoes
   e "position: sticky; bottom: 0" (ver .cd-acoes) entao continua visivel ao rolar.
   O calc(...) desconta a barra superior (.topo-conteudo) e o padding do <article> do
   MainLayout — se aqueles mudarem de altura, ajustar aqui tambem. */
.cd-pagina[b-6gnob4v6s5] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 110px);
}

/* Formulario e requisitos lado a lado. O formulario fica em dois tercos: com os campos em
   3 colunas, a linha inteira ficava longa demais para varrer com os olhos. */
.cd-tela[b-6gnob4v6s5] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1 1 auto;
}

.cd-card[b-6gnob4v6s5] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 20px;
    /* flex-grow 2 (nao 0): em cotacao nova a lateral nem existe mais (Requisitos
       mudou pra dentro do form), entao o card cresce sozinho pra 100% em vez de
       ficar travado em 66.67% com um vao vazio do lado. */
    flex: 2 1 0;
    min-width: 0;
}

/* O card lateral acompanha a rolagem: "Andamento dos servicos" e consultado enquanto se
   preenche o resto, nao lido uma vez no fim. */
.cd-lateral[b-6gnob4v6s5] {
    flex: 1 1 0;
    min-width: 0;
    position: sticky;
    top: 16px;
}

/* Abas de Taxas/Tarifas tem tabelas largas (grade de faixas, linhas de despesa) — nessas,
   o card principal cresce e a lateral encolhe pra caber mais coluna sem rolagem horizontal. */
.cd-tela-taxas .cd-card[b-6gnob4v6s5] { flex: 4 1 0; }
.cd-tela-taxas .cd-lateral[b-6gnob4v6s5] { flex: 1 1 0; max-width: 220px; }

.cd-card-lateral[b-6gnob4v6s5] {
    flex: none;
    padding: 12px 14px;
}
.cd-lateral[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 10px; }
.cd-andamento-lista[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 6px; }
.cd-andamento-item[b-6gnob4v6s5] { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 0.83rem; color: #344054; }
.cd-andamento-badge[b-6gnob4v6s5] {
    padding: 2px 9px;
    border-radius: 10px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.cd-card-lateral .form-grupo + .form-grupo[b-6gnob4v6s5] { margin-top: 9px; }
.cd-card-lateral label[b-6gnob4v6s5] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 3px;
}
.cd-card-lateral textarea[b-6gnob4v6s5] {
    width: 100%;
    padding: 6px 9px;
    font-size: 0.85rem;
    resize: vertical;
}

/* Sem largura para duas colunas, os requisitos vao para baixo do formulario. */
@media (max-width: 1200px) {
    .cd-tela[b-6gnob4v6s5] { flex-direction: column; }
    .cd-card[b-6gnob4v6s5] { flex: none; width: 100%; }
    .cd-lateral[b-6gnob4v6s5] { position: static; width: 100%; }
}

.cd-servicos-bloco[b-6gnob4v6s5] {
    background: #f0f7ff;
    border: 1px solid #d6e9fb;
    border-radius: 8px;
    padding: 9px 14px;
    margin-bottom: 12px;
}
.cd-servicos-label[b-6gnob4v6s5] {
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    color: rgb(0, 110, 181);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}
.cd-servicos-ajuda[b-6gnob4v6s5] {
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    color: #6b7280;
    margin-left: 8px;
}
.cd-servicos-opcoes[b-6gnob4v6s5] { display: flex; flex-wrap: wrap; gap: 8px; }
.cd-servico-chip[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border: 1px solid #d1d5db;
    border-radius: 20px;
    background: #fff;
    font-size: 0.8rem;
    color: #374151;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    text-transform: none;
}
.cd-servico-chip:hover[b-6gnob4v6s5] { border-color: #006EB5; }
.cd-servico-chip input[b-6gnob4v6s5] { cursor: pointer; }
.cd-servico-chip-ativo[b-6gnob4v6s5] {
    background: #EAF4FC;
    border-color: #B2DDFF;
    color: #006EB5;
}
/* Sem checkbox, sem escolha — nao deve parecer clicavel. */
.cd-servico-chip-fixo[b-6gnob4v6s5] { cursor: default; }
.cd-servico-chip-fixo:hover[b-6gnob4v6s5] { border-color: #B2DDFF; }

.cd-secao-titulo[b-6gnob4v6s5] {
    font-size: 0.7rem;
    font-weight: 700;
    color: rgb(0, 110, 181);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 14px 0 8px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e7eb;
}
.cd-secao-titulo:first-child[b-6gnob4v6s5] { margin-top: 0; }

/* Cada seção do formulário em seu próprio cartão — em vez de um fieldset corrido, fica mais
   fácil separar visualmente onde uma parte termina e a próxima começa (redesign 2026-09). */
.cd-secoes[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 10px; }
.cd-card-secao[b-6gnob4v6s5] {
    background: #fff;
    border: 1px solid #E4E7EC;
    border-radius: 12px;
    padding: 14px 18px;
}
.cd-card-secao .cd-secao-titulo:first-child[b-6gnob4v6s5] { margin-top: 0; }

/* Coluna única, com os campos distribuídos em até 3 por linha — mais denso que uma grade
   auto-fit larga, e sem quebrar a leitura em dois blocos paralelos como antes. */
.cd-grid[b-6gnob4v6s5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px 18px;
}

/* Empresa e porto/aeroporto ocupam a linha inteira: o valor exibido é uma razão social ou
   um "Porto — Cidade / País", que não cabe em um terço da largura sem truncar. */
.cd-full[b-6gnob4v6s5] { grid-column: 1 / -1; }

/* Campo que precisa de mais espaço que um terço, mas não da linha toda. */
.cd-meio[b-6gnob4v6s5] { grid-column: span 2; }

@media (max-width: 900px) {
    .cd-grid[b-6gnob4v6s5] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 620px) {
    .cd-grid[b-6gnob4v6s5] { grid-template-columns: 1fr; }
    .cd-meio[b-6gnob4v6s5] { grid-column: 1 / -1; }
}

.cd-grid .form-grupo[b-6gnob4v6s5] { margin-bottom: 0; }
.cd-grid label[b-6gnob4v6s5] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 2px;
}
.cd-grid input[b-6gnob4v6s5], .cd-grid select[b-6gnob4v6s5], .cd-grid textarea[b-6gnob4v6s5] {
    padding: 4px 7px;
    font-size: 0.82rem;
}

/* Campo obrigatório-por-serviço que ainda está vazio — outline não consome espaço no grid,
   então não desloca os campos vizinhos, só chama atenção. Cor âmbar = "precisa de atenção",
   mesmo significado usado no indicador de frescor das Negociações. */
.cd-campo-pendente[b-6gnob4v6s5] {
    outline: 1.5px solid #f59e0b;
    outline-offset: 3px;
    border-radius: 6px;
}

.cd-checkbox-linha[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 14px;
}
.cd-checkbox-linha label[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #374151;
    font-weight: 400;
    text-transform: none;
}

.cd-inline-2[b-6gnob4v6s5] { display: flex; gap: 8px; }
.cd-inline-2 input[b-6gnob4v6s5] { width: 100%; }

.cd-busca-row[b-6gnob4v6s5] { display: flex; gap: 8px; }
.cd-busca-row input[b-6gnob4v6s5] { flex: 1; min-width: 0; }

/* .btn-limpar nasceu no CSS scoped de Empresas, então aqui chegava sem estilo nenhum —
   botão cru do navegador ao lado de um input estilizado. Redefinido com a mesma aparência
   para os três usos desta tela: buscar cliente, adicionar container e adicionar volume. */
.btn-limpar[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-limpar:hover:not(:disabled)[b-6gnob4v6s5] {
    border-color: #9ca3af;
    color: #374151;
}
.btn-limpar:disabled[b-6gnob4v6s5] {
    opacity: 0.6;
    cursor: default;
}

.cd-resultados[b-6gnob4v6s5] {
    margin-top: 6px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
}
.cd-resultado-item[b-6gnob4v6s5] {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.85rem;
}
.cd-resultado-item:last-child[b-6gnob4v6s5] { border-bottom: none; }
.cd-resultado-item:hover[b-6gnob4v6s5] { background: #f0f7ff; }
.cd-resultado-nome[b-6gnob4v6s5] { color: #111827; font-weight: 500; }
.cd-resultado-cnpj[b-6gnob4v6s5] { color: #6b7280; font-family: monospace; font-size: 0.8rem; }

.cd-resultados-vazio[b-6gnob4v6s5] {
    margin-top: 6px;
    padding: 8px 12px;
    font-size: 0.82rem;
    color: #9ca3af;
}
.cd-resultados-vazio a[b-6gnob4v6s5] { color: rgb(0, 110, 181); font-weight: 600; text-decoration: none; }
.cd-resultados-vazio a:hover[b-6gnob4v6s5] { text-decoration: underline; }

.cd-cliente-selecionado[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    font-size: 0.9rem;
    font-weight: 500;
    color: #111827;
}
.cd-cliente-cnpj[b-6gnob4v6s5] { font-size: 0.78rem; font-weight: 400; color: #6b7280; font-family: monospace; margin-left: 8px; }

.cd-volumes-wrapper[b-6gnob4v6s5] { margin-top: 4px; }
.cd-volumes-wrapper .tabela[b-6gnob4v6s5] { margin-bottom: 10px; }
/* O select do tipo de container ficava de fora desta regra e saia com a aparencia crua do
   navegador no meio de inputs estilizados. */
.cd-volumes-wrapper input[b-6gnob4v6s5],
.cd-volumes-wrapper select[b-6gnob4v6s5] {
    padding: 4px 6px;
    font-size: 0.8rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    color: #374151;
}

.cd-btn-remover[b-6gnob4v6s5] {
    background: none; border: none; color: #b91c1c; cursor: pointer; font-size: 0.9rem;
}

/* Fora do .cd-tela agora (redesign 2026-09): barra inteira, não só a coluna do formulário —
   fica grudada no rodapé da viewport sem precisar caçar o botão Salvar. */
.cd-acoes[b-6gnob4v6s5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    position: sticky;
    bottom: 0;
    z-index: 5;
    background: #fff;
    border: 1px solid #E4E7EC;
    border-radius: 12px;
    box-shadow: 0 -4px 16px rgba(16, 24, 40, 0.06);
}

/* Sair (esquerda) separado das acoes de fluxo (direita) — antes eram dois "Cancelar"
   soltos lado a lado, dava pra confundir qual fazia o que. */
.cd-acoes-sair[b-6gnob4v6s5] {
    display: flex;
}

.cd-acoes-principal[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

/* Peso e cubagem derivados das linhas de carga. Lidos, não editados — por isso sem moldura
   de campo: parecer input convidaria a digitar num lugar que não aceita digitação. */
.cd-derivado[b-6gnob4v6s5] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 18px;
    padding: 7px 2px;
}

.cd-derivado-valor[b-6gnob4v6s5] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
    font-variant-numeric: tabular-nums;
}

.cd-derivado-valor em[b-6gnob4v6s5] {
    font-style: normal;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    margin-left: 2px;
}

.cd-derivado-fonte[b-6gnob4v6s5] {
    font-size: 0.72rem;
    color: #9ca3af;
}

/* Peso taxavel sugerido automaticamente (Aereo/LCL) — texto pequeno abaixo do campo, e o
   link pra voltar ao automatico depois de digitar por cima. */
.cd-campo-ajuda[b-6gnob4v6s5] {
    display: block;
    margin-top: 3px;
    font-size: 0.7rem;
    color: #9ca3af;
}
.cd-link-recalcular[b-6gnob4v6s5] {
    background: none;
    border: none;
    padding: 0;
    margin-left: 6px;
    font-size: 0.68rem;
    font-weight: 600;
    color: rgb(0, 110, 181);
    cursor: pointer;
    text-transform: none;
    letter-spacing: normal;
}
.cd-link-recalcular:hover[b-6gnob4v6s5] { text-decoration: underline; }

/* Estado vazio do bloco de carga: diz o que falta e por que importa, em vez de só sumir. */
.cd-carga-vazia[b-6gnob4v6s5] {
    margin: 0 0 10px;
    padding: 14px 16px;
    background: #fbfcfd;
    border: 1px dashed #e2e5e9;
    border-radius: 6px;
    font-size: 0.8rem;
    color: #6b7280;
}

/* ── Totalizador da tabela de volumes ── */
.cd-volumes-total td[b-6gnob4v6s5] {
    padding: 8px 6px;
    font-size: 0.76rem;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

/* Comissão do agente / profit líquido na tabela de Taxas — mesmo estilo do total, com cor
   pra separar visualmente do subtotal Origem/Destino (custo x venda) logo acima. */
.cd-taxa-comissao-resumo td:first-child[b-6gnob4v6s5] { text-align: right; }
.cd-taxa-comissao-resumo:nth-of-type(3) .cd-taxa-profit[b-6gnob4v6s5] { color: #B45309; }
.cd-taxa-comissao-resumo:nth-of-type(4) .cd-taxa-profit[b-6gnob4v6s5] { color: #15803D; }

/* ── Finalização e solicitação de custos ───────────────────────────────────────────────── */

/* Distinto do Salvar: finalizar dispara e-mail e muda o status, entao nao pode parecer mais
   uma variacao do mesmo botao. */
.btn-finalizar[b-6gnob4v6s5] {
    background: #0B4F71;
    border: 1px solid #0B4F71;
    border-radius: 6px;
    padding: 8px 18px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: background 0.15s;
}
.btn-finalizar:hover:not(:disabled)[b-6gnob4v6s5] { background: #08405c; }
.btn-finalizar:disabled[b-6gnob4v6s5] { opacity: 0.55; cursor: default; }

.cd-solicitado[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    color: #15803d;
    background: #dcfce7;
    border-radius: 6px;
    padding: 8px 14px;
}

.cd-modal-overlay[b-6gnob4v6s5] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}
.cd-modal[b-6gnob4v6s5] {
    background: #fff;
    border-radius: 10px;
    width: 560px;
    max-width: 100%;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 18px 48px rgba(5, 42, 59, 0.28);
}
.cd-modal-cabecalho[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px 12px;
    border-bottom: 1px solid #eef2f5;
}
.cd-modal-cabecalho h3[b-6gnob4v6s5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0B4F71;
}
.cd-modal-fechar[b-6gnob4v6s5] {
    background: none;
    border: none;
    font-size: 0.95rem;
    color: #9ca3af;
    cursor: pointer;
    padding: 2px 6px;
    line-height: 1;
}
.cd-modal-fechar:hover:not(:disabled)[b-6gnob4v6s5] { color: #374151; }
.cd-modal-fechar:disabled[b-6gnob4v6s5] { opacity: 0.4; cursor: default; }

/* So o miolo rola: cabecalho e botoes ficam sempre visiveis, mesmo com uma lista longa
   de fornecedores. */
.cd-modal-corpo[b-6gnob4v6s5] {
    padding: 16px 22px;
    overflow-y: auto;
}
/* O modal tem largura fixa (560px), então o breakpoint de .cd-grid (que olha a largura da
   TELA) nunca reduz pra 2 colunas aqui — numa tela grande, 3 colunas pra só Prioridade/Prazo
   sobrava um terço vazio e desalinhava a grade. Trava em 2 direto, do tamanho do modal. */
.cd-modal-corpo .cd-grid[b-6gnob4v6s5] { grid-template-columns: repeat(2, 1fr); }
.cd-modal-acoes[b-6gnob4v6s5] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 22px 18px;
    border-top: 1px solid #eef2f5;
}

.cd-confirmacao-cobertura h4[b-6gnob4v6s5] {
    margin: 16px 0 6px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.cd-confirmacao-destino[b-6gnob4v6s5] { margin: 0 0 4px; font-size: 0.85rem; color: #374151; }
.cd-confirmacao-alerta[b-6gnob4v6s5]  { color: #b45309; font-size: 0.82rem; display: block; }

.cd-confirmacao-cobertura ul[b-6gnob4v6s5] {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cd-confirmacao-cobertura li[b-6gnob4v6s5] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: baseline;
    padding: 6px 0;
    border-bottom: 1px solid #e8eff4;
    font-size: 0.84rem;
}
.cd-confirmacao-cobertura li span[b-6gnob4v6s5] { color: #6b7280; font-size: 0.78rem; }
.cd-confirmacao-cobertura li em[b-6gnob4v6s5] {
    color: #0B4F71;
    font-size: 0.75rem;
    font-style: normal;
    margin-left: auto;
}
.cd-confirmacao-inelegiveis li em[b-6gnob4v6s5] { color: #94a3b8; }

/* ── Taxas de origem e destino ─────────────────────────────────────────────────────────── */

/* A tabela tem custo e venda lado a lado e nao cabe na largura do card: rola na horizontal
   em vez de espremer as colunas. */
.cd-taxas[b-6gnob4v6s5] { margin-top: 4px; overflow-x: auto; }

.cd-tabela-taxas[b-6gnob4v6s5] { min-width: 1180px; }
.cd-tabela-taxas th[b-6gnob4v6s5] { white-space: nowrap; }
.cd-tabela-taxas td[b-6gnob4v6s5] { padding: 3px 5px; vertical-align: middle; }
.cd-tabela-taxas input[b-6gnob4v6s5],
.cd-tabela-taxas select[b-6gnob4v6s5] {
    padding: 4px 6px;
    font-size: 0.8rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    color: #374151;
}
/* Quantidade que vem da carga fica travada — o cinza diz que o numero nao e digitado. */
.cd-tabela-taxas input:disabled[b-6gnob4v6s5] {
    background: #f3f4f6;
    color: #6b7280;
}

.cd-taxas-subcabecalho th[b-6gnob4v6s5] {
    font-size: 0.66rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding-top: 0;
}

.cd-taxa-profit[b-6gnob4v6s5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    white-space: nowrap;
}
.cd-taxa-profit-total[b-6gnob4v6s5] { font-weight: 600; color: #374151; font-size: 0.8rem; }
.cd-taxa-divide-label[b-6gnob4v6s5] { display: flex; align-items: center; gap: 4px; font-size: 0.72rem; color: #6b7280; cursor: pointer; }
.cd-taxa-divisao[b-6gnob4v6s5] { display: flex; align-items: center; gap: 4px; }
.cd-taxa-divisao select[b-6gnob4v6s5], .cd-taxa-divisao input[b-6gnob4v6s5] { font-size: 0.75rem; padding: 3px 4px; }
.cd-taxa-profit-share[b-6gnob4v6s5] { font-weight: 700; color: #15803D; font-size: 0.78rem; }

/* Barra "Comissão do Agente" — uma vez por cotação, igual à do IData no topo da aba Tarifas.
   Não é por linha: as linhas só marcam (DivideProfit) se entram no bolo ou não. */
.cd-comissao-agente[b-6gnob4v6s5] { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; padding: 10px 18px; }
.cd-comissao-agente .form-grupo[b-6gnob4v6s5] { margin: 0; }
.cd-comissao-resultado[b-6gnob4v6s5] { display: flex; gap: 18px; margin-left: auto; align-items: baseline; }
.cd-comissao-resultado span[b-6gnob4v6s5] { font-size: 0.78rem; color: #667085; }
.cd-comissao-resultado strong[b-6gnob4v6s5] { color: #101828; font-size: 0.9rem; margin-left: 4px; }

/* Grade de tarifas: mesmas linhas fixas por modal, a que vale agora fica destacada — nao
   precisa procurar qual faixa bate com o peso taxavel. */
.cd-tarifas-cabecalho[b-6gnob4v6s5] { margin-bottom: 8px; }
.cd-tabela-tarifas[b-6gnob4v6s5] { min-width: 620px; }
.cd-tabela-tarifas th[b-6gnob4v6s5], .cd-tabela-tarifas td[b-6gnob4v6s5] { padding: 4px 8px; }
.cd-tabela-tarifas input[b-6gnob4v6s5], .cd-tabela-tarifas select[b-6gnob4v6s5] {
    padding: 4px 6px;
    font-size: 0.8rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    color: #374151;
}
.cd-tarifa-total[b-6gnob4v6s5] { font-size: 0.82rem; color: #374151; white-space: nowrap; }
.cd-tarifa-linha-ativa[b-6gnob4v6s5] { background: #eef6fc; }
.cd-tarifa-linha-ativa td:first-child[b-6gnob4v6s5] { font-weight: 700; color: rgb(0, 110, 181); }

/* ── Abas ──────────────────────────────────────────────────────────────────────────────── */

.cd-abas[b-6gnob4v6s5] {
    display: flex;
    gap: 2px;
    border-bottom: 1px solid #e5e7eb;
    margin: 2px 0 10px;
}

.cd-aba[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    padding: 6px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    /* A borda de baixo do container marca a linha; a aba ativa a cobre. */
    margin-bottom: -1px;
}
.cd-aba:hover[b-6gnob4v6s5] { color: #374151; }

.cd-aba-ativa[b-6gnob4v6s5] {
    background: #fff;
    border-color: #e5e7eb;
    border-bottom: 1px solid #fff;
    color: rgb(0, 110, 181);
}

.cd-aba-contador[b-6gnob4v6s5],
.cd-aba-pendencias[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 0.68rem;
    font-weight: 700;
}
.cd-aba-contador[b-6gnob4v6s5]  { background: #eef2f6; color: #6b7280; }
/* Ambar: mesma cor do contorno de campo obrigatorio vazio, pelo mesmo motivo. */
.cd-aba-pendencias[b-6gnob4v6s5] { background: #fef3c7; color: #b45309; }

.cd-oculto[b-6gnob4v6s5] { display: none; }

/* Aviso de edicao concorrente — ambar, como as demais pendencias que pedem acao. */
.cd-conflito[b-6gnob4v6s5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 0.82rem;
    color: #92400e;
}

/* Estado do servico, dentro do proprio chip. Discreto: e informacao de acompanhamento,
   nao um segundo botao. */
.cd-servico-estado[b-6gnob4v6s5] {
    margin-left: 2px;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ── Cabeçalho + painel de progresso (redesign 2026-09) ─────────────────────────────── */

.cd-header-titulo[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 2px; }
.cd-header-subtitulo[b-6gnob4v6s5] { font-size: 0.78rem; color: #98A2B3; }

.cd-status-pill[b-6gnob4v6s5] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    margin-left: auto;
}

/* Mora na lateral (cd-lateral), empilhado — antes era uma barra horizontal no topo da
   pagina inteira; agora e so mais um card da coluna estreita. */
.cd-painel-progresso[b-6gnob4v6s5] {
    background: #fff;
    border: 1px solid #E4E7EC;
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.cd-painel-rotulo[b-6gnob4v6s5] {
    font-size: 0.64rem;
    font-weight: 700;
    color: #98A2B3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 3px;
}
.cd-painel-rotulo-pendencia[b-6gnob4v6s5] { color: #B45309; }

.cd-painel-valor-linha[b-6gnob4v6s5] { display: flex; align-items: baseline; gap: 6px; }
.cd-painel-valor-grande[b-6gnob4v6s5] { font-size: 1.2rem; font-weight: 700; color: #0B2540; }
.cd-painel-valor-total[b-6gnob4v6s5] { font-size: 0.8rem; color: #98A2B3; }

.cd-painel-barra[b-6gnob4v6s5] {
    height: 5px;
    background: #EEF2F6;
    border-radius: 999px;
    margin-top: 5px;
    overflow: hidden;
}
.cd-painel-barra-preenchida[b-6gnob4v6s5] { height: 100%; border-radius: 999px; transition: width 0.2s; }

.cd-painel-stats[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 10px; }
.cd-painel-stat-valor[b-6gnob4v6s5] { font-size: 0.9rem; font-weight: 600; color: #101828; margin-top: 1px; }
.cd-painel-stat-valor em[b-6gnob4v6s5] { font-style: normal; font-weight: 500; color: #98A2B3; font-size: 0.75rem; }
.cd-painel-profit[b-6gnob4v6s5] { color: #15803D; }

.cd-painel-pendencias[b-6gnob4v6s5] { min-width: 0; }
.cd-painel-pendencias-chips[b-6gnob4v6s5] { display: flex; flex-wrap: wrap; gap: 6px; }
.cd-pendencia-chip[b-6gnob4v6s5] {
    display: inline-block;
    border: 1px solid #FDE68A;
    background: #FFFBEB;
    color: #B45309;
    border-radius: 999px;
    padding: 4px 11px;
    font-size: 0.74rem;
    font-weight: 600;
}

/* fieldset so para desligar o bloco inteiro de uma vez; nao deve desenhar nada. */
.cd-fieldset[b-6gnob4v6s5] {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

/* Aviso de bloco travado — azul, nao ambar: nao e pendencia, e a cotacao estar com outra
   pessoa neste momento. */
.cd-bloqueio[b-6gnob4v6s5] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 0.82rem;
    color: #1e40af;
}


/* ── Revisoes enviadas ─────────────────────────────────────────────────────────────────── */

.cd-revisoes[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 10px; }

.cd-revisao[b-6gnob4v6s5] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fafbfc;
    padding: 10px 14px;
}

.cd-revisao-cabecalho[b-6gnob4v6s5] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: #6b7280;
    margin-bottom: 6px;
}
.cd-revisao-cabecalho strong[b-6gnob4v6s5] { color: #0B4F71; font-size: 0.85rem; }
.cd-revisao-total[b-6gnob4v6s5] { margin-left: auto; font-weight: 700; color: #374151; }

.cd-revisao-linhas[b-6gnob4v6s5] { display: flex; flex-direction: column; gap: 2px; }
.cd-revisao-linha[b-6gnob4v6s5] {
    display: flex;
    gap: 12px;
    font-size: 0.78rem;
    color: #6b7280;
}
.cd-revisao-linha span:nth-child(2)[b-6gnob4v6s5] { color: #374151; }
.cd-revisao-linha em[b-6gnob4v6s5] { margin-left: auto; font-style: normal; color: #374151; }

/* Vínculo com a prospecção, ao lado do subtítulo da cotação. */
.cd-vinculo-negociacao[b-6gnob4v6s5] {
    display: inline-block; margin-left: 10px; padding: 1px 10px; border-radius: 999px;
    background: var(--blue-50, #eff7fc); color: var(--brand-primary, #006eb6);
    font-size: 0.75rem; font-weight: 700; text-decoration: none;
}
.cd-vinculo-negociacao:hover[b-6gnob4v6s5] { background: var(--blue-100, #d7eaf6); }
/* /Components/Pages/Cotacoes/CotacaoResumo.razor.rz.scp.css */
.rs-vazio[b-j2z0i70cxc] { padding: 3rem; text-align: center; color: #8a8a8a; }

.rs-topo[b-j2z0i70cxc] { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.rs-voltar[b-j2z0i70cxc] { font-size: 0.8rem; font-weight: 700; color: var(--brand-primary, #006eb6); text-decoration: none; }
.rs-voltar:hover[b-j2z0i70cxc] { text-decoration: underline; }
.rs-titulo[b-j2z0i70cxc] { margin: 4px 0 2px; font-size: 1.5rem; color: #1a1a1a; }
.rs-sub[b-j2z0i70cxc] { font-size: 0.85rem; color: #5c5c5c; }

.rs-acoes[b-j2z0i70cxc] { display: flex; gap: 8px; flex-wrap: wrap; }
.rs-btn[b-j2z0i70cxc] {
    display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 8px; font-size: 0.82rem; font-weight: 700;
    border: 1px solid var(--border-strong, #cfcfcf); background: #fff; color: #343434; text-decoration: none; cursor: pointer;
}
.rs-btn:hover[b-j2z0i70cxc] { border-color: var(--brand-primary, #006eb6); color: var(--brand-primary, #006eb6); }
.rs-btn-primario[b-j2z0i70cxc] { background: var(--brand-primary, #006eb6); border-color: var(--brand-primary, #006eb6); color: #fff; }
.rs-btn-primario:hover[b-j2z0i70cxc] { background: var(--brand-primary-hover, #00629a); color: #fff; }
.rs-btn-desabilitado[b-j2z0i70cxc] { opacity: 0.55; cursor: default; }
.rs-btn-desabilitado:hover[b-j2z0i70cxc] { border-color: var(--border-strong, #cfcfcf); color: #343434; }

.rs-card[b-j2z0i70cxc] { background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }
.rs-card-cab[b-j2z0i70cxc] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.rs-card-titulo[b-j2z0i70cxc] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; margin-bottom: 8px; }
.rs-card-cab .rs-card-titulo[b-j2z0i70cxc] { margin-bottom: 0; }

.rs-grade[b-j2z0i70cxc] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px 18px; font-size: 0.9rem; color: #1a1a1a; font-weight: 600; }
.rs-grade span[b-j2z0i70cxc] { display: block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #8a8a8a; }
.rs-cheia[b-j2z0i70cxc] { grid-column: 1 / -1; }
@media (max-width: 900px) { .rs-grade[b-j2z0i70cxc] { grid-template-columns: repeat(2, 1fr); } }

.rs-status[b-j2z0i70cxc] { padding: 2px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; }
.rs-status-ok[b-j2z0i70cxc] { background: #EDE9FE; color: #6D28D9; }
.rs-status-pend[b-j2z0i70cxc] { background: #FEF3C7; color: #B45309; }
.rs-aviso[b-j2z0i70cxc] { font-size: 0.82rem; color: #5c5c5c; margin: 4px 0 10px; }

.rs-tabela[b-j2z0i70cxc] { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.rs-tabela th[b-j2z0i70cxc] { text-align: left; padding: 8px 10px; background: #f6f6f6; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.rs-tabela td[b-j2z0i70cxc] { padding: 9px 10px; border-bottom: 1px solid #efefef; color: #343434; }
.rs-grupo td[b-j2z0i70cxc] { background: #eff7fc; color: #006eb6; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 5px 10px; }
.rs-num[b-j2z0i70cxc] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rs-total[b-j2z0i70cxc] { font-weight: 700; color: #1a1a1a; }
.rs-suave[b-j2z0i70cxc] { color: #8a8a8a; }

.rs-totais[b-j2z0i70cxc] { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; margin-top: 10px; }
.rs-totais div[b-j2z0i70cxc] { display: flex; gap: 14px; align-items: baseline; padding: 6px 14px; background: #eff7fc; border-radius: 8px; }
.rs-totais span[b-j2z0i70cxc] { font-size: 0.75rem; font-weight: 700; color: #5c5c5c; text-transform: uppercase; letter-spacing: 0.05em; }
.rs-totais strong[b-j2z0i70cxc] { font-size: 1.15rem; color: #006eb6; }
/* /Components/Pages/Cotacoes/Cotacoes.razor.rz.scp.css */
/* Filtros numa linha só: busca elástica + campos compactos + "Limpar". Quebra em telas estreitas. */
.cf-card[b-jtk1dybsj0] { padding: 10px 14px; overflow: visible; }
.cf-linha[b-jtk1dybsj0] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.cf-busca[b-jtk1dybsj0] { flex: 1 1 260px; min-width: 220px; }
.cf-campo[b-jtk1dybsj0] { flex: 0 0 auto; }
.cf-campo input[b-jtk1dybsj0], .cf-campo select[b-jtk1dybsj0] {
    height: 34px;
    padding: 0 10px;
    border: 1px solid var(--border-strong, #cfcfcf);
    border-radius: var(--radius-m, 8px);
    background: #fff;
    font-family: inherit;
    font-size: 0.85rem;
    outline: none;
    transition: border-color 0.15s;
}
.cf-campo input[b-jtk1dybsj0] { width: 170px; }
.cf-campo select[b-jtk1dybsj0] { min-width: 150px; cursor: pointer; }
.cf-campo input:focus[b-jtk1dybsj0], .cf-campo select:focus[b-jtk1dybsj0] { border-color: var(--brand-primary, #006eb6); box-shadow: 0 0 0 3px rgba(0, 110, 182, 0.12); }
.cf-busca[b-jtk1dybsj0]  .input-icon input { height: 34px; padding-top: 0; padding-bottom: 0; border-radius: var(--radius-m, 8px); border-color: var(--border-strong, #cfcfcf); }

/* Status da cotação: o .badge global não define cor, então o texto herdava o branco do
   fundo e sumia. Pill com fundo e texto próprios, mesma paleta do detalhe. */
.cot-status[b-jtk1dybsj0] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    background: #F3F4F6;
    color: #374151;
}
.cot-status-pendente[b-jtk1dybsj0]  { background: #FEF3C7; color: #B45309; }
.cot-status-analise[b-jtk1dybsj0]   { background: #DBEAFE; color: #1D4ED8; }
.cot-status-aprovada[b-jtk1dybsj0]  { background: #DCFCE7; color: #15803D; }
.cot-status-perdida[b-jtk1dybsj0]   { background: #FEE2E2; color: #B91C1C; }
.cot-status-cancelada[b-jtk1dybsj0] { background: #F3F4F6; color: #6B7280; }
/* /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); }

/* ── Pré-visualização do PDF ─────────────────────────────────────────────────────────── */
.ec-pdf-overlay[b-laxtca8xzx] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}
.ec-pdf-modal[b-laxtca8xzx] {
    background: #fff;
    border-radius: 12px;
    width: min(1100px, 100%);
    height: 92vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 18px 48px rgba(5, 42, 59, 0.3);
    overflow: hidden;
}
.ec-pdf-cabecalho[b-laxtca8xzx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid #e5e7eb;
}
.ec-pdf-cabecalho h3[b-laxtca8xzx] { margin: 0; font-size: 0.95rem; font-weight: 700; color: #0B4F71; }
.ec-pdf-acoes[b-laxtca8xzx] { display: flex; align-items: center; gap: 10px; }
.ec-pdf-fechar[b-laxtca8xzx] { background: none; border: none; font-size: 1rem; color: #9ca3af; cursor: pointer; padding: 2px 6px; }
.ec-pdf-fechar:hover[b-laxtca8xzx] { color: #374151; }
.ec-pdf-frame[b-laxtca8xzx] { flex: 1; width: 100%; border: none; background: #f3f4f6; }

.ec-pdf-erro[b-laxtca8xzx] {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1100;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 0.85rem;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ec-pdf-erro button[b-laxtca8xzx] { background: none; border: none; color: inherit; cursor: pointer; }
/* /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/FilaCotacoes.razor.rz.scp.css */
.fila-header[b-294cdxcy5x] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.fila-titulo[b-294cdxcy5x] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.fila-abas[b-294cdxcy5x] {
    display: flex;
    gap: 2px;
}

.fila-aba[b-294cdxcy5x] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
}
.fila-aba:hover[b-294cdxcy5x] { color: #374151; }
.fila-aba-ativa[b-294cdxcy5x] {
    background: #fff;
    border-color: #e5e7eb;
    color: rgb(0, 110, 181);
}

.fila-contador[b-294cdxcy5x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #eef2f6;
    color: #6b7280;
    font-size: 0.68rem;
    font-weight: 700;
}
.fila-aba-ativa .fila-contador[b-294cdxcy5x] { background: #e0edf6; color: rgb(0, 110, 181); }

.fila-somente-meus[b-294cdxcy5x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    font-size: 0.82rem;
    color: #6b7280;
    cursor: pointer;
}

/* Tabela dentro de um cartão (a global .tabela fica solta no fundo da página). Uma linha de
   texto por cotação: colunas longas truncam com reticências e mostram o texto inteiro no
   tooltip — antes o cliente e a rota quebravam em 2-3 linhas e a lista ficava enorme. */
.fila-card[b-294cdxcy5x] {
    background: #fff;
    border: 1px solid var(--border-default, #efefef);
    border-radius: var(--radius-l, 14px);
    box-shadow: var(--shadow-s, 0 1px 2px rgba(26,26,26,.06));
    overflow-x: auto;
}
.fila-tabela[b-294cdxcy5x] { width: 100%; border-collapse: collapse; table-layout: auto; }
.fila-tabela th[b-294cdxcy5x] {
    padding: 10px 14px;
    background: var(--gray-100, #f6f6f6);
    border-bottom: 1px solid var(--border-default, #efefef);
    text-align: left;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-secondary, #5c5c5c);
    white-space: nowrap;
}
.fila-tabela td[b-294cdxcy5x] {
    height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid var(--border-default, #efefef);
    font-size: 0.84rem;
    color: var(--text-primary, #343434);
    vertical-align: middle;
}
.fila-tabela tbody tr[b-294cdxcy5x] { cursor: pointer; transition: background-color 0.12s; }
.fila-tabela tbody tr:last-child td[b-294cdxcy5x] { border-bottom: none; }
.fila-tabela tbody tr:hover[b-294cdxcy5x] { background: var(--blue-50, #eff7fc); }

.fila-trunca[b-294cdxcy5x] { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fila-col-cliente[b-294cdxcy5x] { width: 22%; min-width: 150px; }
.fila-col-servico[b-294cdxcy5x] { width: 22%; min-width: 170px; }
.fila-col-rota[b-294cdxcy5x]    { width: 20%; min-width: 150px; color: var(--text-secondary, #5c5c5c); }
.fila-col-resp[b-294cdxcy5x]    { width: 12%; min-width: 100px; }
.fila-nowrap[b-294cdxcy5x] { white-space: nowrap; }
.fila-vazio[b-294cdxcy5x] { color: var(--ink-300, #8a8a8a); }
.fila-referencia[b-294cdxcy5x] { font-weight: 700; color: var(--ink-900, #1a1a1a); white-space: nowrap; font-variant-numeric: tabular-nums; }

.fila-acao[b-294cdxcy5x] { width: 1%; text-align: right; white-space: nowrap; }
.fila-abrir[b-294cdxcy5x] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-m, 8px);
    padding: 5px 12px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--brand-primary, #006eb6);
    cursor: pointer;
    transition: background-color 0.12s, border-color 0.12s;
}
.fila-tabela tbody tr:hover .fila-abrir[b-294cdxcy5x] { background: #fff; border-color: var(--brand-primary, #006eb6); }
.fila-abrir:hover[b-294cdxcy5x] { background: var(--brand-primary, #006eb6) !important; color: #fff; }

/* Prioridade definida ao solicitar custos — mesma logica de cor do e-mail de solicitacao. */
.fila-prioridade[b-294cdxcy5x] {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}
.fila-prioridade-urgente[b-294cdxcy5x] { background: #DC2626; }
.fila-prioridade-alta[b-294cdxcy5x]    { background: #D97706; }
.fila-prioridade-normal[b-294cdxcy5x]  { background: #2563EB; }
.fila-prioridade-baixa[b-294cdxcy5x]   { background: #64748B; }
/* /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/CrossSelling/CrossSelling.razor.rz.scp.css */
.cs-topo[b-hih88hfvsw] { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-bottom: 16px; }
.cs-titulo[b-hih88hfvsw] { margin: 0; font-size: 1.4rem; color: #1a1a1a; }
.cs-abas[b-hih88hfvsw] { display: flex; gap: 2px; flex-wrap: wrap; }
.cs-aba[b-hih88hfvsw] {
    display: inline-flex; align-items: center; gap: 7px; background: none; border: 0; border-bottom: 2px solid transparent;
    padding: 8px 14px; font-size: 0.86rem; font-weight: 700; color: #5c5c5c; cursor: pointer;
}
.cs-aba:hover[b-hih88hfvsw] { color: var(--brand-primary, #006eb6); }
.cs-aba-ativa[b-hih88hfvsw] { color: var(--brand-primary, #006eb6); border-bottom-color: var(--brand-primary, #006eb6); }
.cs-contador[b-hih88hfvsw] { background: #006eb6; color: #fff; border-radius: 999px; padding: 0 7px; font-size: 0.7rem; line-height: 18px; }

.cs-msg[b-hih88hfvsw] { padding: 9px 14px; border-radius: 8px; font-size: 0.85rem; margin-bottom: 12px; cursor: pointer; }
.cs-msg-ok[b-hih88hfvsw] { background: #E7F6EC; color: #1C7B3E; }
.cs-msg-erro[b-hih88hfvsw] { background: #FDECEC; color: #B42318; }
.cs-vazio[b-hih88hfvsw] { padding: 2rem; text-align: center; color: #8a8a8a; }
.cs-aviso[b-hih88hfvsw] { font-size: 0.82rem; color: #5c5c5c; background: #eff7fc; border-radius: 8px; padding: 9px 14px; margin-bottom: 12px; }
.cs-dica[b-hih88hfvsw] { font-size: 0.75rem; color: #8a8a8a; margin-bottom: 4px; }
.cs-suave[b-hih88hfvsw] { color: #8a8a8a; font-size: 0.8rem; }
.cs-secao[b-hih88hfvsw] { margin: 22px 0 8px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }

.cs-card[b-hih88hfvsw] { background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }
.cs-card-titulo[b-hih88hfvsw] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; margin-bottom: 10px; }
.cs-grade[b-hih88hfvsw] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.cs-cheio[b-hih88hfvsw] { grid-column: 1 / -1; }
@media (max-width: 700px) { .cs-grade[b-hih88hfvsw] { grid-template-columns: 1fr; } }
.cs-campo label[b-hih88hfvsw] { display: block; font-size: 0.78rem; font-weight: 700; margin-bottom: 4px; color: #343434; }
.cs-campo input[b-hih88hfvsw], .cs-campo select[b-hih88hfvsw], .cs-campo textarea[b-hih88hfvsw] { width: 100%; box-sizing: border-box; }
.cs-acoes[b-hih88hfvsw] { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }

.cs-btn[b-hih88hfvsw] {
    display: inline-flex; align-items: center; padding: 7px 14px; border-radius: 8px; font-size: 0.82rem; font-weight: 700;
    border: 1px solid var(--border-strong, #cfcfcf); background: #fff; color: #343434; cursor: pointer;
}
.cs-btn:hover[b-hih88hfvsw] { border-color: var(--brand-primary, #006eb6); color: var(--brand-primary, #006eb6); }
.cs-btn-primario[b-hih88hfvsw] { background: var(--brand-primary, #006eb6); border-color: var(--brand-primary, #006eb6); color: #fff; }
.cs-btn-primario:hover[b-hih88hfvsw] { background: var(--brand-primary-hover, #00629a); color: #fff; }
.cs-btn-perigo[b-hih88hfvsw] { color: #B42318; }
.cs-btn-perigo:hover[b-hih88hfvsw] { border-color: #B42318; color: #B42318; }
.cs-btn-liberada[b-hih88hfvsw] { background: #E7F6EC; border-color: #1C7B3E; color: #1C7B3E; }

.cs-lista[b-hih88hfvsw] { padding: 0; overflow: hidden; }
.cs-linha[b-hih88hfvsw] { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 11px 18px; border-bottom: 1px solid #efefef; }
.cs-linha:last-child[b-hih88hfvsw] { border-bottom: 0; }
.cs-linha-col[b-hih88hfvsw] { display: block; }
.cs-linha-linha[b-hih88hfvsw] { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.cs-linha-main[b-hih88hfvsw] { min-width: 0; flex: 1; }
.cs-linha-topo[b-hih88hfvsw] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 0.9rem; }
.cs-linha-lado[b-hih88hfvsw] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.cs-linha-lado select[b-hih88hfvsw] { max-width: 220px; }
.cs-obs[b-hih88hfvsw] { font-size: 0.85rem; color: #343434; margin-top: 3px; }
.cs-just[b-hih88hfvsw] { font-size: 0.8rem; color: #B42318; margin-top: 3px; }
.cs-painel[b-hih88hfvsw] { margin-top: 10px; padding: 12px 14px; background: #f8f8f8; border-radius: 8px; }

.cs-tipo[b-hih88hfvsw] { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; }
.cs-tipo-insight[b-hih88hfvsw] { background: #eff7fc; color: #006eb6; }
.cs-tipo-oportunidade[b-hih88hfvsw] { background: #FEF3C7; color: #B45309; }
.cs-tipo-venda[b-hih88hfvsw] { background: #E7F6EC; color: #1C7B3E; }

.cs-status[b-hih88hfvsw] { padding: 2px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.cs-status-novo[b-hih88hfvsw] { background: #eff7fc; color: #006eb6; }
.cs-status-valido[b-hih88hfvsw] { background: #EDE9FE; color: #6D28D9; }
.cs-status-invalido[b-hih88hfvsw] { background: #FDECEC; color: #B42318; }
.cs-status-andamento[b-hih88hfvsw] { background: #FEF3C7; color: #B45309; }
.cs-status-convertido[b-hih88hfvsw] { background: #E7F6EC; color: #1C7B3E; }
.cs-status-naoconv[b-hih88hfvsw] { background: #efefef; color: #5c5c5c; }
.cs-pts[b-hih88hfvsw] { font-weight: 700; color: #006eb6; font-size: 0.8rem; }
.cs-pts-grande[b-hih88hfvsw] { font-size: 1.1rem; }

.cs-filtro[b-hih88hfvsw] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.cs-filtro label[b-hih88hfvsw] { font-size: 0.8rem; font-weight: 700; }
.cs-busca[b-hih88hfvsw] { min-width: 260px; }
.cs-check[b-hih88hfvsw] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.82rem; margin-bottom: 10px; }
.cs-filtro .cs-check[b-hih88hfvsw] { margin-bottom: 0; }

.cs-rank[b-hih88hfvsw] { }
.cs-rank-eu[b-hih88hfvsw] { background: #eff7fc; }
.cs-pos[b-hih88hfvsw] { font-weight: 700; color: #006eb6; width: 36px; }

/* Controles fora de .form-grupo (filtros e linhas) com o mesmo visual dos campos do formulário. */
.cs-filtro input[type="text"][b-hih88hfvsw], .cs-filtro input[type="month"][b-hih88hfvsw], .cs-linha-lado select[b-hih88hfvsw] {
    padding: 7px 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.85rem; color: #111827;
    outline: none; font-family: inherit; background: #fff; box-sizing: border-box;
}
.cs-filtro input:focus[b-hih88hfvsw], .cs-linha-lado select:focus[b-hih88hfvsw] { border-color: #006eb6; box-shadow: 0 0 0 3px rgba(0,110,181,0.1); }
.cs-campo textarea[b-hih88hfvsw] { resize: vertical; }

.cs-triagem[b-hih88hfvsw] { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.cs-chips[b-hih88hfvsw] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
.cs-chip[b-hih88hfvsw] { font-size: 0.7rem; font-weight: 700; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.cs-chip-fat[b-hih88hfvsw] { background: #E7F6EC; color: #1C7B3E; }
.cs-chip-falta[b-hih88hfvsw] { background: #FEF3C7; color: #B45309; }
.cs-sugestao[b-hih88hfvsw] { margin-top: 5px; font-size: 0.78rem; color: #B45309; }
.cs-link[b-hih88hfvsw] { background: none; border: 0; padding: 0 0 0 4px; font-weight: 700; color: #006eb6; cursor: pointer; font-size: 0.78rem; }
.cs-link:hover[b-hih88hfvsw] { text-decoration: underline; }

/* Aba Base e liberação */
.cs-sub[b-hih88hfvsw] { display: flex; gap: 4px; margin-bottom: 14px; }
.cs-sub-btn[b-hih88hfvsw] { background: #f3f3f3; border: 0; border-radius: 999px; padding: 6px 16px; font-size: 0.82rem; font-weight: 700; color: #5c5c5c; cursor: pointer; }
.cs-sub-ativo[b-hih88hfvsw] { background: #006eb6; color: #fff; }
.cs-barra[b-hih88hfvsw] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.cs-barra input[type="text"][b-hih88hfvsw], .cs-barra input[type="month"][b-hih88hfvsw], .cs-barra select[b-hih88hfvsw] {
    padding: 7px 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.85rem; background: #fff; font-family: inherit; box-sizing: border-box;
}
.cs-barra .cs-busca[b-hih88hfvsw] { flex: 1; min-width: 220px; }
.cs-seg[b-hih88hfvsw] { display: inline-flex; border: 1px solid #d1d5db; border-radius: 8px; overflow: hidden; }
.cs-seg-btn[b-hih88hfvsw] { background: #fff; border: 0; border-right: 1px solid #d1d5db; padding: 7px 14px; font-size: 0.82rem; font-weight: 700; color: #5c5c5c; cursor: pointer; }
.cs-seg-btn:last-child[b-hih88hfvsw] { border-right: 0; }
.cs-seg-ativo[b-hih88hfvsw] { background: #eff7fc; color: #006eb6; }
.cs-triagem[b-hih88hfvsw] { margin-bottom: 10px; }
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { display: grid; grid-template-columns: minmax(180px, 1.3fr) 2fr minmax(190px, 1fr) 100px; gap: 14px; align-items: center; }
.cs-cab-lista[b-hih88hfvsw] { padding: 8px 18px; background: #f6f6f6; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.cs-cliente[b-hih88hfvsw] { padding: 9px 18px; border-bottom: 1px solid #efefef; }
.cs-cliente:last-of-type[b-hih88hfvsw] { border-bottom: 0; }
.cs-cliente-nome[b-hih88hfvsw] { display: flex; flex-direction: column; min-width: 0; }
.cs-cliente-nome strong[b-hih88hfvsw] { font-size: 0.88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-cliente-depto[b-hih88hfvsw] { display: flex; flex-direction: column; gap: 3px; }
.cs-cliente-depto select[b-hih88hfvsw] { padding: 5px 8px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.8rem; background: #fff; max-width: 100%; }
.cs-chips[b-hih88hfvsw] { margin-top: 0; }
.cs-sugestao[b-hih88hfvsw] { background: none; border: 0; padding: 0; text-align: left; font-size: 0.72rem; font-weight: 700; color: #B45309; cursor: pointer; margin: 0; }
.cs-sugestao:hover[b-hih88hfvsw] { text-decoration: underline; }
.cs-secao-topo[b-hih88hfvsw] { margin-top: 0; }
.cs-ajuda[b-hih88hfvsw] { margin: 4px 2px 16px; font-size: 0.82rem; color: #5c5c5c; }
.cs-ajuda summary[b-hih88hfvsw] { cursor: pointer; font-weight: 700; }
.cs-ajuda ul[b-hih88hfvsw] { margin: 8px 0 0 18px; padding: 0; line-height: 1.6; }
@media (max-width: 900px) {
    .cs-cab-lista[b-hih88hfvsw] { display: none; }
    .cs-cliente[b-hih88hfvsw] { grid-template-columns: 1fr; gap: 6px; }
}

/* Seleção em massa */
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { grid-template-columns: 24px minmax(180px, 1.3fr) 2fr minmax(190px, 1fr) 100px; }
.cs-cliente-sel[b-hih88hfvsw] { background: #eff7fc; }
.cs-massa[b-hih88hfvsw] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 14px; margin-bottom: 10px; background: #eff7fc; border: 1px solid #c9e2f3; border-radius: 8px; font-size: 0.85rem; }
@media (max-width: 900px) { .cs-cliente[b-hih88hfvsw] { grid-template-columns: 24px 1fr; } }

/* Comissões */
.cs-cab-com[b-hih88hfvsw], .cs-com[b-hih88hfvsw] { display: grid; grid-template-columns: 24px 1fr 1.6fr 110px 120px 170px; gap: 12px; align-items: center; }
.cs-cab-com[b-hih88hfvsw] { padding: 8px 18px; background: #f6f6f6; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.cs-com[b-hih88hfvsw] { padding: 9px 18px; border-bottom: 1px solid #efefef; font-size: 0.86rem; }
.cs-totais[b-hih88hfvsw] { margin-bottom: 10px; }
.cs-chip-total[b-hih88hfvsw] { background: #006eb6; color: #fff; }
.cs-regra-nova[b-hih88hfvsw] { flex-wrap: wrap; justify-content: flex-start; background: #f8f8f8; }
.cs-regra-nova select[b-hih88hfvsw], .cs-regra-nova input[b-hih88hfvsw] { padding: 6px 9px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.82rem; background: #fff; font-family: inherit; }
@media (max-width: 900px) { .cs-cab-com[b-hih88hfvsw] { display: none; } .cs-com[b-hih88hfvsw] { grid-template-columns: 24px 1fr; } }

/* Botão flutuante de ajuda: mesmo canto e azul dos botões de ajuda das outras telas. */
.cs-ajuda-fab[b-hih88hfvsw] {
    position: fixed; right: 24px; bottom: 24px; z-index: 900;
    display: inline-flex; align-items: center; gap: 8px;
    height: 48px; padding: 0 20px 0 16px; border-radius: 999px;
    background: #036eb4; color: #fff; font-size: 0.9rem; font-weight: 700; text-decoration: none;
    box-shadow: 0 6px 20px rgba(2, 66, 110, 0.4);
    transition: background-color 0.15s, transform 0.15s;
}
.cs-ajuda-fab:hover[b-hih88hfvsw] { background: #02568e; color: #fff; transform: translateY(-2px); }
.cs-ajuda-fab:focus-visible[b-hih88hfvsw] { outline: 3px solid #9fd3f5; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .cs-ajuda-fab[b-hih88hfvsw] { transition: none; } .cs-ajuda-fab:hover[b-hih88hfvsw] { transform: none; } }
@media (max-width: 600px) { .cs-ajuda-fab[b-hih88hfvsw] { right: 16px; bottom: 16px; } }

/* Tipo de conta */
.cs-conta[b-hih88hfvsw] { font-weight: 700; color: #5c5c5c; }
.cs-conta-corp[b-hih88hfvsw] { color: #6D28D9; background: #EDE9FE; padding: 1px 8px; border-radius: 999px; font-size: 0.72rem; }
.cs-x[b-hih88hfvsw] { background: none; border: 0; color: inherit; cursor: pointer; font-size: 0.7rem; padding: 0 0 0 4px; }

/* Período do faturamento e coluna Responsável */
.cs-periodo[b-hih88hfvsw] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cs-periodo-rotulo[b-hih88hfvsw] { font-size: 0.8rem; font-weight: 700; color: #343434; }
.cs-periodo input[type="month"][b-hih88hfvsw] { padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.85rem; background: #fff; font-family: inherit; }
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { grid-template-columns: 24px minmax(160px, 1.2fr) minmax(110px, 0.7fr) 2fr minmax(180px, 1fr) 100px; }
.cs-resp[b-hih88hfvsw] { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.cs-resp-nome[b-hih88hfvsw] { font-size: 0.85rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
@media (max-width: 900px) { .cs-cliente[b-hih88hfvsw] { grid-template-columns: 24px 1fr; } }

/* Empresas liberadas */
.cs-cab-lib[b-hih88hfvsw], .cs-lib[b-hih88hfvsw] { display: grid; grid-template-columns: minmax(180px, 1.4fr) minmax(130px, 0.9fr) minmax(130px, 0.9fr) 2fr; gap: 14px; align-items: center; }
.cs-cab-lib[b-hih88hfvsw] { padding: 8px 18px; background: #f6f6f6; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.cs-lib[b-hih88hfvsw] { padding: 10px 18px; border-bottom: 1px solid #efefef; font-size: 0.88rem; }
.cs-lib:last-child[b-hih88hfvsw] { border-bottom: 0; }
@media (max-width: 900px) { .cs-cab-lib[b-hih88hfvsw] { display: none; } .cs-lib[b-hih88hfvsw] { grid-template-columns: 1fr; gap: 6px; } }

/* Mês de liberação agrupado com o seletor Todas / Candidatos / Liberadas */
.cs-grupo-lib[b-hih88hfvsw] { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 10px; background: #f6f8fa; border: 1px solid #e5e7eb; border-radius: 10px; }
.cs-grupo-lib input[type="month"][b-hih88hfvsw] { padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.85rem; background: #fff; font-family: inherit; }

/* Filtros: rótulo sempre acima do campo */
.cs-barra[b-hih88hfvsw] { align-items: flex-end; }
.cs-f[b-hih88hfvsw] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cs-f-busca[b-hih88hfvsw] { flex: 1 1 220px; }
.cs-f-rotulo[b-hih88hfvsw] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; color: #5c5c5c; }
.cs-f .cs-busca[b-hih88hfvsw] { min-width: 0; width: 100%; }
.cs-f select[b-hih88hfvsw], .cs-f input[type="month"][b-hih88hfvsw], .cs-f input[type="text"][b-hih88hfvsw] { height: 36px; box-sizing: border-box; }
.cs-f-check[b-hih88hfvsw] { height: 36px; display: inline-flex; align-items: center; margin: 0; }
.cs-f-nota[b-hih88hfvsw] { align-self: center; }
.cs-triagem.cs-barra[b-hih88hfvsw] { margin-bottom: 10px; }

/* Lista da Base e das liberadas: versão compacta (mais linhas por tela) */
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { gap: 10px; grid-template-columns: 22px minmax(150px, 1.2fr) minmax(100px, 0.65fr) 2fr minmax(160px, 0.9fr) 84px; }
.cs-cab-lista[b-hih88hfvsw] { padding: 5px 12px; font-size: 0.6rem; }
.cs-cliente[b-hih88hfvsw] { padding: 4px 12px; font-size: 0.74rem; line-height: 1.25; }
.cs-cliente input[type="checkbox"][b-hih88hfvsw], .cs-cab-lista input[type="checkbox"][b-hih88hfvsw] { margin: 0; width: 14px; height: 14px; }
.cs-cliente-nome strong[b-hih88hfvsw] { font-size: 0.76rem; }
.cs-cliente-nome .cs-suave[b-hih88hfvsw] { font-size: 0.64rem; }
.cs-cliente .cs-resp[b-hih88hfvsw] { gap: 1px; }
.cs-cliente .cs-resp-nome[b-hih88hfvsw] { font-size: 0.74rem; font-weight: 600; }
.cs-cliente .cs-conta-corp[b-hih88hfvsw] { font-size: 0.6rem; padding: 0 6px; }
.cs-cliente .cs-chips[b-hih88hfvsw] { gap: 3px; }
.cs-cliente .cs-chip[b-hih88hfvsw] { font-size: 0.62rem; padding: 1px 6px; font-weight: 600; }
.cs-cliente .cs-cliente-depto[b-hih88hfvsw] { gap: 1px; }
.cs-cliente .cs-cliente-depto select[b-hih88hfvsw] { font-size: 0.7rem; padding: 2px 6px; height: 24px; border-radius: 6px; }
.cs-cliente .cs-sugestao[b-hih88hfvsw] { font-size: 0.62rem; }
.cs-cliente .cs-btn[b-hih88hfvsw] { font-size: 0.68rem; padding: 3px 8px; border-radius: 6px; justify-content: center; }

.cs-cab-lib[b-hih88hfvsw], .cs-lib[b-hih88hfvsw] { gap: 10px; }
.cs-cab-lib[b-hih88hfvsw] { padding: 5px 12px; font-size: 0.6rem; }
.cs-lib[b-hih88hfvsw] { padding: 4px 12px; font-size: 0.74rem; line-height: 1.25; }
.cs-lib .cs-cliente-nome strong[b-hih88hfvsw] { font-size: 0.76rem; }
.cs-lib .cs-cliente-nome .cs-suave[b-hih88hfvsw] { font-size: 0.64rem; }
.cs-lib .cs-resp-nome[b-hih88hfvsw] { font-size: 0.74rem; font-weight: 600; }
.cs-lib .cs-conta-corp[b-hih88hfvsw] { font-size: 0.6rem; padding: 0 6px; }
.cs-lib .cs-chips[b-hih88hfvsw] { gap: 3px; }
.cs-lib .cs-chip[b-hih88hfvsw] { font-size: 0.62rem; padding: 1px 6px; font-weight: 600; }
@media (max-width: 900px) { .cs-cliente[b-hih88hfvsw] { grid-template-columns: 22px 1fr; } }

/* Linha do período do faturamento: campos juntos à esquerda, aviso à direita */
.cs-triagem.cs-barra[b-hih88hfvsw] { justify-content: flex-start; gap: 10px; }
.cs-triagem .cs-f input[type="month"][b-hih88hfvsw] { width: 150px; }
.cs-triagem .cs-f-nota[b-hih88hfvsw] { margin-left: auto; }

/* Exclusão e parecer do vendedor */
.cs-conta-excl[b-hih88hfvsw] { color: #B42318; background: #FDECEC; padding: 0 6px; border-radius: 999px; font-size: 0.62rem; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.cs-conta-parecer-ok[b-hih88hfvsw] { color: #1C7B3E; background: #E7F6EC; padding: 0 6px; border-radius: 999px; font-size: 0.6rem; font-weight: 700; }
.cs-conta-parecer-no[b-hih88hfvsw] { color: #B42318; background: #FDECEC; padding: 0 6px; border-radius: 999px; font-size: 0.6rem; font-weight: 700; }
.cs-conta-parecer-aguarda[b-hih88hfvsw] { color: #B45309; background: #FEF3C7; padding: 0 6px; border-radius: 999px; font-size: 0.6rem; font-weight: 700; }
.cs-cliente-acao[b-hih88hfvsw] { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
.cs-link-peq[b-hih88hfvsw] { font-size: 0.64rem; text-align: center; padding: 0; }
.cs-excl-form[b-hih88hfvsw] { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 6px 0 2px 32px; }
.cs-excl-form input[b-hih88hfvsw] { flex: 1 1 260px; padding: 5px 9px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.78rem; font-family: inherit; }
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { grid-template-columns: 22px minmax(150px, 1.2fr) minmax(100px, 0.65fr) 2fr minmax(160px, 0.9fr) 96px; }

/* Meus clientes */
.cs-meu[b-hih88hfvsw] { padding: 10px 18px; border-bottom: 1px solid #efefef; }
.cs-meu:last-child[b-hih88hfvsw] { border-bottom: 0; }
.cs-meu-topo[b-hih88hfvsw] { display: grid; grid-template-columns: minmax(180px, 1.2fr) 2fr auto; gap: 14px; align-items: center; }
.cs-meu-status[b-hih88hfvsw] { display: flex; flex-direction: column; gap: 4px; align-items: flex-end; }
.cs-meu-acoes[b-hih88hfvsw] { display: flex; gap: 8px; align-items: center; margin-top: 8px; flex-wrap: wrap; }
.cs-meu-motivo[b-hih88hfvsw] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.cs-meu-motivo input[b-hih88hfvsw] { flex: 1 1 280px; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.82rem; font-family: inherit; }
@media (max-width: 800px) { .cs-meu-topo[b-hih88hfvsw] { grid-template-columns: 1fr; } .cs-meu-status[b-hih88hfvsw] { align-items: flex-start; flex-direction: row; } }

/* Campeão e bonificação do ranking */
.cs-campeao[b-hih88hfvsw], .cs-bonus[b-hih88hfvsw] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; padding: 10px 16px; border-radius: 10px; margin-bottom: 10px; font-size: 0.92rem; }
.cs-campeao[b-hih88hfvsw] { background: #E7F6EC; border: 1px solid #b7e1c6; color: #14532d; }
.cs-bonus[b-hih88hfvsw] { background: #FEF3C7; border: 1px solid #f3dc9a; color: #78350f; }
.cs-campeao-rotulo[b-hih88hfvsw] { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.8; }

/* Ações da linha: dois botões lado a lado, com cores que dizem o que fazem */
.cs-cab-lista[b-hih88hfvsw], .cs-cliente[b-hih88hfvsw] { grid-template-columns: 22px minmax(150px, 1.2fr) minmax(100px, 0.65fr) 2fr minmax(160px, 0.9fr) 190px; }
.cs-cliente-acao[b-hih88hfvsw] { flex-direction: row; align-items: center; justify-content: flex-end; gap: 6px; }
.cs-cliente .cs-cliente-acao .cs-btn[b-hih88hfvsw] { flex: 1 1 0; white-space: nowrap; }
.cs-btn-lib[b-hih88hfvsw] { color: #1C7B3E; border-color: #9fd3b4; background: #fff; }
.cs-btn-lib:hover[b-hih88hfvsw] { background: #E7F6EC; border-color: #1C7B3E; color: #1C7B3E; }
.cs-btn-lib.cs-btn-liberada[b-hih88hfvsw] { background: #1C7B3E; border-color: #1C7B3E; color: #fff; }
.cs-btn-nao[b-hih88hfvsw] { color: #B42318; border-color: #f0b4ae; background: #fff; }
.cs-btn-nao:hover[b-hih88hfvsw], .cs-btn-nao-ativo[b-hih88hfvsw] { background: #FDECEC; border-color: #B42318; color: #B42318; }
.cs-btn-reativar[b-hih88hfvsw] { flex: 1 1 auto; background: #fff; }
@media (max-width: 900px) { .cs-cliente-acao[b-hih88hfvsw] { justify-content: flex-start; } }

/* Sugestão de departamento: frase completa, em até duas linhas */
.cs-cliente .cs-sugestao[b-hih88hfvsw] { font-size: 0.64rem; line-height: 1.25; font-weight: 600; text-align: left; white-space: normal; }
.cs-cliente .cs-sugestao strong[b-hih88hfvsw] { font-weight: 700; }
/* /Components/Pages/CrossSelling/SolicitarCotacao.razor.rz.scp.css */
.sc-topo[b-4ddmjpix1r] { margin-bottom: 16px; }
.sc-titulo[b-4ddmjpix1r] { margin: 0 0 4px; font-size: 1.4rem; color: #1a1a1a; }
.sc-sub[b-4ddmjpix1r] { margin: 0; color: #5c5c5c; font-size: 0.9rem; max-width: 70ch; }

.sc-msg[b-4ddmjpix1r] { padding: 9px 14px; border-radius: 8px; font-size: 0.85rem; margin-bottom: 12px; cursor: pointer; }
.sc-msg-ok[b-4ddmjpix1r] { background: #E7F6EC; color: #1C7B3E; }
.sc-msg-erro[b-4ddmjpix1r] { background: #FDECEC; color: #B42318; }

.sc-card[b-4ddmjpix1r] { background: #fff; border: 1px solid #efefef; border-radius: 12px; padding: 14px 18px; margin-bottom: 12px; }
.sc-card-titulo[b-4ddmjpix1r], .sc-secao[b-4ddmjpix1r] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.sc-card-titulo[b-4ddmjpix1r] { margin-bottom: 10px; }
.sc-secao[b-4ddmjpix1r] { margin: 22px 0 8px; }

.sc-grade[b-4ddmjpix1r] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; }
.sc-cheio[b-4ddmjpix1r] { grid-column: 1 / -1; }
@media (max-width: 700px) { .sc-grade[b-4ddmjpix1r] { grid-template-columns: 1fr; } }

.sc-servicos[b-4ddmjpix1r] { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.sc-check[b-4ddmjpix1r] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.88rem; font-weight: 400; }
.sc-acoes[b-4ddmjpix1r] { display: flex; gap: 8px; margin-top: 12px; }
.sc-btn[b-4ddmjpix1r] {
    display: inline-flex; align-items: center; padding: 8px 16px; border-radius: 8px; font-size: 0.85rem; font-weight: 700;
    border: 1px solid var(--border-strong, #cfcfcf); background: #fff; color: #343434; cursor: pointer;
}
.sc-btn-primario[b-4ddmjpix1r] { background: var(--brand-primary, #006eb6); border-color: var(--brand-primary, #006eb6); color: #fff; }
.sc-btn-primario:hover[b-4ddmjpix1r] { background: var(--brand-primary-hover, #00629a); }
.sc-btn:disabled[b-4ddmjpix1r] { opacity: 0.6; cursor: default; }

.sc-vazio[b-4ddmjpix1r] { padding: 2rem; text-align: center; color: #8a8a8a; }
.sc-suave[b-4ddmjpix1r] { color: #8a8a8a; font-size: 0.8rem; }
.sc-lista[b-4ddmjpix1r] { padding: 0; overflow: hidden; }
.sc-linha[b-4ddmjpix1r] { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 11px 18px; border-bottom: 1px solid #efefef; flex-wrap: wrap; }
.sc-linha:last-child[b-4ddmjpix1r] { border-bottom: 0; }
.sc-linha-main[b-4ddmjpix1r] { min-width: 0; flex: 1 1 280px; font-size: 0.9rem; }
.sc-servicos-status[b-4ddmjpix1r] { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.sc-pilula[b-4ddmjpix1r] { padding: 2px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.sc-pilula-azul[b-4ddmjpix1r] { background: #eff7fc; color: #006eb6; }
.sc-pilula-amarelo[b-4ddmjpix1r] { background: #FEF3C7; color: #B45309; }
.sc-pilula-roxo[b-4ddmjpix1r] { background: #EDE9FE; color: #6D28D9; }
.sc-pilula-verde[b-4ddmjpix1r] { background: #E7F6EC; color: #1C7B3E; }
.sc-pilula-cinza[b-4ddmjpix1r] { background: #efefef; color: #5c5c5c; }
/* /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: #036eb4;
    text-decoration: none;
}

.breadcrumb a:hover[b-z1wvvf9o3g] {
    text-decoration: underline;
}

/* ── Layout em duas colunas: sidebar fixa (identidade + dados) e coluna de trabalho (abas) ── */
.ed-shell[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: 360px 1fr;
    align-items: start;
    gap: 20px;
}

.ed-sidebar[b-z1wvvf9o3g] {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    min-width: 0;
}

.ed-main[b-z1wvvf9o3g] {
    min-width: 0;
}

@media (max-width: 1080px) {
    .ed-shell[b-z1wvvf9o3g] { grid-template-columns: 1fr; }
    .ed-sidebar[b-z1wvvf9o3g] { position: static; max-height: none; }
}

/* ── Header da empresa ── */
.empresa-header[b-z1wvvf9o3g] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 12px;
    gap: 14px;
}

.empresa-header-principal[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.empresa-avatar[b-z1wvvf9o3g] {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    background-color: #036eb4;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.empresa-nome[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 4px 0;
    overflow-wrap: anywhere;
}

.empresa-meta[b-z1wvvf9o3g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    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;
    width: 100%;
}

.confirmar-texto[b-z1wvvf9o3g] {
    font-size: 0.82rem;
    color: #374151;
}

.confirmar-texto-auto[b-z1wvvf9o3g] { margin-right: auto; }

.confirmar-erro[b-z1wvvf9o3g] {
    font-size: 0.78rem;
    color: #b91c1c;
}

.btn-confirmar-excluir[b-z1wvvf9o3g] {
    background: #b91c1c;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 0.8rem;
    cursor: pointer;
}

.btn-excluir-auto[b-z1wvvf9o3g] { margin-right: auto; }

.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: #036eb4;
    color: #036eb4;
}

.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: #036eb4; border: 1px solid #bfdbfe; }

/* ── Layout corpo ── */
/* ── Painel de informações ── */
.empresa-info-painel[b-z1wvvf9o3g] {
    margin-bottom: 0;
}

.empresa-info-card[b-z1wvvf9o3g] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 16px 20px;
}

.empresa-info-grid[b-z1wvvf9o3g] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.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: #036eb4;
    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: #036eb4; }

.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: #036eb4; color: #036eb4; }

/* 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: #036eb4;
    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: #036eb4;
    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: #036eb4;
    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: #036eb4;
    border-bottom-color: #036eb4;
    font-weight: 600;
}

.aba-badge[b-z1wvvf9o3g] {
    background: #036eb4;
    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 #036eb4;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.78rem;
    color: #036eb4;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.15s;
}

.btn-adicionar:hover[b-z1wvvf9o3g] {
    background: #036eb4;
    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: #036eb4;
    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: #036eb4;
    border-color: #bfdbfe;
}

.btn-acao-email:hover[b-z1wvvf9o3g] {
    background: #036eb4;
    color: #fff;
    border-color: #036eb4;
}

.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: #036eb4;
    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: #036eb4;
    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: #036eb4;
    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: #036eb4;
    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: #036eb4; color: #036eb4; }

.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 1fr; gap: 12px; margin-bottom: 12px; }
.neg-inline-acoes[b-z1wvvf9o3g] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.neg-resp-auto[b-z1wvvf9o3g] { display: block; font-size: 0.7rem; color: #6b7280; margin-top: 3px; }

/* ── 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-tipo-operacao[b-z1wvvf9o3g] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
    background: #e0e7ff;
    color: #3730a3;
}
.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 #036eb4;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.8rem;
    color: #036eb4;
    cursor: pointer;
    transition: all 0.15s;
}
.btn-add-sm:hover[b-z1wvvf9o3g] { background: #036eb4; 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: #036eb4; 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: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.page-eyebrow[b-lywugd37re] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #036eb4;
    margin-bottom: 2px;
}

.page-titulo[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.page-resumo[b-lywugd37re] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 3px;
}

.page-acoes[b-lywugd37re] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.btn-secundario[b-lywugd37re] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.8rem;
    color: #374151;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.btn-secundario:hover[b-lywugd37re] {
    border-color: #036eb4;
    color: #036eb4;
}

.btn-novo[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #036eb4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
    white-space: nowrap;
}

.btn-novo:hover[b-lywugd37re] {
    background-color: #02568e;
}

/* ── Filtros ── */
.filtros-card[b-lywugd37re] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 1.25rem;
}

.filtro-busca-linha[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.filtro-busca-linha .input-icon[b-lywugd37re] {
    flex: 1;
    max-width: 420px;
}

.filtros-linha[b-lywugd37re] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-top: 14px;
    border-top: 1px solid #f3f4f6;
}

.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;
}

.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: #036eb4;
    box-shadow: 0 0 0 3px rgba(3, 110, 180, 0.12);
}

.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: #036eb4;
    box-shadow: 0 0 0 3px rgba(3, 110, 180, 0.12);
}

.btn-limpar[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 7px;
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-limpar:hover[b-lywugd37re] {
    border-color: #9ca3af;
    color: #374151;
}

.filtros-contagem[b-lywugd37re] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: #036eb4;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
}

/* ── Info e tabela ── */
.tabela-info[b-lywugd37re] {
    font-size: 0.78rem;
    color: #6b7280;
    margin-bottom: 6px;
}

.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.83rem;
}

.tabela thead tr[b-lywugd37re] {
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.tabela th[b-lywugd37re] {
    padding: 7px 14px;
    text-align: left;
    font-size: 0.68rem;
    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:nth-child(even)[b-lywugd37re] {
    background-color: #fbfcfe;
}

.tabela tbody tr:last-child[b-lywugd37re] {
    border-bottom: none;
}

.linha-clicavel[b-lywugd37re] {
    cursor: pointer;
}

.linha-clicavel:hover[b-lywugd37re] {
    background-color: #eaf3fb;
}

.tabela td[b-lywugd37re] {
    padding: 7px 14px;
    color: #374151;
    vertical-align: middle;
    line-height: 1.35;
}

.empresa-celula[b-lywugd37re] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.empresa-chip[b-lywugd37re] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.chip-1[b-lywugd37re] { background: #eaf3fb; color: #024e82; }
.chip-2[b-lywugd37re] { background: #dbeafe; color: #036eb4; }
.chip-3[b-lywugd37re] { background: #dceef7; color: #02405f; }
.chip-4[b-lywugd37re] { background: #e3ecf3; color: #0b3a5c; }
.chip-5[b-lywugd37re] { background: #eef2f5; color: #334155; }

.empresa-textos[b-lywugd37re] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.empresa-nome[b-lywugd37re] {
    display: block;
    font-weight: 500;
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empresa-email[b-lywugd37re] {
    display: block;
    font-size: 0.72rem;
    color: #9ca3af;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cnpj[b-lywugd37re] {
    font-family: monospace;
    font-size: 0.78rem;
    color: #6b7280;
}

/* ── Badges ── */
.badge[b-lywugd37re] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    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: #036eb4;
    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: #036eb4;
}

/* ── Estado vazio ── */
.estado-vazio[b-lywugd37re] {
    text-align: center;
    padding: 3rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

@media (max-width: 900px) {
    .filtros-linha[b-lywugd37re] { flex-direction: column; align-items: stretch; }
    .filtro-campo[b-lywugd37re] { min-width: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .tabela tbody tr[b-lywugd37re],
    .btn-novo[b-lywugd37re],
    .btn-secundario[b-lywugd37re],
    .btn-limpar[b-lywugd37re],
    .input-icon input[b-lywugd37re],
    .filtro-campo select[b-lywugd37re] {
        transition: none;
    }
}

/* /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;
}

.capacidades-linha[b-gths458cfb] { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 4px 0; }

.campo-ajuda[b-gths458cfb] { display: block; font-size: 0.72rem; color: #6b7280; margin-top: 4px; }

.cob-resumo[b-gths458cfb] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.cob-resumo-total[b-gths458cfb] { font-size: 0.8rem; font-weight: 600; color: #374151; }

.cob-chip-filtro[b-gths458cfb] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
    cursor: pointer;
    font-family: inherit;
}
.cob-chip-filtro:hover[b-gths458cfb] { border-color: #d1d5db; }
.cob-chip-filtro-ativo[b-gths458cfb] { background: #fef3c7; color: #92400e; border-color: #fde68a; }

.cob-filtro-input[b-gths458cfb] {
    width: 100%;
    padding: 7px 11px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.82rem;
    color: #111827;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.cob-filtro-input:focus[b-gths458cfb] { outline: none; border-color: rgb(0, 110, 181); }

.cob-grupo[b-gths458cfb] { margin-bottom: 10px; }
.cob-grupo:last-child[b-gths458cfb] { margin-bottom: 0; }

.cob-grupo-header[b-gths458cfb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    padding: 6px 2px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    color: #374151;
    text-align: left;
    font-family: inherit;
}
.cob-grupo-count[b-gths458cfb] { color: #9ca3af; font-weight: 600; margin-left: 4px; }
.cob-grupo-seta[b-gths458cfb] { color: #9ca3af; font-size: 0.7rem; }
.cob-grupo .cobertura-lista[b-gths458cfb] { margin-top: 6px; }

.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; display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.cobertura-seta[b-gths458cfb] { color: #9ca3af; margin: 0 4px; }

/* Verde/vermelho aqui não é decoração: numa lista de regras misturadas, o que inclui e o que
   exclui precisa ser distinguível antes de ler o texto. */
.cob-tag[b-gths458cfb] {
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.cob-tag-inclui[b-gths458cfb] { background: #dcfce7; color: #15803d; }
.cob-tag-exclui[b-gths458cfb] { background: #fee2e2; color: #b91c1c; }

.cob-modal[b-gths458cfb] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eaf3fc;
    color: rgb(0, 90, 155);
}

/* Regra que veio do histórico: prova onde o agente já operou, não onde ele consegue operar. */
.cob-fonte[b-gths458cfb] {
    font-size: 0.66rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 4px;
    background: #fef3c7;
    color: #b45309;
    text-transform: uppercase;
    cursor: help;
}

/* ── 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; }


/* ── Formulário compacto (grade de 12 colunas) ── */
.fd-grid[b-gths458cfb] { display: grid; grid-template-columns: repeat(12, 1fr); gap: 10px 12px; margin-bottom: 12px; }
.fd-s3[b-gths458cfb] { grid-column: span 3; } .fd-s4[b-gths458cfb] { grid-column: span 4; } .fd-s8[b-gths458cfb] { grid-column: span 8; }
@media (max-width: 900px) { .fd-s3[b-gths458cfb], .fd-s4[b-gths458cfb] { grid-column: span 6; } .fd-s8[b-gths458cfb] { grid-column: span 12; } }
@media (max-width: 560px) { .fd-s3[b-gths458cfb], .fd-s4[b-gths458cfb], .fd-s8[b-gths458cfb] { grid-column: span 12; } }

.fd-faixa[b-gths458cfb] {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px 18px;
    padding: 8px 12px; margin-bottom: 10px;
    background: var(--gray-100, #f6f6f6); border-radius: var(--radius-m, 8px);
}
.fd-faixa-rotulo[b-gths458cfb] {
    min-width: 92px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; color: var(--text-secondary, #5c5c5c);
}
.fd-faixa .label-check[b-gths458cfb] { font-size: 0.82rem; }
.fd-validade[b-gths458cfb] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8rem; color: var(--text-secondary, #5c5c5c); }
.fd-validade input[b-gths458cfb] { padding: 3px 6px; border: 1px solid var(--border-strong, #cfcfcf); border-radius: 6px; font-size: 0.8rem; }

/* ── Abas ── */
.fd-abas[b-gths458cfb] { display: flex; gap: 2px; border-bottom: 1px solid var(--border-default, #efefef); margin-bottom: 14px; overflow-x: auto; }
.fd-aba[b-gths458cfb] {
    display: inline-flex; align-items: center; gap: 7px; padding: 9px 16px;
    background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px;
    font-family: inherit; font-size: 0.85rem; font-weight: 700; color: var(--text-secondary, #5c5c5c);
    cursor: pointer; white-space: nowrap;
}
.fd-aba:hover[b-gths458cfb] { color: var(--text-primary, #343434); }
.fd-aba-ativa[b-gths458cfb] { color: var(--brand-primary, #006eb6); border-bottom-color: var(--brand-primary, #006eb6); }
.fd-aba-n[b-gths458cfb] {
    min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: inline-flex;
    align-items: center; justify-content: center; font-size: 0.68rem;
    background: var(--gray-200, #efefef); color: var(--text-secondary, #5c5c5c);
}
.fd-aba-ativa .fd-aba-n[b-gths458cfb] { background: var(--blue-100, #d7eaf6); color: var(--brand-primary, #006eb6); }

.fd-chips[b-gths458cfb] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.fd-chip[b-gths458cfb] { padding: 2px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; background: var(--gray-200, #efefef); color: var(--text-primary, #343434); }
.fd-chip-ok[b-gths458cfb] { background: var(--green-100, #e3f5e9); color: var(--green-600, #0f7a3d); }

/* ── Contatos: uma linha por contato ── */
.ct-cab[b-gths458cfb], .ct-linha[b-gths458cfb] { display: grid; grid-template-columns: 1.3fr 1fr 1.5fr 1fr 28px; gap: 8px; align-items: center; }
.ct-cab[b-gths458cfb] { padding: 0 2px 4px; font-size: 0.66rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-secondary, #5c5c5c); }
.ct-item[b-gths458cfb] { padding: 8px 0 10px; border-bottom: 1px solid var(--border-default, #efefef); }
.ct-item:last-of-type[b-gths458cfb] { border-bottom: none; }
.ct-linha input[b-gths458cfb] {
    width: 100%; box-sizing: border-box; padding: 6px 8px; font-size: 0.82rem; font-family: inherit;
    border: 1px solid var(--border-strong, #cfcfcf); border-radius: 6px; outline: none; min-width: 0;
}
.ct-linha input:focus[b-gths458cfb] { border-color: var(--brand-primary, #006eb6); box-shadow: 0 0 0 3px rgba(0,110,182,.12); }
.ct-rodape[b-gths458cfb] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin-top: 6px; font-size: 0.78rem; }
.ct-modais-rotulo[b-gths458cfb] { margin-left: 10px; color: var(--text-secondary, #5c5c5c); font-weight: 700; }
.ct-chip[b-gths458cfb] {
    padding: 2px 10px; border-radius: 999px; font-family: inherit; font-size: 0.74rem; font-weight: 700; cursor: pointer;
    border: 1px solid var(--border-strong, #cfcfcf); background: #fff; color: var(--text-secondary, #5c5c5c);
}
.ct-chip:hover[b-gths458cfb] { border-color: var(--brand-primary, #006eb6); color: var(--brand-primary, #006eb6); }
.ct-chip-on[b-gths458cfb] { background: var(--brand-primary, #006eb6); border-color: var(--brand-primary, #006eb6); color: #fff; }
.ct-chip-on:hover[b-gths458cfb] { color: #fff; }
.ct-ajuda[b-gths458cfb] { margin: 0; }
@media (max-width: 760px) {
    .ct-cab[b-gths458cfb] { display: none; }
    .ct-linha[b-gths458cfb] { grid-template-columns: 1fr 1fr; }
    .ct-linha .btn-remover-contato[b-gths458cfb] { justify-self: end; }
}

/* Cartões mais enxutos */
.det-card[b-gths458cfb] { padding: 16px 18px; }
.det-card-titulo[b-gths458cfb], .det-card-header[b-gths458cfb] { margin-bottom: 10px; }

/* Botão "Adicionar" das exceções: mesma altura dos selects ao lado. */
.fd-exc-add[b-gths458cfb] { box-sizing: border-box; height: 37px; padding: 0 18px; align-self: flex-end; }
/* /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 ───────────────────────────────────────────────────────────────── */
.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: 10px;
    flex-wrap: wrap;
}

.filtro-busca[b-9dr9hqao1d] { flex: 1 1 220px; 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); }

.fl-select[b-9dr9hqao1d] {
    padding: 7px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.82rem;
    color: #374151;
    background: #fff;
    cursor: pointer;
    max-width: 230px;
}
.fl-select:focus[b-9dr9hqao1d] { outline: none; border-color: rgb(0, 110, 181); }

/* Filtro de origem em destaque: entre todos, é a pergunta que traz a pessoa a esta tela
   ("quem atende a China?"). O peso visual diz qual campo usar primeiro. */
.fl-select-forte[b-9dr9hqao1d] {
    border-color: rgb(0, 110, 181);
    color: rgb(0, 90, 155);
    font-weight: 600;
}

.filtro-check[b-9dr9hqao1d] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #374151;
    cursor: pointer;
    white-space: nowrap;
}

.btn-limpar[b-9dr9hqao1d] {
    background: none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 0.8rem;
    color: #6b7280;
    cursor: pointer;
    white-space: nowrap;
}
.btn-limpar:hover[b-9dr9hqao1d] { border-color: #9ca3af; color: #374151; }

.ti-nota[b-9dr9hqao1d] { color: #b45309; }

/* ── Tabela ────────────────────────────────────────────────────────────────── */
/* A tabela tem 7 colunas e não encolhe bem: em tela estreita ela rola dentro do
   próprio cartão, sem empurrar a página inteira na horizontal. */
.tabela-wrapper[b-9dr9hqao1d] { overflow-x: auto; }
.tabela[b-9dr9hqao1d] { min-width: 880px; }

.fl-nome[b-9dr9hqao1d] {
    display: block;
    font-size: 0.82rem;
    font-weight: 600;
    color: #111827;
}

.fl-email[b-9dr9hqao1d] {
    display: block;
    font-size: 0.72rem;
    color: #9ca3af;
    margin-top: 1px;
}

.fl-sede[b-9dr9hqao1d] { white-space: nowrap; }
.fl-pais[b-9dr9hqao1d]   { display: block; font-size: 0.78rem; color: #374151; }
.fl-cidade[b-9dr9hqao1d] { display: block; font-size: 0.72rem; color: #9ca3af; }

.fl-num[b-9dr9hqao1d] { text-align: right; }
.fl-contagem[b-9dr9hqao1d] { font-variant-numeric: tabular-nums; font-size: 0.82rem; color: #374151; cursor: help; }
.fl-vazio[b-9dr9hqao1d] { color: #d1d5db; }

/* ── Cobertura: a coluna que dá sentido à lista ────────────────────────────── */
/* Um agente é definido pelo alcance geográfico dele, não pelo cadastro. Mostrar as
   origens aqui evita abrir 175 fichas para descobrir quem serve para a cotação. */
.fl-chips[b-9dr9hqao1d] { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }

.fl-chip[b-9dr9hqao1d] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    background: #eaf3fc;
    color: rgb(0, 90, 155);
    white-space: nowrap;
}

.fl-chip-mais[b-9dr9hqao1d] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 10px;
    background: #f3f4f6;
    color: #6b7280;
    cursor: pointer;
    border: none;
    font-family: inherit;
}
.fl-chip-mais:hover[b-9dr9hqao1d] { background: #e5e7eb; color: #374151; }

/* Âmbar é o "precisa de atenção" já usado nas outras telas (campo pendente na cotação,
   regra vinda do histórico). Sem regra de origem, o fornecedor não entra em cotação
   nenhuma — é uma lacuna a resolver, não um estado neutro. */
.fl-sem-cobertura[b-9dr9hqao1d] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    background: #fef3c7;
    color: #b45309;
    cursor: help;
    white-space: nowrap;
}

/* Quase todos os fornecedores estão não homologados hoje. Se isso virasse selo colorido
   em 175 linhas, o destaque do que está homologado se perderia. */
.fl-pendente[b-9dr9hqao1d] { font-size: 0.72rem; color: #9ca3af; white-space: nowrap; }

.fl-linha-inativa .fl-nome[b-9dr9hqao1d],
.fl-linha-inativa .fl-pais[b-9dr9hqao1d] { color: #9ca3af; }

.fl-acao[b-9dr9hqao1d] { text-align: right; white-space: nowrap; }
.fl-erro[b-9dr9hqao1d] { font-size: 0.72rem; color: #b91c1c; white-space: nowrap; }

.badge[b-9dr9hqao1d] {
    font-size: 0.68rem;
    font-weight: 600;
    border-radius: 4px;
    padding: 1px 7px;
    white-space: nowrap;
}

.badge-inativo[b-9dr9hqao1d]     { background: #fee2e2; color: #b91c1c; margin-left: 5px; }
.badge-homologado[b-9dr9hqao1d]  { background: #fef3c7; color: #92400e; }

.estado-vazio[b-9dr9hqao1d] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 2.5rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
}
.estado-vazio p[b-9dr9hqao1d] { margin: 0 0 12px; }

.texto-vazio[b-9dr9hqao1d] { color: #9ca3af; text-align: center; padding: 2rem; margin: 0; font-size: 0.875rem; }

/* Filtro de atendimento em 3 passos: segunda linha, com o seletor de porto numa largura utilizável. */
.filtro-atend[b-9dr9hqao1d] { margin-top: 8px; }
.filtro-porto[b-9dr9hqao1d] { width: 280px; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* ── Faixa de abertura ── */
.home-hero[b-v5axc2gwvx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #036eb4 0%, #02568e 100%);
    border-radius: 14px;
    padding: 22px 28px;
    margin-bottom: 1.75rem;
    box-shadow: 0 8px 24px rgba(2, 66, 110, 0.18);
}

.home-hero-greeting[b-v5axc2gwvx] {
    min-width: 0;
}

.home-hero-eyebrow[b-v5axc2gwvx] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 4px;
}

.home-hero-titulo[b-v5axc2gwvx] {
    font-size: 1.6rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.home-hero-titulo strong[b-v5axc2gwvx] {
    font-weight: 700;
    color: #ffffff;
}

/* Painel de embarque: números tabulares lado a lado, separados por traço fino — não é
   uma fileira de cartões, é uma leitura contínua, como um placar de saídas. */
.home-hero-stats[b-v5axc2gwvx] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-shrink: 0;
}

.home-stat[b-v5axc2gwvx] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    background: none;
    border: none;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2px 22px;
    cursor: pointer;
    text-align: left;
    transition: opacity 0.15s;
}

.home-stat:first-child[b-v5axc2gwvx] {
    border-left: none;
    padding-left: 0;
}

.home-stat:hover[b-v5axc2gwvx] {
    opacity: 0.8;
}

.home-stat-valor[b-v5axc2gwvx] {
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    font-variant-numeric: tabular-nums;
}

.home-stat-label[b-v5axc2gwvx] {
    font-size: 0.72rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.68);
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

.home-stat-label[b-v5axc2gwvx]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

.home-stat-atrasadas  .home-stat-label[b-v5axc2gwvx] { color: #ffb4ab; }
.home-stat-hoje       .home-stat-label[b-v5axc2gwvx] { color: #ffcb8a; }
.home-stat-abertas    .home-stat-label[b-v5axc2gwvx] { color: rgba(255, 255, 255, 0.68); }
.home-stat-andamento  .home-stat-label[b-v5axc2gwvx] { color: #93e8b8; }

@media (max-width: 720px) {
    .home-hero-stats[b-v5axc2gwvx] {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 14px;
    }
    .home-stat[b-v5axc2gwvx] {
        flex: 1 1 40%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-stat[b-v5axc2gwvx] {
        transition: none;
    }
}

/* ── Painéis ── */
.home-paineis[b-v5axc2gwvx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 900px) {
    .home-paineis[b-v5axc2gwvx] {
        grid-template-columns: 1fr;
    }
}

.painel[b-v5axc2gwvx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-top: 3px solid transparent;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 320px;
    max-height: 520px;
}

.painel-tarefas[b-v5axc2gwvx]      { border-top-color: #ea580c; }
.painel-negociacoes[b-v5axc2gwvx]  { border-top-color: #036eb4; }

.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;
}

/* ── Cartões de cotações e cross-selling ── */
.painel-cotacoes[b-v5axc2gwvx] { border-top-color: #6D28D9; }
.painel-cross[b-v5axc2gwvx]    { border-top-color: #1C7B3E; }

.hp-resumo[b-v5axc2gwvx] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 2px 4px 10px; }
.hp-resumo-texto[b-v5axc2gwvx] { font-size: 0.78rem; font-weight: 700; color: #5c5c5c; margin-right: 4px; }
.hp-sub[b-v5axc2gwvx] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8a8a8a; padding: 6px 4px 4px; }
.hp-mais[b-v5axc2gwvx] { text-align: center; font-size: 0.8rem; font-weight: 700; color: #036eb4; padding: 8px; cursor: pointer; }
.hp-mais:hover[b-v5axc2gwvx] { text-decoration: underline; }

.hp-pilula[b-v5axc2gwvx] { padding: 2px 9px; border-radius: 999px; font-size: 0.7rem; font-weight: 700; white-space: nowrap; }
.hp-pilula-amarelo[b-v5axc2gwvx] { background: #FEF3C7; color: #B45309; }
.hp-pilula-laranja[b-v5axc2gwvx] { background: #FFEDD5; color: #C2410C; }
.hp-pilula-roxo[b-v5axc2gwvx] { background: #EDE9FE; color: #6D28D9; }
.hp-pilula-azul[b-v5axc2gwvx] { background: #eff7fc; color: #006eb6; }
.hp-pilula-verde[b-v5axc2gwvx], .hp-pilula-cross-convertido[b-v5axc2gwvx] { background: #E7F6EC; color: #1C7B3E; }
.hp-pilula-cinza[b-v5axc2gwvx], .hp-pilula-cross-naoconv[b-v5axc2gwvx] { background: #efefef; color: #5c5c5c; }
.hp-pilula-cross-novo[b-v5axc2gwvx] { background: #eff7fc; color: #006eb6; }
.hp-pilula-cross-valido[b-v5axc2gwvx] { background: #EDE9FE; color: #6D28D9; }
.hp-pilula-cross-invalido[b-v5axc2gwvx] { background: #FDECEC; color: #B42318; }
.hp-pilula-cross-andamento[b-v5axc2gwvx] { background: #FEF3C7; color: #B45309; }

.hp-mini[b-v5axc2gwvx] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 2px 0 10px; }
.hp-mini-item[b-v5axc2gwvx] { background: #f6f8fa; border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; }
.hp-mini-item strong[b-v5axc2gwvx] { font-size: 1.35rem; line-height: 1.1; color: #1a1a1a; }
.hp-mini-item span[b-v5axc2gwvx] { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #8a8a8a; }
.hp-mini-link[b-v5axc2gwvx] { cursor: pointer; }
.hp-mini-link:hover[b-v5axc2gwvx] { background: #eff7fc; }
/* /Components/Pages/LeadCaptura.razor.rz.scp.css */
.lead-pagina[b-4i91o4imcp] {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    background: #ffffff;
    padding: 48px 24px 64px;
}

.lead-card[b-4i91o4imcp] {
    width: 100%;
    max-width: 600px;
}

h1[b-4i91o4imcp] {
    font-size: 2.4rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
    line-height: 1.15;
}

.lead-descricao[b-4i91o4imcp] {
    font-size: 0.9rem;
    color: #444444;
    line-height: 1.6;
    margin-bottom: 36px;
}

.form-group[b-4i91o4imcp] {
    margin-bottom: 20px;
}

label[b-4i91o4imcp] {
    display: block;
    font-size: 0.85rem;
    font-weight: 500;
    color: #111111;
    margin-bottom: 6px;
}

.req[b-4i91o4imcp] {
    color: #111111;
}

input[b-4i91o4imcp], textarea[b-4i91o4imcp] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 0.92rem;
    font-family: inherit;
    color: #111111;
    background: #ffffff;
    outline: none;
    transition: border-color 0.15s;
}

input:focus[b-4i91o4imcp], textarea:focus[b-4i91o4imcp] {
    border-color: #2563EB;
}

input.error[b-4i91o4imcp] {
    border-color: #cc0000;
}

textarea[b-4i91o4imcp] {
    resize: vertical;
}

.field-error[b-4i91o4imcp] {
    display: none;
    font-size: 0.75rem;
    color: #cc0000;
    margin-top: 4px;
}

.field-error.visible[b-4i91o4imcp] {
    display: block;
}

.erro-envio[b-4i91o4imcp] {
    display: none;
    font-size: 0.85rem;
    color: #cc0000;
    margin-bottom: 12px;
}

.erro-envio.visible[b-4i91o4imcp] {
    display: block;
}

.btn-submit[b-4i91o4imcp] {
    width: 100%;
    padding: 14px;
    background: #2563EB;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    letter-spacing: 0.01em;
    transition: background 0.15s;
}

.btn-submit:hover:not(:disabled)[b-4i91o4imcp] {
    background: #1d4ed8;
}

.btn-submit:disabled[b-4i91o4imcp] {
    opacity: 0.7;
    cursor: not-allowed;
}

.aviso-spam[b-4i91o4imcp] {
    margin-top: 10px;
    font-size: 0.75rem;
    color: #888888;
}

.lead-sucesso[b-4i91o4imcp] {
    padding-top: 8px;
}

.sucesso-titulo[b-4i91o4imcp] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111111;
    margin-bottom: 10px;
}

.sucesso-texto[b-4i91o4imcp] {
    font-size: 0.9rem;
    color: #444444;
    line-height: 1.6;
}
/* /Components/Pages/Leads.razor.rz.scp.css */
/* ── Cabeçalho ── */
.page-eyebrow[b-3823wjncu6] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #036eb4;
    margin-bottom: 2px;
}

.page-resumo[b-3823wjncu6] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 3px;
}

.page-titulo[b-3823wjncu6] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Lead info na lista ── */
.lead-celula[b-3823wjncu6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lead-chip[b-3823wjncu6] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.chip-1[b-3823wjncu6] { background: #eaf3fb; color: #024e82; }
.chip-2[b-3823wjncu6] { background: #dbeafe; color: #036eb4; }
.chip-3[b-3823wjncu6] { background: #dceef7; color: #02405f; }
.chip-4[b-3823wjncu6] { background: #e3ecf3; color: #0b3a5c; }
.chip-5[b-3823wjncu6] { background: #eef2f5; color: #334155; }

.lead-textos[b-3823wjncu6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lead-nome[b-3823wjncu6] {
    font-weight: 500;
    color: #111827;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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: #036eb4;
    color: #036eb4;
    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: #036eb4;
    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 */
/* Paleta e tipografia trazidas do Gestão à Vista (comex.ferfreight.com.br), para que os
   sistemas internos se reconheçam como da mesma casa. O que muda aqui é a foto — lá é
   navio, porque o assunto é carga; aqui é reunião comercial, porque o assunto é o cliente. */
.login-tela[b-dbf7lajhpi] {
    --tinta:  #1a1a1a;   /* títulos */
    --azul:   #006EB6;   /* ação primária */
    --navy:   #0a3a5c;   /* véu sobre a foto */
    --ambar:  #6cb1de;   /* eyebrow da marca */
    --campo:  #F6F6F6;   /* fundo do lado do formulário */
    --texto:  #6B7684;   /* corpo */
    --fino:   #8A94A3;   /* letra miúda */
    --palido: #CFE0EA;   /* texto sobre a foto */

    /* fixed pra furar o padding do LayoutPublico, compartilhado com a captura de lead */
    position: fixed;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    font-family: var(--font-body, 'Lato'), system-ui, sans-serif;
    overflow-y: auto;
}

/* ── Painel da marca ───────────────────────────────────────────────────────── */
.login-painel[b-dbf7lajhpi] {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding: 3rem;
    background:
        linear-gradient(200deg, rgba(10, 58, 92, 0.72) 0%, rgba(10, 58, 92, 0.93) 100%),
        url('images/login-bg.jpg') 60% center / cover no-repeat,
        var(--navy);
}

.login-painel-conteudo[b-dbf7lajhpi] { max-width: 30rem; }

.login-marca[b-dbf7lajhpi] {
    display: inline-block;
    background: #fff;
    border-radius: 6px;
    padding: 14px 18px;
    margin-bottom: 1.75rem;
    box-shadow: 0 10px 30px rgba(2, 20, 30, 0.28);
}

/* O arquivo do logo é quadrado, mas o desenho ocupa só 75,6% da largura e 60% da altura —
   o resto é margem branca. Sem recortar, a placa vira um bloco quadrado que domina o painel;
   na referência ela é uma faixa horizontal discreta. Os deslocamentos abaixo saem das bordas
   reais medidas no arquivo (conteúdo em x 14,3%–89,9%, y 15,7%–75,7% de 1254px). */
.login-marca-recorte[b-dbf7lajhpi] {
    display: block;
    width: 150px;
    height: 119px;
    overflow: hidden;
}

.login-marca-recorte img[b-dbf7lajhpi] {
    display: block;
    width: 198px;
    height: auto;
    margin: -31px 0 0 -28px;
}

.login-eyebrow[b-dbf7lajhpi] {
    margin: 0 0 0.6rem;
    color: var(--ambar);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* A serifada sobre a foto é o que dá caráter à tela e o que amarra visualmente os
   sistemas internos — é o mesmo gesto do Gestão à Vista. */
.login-frase[b-dbf7lajhpi] {
    margin: 0;
    font-family: var(--font-display, 'Jost'), system-ui, sans-serif;
    font-size: 1.12rem;
    font-weight: 400;
    line-height: 1.55;
    color: var(--palido);
}

/* ── Lado do formulário ────────────────────────────────────────────────────── */
.login-area[b-dbf7lajhpi] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    background: var(--campo);
    box-sizing: border-box;
}

.login-card[b-dbf7lajhpi] {
    width: 100%;
    max-width: 23rem;
    background: #fff;
    border-radius: 14px;
    padding: 2.5rem 2.25rem;
    box-shadow: 0 18px 50px rgba(5, 42, 59, 0.10);
    box-sizing: border-box;
}

.login-titulo[b-dbf7lajhpi] {
    margin: 0 0 0.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--tinta);
}

.login-sub[b-dbf7lajhpi] {
    margin: 0 0 1.75rem;
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--texto);
}

.btn-microsoft[b-dbf7lajhpi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 7px;
    background: var(--azul);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.15s;
}

.btn-microsoft:hover[b-dbf7lajhpi] { background: #00629a; color: #fff; text-decoration: none; }
.btn-microsoft:focus-visible[b-dbf7lajhpi] { outline: 2px solid var(--azul); outline-offset: 3px; }

.login-nota[b-dbf7lajhpi] {
    margin: 1.25rem 0 0;
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--fino);
}

.alert-danger[b-dbf7lajhpi] {
    background: #fdeaea;
    color: #9b2226;
    border: 1px solid #f5c2c7;
    border-radius: 7px;
    padding: 0.6rem 0.85rem;
    margin-bottom: 1rem;
    font-size: 0.82rem;
}

/* ── Acesso de desenvolvimento ─────────────────────────────────────────────── */
/* Só renderiza fora de produção. Fica deliberadamente discreto: é ferramenta de quem
   desenvolve, não um segundo caminho de entrada oferecido ao usuário. */
.login-divisor[b-dbf7lajhpi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.75rem 0 1.25rem;
    color: var(--fino);
    font-size: 0.72rem;
    text-transform: lowercase;
}

.login-divisor[b-dbf7lajhpi]::before,
.login-divisor[b-dbf7lajhpi]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e6eaef;
}

.form-group[b-dbf7lajhpi] { margin-bottom: 1rem; }

.form-group label[b-dbf7lajhpi] {
    display: block;
    margin-bottom: 0.3rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--texto);
}

.form-control[b-dbf7lajhpi] {
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    font-size: 0.88rem;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

.form-control:focus[b-dbf7lajhpi] {
    border-color: var(--azul);
    outline: none;
    box-shadow: 0 0 0 3px rgba(11, 79, 113, 0.12);
}

.btn-primary[b-dbf7lajhpi] {
    width: 100%;
    margin-top: 0.25rem;
    padding: 0.6rem;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    background: #fff;
    color: var(--texto);
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

.btn-primary:hover:not(:disabled)[b-dbf7lajhpi] { border-color: #b9c4d0; color: var(--tinta); }
.btn-primary:disabled[b-dbf7lajhpi] { opacity: 0.6; cursor: not-allowed; }

.w-100[b-dbf7lajhpi] { width: 100%; }

/* ── Entrada ───────────────────────────────────────────────────────────────── */
.login-painel-conteudo[b-dbf7lajhpi],
.login-card[b-dbf7lajhpi] {
    animation: login-surge-b-dbf7lajhpi 0.45s ease-out both;
}
.login-card[b-dbf7lajhpi] { animation-delay: 0.08s; }

@keyframes login-surge-b-dbf7lajhpi {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: none; }
}

/* ── Telas estreitas ───────────────────────────────────────────────────────── */
/* Abaixo de 880px o split não cabe: a marca vira uma faixa curta no topo, sem a frase,
   e o cartão assume a tela. A frase é atmosfera; num celular, entrar é o que importa. */
@media (max-width: 880px) {
    .login-tela[b-dbf7lajhpi] { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }

    .login-painel[b-dbf7lajhpi] {
        align-items: center;
        justify-content: center;
        padding: 2rem 1.5rem;
        background:
            linear-gradient(200deg, rgba(5, 42, 59, 0.78) 0%, rgba(5, 42, 59, 0.94) 100%),
            url('images/login-bg.jpg') 60% center / cover no-repeat,
            var(--navy);
    }

    .login-painel-conteudo[b-dbf7lajhpi] { text-align: center; }
    .login-marca[b-dbf7lajhpi] { margin-bottom: 0.8rem; }
    .login-marca-recorte[b-dbf7lajhpi] { width: 124px; height: 98px; }
    .login-marca-recorte img[b-dbf7lajhpi] { width: 164px; margin: -26px 0 0 -23px; }
    .login-frase[b-dbf7lajhpi] { display: none; }
    .login-area[b-dbf7lajhpi] { padding: 2rem 1.25rem 3rem; }
}

@media (prefers-reduced-motion: reduce) {
    .login-painel-conteudo[b-dbf7lajhpi],
    .login-card[b-dbf7lajhpi] { animation: none; }
}
/* /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); }

/* ── Serviços envolvidos ── */
.neg-info-item-servicos[b-wjwyzxpycp] { min-width: 220px; flex: 1 1 220px; }

.chips-servicos-envolvidos[b-wjwyzxpycp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.chip-servico[b-wjwyzxpycp] {
    display: inline-flex;
    align-items: center;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 8px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--chip-cor) 14%, white);
    color: var(--chip-cor);
    white-space: nowrap;
}

.neg-servicos-envolvidos-opcoes[b-wjwyzxpycp] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    max-width: 320px;
}

.neg-servico-check[b-wjwyzxpycp] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #374151;
    font-weight: 400;
    cursor: pointer;
    white-space: nowrap;
}

/* ── 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; }

/* ── Aba Cotações ── */
.neg-vazio[b-wjwyzxpycp] { color: #6b7280; font-size: 0.85rem; padding: 12px 0; }
.neg-cotacoes-tabela[b-wjwyzxpycp] { width: 100%; border-collapse: collapse; font-size: 0.85rem; background: #fff; border: 1px solid #efefef; border-radius: 8px; overflow: hidden; }
.neg-cotacoes-tabela th[b-wjwyzxpycp] { text-align: left; padding: 9px 12px; background: #f6f6f6; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5c5c5c; }
.neg-cotacoes-tabela td[b-wjwyzxpycp] { padding: 10px 12px; border-top: 1px solid #efefef; color: #343434; }
.neg-cotacoes-tabela tbody tr[b-wjwyzxpycp] { cursor: pointer; }
.neg-cotacoes-tabela tbody tr:hover[b-wjwyzxpycp] { background: #eff7fc; }
.neg-cot-ref[b-wjwyzxpycp] { font-weight: 700; color: #1a1a1a; white-space: nowrap; }
.neg-cot-rota[b-wjwyzxpycp] { color: #5c5c5c; }
.neg-cot-status[b-wjwyzxpycp] { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; white-space: nowrap; background: #F3F4F6; color: #374151; }
.neg-cot-status-aguardando-custo[b-wjwyzxpycp] { background: #FEF3C7; color: #B45309; }
.neg-cot-status-custo-recebido[b-wjwyzxpycp] { background: #DBEAFE; color: #1D4ED8; }
.neg-cot-status-precificado[b-wjwyzxpycp] { background: #EDE9FE; color: #6D28D9; }
.neg-cot-status-enviado[b-wjwyzxpycp], .neg-cot-status-aprovado[b-wjwyzxpycp] { background: #DCFCE7; color: #15803D; }
.neg-cot-status-perdido[b-wjwyzxpycp] { background: #FEE2E2; color: #B91C1C; }
.neg-cot-acao[b-wjwyzxpycp] { text-align: right; }
.neg-cot-acao a[b-wjwyzxpycp] { font-size: 0.75rem; font-weight: 700; color: #006eb6; text-decoration: none; padding: 3px 9px; border: 1px solid #d7eaf6; border-radius: 6px; }
.neg-cot-acao a:hover[b-wjwyzxpycp] { background: #eff7fc; }
/* /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); }

/* ── Filtros ── */
.neg-filtros[b-xu8djasqad] { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px; }

.neg-filtros-principal[b-xu8djasqad] { gap: 12px; }

/* Responsável é o filtro que decide o que a tela abre mostrando — fica destacado dos demais,
   que são refinamentos secundários por baixo. */
.filtro-responsavel[b-xu8djasqad] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px 0 10px;
    border: 1px solid #d6e9fb;
    background: #eaf3fc;
    border-radius: 20px;
    color: rgb(0, 90, 155);
    flex-shrink: 0;
    transition: background-color 0.15s, border-color 0.15s;
}
.filtro-responsavel svg[b-xu8djasqad] { flex-shrink: 0; }
.filtro-responsavel select[b-xu8djasqad] {
    border: none;
    background: none;
    outline: none;
    font-size: 0.82rem;
    font-weight: 600;
    color: inherit;
    padding: 7px 0;
    cursor: pointer;
}
.filtro-responsavel-expandido[b-xu8djasqad] {
    background: #fff;
    border-color: #d1d5db;
    color: #374151;
}

.neg-filtros-secundarios[b-xu8djasqad] {
    padding-top: 10px;
    border-top: 1px solid #f3f4f6;
    align-items: center;
}
.neg-filtros-secundarios .filtro-campo select[b-xu8djasqad] {
    font-size: 0.8rem;
    padding: 6px 9px;
}

.neg-filtro-checkbox[b-xu8djasqad] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: #4b5563;
    white-space: nowrap;
    cursor: pointer;
}

.neg-filtro-limpar[b-xu8djasqad] {
    background: none;
    border: none;
    color: rgb(0, 110, 181);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 2px;
}
.neg-filtro-limpar:hover[b-xu8djasqad] { text-decoration: underline; }

.neg-filtros-contagem[b-xu8djasqad] {
    font-size: 0.78rem;
    color: #9ca3af;
    margin-left: auto;
    white-space: nowrap;
}

/* ── Chip de serviço — cor deriva do nome do serviço (hash), não fixa por tipo,
   porque a lista de serviços é cadastrável e não deve ficar hardcoded. ── */
.chip-servico[b-xu8djasqad] {
    display: inline-flex;
    align-items: center;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 3px 8px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--chip-cor) 14%, white);
    color: var(--chip-cor);
    white-space: nowrap;
}
.chip-servico-mini[b-xu8djasqad] { font-size: 0.64rem; padding: 2px 7px; }

/* Quando há mais de um serviço envolvido, os chips quebram linha em vez de espremer o card */
.chips-servicos-envolvidos[b-xu8djasqad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

/* Multi-seleção de "Serviços envolvidos" no formulário de nova prospecção */
.neg-servicos-envolvidos-campo[b-xu8djasqad] { grid-column: 1 / -1; }

.neg-servicos-envolvidos-opcoes[b-xu8djasqad] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
}

.neg-servico-check[b-xu8djasqad] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #374151;
    font-weight: 400;
    cursor: pointer;
}

/* ── Avatar de responsável — iniciais sobre cor derivada do nome, pra reconhecer donos
   de negociação de relance no board inteiro. ── */
.avatar-chip[b-xu8djasqad] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--avatar-cor);
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: 0.01em;
}
.avatar-chip-sm[b-xu8djasqad] { width: 20px; height: 20px; font-size: 0.58rem; }

/* ── Trilha de frescor — o sinal central do redesenho: idade do último contato vira cor,
   não só texto, porque num funil de prospecção o que mais importa de bater o olho é "o que
   está esfriando". Reaproveitada no rail do card do kanban e no chip da tabela. ── */
.freshness-chip[b-xu8djasqad] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
}
.freshness-dot[b-xu8djasqad] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.freshness-fresco .freshness-dot[b-xu8djasqad], .freshness-fresco[b-xu8djasqad] { color: rgb(0, 110, 181); }
.freshness-fresco .freshness-dot[b-xu8djasqad] { background: rgb(0, 110, 181); }
.freshness-morno .freshness-dot[b-xu8djasqad], .freshness-morno[b-xu8djasqad] { color: #b45309; }
.freshness-morno .freshness-dot[b-xu8djasqad] { background: #d97706; }
.freshness-frio .freshness-dot[b-xu8djasqad], .freshness-frio[b-xu8djasqad] { color: #b91c1c; }
.freshness-frio .freshness-dot[b-xu8djasqad] { background: #dc2626; }

/* ── 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 288px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 300px);
}
.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-left: 3px solid transparent;
    border-radius: 7px;
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 7px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.kanban-card:hover[b-xu8djasqad] { border-color: rgb(0, 110, 181); box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.kanban-card:hover.kanban-card-fresco[b-xu8djasqad] { border-left-color: rgb(0, 110, 181); }
.kanban-card:hover.kanban-card-morno[b-xu8djasqad]  { border-left-color: #d97706; }
.kanban-card:hover.kanban-card-frio[b-xu8djasqad]   { border-left-color: #dc2626; }
.kanban-card-fresco[b-xu8djasqad] { border-left-color: rgba(0, 110, 181, 0.45); }
.kanban-card-morno[b-xu8djasqad]  { border-left-color: rgba(217, 119, 6, 0.5); }
.kanban-card-frio[b-xu8djasqad]   { border-left-color: rgba(220, 38, 38, 0.55); }
.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-nome[b-xu8djasqad] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.kanban-card-empresa[b-xu8djasqad] {
    font-size: 0.78rem;
    color: #6b7280;
}
.kanban-card-rodape[b-xu8djasqad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
}

/* ── Tabela ── */
.neg-tabela-nome[b-xu8djasqad] {
    font-weight: 600;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}
.neg-tabela-resp[b-xu8djasqad] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #374151;
    font-size: 0.85rem;
}
/* /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/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: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.page-eyebrow[b-ufdi322okn] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #036eb4;
    margin-bottom: 2px;
}

.page-titulo[b-ufdi322okn] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
}

.page-resumo[b-ufdi322okn] {
    display: block;
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 3px;
}

.btn-novo[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #036eb4;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s;
    white-space: nowrap;
}

.btn-novo:hover[b-ufdi322okn] {
    background-color: #02568e;
}

.lista-coluna[b-ufdi322okn] {
    min-width: 0;
}

/* ── Filtros ── */
.filtros-card[b-ufdi322okn] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 0.85rem;
}

.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: #036eb4;
    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: #036eb4;
    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: 8px 14px;
    text-align: left;
    font-size: 0.7rem;
    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:nth-child(even)[b-ufdi322okn] {
    background-color: #fbfcfe;
}

.tabela tbody tr:last-child[b-ufdi322okn] {
    border-bottom: none;
}

.linha-clicavel[b-ufdi322okn] {
    cursor: pointer;
}

.linha-clicavel:hover[b-ufdi322okn] {
    background-color: #eaf3fb;
}

.linha-selecionada[b-ufdi322okn] {
    background-color: #e8f4fd !important;
    border-left: 3px solid #036eb4;
}

.tabela td[b-ufdi322okn] {
    padding: 6px 14px;
    color: #374151;
    vertical-align: middle;
    line-height: 1.3;
}

/* ── Info do usuário na lista (sem avatar — só nome/e-mail; a foto só aparece no modal) ── */
.usuario-info[b-ufdi322okn] {
    display: flex;
    flex-direction: column;
}

.usuario-nome[b-ufdi322okn] {
    display: block;
    font-weight: 500;
    color: #111827;
    font-size: 0.85rem;
}

.usuario-email[b-ufdi322okn] {
    display: block;
    font-size: 0.72rem;
    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: #036eb4;
}

/* ── Modal de edição/criação (sobrepõe a tela, não divide o layout em colunas) ── */
.modal-overlay[b-ufdi322okn] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.48);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 5vh 20px;
    z-index: 1000;
    overflow-y: auto;
    animation: overlay-fade-b-ufdi322okn 0.15s ease;
}

@keyframes overlay-fade-b-ufdi322okn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes painel-entra-b-ufdi322okn {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .modal-overlay[b-ufdi322okn],
    .painel[b-ufdi322okn] { animation: none; }
}

.painel[b-ufdi322okn] {
    width: 480px;
    max-width: 100%;
    max-height: 90vh;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(2, 22, 40, 0.28);
    display: flex;
    flex-direction: column;
    animation: painel-entra-b-ufdi322okn 0.18s ease;
}

.painel-header[b-ufdi322okn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.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;
    overflow-y: auto;
    min-height: 0;
}

/* ── 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: #036eb4;
    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: #036eb4;
}

.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;
    flex-shrink: 0;
}

.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: #036eb4;
    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: #02568e;
}

.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: #036eb4;
    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: #036eb4; background: #eff6ff; color: #036eb4; }

.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; }

/* ── Empresas vinculadas ── */
.form-grupo-label-sep[b-ufdi322okn] {
    display: flex;
    align-items: center;
    gap: 6px;
    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;
}

.form-grupo-contagem[b-ufdi322okn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 999px;
    background: #036eb4;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
}

/* Altura travada com rolagem própria — com muitas empresas vinculadas, o campo não
   incha mais até empurrar o resto do formulário; o "+ Adicionar" fica sempre alcançável. */
.emp-sel-chips[b-ufdi322okn] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: flex-start;
    align-content: flex-start;
    max-height: 118px;
    overflow-y: auto;
    padding: 6px 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: #036eb4; color: #036eb4; }

.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: #036eb4;
    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/Pages/TrocarSenha.razor.rz.scp.css */
/* Mesma paleta do login, sem o painel da foto: aqui a pessoa já entrou e só precisa
   concluir uma tarefa — a atmosfera da marca sairia do caminho da tarefa. */
.ts-tela[b-adpabeuj85] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background: #F3F6FA;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    overflow-y: auto;
    box-sizing: border-box;
}

.ts-card[b-adpabeuj85] {
    width: 100%;
    max-width: 24rem;
    background: #fff;
    border-radius: 14px;
    padding: 2.5rem 2.25rem;
    box-shadow: 0 18px 50px rgba(5, 42, 59, 0.10);
    box-sizing: border-box;
}

.ts-titulo[b-adpabeuj85] {
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    font-weight: 600;
    color: #16232E;
}

.ts-sub[b-adpabeuj85] {
    margin: 0 0 1.75rem;
    font-size: 0.85rem;
    line-height: 1.55;
    color: #6B7684;
}

.ts-erro[b-adpabeuj85] {
    background: #fdeaea;
    color: #9b2226;
    border: 1px solid #f5c2c7;
    border-radius: 7px;
    padding: 0.6rem 0.85rem;
    margin-bottom: 1.25rem;
    font-size: 0.82rem;
}

.ts-campo[b-adpabeuj85] { margin-bottom: 1.1rem; }

.ts-campo label[b-adpabeuj85] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    color: #6B7684;
}

.ts-campo input[b-adpabeuj85] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #dde3ea;
    border-radius: 6px;
    font-size: 0.88rem;
    box-sizing: border-box;
    transition: border-color 0.15s;
}

.ts-campo input:focus[b-adpabeuj85] {
    border-color: #0B4F71;
    outline: none;
    box-shadow: 0 0 0 3px rgba(11, 79, 113, 0.12);
}

.ts-botao[b-adpabeuj85] {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.8rem 1rem;
    border: none;
    border-radius: 7px;
    background: #0B4F71;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s;
}

.ts-botao:hover:not(:disabled)[b-adpabeuj85] { background: #093f5b; }
.ts-botao:focus-visible[b-adpabeuj85] { outline: 2px solid #0B4F71; outline-offset: 3px; }
.ts-botao:disabled[b-adpabeuj85] { opacity: 0.65; cursor: not-allowed; }
/* /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/BuscaTypeahead.razor.rz.scp.css */
.bt-wrapper[b-cieu2klto7] {
    position: relative;
    width: 100%;
}

.bt-input[b-cieu2klto7] {
    width: 100%;
    box-sizing: border-box;
    padding: 6px 26px 6px 8px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.85rem;
}

.bt-input:disabled[b-cieu2klto7] {
    background: #f3f4f6;
    color: #9ca3af;
}

.bt-limpar[b-cieu2klto7] {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    border: none;
    background: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
    padding: 2px;
}

.bt-limpar:hover[b-cieu2klto7] {
    color: #374151;
}

/* position:fixed (nao absolute) com top/left/width calculados em JS (buscaTypeahead.js) —
   assim a lista escapa de qualquer ancestral com overflow (ex.: a tabela de taxas rola na
   horizontal) em vez de ser cortada por ele e ganhar uma barra de rolagem propria. */
.bt-sugestoes[b-cieu2klto7] {
    position: fixed;
    z-index: 1000;
    margin: 2px 0 0;
    padding: 4px 0;
    list-style: none;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.12);
}

.bt-sugestao[b-cieu2klto7] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 0.83rem;
}

.bt-sugestao:hover[b-cieu2klto7] {
    background: #f3f4f6;
}

.bt-sugestao-texto[b-cieu2klto7] {
    color: #101828;
}

.bt-sugestao-sub[b-cieu2klto7] {
    font-size: 0.72rem;
    color: #98A2B3;
}

.bt-sugestao-vazio[b-cieu2klto7] {
    padding: 6px 10px;
    font-size: 0.8rem;
    color: #98A2B3;
}
/* /Components/Shared/FiltroMultiSelect.razor.rz.scp.css */
.fms[b-4fq308povz] { position: relative; }
.fms-btn[b-4fq308povz] {
    display: inline-flex; align-items: center; justify-content: space-between; gap: 8px;
    height: 34px; min-width: 140px; max-width: 220px; padding: 0 10px;
    border: 1px solid var(--border-strong, #cfcfcf); border-radius: var(--radius-m, 8px);
    background: #fff; color: var(--text-secondary, #5c5c5c);
    font-family: inherit; font-size: 0.85rem; cursor: pointer;
}
.fms-btn:hover[b-4fq308povz] { border-color: var(--brand-primary, #006eb6); }
.fms-btn-ativo[b-4fq308povz] { border-color: var(--brand-primary, #006eb6); background: var(--blue-50, #eff7fc); color: var(--brand-primary, #006eb6); font-weight: 700; }
.fms-texto[b-4fq308povz] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fms-seta[b-4fq308povz] { flex-shrink: 0; transition: transform 0.15s; }
.fms-seta-aberta[b-4fq308povz] { transform: rotate(180deg); }

.fms-overlay[b-4fq308povz] { position: fixed; inset: 0; z-index: 20; background: transparent; }
.fms-painel[b-4fq308povz] {
    position: absolute; top: calc(100% + 4px); left: 0; z-index: 21;
    min-width: 100%; width: max-content; max-width: 320px; max-height: 280px; overflow-y: auto;
    padding: 4px; background: #fff; border: 1px solid var(--border-default, #efefef);
    border-radius: var(--radius-m, 8px); box-shadow: var(--shadow-m, 0 4px 12px rgba(26,26,26,.08));
}
.fms-item[b-4fq308povz] { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 6px; font-size: 0.85rem; color: var(--text-primary, #343434); cursor: pointer; }
.fms-item:hover[b-4fq308povz] { background: var(--gray-100, #f6f6f6); }
.fms-vazio[b-4fq308povz] { padding: 8px; font-size: 0.8rem; color: var(--ink-300, #8a8a8a); }
.fms-limpar[b-4fq308povz] {
    display: block; width: 100%; margin-top: 4px; padding: 6px 8px; border: none; border-top: 1px solid var(--border-default, #efefef);
    background: none; font-family: inherit; font-size: 0.78rem; font-weight: 700; color: var(--brand-primary, #006eb6); cursor: pointer; text-align: left;
}
/* /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; }

/* Seção de calendário do formulário */
.check-linha[b-pvx2ljtmvk] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 600; color: #343434; cursor: pointer; }
.campo-ajuda-inline[b-pvx2ljtmvk] { font-size: 0.75rem; font-weight: 400; color: #6b7280; }
/* /Components/Shared/HelpButton.razor.rz.scp.css */
/* Botão flutuante — fixo no canto inferior direito da viewport, independente de onde o
   componente é colocado no markup da página. */
.ajuda-fab[b-rzzqdyp2w1] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #036eb4;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(2, 66, 110, 0.4);
    transition: background-color 0.15s, transform 0.15s;
}

.ajuda-fab:hover[b-rzzqdyp2w1] {
    background: #02568e;
    transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
    .ajuda-fab[b-rzzqdyp2w1] { transition: none; }
    .ajuda-fab:hover[b-rzzqdyp2w1] { transform: none; }
}

.ajuda-overlay[b-rzzqdyp2w1] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.48);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 6vh 20px;
    z-index: 1000;
    overflow-y: auto;
    animation: ajuda-fade-b-rzzqdyp2w1 0.15s ease;
}

@keyframes ajuda-fade-b-rzzqdyp2w1 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes ajuda-entra-b-rzzqdyp2w1 {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .ajuda-overlay[b-rzzqdyp2w1], .ajuda-modal[b-rzzqdyp2w1] { animation: none; }
}

.ajuda-modal[b-rzzqdyp2w1] {
    width: 520px;
    max-width: 100%;
    max-height: 86vh;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(2, 22, 40, 0.28);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: ajuda-entra-b-rzzqdyp2w1 0.18s ease;
}

.ajuda-modal-header[b-rzzqdyp2w1] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 22px 24px;
    background: linear-gradient(135deg, #036eb4 0%, #02568e 100%);
    color: #fff;
    flex-shrink: 0;
}

.ajuda-modal-icone[b-rzzqdyp2w1] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ajuda-modal-icone svg[b-rzzqdyp2w1] {
    width: 26px;
    height: 26px;
}

.ajuda-modal-titulo[b-rzzqdyp2w1] {
    flex: 1;
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.ajuda-fechar[b-rzzqdyp2w1] {
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.12);
    border: none;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s;
}

.ajuda-fechar:hover[b-rzzqdyp2w1] {
    background: rgba(255, 255, 255, 0.28);
}

.ajuda-modal-corpo[b-rzzqdyp2w1] {
    padding: 22px 24px 26px;
    overflow-y: auto;
    color: #374151;
    font-size: 0.88rem;
    line-height: 1.6;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  h3 {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #036eb4;
    margin: 18px 0 6px;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  h3:first-child {
    margin-top: 0;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  p {
    margin: 0 0 10px;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  ul {
    margin: 0 0 10px;
    padding-left: 20px;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  li {
    margin-bottom: 4px;
}

.ajuda-modal-corpo[b-rzzqdyp2w1]  strong {
    color: #111827;
}
/* /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/SeletorParceiroIData.razor.rz.scp.css */
.spi-wrapper[b-1o1v1giv6k] { display: flex; flex-direction: column; gap: 4px; }

.spi-label[b-1o1v1giv6k] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.spi-row[b-1o1v1giv6k] { display: flex; gap: 6px; }

.spi-busca[b-1o1v1giv6k] {
    flex: 1;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #111827;
    outline: none;
}
.spi-busca:focus[b-1o1v1giv6k] { border-color: rgb(0, 110, 181); box-shadow: 0 0 0 3px rgba(0, 110, 181, 0.1); }

.spi-btn-buscar[b-1o1v1giv6k] {
    background: none;
    border: 1px solid rgb(0, 110, 181);
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.82rem;
    color: rgb(0, 110, 181);
    cursor: pointer;
    white-space: nowrap;
}
.spi-btn-buscar:hover[b-1o1v1giv6k] { background: rgb(0, 110, 181); color: #fff; }
.spi-btn-buscar:disabled[b-1o1v1giv6k] { opacity: 0.6; cursor: not-allowed; }

.spi-resultados[b-1o1v1giv6k] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
}

.spi-vazio[b-1o1v1giv6k] { padding: 10px; font-size: 0.82rem; color: #9ca3af; }

.spi-item[b-1o1v1giv6k] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 7px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
}
.spi-item:last-child[b-1o1v1giv6k] { border-bottom: none; }
.spi-item:hover[b-1o1v1giv6k] { background: #f0f7ff; }

.spi-item-nome[b-1o1v1giv6k] { font-size: 0.85rem; color: #111827; font-weight: 500; }
.spi-item-cnpj[b-1o1v1giv6k] { font-size: 0.72rem; color: #6b7280; font-family: monospace; }
.spi-item-local[b-1o1v1giv6k] { font-size: 0.72rem; color: #9ca3af; }

.spi-selecionado[b-1o1v1giv6k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #f9fafb;
    font-size: 0.85rem;
    color: #111827;
}

.spi-limpar[b-1o1v1giv6k] {
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1;
    padding: 2px;
}
.spi-limpar:hover[b-1o1v1giv6k] { color: #b91c1c; }
/* /Components/Shared/SinoNotificacoes.razor.rz.scp.css */
/* estilos movidos para wwwroot/app.css */