:root{
  --bg:#04070d;--white:#fff;--muted:#d8dbea;--orange:#ff8a00;--red:#ff1515;--green:#43ff53;--blue:#1689ff;--line:rgba(255,255,255,.14)
}
*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:Inter,Arial,sans-serif;color:#fff;background:#03060b;overflow-x:hidden}.page{min-height:100vh;position:relative;overflow:hidden;padding:18px 10px 28px;background:radial-gradient(circle at 0 0,rgba(255,105,0,.45),transparent 21%),radial-gradient(circle at 98% 80%,rgba(0,85,255,.28),transparent 24%),linear-gradient(105deg,#070707 0%,#05080e 48%,#050914 100%)}
.page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;opacity:.32;pointer-events:none}.page:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at 38% 24%,rgba(255,75,0,.18),transparent 28%),repeating-radial-gradient(ellipse at 36% 25%,rgba(255,87,0,.22) 0 1px,transparent 2px 34px);opacity:.52;filter:blur(.2px);pointer-events:none}.wrap{width:min(1780px,100%);margin:0 auto;position:relative;z-index:2}.top{display:grid;grid-template-columns:1fr .98fr;gap:42px;align-items:start;min-height:435px;padding:10px 18px 10px 86px}.hero{padding-top:18px}.hero h1{font-size:clamp(62px,5.9vw,104px);line-height:.9;font-weight:900;letter-spacing:-5px;text-shadow:0 8px 22px rgba(0,0,0,.62),0 2px 0 rgba(255,255,255,.14)}.hero h1 span{display:block;background:linear-gradient(90deg,#ff9b00 0%,#ff6000 45%,#ff1616 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{margin-top:26px;color:#dce0ee;font-size:23px;line-height:1.45;letter-spacing:-.2px;text-shadow:0 3px 12px rgba(0,0,0,.5)}.features{display:flex;align-items:center;gap:46px;margin-top:49px}.feature{display:flex;align-items:center;gap:16px;font-weight:800;font-size:17px;line-height:1.35;text-shadow:0 3px 10px rgba(0,0,0,.45)}.round-icon{width:65px;height:65px;min-width:65px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,110,0,.95);color:#ff8b00;background:rgba(255,105,0,.05);box-shadow:0 0 20px rgba(255,92,0,.18),inset 0 0 18px rgba(255,92,0,.07)}.round-icon svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.login{margin-top:0;border-radius:34px;padding:34px 44px 31px;background:linear-gradient(145deg,rgba(17,22,34,.88),rgba(9,12,20,.92));border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);position:relative;overflow:hidden}.login:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 7% 0,rgba(255,105,0,.16),transparent 25%),radial-gradient(circle at 100% 100%,rgba(0,70,255,.12),transparent 30%);pointer-events:none}.login>*{position:relative;z-index:1}.login-head{display:flex;align-items:center;gap:28px;margin-bottom:42px}.login-icon{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:2px solid #ff6800;color:#ff8500;background:rgba(255,110,0,.08);box-shadow:0 0 28px rgba(255,96,0,.27),inset 0 0 20px rgba(255,96,0,.08)}.login-icon svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:2.15}.login h2{font-size:37px;font-weight:900;letter-spacing:-1.4px;text-shadow:0 5px 18px rgba(0,0,0,.45)}.login small{display:block;margin-top:10px;font-size:17px;color:#d9ddeb}.field-label{display:block;font-size:17px;font-weight:900;color:#dde1ef;margin-bottom:11px}.field{height:70px;border-radius:20px;border:1px solid rgba(255,255,255,.24);background:rgba(8,10,16,.74);display:flex;align-items:center;padding:0 28px;gap:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.field svg{width:30px;height:30px;stroke:#dfe3f3;fill:none;stroke-width:2}.field input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:26px;font-weight:500;letter-spacing:.2px}.field .check{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:3px solid #35f94b;color:#35f94b;font-size:22px;font-weight:900}.btn{margin-top:24px;width:100%;height:69px;border:0;border-radius:19px;color:#fff;font-size:25px;font-weight:900;background:linear-gradient(90deg,#ff9700 0%,#ff5900 43%,#ff1017 100%);box-shadow:0 16px 32px rgba(255,48,0,.32);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px}.btn svg{width:31px;height:31px;stroke:#fff;fill:none;stroke-width:2.6}.secure{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:12px;color:#e5e7f1;font-size:17px}.secure svg{width:25px;height:25px;color:#ff9200;stroke:currentColor;fill:none;stroke-width:2.3}.msg{display:none;margin-top:15px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e9eaf2;line-height:1.45}.panel{margin-top:-5px;border-radius:34px;padding:26px 40px 19px;background:rgba(5,9,16,.78);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,93,0,.13),transparent 25%),radial-gradient(circle at 100% 35%,rgba(0,86,255,.12),transparent 30%);pointer-events:none}.panel>*{position:relative;z-index:1}.name-row{display:flex;align-items:center;justify-content:center;gap:26px;text-align:center}.avatar-big{width:96px;height:96px;min-width:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff9300,#ff100f);box-shadow:0 0 42px rgba(255,59,0,.6)}.avatar-big svg{width:58px;height:58px;fill:#fff}.customer-name{font-size:clamp(52px,5.2vw,80px);line-height:1;font-weight:900;letter-spacing:-3.5px;text-shadow:0 7px 20px rgba(0,0,0,.58),0 2px 0 rgba(255,255,255,.12)}.mini-line{width:84px;height:3px;background:linear-gradient(90deg,transparent,#ff7800,#ff1d00,transparent);margin:20px auto 15px;border-radius:50px}.panel-kicker{text-align:center;color:#ffda94;font-size:17px;font-weight:900;text-transform:uppercase;text-shadow:0 2px 9px rgba(0,0,0,.45)}.panel-title{text-align:center;font-size:47px;line-height:1.08;font-weight:900;letter-spacing:-2px;margin-top:6px;margin-bottom:20px;text-shadow:0 6px 18px rgba(0,0,0,.58)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.card{min-height:251px;border-radius:29px;padding:28px 34px 25px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.16);box-shadow:0 0 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}.card:before{content:"";position:absolute;inset:0;pointer-events:none}.card-head{display:grid;grid-template-columns:82px 1fr;gap:24px;align-items:center}.card-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 28px rgba(255,255,255,.06)}.card-icon svg{width:45px;height:45px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.card h4{font-size:17px;font-weight:900;color:#e3e5ef;text-transform:uppercase;line-height:1.25}.value{font-size:41px;font-weight:900;letter-spacing:-1.4px;line-height:1.05;margin-top:11px}.sep{height:1px;background:rgba(255,255,255,.22);margin:20px 0 16px}.card p{font-size:17px;color:#f0f1f7;line-height:1.58}.pill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 19px;font-size:16px;font-weight:800;background:rgba(55,255,81,.12);border:1px solid rgba(55,255,81,.32);box-shadow:inset 0 0 16px rgba(55,255,81,.05)}.pill .ok{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#40ff55;color:#002c05;font-weight:900}.green{border-color:#44ff45;box-shadow:0 0 26px rgba(68,255,69,.22),inset 0 0 34px rgba(68,255,69,.08)}.green:before{background:radial-gradient(circle at 13% 18%,rgba(68,255,69,.28),transparent 33%)}.green .card-icon{background:rgba(68,255,69,.13);border:2px solid #30d433;color:#e8fff0}.green .value{color:#5eff68}.blue{border-color:#1689ff;box-shadow:0 0 26px rgba(22,137,255,.21),inset 0 0 34px rgba(22,137,255,.08)}.blue:before{background:radial-gradient(circle at 15% 18%,rgba(22,137,255,.34),transparent 35%)}.blue .card-icon{background:linear-gradient(135deg,#138fff,#1725e8);border:2px solid #4c9fff;color:#fff}.orange{border-color:#ff7600;box-shadow:0 0 26px rgba(255,118,0,.22),inset 0 0 34px rgba(255,118,0,.08)}.orange:before{background:radial-gradient(circle at 16% 18%,rgba(255,118,0,.34),transparent 35%)}.orange .card-icon{background:rgba(255,118,0,.13);border:2px solid #ff7a00;color:#fff}.orange .value{color:#ff9300}.location-row{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center}.pin svg{width:48px;height:48px;fill:#ff9300;stroke:#ff9300}.red{border-color:#ff263a;box-shadow:0 0 26px rgba(255,38,58,.22),inset 0 0 34px rgba(255,38,58,.08)}.red:before{background:radial-gradient(circle at 15% 18%,rgba(255,38,58,.32),transparent 35%)}.red .card-icon{background:rgba(255,38,58,.13);border:2px solid #ff263a;color:#fff}.red .value{color:#ff2d3c}.updated{width:max-content;max-width:100%;margin:25px auto 0;padding:12px 27px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);color:#f1f2f8;font-size:17px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.updated svg{width:25px;height:25px;stroke:#dfe4ff;fill:none;stroke-width:2.2}@media(max-width:1300px){.top{grid-template-columns:1fr;padding-left:28px}.features{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.page{padding:10px}.top{padding:5px;gap:22px}.hero h1{font-size:54px;letter-spacing:-2px}.hero p{font-size:18px}.features{gap:14px}.feature{width:100%;font-size:15px}.login{padding:24px;border-radius:24px}.login-head{gap:16px;align-items:flex-start}.login h2{font-size:30px}.login small{font-size:15px}.field{height:62px;padding:0 16px}.field input{font-size:18px}.btn{height:62px;font-size:18px}.panel{padding:22px 14px;border-radius:25px}.name-row{flex-direction:column;gap:12px}.avatar-big{width:75px;height:75px;min-width:75px}.customer-name{font-size:41px;letter-spacing:-1.5px}.panel-title{font-size:34px}.cards{grid-template-columns:1fr}.card{padding:24px;min-height:auto}.card-head{grid-template-columns:70px 1fr;gap:16px}.card-icon{width:70px;height:70px}.value{font-size:34px}}

.shortcuts{position:relative;z-index:1;margin:26px auto 0;padding:0 28px 30px;width:min(1780px,100%)}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.shortcut-card{min-height:172px;padding:26px 28px;border-radius:24px;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);transition:.28s ease;position:relative;overflow:hidden}
.shortcut-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(255,122,0,.11),transparent 35%),radial-gradient(circle at 100% 100%,rgba(0,84,255,.11),transparent 38%);opacity:.8;pointer-events:none}.shortcut-card>*{position:relative;z-index:1}
.shortcut-card:hover{transform:translateY(-6px);border-color:rgba(255,122,0,.45);box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 25px rgba(255,122,0,.14)}
.shortcut-card .sicon{font-size:28px;margin-bottom:16px}.shortcut-card h3{font-size:22px;font-weight:900;margin-bottom:9px}.shortcut-card p{color:#cdd1df;font-size:16px;line-height:1.5}.shortcut-card .arrow{display:inline-block;margin-top:20px;color:#ff8a00;font-size:23px;font-weight:900}
@media(max-width:1300px){.shortcut-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shortcuts{padding:0 5px 22px}.shortcut-grid{grid-template-columns:1fr}.shortcut-card{min-height:auto}}


/* =========================
   MODAL PREMIUM DE FATURAS
========================= */
.modal-faturas{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(10px);
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.modal-faturas.ativo{display:flex}
.modal-box{
  width:min(980px,100%);
  max-height:90vh;
  overflow:auto;
  border-radius:30px;
  padding:30px;
  background:linear-gradient(145deg,#0b1019,#06080f);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 100px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.06);
  position:relative;
}
.modal-box:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0 0,rgba(255,122,0,.18),transparent 28%),radial-gradient(circle at 100% 100%,rgba(0,85,255,.14),transparent 32%);
  pointer-events:none;
}
.modal-box>*{position:relative;z-index:1}
.modal-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}
.modal-title-block{display:flex;flex-direction:column;gap:5px}.modal-title-block h2{font-size:clamp(26px,3.8vw,40px);font-weight:900;letter-spacing:-1.2px;text-shadow:0 6px 18px rgba(0,0,0,.5);line-height:1.05}.modal-title-block p{color:#cfd4e6;font-size:17px;font-weight:600}.modal-cliente-nome{background:linear-gradient(90deg,#fff,#dfe5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.fechar-modal{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.14);cursor:pointer;background:rgba(255,255,255,.08);color:#fff;font-size:22px;font-weight:900;transition:.25s ease}
.fechar-modal:hover{transform:scale(1.05);background:rgba(255,40,40,.2);border-color:rgba(255,40,40,.45)}
.lista-faturas{display:flex;flex-direction:column;gap:22px}
.loading-faturas{text-align:center;padding:46px 18px;font-size:20px;color:#e5e8f5;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:22px}
.fatura-card{border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);position:relative;overflow:hidden}
.fatura-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,122,0,.12),transparent 32%);pointer-events:none}.fatura-card>*{position:relative;z-index:1}
.fatura-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start}.fatura-ref{font-size:30px;font-weight:900;letter-spacing:-.8px}.fatura-desc{margin-top:7px;color:#cfd4e6;line-height:1.45}.fatura-status{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.status-aberto{background:rgba(22,137,255,.18);border:1px solid rgba(22,137,255,.48);color:#70b8ff}.status-vencido{background:rgba(255,40,40,.16);border:1px solid rgba(255,40,40,.5);color:#ff6969}.fatura-info{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-box{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:17px}.info-box small{display:block;color:#aeb5cb;margin-bottom:8px;font-weight:700}.info-box strong{font-size:21px}.linha-digitavel{margin-top:20px;padding:18px;border-radius:18px;background:#05070d;border:1px solid rgba(255,255,255,.1);word-break:break-all;line-height:1.65;font-size:15px;color:#eef1ff}.fatura-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:13px}.btn-fatura{height:52px;padding:0 22px;border:none;border-radius:16px;cursor:pointer;font-weight:900;color:#fff;transition:.25s ease}.btn-fatura:hover{transform:translateY(-3px)}.btn-copiar{background:linear-gradient(90deg,#ff8a00,#ff3700);box-shadow:0 12px 26px rgba(255,75,0,.22)}.btn-pix{background:linear-gradient(90deg,#00a884,#00d2a0);box-shadow:0 12px 26px rgba(0,210,160,.16)}.btn-boleto{background:linear-gradient(90deg,#167dff,#004cff);box-shadow:0 12px 26px rgba(0,85,255,.18)}
.toast-copy{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:100000;background:linear-gradient(90deg,#ff8a00,#ff1515);color:#fff;padding:14px 22px;border-radius:999px;font-weight:900;box-shadow:0 14px 38px rgba(255,60,0,.32);display:none}.toast-copy.ativo{display:block}
@media(max-width:760px){.modal-box{padding:22px;border-radius:24px}.fatura-info{grid-template-columns:1fr}.fatura-actions{flex-direction:column}.btn-fatura{width:100%}}



/* =========================================================
   LOGIN PURO DEFINITIVO
   Tela inicial mostra SOMENTE o login.
   Painel e atalhos aparecem somente após consulta bem-sucedida.
========================================================= */

.page{
  min-height:100vh;
}

.top{
  min-height:calc(100vh - 56px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:28px 16px !important;
}

.hero,
.features{
  display:none !important;
}

.login{
  width:min(860px,100%) !important;
  margin:0 auto !important;
}

.client-private,
.panel,
.shortcuts{
  display:none !important;
  opacity:0;
  transform:translateY(36px);
}

body.cliente-logado .top{
  display:none !important;
}

body.cliente-logado .client-private.ativo,
body.cliente-logado .panel.ativo,
body.cliente-logado .shortcuts.ativo{
  display:block !important;
  animation:wfsFadeUp .75s cubic-bezier(.22,.61,.36,1) forwards;
}

body.cliente-logado .panel{
  margin-top:18px;
}

@keyframes wfsFadeUp{
  from{opacity:0;transform:translateY(36px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:760px){
  .top{padding:16px 10px !important;}
  .login{width:100% !important;}
}


/* =========================================================
   TRATAMENTO PROFISSIONAL DE ESTADOS DO DASHBOARD
   Ativo, bloqueado, desativado, sem plano, sem vencimento,
   CPF não encontrado, erro API e sem faturas.
========================================================= */

.msg{
  transition:.25s ease;
}

.msg.info{
  display:block;
  border-color:rgba(22,137,255,.35);
  background:rgba(22,137,255,.10);
  color:#dcecff;
}

.msg.success{
  display:block;
  border-color:rgba(67,255,83,.35);
  background:rgba(67,255,83,.10);
  color:#eaffed;
}

.msg.warning{
  display:block;
  border-color:rgba(255,138,0,.42);
  background:rgba(255,138,0,.12);
  color:#fff0dc;
}

.msg.error{
  display:block;
  border-color:rgba(255,38,58,.45);
  background:rgba(255,38,58,.12);
  color:#ffe3e6;
}

.card.status-ok{
  border-color:#44ff45 !important;
  box-shadow:0 0 26px rgba(68,255,69,.24), inset 0 0 34px rgba(68,255,69,.08) !important;
}

.card.status-warning{
  border-color:#ff8a00 !important;
  box-shadow:0 0 26px rgba(255,138,0,.28), inset 0 0 34px rgba(255,138,0,.09) !important;
}

.card.status-danger{
  border-color:#ff263a !important;
  box-shadow:0 0 30px rgba(255,38,58,.32), inset 0 0 38px rgba(255,38,58,.11) !important;
}

.card.status-neutral{
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:0 0 22px rgba(255,255,255,.08), inset 0 0 28px rgba(255,255,255,.04) !important;
}

.card.status-danger .value,
.card.status-danger h4{
  color:#ff5c6b !important;
}

.card.status-warning .value{
  color:#ffae42 !important;
}

.card.status-ok .value{
  color:#5eff68 !important;
}

.pill.alerta{
  background:rgba(255,138,0,.13) !important;
  border-color:rgba(255,138,0,.42) !important;
  color:#fff1dc !important;
}

.pill.perigo{
  background:rgba(255,38,58,.13) !important;
  border-color:rgba(255,38,58,.42) !important;
  color:#ffe3e6 !important;
}

.pill.neutro{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#eef1ff !important;
}

.pill .ok.alerta{
  background:#ff9c22 !important;
  color:#220f00 !important;
}

.pill .ok.perigo{
  background:#ff3b4f !important;
  color:#fff !important;
}

.estado-card-aviso{
  margin-top:18px;
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,138,0,.10);
  border:1px solid rgba(255,138,0,.22);
  color:#fff0d6;
  line-height:1.45;
  font-weight:700;
}

.fatura-card.status-card-vencida{
  border-color:rgba(255,38,58,.45) !important;
  box-shadow:0 18px 55px rgba(255,38,58,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.fatura-card.status-card-aberta{
  border-color:rgba(22,137,255,.35) !important;
}

.empty-state{
  text-align:center;
  padding:34px 22px;
  border-radius:24px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  color:#e9ecfa;
}

.empty-state strong{
  display:block;
  font-size:24px;
  margin-bottom:8px;
}

.empty-state span{
  display:block;
  color:#bfc6dd;
  line-height:1.55;
}

@media(max-width:760px){
  .estado-card-aviso{
    font-size:14px;
  }
}

/* =========================================================
   BOLETO PDF E PIX REAL
========================================================= */
.btn-fatura:disabled,
.btn-fatura.disabled{
  opacity:.48;
  cursor:not-allowed;
  filter:grayscale(.3);
  transform:none !important;
}

.info-extra-financeiro{
  margin-top:14px;
  padding:13px 15px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  color:#cdd4e8;
  line-height:1.5;
  font-size:14px;
}

.codigo-pix-box{
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  background:rgba(0,210,160,.065);
  border:1px solid rgba(0,210,160,.18);
  color:#dffff7;
  word-break:break-all;
  line-height:1.55;
  font-size:14px;
}

.btn-pix:not(:disabled){
  background:linear-gradient(90deg,#00a884,#00d2a0);
  box-shadow:0 12px 26px rgba(0,210,160,.16);
}

.btn-boleto:not(:disabled){
  background:linear-gradient(90deg,#167dff,#004cff);
  box-shadow:0 12px 26px rgba(0,85,255,.18);
}

/* Correção: evita tremedeira do modal/recibo por troca de scrollbar/ancoragem */
html{scrollbar-gutter:stable;}
body.modal-wfs-aberto{overflow:hidden;}
.recibo-wfs-view{overflow-anchor:none;}