/* Feature Ficha Cadastral — Camada 7 (migração incremental, 12/13, última).
   O iframe e o restante do layout permanecem com estilos inline, tal como estavam (decisão já
   registrada: não redesenhar esta tela nesta camada). Única regra nova: o efeito hover do botão
   flutuante "voltar ao topo", que era feito via onmouseover/onmouseout inline — convertido para
   :hover ao remover os atributos inline. */
.fc-scroll-top-btn:hover {
    transform: scale(1.1);
}

/* Botões flutuantes de Salvar Rascunho/Finalizar/Imprimir (acima do "voltar ao topo") — só
   aparecem quando o header de ações (#fc-toolbar-acoes) sai da área visível durante a rolagem
   (ver IntersectionObserver em features/ficha-cadastral/page.js). Começam ocultos porque, ao abrir
   o formulário, o header ainda está visível no topo. */
.fc-float-action {
    opacity: 0;
    transform: translateY(14px) scale(0.85);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.fc-float-action.fc-float-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Especificidade maior que ".fc-scroll-top-btn:hover" de propósito — sem isso, a regra de hover
   compartilhada com a seta perderia para ".fc-float-visible" no empate de especificidade (ordem de
   declaração no arquivo decide o empate, e ".fc-float-visible" vem depois). */
.fc-float-action.fc-float-visible:hover {
    transform: scale(1.1);
}

/* ---- Propostas anexadas (PDFs no Supabase Storage) ----
   Fica entre a barra de ações e o iframe. Não usa as cores inline do resto desta tela (que são
   legado preservado): segue as variáveis da marca, como o CSS mais novo do projeto. */
.fc-anexos {
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 10px;
    padding: 16px 18px;
    margin-bottom: 16px;
    background: #fff;
}

.fc-anexos-cabecalho {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.fc-anexos-cabecalho h3 {
    margin: 0;
    flex: 1;
    font-size: 15px;
    font-weight: 700;
    color: var(--primary-navy, #0b1e3b);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fc-anexos-cabecalho h3 i {
    color: var(--primary-orange, #ea580c);
}

.fc-anexos-enviar {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.15s ease;
}

.fc-anexos-enviar:hover {
    background: #ffedd5;
}

/* Enquanto o envio está em curso, ou antes de a ficha existir, o rótulo deixa de parecer clicável.
   O <input type=file> dentro dele fica desabilitado — o cursor só acompanha o estado real. */
.fc-anexos-enviar.is-disabled {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
}

.fc-anexos-ajuda {
    margin: 8px 0 0;
    font-size: 12px;
    color: #64748b;
}

.fc-anexos-lista {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fc-anexo {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    background: #f8fafc;
}

.fc-anexo-icone {
    color: #dc2626;
    font-size: 18px;
    flex-shrink: 0;
}

.fc-anexo-corpo {
    flex: 1;
    min-width: 0;
}

.fc-anexo-nome {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: var(--primary-navy, #0b1e3b);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-anexo-nome:hover {
    text-decoration: underline;
}

.fc-anexo-meta {
    font-size: 11px;
    color: #64748b;
}

.fc-anexo-remover {
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    font-size: 15px;
    padding: 6px 8px;
    border-radius: 6px;
    flex-shrink: 0;
}

.fc-anexo-remover:hover {
    color: #dc2626;
    background: #fef2f2;
}

.fc-anexos-vazio {
    font-size: 13px;
    color: #94a3b8;
    padding: 6px 0;
}

/* ---- Filtros da listagem (regime, grupo, período de cliente) ----
   Regime e grupo vêm da Acessorias. Seguem o desenho do #fc-filter-status, que era inline no
   HTML legado — aqui em classe, porque são controles novos e não há legado a preservar. */
.fc-select-filtro {
    padding: 10px 15px;
    font-size: 13px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    color: var(--primary-blue, #2a3b5c);
    font-family: inherit;
    box-sizing: border-box;
    min-width: 160px;
    max-width: 230px;
}

.fc-filtro-periodo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #64748b;
}

.fc-filtro-periodo label {
    font-weight: 600;
    color: var(--primary-blue, #2a3b5c);
    white-space: nowrap;
}

.fc-input-data {
    padding: 9px 12px;
    font-size: 13px;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    font-family: inherit;
    color: var(--primary-blue, #2a3b5c);
    box-sizing: border-box;
}

.fc-btn-limpar {
    background: none;
    border: none;
    color: var(--primary-orange, #ea580c);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.fc-btn-limpar:hover {
    background: #fff7ed;
}

/* Fica no fim da barra, empurrado para a direita: é resultado, não controle. */
.fc-contagem {
    margin-left: auto;
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    white-space: nowrap;
}