/* Blocos usados DENTRO dos passos do wizard "Nova conta de cliente".

   Global, e não .razor.css, porque cada passo é um componente próprio: CSS
   isolation escopa por componente e uma regra escrita no wizard pai não chega
   ao filho. Mesmo motivo do sgnc-wizard.css, que serve ao wizard de contrato —
   e de onde estes passos reaproveitam pane, banner, form-grid e field, para
   não existirem duas gramáticas visuais de formulário no mesmo produto. */


/* Escolha "usar existente × criar novo" — repete-se sete vezes no passo dos
   estabelecimentos, e é a decisão mais cara da tela: define se dois
   estabelecimentos compartilham cadastro. Ganha caixa própria por isso. */
.sgcl-tenant {
    border: 1px solid var(--color-sf-card-border-color);
    border-radius: 10px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    background: var(--color-sf-card-bg-color);
}
.sgcl-tenant-rot { font-weight: 600; font-size: .84rem; }
.sgcl-tenant-ajuda { font-size: .72rem; color: var(--color-sf-content-text-color-alt2); }
.sgcl-tenant--novo { border-color: #f59e0b; background: rgba(245, 158, 11, .05); }

.sgcl-grid2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
}

.sgcl-sec { margin-bottom: 22px; }
.sgcl-sec-titulo {
    font-weight: 700;
    font-size: .95rem;
    margin-bottom: 4px;
}
.sgcl-sec-sub {
    font-size: .78rem;
    color: var(--color-sf-content-text-color-alt2);
    margin-bottom: 12px;
}

/* De-para da importação: campo do ERP à esquerda, coluna da planilha à direita. */
.sgcl-depara {
    display: grid;
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    gap: 10px 14px;
    align-items: center;
}
.sgcl-depara-campo { font-size: .84rem; }
.sgcl-depara-campo b { display: block; }
.sgcl-depara-campo span { font-size: .72rem; color: var(--color-sf-content-text-color-alt2); }
.sgcl-obrigatorio { color: #dc2626; }

.sgcl-aviso {
    border-radius: 8px;
    padding: 10px 12px;
    font-size: .8rem;
    line-height: 1.55;
    margin-bottom: 14px;
}
.sgcl-aviso--erro  { background: rgba(220, 38, 38, .08);  border: 1px solid rgba(220, 38, 38, .25); }
.sgcl-aviso--alerta{ background: rgba(245, 158, 11, .10); border: 1px solid rgba(245, 158, 11, .30); }
.sgcl-aviso--ok    { background: rgba(22, 163, 74, .08);  border: 1px solid rgba(22, 163, 74, .25); }
.sgcl-aviso--info  { background: var(--color-sf-content-bg-color-alt1); border: 1px solid var(--color-sf-card-border-color); }
.sgcl-aviso ul { margin: 6px 0 0; padding-left: 18px; }

.sgcl-resumo { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 6px 16px; font-size: .84rem; }
.sgcl-resumo dt { color: var(--color-sf-content-text-color-alt2); }
.sgcl-resumo dd { margin: 0; font-weight: 600; }