/* V1557 — Cadastro de ativo: abas sem barra de rolagem, contadores, cabeçalho e rodapé no padrão do sistema */

/* Abas: quebram em duas linhas quando não cabem — nenhuma aba escondida e sem barra de rolagem cinza */
.mp-ativo-editor .mp-ativo-tabs { flex-wrap: wrap !important; overflow: visible !important; row-gap: 4px; padding: 10px 14px 0 !important;
  background: var(--tq-fundo-2, #f6f8fb) !important; scrollbar-width: none; }
.mp-ativo-editor .mp-ativo-tabs::-webkit-scrollbar { display: none; }
.mp-ativo-editor .mp-ativo-tab { gap: 8px !important; min-height: 40px !important; padding: 9px 14px !important; font: 600 13px var(--tq-fonte, inherit) !important;
  color: var(--tq-texto-2, #53657b) !important; position: relative; }
.mp-ativo-editor .mp-ativo-tab:hover { color: var(--tq-azul-900, #12315e) !important; background: var(--tq-azul-100, #eaf3fd) !important; }
.mp-ativo-editor .mp-ativo-tab.active { color: var(--tq-azul-900, #12315e) !important; background: #fff !important; border-color: var(--tq-borda, #e3e8ef) !important;
  border-bottom-color: var(--tq-laranja, #f07f1a) !important; }
.mp-ativo-editor .mp-ativo-tab:focus-visible { outline: 2px solid var(--tq-azul-600, #1766b3); outline-offset: -2px; }
.mp-ativo-tab-count { font-style: normal; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--tq-azul-100, #eaf3fd); color: var(--tq-azul-600, #1766b3); font: 700 11px/1 var(--tq-fonte, inherit); }
.mp-ativo-tab-count:empty { display: none; }
.mp-ativo-editor .mp-ativo-tab.active .mp-ativo-tab-count { background: var(--tq-laranja, #f07f1a); color: #fff; }
.mp-ativo-editor .mp-ativo-tab.has-error { color: var(--tq-vermelho, #d33b35) !important; }
.mp-ativo-editor .mp-ativo-tab.has-error::after { content: ""; position: absolute; top: 7px; right: 6px; width: 7px; height: 7px; border-radius: 50%; background: var(--tq-vermelho, #d33b35); }

/* Cabeçalho: título acompanha TAG e nome; selo de situação com cor; "ainda não salvo" não parece botão */
.mp-ativo-editor .mp-ativo-editor-head { border-left: 4px solid var(--tq-laranja, #f07f1a); }
.mp-ativo-editor .mp-ativo-editor-head h3.titulo-principal { color: var(--tq-azul-900, #12315e) !important; font-size: 20px !important; overflow-wrap: anywhere; }
.mp-ativo-editor .mp-ativo-kicker { color: var(--tq-laranja-hover, #d96b0f) !important; }
.mp-ativo-state.is-bad { background: #fdecea; color: #9f2a20; }
.mp-ativo-tag--novo { border: 1px dashed var(--tq-borda-forte, #c8d2df) !important; background: transparent !important; color: var(--tq-texto-3, #6b7686) !important; font-weight: 600 !important; }

/* Seções e campos com os tokens do sistema */
.mp-ativo-editor .mp-ativo-section-head h3 { color: var(--tq-azul-900, #12315e) !important; font-size: 16px !important; display: flex; align-items: center; gap: 10px; }
.mp-ativo-editor .mp-ativo-section-head h3::before { content: ""; width: 3px; height: 18px; border-radius: 2px; background: var(--tq-laranja, #f07f1a); flex: 0 0 3px; }
.mp-ativo-editor .mp-ativo-form .field label { color: var(--tq-texto-2, #53657b) !important; }
.mp-ativo-editor .mp-ativo-form .field input:not([type=checkbox]), .mp-ativo-editor .mp-ativo-form .field select { min-height: var(--tq-altura-campo, 38px) !important; border-color: var(--tq-borda-forte, #c8d2df) !important; }
.mp-ativo-editor .mp-ativo-form .field input:focus, .mp-ativo-editor .mp-ativo-form .field select:focus, .mp-ativo-editor .mp-ativo-form .field textarea:focus {
  border-color: var(--tq-azul-600, #1766b3) !important; box-shadow: 0 0 0 3px rgba(23, 102, 179, .14) !important; }
.mp-ativo-editor .mp-ativo-photo-preview { max-width: 240px; }

/* Rodapé fixo no fim do cartão, com navegação entre seções */
.mp-ativo-editor .mp-ativo-form-actions { position: sticky; bottom: 0; z-index: 2; margin: 22px -18px -18px !important; padding: 12px 18px !important;
  background: #fafbfd; border-top: 1px solid var(--tq-borda, #e3e8ef) !important; box-shadow: 0 -6px 14px rgba(15, 30, 55, .05); }
.mp-ativo-nav-secoes { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mp-ativo-nav-secoes button { min-height: 36px; }
.mp-ativo-nav-secoes button:disabled { opacity: .45; cursor: default; }
.mp-ativo-nav-secoes .mp-ativo-save-hint { margin-left: 4px; color: var(--tq-texto-3, #6b7686); font-size: 12px; }
@media (max-width: 700px) { .mp-ativo-editor .mp-ativo-form-actions { margin: 16px -12px -12px !important; padding: 10px 12px !important; } .mp-ativo-nav-secoes { width: 100%; } .mp-ativo-nav-secoes button { flex: 1; } }