/* Tema institucional Muriti Saúde para o painel (SB Admin 2 / Bootstrap 4).
   Cores derivadas da marca: azul #00339B (principal) e rosa #FF0066 (destaque pontual).
   A logo permanece sempre nas cores originais; quem se adapta são as superfícies. */
:root{
  --m-azul:#00339b;--m-azul-escuro:#002373;--m-azul-tinta:#0b1f4b;--m-azul-claro:#eaf0fb;--m-azul-borda:#c9d6ef;
  --m-rosa:#ff0066;--m-rosa-escuro:#d60056;--m-rosa-claro:#ffe5ef;
  --m-fundo:#f3f6fb;--m-superficie:#ffffff;--m-borda:#e2e8f0;--m-borda-forte:#cbd5e1;
  --m-texto:#1e293b;--m-texto-2:#55657a;--m-texto-3:#8593a6;
  --m-sucesso:#0f9d6e;--m-sucesso-claro:#e3f6ee;--m-alerta:#c77700;--m-alerta-claro:#fff4e0;--m-perigo:#d92d3a;--m-perigo-claro:#fdeaec;
  --m-raio:12px;--m-raio-p:8px;--m-sombra:0 1px 2px rgba(15,35,75,.06),0 4px 14px rgba(15,35,75,.05);
  --m-fonte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
body,#wrapper #content-wrapper{background:var(--m-fundo)!important;color:var(--m-texto);font-family:var(--m-fonte)}
body{font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--m-azul-tinta);font-family:var(--m-fonte);font-weight:700;letter-spacing:-.01em}
a{color:var(--m-azul)}a:hover{color:var(--m-azul-escuro)}
.text-primary{color:var(--m-azul)!important}.text-gray-800,.text-gray-900,.text-dark{color:var(--m-texto)!important}.text-muted,.text-gray-600,.text-gray-500{color:var(--m-texto-2)!important}
.text-success{color:var(--m-sucesso)!important}.text-danger{color:var(--m-perigo)!important}.text-warning{color:var(--m-alerta)!important}

/* ---------- Barra lateral azul (destaque da navegação) ----------
   O topo da barra é branco para a logo aparecer nas cores originais; os itens ficam em azul com texto branco. */
