*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#172238}a{color:#245bd8;text-decoration:none}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#101c38,#0c1730);color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px}.brand span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#245de3,#35b8ff);font-weight:900;box-shadow:0 10px 28px #245de34d}.brand b{font-size:13px;letter-spacing:.7px}.campaign{margin:26px 0 18px;padding:14px;border:1px solid #ffffff18;background:#ffffff09;border-radius:13px}.campaign small,.campaign strong{display:block}.campaign small{color:#9fb0d3;font-size:10px}.campaign strong{margin:6px 0}.campaign+nav{display:flex;flex-direction:column;gap:5px}nav a{color:#b9c7df;padding:12px;border-radius:10px;font-weight:600}nav a:hover,nav a.active{background:#245de3;color:#fff}.logout{margin-top:auto;border-top:1px solid #ffffff18;padding-top:16px;font-size:12px;color:#a8b8d4;display:flex;justify-content:space-between}.logout a{color:#fff}main{padding:28px;overflow:hidden}header,.head,.actions,.between{display:flex;align-items:center;justify-content:space-between}header{margin-bottom:22px}header h1{margin:0;font-size:28px}header p{margin:5px 0;color:#77859c}.year,.tag{background:#e9efff;color:#2458cb;border-radius:9px;padding:8px 11px;font-size:11px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.kpis.one{grid-template-columns:340px}.kpi,.card,.panel{background:#fff;border:1px solid #e4eaf3;border-radius:15px;box-shadow:0 7px 24px #1c37600b}.kpi{padding:19px}.kpi span{color:#71809a;font-size:12px}.kpi b{display:block;font-size:22px;margin:9px 0}.kpi small,.muted{color:#8a97aa}.kpi.warn{border-left:4px solid #efb23d}.two{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-bottom:18px}.card{padding:20px;margin-bottom:18px}.card h2{margin:0 0 16px;font-size:17px}.head h2{margin:0}.head{margin-bottom:15px}.head p{margin:4px 0 0;color:#8b97aa;font-size:12px}.bigmoney{font-size:25px;font-weight:800;margin:20px 0 10px}.bigmoney small{font-size:13px;color:#8b97aa;font-weight:500}.progress{height:9px;background:#edf1f7;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#245de3,#34b8ff)}.between{font-size:11px;color:#7c899d;margin-top:7px}.cat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:13px}.actions{margin-bottom:15px}.btn{display:inline-block;border:1px solid #d6deeb;background:#fff;color:#33425c;padding:10px 13px;border-radius:9px;font-weight:700;cursor:pointer}.btn.primary{background:#245de3;border-color:#245de3;color:white;box-shadow:0 7px 18px #245de32b}.btn.full{width:100%}.table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;color:#7d899d;padding:10px;border-bottom:1px solid #e6ebf3;white-space:nowrap}td{padding:12px 10px;border-bottom:1px solid #edf1f5;vertical-align:middle}td small{display:block;color:#8a97aa;margin-top:3px}.right{text-align:right}.status{padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800}.status.pago,.status.ativo{background:#e9f8ef;color:#138754}.status.pendente{background:#fff3d9;color:#9f6900}.status.cancelado,.status.encerrado{background:#eef1f5;color:#657287}.red{color:#c84040}.alert{padding:11px 13px;border-radius:9px;margin:12px 0;font-size:13px}.alert.ok{background:#e8f8ef;color:#19764f}.alert.danger{background:#fff0f0;color:#aa3c3c}.notice{background:#fff8e7;border:1px solid #f2dca5;color:#6d5617;padding:13px;border-radius:10px}.modal{display:none;position:fixed;inset:0;background:#07132f9c;z-index:10;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.dialog{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px}.modalhead{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border-bottom:1px solid #edf1f5}.modalhead h2{margin:0}.modalhead button{border:0;background:none;font-size:26px;cursor:pointer}.gridform{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.gridform label,.panel label{font-size:12px;font-weight:700;color:#4b5a73}.gridform input,.gridform select,.gridform textarea,.panel input{width:100%;padding:10px;margin-top:5px;border:1px solid #d7dfeb;border-radius:8px;background:#fff}.gridform textarea{min-height:75px}.span2{grid-column:span 2}.submit{display:flex;gap:8px;justify-content:flex-end}.login,.center{min-height:100vh;display:grid;place-items:center;background:#0e1933;padding:24px}.loginbox{width:min(1000px,96vw);display:grid;grid-template-columns:1.2fr .8fr;background:linear-gradient(135deg,#172d57,#0e1b36);border:1px solid #ffffff12;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px #0008}.loginbox>section{padding:60px;color:white}.loginbox>section h1{font-size:40px;line-height:1.08}.loginbox>section p{color:#b9c8e3;line-height:1.6}.loginbox .panel{border-radius:0;padding:38px}.panel h2{margin-top:40px}.panel form label{display:block;margin:13px 0}.panel .muted{display:block;margin-top:15px}.narrow{width:min(520px,95vw);padding:34px}.narrow h1{margin-top:30px}@media(max-width:1000px){.app{grid-template-columns:78px 1fr}aside{padding:20px 9px}.brand b,.campaign,nav a{font-size:0}.brand{justify-content:center}nav a:before{content:'•';font-size:24px}.logout{display:none}.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}@media(max-width:680px){main{padding:16px}.kpis{grid-template-columns:1fr}.actions{align-items:stretch;gap:10px;flex-direction:column}.gridform{grid-template-columns:1fr}.span2{grid-column:span 1}.loginbox{grid-template-columns:1fr}.loginbox>section{display:none}}@media print{aside,header,.actions{display:none!important}.app{display:block}main{padding:0}.card{box-shadow:none;break-inside:avoid}}

