/* V1761.21 — Refinamento visual e navegação por etapas do cadastro de ativos.
   Camada de apresentação: mantém os mesmos campos, nomes e integrações PCM. */
.mp-ativo-editor{border-color:#cbd7e8!important;border-radius:13px!important;box-shadow:0 10px 28px rgba(20,47,82,.08)!important;background:#fff}
.mp-ativo-editor-head{padding:20px 24px!important;gap:22px!important;background:linear-gradient(112deg,#fff 0%,#f4f8fe 100%)!important}
.mp-ativo-kicker{font-size:10px!important;letter-spacing:.08em!important}
.mp-ativo-editor-head h3.titulo-principal{font-size:21px!important;line-height:1.28!important;margin-bottom:6px!important}
.mp-ativo-editor-head p{max-width:760px;font-size:12.5px!important;color:#61738d!important}
.mp-ativo-summary{align-items:flex-end;gap:7px!important}
.mp-ativo-state,.mp-ativo-tag,.mp-ativo-unsaved{min-height:28px;padding:6px 11px!important;font-size:11px!important;border-radius:999px!important}
.mp-ativo-state.is-neutral{background:#eef3f9!important;color:#51647e!important}
.mp-ativo-state.is-warn{background:#fff4df!important;color:#95600b!important}
.mp-ativo-unsaved{display:inline-flex;align-items:center;background:#fff4e8;color:#a6530a;border:1px solid #f4d2ac;font-weight:700;white-space:nowrap}
.mp-ativo-unsaved[hidden]{display:none!important}
.mp-ativo-tag--novo{background:#fff!important;border-color:#d5dfec!important;color:#63748b!important}

/* Navegação em duas linhas regulares: evita concentração de abas numa linha só. */
.mp-ativo-editor .mp-ativo-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important;padding:12px 16px!important;overflow:visible!important;background:#f5f8fc!important;border-bottom:1px solid #dfe7f2!important}
.mp-ativo-editor .mp-ativo-tab{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important;min-height:42px!important;padding:8px 11px!important;border:1px solid #e1e8f2!important;border-radius:8px!important;background:#fff!important;color:#52657e!important;font-size:12px!important;font-weight:650!important;line-height:1.25!important;white-space:normal!important;text-align:left!important;box-shadow:none!important}
.mp-ativo-editor .mp-ativo-tab:hover{border-color:#bdd0e8!important;background:#f7faff!important;color:#173b69!important}
.mp-ativo-editor .mp-ativo-tab.active{border-color:#f2c18f!important;border-left:3px solid #f07f1a!important;background:#fff8f1!important;color:#173b69!important;padding-left:9px!important}
.mp-ativo-editor .mp-ativo-tab-icone{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;border-radius:6px;background:#edf3fb;color:#526f94;font-size:14px!important;line-height:1!important}
.mp-ativo-editor .mp-ativo-tab.active .mp-ativo-tab-icone{background:#ffead8;color:#d96b0f}
.mp-ativo-editor .mp-ativo-tab-nome{min-width:0;overflow-wrap:anywhere}
.mp-ativo-editor .mp-ativo-tab-count{flex:0 0 auto;margin-left:auto;min-width:18px;height:18px;padding:0 5px!important;border-radius:9px;background:#eaf1fb!important;color:#345d91!important;font-size:10px!important}
.mp-ativo-editor .mp-ativo-tab.active .mp-ativo-tab-count{background:#f07f1a!important;color:#fff!important}
.mp-ativo-editor .mp-ativo-tab.has-error{border-color:#efb3ae!important;background:#fff7f6!important;color:#b42a24!important}

/* Indicador de etapa: torna explícito o percurso de preenchimento. */
.mp-ativo-progress{padding:11px 20px 12px;background:#fff;border-bottom:1px solid #e7edf5}
.mp-ativo-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#71829a;font-size:10px;font-weight:750;letter-spacing:.07em}
.mp-ativo-progress-head>strong{color:#1d426f;font-size:12px;font-weight:700;letter-spacing:0}
.mp-ativo-progress-track{height:5px;overflow:hidden;border-radius:99px;background:#eaf0f7}
.mp-ativo-progress-track>span{display:block;width:11.11%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f18a2c,#f4a24d);transition:width .22s ease}

.mp-ativo-form{padding:20px 22px!important;background:#fff}
.mp-ativo-section-head{margin-bottom:18px!important;padding-bottom:13px!important;align-items:center!important}
.mp-ativo-section-head h3{font-size:16px!important}
.mp-ativo-section-head p{font-size:12px!important;color:#647791!important}
.mp-ativo-required-note{padding:5px 9px;border-radius:6px;background:#fff8f1;color:#a65a16!important;font-weight:650}
.mp-ativo-content-grid{gap:15px 16px!important;margin-bottom:17px!important}
.mp-ativo-form .field label{font-size:11.5px!important;font-weight:650!important;color:#455a77!important}
.mp-ativo-form .field input:not([type=checkbox]),.mp-ativo-form .field select,.mp-ativo-form .field textarea{border-radius:8px!important;background:#fff!important;color:#1d2e47!important}
.mp-ativo-form .field input:not([type=checkbox]),.mp-ativo-form .field select{min-height:40px!important;padding:9px 11px!important}
.mp-ativo-form .field textarea{min-height:88px!important}
.mp-ativo-form .field small{font-size:10.5px!important;color:#8291a6!important}
.mp-ativo-subsection{padding:15px 16px!important;border-radius:10px!important;background:#f8fafd!important}
.mp-ativo-subsection h4{font-size:13px!important;color:#1b426f!important}
.mp-ativo-info-banner{border-radius:9px!important}
.mp-ativo-photo-preview{max-width:260px!important}
.mp-ativo-form-actions{margin-top:24px!important;gap:14px!important;padding:12px 18px!important;background:rgba(249,251,254,.97)!important;backdrop-filter:blur(8px)}
.mp-ativo-form-actions .btn-row{gap:9px!important}
.mp-ativo-form-actions button{min-height:38px!important;padding-left:15px!important;padding-right:15px!important}
.mp-ativo-nav-secoes{gap:8px!important}
.mp-ativo-nav-secoes .mp-ativo-save-hint{font-size:11px!important;color:#71829a!important}

@media(max-width:1050px){
  .mp-ativo-editor .mp-ativo-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mp-ativo-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .mp-ativo-editor .mp-ativo-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px!important}
  .mp-ativo-editor .mp-ativo-tab{padding:8px!important;font-size:11px!important;gap:6px!important}
  .mp-ativo-editor .mp-ativo-tab.active{padding-left:6px!important}
  .mp-ativo-progress{padding:10px 14px}
  .mp-ativo-form{padding:15px!important}
}
@media(max-width:540px){
  .mp-ativo-editor .mp-ativo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-ativo-editor-head{padding:15px!important}
  .mp-ativo-summary{align-items:flex-start!important}
  .mp-ativo-form-actions{position:static!important;margin:18px -15px -15px!important;padding:12px 15px!important;align-items:stretch!important;flex-direction:column!important}
  .mp-ativo-form-actions .btn-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch!important}
  .mp-ativo-form-actions .btn-row button[type=submit]{grid-column:1/-1}
  .mp-ativo-nav-secoes{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-ativo-nav-secoes button{width:100%}
  .mp-ativo-nav-secoes .mp-ativo-save-hint{grid-column:1/-1;text-align:center}
  .mp-ativo-grid-2,.mp-ativo-grid-3,.mp-ativo-grid-4{grid-template-columns:minmax(0,1fr)!important}
  .mp-ativo-span-2{grid-column:auto!important}
}