.muriti-sidebar{background:linear-gradient(180deg,#00339b 0%,#002373 100%)!important;border-right:0;box-shadow:2px 0 12px rgba(11,31,75,.12)}
.muriti-sidebar .sidebar-brand{height:auto!important;min-height:84px;padding:14px 12px!important;margin:0;background:#fff;border-bottom:3px solid var(--m-rosa)}
.muriti-sidebar .sidebar-brand img{display:block;height:auto}
.muriti-sidebar .sidebar-brand .marca-horizontal{display:none;width:168px;max-width:100%}
.muriti-sidebar .sidebar-brand .marca-simbolo{width:52px}
@media(min-width:768px){.muriti-sidebar:not(.toggled) .sidebar-brand .marca-horizontal{display:block}.muriti-sidebar:not(.toggled) .sidebar-brand .marca-simbolo{display:none}}
.muriti-sidebar hr.sidebar-divider{border-top:1px solid rgba(255,255,255,.14);margin:8px 16px!important}
.muriti-sidebar hr.sidebar-divider:first-of-type{display:none}
.muriti-sidebar .sidebar-heading{color:rgba(255,255,255,.55)!important;font-size:10.5px;font-weight:700;letter-spacing:.1em;padding:12px 20px 4px!important}
.muriti-sidebar .nav-item{margin:2px 10px;position:relative}
.muriti-sidebar .nav-item .nav-link{color:rgba(255,255,255,.88)!important;font-weight:600;font-size:13.5px;border-radius:var(--m-raio-p);padding:10px 12px!important;width:auto!important;transition:background .15s,color .15s}
.muriti-sidebar .nav-item .nav-link i{color:rgba(255,255,255,.75)!important;width:20px;text-align:center;margin-right:8px;font-size:14px}
.muriti-sidebar .nav-item .nav-link:hover{background:rgba(255,255,255,.10);color:#fff!important}
.muriti-sidebar .nav-item .nav-link:hover i{color:#fff!important}
.muriti-sidebar .nav-item.active>.nav-link{background:rgba(255,255,255,.16);color:#fff!important;font-weight:700}
.muriti-sidebar .nav-item.active>.nav-link i{color:#fff!important}
.muriti-sidebar .nav-item.active::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--m-rosa)}
.muriti-sidebar .nav-item .nav-link[data-toggle=collapse]::after{color:rgba(255,255,255,.6)!important}
.muriti-sidebar .collapse-inner{background:transparent!important;box-shadow:none!important;border:0;margin:2px 0 6px 30px!important;padding:2px 0!important;border-left:2px solid rgba(255,255,255,.18)!important;border-radius:0!important}
.muriti-sidebar .collapse-inner .collapse-item{color:rgba(255,255,255,.78);font-size:13px;font-weight:500;padding:7px 12px;margin:1px 0 1px 6px;border-radius:6px;white-space:normal}
.muriti-sidebar .collapse-inner .collapse-item:hover{background:rgba(255,255,255,.10);color:#fff}
.muriti-sidebar .collapse-inner .collapse-item.active{background:#fff;color:var(--m-azul);font-weight:700}
.muriti-sidebar .collapse-inner .collapse-header{color:rgba(255,255,255,.55);font-size:10.5px;margin:6px 12px 2px}
.muriti-sidebar .collapse-divider{border-top:1px solid rgba(255,255,255,.14);margin:6px 12px}
/* Barra recolhida (ou celular): ícones centralizados e submenus flutuantes em cartão branco. */
.muriti-sidebar.toggled .nav-item{margin:2px 8px}
.muriti-sidebar.toggled .nav-item .nav-link{text-align:center;padding:10px 4px!important}
.muriti-sidebar.toggled .nav-item .nav-link i{margin:0 0 4px;display:block;width:auto;font-size:16px}
.muriti-sidebar.toggled .nav-item .nav-link span{font-size:10.5px;display:block}
.muriti-sidebar.toggled .nav-item.active::before{left:-8px}
.muriti-sidebar.toggled .collapse-inner{background:#fff!important;border:1px solid var(--m-borda)!important;box-shadow:var(--m-sombra)!important;border-radius:var(--m-raio-p)!important;margin:0!important}
.muriti-sidebar.toggled .collapse-inner .collapse-item{color:#334155}
.muriti-sidebar.toggled .collapse-inner .collapse-item:hover,.muriti-sidebar.toggled .collapse-inner .collapse-item.active{background:var(--m-azul-claro);color:var(--m-azul)}
@media(max-width:767px){
  .muriti-sidebar .nav-item{margin:2px 6px}
  .muriti-sidebar .nav-item .nav-link{text-align:center;padding:10px 2px!important}
  .muriti-sidebar .nav-item .nav-link i{margin:0 0 4px;display:block;width:auto}
  .muriti-sidebar .nav-item .nav-link span{font-size:10.5px}
  .muriti-sidebar .nav-item.active::before{left:-6px}
  .muriti-sidebar .collapse-inner{background:#fff!important;border:1px solid var(--m-borda)!important;box-shadow:var(--m-sombra)!important;border-radius:var(--m-raio-p)!important;margin:0!important}
  .muriti-sidebar .collapse-inner .collapse-item{color:#334155}
  .muriti-sidebar .collapse-inner .collapse-item:hover,.muriti-sidebar .collapse-inner .collapse-item.active{background:var(--m-azul-claro);color:var(--m-azul)}
}
#sidebarToggle{background:rgba(255,255,255,.14)!important}#sidebarToggle::after{color:#fff!important}

/* ---------- Barra superior ---------- */
.topbar{background:var(--m-superficie)!important;border-bottom:1px solid var(--m-borda);box-shadow:none!important}
.topbar #sidebarToggleTop{color:var(--m-azul)}
.topbar .topbar-divider{border-right-color:var(--m-borda)}
.topbar .nav-item .nav-link .img-profile{border:2px solid var(--m-azul-claro)}
.muriti-layout-acoes select{border-color:var(--m-borda-forte);border-radius:var(--m-raio-p)}

/* ---------- Cartões e títulos ---------- */
.card{border:1px solid var(--m-borda)!important;border-radius:var(--m-raio)!important;box-shadow:var(--m-sombra)!important;background:var(--m-superficie)}
.card-header{background:var(--m-superficie)!important;border-bottom:1px solid var(--m-borda)!important;color:var(--m-azul-tinta)!important;font-weight:700;border-radius:var(--m-raio) var(--m-raio) 0 0!important}
.card-header *{color:inherit}
.card-header.bg-gradient-primary,.card-header.bg-primary,.bg-gradient-primary:not(body):not(.sidebar):not(.btn){background:linear-gradient(135deg,#00339b 0%,#0b1f4b 100%)!important;color:#fff!important;border:0!important;border-bottom:3px solid var(--m-rosa)!important}
.bg-gradient-primary:not(body):not(.sidebar):not(.btn) *,.card-header.bg-primary *{color:#fff!important}
.card-header.bg-gradient-primary h6,.card-header.bg-gradient-primary .h6{font-size:16px;letter-spacing:.01em}
.border-left-primary{border-left:4px solid var(--m-azul)!important}

/* ---------- Botões ---------- */
.btn{font-family:var(--m-fonte);font-weight:600;border-radius:var(--m-raio-p);letter-spacing:.005em;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:focus,.btn.focus{box-shadow:0 0 0 3px rgba(0,51,155,.22)!important}
.btn-primary,.bg-gradient-primary.btn{background:var(--m-azul)!important;border-color:var(--m-azul)!important;color:#fff!important;background-image:none!important}
.btn-primary:hover,.btn-primary:active{background:var(--m-azul-escuro)!important;border-color:var(--m-azul-escuro)!important}
.btn-outline-primary{color:var(--m-azul)!important;border-color:var(--m-azul-borda)!important;background:#fff}
.btn-outline-primary:hover{background:var(--m-azul-claro)!important;color:var(--m-azul)!important;border-color:var(--m-azul)!important}
.btn-secondary{background:#fff!important;color:#334155!important;border-color:var(--m-borda-forte)!important}
.btn-secondary:hover{background:#f1f5f9!important}
.btn-outline-secondary{color:#334155!important;border-color:var(--m-borda-forte)!important}
.btn-outline-secondary:hover{background:#f1f5f9!important;color:#1e293b!important}
.btn-success{background:var(--m-sucesso)!important;border-color:var(--m-sucesso)!important}
.btn-success:hover{background:#0b805a!important;border-color:#0b805a!important}
.btn-danger{background:var(--m-perigo)!important;border-color:var(--m-perigo)!important}
.btn-danger:hover{background:#b8232f!important;border-color:#b8232f!important}
.btn-outline-danger{color:var(--m-perigo)!important;border-color:#f3b8bd!important}
.btn-outline-danger:hover{background:var(--m-perigo-claro)!important}
.btn-warning{background:#f59e0b!important;border-color:#f59e0b!important;color:#1f2937!important}
.btn-info{background:#0e7490!important;border-color:#0e7490!important;color:#fff!important}
.btn-light{background:#f8fafc!important;border-color:var(--m-borda)!important;color:#334155!important}
/* Ação principal de venda/atendimento recebe o rosa da marca. */
.btn-destaque,.btn-muriti-destaque{background:var(--m-rosa)!important;border-color:var(--m-rosa)!important;color:#fff!important}
.btn-destaque:hover,.btn-muriti-destaque:hover{background:var(--m-rosa-escuro)!important}

/* ---------- Fundos utilitários ---------- */
.bg-primary{background-color:var(--m-azul)!important}
.bg-success{background-color:var(--m-sucesso)!important}.bg-danger{background-color:var(--m-perigo)!important}.bg-warning{background-color:#f59e0b!important}
.bg-light{background-color:#f8fafc!important}
.border-primary{border-color:var(--m-azul)!important}

/* ---------- Tabelas ---------- */
.table{color:var(--m-texto);font-size:13.5px}
.table thead th,.table thead td,.table>thead.bg-primary th,.table thead.thead-light th,.table thead.thead-dark th,.table thead.bg-gradient-primary th,.table thead tr.bg-primary th{background:#f1f5fb!important;color:#3b4a5e!important;border-color:var(--m-borda)!important;border-bottom:1px solid var(--m-borda-forte)!important;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;white-space:nowrap}
.table thead.bg-primary,.table thead tr.bg-primary,.table thead.bg-gradient-primary{background:#f1f5fb!important}
.table td,.table th{border-color:var(--m-borda)!important;vertical-align:middle}
.table-bordered{border-color:var(--m-borda)!important}
.table-hover tbody tr:hover{background:#f6f9fe!important}
.table-striped tbody tr:nth-of-type(odd){background:#fafbfd}
.table-responsive{border-radius:var(--m-raio-p)}
.dataTables_wrapper .page-item.active .page-link,.page-item.active .page-link{background:var(--m-azul)!important;border-color:var(--m-azul)!important;color:#fff!important}
.page-link{color:var(--m-azul);border-color:var(--m-borda)}
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{border:1px solid var(--m-borda-forte);border-radius:var(--m-raio-p);padding:4px 8px}

/* ---------- Formulários ---------- */
.form-control,.custom-select{border:1px solid var(--m-borda-forte);border-radius:var(--m-raio-p)!important;color:var(--m-texto);font-family:var(--m-fonte)}
.form-control:focus,.custom-select:focus{border-color:var(--m-azul)!important;box-shadow:0 0 0 3px rgba(0,51,155,.15)!important}
.form-control::placeholder{color:var(--m-texto-3)}
label{color:#334155;font-weight:600}
.input-group-text{background:#f1f5fb;border-color:var(--m-borda-forte);color:var(--m-texto-2)}
.input-group>.form-control:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.input-group>.form-control:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.custom-control-input:checked~.custom-control-label::before{background:var(--m-azul);border-color:var(--m-azul)}

/* ---------- Avisos, selos, modais ---------- */
.alert{border-radius:var(--m-raio-p);border:1px solid transparent}
.alert-warning{background:var(--m-alerta-claro);color:#7a4a00;border-color:#f6d9a6}
.alert-danger{background:var(--m-perigo-claro);color:#8f1c26;border-color:#f3c0c5}
.alert-success{background:var(--m-sucesso-claro);color:#0b5e43;border-color:#b5e5d1}
.alert-info,.alert-primary{background:var(--m-azul-claro);color:var(--m-azul-tinta);border-color:var(--m-azul-borda)}
.badge{border-radius:999px;font-weight:700;padding:.35em .7em}
.badge-primary{background:var(--m-azul)}.badge-success{background:var(--m-sucesso)}.badge-danger{background:var(--m-perigo)}.badge-warning{background:#f59e0b;color:#1f2937}
.modal-content{border:0;border-radius:var(--m-raio);box-shadow:0 24px 64px rgba(11,31,75,.25)}
.modal-header{border-bottom:1px solid var(--m-borda)}.modal-footer{border-top:1px solid var(--m-borda)}
.modal-title{color:var(--m-azul-tinta);font-weight:700}
.dropdown-menu{border:1px solid var(--m-borda);border-radius:var(--m-raio-p);box-shadow:var(--m-sombra)}
.dropdown-item:active{background:var(--m-azul)}
.swal2-popup{border-radius:var(--m-raio)!important;font-family:var(--m-fonte)!important}
.swal2-styled.swal2-confirm{background:var(--m-azul)!important;border-radius:var(--m-raio-p)!important}
.swal2-styled.swal2-cancel{border-radius:var(--m-raio-p)!important}
.muriti-dialog .btn-primary,.muriti-dialog button[value=ok]{background:var(--m-azul)!important}
.scroll-to-top{background:var(--m-azul)!important;border-radius:var(--m-raio-p)}
footer.sticky-footer{background:transparent!important;color:var(--m-texto-3)}

/* ---------- Módulos já existentes (relatórios, recibos, assinaturas) ---------- */
.despesas-eyebrow{color:var(--m-rosa)!important;letter-spacing:.1em}
.despesas-resumo article{border-top-color:var(--m-azul)!important;border-radius:var(--m-raio)!important}
.recibos-resultado{border-top-color:var(--m-azul)!important}.recibos-resultado h2{color:var(--m-azul)!important}

/* ---------- Tela de acesso ---------- */
body.bg-gradient-primary{background:radial-gradient(1200px 600px at 85% -10%,rgba(255,0,102,.10),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(0,51,155,.16),transparent 60%),var(--m-fundo)!important}
body.bg-gradient-primary .card{border-radius:16px!important;box-shadow:0 20px 60px rgba(11,31,75,.12)!important}
body.bg-gradient-primary .btn-user{border-radius:var(--m-raio-p)!important;padding:.7rem 1rem}
body.bg-gradient-primary .form-control{height:46px;border-radius:var(--m-raio-p)!important;font-size:14px}
@media(min-width:768px){.muriti-sidebar:not(.toggled) .nav-item .nav-link{display:flex;align-items:center}.muriti-sidebar:not(.toggled) .nav-item .nav-link span{flex:1;min-width:0}.muriti-sidebar:not(.toggled) .nav-item .nav-link[data-toggle=collapse]::after{float:none;margin-left:8px;font-size:12px}}
.muriti-sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.muriti-sidebar::-webkit-scrollbar{width:6px}.muriti-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:6px}.muriti-sidebar::-webkit-scrollbar-track{background:transparent}
.btn.bg-gradient-primary,.btn.bg-gradient-primary *{background:var(--m-azul)!important;background-image:none!important;color:#fff!important;border:0}.btn.bg-gradient-primary:hover{background:var(--m-azul-escuro)!important}

/* ---------- Painéis de informação da venda ---------- */
.info-box{background:#fff!important;border:1px solid var(--m-borda)!important;border-left:4px solid var(--m-azul)!important;border-radius:var(--m-raio)!important;box-shadow:var(--m-sombra)!important}
.info-box h5{color:var(--m-azul-tinta)!important;font-weight:800}
.info-box.info-empresa{background:linear-gradient(135deg,#eaf0fb 0%,#ffffff 70%)!important;border:1px solid var(--m-azul-borda)!important;border-left:4px solid var(--m-rosa)!important;padding:14px 18px!important}
.info-box.info-empresa h5{display:flex;align-items:center;gap:10px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--m-azul)!important}
.info-box.info-empresa h5::before{content:"\f1ad";font-family:"Font Awesome 5 Free";font-weight:900;width:30px;height:30px;border-radius:8px;background:var(--m-azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.info-box.info-empresa strong{color:var(--m-texto-2);font-weight:600}
.info-box.info-empresa span{color:var(--m-azul-tinta);font-weight:600}

/* ---------- Telas menores (notebooks 1366×768 e afins): tudo mais compacto para caber na tela ---------- */
@media (max-width:1440px),(max-height:820px){
  html{font-size:15px}
  body,.table{font-size:13px}
  .muriti-sidebar .sidebar-brand{min-height:70px;padding:10px 12px!important}
  .muriti-sidebar .sidebar-brand .marca-horizontal{width:150px}
  .muriti-sidebar .sidebar-heading{padding:8px 20px 2px!important}
  .muriti-sidebar .nav-item .nav-link{padding:8px 12px!important;font-size:13px}
  .topbar{height:52px!important}
  #content .card-body{padding:16px}
  #content .card-header{padding-top:10px!important;padding-bottom:10px!important}
  #content h1,#content .h1{font-size:24px}#content h5,#content .h5{font-size:16px}
  #content .table th,#content .table td{padding:8px 10px}
  #content .form-control,#content .custom-select{height:calc(1.5em + .6rem + 2px);font-size:13px}
  #content .btn{font-size:13px;padding:.4rem .8rem}
  #content .btn-lg{font-size:15px}
}

/* Submenus da barra azul: o SB Admin usa seletor mais específico com texto escuro; estes vencem. */
.muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item,.muriti-sidebar .nav-item .collapsing .collapse-inner .collapse-item{color:rgba(255,255,255,.86);font-weight:500}
.muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,.muriti-sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover{background:rgba(255,255,255,.12);color:#fff}
.muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item.active,.muriti-sidebar .nav-item .collapsing .collapse-inner .collapse-item.active{background:#fff;color:var(--m-azul);font-weight:700}
.muriti-sidebar .nav-item .collapse .collapse-inner .collapse-header{color:rgba(255,255,255,.6)}
/* Recolhida ou celular: o submenu abre em cartão branco, então volta ao texto escuro. */
.muriti-sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item,.muriti-sidebar.toggled .nav-item .collapsing .collapse-inner .collapse-item{color:#334155}
.muriti-sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item:hover,.muriti-sidebar.toggled .nav-item .collapse .collapse-inner .collapse-item.active{background:var(--m-azul-claro);color:var(--m-azul)}
.muriti-sidebar.toggled .nav-item .collapse .collapse-inner .collapse-header{color:var(--m-texto-3)}
@media(max-width:767px){
  .muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item,.muriti-sidebar .nav-item .collapsing .collapse-inner .collapse-item{color:#334155}
  .muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,.muriti-sidebar .nav-item .collapse .collapse-inner .collapse-item.active{background:var(--m-azul-claro);color:var(--m-azul)}
  .muriti-sidebar .nav-item .collapse .collapse-inner .collapse-header{color:var(--m-texto-3)}
}

/* ---------- Topo alinhado: logo da barra lateral e barra superior com a mesma altura e a mesma linha ---------- */
:root{--m-topo:64px}
@media (max-width:1440px),(max-height:820px){:root{--m-topo:58px}}
.topbar{height:var(--m-topo)!important;min-height:var(--m-topo);margin-bottom:16px!important;border-bottom:1px solid var(--m-borda)!important}
.topbar .navbar-nav .nav-link{height:var(--m-topo)!important}
.muriti-sidebar .sidebar-brand{height:var(--m-topo)!important;min-height:0!important;padding:0 14px!important;border-bottom:1px solid var(--m-borda)!important;box-sizing:border-box}
.muriti-sidebar .sidebar-brand .marca-horizontal{width:auto!important;height:calc(var(--m-topo) - 14px)!important;max-width:100%}
.muriti-sidebar .sidebar-brand .marca-simbolo{width:auto!important;height:calc(var(--m-topo) - 16px)!important}
.muriti-sidebar hr.sidebar-divider:first-of-type{display:none}
.muriti-sidebar .sidebar-heading:first-of-type{padding-top:16px!important}

/* ---------- Aviso de assinaturas (uma linha, sem texto vazando) ---------- */
.topbar .muriti-alertas-assinaturas{margin:0 14px 0 0;position:relative}
.topbar .m-alerta-botao{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 6px;border-radius:999px;background:var(--m-azul-claro);border:1px solid var(--m-azul-borda);color:var(--m-azul)!important;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s}
.topbar .m-alerta-botao:hover,.topbar .m-alerta-botao[aria-expanded=true]{background:#fff;border-color:var(--m-azul)}
.topbar .m-alerta-icone{position:relative;width:30px;height:30px;border-radius:50%;background:var(--m-azul);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 30px}
.topbar .m-alerta-contador{position:absolute;top:-5px;right:-7px;font-size:10px;line-height:1;padding:3px 5px;border-radius:999px;border:2px solid #fff}
.topbar .m-alerta-contador:empty{display:none}
.topbar .m-alerta-texto{display:flex;flex-direction:column;line-height:1.15}
.topbar .m-alerta-texto strong{font-size:12.5px;color:var(--m-azul-tinta)}
.topbar .m-alerta-texto span{font-size:11px;color:var(--m-texto-2)}
.topbar .drop-notificacao{min-width:320px;border-radius:var(--m-raio)!important;overflow:hidden;margin-top:8px}
@media(max-width:767px){.topbar .m-alerta-texto{display:none}.topbar .m-alerta-botao{padding:0 5px}.topbar .muriti-alertas-assinaturas{margin-right:8px}.topbar .drop-notificacao{min-width:280px}}