/* Ajustes mínimos do protótipo sobre o Dashkit. As cores da marca ficam em marca.css. */


.mp-brand { display: block; font-size: 1.05rem; letter-spacing: .5px; color: #12263f; }
.mp-brand b { font-weight: 600; }
.mp-brand-sub { display: block; font-size: .625rem; letter-spacing: 1.2px; text-transform: uppercase; color: #6e84a3; }

/* item ativo da sidebar com marcador à esquerda (padrão do core) */
#sidebar .navbar-nav > .nav-item > .nav-link.active { box-shadow: inset 3px 0 0 var(--bs-primary); }

/* offcanvas de detalhe da fila */
.offcanvas.mp-detalhe { width: 480px; }
.offcanvas.mp-detalhe .offcanvas-footer { padding: 1rem 1.5rem; border-top: 1px solid #e3ebf6; display: flex; gap: .5rem; }

/* lista de documentos com status à direita */
.mp-doc { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 0; border-bottom: 1px solid #edf2f9; }
.mp-doc:last-child { border-bottom: 0; }

/* aviso fixo de regra de negócio (ex.: "o app não calcula bonificação") */
.mp-regra { border-left: 3px solid var(--bs-primary); background: #f9fbfd; padding: .75rem 1rem; border-radius: .375rem; font-size: .8125rem; color: #3b506c; }

/* mapa do Brasil (contorno real das 27 UFs, coroplético por demandas) */
.mp-mapa-geo { position: relative; max-width: 520px; margin: 0 auto; }
.mp-mapa-geo svg { display: block; width: 100%; height: auto; }
.mp-mapa-geo path { stroke: #fff; stroke-width: 1.5; stroke-linejoin: round; cursor: pointer; transition: opacity .12s; }
.mp-mapa-geo path:hover { opacity: .8; }
.mp-mapa-geo path.l0 { fill: #E8EBEF; }
.mp-mapa-geo path.l1 { fill: #F7DAE2; }
.mp-mapa-geo path.l2 { fill: #E9A3B8; }
.mp-mapa-geo path.l3 { fill: #CE5074; }
.mp-mapa-geo path.l4 { fill: #B5123A; }
.mp-mapa-geo path.sel { stroke: #232A30; stroke-width: 4; }
.mp-mapa-geo text { font-size: 20px; font-weight: 600; fill: #3b506c; text-anchor: middle; dominant-baseline: central; pointer-events: none; }
.mp-mapa-geo text.claro { fill: #fff; }
.mp-mapa-geo text.peq { font-size: 13px; }
.mp-mapa-tip { position: absolute; display: none; pointer-events: none; background: #12263f; color: #fff; font-size: .75rem; line-height: 1.3; padding: .375rem .625rem; border-radius: .375rem; white-space: nowrap; z-index: 2; }
.mp-legenda { display: flex; gap: .75rem; justify-content: center; font-size: .75rem; color: #6e84a3; margin-top: 1rem; }
.mp-legenda span::before { content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; background: var(--c); }

/* fluxo em etapas (processos) */
.mp-etapas { display: flex; gap: .5rem; }
.mp-etapas .et { flex: 1; text-align: center; font-size: .75rem; color: #6e84a3; }
.mp-etapas .et .n { width: 28px; height: 28px; border-radius: 50%; margin: 0 auto .375rem; display: flex; align-items: center; justify-content: center; background: #edf2f9; font-weight: 600; }
.mp-etapas .et.feito .n { background: #00d97e; color: #fff; }
.mp-etapas .et.atual .n { background: var(--bs-primary); color: #fff; }
.mp-etapas .et.atual { color: #12263f; font-weight: 600; }

/* compatibilidade de área (representação) */
.mp-uf-chip { display: inline-block; padding: .25rem .5rem; border-radius: .375rem; font-size: .75rem; font-weight: 600; margin: 0 .25rem .25rem 0; }
.mp-uf-chip.match { background: #ccf7e5; color: #008752; }
.mp-uf-chip.nomatch { background: #edf2f9; color: #6e84a3; }
.mp-mapa-geo line { stroke: #95aac9; stroke-width: 1.2; }
.mp-mapa-geo text.chamada { font-size: 17px; text-anchor: start; fill: #3b506c; stroke: #fff; stroke-width: 4px; paint-order: stroke; }

/* faixa de ambiente (lojista): segregação visível em todas as telas */
.mp-ambiente { display: flex; align-items: center; padding: .5rem 1.5rem; background: #f9fbfd; border-bottom: 1px solid #e3ebf6; font-size: .8125rem; color: #3b506c; white-space: nowrap; }
.mp-ambiente span { margin-left: auto; padding-left: 1.5rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #6e84a3; font-size: .75rem; }