/* ===== DASHBOARD FINANCEIRO PROFISSIONAL ===== */
.finance-hero{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);
  gap:18px;
  margin-bottom:18px
}
.finance-hero-main,.finance-hero-side{
  background:linear-gradient(135deg,#122a56,#0d1b37);
  color:#fff;
  border:1px solid #203c6b;
  border-radius:18px;
  box-shadow:0 18px 40px #10294d1d
}
.finance-hero-main{padding:26px}
.finance-hero-side{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:13px
}
.eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border-radius:99px;
  background:#ffffff12;
  color:#9ec4ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px
}
.finance-hero h2{
  margin:14px 0 5px;
  font-size:28px
}
.finance-hero-main>p{
  margin:0 0 22px;
  color:#adbfdb
}
.finance-total-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px
}
.finance-total-card{
  padding:17px;
  border-radius:14px;
  border:1px solid #ffffff13;
  background:#ffffff0b
}
.finance-total-card span{
  display:block;
  color:#a9bad7;
  font-size:10px;
  font-weight:800;
  letter-spacing:.5px
}
.finance-total-card strong{
  display:block;
  margin:8px 0 4px;
  font-size:24px;
  letter-spacing:-.5px
}
.finance-total-card small{color:#93a9c9}
.total-budget{background:linear-gradient(135deg,#1b376c,#17305f)}
.total-used{background:linear-gradient(135deg,#20334f,#182c49)}
.total-balance{background:linear-gradient(135deg,#113e38,#10332f)}
.total-balance.negative{background:linear-gradient(135deg,#5e1d28,#3e1620)}
.budget-meter{
  margin-top:20px;
  padding:14px 15px;
  border:1px solid #ffffff12;
  background:#09152b75;
  border-radius:13px
}
.budget-meter-top,.budget-meter-bottom,.category-title{
  display:flex;
  align-items:center;
  justify-content:space-between
}
.budget-meter-top{
  margin-bottom:9px
}
.budget-meter-top span{
  font-size:12px;
  font-weight:800;
  color:#a9cbff
}
.budget-meter-track{
  height:10px;
  background:#ffffff12;
  border-radius:99px;
  overflow:hidden
}
.budget-meter-track i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#2d7cff,#35d0ff);
  border-radius:inherit;
  transition:.25s
}
.budget-meter-track i.warning-bar{
  background:linear-gradient(90deg,#e3a524,#ffd160)
}
.budget-meter-track i.danger-bar{
  background:linear-gradient(90deg,#dc4a56,#ff7b88)
}
.budget-meter-bottom{
  margin-top:8px;
  color:#92a8c7;
  font-size:11px
}
.side-stat{
  padding:16px;
  border-radius:13px;
  background:#ffffff0b;
  border:1px solid #ffffff10
}
.side-stat span{
  color:#9fb4d3;
  font-size:11px;
  font-weight:700
}
.side-stat b{
  display:block;
  margin-top:6px;
  font-size:22px
}
.side-stat small{
  display:block;
  color:#91a5c3;
  margin-top:4px
}
.hero-action{
  margin-top:auto;
  text-align:center
}
.danger-kpi{
  border-left:4px solid #dc4a56!important;
  background:#fff7f7
}
.category-row{
  padding:11px 0
}
.category-title{
  gap:14px;
  margin-bottom:7px;
  font-size:12px
}
.category-title span{color:#52617a}
.category-bar{
  height:7px;
  background:#edf1f7;
  border-radius:99px;
  overflow:hidden
}
.category-bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#245de3,#42b7ff)
}
.professional-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border-left:4px solid #245de3
}
.professional-note b{
  font-size:14px
}
.professional-note p{
  margin:6px 0 0;
  color:#7f8ca1;
  font-size:12px;
  line-height:1.5
}
@media(max-width:1150px){
  .finance-hero{grid-template-columns:1fr}
}
@media(max-width:820px){
  .finance-total-grid{grid-template-columns:1fr}
  .professional-note{align-items:flex-start;flex-direction:column}
}


/* ===== V3 RESPONSIVO / MOBILE-FIRST ===== */
:root{
  --navy:#0d1b37;
  --navy2:#132a54;
  --blue:#245de3;
  --cyan:#35b8ff;
  --bg:#f4f7fb;
  --card:#ffffff;
  --line:#e5eaf3;
  --muted:#7d899d;
  --text:#172238;
  --green:#1d9b68;
  --amber:#d99a1f;
  --red:#d84c59;
}
.mobile-topbar,.sidebar-overlay{display:none}
#sidebar nav a{display:flex;align-items:center;gap:11px}
#sidebar nav a i{font-style:normal;width:22px;text-align:center;color:#77b7ff}
.header-tools{display:flex;align-items:center;gap:8px}
.online-dot{width:8px;height:8px;border-radius:50%;background:#28c77a;box-shadow:0 0 0 4px #28c77a18}
.online-text{font-size:11px;color:#758299}

.dashboard-hero{
  background:linear-gradient(135deg,#122a56,#0d1b37);
  border:1px solid #203c6b;
  color:#fff;
  border-radius:20px;
  padding:25px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  box-shadow:0 18px 45px #10294d1a;
  margin-bottom:18px
}
.hero-copy h2{margin:10px 0 5px;font-size:28px}
.hero-copy p{margin:0;color:#adc0dc}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.ghost-light{background:#ffffff0d;color:#fff;border-color:#ffffff24}
.primary-light{background:#fff;color:#173e97;border-color:#fff}

.metric-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin-bottom:18px
}
.metric-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:17px;
  padding:18px;
  display:flex;
  align-items:flex-start;
  gap:13px;
  box-shadow:0 8px 24px #16325c0b
}
.metric-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:20px;
  font-weight:800;
  background:#edf3ff;
  color:#245de3
}
.metric-card span{display:block;color:#74819a;font-size:11px;font-weight:700}
.metric-card strong{display:block;font-size:21px;margin:6px 0 4px;letter-spacing:-.4px}
.metric-card small{color:#96a2b4}
.metric-card.balance .metric-icon{background:#eaf9f1;color:#178757}
.metric-card.pending .metric-icon{background:#fff4dd;color:#aa7000}
.metric-card.spent .metric-icon{background:#eef1f6;color:#46556e}
.metric-card.is-danger{border-color:#f0c7cc;background:#fff8f8}
.metric-card.is-danger .metric-icon{background:#ffe9ec;color:#c63846}

.budget-overview{
  background:#fff;
  border:1px solid var(--line);
  border-radius:17px;
  padding:18px 20px;
  margin-bottom:18px;
  box-shadow:0 8px 24px #16325c0b
}
.budget-info{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.section-kicker{font-size:10px;color:#8290a5;font-weight:800;letter-spacing:.6px}
.budget-info h3{font-size:29px;margin:6px 0 0}
.budget-numbers{display:flex;gap:28px}
.budget-numbers div{min-width:120px}
.budget-numbers span{display:block;color:#8a96a8;font-size:10px}
.budget-numbers b{display:block;margin-top:4px;font-size:14px}
.budget-track{height:11px;background:#eef2f7;border-radius:99px;overflow:hidden;margin-top:16px}
.budget-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#245de3,#35b8ff)}
.budget-track i.warning-bar{background:linear-gradient(90deg,#d79a20,#ffd05a)}
.budget-track i.danger-bar{background:linear-gradient(90deg,#d84c59,#ff7b88)}

.secondary-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px
}
.mini-metric{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  padding:15px 17px
}
.mini-metric span,.mini-metric small{display:block}
.mini-metric span{font-size:10px;color:#8592a6;font-weight:700}
.mini-metric b{display:block;font-size:18px;margin:5px 0}
.mini-metric small{color:#9aa5b6;font-size:10px}

.charts-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);
  gap:18px
}
.chart-card{min-height:390px}
.chart-wrap{height:310px;position:relative}
.chart-wrap.donut{height:310px}

.mobile-brand{display:flex;align-items:center;gap:8px}
.mobile-brand span{
  width:32px;height:32px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(135deg,#245de3,#35b8ff);font-size:11px;font-weight:900
}
.mobile-brand b{font-size:11px;letter-spacing:.4px}
.menu-toggle{
  border:0;background:#ffffff0d;color:white;width:38px;height:38px;
  border-radius:10px;font-size:20px;cursor:pointer
}
.mobile-year{font-size:11px;font-weight:800;background:#ffffff12;padding:7px 9px;border-radius:8px}

@media(max-width:1200px){
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .secondary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .charts-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  body{padding-top:62px}
  .mobile-topbar{
    position:fixed;top:0;left:0;right:0;height:62px;z-index:60;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 14px;background:linear-gradient(90deg,#0d1b37,#132a54);
    color:#fff;border-bottom:1px solid #ffffff12;
    box-shadow:0 5px 20px #07112633
  }
  .app{display:block}
  #sidebar{
    position:fixed!important;
    left:-270px;top:0;bottom:0;z-index:80;
    width:260px!important;height:100vh!important;
    transition:left .22s ease;
    box-shadow:18px 0 45px #07112655
  }
  body.sidebar-open #sidebar{left:0}
  .sidebar-overlay{
    position:fixed;inset:0;z-index:70;background:#07112699;
    backdrop-filter:blur(2px)
  }
  body.sidebar-open .sidebar-overlay{display:block}
  main{padding:18px!important}
  .desktop-header{display:none!important}
  #sidebar .brand b,.campaign,#sidebar nav span{display:block!important;font-size:inherit!important}
  #sidebar .brand{justify-content:flex-start!important}
  #sidebar nav a{justify-content:flex-start!important;font-size:13px!important}
  #sidebar nav a:before{content:none!important}
  .logout{display:flex!important}
  .dashboard-hero{margin-top:0}
}

@media(max-width:680px){
  main{padding:14px!important}
  .dashboard-hero{padding:19px;border-radius:16px;align-items:flex-start;flex-direction:column}
  .hero-copy h2{font-size:23px}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1;text-align:center}
  .metric-grid,.secondary-metrics{grid-template-columns:1fr}
  .metric-card{padding:16px}
  .metric-card strong{font-size:23px}
  .budget-info{align-items:flex-start;flex-direction:column}
  .budget-numbers{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
  .budget-numbers div{min-width:0}
  .budget-overview{padding:16px}
  .card{padding:16px}
  .chart-card{min-height:340px}
  .chart-wrap,.chart-wrap.donut{height:260px}
  .head{align-items:flex-start;gap:10px}
  .head .btn{white-space:nowrap}
  .mobile-table table,.mobile-table thead,.mobile-table tbody,.mobile-table th,.mobile-table td,.mobile-table tr{display:block}
  .mobile-table thead{display:none}
  .mobile-table tr{
    border:1px solid #e6ebf3;
    border-radius:13px;
    padding:10px 12px;
    margin-bottom:10px;
    background:#fff
  }
  .mobile-table td{
    border:0!important;
    padding:7px 0!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    text-align:right!important
  }
  .mobile-table td:before{
    content:attr(data-label);
    color:#7e899b;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    text-align:left
  }
  .mobile-table td[data-label="Descrição"]{
    align-items:flex-start
  }
  .mobile-table td[data-label="Descrição"] b,
  .mobile-table td[data-label="Descrição"] small{
    text-align:right
  }
}

/* ===== MOBILE READONLY V4 ===== */
.mobile-readonly-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  background:#ffffff10;
  border:1px solid #ffffff24;
  color:#bcd4ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.6px
}
@media(max-width:900px){
  .hero-actions{display:none!important}
  .mobile-readonly-badge{display:inline-flex}
  .dashboard-hero{padding-right:18px}
}


/* ===== V5 POWER BI STYLE ===== */
body{background:#eef3f8}
main{background:#eef3f8}
.bi-topbar{
  background:linear-gradient(135deg,#0f2448,#163564);
  color:#fff;
  border-radius:18px;
  padding:24px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  box-shadow:0 16px 38px #15335b1f
}
.bi-kicker{
  display:block;
  color:#9cc1ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px
}
.bi-topbar h2{margin:8px 0 5px;font-size:28px}
.bi-topbar p{margin:0;color:#b7c8df}
.bi-top-actions{display:flex;gap:9px;align-items:center}
.bi-btn-primary{background:#fff;color:#173f98;border-color:#fff}
.bi-btn-secondary{background:#f8fbff;color:#39516f;border-color:#dfe8f2}
.readonly-chip{
  display:inline-flex;
  align-items:center;
  padding:9px 12px;
  border-radius:999px;
  background:#ffffff12;
  border:1px solid #ffffff24;
  color:#c9dbff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.5px
}

.bi-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:14px
}
.bi-kpi-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-top:4px solid #a6b3c5;
  border-radius:14px;
  padding:18px;
  box-shadow:0 7px 22px #19385f0b
}
.bi-kpi-card.accent-blue{border-top-color:#2f6df6}
.bi-kpi-card.accent-green{border-top-color:#20a96c}
.bi-kpi-card.accent-amber{border-top-color:#e5a431}
.bi-kpi-card.accent-red{border-top-color:#db5662;background:#fff8f8}
.bi-kpi-label{font-size:10px;font-weight:800;color:#7f8ca0;text-transform:uppercase;letter-spacing:.45px}
.bi-kpi-value{font-size:24px;font-weight:800;color:#192740;margin:8px 0 4px;letter-spacing:-.4px}
.bi-kpi-foot{font-size:10px;color:#9aa6b7}

.bi-progress-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:17px 19px;
  margin-bottom:14px;
  box-shadow:0 7px 22px #19385f0b
}
.bi-progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.bi-progress-head>div:first-child span{font-size:10px;font-weight:800;color:#7e8a9d}
.bi-progress-head>div:first-child strong{display:block;font-size:30px;margin-top:4px;color:#182640}
.bi-progress-summary{display:flex;gap:26px}
.bi-progress-summary div{min-width:120px}
.bi-progress-summary span{display:block;font-size:10px;color:#8a96a8}
.bi-progress-summary b{display:block;margin-top:4px;font-size:14px}
.bi-progress-track{height:10px;background:#edf2f7;border-radius:99px;overflow:hidden;margin-top:14px}
.bi-progress-track i{display:block;height:100%;background:#2f6df6;border-radius:inherit}
.bi-progress-track i.warning-bar{background:#e5a431}
.bi-progress-track i.danger-bar{background:#db5662}

.bi-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px
}
.bi-mini-grid article{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:12px;
  padding:14px 16px
}
.bi-mini-grid span,.bi-mini-grid small{display:block}
.bi-mini-grid span{font-size:10px;font-weight:800;color:#8793a5}
.bi-mini-grid b{display:block;font-size:18px;margin:4px 0;color:#1a2941}
.bi-mini-grid small{font-size:10px;color:#9aa6b7}

.bi-grid-main{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);
  gap:14px;
  margin-bottom:14px
}
.bi-grid-main.second-row{
  grid-template-columns:minmax(320px,.75fr) minmax(0,1.45fr)
}
.bi-panel{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:18px;
  box-shadow:0 7px 22px #19385f0b;
  margin-bottom:14px
}
.bi-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px
}
.bi-panel-head h3{margin:0;font-size:16px;color:#1a2941}
.bi-panel-head p{margin:4px 0 0;font-size:11px;color:#8c98aa}
.bi-chip{
  background:#edf3ff;
  color:#2f6df6;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:800
}
.bi-chart-wrap{height:310px;position:relative}
.bi-chart-wrap.bi-donut{height:310px}

@media(max-width:1200px){
  .bi-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bi-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bi-grid-main,.bi-grid-main.second-row{grid-template-columns:1fr}
}
@media(max-width:900px){
  .bi-topbar{margin-top:0}
}
@media(max-width:680px){
  .bi-topbar{
    padding:18px;
    border-radius:15px;
    align-items:flex-start;
    flex-direction:column
  }
  .bi-topbar h2{font-size:22px}
  .bi-kpi-grid,.bi-mini-grid{grid-template-columns:1fr}
  .bi-kpi-card{padding:16px}
  .bi-kpi-value{font-size:25px}
  .bi-progress-head{align-items:flex-start;flex-direction:column}
  .bi-progress-summary{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
  .bi-progress-summary div{min-width:0}
  .bi-panel{padding:15px}
  .bi-chart-wrap,.bi-chart-wrap.bi-donut{height:270px}
  .bi-panel-head{align-items:flex-start}
}

.receipt-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:8px;
  background:#edf3ff;
  color:#245de3;
  border:1px solid #d7e3ff;
  font-size:11px;
  font-weight:800;
  white-space:nowrap
}
.receipt-btn:hover{background:#e3edff}

/* ===== NARDO BRAND V7 ===== */
.brand b,.mobile-brand b{letter-spacing:.55px}
.nardo-hero{position:relative;overflow:hidden}
.nardo-hero:after{
  content:"NARDO";
  position:absolute;
  right:22px;
  bottom:-18px;
  font-size:82px;
  font-weight:900;
  color:#ffffff06;
  letter-spacing:4px;
  pointer-events:none
}
.nardo-footer{
  text-align:center;
  padding:14px 8px 4px;
  color:#8290a4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.45px
}
.status.alta{background:#ffe9ec;color:#bf3342}
.status.media{background:#fff3d9;color:#9f6900}
.status.baixa{background:#eaf7ff;color:#2875a9}
@media(max-width:680px){
  .nardo-hero:after{font-size:48px;right:10px;bottom:-9px}
  .bi-topbar,.bi-kpi-card,.bi-progress-card,.bi-panel,.bi-mini-grid article{box-shadow:0 5px 18px #16325c0d}
}

/* ===== DEADLINE ALERTS V7.1 ===== */
.deadline-panel{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:18px;
  margin-bottom:14px;
  box-shadow:0 7px 22px #19385f0b
}
.deadline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:14px}
.deadline-head h3{margin:5px 0 3px;font-size:17px;color:#1a2941}
.deadline-head p{margin:0;color:#8d99aa;font-size:11px}
.deadline-live{padding:6px 9px;border-radius:999px;background:#eaf2ff;color:#2f6df6;font-size:9px;font-weight:900;letter-spacing:.5px}
.deadline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.deadline-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:13px;
  border:1px solid #e6ebf2;
  border-radius:12px;
  background:#fbfdff
}
.deadline-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#2f6df6;font-size:10px;font-weight:900}
.deadline-copy span,.deadline-copy b,.deadline-copy small{display:block}
.deadline-copy span{font-size:10px;color:#8793a5;font-weight:800;text-transform:uppercase}
.deadline-copy b{margin:3px 0;font-size:13px;color:#1e2d45}
.deadline-copy small{color:#9aa6b7;font-size:9px}
.deadline-count{font-size:12px;color:#2f6df6;white-space:nowrap}
.deadline-card.attention{border-left:4px solid #e5a431}
.deadline-card.urgent{border-left:4px solid #db5662;background:#fff9f9}
.deadline-card.urgent .deadline-count{color:#c33b49}
.deadline-card.overdue{background:#f4f5f7;border-color:#d8dde5;opacity:.78}
.deadline-card.overdue .deadline-count{color:#727d8e}
.deadline-warning{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:11px;
  background:#f8fafc;
  border:1px solid #e6ebf2
}
.deadline-warning.has-pending{background:#fff8e8;border-color:#f1d894}
.deadline-warning b,.deadline-warning span{display:block}
.deadline-warning b{font-size:12px;color:#26344d}
.deadline-warning span{margin-top:3px;font-size:10px;color:#7f8ca0}
@media(max-width:780px){
  .deadline-grid{grid-template-columns:1fr}
  .deadline-head{align-items:flex-start;flex-direction:column}
  .deadline-card{grid-template-columns:38px minmax(0,1fr)}
  .deadline-count{grid-column:2;font-size:11px}
  .deadline-warning{align-items:flex-start}
}

.receipt-upload-box{
  padding:14px;
  border:1px dashed #9db8ee;
  background:#f7faff;
  border-radius:11px
}
.receipt-upload-box>span{
  display:block;
  color:#254a8a;
  font-size:12px;
  font-weight:800;
  margin-bottom:3px
}
.receipt-upload-box>small{
  display:block;
  color:#7c8aa0;
  font-size:10px;
  margin-bottom:8px
}

/* ===== V8 LOGIN DUPLO + NARDO ===== */
.system-footer,.created-by{display:flex;align-items:center;justify-content:center;gap:7px;color:#75849a;font-size:10px;font-weight:600;padding:13px}
.nardo-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#1675ff,#32c1ff);color:#fff;font-style:normal;font-weight:900;font-size:13px}
.system-footer b,.created-by b{color:#173c78;font-size:10px;letter-spacing:.35px}
.campaign-logo-side{text-align:center;padding:4px 0 16px;border-bottom:1px solid #ffffff12;margin-bottom:10px}
.campaign-logo-side b,.campaign-logo-side em,.campaign-logo-side strong{display:inline-block}.campaign-logo-side b{font-size:17px}.campaign-logo-side em{font-style:normal;color:#38a5ff;font-weight:900;margin:0 3px}.campaign-logo-side strong{font-size:14px}
.dual-login-page{min-height:100vh;background:linear-gradient(135deg,#08172d,#0f2b50);padding:24px;display:grid;place-items:center}
.dual-login-shell{width:min(1180px,97vw);min-height:690px;background:#f6f9fd;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.78fr 1.35fr;box-shadow:0 35px 100px #0008}
.campaign-login-brand{position:relative;padding:54px 42px;color:#fff;background:radial-gradient(circle at 30% 20%,#2467c65c,transparent 38%),linear-gradient(155deg,#102c51,#08182e);display:flex;flex-direction:column;justify-content:center}
.bete-election-logo span,.bete-election-logo em,.bete-election-logo strong,.bete-election-logo small{display:block}.bete-election-logo span{font-size:56px;font-weight:900;line-height:.9}.bete-election-logo em{font-size:36px;font-style:normal;font-weight:900;color:#48a7ff}.bete-election-logo strong{font-size:58px;line-height:1;font-weight:900}.bete-election-logo small{font-size:12px;letter-spacing:1px;margin-top:8px;color:#c9d8ed}.campaign-login-brand>p{color:#9eb7d9;margin-top:18px}.campaign-login-copy{font-size:26px;font-style:italic;line-height:1.35;margin-top:60px;color:#dce9fa}.login-created{margin-top:auto;justify-content:flex-start;padding:0;color:#a9bfdc}.login-created b{color:#dceaff}
.access-selector{padding:46px}.access-title span{font-size:10px;font-weight:900;color:#2f6df6;letter-spacing:.8px}.access-title h1{font-size:30px;margin:7px 0}.access-title p{margin:0;color:#7c899d}.access-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.access-card{background:#fff;border:1px solid #dfe7f1;border-radius:17px;padding:23px;box-shadow:0 8px 26px #15375f0c}.access-card.admin-access{border-top:4px solid #245de3}.access-card.viewer-access{border-top:4px solid #20a66b}.access-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#edf3ff;color:#245de3;font-size:18px;font-weight:900}.viewer-access .access-icon{background:#eaf8f1;color:#16875a}.access-card h2{margin:14px 0 6px;font-size:19px}.access-card>p{min-height:52px;color:#78869a;font-size:12px;line-height:1.45}.access-card label{display:block;margin:12px 0;color:#4b5a73;font-size:11px;font-weight:800}.access-card input{width:100%;padding:12px;margin-top:5px;border:1px solid #d6dfeb;border-radius:9px}.access-btn{width:100%;margin-top:8px;color:#fff}.admin-btn{background:#245de3;border-color:#245de3}.viewer-btn{background:#168c5d;border-color:#168c5d}.login-security-note{text-align:center;color:#93a0b2;font-size:10px;margin-top:20px}
.viewer-page{background:#eef3f8;min-height:100vh}.viewer-header{height:68px;background:linear-gradient(90deg,#0c1e3b,#123460);color:#fff;display:flex;align-items:center;padding:0 22px;gap:17px;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px #10284a32}.viewer-logo b,.viewer-logo em,.viewer-logo strong{display:inline-block}.viewer-logo b{font-size:16px}.viewer-logo em{font-style:normal;color:#43aaff;font-weight:900;margin:0 3px}.viewer-logo strong{font-size:14px}.viewer-title{display:flex;flex-direction:column}.viewer-title span{font-size:8px;color:#9fc2ef;font-weight:900;letter-spacing:.8px}.viewer-title b{font-size:13px}.viewer-title small{font-size:9px;color:#b7c8df}.viewer-exit{margin-left:auto;color:#fff;border:1px solid #ffffff29;padding:8px 11px;border-radius:8px}.viewer-main{max-width:1440px;margin:auto;padding:18px}.viewer-hero{background:linear-gradient(135deg,#112d58,#0c1e3a);color:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.viewer-hero span{font-size:9px;font-weight:900;color:#9ec3ff}.viewer-hero h1{margin:5px 0 3px;font-size:24px}.viewer-hero p{margin:0;color:#b9cae1}.viewer-footer{margin-top:8px}
@media(max-width:900px){.dual-login-shell{grid-template-columns:1fr}.campaign-login-brand{padding:28px 24px;min-height:240px}.campaign-login-copy{display:none}.bete-election-logo span{font-size:38px}.bete-election-logo em{font-size:24px}.bete-election-logo strong{font-size:40px}.login-created{margin-top:22px}.access-selector{padding:26px}.access-cards{grid-template-columns:1fr}.access-card>p{min-height:0}.viewer-main{padding:12px}.viewer-hero{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.dual-login-page{padding:0;background:#f6f9fd}.dual-login-shell{width:100%;min-height:100vh;border-radius:0}.campaign-login-brand{min-height:210px}.access-selector{padding:20px 15px}.access-title h1{font-size:23px}.viewer-header{padding:0 12px}.viewer-title small{display:none}.viewer-main{padding:10px}}

/* ==========================================================
   V9 — MODELO OFICIAL TRAVADO — LOGIN ÚNICO
   ========================================================== */
.reference-login-page{margin:0;min-height:100vh;background:#0a1a30;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#102443}
.reference-login-bg{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:34px 20px;background:
radial-gradient(circle at 15% 85%,rgba(15,64,108,.58),transparent 34%),
radial-gradient(circle at 80% 15%,rgba(40,81,125,.38),transparent 32%),
linear-gradient(180deg,#142d4c 0%,#0b1e36 52%,#071525 100%)}
.reference-login-bg:before{content:"";position:absolute;inset:auto 0 0;height:42%;opacity:.52;background:
linear-gradient(164deg,transparent 0 52%,#102c45 53% 58%,transparent 59%),
linear-gradient(196deg,transparent 0 58%,#091927 59% 65%,transparent 66%),
radial-gradient(ellipse at 50% 100%,#183a54 0 24%,transparent 25%)}
.reference-login-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;opacity:.42;background:
repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,190,80,.55) 29px 31px,transparent 32px 66px)}
.reference-login-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,16,31,.05),rgba(4,12,24,.35));pointer-events:none}
.reference-brand{position:relative;z-index:2;width:min(520px,94vw);display:flex;justify-content:center;align-items:center;gap:28px;margin-bottom:24px;color:#fff}
.ref-logo{position:relative;line-height:.82;text-align:left;transform:none}
.ref-logo span,.ref-logo em,.ref-logo strong{display:block;font-style:italic;font-weight:900;letter-spacing:-2px}
.ref-logo span{font-size:clamp(48px,5vw,76px);color:#fff}
.ref-logo em{font-size:clamp(34px,4vw,56px);color:#3fa4ff;margin-left:22px}
.ref-logo strong{font-size:clamp(50px,5.3vw,80px);color:#fff}
.ref-logo i{display:block;width:92%;height:8px;margin:8px auto 0;border-radius:50%;background:linear-gradient(165deg,#1ab65b 0 55%,#f0d02f 56% 100%);transform:skewX(-18deg)}
.ref-handwrite{font-family:"Segoe Script","Bradley Hand",cursive;font-size:clamp(22px,2.3vw,35px);line-height:1.25;font-style:italic;transform:rotate(-5deg);text-shadow:0 2px 8px rgba(0,0,0,.25)}
.reference-login-card{position:relative;z-index:3;width:min(405px,calc(100vw - 34px));background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.72);border-radius:15px;box-shadow:0 20px 55px rgba(0,0,0,.28);padding:26px 29px 18px;text-align:center}
.reference-login-card h1{font-size:22px;line-height:1.1;margin:0 0 5px;color:#12274a;font-weight:800}
.reference-login-card h2{font-size:15px;margin:0 0 18px;color:#1d2f4e;font-weight:700}
.ref-field{height:50px;border:1px solid #cbd7e6;border-radius:9px;display:flex;align-items:center;margin:10px 0;background:#fff;overflow:hidden}
.ref-field:focus-within{border-color:#2e76c7;box-shadow:0 0 0 3px rgba(46,118,199,.09)}
.field-icon{width:48px;flex:0 0 48px;text-align:center;font-size:17px}
.ref-field input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0 8px 0 0!important;width:100%;height:100%;font-size:15px;color:#19335b}
.eye-btn{border:0;background:transparent;color:#17477f;font-size:17px;width:44px;height:100%;cursor:pointer}
.ref-enter-btn{width:100%;height:50px;border:0;border-radius:8px;margin-top:8px;background:linear-gradient(180deg,#184d80,#103c69);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(15,57,101,.15)}
.ref-enter-btn:hover{filter:brightness(1.08)}
.restricted{font-size:11px;color:#42658f;margin:16px 0}
.ref-separator{height:1px;background:#dce5ef;margin:0 0 16px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.trust-row div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:#174477}
.trust-row b{font-size:22px;color:#174d82;line-height:1}
.ref-quote{font-size:18px;line-height:1.25;font-style:italic;color:#154c92;margin:23px 0 5px}
.ref-campaign{font-size:12px;font-weight:700;color:#1b4a86;letter-spacing:.4px}
.ref-created{border-top:1px solid #dce5ef;margin-top:18px;padding-top:13px!important;padding-bottom:0!important}
.login-error{font-size:12px;text-align:left;margin-bottom:9px}
@media(max-height:760px) and (min-width:700px){
  .reference-login-bg{justify-content:flex-start;padding-top:20px}
  .reference-brand{margin-bottom:10px}
  .reference-login-card{padding-top:20px}
}
@media(max-width:600px){
  .reference-login-bg{padding:22px 12px}
  .reference-brand{gap:14px;margin-bottom:18px}
  .ref-handwrite{font-size:20px}
  .reference-login-card{padding:24px 20px 16px}
  .trust-row span{font-size:10px}
}

/* ==========================================================
   V10 — GABARITO VISUAL OFICIAL / COMPACTO
   ========================================================== */
.ref-app-body{margin:0;background:#edf3f8;color:#102542;font-family:Inter,"Segoe UI",Arial,sans-serif}
.ref-shell{min-height:100vh;display:grid;grid-template-columns:148px 1fr}
.ref-sidebar{background:linear-gradient(180deg,#0c2446,#071a34);color:#fff;min-height:100vh;padding:10px 0 14px;position:sticky;top:0;height:100vh;overflow-y:auto}
.ref-side-logo{text-align:center;padding:3px 8px 13px;border-bottom:1px solid #ffffff17;margin-bottom:5px;line-height:.9}
.ref-side-logo span,.ref-side-logo em,.ref-side-logo strong{display:inline-block;font-weight:900}
.ref-side-logo span{font-size:18px}
.ref-side-logo em{font-size:18px;font-style:normal;color:#35a5ff;margin-left:3px}
.ref-side-logo strong{display:block;font-size:15px;margin-top:2px}
.ref-side-nav{display:flex;flex-direction:column}
.ref-side-nav a{height:36px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#dbe7f5;text-decoration:none;font-size:10px;border-left:3px solid transparent}
.ref-side-nav a:hover{background:#ffffff0a}
.ref-side-nav a.active{background:#0b79dc;color:#fff;border-left-color:#50b7ff}
.ref-side-nav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ref-content{min-width:0;padding:0 12px 10px}
.ref-topbar{height:66px;background:#fff;border-bottom:1px solid #dfe7ef;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin:0 -12px 12px;box-shadow:0 1px 4px #1734520b}
.ref-topbar h1{margin:0;font-size:18px;line-height:1.05;color:#132947}
.ref-topbar p{margin:4px 0 0;font-size:10px;color:#687b95}
.ref-userbox{display:flex;align-items:center;gap:8px;font-size:10px}
.ref-userbox>div:not(.ref-avatar){display:flex;flex-direction:column}
.ref-userbox small{color:#8a98aa;font-size:9px}
.ref-userbox a{color:#173d71;text-decoration:none;font-weight:700}
.ref-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0d6fe7;color:#fff;font-weight:800}
.ref-filterbar{background:#fff;border:1px solid #e0e6ed;border-radius:7px;padding:8px;display:grid;grid-template-columns:1fr 1fr 1.05fr .9fr 1.65fr;gap:8px;margin-bottom:8px}
.ref-filterbar label{display:flex;flex-direction:column;gap:3px}
.ref-filterbar label>span{font-size:8px;font-weight:700;color:#24405e}
.ref-filterbar select,.ref-filterbar input{height:31px;border:1px solid #d6e0ea;border-radius:5px;padding:0 8px;background:#fff;color:#294158;font-size:9px;outline:none}
.ref-table-card{background:#fff;border:1px solid #e1e7ee;border-radius:7px;overflow:hidden}
.ref-table-scroll{overflow:auto}
.ref-compact-table{width:100%;border-collapse:collapse;font-size:8.5px;min-width:1050px}
.ref-compact-table thead{background:#f3f6f9}
.ref-compact-table th{font-weight:700;color:#1f3857;padding:7px 6px;text-align:left;border-bottom:1px solid #dfe5ec;white-space:nowrap}
.ref-compact-table td{padding:6px;border-bottom:1px solid #edf1f5;color:#2d435c;white-space:nowrap}
.ref-compact-table td.desc{font-weight:600;color:#1d3553;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.ref-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:2px 7px;font-size:8px;font-weight:700}
.ref-badge.ok{background:#daf6e9;color:#078553}
.ref-badge.pending{background:#fff0cf;color:#c26a00}
.ref-icon-action{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;color:#135da8;text-decoration:none}
.ref-table-footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:8.5px;color:#5f7188}
.ref-pagination{display:flex;gap:6px;align-items:center}
.ref-pagination b{background:#0e6ed7;color:#fff;width:18px;height:18px;border-radius:3px;display:grid;place-items:center}
.system-footer{min-height:28px!important;padding:5px!important;font-size:8px!important}
.system-footer .nardo-logo{width:18px!important;height:18px!important;font-size:10px!important}
.system-footer b{font-size:8px!important}
@media(max-width:980px){
  .ref-shell{grid-template-columns:128px 1fr}
  .ref-filterbar{grid-template-columns:1fr 1fr}
  .ref-search{grid-column:1/-1}
}
@media(max-width:720px){
  .ref-shell{grid-template-columns:1fr}
  .ref-sidebar{position:relative;height:auto;min-height:0;display:none}
  .ref-content{padding:0 8px 8px}
  .ref-topbar{margin:0 -8px 8px;padding:0 8px}
  .ref-filterbar{grid-template-columns:1fr}
}

/* ==========================================================
   V10.2 — FONTES MAIORES / MENU EM NEGRITO
   ========================================================== */

/* Base global mais legível */
.ref-app-body,
.ref-app-body button,
.ref-app-body input,
.ref-app-body select,
.ref-app-body textarea,
.ref-app-body table,
.ref-app-body label,
.ref-app-body a,
.ref-app-body p,
.ref-app-body span,
.ref-app-body div{
  font-size:14px;
}

/* Cabeçalho */
.ref-topbar h1{
  font-size:24px!important;
  font-weight:800!important;
}
.ref-topbar p{
  font-size:14px!important;
  line-height:1.4!important;
}
.ref-userbox{
  font-size:14px!important;
}
.ref-userbox b{
  font-size:14px!important;
  font-weight:800!important;
}
.ref-userbox small{
  font-size:12px!important;
}
.ref-userbox a{
  font-size:13px!important;
  font-weight:800!important;
}

/* Sidebar ADMIN + ACOMPANHAMENTO */
.ref-side-logo span{
  font-size:22px!important;
}
.ref-side-logo em{
  font-size:21px!important;
}
.ref-side-logo strong{
  font-size:18px!important;
}
.ref-side-nav a{
  min-height:44px!important;
  height:auto!important;
  padding:9px 11px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  gap:9px!important;
}
.ref-side-nav a span{
  font-size:14px!important;
  font-weight:800!important;
}

/* Filtros */
.ref-filterbar label>span{
  font-size:12px!important;
  font-weight:800!important;
}
.ref-filterbar select,
.ref-filterbar input{
  height:38px!important;
  font-size:13px!important;
}

/* Tabela */
.ref-compact-table{
  font-size:13px!important;
}
.ref-compact-table th{
  font-size:12px!important;
  font-weight:800!important;
  padding:10px 8px!important;
}
.ref-compact-table td{
  font-size:12px!important;
  padding:9px 8px!important;
}
.ref-compact-table td.desc{
  font-size:12px!important;
  font-weight:700!important;
}
.ref-badge{
  font-size:11px!important;
  font-weight:800!important;
  padding:4px 9px!important;
}
.ref-icon-action{
  font-size:14px!important;
  width:24px!important;
  height:24px!important;
}
.ref-table-footer{
  min-height:40px!important;
  height:auto!important;
  font-size:12px!important;
}
.ref-pagination{
  font-size:12px!important;
}

/* Cards e dashboard */
.bi-kpi-label,
.bi-kpi-foot,
.bi-panel p,
.bi-progress-card span,
.bi-chip,
.bi-kicker{
  font-size:13px!important;
}
.bi-kpi-value{
  font-size:26px!important;
  font-weight:800!important;
}
.bi-panel h3,
.bi-progress-head strong{
  font-size:17px!important;
  font-weight:800!important;
}

/* Botões */
.btn,
.ref-enter-btn,
.receipt-btn{
  font-size:14px!important;
  font-weight:800!important;
}

/* Rodapé NARDO */
.system-footer,
.system-footer span,
.system-footer b{
  font-size:11px!important;
}
.system-footer b{
  font-weight:800!important;
}

/* Login */
.reference-login-card h1{
  font-size:26px!important;
}
.reference-login-card h2{
  font-size:17px!important;
}
.ref-field input{
  font-size:15px!important;
}
.restricted,
.trust-row span,
.ref-campaign{
  font-size:12px!important;
}
.ref-quote{
  font-size:20px!important;
}

/* Responsivo sem voltar a ficar pequeno */
@media(max-width:980px){
  .ref-side-nav a,
  .ref-side-nav a span{
    font-size:13px!important;
  }
  .ref-compact-table{
    font-size:12px!important;
  }
}
@media(max-width:720px){
  .ref-topbar h1{
    font-size:21px!important;
  }
  .ref-topbar p{
    font-size:13px!important;
  }
  .ref-filterbar select,
  .ref-filterbar input{
    font-size:14px!important;
  }
}

/* V10.3 — REMOÇÃO DAS LISTRAS AMARELAS DO LOGIN */
.reference-login-bg:after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* ==========================================================
   V11 — ADMIN + ACOMPANHAMENTO FIEIS AO GABARITO
   LOGIN NÃO ALTERADO
   ========================================================== */
.f11-body{margin:0;background:#edf3f8;color:#17304f;font-family:Inter,"Segoe UI",Arial,sans-serif}
.f11-shell{min-height:100vh;display:grid;grid-template-columns:148px 1fr}
.f11-sidebar{background:linear-gradient(180deg,#0b2344,#071a33);color:#fff;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}
.f11-logo{text-align:center;padding:14px 8px 12px;border-bottom:1px solid #ffffff15;line-height:.9}
.f11-logo span,.f11-logo em,.f11-logo strong{font-weight:900}
.f11-logo span{font-size:20px}
.f11-logo em{font-size:19px;color:#35a6ff;font-style:normal;margin-left:2px}
.f11-logo strong{display:block;font-size:17px;margin-top:4px}
.f11-nav{padding-top:3px}
.f11-nav a{display:flex;align-items:center;height:38px;padding:0 10px;color:#e4edf8;text-decoration:none;font-size:13px;font-weight:800;gap:8px;border-left:3px solid transparent}
.f11-nav a i{font-style:normal;width:16px;text-align:center;font-size:12px}
.f11-nav a.active{background:#0d78da;border-left-color:#51baff;color:#fff}
.f11-nav a:hover{background:#ffffff0c}
.f11-main{min-width:0;padding:0 12px 10px}
.f11-header{height:70px;margin:0 -12px;background:#fff;border-bottom:1px solid #dfe7ef;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.f11-head-left h1{margin:0;font-size:22px;font-weight:800;color:#102641}
.f11-head-left p{margin:4px 0 0;font-size:12px;color:#6b7d92}
.f11-head-right{display:flex;align-items:center;gap:9px}
.f11-notify{position:relative;font-size:19px}
.f11-notify b{position:absolute;right:-7px;top:-8px;background:#ef3d4d;color:#fff;width:16px;height:16px;border-radius:50%;font-size:9px;display:grid;place-items:center}
.f11-avatar{width:30px;height:30px;border-radius:50%;background:#0f70e5;color:#fff;display:grid;place-items:center;font-weight:800}
.f11-user{display:flex;align-items:center;gap:8px;font-size:12px}
.f11-user strong{font-size:12px}
.f11-user a{color:#244f82;font-size:11px;text-decoration:none;font-weight:700}
.f11-motto{text-align:right;font-size:10px;color:#607a9b;font-style:italic;padding:5px 3px 7px}

.f11-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.f11-kpi{height:66px;border-radius:6px;padding:10px 12px;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 10px #20395512}
.f11-kpi div{display:flex;flex-direction:column;gap:6px}
.f11-kpi span{font-size:11px}
.f11-kpi strong{font-size:20px;line-height:1;font-weight:800}
.f11-kpi i{font-style:normal;font-size:27px;opacity:.9}
.f11-kpi.green{background:linear-gradient(135deg,#21a95f,#2bc275)}
.f11-kpi.red{background:linear-gradient(135deg,#f74d57,#ff6368)}
.f11-kpi.blue{background:linear-gradient(135deg,#1174e9,#2b8bf1)}
.f11-kpi.orange{background:linear-gradient(135deg,#ff951e,#ffad35)}

.f11-charts{display:grid;grid-template-columns:1.42fr 1.25fr .88fr;gap:10px;margin-bottom:10px}
.f11-panel{background:#fff;border:1px solid #dfe6ee;border-radius:6px;padding:10px;min-width:0}
.f11-panel h3{margin:0 0 8px;font-size:13px;color:#17324f}
.f11-legend{display:flex;gap:12px;font-size:9px;margin:0 0 4px 38px}
.f11-legend .g{color:#22b573}.f11-legend .r{color:#ff5b61}.f11-legend .b{color:#2f86ed}
.f11-chartbox{height:150px}
.f11-donut-row{display:grid;grid-template-columns:1fr 1.05fr;gap:8px;align-items:center}
.f11-donutbox{height:160px;position:relative}
.f11-donut-center{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;pointer-events:none}
.f11-cat-list{display:flex;flex-direction:column;gap:6px}
.f11-cat-list div{display:flex;justify-content:space-between;gap:6px;font-size:9px}
.f11-cat-list span{display:flex;align-items:center;gap:5px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.d0{background:#1f78e8}.d1{background:#ef5350}.d2{background:#ff9f2d}.d3{background:#28c48b}.d4{background:#4aa6f5}.d5{background:#88a7f5}
.f11-comp-ring{height:128px;position:relative;margin-top:4px}
.f11-comp-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.f11-comp-center strong{font-size:24px}.f11-comp-center span{font-size:8px}
.f11-proof-list{margin-top:4px;display:flex;flex-direction:column;gap:5px}
.f11-proof-list div{display:flex;justify-content:space-between;font-size:9px}
.f11-proof-list span{display:flex;gap:5px;align-items:center}
.pdot{width:7px;height:7px;border-radius:50%;display:inline-block}.pdot.ok{background:#25b879}.pdot.warn{background:#ff9f2d}.pdot.total{background:#9bb0c8}

.f11-alerts{background:#fff4f5;border:1px solid #ffd6da;border-radius:6px;padding:8px 10px}
.f11-alert-title{font-size:11px;font-weight:800;color:#ee3448;display:flex;justify-content:space-between;margin-bottom:7px}
.f11-alert-title a{font-size:9px;color:#1767c9;text-decoration:none}
.f11-alert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.f11-alert-card{background:#fff;border:1px solid #ffe0e3;border-radius:6px;padding:8px;min-height:58px;display:flex;flex-direction:column;gap:4px}
.f11-alert-card b{font-size:10px;color:#ef3a4d}
.f11-alert-card span{font-size:8.5px;color:#4f647d;line-height:1.2}
.f11-alert-card em{margin-top:auto;background:#e5f7ec;color:#138457;border-radius:4px;padding:4px;text-align:center;font-size:8px;font-style:normal;font-weight:700}
.f11-alert-card.last em{background:#ffe1e4;color:#d42a3d}

.f11-acomp-top{height:12px}
.f11-readonly{display:none}
.f11-filters{background:#fff;border:1px solid #dfe6ee;border-radius:6px;padding:8px;display:grid;grid-template-columns:1fr 1fr 1.1fr 1fr 1.6fr;gap:8px;margin-bottom:8px}
.f11-filters label{display:flex;flex-direction:column;gap:3px}
.f11-filters span{font-size:9px;font-weight:800}
.f11-filters select,.f11-filters input{height:32px;border:1px solid #d4deea;border-radius:4px;padding:0 8px;font-size:10px;background:#fff}
.f11-table-wrap{background:#fff;border:1px solid #dfe6ee;border-radius:6px;overflow:hidden}
.f11-table-scroll{overflow:auto}
.f11-table{width:100%;border-collapse:collapse;min-width:1030px;font-size:9px}
.f11-table thead{background:#f3f6f9}
.f11-table th{padding:7px 6px;text-align:left;color:#27425f;font-size:8.5px;border-bottom:1px solid #dfe6ee;white-space:nowrap}
.f11-table td{padding:6px;border-bottom:1px solid #edf1f5;color:#2f465f;font-size:8.5px;white-space:nowrap}
.f11-doc,.f11-eye{color:#1467c9;text-decoration:none;font-size:12px}
.f11-status{display:inline-block;padding:2px 7px;border-radius:9px;font-size:8px;font-weight:700}
.f11-status.ok{background:#dff7eb;color:#078650}.f11-status.pending{background:#fff0d8;color:#d77b00}
.f11-table-foot{height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#63768d}
.f11-table-foot div{display:flex;gap:6px;align-items:center}.f11-table-foot b{background:#0d70da;color:#fff;width:18px;height:18px;border-radius:3px;display:grid;place-items:center}
.f11-footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;min-height:30px;font-size:9px;color:#768aa3;padding:5px 10px}
.f11-footer b{color:#173f7a}.f11-footer .nardo-logo{width:18px;height:18px;font-size:10px}

@media(max-width:1150px){
 .f11-charts{grid-template-columns:1.2fr 1fr}
 .f11-comprovantes{grid-column:1/-1}
 .f11-alert-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
 .f11-shell{grid-template-columns:130px 1fr}
 .f11-kpis{grid-template-columns:1fr 1fr}
 .f11-charts{grid-template-columns:1fr}
 .f11-alert-grid{grid-template-columns:1fr 1fr}
 .f11-filters{grid-template-columns:1fr 1fr}
 .f11-filters .search{grid-column:1/-1}
}
@media(max-width:650px){
 .f11-shell{grid-template-columns:1fr}
 .f11-sidebar{position:relative;height:auto;min-height:0}
 .f11-nav{display:grid;grid-template-columns:1fr 1fr}
 .f11-main{padding:0 8px 8px}
 .f11-header{margin:0 -8px}
 .f11-kpis{grid-template-columns:1fr}
 .f11-alert-grid{grid-template-columns:1fr}
 .f11-filters{grid-template-columns:1fr}
}

.login-flag {
    width:92px;
    opacity:.12;
    border-radius:12px;
  }
  .login-flag-minas {
    left:4px;
    top:74px;
    transform:rotate(-8deg);
  }
  .login-flag-brasil {
    right:4px;
    top:78px;
    transform:rotate(8deg);
  }
}

/* ==========================================================
   V11.2 — FUNDO LOGIN COM MAPA E BANDEIRAS MAIS REAIS
   ========================================================== */
.reference-login-bg {
  isolation:isolate;
}

.login-minas-map,
.login-flag {
  position:absolute;
  z-index:1;
  pointer-events:none;
  user-select:none;
}

.login-minas-map {
  width:min(1120px,94vw);
  height:min(620px,62vh);
  left:50%;
  top:47%;
  transform:translate(-50%,-50%);
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjUwIj4KPGRlZnM+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJnMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjEiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YzdmZiIgc3RvcC1vcGFjaXR5PSIwLjM4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmYwZmYiIHN0b3Atb3BhY2l0eT0iMC4xOCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPGZpbHRlciBpZD0ic2hhZG93IiB4PSItMjAlIiB5PSItMjAlIiB3aWR0aD0iMTQwJSIgaGVpZ2h0PSIxNDAlIj4KICAgIDxmZURyb3BTaGFkb3cgZHg9IjAiIGR5PSIxMiIgc3RkRGV2aWF0aW9uPSIxNCIgZmxvb2QtY29sb3I9IiMwMDAwMDAiIGZsb29kLW9wYWNpdHk9IjAuMjIiLz4KICA8L2ZpbHRlcj4KPC9kZWZzPgo8cGF0aCBmaWx0ZXI9InVybCgjc2hhZG93KSIgZD0iTTE3MCAyODkKbDMwLTM3IDU2LTEzIDE3LTM0IDM0LTUgNDQtNTcgNzIgMTUgMzItMjIgMzkgMTEgNTQtMTYgNTggMTUgMjggMzkgNjkgMjIKNDQgNDQtMiA0MyAzMCAzOS03IDU3LTMxIDI0LTEyIDQ3LTY2IDI1LTI0IDM0LTYxIDEwLTIwIDI2LTUyIDEtNDUgMjMtNTQtMTYtMzUtMjIKLTU3IDMtNDUtMjAtMTgtMzgtMzEtMTctOS00Ny0zOS0yMS0zLTQ4IDIwLTMxeiIKZmlsbD0idXJsKCNnMSkiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjcyKSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTcwIDI4OQpsMzAtMzcgNTYtMTMgMTctMzQgMzQtNSA0NC01NyA3MiAxNSAzMi0yMiAzOSAxMSA1NC0xNiA1OCAxNSAyOCAzOSA2OSAyMgo0NCA0NC0yIDQzIDMwIDM5LTcgNTctMzEgMjQtMTIgNDctNjYgMjUtMjQgMzQtNjEgMTAtMjAgMjYtNTIgMS00NSAyMy01NC0xNi0zNS0yMgotNTcgMy00NS0yMC0xOC0zOC0zMS0xNy05LTQ3LTM5LTIxLTMtNDggMjAtMzF6IgpmaWxsPSJub25lIiBzdHJva2U9InJnYmEoMjU1LDI1NSwyNTUsMC4xOCkiIHN0cm9rZS13aWR0aD0iMjAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.84;
  filter:drop-shadow(0 14px 32px rgba(0,0,0,.20));
}

.login-flag {
  width:min(250px,19vw);
  aspect-ratio:3/2;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.24);
  opacity:.33;
}

.login-flag-minas {
  left:3%;
  top:16%;
  transform:rotate(-8deg);
  background:#ffffff center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4KPGRlZnM+CiAgPGZpbHRlciBpZD0icyIgeD0iLTIwJSIgeT0iLTIwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMTQwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iOCIgc3RkRGV2aWF0aW9uPSIxMCIgZmxvb2QtY29sb3I9IiMwMDAwMDAiIGZsb29kLW9wYWNpdHk9IjAuMTgiLz4KICA8L2ZpbHRlcj4KPC9kZWZzPgo8cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjYwMCIgcng9IjM0IiBmaWxsPSIjZmZmZmZmIi8+CjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijg4MCIgaGVpZ2h0PSI1ODAiIHJ4PSIyOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDdkZmU4IiBzdHJva2Utd2lkdGg9IjQiLz4KPHBvbHlnb24gZmlsdGVyPSJ1cmwoI3MpIiBwb2ludHM9IjQ1MCwxNDAgNjUwLDQ3MCAyNTAsNDcwIiBmaWxsPSJub25lIiBzdHJva2U9IiNjMjFmMzIiIHN0cm9rZS13aWR0aD0iMjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHRleHQgeD0iNDUwIiB5PSI1MzUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLCAnVGltZXMgTmV3IFJvbWFuJywgc2VyaWYiIGZvbnQtc2l6ZT0iMzQiIGZvbnQtc3R5bGU9Iml0YWxpYyIgZmlsbD0iI2MyMWYzMiI+TElCRVJUQVMgUVVBRSBTRVJBIFRBTUVOPC90ZXh0Pgo8L3N2Zz4=");
}

.login-flag-brasil {
  right:3%;
  top:18%;
  transform:rotate(8deg);
  background:#1f8b45 center/cover no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4KPGRlZnM+CiAgPGZpbHRlciBpZD0icyIgeD0iLTIwJSIgeT0iLTIwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMTQwJSI+CiAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iOCIgc3RkRGV2aWF0aW9uPSIxMCIgZmxvb2QtY29sb3I9IiMwMDAwMDAiIGZsb29kLW9wYWNpdHk9IjAuMTgiLz4KICA8L2ZpbHRlcj4KPC9kZWZzPgo8cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjYwMCIgcng9IjM0IiBmaWxsPSIjMWY4ZjQ5Ii8+CjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijg4MCIgaGVpZ2h0PSI1ODAiIHJ4PSIyOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGY2ZDM0IiBzdHJva2Utd2lkdGg9IjQiLz4KPHBvbHlnb24gZmlsdGVyPSJ1cmwoI3MpIiBwb2ludHM9IjQ1MCw4MCA3NjAsMzAwIDQ1MCw1MjAgMTQwLDMwMCIgZmlsbD0iI2YwYzYzOSIvPgo8Y2lyY2xlIGN4PSI0NTAiIGN5PSIzMDAiIHI9IjEyMCIgZmlsbD0iIzI0NGVhNSIvPgo8cGF0aCBkPSJNMzIwIDI3MGM4Ni00NCAxNzctMzkgMjU5LTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxnIHRyYW5zZm9ybT0icm90YXRlKC0xMiA0NTAgMjgwKSI+CiAgPHJlY3QgeD0iMzExIiB5PSIyNjgiIHdpZHRoPSIyNzgiIGhlaWdodD0iMjYiIHJ4PSIxMyIgZmlsbD0iI2ZmZmZmZiIvPgogIDx0ZXh0IHg9IjQ1MCIgeT0iMjg2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBmb250LWZhbWlseT0iQXJpYWwsIEhlbHZldGljYSwgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9IjcwMCIgZmlsbD0iIzFkN2EzYSI+T1JERU0gRSBQUk9HUkVTU088L3RleHQ+CjwvZz4KPGcgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC45NSI+CiAgPGNpcmNsZSBjeD0iNDA3IiBjeT0iMjQ3IiByPSI1Ii8+PGNpcmNsZSBjeD0iNDM4IiBjeT0iMjI5IiByPSI0Ii8+PGNpcmNsZSBjeD0iNDc4IiBjeT0iMjIzIiByPSI1Ii8+CiAgPGNpcmNsZSBjeD0iNTI3IiBjeT0iMjM1IiByPSI0Ii8+PGNpcmNsZSBjeD0iNTU2IiBjeT0iMjU3IiByPSI1Ii8+PGNpcmNsZSBjeD0iNTc0IiBjeT0iMjg1IiByPSI0Ii8+CiAgPGNpcmNsZSBjeD0iMzUyIiBjeT0iMjg3IiByPSI0Ii8+PGNpcmNsZSBjeD0iMzg2IiBjeT0iMzA1IiByPSI1Ii8+PGNpcmNsZSBjeD0iNDI1IiBjeT0iMzE4IiByPSI0Ii8+CiAgPGNpcmNsZSBjeD0iNDY1IiBjeT0iMzI0IiByPSI1Ii8+PGNpcmNsZSBjeD0iNTA4IiBjeT0iMzIxIiByPSI0Ii8+PGNpcmNsZSBjeD0iNTQyIiBjeT0iMzA5IiByPSI1Ii8+CiAgPGNpcmNsZSBjeD0iNTg5IiBjeT0iMzAxIiByPSI0Ii8+PGNpcmNsZSBjeD0iMzgxIiBjeT0iMzU2IiByPSI1Ii8+PGNpcmNsZSBjeD0iNDMxIiBjeT0iMzcxIiByPSI0Ii8+CiAgPGNpcmNsZSBjeD0iNDc2IiBjeT0iMzc3IiByPSI1Ii8+PGNpcmNsZSBjeD0iNTIxIiBjeT0iMzcwIiByPSI0Ii8+CjwvZz4KPC9zdmc+");
}

.reference-brand,
.reference-login-card {
  z-index:3!important;
}

.reference-login-overlay {
  z-index:0!important;
}

@media(max-width:900px) {
  .login-minas-map {
    width:min(860px,96vw);
    height:min(470px,46vh);
    top:40%;
    opacity:.72;
  }
  .login-flag {
    width:min(180px,28vw);
    opacity:.22;
  }
  .login-flag-minas { left:1.5%; top:13%; }
  .login-flag-brasil { right:1.5%; top:14%; }
}

@media(max-width:600px) {
  .login-minas-map {
    width:98vw;
    height:34vh;
    top:24%;
    opacity:.52;
  }
  .login-flag {
    width:98px;
    opacity:.16;
    border-radius:12px;
  }
  .login-flag-minas {
    left:4px;
    top:74px;
    transform:rotate(-6deg);
  }
  .login-flag-brasil {
    right:4px;
    top:78px;
    transform:rotate(6deg);
  }
}

/* ==========================================================
   V11.3 — FUNDO OFICIAL DO LOGIN ENVIADO PELO USUÁRIO
   ========================================================== */
.reference-login-bg{
  background:
    linear-gradient(180deg, rgba(8,18,34,.22), rgba(8,18,34,.32)),
    url("login_fundo_minas_oficial.png") center center / cover no-repeat !important;
}

.reference-login-bg:before,
.reference-login-bg:after,
.login-minas-map,
.login-flag{
  display:none !important;
  content:none !important;
  background:none !important;
}

.reference-login-overlay{
  background:linear-gradient(180deg,rgba(4,10,20,.08),rgba(4,10,20,.18)) !important;
}

.reference-brand{
  filter: drop-shadow(0 8px 22px rgba(0,0,0,.35));
}

.reference-login-card{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.30) !important;
}

/* ==========================================================
   V12 — MODELO OFICIAL TRAVADO / TIPOGRAFIA GLOBAL / MOBILE
   ========================================================== */
:root{--navy:#062b58;--blue:#0879e7;--text:#0a3270;--line:#d5e3f1}
html{font-size:16px}body,input,select,button,textarea,table{font-family:"Segoe UI",Arial,sans-serif!important}
.v12-body{font-size:16px!important;background:#eaf2f9;color:#092f68}
.v12-shell{grid-template-columns:230px minmax(0,1fr)!important;min-height:100vh}
.v12-main{padding:0 14px 18px!important;min-width:0}
.v12-sidebar{display:flex;flex-direction:column;width:auto;background:linear-gradient(180deg,#082f5f,#05254a)!important;overflow-y:auto;z-index:30}
.v12-campaign-logo{padding:18px 12px 16px!important;line-height:.95!important}.v12-campaign-logo span{font-size:31px!important}.v12-campaign-logo em{font-size:30px!important}.v12-campaign-logo strong{font-size:29px!important}.v12-campaign-logo small{display:block;margin-top:16px;font:italic 19px/1.15 Georgia,serif;color:#fff;transform:rotate(-3deg)}
.v12-nav{flex:1;padding:4px 6px 10px!important}.v12-nav a{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:7px;border-left:0!important;font-size:15px!important;gap:10px!important;position:relative}.v12-nav a i{font-size:18px!important;width:22px!important}.v12-nav a span{font-size:15px!important;font-weight:700}.v12-nav a.active{background:#0a75dc!important}.v12-alert-badge{margin-left:auto;background:#ff303c;color:#fff;border-radius:999px;min-width:23px;height:23px;display:grid;place-items:center;font-size:12px}
.v12-nardo-brand{margin-top:auto;padding:18px 16px 20px;display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff20}.v12-nardo-brand .nardo-logo{width:36px;height:36px;font-size:22px;background:linear-gradient(135deg,#00b3ff,#1f6be3);color:#fff}.v12-nardo-brand div{display:flex;flex-direction:column;line-height:1.2}.v12-nardo-brand strong{font-size:15px}.v12-nardo-brand span{font-size:10px;margin-top:6px;color:#d8e8fb}.v12-nardo-brand b{font-size:11px;color:#fff}
.v12-header{height:76px!important;padding:0 20px!important;margin:0 -14px 10px!important;background:#f7fbff!important}.v12-header h1{font-size:24px!important;color:#082f6a!important}.v12-header p{font-size:14px!important;color:#174b86!important}.v12-menu-toggle{display:none;border:0;background:none;font-size:24px;color:#07356c}.v12-head-right{gap:14px!important}.v12-clock{display:flex;align-items:center;gap:9px;padding-right:16px;border-right:1px solid #cbdceb}.v12-clock>span{font-size:24px}.v12-clock div{display:flex;flex-direction:column}.v12-clock b{font-size:12px;font-weight:500}.v12-clock small{font-size:13px;font-weight:700;margin-top:3px}.v12-header .f11-avatar{width:40px;height:40px;font-size:17px}.v12-header .f11-user{display:grid;grid-template-columns:auto auto;column-gap:8px;row-gap:1px}.v12-header .f11-user strong{font-size:14px!important}.v12-header .f11-user span{grid-column:1;font-size:11px}.v12-header .f11-user a{grid-column:2;grid-row:1/3;align-self:center;font-size:11px!important}
.f11-kpis.v12-kpis{gap:14px;margin:0 0 12px}.v12-kpis .f11-kpi{height:88px!important;border-radius:8px!important;padding:12px 18px!important}.v12-kpis .f11-kpi span{font-size:16px!important}.v12-kpis .f11-kpi strong{font-size:27px!important}.v12-kpis .f11-kpi i{font-size:36px!important}
.f11-charts.v12-charts{grid-template-columns:1.45fr 1.25fr .78fr;gap:12px;margin-bottom:12px}.v12-charts .f11-panel{border-radius:9px;padding:12px 14px}.v12-charts .f11-panel h3{font-size:17px!important;margin-bottom:10px}.v12-charts .f11-legend{font-size:12px!important;margin-left:42px}.v12-charts .f11-chartbox{height:205px}.v12-charts .f11-donutbox{height:210px}.v12-charts .f11-donut-center{font-size:12px}.v12-charts .f11-cat-list div,.v12-charts .f11-proof-list div{font-size:12px!important}.v12-charts .f11-comp-ring{height:165px}.v12-charts .f11-comp-center strong{font-size:31px}.v12-charts .f11-comp-center span{font-size:10px}
.v12-dashboard-note{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v12-dashboard-note div{display:flex;flex-direction:column;gap:5px}.v12-dashboard-note strong{font-size:17px}.v12-dashboard-note span{font-size:14px;color:#49698d}.v12-dashboard-note a{background:#0878e7;color:#fff;text-decoration:none;padding:11px 18px;border-radius:7px;font-weight:800;white-space:nowrap}
.v12-expense-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:0;overflow:hidden}.v12-section-head{display:flex;justify-content:space-between;align-items:center;padding:12px 15px 8px}.v12-section-head h2{margin:0;font-size:19px}.v12-section-head p{margin:4px 0 0;font-size:13px}.v12-new-expense{background:#0a75e7;border:0;color:#fff;border-radius:6px;padding:10px 17px;font-weight:800;font-size:13px;cursor:pointer}.v12-filters{border:0!important;border-radius:0!important;margin:0!important;padding:7px 15px 10px!important;grid-template-columns:1fr 1fr 1fr 1fr 1.5fr!important}.v12-filters span{font-size:12px!important}.v12-filters select,.v12-filters input{font-size:13px!important;height:34px!important}.v12-expense-card .f11-table-wrap{border:0;border-radius:0}.v12-table{font-size:12px!important;min-width:1080px}.v12-table th{font-size:11px!important;padding:8px 9px!important}.v12-table td{font-size:11.5px!important;padding:7px 9px!important}.f11-status{font-size:10px!important;padding:3px 8px!important}.v12-action{border:0;background:transparent;color:#0757a9;font-size:15px;margin-right:4px;padding:0;cursor:pointer}.v12-action.muted{opacity:.55;cursor:not-allowed}.f11-table-foot{font-size:12px!important;height:44px!important;padding:0 15px!important}
.v12-minas-strip{height:150px;margin:14px -14px -18px;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.12),rgba(255,255,255,.82)),url('login_fundo_minas_oficial.png') center 64%/cover no-repeat;display:flex;align-items:center;justify-content:space-between;padding:0 55px;color:#143f32}.v12-minas-strip div{display:flex;flex-direction:column}.v12-minas-strip strong{font:30px/1 Georgia,serif;letter-spacing:2px}.v12-minas-strip small{font-size:10px;letter-spacing:3px;margin-top:12px}.v12-minas-strip em{font:italic 30px Georgia,serif;margin-right:30px}
.v12-alert-popup{position:fixed;left:50%;bottom:28px;transform:translate(-50%,40px);width:min(570px,calc(100vw - 28px));background:#fff;border:1px solid #bed3e7;border-radius:13px;box-shadow:0 18px 45px #0b2e5855;z-index:80;opacity:0;visibility:hidden;transition:.22s}.v12-alert-popup.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.v12-alert-pop-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.v12-alert-pop-head>div{display:flex;align-items:center;gap:9px}.v12-alert-pop-head .bell{font-size:23px;color:red}.v12-alert-pop-head strong{font-size:20px}.v12-alert-pop-head small{font-size:11px}.v12-alert-pop-head button{border:0;background:transparent;font-size:26px;color:#073c86;cursor:pointer}.v12-alert-pop-body{padding:0 14px}.v12-pop-alert{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;margin-bottom:7px}.v12-pop-alert.red{background:#fff0f2;color:#ed1b24}.v12-pop-alert.orange{background:#fff6e8;color:#ef8a00}.v12-pop-alert.blue{background:#edf5ff;color:#0b6bdc}.v12-pop-alert i{font-style:normal;font-size:21px}.v12-pop-alert div{display:flex;flex-direction:column}.v12-pop-alert div b{font-size:14px}.v12-pop-alert div span{font-size:12px;color:#173b70}.v12-pop-alert>strong{font-size:14px}.v12-alert-pop-actions{display:flex;justify-content:space-between;align-items:center;padding:8px 14px 14px}.v12-alert-pop-actions a{color:#0b6bdc;text-decoration:none;font-weight:800;font-size:13px}.v12-alert-pop-actions button{background:#0879e7;color:#fff;border:0;padding:10px 20px;border-radius:6px;font-weight:800;cursor:pointer}
.v12-alert-page,.v12-simple-page{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.v12-alert-page-head{display:flex;justify-content:space-between;align-items:flex-start}.v12-alert-page-head h2,.v12-simple-page h2{margin:0;font-size:22px}.v12-alert-page-head p,.v12-simple-page>p{font-size:14px;color:#4e6c8d}.v12-alert-page-head>span{font-size:12px;color:#557493}.v12-alert-list{display:flex;flex-direction:column;gap:10px;margin-top:18px}.v12-alert-list article{display:grid;grid-template-columns:170px 1fr 90px;align-items:center;border:1px solid #dbe7f2;border-left:5px solid #4384d0;border-radius:8px;padding:13px}.v12-alert-list article.urgent{border-left-color:#ef3340;background:#fff8f8}.v12-alert-list article.past{opacity:.6}.v12-alert-list .date{display:flex;flex-direction:column}.v12-alert-list .date strong{font-size:16px}.v12-alert-list .date span{font-size:12px;margin-top:3px}.v12-alert-list .desc h3{margin:0;font-size:16px}.v12-alert-list .desc p{margin:4px 0 0;font-size:13px}.v12-alert-list .level{justify-self:end;background:#eef5fc;padding:6px 9px;border-radius:6px;font-size:11px}.v12-info-box{margin-top:18px;background:#f1f7fd;border-radius:8px;padding:14px}.v12-info-box strong{font-size:16px}.v12-info-box p{margin:5px 0 0;font-size:13px}
.v12-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.v12-doc-grid article{border:1px solid #dce8f2;border-radius:8px;padding:14px}.v12-doc-grid h3{margin:0 0 10px}.v12-doc-grid a{display:flex;gap:12px;padding:9px;border-top:1px solid #eef3f8;text-decoration:none;color:#14477e}.v12-doc-grid a span{flex:1}
.v12-sidebar-shade{display:none}.v12-mobile-nav{display:none}
/* aumento global adicional para módulos antigos */
.v12-main .card,.v12-main .panel,.v12-main form,.v12-main table{font-size:15px}.v12-main label,.v12-main input,.v12-main select,.v12-main textarea,.v12-main button{font-size:14px}.v12-main h2{font-size:21px}.v12-main h3{font-size:17px}.f11-footer{display:none!important}
@media(max-width:1180px){.v12-shell{grid-template-columns:205px minmax(0,1fr)!important}.f11-charts.v12-charts{grid-template-columns:1fr 1fr}.v12-charts .f11-comprovantes,.v12-charts article:last-child{grid-column:1/-1}.v12-kpis .f11-kpi strong{font-size:23px!important}}
@media(max-width:820px){body{padding-bottom:62px}.v12-shell{display:block!important}.v12-sidebar{position:fixed!important;left:-260px;top:0;width:245px!important;height:100vh!important;transition:.22s;box-shadow:8px 0 30px #001b3a55}.sidebar-open .v12-sidebar{left:0}.v12-sidebar-shade{display:block;position:fixed;inset:0;background:#00172e88;z-index:25;opacity:0;visibility:hidden;transition:.2s}.sidebar-open .v12-sidebar-shade{opacity:1;visibility:visible}.v12-menu-toggle{display:block}.v12-main{padding:0 10px 10px!important}.v12-header{margin:0 -10px 10px!important;height:70px!important;padding:0 10px!important}.v12-header h1{font-size:19px!important}.v12-header p{font-size:11px!important}.v12-clock{display:none}.v12-header .f11-user a{display:none}.f11-kpis.v12-kpis{grid-template-columns:1fr 1fr!important;gap:8px}.v12-kpis .f11-kpi{height:78px!important}.v12-kpis .f11-kpi span{font-size:13px!important}.v12-kpis .f11-kpi strong{font-size:21px!important}.f11-charts.v12-charts{grid-template-columns:1fr!important}.v12-charts article{grid-column:auto!important}.v12-filters{grid-template-columns:1fr 1fr!important}.v12-filters .search{grid-column:1/-1}.v12-minas-strip{display:none}.v12-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:62px;background:#063364;color:#fff;z-index:50}.v12-mobile-nav a,.v12-mobile-nav button{border:0;background:none;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:20px;position:relative}.v12-mobile-nav span{font-size:10px}.v12-mobile-nav b{position:absolute;top:5px;right:25%;background:#f32e39;width:19px;height:19px;border-radius:50%;font-size:10px;display:grid;place-items:center}.v12-alert-popup{bottom:72px}.v12-doc-grid{grid-template-columns:1fr}}
@media(max-width:520px){.f11-kpis.v12-kpis{grid-template-columns:1fr!important}.v12-kpis .f11-kpi{height:72px!important}.v12-header .f11-head-left{min-width:0}.v12-header h1{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v12-header p{display:none}.v12-header .f11-user span{display:none}.v12-header .f11-user{display:block}.v12-header .f11-user strong{font-size:12px!important}.v12-charts .f11-chartbox{height:190px}.v12-charts .f11-donut-row{grid-template-columns:1fr}.v12-charts .f11-donutbox{height:180px}.v12-filters{grid-template-columns:1fr!important}.v12-section-head{align-items:flex-start}.v12-section-head p{font-size:11px}.v12-new-expense{font-size:11px;padding:9px}.v12-alert-pop-head small{display:none}.v12-pop-alert{grid-template-columns:28px 1fr}.v12-pop-alert>strong{grid-column:2}.v12-alert-pop-actions{gap:10px}.v12-alert-pop-actions a,.v12-alert-pop-actions button{font-size:11px}.v12-alert-list article{grid-template-columns:1fr}.v12-alert-list .level{justify-self:start;margin-top:8px}}


/* ============================================================
   V13 — MODELO OFICIAL TRAVADO — ACOMPANHAMENTO DE LANÇAMENTOS
   Referência: REFERENCIA_OFICIAL_ACOMPANHAMENTO.png
   MODO DE ALTERAÇÃO CIRÚRGICA
   ============================================================ */
.v13-official-model{
  --v13-navy:#052e59;
  --v13-navy-deep:#03274d;
  --v13-blue:#0879ef;
  --v13-text:#0b3470;
  --v13-soft:#f1f8ff;
  --v13-border:#d8e7f5;
  background:
    linear-gradient(180deg,#8db0cf 0,#f4f8fc 24%,#edf6fc 72%,#e9f4fc 100%);
  font-family:"Segoe UI",Arial,sans-serif;
  color:var(--v13-text);
  overflow-x:hidden;
}
.v13-official-model .v12-shell{
  display:grid;
  grid-template-columns:228px minmax(0,1fr);
  width:calc(100% - 240px);
  max-width:none;
  min-height:958px;
  margin:6px 234px 0 4px;
  gap:0;
}
.v13-official-model .v12-sidebar{
  position:relative!important;
  top:auto!important;
  height:888px!important;
  width:228px!important;
  min-width:228px!important;
  padding:10px 5px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#052f5b,#052b53 62%,#062f5b)!important;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 8px 22px rgba(3,38,73,.22);
  overflow:hidden!important;
}
.v13-official-model .v12-campaign-logo{
  height:176px;
  margin:0 0 4px!important;
  padding-top:2px!important;
  text-align:center!important;
  display:block!important;
  color:#fff!important;
}
.v13-official-model .v12-campaign-logo span{
  font-size:33px!important;
  line-height:34px!important;
  font-weight:900!important;
}
.v13-official-model .v12-campaign-logo em{
  font-size:31px!important;
  line-height:32px!important;
  color:#1b98f4!important;
  font-style:normal!important;
  font-weight:900!important;
}
.v13-official-model .v12-campaign-logo strong{
  display:block!important;
  width:96px!important;
  margin:-2px auto 7px!important;
  font-size:28px!important;
  line-height:31px!important;
  color:white!important;
  border-bottom:5px solid #63b737!important;
}
.v13-official-model .v12-campaign-logo small{
  display:block!important;
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:20px!important;
  line-height:1.18!important;
  color:#fff!important;
  transform:rotate(-4deg);
}
.v13-official-model .v12-nav{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  overflow:visible!important;
  margin:0!important;
}
.v13-official-model .v12-nav a{
  position:relative;
  display:flex!important;
  align-items:center!important;
  min-height:37px!important;
  padding:7px 10px 7px 13px!important;
  border-radius:7px!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:18px!important;
  font-weight:650!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}
.v13-official-model .v12-nav a i{
  width:24px!important;
  min-width:24px!important;
  color:#fff!important;
  font-size:18px!important;
  font-style:normal!important;
  text-align:center!important;
}
.v13-official-model .v12-nav a.active{
  background:linear-gradient(180deg,#1187fa,#0474dd)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.25);
}
.v13-official-model .v12-alert-badge{
  position:absolute;
  right:9px;
  min-width:25px;
  height:25px;
  border-radius:50%;
  background:#ff1f28;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:13px;
}
.v13-official-model .v12-nardo-brand{
  position:absolute!important;
  left:18px!important;
  right:16px!important;
  bottom:17px!important;
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  align-items:center!important;
  gap:7px!important;
  color:#fff!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}
.v13-official-model .nardo-logo{
  width:43px!important;height:43px!important;
  font-size:31px!important;
  font-weight:900!important;
  font-style:italic!important;
  display:grid!important;place-items:center!important;
  color:#fff!important;
  background:linear-gradient(135deg,#05b7ff,#1c63e4)!important;
  border-radius:10px 3px 10px 3px!important;
}
.v13-official-model .v12-nardo-brand strong{
  display:block!important;
  font-size:14px!important;
}
.v13-official-model .v12-nardo-brand span,
.v13-official-model .v12-nardo-brand b{
  display:block!important;
  font-size:10px!important;
  line-height:14px!important;
  color:#fff!important;
  font-weight:500!important;
}

.v13-official-model .v12-main{
  min-width:0;
  padding:0 8px 0 14px!important;
  overflow:visible!important;
}
.v13-official-model .v12-header{
  height:68px!important;
  margin:0 0 8px!important;
  padding:8px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.v13-official-model .f11-head-left h1{
  margin:0!important;
  font-size:25px!important;
  line-height:29px!important;
  color:#082d66!important;
  font-weight:800!important;
  letter-spacing:-.35px!important;
}
.v13-official-model .f11-head-left p{
  margin:2px 0 0!important;
  font-size:15px!important;
  color:#0c4388!important;
}
.v13-official-model .v12-head-right{
  gap:12px!important;
}
.v13-official-model .v12-clock{
  min-width:220px!important;
  padding-right:17px!important;
  border-right:1px solid #c5d7e7!important;
}
.v13-official-model .v12-clock span{
  font-size:23px!important;
}
.v13-official-model .v12-clock b,
.v13-official-model .v12-clock small{
  font-size:12px!important;
  color:#0b3e7e!important;
}
.v13-official-model .f11-avatar{
  width:40px!important;height:40px!important;
  border-radius:50%!important;
  background:linear-gradient(#0d80e7,#0a65c9)!important;
  color:white!important;
  font-size:20px!important;
  display:grid!important;place-items:center!important;
}
.v13-official-model .f11-user{
  min-width:110px!important;
}
.v13-official-model .f11-user strong{
  font-size:14px!important;
  color:#092c62!important;
}
.v13-official-model .f11-user span{
  font-size:11px!important;
  color:#092c62!important;
}
.v13-official-model .f11-user a{display:none!important}

.v13-official-model .v12-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
.v13-official-model .f11-kpi{
  height:82px!important;
  padding:14px 17px!important;
  border-radius:7px!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 3px 8px rgba(15,74,121,.14)!important;
}
.v13-official-model .f11-kpi span{
  color:#fff!important;
  font-size:15px!important;
  font-weight:500!important;
}
.v13-official-model .f11-kpi strong{
  margin-top:4px!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:29px!important;
}
.v13-official-model .f11-kpi i{
  color:#fff!important;
  font-size:34px!important;
  opacity:.96!important;
}
.v13-official-model .f11-kpi.green{background:linear-gradient(135deg,#1eb65b,#12a84d)!important}
.v13-official-model .f11-kpi.red{background:linear-gradient(135deg,#ff383d,#ff2d2f)!important}
.v13-official-model .f11-kpi.blue{background:linear-gradient(135deg,#0a78f4,#0873e5)!important}
.v13-official-model .f11-kpi.orange{background:linear-gradient(135deg,#ff9d19,#ff8d10)!important}

.v13-official-model .v12-charts{
  display:grid!important;
  grid-template-columns:1.23fr 1.23fr .78fr!important;
  gap:10px!important;
  margin:0 0 10px!important;
}
.v13-official-model .f11-panel{
  height:232px!important;
  min-height:232px!important;
  padding:10px 12px!important;
  border:1px solid #d4e3f1!important;
  border-radius:8px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.v13-official-model .f11-panel h3{
  margin:0 0 7px!important;
  font-size:17px!important;
  line-height:22px!important;
  color:#082e68!important;
}
.v13-official-model .f11-legend{
  margin-bottom:3px!important;
  font-size:12px!important;
  justify-content:center!important;
  gap:19px!important;
}
.v13-official-model .f11-chartbox{
  height:175px!important;
}
.v13-official-model .f11-donut-row{
  min-height:182px!important;
  gap:8px!important;
}
.v13-official-model .f11-donutbox{
  width:176px!important;height:176px!important;
}
.v13-official-model .f11-cat-list{
  min-width:135px!important;
  font-size:11px!important;
}
.v13-official-model .f11-cat-list>div{
  padding:4px 0!important;
}
.v13-official-model .f11-comp-ring{
  width:145px!important;height:145px!important;
  margin:0 auto -2px!important;
}
.v13-official-model .f11-comp-center strong{
  font-size:27px!important;
}
.v13-official-model .f11-comp-center span{
  font-size:10px!important;
}
.v13-official-model .f11-proof-list{
  font-size:10px!important;
  margin-top:-2px!important;
}
.v13-official-model .f11-proof-list>div{
  padding:2px 2px!important;
}

.v13-official-model .v12-expense-card{
  padding:10px 12px 7px!important;
  border:1px solid #d4e3f1!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  min-height:310px!important;
}
.v13-official-model .v12-section-head{
  margin-bottom:7px!important;
}
.v13-official-model .v12-section-head h2{
  margin:0!important;
  font-size:18px!important;
  color:#082e68!important;
}
.v13-official-model .v12-section-head p{
  margin:1px 0 0!important;
  font-size:12px!important;
  color:#1c5797!important;
}
.v13-official-model .v12-new-expense{
  height:35px!important;
  padding:0 17px!important;
  border-radius:5px!important;
  font-size:13px!important;
  background:#0879ef!important;
}
.v13-official-model .v12-filters{
  display:grid!important;
  grid-template-columns:.95fr .95fr .95fr .95fr 1.45fr!important;
  gap:14px!important;
  padding:0 0 7px!important;
  margin:0!important;
}
.v13-official-model .v12-filters label span{
  font-size:11px!important;
  color:#0a3470!important;
  font-weight:700!important;
}
.v13-official-model .v12-filters select,
.v13-official-model .v12-filters input{
  height:31px!important;
  margin-top:4px!important;
  border:1px solid #cfe0ef!important;
  border-radius:5px!important;
  padding:4px 10px!important;
  font-size:11px!important;
  color:#24558a!important;
}
.v13-official-model .v12-table{
  font-size:10px!important;
  line-height:13px!important;
}
.v13-official-model .v12-table th{
  padding:5px 6px!important;
  background:#eaf3fb!important;
  color:#082e68!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
.v13-official-model .v12-table td{
  padding:5px 6px!important;
  border-bottom:1px solid #dbe7f1!important;
  color:#103b73!important;
  white-space:nowrap!important;
}
.v13-official-model .f11-doc{font-size:15px!important;color:#087af0!important}
.v13-official-model .f11-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:74px!important;
  padding:3px 7px!important;
  border-radius:5px!important;
  font-size:10px!important;
}
.v13-official-model .f11-status.ok:before{
  content:"●";
  font-size:9px;
  margin-right:4px;
}
.v13-official-model .v12-action{
  font-size:13px!important;
  color:#073f85!important;
  margin-right:5px!important;
}
.v13-official-model .f11-table-foot{
  min-height:38px!important;
  font-size:12px!important;
  padding:8px 0 0!important;
}
.v13-official-model .f11-table-foot div{
  display:flex!important;gap:8px!important;align-items:center!important;
}
.v13-official-model .f11-table-foot b{
  background:#0a64bd!important;
  color:white!important;
  border-radius:4px!important;
  width:27px;height:29px;
  display:grid;place-items:center;
}

.v13-official-model .v12-minas-strip{
  height:170px!important;
  margin:0 -8px 0 -14px!important;
  border-radius:0!important;
  padding:56px 38px 15px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.20),rgba(8,39,67,.06)),
    url("login_fundo_minas_oficial.png") center 62% / cover no-repeat!important;
  color:#144b40!important;
  position:relative!important;
  overflow:hidden!important;
}
.v13-official-model .v12-minas-strip:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,247,218,.72),rgba(255,255,255,.1) 34%,rgba(255,255,255,.08) 66%,rgba(255,244,205,.38));
}
.v13-official-model .v12-minas-strip>div,
.v13-official-model .v12-minas-strip>em{
  position:relative;z-index:1;
}
.v13-official-model .v12-minas-strip strong{
  font-family:Georgia,serif!important;
  font-size:26px!important;
  letter-spacing:4px!important;
  line-height:27px!important;
  color:#244c43!important;
}
.v13-official-model .v12-minas-strip small{
  display:block!important;
  font-size:8px!important;
  letter-spacing:3px!important;
  margin-top:7px!important;
}
.v13-official-model .v12-minas-strip em{
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:34px!important;
  color:#245f45!important;
  font-weight:500!important;
}

/* daily popup */
.v13-official-model .v12-alert-popup{
  position:fixed!important;
  left:50%!important;
  bottom:79px!important;
  top:auto!important;
  transform:translateX(-50%) translateY(16px)!important;
  width:min(565px,calc(100vw - 42px))!important;
  z-index:8000!important;
  border:1px solid #c8dcec!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(12,53,93,.32)!important;
  padding:0!important;
}
.v13-official-model .v12-alert-popup.show{
  transform:translateX(-50%) translateY(0)!important;
}
.v13-official-model .v12-alert-pop-head{
  height:44px!important;
  padding:8px 14px!important;
  border-bottom:1px solid #e2edf5!important;
}
.v13-official-model .v12-alert-pop-head strong{
  font-size:18px!important;
  color:#082e68!important;
}
.v13-official-model .v12-alert-pop-head .bell{
  font-size:19px!important;
  margin-right:8px!important;
}
.v13-official-model .v12-alert-pop-body{
  padding:0 12px!important;
}
.v13-official-model .v12-pop-alert{
  min-height:43px!important;
  margin:7px 0!important;
  padding:6px 10px!important;
  border-radius:6px!important;
}
.v13-official-model .v12-pop-alert b{
  font-size:13px!important;
}
.v13-official-model .v12-pop-alert span{
  font-size:11px!important;
}
.v13-official-model .v12-pop-alert>strong{
  font-size:12px!important;
}
.v13-official-model .v12-alert-pop-actions{
  height:48px!important;
  padding:8px 12px!important;
  border-top:1px solid #e2edf5!important;
}
.v13-official-model .v12-alert-pop-actions a,
.v13-official-model .v12-alert-pop-actions button{
  height:34px!important;
  border-radius:5px!important;
  font-size:12px!important;
}
.v13-official-model .v12-alert-pop-actions button{
  min-width:139px!important;
  background:#0879ef!important;
}

/* Phone preview on desktop */
.v13-phone-preview{
  position:absolute;
  right:5px;
  top:58px;
  width:252px;
  height:790px;
  z-index:60;
  pointer-events:none;
}
.v13-phone-frame{
  width:250px;
  height:774px;
  padding:10px 7px;
  border-radius:38px;
  background:linear-gradient(100deg,#111,#444 35%,#070707 72%,#333);
  box-shadow:0 9px 26px rgba(0,0,0,.38),inset 0 0 0 2px #777;
  position:relative;
}
.v13-phone-speaker{
  position:absolute;
  z-index:5;
  top:16px;left:50%;
  transform:translateX(-50%);
  width:82px;height:18px;border-radius:12px;
  background:#060606;
}
.v13-phone-screen{
  height:100%;
  background:#eef7fc;
  border-radius:31px;
  overflow:hidden;
  border:1px solid #222;
  position:relative;
  padding-bottom:58px;
}
.v13-phone-top{
  height:67px;
  padding:26px 12px 8px;
  background:#052e59;
  color:white;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.v13-phone-top button{
  border:0;background:transparent;color:#fff;font-size:17px;padding:0;
}
.v13-phone-top strong{
  font-size:15px;
  letter-spacing:-.7px;
}
.v13-phone-top strong span{color:#199bff}
.v13-phone-top i{
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;background:#fff;color:#0a5fae;
  font-style:normal;font-weight:800;
}
.v13-phone-title{
  padding:8px 9px 6px;
}
.v13-phone-title b{
  display:block;font-size:11px;color:#092f68;
}
.v13-phone-title small{
  display:block;font-size:7px;color:#285b8d;margin-top:2px;
}
.v13-phone-kpis{
  display:grid;gap:5px;padding:0 8px;
}
.v13-phone-kpis article{
  height:54px;border-radius:5px;color:white;padding:7px 9px;position:relative;
}
.v13-phone-kpis article.green{background:#12ac50}
.v13-phone-kpis article.red{background:#ff3438}
.v13-phone-kpis article.blue{background:#0876e8}
.v13-phone-kpis article.orange{background:#ff9415}
.v13-phone-kpis span{font-size:9px;display:block}
.v13-phone-kpis b{font-size:18px;display:block;margin-top:2px}
.v13-phone-kpis i{
  position:absolute;right:8px;top:14px;font-size:22px;font-style:normal;
}
.v13-phone-chart{
  margin:8px;
  border:1px solid #d5e5f2;
  border-radius:7px;background:white;
  padding:8px;
  min-height:139px;
}
.v13-phone-chart strong{font-size:11px;color:#082f68}
.mini-chart-lines{
  height:100px;margin-top:6px;position:relative;
  background:
    repeating-linear-gradient(to bottom,transparent 0 24px,#dce9f3 25px),
    repeating-linear-gradient(to right,transparent 0 43px,#dce9f3 44px);
}
.mini-chart-lines .greenline,
.mini-chart-lines .redline{
  position:absolute;left:8px;right:7px;height:3px;transform-origin:left center;
}
.mini-chart-lines .greenline{background:#12aa52;top:42px;transform:rotate(-15deg)}
.mini-chart-lines .redline{background:#ff3035;top:61px;transform:rotate(-12deg)}
.mini-chart-lines i{
  position:relative;display:inline-block;width:15px;height:29px;
  background:#3b9ef5;margin:61px 12px 0 10px;border-radius:2px 2px 0 0;
}
.mini-donut{
  width:112px;height:112px;border-radius:50%;margin:6px auto 0;
  background:conic-gradient(#0879ef 0 32%,#ff3438 32% 57%,#ff9918 57% 75%,#399ff3 75% 87%,#755ee4 87% 95%,#22b774 95%);
  position:relative;
}
.mini-donut:after{
  content:"R$ 185.430,00";
  position:absolute;inset:28px;border-radius:50%;
  background:white;display:grid;place-items:center;
  font-size:8px;font-weight:800;color:#0b3771;
}
.v13-phone-nav{
  position:absolute;left:0;right:0;bottom:0;height:58px;
  background:#052e59;display:grid;grid-template-columns:repeat(4,1fr);
}
.v13-phone-nav a,.v13-phone-nav button{
  border:0;background:transparent;color:#fff;text-decoration:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:18px;position:relative;
}
.v13-phone-nav span{font-size:8px;margin-top:2px}
.v13-phone-nav b{
  position:absolute;top:6px;right:13px;width:16px;height:16px;border-radius:50%;
  background:#ff2128;font-size:8px;display:grid;place-items:center;
}

/* bottom information strip */
.v13-benefits{
  position:absolute;
  left:4px;right:4px;top:965px;
  height:56px;
  background:white;
  border-top:1px solid #d2e0ec;
  border-bottom:1px solid #d2e0ec;
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1.25fr 195px;
  align-items:center;
  gap:0;
  padding:0 12px;
  z-index:70;
}
.v13-benefits>div{
  min-width:0;
  display:flex;align-items:center;gap:8px;
  padding:0 12px;
  border-right:1px solid #d9e4ed;
}
.v13-benefits i{
  width:31px;height:31px;border-radius:50%;
  background:#dcecff;color:#0d5da9;
  display:grid;place-items:center;font-style:normal;font-size:14px;
  flex:0 0 31px;
}
.v13-benefits p{margin:0;line-height:13px}
.v13-benefits strong{
  display:block;color:#092f68;font-size:11px;
}
.v13-benefits span{
  display:block;color:#143d6d;font-size:10px;
}
.v13-preview-label{
  justify-self:end;
  display:grid!important;place-items:center;
  width:190px;height:41px;border-radius:6px;
  background:linear-gradient(#1cba54,#12a443);
  color:white!important;font-weight:800;font-size:14px!important;
}

/* responsive behavior */
@media(max-width:1280px){
  .v13-phone-preview{display:none!important}
  .v13-official-model .v12-shell{width:calc(100% - 8px);margin-right:4px}
}
@media(max-width:980px){
  .v13-official-model .v12-shell{
    width:100%;
    margin:0;
    display:block;
    min-height:100vh;
  }
  .v13-official-model .v12-sidebar{
    position:fixed!important;
    left:-245px;top:0!important;
    height:100vh!important;
    z-index:9000;
    border-radius:0 14px 14px 0!important;
    transition:left .2s ease;
  }
  body.sidebar-open .v13-official-model .v12-sidebar{left:0}
  .v13-official-model .v12-main{padding:10px 12px 84px!important}
  .v13-official-model .v12-header{height:auto!important}
  .v13-official-model .v12-clock{display:none!important}
  .v13-official-model .v12-kpis{grid-template-columns:1fr 1fr!important}
  .v13-official-model .v12-charts{grid-template-columns:1fr 1fr!important}
  .v13-official-model .v12-charts article:last-child{grid-column:span 2}
  .v13-benefits{display:none!important}
  .v13-official-model .v12-minas-strip{display:none!important}
}
@media(max-width:640px){
  .v13-official-model{
    background:#eef7fc!important;
  }
  .v13-official-model .v12-main{padding:7px 8px 75px!important}
  .v13-official-model .v12-header{
    margin:-7px -8px 7px!important;
    padding:10px 8px!important;
    background:#052e59!important;
    color:white!important;
  }
  .v13-official-model .f11-head-left h1,
  .v13-official-model .f11-head-left p{
    color:white!important;
  }
  .v13-official-model .f11-head-left h1{font-size:18px!important}
  .v13-official-model .f11-head-left p{font-size:11px!important}
  .v13-official-model .f11-user{display:none!important}
  .v13-official-model .v12-kpis{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v13-official-model .f11-kpi{
    height:74px!important;
  }
  .v13-official-model .v12-charts{
    grid-template-columns:1fr!important;
  }
  .v13-official-model .v12-charts article:last-child{grid-column:auto}
  .v13-official-model .f11-panel{
    height:260px!important;
  }
  .v13-official-model .v12-filters{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v13-official-model .v12-new-expense{
    display:none!important;
  }
  .v13-official-model .v12-expense-card{
    padding:10px 8px!important;
  }
  .v13-official-model .f11-table-scroll{
    overflow-x:auto!important;
  }
  .v13-official-model .v12-alert-popup{
    left:8px!important;right:8px!important;
    bottom:72px!important;width:auto!important;
    transform:translateY(16px)!important;
  }
  .v13-official-model .v12-alert-popup.show{
    transform:translateY(0)!important;
  }
}


/* ============================================================
   V13.1 — NITIDEZ GLOBAL + NARDO LIMPO
   MODO DE ALTERAÇÃO CIRÚRGICA
   ============================================================ */

/* Nitidez global de texto */
html, body,
button, input, select, textarea,
.f11-body, .v12-body, .v13-official-model,
.v13-official-model * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

.v13-official-model {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Evitar efeitos que deixam texto embaçado */
.v13-official-model h1,
.v13-official-model h2,
.v13-official-model h3,
.v13-official-model h4,
.v13-official-model p,
.v13-official-model span,
.v13-official-model strong,
.v13-official-model small,
.v13-official-model label,
.v13-official-model td,
.v13-official-model th,
.v13-official-model a,
.v13-official-model button,
.v13-official-model input,
.v13-official-model select {
  text-shadow: none !important;
  filter: none !important;
  transform: none;
}

/* Cabeçalho */
.v13-official-model .f11-head-left h1 {
  font-size: 27px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}
.v13-official-model .f11-head-left p {
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* Menu lateral: maior e mais legível */
.v13-official-model .v12-nav a {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
}
.v13-official-model .v12-nav a i {
  font-size: 19px !important;
}

/* Cards */
.v13-official-model .f11-kpi span {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.v13-official-model .f11-kpi strong {
  font-size: 27px !important;
  font-weight: 800 !important;
}

/* Gráficos e legendas */
.v13-official-model .f11-panel h3 {
  font-size: 18px !important;
  font-weight: 800 !important;
}
.v13-official-model .f11-legend,
.v13-official-model .f11-cat-list,
.v13-official-model .f11-proof-list {
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Filtros */
.v13-official-model .v12-filters label span {
  font-size: 12px !important;
  font-weight: 800 !important;
}
.v13-official-model .v12-filters select,
.v13-official-model .v12-filters input {
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Tabela: elevar legibilidade sem quebrar proporção */
.v13-official-model .v12-table {
  font-size: 11px !important;
  line-height: 15px !important;
}
.v13-official-model .v12-table th {
  font-size: 10.5px !important;
  font-weight: 800 !important;
  color: #062d67 !important;
}
.v13-official-model .v12-table td {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #0b356d !important;
}

/* Status */
.v13-official-model .f11-status {
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

/* POP-UP — nitidez reforçada */
.v13-official-model .v12-alert-popup {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
.v13-official-model .v12-alert-pop-head strong {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #062d67 !important;
}
.v13-official-model .v12-alert-pop-head small {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #163f74 !important;
}
.v13-official-model .v12-pop-alert b {
  font-size: 14px !important;
  font-weight: 800 !important;
}
.v13-official-model .v12-pop-alert span {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.v13-official-model .v12-pop-alert > strong {
  font-size: 13px !important;
  font-weight: 800 !important;
}
.v13-official-model .v12-alert-pop-actions a,
.v13-official-model .v12-alert-pop-actions button {
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* Usuário logado */
.v13-official-model .f11-user strong {
  font-size: 15px !important;
  font-weight: 800 !important;
}
.v13-official-model .f11-user span {
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* Nardo: apenas "Criado por" + logo atual, sem textos repetidos */
.v13-official-model .v12-nardo-brand.v131-nardo-clean {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  grid-template-columns: none !important;
}
.v13-official-model .v131-created {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.92) !important;
  letter-spacing: .2px !important;
}
.v13-official-model .v12-nardo-brand.v131-nardo-clean .nardo-logo {
  width: 48px !important;
  height: 48px !important;
  margin: 0 auto !important;
}

/* Mobile: preservar legibilidade */
@media(max-width:640px){
  .v13-official-model .f11-head-left h1 {
    font-size: 19px !important;
  }
  .v13-official-model .f11-head-left p {
    font-size: 12px !important;
  }
  .v13-official-model .v12-table {
    font-size: 11px !important;
  }
  .v13-official-model .v12-alert-pop-head strong {
    font-size: 18px !important;
  }
  .v13-official-model .v12-pop-alert b {
    font-size: 13px !important;
  }
  .v13-official-model .v12-pop-alert span {
    font-size: 11.5px !important;
  }
}

/* ============================================================
   V13.2 — LOGO OFICIAL NARDO SISTEMAS
   ============================================================ */
.v13-official-model .v12-nardo-brand.v132-nardo-official{
  position:absolute !important;
  left:10px !important;
  right:10px !important;
  bottom:14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  text-align:center !important;
}

.v13-official-model .v12-nardo-brand.v132-nardo-official .v131-created{
  font-size:11px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.96) !important;
  margin-bottom:2px !important;
}

.v13-official-model .v132-nardo-logo{
  display:block !important;
  width:150px !important;
  max-width:88% !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.20)) !important;
}

@media(max-width:980px){
  .v13-official-model .v132-nardo-logo{
    width:145px !important;
  }
}

/* ============================================================
   V13.3 — LOGO OFICIAL NARDO NA TELA DE LOGIN
   MODO DE ALTERAÇÃO CIRÚRGICA
   ============================================================ */
.login-nardo-official{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid rgba(10,47,88,.10);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  text-align:center;
}

.login-nardo-official span{
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  color:#6d7d8f;
  letter-spacing:.2px;
}

.login-nardo-official img{
  display:block;
  width:126px;
  max-width:70%;
  height:auto;
  object-fit:contain;
  filter:none;
}

@media(max-width:600px){
  .login-nardo-official{
    margin-top:11px;
    padding-top:9px;
  }
  .login-nardo-official img{
    width:112px;
  }
}

/* ============================================================
   V13.4 — DIMENSIONAMENTO CORRETO DA LOGO OFICIAL NARDO
   MODO DE ALTERAÇÃO CIRÚRGICA
   ============================================================ */

/* LOGIN — logo dimensionada pela largura útil do card */
.login-nardo-official{
  margin-top:16px !important;
  padding-top:12px !important;
  gap:6px !important;
}

.login-nardo-official span{
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  color:#6b7a8b !important;
}

.login-nardo-official img{
  display:block !important;
  width:clamp(160px, 48%, 190px) !important;
  max-width:82% !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto !important;
  transform:none !important;
  filter:none !important;
}

/* MENU LATERAL — proporção compatível com a sidebar */
.v13-official-model .v12-nardo-brand.v132-nardo-official{
  left:8px !important;
  right:8px !important;
  bottom:12px !important;
  gap:4px !important;
}

.v13-official-model .v12-nardo-brand.v132-nardo-official .v131-created{
  font-size:11px !important;
  margin-bottom:2px !important;
}

.v13-official-model .v132-nardo-logo{
  display:block !important;
  width:clamp(138px, 78%, 168px) !important;
  max-width:90% !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto !important;
  transform:none !important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.18)) !important;
}

/* Tablet */
@media(max-width:980px){
  .login-nardo-official img{
    width:clamp(150px, 52%, 178px) !important;
  }

  .v13-official-model .v132-nardo-logo{
    width:150px !important;
    max-width:88% !important;
  }
}

/* Celular */
@media(max-width:600px){
  .login-nardo-official{
    margin-top:13px !important;
    padding-top:10px !important;
  }

  .login-nardo-official img{
    width:clamp(132px, 58%, 150px) !important;
    max-width:84% !important;
  }

  .login-nardo-official span{
    font-size:11px !important;
  }
}

/* ============================================================
   V13.5 — REMOVER RODAPÉ DUPLICADO DO LOGIN
   ============================================================ */
.reference-login-page .login-footer,
.reference-login-page .reference-login-footer,
.reference-login-page .footer-login,
.reference-login-page .login-credit,
.reference-login-page .login-bottom,
.reference-login-page footer{
  display:none !important;
}

/* Mantém somente o bloco oficial "Criado por" + logo */
.reference-login-page .login-nardo-official{
  display:flex !important;
}

/* ============================================================
   V13.6 — REMOVER RODAPÉ CIRCULADO DO LOGIN
   E AJUSTAR LOGO OFICIAL NO MENU LATERAL
   ============================================================ */

/* Segurança extra: esconde qualquer rodapé antigo de login fora do card */
.reference-login-page .ref-created,
.reference-login-page .created-by.ref-created{
  display:none !important;
}

/* Sidebar em coluna flexível, ocupando a altura útil da tela */
.v13-official-model .v12-sidebar{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  height:calc(100vh - 12px) !important;
  min-height:720px !important;
  max-height:calc(100vh - 12px) !important;
  overflow:hidden !important;
}

/* Menu ocupa o espaço do meio e rola quando necessário */
.v13-official-model .v12-nav{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding-bottom:10px !important;
}

/* Bloco da logo oficial no final da lateral */
.v13-official-model .v12-nardo-brand.v132-nardo-official{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin-top:auto !important;
  margin-bottom:6px !important;
  padding:8px 10px 4px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  text-align:center !important;
  z-index:3 !important;
}

/* Texto 'Criado por' centralizado */
.v13-official-model .v12-nardo-brand.v132-nardo-official .v131-created{
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.95) !important;
  margin:0 !important;
  white-space:nowrap !important;
}

/* Logo oficial proporcional à largura da sidebar */
.v13-official-model .v132-nardo-logo{
  display:block !important;
  width:min(156px, 84%) !important;
  max-width:156px !important;
  min-width:120px !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.18)) !important;
}

/* Ajuste em telas menores */
@media(max-width:980px){
  .v13-official-model .v12-sidebar{
    height:100vh !important;
    max-height:100vh !important;
    min-height:0 !important;
  }
  .v13-official-model .v132-nardo-logo{
    width:min(150px, 82%) !important;
    max-width:150px !important;
  }
}

/* ============================================================
   V13.7 — USUÁRIOS E ACESSOS / GERENCIAR LOGINS
   ============================================================ */
.user-admin-page{padding:8px 2px 30px}
.user-admin-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}
.user-admin-head h2{margin:0;color:#082f68;font-size:25px;font-weight:800}
.user-admin-head p{margin:4px 0 0;color:#55708e;font-size:13px;font-weight:500}
.user-primary-btn{border:0;border-radius:7px;background:#0879ef;color:#fff;height:40px;padding:0 18px;font-size:13px;font-weight:800;cursor:pointer}
.user-filter-bar{display:grid;grid-template-columns:1.6fr 1fr 1fr auto auto;gap:10px;align-items:end;background:#fff;border:1px solid #d7e4ef;border-radius:9px;padding:12px;margin-bottom:14px}
.user-filter-bar label{display:flex;flex-direction:column;gap:5px}
.user-filter-bar label span{font-size:11px;font-weight:800;color:#123f78}
.user-filter-bar input,.user-filter-bar select{height:36px;border:1px solid #ccdeed;border-radius:6px;padding:0 10px;font-size:12px;color:#123f78;background:#fff}
.user-filter-btn,.user-clear-btn{height:36px;border-radius:6px;padding:0 15px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.user-filter-btn{border:0;background:#0a69ca;color:#fff}
.user-clear-btn{border:1px solid #c9dbea;color:#0b4c91;background:#fff}
.user-table-card{background:#fff;border:1px solid #d7e4ef;border-radius:9px;overflow:hidden}
.user-table-title{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #e3edf5}
.user-table-title strong{font-size:15px;color:#082f68}
.user-table-title span{font-size:11px;color:#6e8196}
.user-table-scroll{overflow:auto}
.user-table{width:100%;border-collapse:collapse;font-size:12px}
.user-table th{background:#edf5fb;color:#0c3971;text-align:left;padding:10px 12px;font-size:11px;font-weight:800;white-space:nowrap}
.user-table td{padding:10px 12px;border-top:1px solid #e5edf4;color:#173f70;vertical-align:middle}
.user-table code{font-family:"Segoe UI",Arial,sans-serif;color:#0b4c91;background:#edf5ff;padding:4px 7px;border-radius:5px;font-weight:700}
.user-name-cell{display:flex;align-items:center;gap:8px}
.user-name-cell>span{width:30px;height:30px;border-radius:50%;background:#e4f1ff;color:#0869c9;display:grid;place-items:center;font-weight:800}
.user-name-cell b{font-size:12px;color:#0a376e}
.user-profile{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#315e9c;font-weight:700;font-size:10px}
.user-status{display:inline-flex;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800}
.user-status.on{background:#d9f6e5;color:#09853b}
.user-status.off{background:#ffe2e2;color:#bb2930}
.user-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.user-actions a,.user-actions button{border:1px solid #cbdceb;background:#fff;color:#0b539d;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}
.user-actions form{display:inline}
.user-actions button.danger{color:#c32831;border-color:#efc6c9}
.user-empty{text-align:center!important;padding:28px!important;color:#8293a5!important}
.user-modal{position:fixed;inset:0;z-index:9500;background:rgba(5,25,47,.52);display:none;align-items:center;justify-content:center;padding:20px}
.user-modal.show{display:flex}
.user-modal-card{width:min(470px,96vw);background:#fff;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.28);padding:22px;position:relative}
.user-modal-card.small{width:min(410px,96vw)}
.user-modal-x{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:25px;color:#6f8295;cursor:pointer}
.user-modal-card h3{margin:0;color:#082f68;font-size:20px;font-weight:800}
.user-modal-card>p{margin:5px 0 16px;color:#6a7f95;font-size:12px}
.user-modal-card form>label:not(.user-check){display:flex;flex-direction:column;gap:5px;margin:10px 0;color:#113d73;font-size:11px;font-weight:800}
.user-modal-card input,.user-modal-card select{height:38px;border:1px solid #ccdeed;border-radius:6px;padding:0 10px;font-size:12px;color:#143f71}
.user-check{display:flex;align-items:center;gap:7px;margin:13px 0;color:#244e79;font-size:12px;font-weight:700}
.user-check input{width:16px;height:16px}
.user-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.user-modal-actions button{height:37px;border-radius:6px;padding:0 14px;font-size:12px;font-weight:800;cursor:pointer}
.user-modal-actions .secondary{background:#fff;border:1px solid #ccdcea;color:#345a80}
.user-modal-actions .primary{background:#0879ef;border:1px solid #0879ef;color:#fff}
@media(max-width:780px){
  .user-admin-head{align-items:flex-start;flex-direction:column}
  .user-filter-bar{grid-template-columns:1fr}
  .user-primary-btn{width:100%}
  .user-table{min-width:760px}
}

/* ============================================================
   V13.8 — LOGIN SEM "BETE 2026" INFERIOR
   + LOGO NARDO MENOR NA BARRA LATERAL
   ============================================================ */

/* Garante que o texto BETE 2026 do rodapé do login não apareça */
.reference-login-page .ref-campaign{
  display:none !important;
}

/* Logo oficial da Nardo menor e compatível com o menu lateral */
.v13-official-model .v12-nardo-brand.v132-nardo-official{
  padding:6px 8px 3px !important;
  gap:3px !important;
  margin-bottom:4px !important;
}

.v13-official-model .v12-nardo-brand.v132-nardo-official .v131-created{
  font-size:10px !important;
  line-height:1 !important;
  margin:0 0 1px !important;
}

.v13-official-model .v132-nardo-logo{
  width:96px !important;
  max-width:96px !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.14)) !important;
}

@media(max-width:980px){
  .v13-official-model .v132-nardo-logo{
    width:90px !important;
    max-width:90px !important;
  }
}

/* ============================================================
   V13.9 — REMOVER LOGO DO RODAPÉ DO MENU ADMIN
   ============================================================ */
.v13-official-model .v12-nardo-brand,
.v13-official-model .v132-nardo-logo,
.v13-official-model .v131-created{
  display:none !important;
}

/* V13.10 — comportamento de cadastro/modal */
body.modal-open{
  overflow:hidden !important;
}
.modal.show{
  display:flex !important;
}
.modal .dialog{
  position:relative;
  z-index:2;
}

/* ============================================================
   V13.11 — REMOVER PRÉVIA DO CELULAR E FAIXA INFERIOR
   Mantém o restante do layout
   ============================================================ */

/* Esconde qualquer sobra da prévia lateral e da faixa inferior */
.v13-phone-preview,
.v13-benefits{
  display:none !important;
}

/* Reocupa a largura útil da tela sem a prévia à direita */
.v13-official-model .v12-shell{
  width:calc(100% - 8px) !important;
  margin:6px 4px 0 4px !important;
  max-width:none !important;
}

/* Main sem reservar espaço extra para a prévia antiga */
.v13-official-model .v12-main{
  padding-right:8px !important;
}

/* Ajuste do fundo inferior após remoção da faixa */
.v13-official-model .v12-minas-strip{
  margin-bottom:0 !important;
}

/* Segurança para evitar qualquer espaço fantasma */
.v13-official-model{
  overflow-x:hidden !important;
}

/* ============================================================
   V13.12 — MESMO FUNDO DO LOGIN NA TELA DE ACOMPANHAMENTO
   Alteração cirúrgica: somente o fundo geral.
   ============================================================ */
.v13-official-model{
  background:
    linear-gradient(180deg, rgba(235,245,252,.86), rgba(235,245,252,.78)),
    url("login_fundo_minas_oficial.png") center center / cover fixed no-repeat !important;
}

/* Mantém os painéis nítidos e legíveis sobre a imagem */
.v13-official-model .v12-main{
  background:transparent !important;
}

/* Em celular, mantém a mesma arte sem prejudicar a leitura */
@media(max-width:640px){
  .v13-official-model{
    background:
      linear-gradient(180deg, rgba(238,247,252,.90), rgba(238,247,252,.86)),
      url("login_fundo_minas_oficial.png") center center / cover fixed no-repeat !important;
  }
}

/* ============================================================
   V13.13 — ACOMPANHAMENTO: MENU FUNCIONAL SOMENTE CONSULTA
   O dashboard existente permanece visualmente inalterado.
   ============================================================ */
.v1313-readonly .ro-only-banner{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  padding:10px 13px;
  border:1px solid #bddaf1;
  border-radius:8px;
  background:rgba(239,248,255,.95);
  color:#0a427e;
}
.v1313-readonly .ro-only-banner>span{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:#0b79e8;color:#fff;font-size:13px;
}
.v1313-readonly .ro-only-banner b{display:block;font-size:13px}
.v1313-readonly .ro-only-banner small{display:block;font-size:11px;margin-top:1px;color:#4b7095}
.v1313-readonly .ro-card{background:rgba(255,255,255,.97)!important}
.v1313-readonly .card{border:1px solid #d4e3f1;border-radius:8px;box-shadow:none}
.v1313-readonly .table{overflow:auto}
.v1313-readonly table{width:100%;border-collapse:collapse}
.v1313-readonly table th{background:#eaf3fb;color:#082e68;font-size:11px;font-weight:800;padding:9px 10px;text-align:left;white-space:nowrap}
.v1313-readonly table td{border-bottom:1px solid #dde8f1;color:#103b73;font-size:12px;padding:9px 10px;vertical-align:middle}
.v1313-readonly table td small{display:block;color:#71879c;margin-top:2px}
.v1313-readonly .right{text-align:right}
.v1313-readonly .ro-alert-list{display:grid;gap:8px}
.v1313-readonly .ro-alert-list article{display:grid;grid-template-columns:1fr auto;gap:3px 16px;align-items:center;padding:11px 13px;border:1px solid #d7e5f0;border-radius:7px;background:#f8fbfe}
.v1313-readonly .ro-alert-list article div b{display:block;color:#0b376f;font-size:13px}
.v1313-readonly .ro-alert-list article div span{font-size:10px;color:#6d8196}
.v1313-readonly .ro-alert-list article strong{color:#0b4f91;font-size:12px}
.v1313-readonly .ro-alert-list article small{grid-column:1/3;color:#6c7e91;font-size:10px}
.v1313-readonly .ro-config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v1313-readonly .ro-config-grid article{padding:13px;border:1px solid #d8e5ef;border-radius:7px;background:#f8fbfe}
.v1313-readonly .ro-config-grid span{display:block;color:#6b8095;font-size:10px;font-weight:700;text-transform:uppercase}
.v1313-readonly .ro-config-grid b{display:block;color:#0a376f;font-size:15px;margin-top:4px}
@media(max-width:760px){
  .v1313-readonly .ro-config-grid{grid-template-columns:1fr}
  .v1313-readonly .ro-only-banner small{font-size:10px}
}

/* ============================================================
   V13.14 — SITUAÇÃO DE COMPROVANTES SEM SOBREPOSIÇÃO
   Ajuste cirúrgico somente neste card.
   ============================================================ */

.v13-official-model .v12-charts .f11-panel:last-child{
  overflow:hidden !important;
  padding:10px 12px 12px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child h3{
  margin-bottom:6px !important;
}

/* Anel menor para caber com folga dentro do card */
.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring{
  position:relative !important;
  width:118px !important;
  height:118px !important;
  min-width:118px !important;
  min-height:118px !important;
  margin:2px auto 5px !important;
  overflow:visible !important;
}

/* Canvas fica preso ao anel e não invade a legenda */
.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring canvas{
  display:block !important;
  width:118px !important;
  height:118px !important;
  max-width:118px !important;
  max-height:118px !important;
}

/* Texto centralizado dentro da rosca */
.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-center{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  pointer-events:none !important;
  line-height:1.05 !important;
  padding:0 10px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-center strong{
  display:block !important;
  margin:0 !important;
  font-size:23px !important;
  line-height:25px !important;
  font-weight:800 !important;
  color:#0b376f !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-center span{
  display:block !important;
  margin-top:3px !important;
  max-width:88px !important;
  font-size:9px !important;
  line-height:11px !important;
  font-weight:600 !important;
  color:#607895 !important;
  white-space:normal !important;
}

/* Legenda sempre abaixo do anel */
.v13-official-model .v12-charts .f11-panel:last-child .f11-proof-list{
  position:relative !important;
  margin:4px 0 0 !important;
  padding:0 2px !important;
  width:100% !important;
  font-size:10px !important;
  line-height:13px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-proof-list>div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-height:18px !important;
  padding:2px 0 !important;
  white-space:nowrap !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-proof-list span{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-proof-list b{
  flex:0 0 auto !important;
  margin-left:auto !important;
  font-weight:800 !important;
}

/* Em telas menores mantém tudo separado */
@media(max-width:980px){
  .v13-official-model .v12-charts .f11-panel:last-child{
    min-height:250px !important;
    height:auto !important;
  }
}

@media(max-width:640px){
  .v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring{
    width:112px !important;
    height:112px !important;
    min-width:112px !important;
    min-height:112px !important;
  }
  .v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring canvas{
    width:112px !important;
    height:112px !important;
    max-width:112px !important;
    max-height:112px !important;
  }
}

/* ============================================================
   V13.15 — HOME DO ACOMPANHAMENTO SOMENTE COM GRÁFICOS
   Mantém cabeçalho, menu lateral e os 3 gráficos existentes.
   ============================================================ */
.v13-official-model .v12-charts{
  margin-top:10px !important;
  grid-template-columns:1.25fr 1.05fr .8fr !important;
  gap:14px !important;
}

.v13-official-model .v12-charts .f11-panel{
  height:330px !important;
  min-height:330px !important;
  padding:14px 16px !important;
}

.v13-official-model .v12-charts .f11-chartbox{
  height:255px !important;
}

.v13-official-model .v12-charts .f11-donut-row{
  min-height:250px !important;
}

.v13-official-model .v12-charts .f11-donutbox{
  width:210px !important;
  height:210px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring{
  width:155px !important;
  height:155px !important;
  min-width:155px !important;
  min-height:155px !important;
  margin:18px auto 12px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-comp-ring canvas{
  width:155px !important;
  height:155px !important;
  max-width:155px !important;
  max-height:155px !important;
}

.v13-official-model .v12-charts .f11-panel:last-child .f11-proof-list{
  margin-top:12px !important;
}

@media(max-width:980px){
  .v13-official-model .v12-charts{
    grid-template-columns:1fr 1fr !important;
  }
  .v13-official-model .v12-charts article:last-child{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:640px){
  .v13-official-model .v12-charts{
    grid-template-columns:1fr !important;
  }
  .v13-official-model .v12-charts article:last-child{
    grid-column:auto !important;
  }
  .v13-official-model .v12-charts .f11-panel{
    height:auto !important;
    min-height:290px !important;
  }
}

/* ============================================================
   V13.16 — ACOMPANHAMENTO: MENU ENXUTO, SAIR VISÍVEL, MAIS GRÁFICOS
   ============================================================ */

/* Força o link Sair do cabeçalho a aparecer */
.v13-official-model .f11-user .viewer-header-logout{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:8px !important;
  padding:5px 9px !important;
  border-radius:5px !important;
  background:#eef5fb !important;
  color:#0b4d91 !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
}

/* Sair também no fim do menu lateral do acompanhamento */
.viewer-sidebar-logout{
  margin-top:auto !important;
  padding:8px 10px 12px !important;
}
.viewer-sidebar-logout a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:36px !important;
  border-radius:6px !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.viewer-sidebar-logout a:hover{
  background:rgba(255,255,255,.18) !important;
}

/* Home do acompanhamento com todos os gráficos em uma grade limpa */
.v13-official-model .v12-charts{
  grid-template-columns:1.25fr 1fr .85fr !important;
  gap:14px !important;
}
.v1316-extra-charts{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:14px;
}
.v1316-extra-charts .f11-panel{
  height:280px !important;
  min-height:280px !important;
  padding:14px 16px !important;
}
.v1316-extra-charts .f11-chartbox{
  height:220px !important;
}

/* Menu lateral de acompanhamento mais compacto */
.v13-official-model .v12-nav a{
  min-height:34px !important;
  padding:6px 10px 6px 12px !important;
  font-size:14px !important;
}
.v13-official-model .v12-nav a span{
  font-size:14px !important;
}

/* No acompanhamento, esconde itens administrativos por segurança visual adicional */
.v1313-readonly .v12-nav a[href*="sec=users"],
.v1313-readonly .v12-nav a[href*="sec=cfg"]{
  display:none !important;
}

@media(max-width:980px){
  .v13-official-model .v12-charts{
    grid-template-columns:1fr 1fr !important;
  }
  .v13-official-model .v12-charts article:last-child{
    grid-column:1 / -1 !important;
  }
}

@media(max-width:640px){
  .v13-official-model .f11-user .viewer-header-logout{
    display:none !important;
  }
  .v13-official-model .v12-charts{
    grid-template-columns:1fr !important;
  }
}

/* V13.16.1 — correção final da Home do Acompanhamento */
.v13-official-model .v13161-all-graphs{
  display:grid !important;
  grid-template-columns:1.25fr 1fr .85fr !important;
  gap:14px !important;
}
.v13-official-model .v13161-all-graphs .f11-panel{
  min-height:330px !important;
}
.v13-official-model .v1316-extra-charts{
  margin-top:14px !important;
}
@media(max-width:980px){
  .v13-official-model .v13161-all-graphs{grid-template-columns:1fr 1fr !important}
  .v13-official-model .v13161-all-graphs article:last-child{grid-column:1/-1 !important}
}
@media(max-width:640px){
  .v13-official-model .v13161-all-graphs{grid-template-columns:1fr !important}
  .v13-official-model .v13161-all-graphs article:last-child{grid-column:auto !important}
}

/* ============================================================
   V13.17 — FONTES DO ACOMPANHAMENTO NO MESMO PADRÃO DO MENU LATERAL
   Alteração cirúrgica: somente tipografia/legibilidade.
   ============================================================ */

/* Base da área de acompanhamento */
.v13-official-model .v12-main{
  font-size:14px !important;
}

/* Cabeçalho */
.v13-official-model .f11-head-left h1{
  font-size:22px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
.v13-official-model .f11-head-left p{
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
}
.v13-official-model .f11-user strong{
  font-size:14px !important;
}
.v13-official-model .f11-user span,
.v13-official-model .f11-user a{
  font-size:13px !important;
}

/* Títulos dos gráficos */
.v13-official-model .f11-panel h3,
.v13-official-model .f11-panel h2,
.v13-official-model .card h2,
.v13-official-model .v12-simple-page h2{
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* Legendas dos gráficos */
.v13-official-model .f11-legend,
.v13-official-model .f11-legend span,
.v13-official-model .f11-cat-list,
.v13-official-model .f11-cat-list span,
.v13-official-model .f11-cat-list b,
.v13-official-model .f11-proof-list,
.v13-official-model .f11-proof-list span,
.v13-official-model .f11-proof-list b{
  font-size:14px !important;
  line-height:1.3 !important;
}

/* Centro dos gráficos circulares */
.v13-official-model .f11-donut-center{
  font-size:15px !important;
  font-weight:800 !important;
}
.v13-official-model .f11-comp-center strong{
  font-size:28px !important;
  line-height:30px !important;
}
.v13-official-model .f11-comp-center span{
  font-size:13px !important;
  line-height:15px !important;
  max-width:110px !important;
}

/* Tabelas das páginas de consulta */
.v1313-readonly table th{
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  padding:10px 11px !important;
}
.v1313-readonly table td{
  font-size:14px !important;
  line-height:1.35 !important;
  padding:10px 11px !important;
}
.v1313-readonly table td small{
  font-size:13px !important;
  line-height:1.3 !important;
}

/* Faixa "Modo Acompanhamento" */
.v1313-readonly .ro-only-banner b{
  font-size:14px !important;
}
.v1313-readonly .ro-only-banner small{
  font-size:13px !important;
  line-height:1.35 !important;
}

/* Cards e textos gerais das consultas */
.v1313-readonly .card,
.v1313-readonly .v12-simple-page,
.v1313-readonly .ro-alert-list,
.v1313-readonly .ro-config-grid{
  font-size:14px !important;
}
.v1313-readonly .ro-alert-list article div b{
  font-size:14px !important;
}
.v1313-readonly .ro-alert-list article div span,
.v1313-readonly .ro-alert-list article small,
.v1313-readonly .ro-alert-list article strong{
  font-size:13px !important;
}
.v1313-readonly .ro-config-grid span{
  font-size:13px !important;
}
.v1313-readonly .ro-config-grid b{
  font-size:16px !important;
}

/* Links, status e botões de visualização */
.v13-official-model .receipt-btn,
.v13-official-model .status,
.v13-official-model .f11-status,
.v13-official-model .v12-action{
  font-size:13px !important;
  font-weight:700 !important;
}

/* Data/hora */
.v13-official-model .v12-clock b{
  font-size:14px !important;
}
.v13-official-model .v12-clock small{
  font-size:13px !important;
}

/* Alertas */
.v13-official-model .v12-alert-popup,
.v13-official-model .v12-alert-popup strong,
.v13-official-model .v12-alert-popup span,
.v13-official-model .v12-alert-popup b{
  font-size:14px !important;
}
.v13-official-model .v12-alert-popup small{
  font-size:13px !important;
}

/* Responsividade sem reduzir demais a letra */
@media(max-width:640px){
  .v13-official-model .v12-main{
    font-size:14px !important;
  }
  .v13-official-model .f11-head-left h1{
    font-size:19px !important;
  }
  .v13-official-model .f11-panel h3,
  .v13-official-model .f11-panel h2,
  .v13-official-model .card h2{
    font-size:15px !important;
  }
  .v1313-readonly table th,
  .v1313-readonly table td{
    font-size:13px !important;
  }
}


/* V13.19 - Materiais + BI; login restaurado ao modelo anterior */
.material-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.material-form h2{margin-top:0}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.material-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#173b70}.material-grid input,.material-grid select,.material-grid textarea{width:100%;box-sizing:border-box}.material-grid .span2{grid-column:1/-1}.material-kpis{margin-bottom:12px}.my-password-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border:1px solid #d6e3f0;border-radius:16px;background:#fff;margin-bottom:18px}.my-password-card h3{margin:0 0 4px}.my-password-card p{margin:0;color:#60738d}.my-password-card form{display:flex;gap:8px;flex-wrap:wrap}.my-password-card input{min-width:150px;padding:10px 12px;border:1px solid #cbd8e6;border-radius:9px}
.bi-power-kpis,.bi-material-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 18px}.bi-power-kpis article,.bi-material-kpis article{background:#fff;border:1px solid #dbe6f0;border-radius:12px;padding:14px 15px;box-shadow:0 5px 18px rgba(25,58,98,.06);min-width:0}.bi-power-kpis span,.bi-material-kpis span{display:block;font-size:12px;font-weight:700;color:#60758e;text-transform:uppercase;letter-spacing:.03em}.bi-power-kpis b,.bi-material-kpis b{display:block;margin-top:7px;font-size:20px;color:#173b70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bi-power-kpis small{display:block;margin-top:3px;color:#8293a8}.bi-material-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.bi-material-charts{grid-template-columns:1fr 1fr!important}.bi-material-charts .f11-chartbox{height:280px}
@media(max-width:1100px){.bi-power-kpis{grid-template-columns:repeat(3,1fr)}.material-admin-grid{grid-template-columns:1fr}.my-password-card{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.bi-power-kpis,.bi-material-kpis{grid-template-columns:repeat(2,1fr)}.bi-power-kpis b,.bi-material-kpis b{font-size:17px}.bi-material-charts{grid-template-columns:1fr!important}.material-grid{grid-template-columns:1fr}.material-grid .span2{grid-column:auto}.my-password-card form{width:100%;flex-direction:column}.my-password-card input,.my-password-card button{width:100%;box-sizing:border-box}}


/* ============================================================
   V13.21 — ACOMPANHAMENTO MOBILE PROFISSIONAL + BANNER + SENHA
   ============================================================ */
.v1321-campaign-rotator{margin-left:auto;margin-right:18px;display:flex;align-items:center;gap:10px;min-width:300px;max-width:430px;height:42px;padding:0 14px;border-radius:10px;background:linear-gradient(100deg,#073b78,#0b66b7);box-shadow:0 7px 18px #0a4b9130;overflow:hidden;color:#fff}
.v1321-live-dot{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.7px;padding:5px 7px;border-radius:20px;background:#e72238;box-shadow:0 0 0 0 #e7223860;animation:v1321Live 1.8s infinite}
.v1321-rotator-track{position:relative;height:20px;flex:1;text-align:center;overflow:hidden}
.v1321-rotator-track b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;letter-spacing:.9px;opacity:0;transform:translateY(16px);animation:v1321Rotate 8s infinite}
.v1321-rotator-track b:nth-child(2){animation-delay:4s}
@keyframes v1321Rotate{0%,8%{opacity:0;transform:translateY(15px)}15%,44%{opacity:1;transform:translateY(0)}50%,100%{opacity:0;transform:translateY(-15px)}}
@keyframes v1321Live{70%{box-shadow:0 0 0 8px #e7223800}}

.v1321-mobile-nav{display:none}
@media(max-width:820px){
  body.v1313-readonly{padding-bottom:94px!important}
  .v12-mobile-nav{display:none!important}
  .v1321-campaign-rotator{min-width:0;max-width:none;height:32px;margin:0 0 0 auto;padding:0 8px;gap:6px;border-radius:8px}
  .v1321-live-dot{font-size:7px;padding:4px 5px}
  .v1321-rotator-track{width:112px;height:16px}
  .v1321-rotator-track b{font-size:10px;letter-spacing:.35px}
  .v1321-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));height:70px;padding:5px 6px;border-radius:18px;background:linear-gradient(180deg,#0a4b89,#063467);border:1px solid #ffffff26;box-shadow:0 10px 28px #001d4070, inset 0 1px 0 #ffffff20;z-index:80;overflow:visible}
  .v1321-mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#eaf6ff;text-decoration:none;border-radius:13px;min-width:0;transition:transform .18s ease,background .18s ease,color .18s ease}
  .v1321-mobile-nav a:active{transform:scale(.90)}
  .v1321-mobile-nav a:hover,.v1321-mobile-nav a.active{background:#ffffff14;color:#fff}
  .v1321-mobile-nav a.logout{color:#ffd9dc}
  .v1321-mobile-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #001a3445);transition:transform .22s ease}
  .v1321-mobile-nav a:hover svg,.v1321-mobile-nav a.active svg{transform:translateY(-2px) scale(1.08)}
  .v1321-mobile-nav span{font-size:10px;line-height:1;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .v12-alert-popup{bottom:104px!important}
  .v12-main{padding-bottom:28px!important}
}
@media(max-width:430px){
  .v1321-campaign-rotator{position:absolute;left:54px;right:10px;top:45px;margin:0;height:22px}
  .v1321-live-dot{font-size:6.5px;padding:3px 5px}
  .v1321-rotator-track b{font-size:9px}
  .v12-header{height:76px!important;padding-bottom:21px!important}
  .v1321-mobile-nav{left:8px;right:8px;bottom:calc(14px + env(safe-area-inset-bottom));height:72px;padding:6px 4px}
  .v1321-mobile-nav svg{width:22px;height:22px}
  .v1321-mobile-nav span{font-size:9px}
}

.v1321-password-wrap{max-width:720px;margin:22px auto;padding:0 12px}.v1321-password-card{background:#fff;border:1px solid #dfe9f4;border-radius:16px;box-shadow:0 12px 32px #183f6e13;padding:24px}.v1321-password-icon{width:48px;height:48px;border-radius:13px;background:#eaf4ff;display:grid;place-items:center;margin-bottom:12px}.v1321-password-icon svg{width:25px;height:25px;fill:none;stroke:#0a579f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v1321-password-card h2{margin:0 0 6px;color:#123c70}.v1321-password-card p{margin:0 0 20px;color:#687d95}.v1321-password-card form{display:grid;gap:13px}.v1321-password-card label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#264968}.v1321-password-card input{height:44px;border:1px solid #cfdceb;border-radius:9px;padding:0 12px;font:inherit;outline:none}.v1321-password-card input:focus{border-color:#0b67b5;box-shadow:0 0 0 3px #0b67b515}.v1321-password-card button{height:44px;border:0;border-radius:9px;background:linear-gradient(90deg,#0a4d91,#0c70c7);color:#fff;font-weight:900;cursor:pointer}

.viewer-sidebar-actions{margin-top:auto!important;padding:8px 10px 12px!important;display:grid;gap:7px}.viewer-sidebar-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:7px;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.18s}.viewer-sidebar-actions a:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.viewer-sidebar-password{border:1px solid #ffffff1f}.viewer-sidebar-logout-link{background:rgba(204,42,54,.25)!important}
\n\n/* ============================================================
   V13.22 — ACOMPANHAMENTO LIMPO: TOPO MINIMO + RODAPE ORIGINAL
   ============================================================ */
.v1322-viewer-header{
  min-height:42px;height:42px;margin:0 -10px 10px;padding:0 12px;
  display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #dce6f1;
  border-radius:0;box-shadow:0 2px 7px rgba(18,55,96,.05);position:relative;top:0;
}
.v1322-menu-toggle{flex:0 0 auto;margin:0!important}
.v1322-header-status{display:flex;align-items:center;gap:5px;color:#50708e;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}
.v1322-header-status i{display:block;width:6px;height:6px;border-radius:50%;background:#18a957;box-shadow:0 0 0 3px rgba(24,169,87,.12);animation:v1322pulse 1.8s infinite}
.v1322-welcome{margin-left:auto;font-size:11px;color:#55718d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52%}
.v1322-welcome strong{color:#163f70}
@keyframes v1322pulse{50%{box-shadow:0 0 0 6px rgba(24,169,87,0)}}
.v1322-mobile-nav{display:none}
@media(max-width:820px){
  body.v1322-viewer{padding-bottom:72px!important}
  body.v1322-viewer .v12-main{padding-top:0!important;padding-bottom:18px!important}
  body.v1322-viewer .v12-mobile-nav,body.v1322-viewer .v1321-mobile-nav{display:none!important}
  .v1322-viewer-header{height:40px;min-height:40px;margin-top:0!important;margin-bottom:8px!important;padding-top:env(safe-area-inset-top);box-sizing:content-box}
  .v1322-mobile-nav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;
    left:0;right:0;bottom:calc(6px + env(safe-area-inset-bottom));height:58px;
    padding:0 4px;background:#063364;border-top:1px solid rgba(255,255,255,.16);
    box-shadow:0 -4px 14px rgba(0,27,58,.22);z-index:80;border-radius:0;
  }
  .v1322-mobile-nav a{
    border:0;background:none;color:#fff;text-decoration:none;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:2px;min-width:0;position:relative;
    transition:transform .15s ease,background .15s ease;color:#edf7ff;
  }
  .v1322-mobile-nav a:active{transform:scale(.94)}
  .v1322-mobile-nav a:hover,.v1322-mobile-nav a.active{background:rgba(255,255,255,.08)}
  .v1322-mobile-nav a.logout{color:#ffe7e9}
  .v1322-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .v1322-mobile-nav span{font-size:9px;font-weight:700;line-height:1.1;white-space:nowrap}
  .v12-alert-popup{bottom:74px!important}
}
@media(max-width:430px){
  .v1322-viewer-header{padding-left:8px;padding-right:8px}
  .v1322-header-status{font-size:8px}
  .v1322-welcome{font-size:10px;max-width:55%}
  .v1322-mobile-nav{bottom:calc(8px + env(safe-area-inset-bottom));height:58px}
  .v1322-mobile-nav svg{width:20px;height:20px}
  .v1322-mobile-nav span{font-size:8.5px}
}

/* ============================================================
   V13.23 — FAIXAS AZUIS SIMPLES NO CABEÇALHO E RODAPÉ MOBILE
   ============================================================ */
.v1322-viewer-header{
  background:#063364!important;
  border-bottom:1px solid #0a4a86!important;
  box-shadow:0 2px 7px rgba(0,27,58,.18)!important;
}
.v1322-viewer-header .v1322-menu-toggle{
  color:#fff!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.22)!important;
}
.v1322-header-status{color:#d7ecff!important}
.v1322-header-status i{background:#37d879!important;box-shadow:0 0 0 3px rgba(55,216,121,.14)!important}
.v1322-welcome{color:#d7ecff!important}
.v1322-welcome strong{color:#fff!important}

@media(max-width:820px){
  body.v1322-viewer{padding-bottom:66px!important}
  .v1322-mobile-nav{
    left:0!important;right:0!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    height:52px!important;
    padding:0 3px!important;
    background:#063364!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
    border-radius:0!important;
    box-shadow:0 -3px 10px rgba(0,27,58,.18)!important;
  }
  .v1322-mobile-nav a{gap:1px!important}
  .v1322-mobile-nav svg{width:16px!important;height:16px!important;stroke-width:1.8!important}
  .v1322-mobile-nav span{font-size:8px!important;font-weight:700!important}
  .v12-alert-popup{bottom:68px!important}
}
@media(max-width:430px){
  .v1322-mobile-nav{height:50px!important}
  .v1322-mobile-nav svg{width:15px!important;height:15px!important}
  .v1322-mobile-nav span{font-size:7.7px!important}
}


/* ============================================================
   V13.24 — ACOMPANHAMENTO MOBILE PROFISSIONAL E ENXUTO
   ============================================================ */
.v1324-viewer-header{
  min-height:44px;height:44px;margin:0 -10px 10px;padding:0 10px;
  display:flex;align-items:center;gap:10px;background:#0a4b89;color:#fff;
  border-bottom:1px solid #083b6b;box-shadow:none;border-radius:0;position:relative;top:0;
}
.v1324-menu-toggle{flex:0 0 auto;margin:0!important;color:#fff!important;background:transparent!important;border-color:rgba(255,255,255,.18)!important}
.v1324-header-status{display:flex;align-items:center;gap:5px;color:#eaf5ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}
.v1324-header-status i{display:block;width:6px;height:6px;border-radius:50%;background:#29d36a;box-shadow:0 0 0 3px rgba(41,211,106,.12);animation:v1324pulse 1.8s infinite}
.v1324-welcome{margin-left:auto;font-size:11px;color:#eaf5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58%}
.v1324-welcome strong{color:#fff}
@keyframes v1324pulse{50%{box-shadow:0 0 0 6px rgba(41,211,106,0)}}
.v1324-mobile-nav{display:none}
@media(max-width:820px){
  body.v1322-viewer,body.v1324-viewer{padding-bottom:66px!important}
  body.v1322-viewer .v12-main,body.v1324-viewer .v12-main{padding-top:0!important;padding-bottom:16px!important}
  body.v1322-viewer .v12-mobile-nav,body.v1324-viewer .v12-mobile-nav,
  body.v1322-viewer .v1321-mobile-nav,body.v1324-viewer .v1321-mobile-nav,
  body.v1322-viewer .v1322-mobile-nav,body.v1324-viewer .v1322-mobile-nav{display:none!important}
  .v1324-viewer-header{height:44px;min-height:44px;margin-top:0!important;margin-bottom:8px!important;padding-top:env(safe-area-inset-top);box-sizing:content-box}
  .v1324-mobile-nav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;
    height:54px;padding:0 2px calc(env(safe-area-inset-bottom) + 1px);background:#0a4b89;
    border-top:1px solid rgba(255,255,255,.16);box-shadow:0 -3px 8px rgba(0,33,66,.18);z-index:90;border-radius:0;
  }
  .v1324-mobile-nav a{
    border:0;background:none;color:#edf7ff;text-decoration:none;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;overflow:hidden;
    transition:background .15s ease,transform .15s ease;
  }
  .v1324-mobile-nav a:active{transform:scale(.96)}
  .v1324-mobile-nav a:hover,.v1324-mobile-nav a.active{background:rgba(255,255,255,.08)}
  .v1324-mobile-nav a.logout{color:#ffe8ea}
  .v1324-mobile-nav svg{display:block;flex:0 0 auto;width:18px;height:18px;max-width:18px;max-height:18px;overflow:visible;color:currentColor}
  .v1324-mobile-nav span{font-size:8px;font-weight:700;line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .v12-alert-popup{bottom:68px!important}
}
@media(max-width:430px){
  .v1324-viewer-header{padding-left:8px;padding-right:8px}
  .v1324-header-status{font-size:8px}
  .v1324-welcome{font-size:10px;max-width:56%}
  .v1324-mobile-nav{height:52px}
  .v1324-mobile-nav svg{width:17px;height:17px;max-width:17px;max-height:17px}
  .v1324-mobile-nav span{font-size:7.5px}
}


/* ============================================================
   V13.25 — TOPO COLADO + MENU FLUTUANTE FUNCIONAL
   ============================================================ */
.v1325-viewer{margin:0!important;padding-top:0!important}
.v1325-viewer .v12-main{padding-top:0!important}
.v1325-viewer .v1324-viewer-header{
  margin-top:0!important;
  top:0!important;
  border-top:0!important;
}
.v1325-menu-button{
  width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#fff;
  display:grid;place-items:center;cursor:pointer;flex:0 0 34px;
}
.v1325-menu-button:active{background:rgba(255,255,255,.12)}
.v1325-hamburger{width:19px;height:15px;display:flex;flex-direction:column;justify-content:space-between}
.v1325-hamburger i{display:block;width:19px;height:2px;border-radius:3px;background:#fff}

@media(max-width:980px){
  body.v1325-viewer .v12-main{padding-top:0!important}
  body.v1325-viewer .v1324-viewer-header{
    margin:0 -8px 8px!important;
    width:auto!important;
    padding-left:8px!important;padding-right:8px!important;
    border-radius:0!important;
  }
  /* Menu do acompanhamento vira painel flutuante; usa a navegação real existente */
  body.v1325-viewer .v12-sidebar{
    position:fixed!important;
    left:-290px!important;
    top:54px!important;
    width:258px!important;
    height:auto!important;
    max-height:calc(100vh - 74px)!important;
    min-height:0!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:0 16px 36px rgba(0,20,48,.34)!important;
    overflow-y:auto!important;
    z-index:9001!important;
    transition:left .2s ease!important;
  }
  body.sidebar-open.v1325-viewer .v12-sidebar{left:0!important}
  body.v1325-viewer .v12-sidebar-shade{z-index:9000!important}
  body.v1325-viewer.sidebar-open{overflow:hidden}
  body.v1325-viewer .v12-sidebar .v12-nav a{min-height:44px!important}
  body.v1325-viewer .viewer-sidebar-actions{padding-bottom:12px!important}
}
@media(max-width:430px){
  body.v1325-viewer .v12-sidebar{top:52px!important;width:min(258px,82vw)!important;max-height:calc(100vh - 70px)!important}
  .v1325-menu-button{width:32px;height:32px;flex-basis:32px}
  .v1325-hamburger,.v1325-hamburger i{width:18px}
}