/* modulos/configuracao/configuracao.css — o submenu «Configuração» de Comercial, Gestão de Tempo e Logística (v2.96.0). */
.cfg-barra { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.cfg-caixa { max-width: 720px; padding: 16px 18px; font-size: 13px; }
.cfg-tit { margin: 14px 0 6px; font-size: 14px; }
.cfg-tit:first-child { margin-top: 0; }
.cfg-linha { display: flex; align-items: center; gap: 8px; margin: 6px 0; cursor: pointer; }
.cfg-cod { color: var(--texto-sec); font-size: 11.5px; }
.cfg-nota { color: var(--texto-sec); font-size: 12.5px; line-height: 1.5; margin: 4px 0 8px; }
.cfg-vazio { color: var(--texto-sec); padding: 12px 0; text-align: center; }
.cfg-erro { color: var(--erro-txt); }
.cfg-ok { color: var(--ok-txt); }
.cfg-msg { margin-left: 10px; }
/* Comercial › Objetivos de margem (10/11/2026) */
.cfg-mg { max-width: 980px; }
.cfg-mg-tabela { overflow-x: auto; }
.cfg-mg-t { border-collapse: collapse; width: 100%; }
.cfg-mg-t th { text-align: left; font-weight: 600; font-size: 12px; color: var(--texto-sec); padding: 6px 6px; border-bottom: 1px solid var(--borda); white-space: nowrap; }
.cfg-mg-t td { padding: 8px 6px; border-bottom: 1px solid var(--borda); vertical-align: top; }
.cfg-mg-t td > div { margin-top: 4px; }
.cfg-mg-t input[type="text"], .cfg-mg-t select { width: 210px; max-width: 100%; }
.cfg-mg-com { white-space: nowrap; }
.cfg-mg-mini { padding: 1px 6px; font-size: 11px; }
.cfg-mg-resumo { margin: 12px 0 0; padding-left: 18px; font-size: 12.5px; line-height: 1.6; }
.cfg-mg-cor { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: middle; }
.cfg-mg-vermelho { background: #d64545; }
.cfg-mg-laranja { background: #F39C12; }
.cfg-mg-verde { background: #3a9d5d; }
.cfg-mg-azul { background: #3a7bd5; }
/* O que conta para a margem — regras por subfamília (11/11/2026) */
.cfg-mg-sfs { max-height: 320px; overflow-y: auto; border: 1px solid var(--borda); border-radius: 6px; padding: 4px 8px; }
.cfg-mg-sf { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 4px 0; border-bottom: 1px solid var(--borda); }
.cfg-mg-sf:last-child { border-bottom: 0; }
.cfg-mg-sf-regra { font-weight: 600; }
.cfg-mg-sf select { min-width: 170px; }