/*
  Adaptado - Visual interno V53
  Patch exclusivamente visual. Nao altera chamadas de API, rotas, creditos,
  formularios, estados, eventos ou regras do backend.
*/

/* ===== TOKENS VISUAIS DO APP AUTENTICADO ===== */
.adaptadoShellV41{
  --v53-navy:#06175f;
  --v53-navy-2:#0a2b9c;
  --v53-blue:#194cff;
  --v53-cyan:#00dceb;
  --v53-purple:#5c35e8;
  --v53-text:#101d55;
  --v53-muted:#66759b;
  --v53-line:#dce6f8;
  --v53-bg:#f5f8ff;
  --v53-card:#ffffff;
  --v53-shadow:0 18px 55px rgba(16,44,125,.10);
  background:
    radial-gradient(circle at 92% 8%,rgba(25,76,255,.08),transparent 27%),
    radial-gradient(circle at 24% 18%,rgba(0,220,235,.055),transparent 24%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 100%) !important;
  color:var(--v53-text);
}

/* ===== ESTRUTURA / SIDEBAR ===== */
.adaptadoShellV41{grid-template-columns:248px minmax(0,1fr) !important}
.adaptadoSidebarV41{
  background:rgba(255,255,255,.97) !important;
  border-right:1px solid #e3eafa !important;
  padding:24px 18px 26px !important;
  box-shadow:14px 0 42px rgba(24,48,112,.055) !important;
}
.adaptadoBrandV41{margin-bottom:24px !important}
.adaptadoShellLogo{width:158px !important;max-height:48px !important}

.adaptadoNewButtonV41{
  min-height:52px !important;
  margin-bottom:20px !important;
  border-radius:15px !important;
  background:linear-gradient(135deg,#173fe7 0%,#205cff 58%,#4d39e7 100%) !important;
  box-shadow:0 14px 30px rgba(25,76,255,.22) !important;
  font-size:14px !important;
  letter-spacing:-.01em;
  transition:transform .22s ease,box-shadow .22s ease !important;
}
.adaptadoNewButtonV41:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(25,76,255,.28) !important}

.adaptadoNavV41{gap:6px !important}
.adaptadoNavV41 button{
  min-height:48px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  color:#5e6d94 !important;
  font-size:14px !important;
  font-weight:800 !important;
  transition:background-color .2s ease,color .2s ease,transform .2s ease !important;
}
.adaptadoNavV41 button:hover{background:#f1f5ff !important;color:var(--v53-blue) !important;transform:translateX(2px)}
.adaptadoNavV41 button.active{
  color:var(--v53-blue) !important;
  background:linear-gradient(135deg,#edf2ff,#f3efff) !important;
  box-shadow:inset 3px 0 0 var(--v53-blue);
}
.adaptadoNavV41 button.active svg{color:var(--v53-blue) !important}

/* ===== TOPO ===== */
.adaptadoMainV41{padding:20px 28px 44px !important}
.adaptadoTopbarV41{
  min-height:68px !important;
  margin-bottom:18px !important;
  padding:10px 13px 10px 22px !important;
  border:1px solid #dde6f7 !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 12px 32px rgba(18,47,120,.07) !important;
  backdrop-filter:blur(14px);
}
.adaptadoTopbarV41>strong{
  color:var(--v53-navy) !important;
  font-size:13px !important;
  letter-spacing:.11em !important;
}
.adaptadoAccountV41,.adaptadoLogoutV41{
  min-height:44px !important;
  border-radius:999px !important;
  border:1px solid #d9e2f8 !important;
  background:#fff !important;
  color:var(--v53-navy) !important;
  box-shadow:0 7px 18px rgba(17,52,135,.045) !important;
}
.adaptadoLogoutV41{background:#f4f0ff !important;color:#5533d9 !important;border-color:#ded6ff !important}
.adaptadoAccountV41:hover,.adaptadoLogoutV41:hover{transform:translateY(-1px)}

/* ===== BARRA DE CREDITOS ===== */
.adaptadoCreditsBarV2{
  border:1px solid #d8e4fb !important;
  border-radius:17px !important;
  background:linear-gradient(105deg,#f5f8ff 0%,#eef4ff 100%) !important;
  box-shadow:0 10px 24px rgba(20,54,139,.055) !important;
}
.adaptadoCreditsBarV2.unlimited{
  background:linear-gradient(105deg,#eef5ff 0%,#edf8ff 100%) !important;
  border-color:#c8dafd !important;
}
.adaptadoCreditsBarTextV2>span{color:var(--v53-navy) !important;font-weight:900 !important}
.adaptadoCreditsBarTextV2>small{color:#7080a3 !important}
.adaptadoCreditsBarV2.unlimited .adaptadoCreditsBarValueV2,
.adaptadoCreditsBarValueV2{
  background:linear-gradient(135deg,#194cff,#0b5eff) !important;
  color:#fff !important;
  border-radius:999px !important;
  box-shadow:0 8px 18px rgba(25,76,255,.18) !important;
}

/* ===== DASHBOARD ===== */
.manualDashboardV2{gap:18px !important}
.manualDashboardIntro{padding:4px 2px 2px !important}
.manualDashboardIntro h2{
  margin-bottom:5px !important;
  color:var(--v53-navy) !important;
  font-size:clamp(30px,2.3vw,42px) !important;
  letter-spacing:-.035em !important;
  font-weight:950 !important;
}
.manualDashboardIntro p{color:#6a799d !important;font-size:14px !important;line-height:1.55 !important}

/* ===== HERO INTERNO - alinhado a pagina comercial ===== */
.manualHeroGrid{gap:20px !important;align-items:stretch !important}
.manualHeroCard{
  border-radius:28px !important;
  border:1px solid rgba(98,142,255,.20) !important;
  background:
    radial-gradient(circle at 86% 35%,rgba(0,220,235,.16),transparent 28%),
    radial-gradient(circle at 8% 88%,rgba(29,86,255,.30),transparent 30%),
    linear-gradient(135deg,#04124f 0%,#071f79 48%,#1738b9 100%) !important;
  box-shadow:0 25px 62px rgba(8,27,100,.20) !important;
  overflow:hidden !important;
}
.manualHeroCard::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(82,226,255,.12) 1px,transparent 1.2px);
  background-size:20px 20px;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 92%);
  opacity:.25;
}
.manualHeroInner{min-height:430px !important;padding:34px 30px !important;gap:24px !important}
.manualHeroContent{position:relative;z-index:2}
.manualHeroEyebrow{
  min-height:32px !important;
  margin-bottom:20px !important;
  padding:8px 13px !important;
  color:#7ff6ff !important;
  background:rgba(11,42,139,.72) !important;
  border:1px solid rgba(0,220,235,.34) !important;
  box-shadow:none !important;
  font-size:10.5px !important;
  letter-spacing:.05em !important;
}
.manualDashboardV2 .manualHeroContent h1{
  max-width:650px !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  color:#fff !important;
  font-size:clamp(38px,3.7vw,58px) !important;
  line-height:1.00 !important;
  letter-spacing:-.052em !important;
  font-weight:950 !important;
  text-wrap:balance;
}
.manualHeroContent>p{
  max-width:590px !important;
  margin-top:20px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:15px !important;
  line-height:1.65 !important;
}
.manualHeroActions{gap:11px !important;margin-top:26px !important}
.manualHeroActions button{
  min-height:50px !important;
  padding:0 20px !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#2455ff,#613cf1) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 12px 26px rgba(21,48,185,.28) !important;
  font-weight:900 !important;
}
.manualHeroActions button.secondary{
  background:rgba(4,18,79,.44) !important;
  border-color:rgba(174,206,255,.30) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.manualHeroActions button:hover{transform:translateY(-2px) !important}
.manualHeroIllustration{position:relative;z-index:2}
.manualHeroIllustration svg{filter:drop-shadow(0 22px 32px rgba(0,0,0,.15))}

/* ===== PEDIDO ATIVO ===== */
.manualActiveRequestCard{
  min-height:430px !important;
  padding:27px 24px !important;
  border:1px solid #dfe7f6 !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important;
  box-shadow:var(--v53-shadow) !important;
}
.manualActiveHeader span,.manualSectionHeader span{color:#5f43e6 !important;font-weight:900 !important;letter-spacing:.10em !important}
.manualActiveHeader strong,.manualSectionHeader strong{color:var(--v53-navy) !important}
.manualOrderIdBadge{background:#f5f1ff !important;color:#5d3be3 !important;border-color:#ded5ff !important}
.manualTimelineStep{border-color:#d5def3 !important;color:#6b78a1 !important}
.manualTimeline article.active .manualTimelineStep,
.manualTimeline article.is-active .manualTimelineStep{background:linear-gradient(135deg,#244fff,#6f3cf0) !important;color:#fff !important;border-color:transparent !important}

/* ===== METRICAS ===== */
.manualMetricsGrid{gap:16px !important}
.manualMetricCard{
  min-height:118px !important;
  padding:20px !important;
  border:1px solid #e0e7f6 !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 14px 36px rgba(18,49,126,.07) !important;
  transition:transform .22s ease,box-shadow .22s ease !important;
}
.manualMetricCard:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(18,49,126,.11) !important}
.manualMetricIcon{width:50px !important;height:50px !important;border-radius:16px !important}
.manualMetricCard.tone-purple .manualMetricIcon{background:#f0edff !important;color:#6244e7 !important}
.manualMetricCard.tone-green .manualMetricIcon{background:#e9fbf1 !important;color:#16a85b !important}
.manualMetricCard.tone-blue .manualMetricIcon{background:#eaf1ff !important;color:#1b5ae8 !important}
.manualMetricContent span{color:#59698f !important;font-weight:800 !important}
.manualMetricContent strong{color:var(--v53-navy) !important;font-size:36px !important}
.manualMetricContent small{color:#8793af !important}

/* ===== CARDS INFERIORES ===== */
.manualPanelCard{
  border:1px solid #e0e7f6 !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:0 14px 38px rgba(18,49,126,.065) !important;
}
.manualWorkflowCard,.manualRecentRequestsCard{padding:26px !important}
.manualWorkflowIcon{background:#eff1ff !important;color:#5b42e4 !important;border-color:#e1e3fb !important}
.manualRecentItem{border-radius:13px !important;border-color:#e4eaf6 !important;background:#fbfcff !important}
.manualRecentItem:hover{background:#f4f7ff !important;border-color:#cad8fb !important}

/* ===== FORMULARIOS / OUTRAS TELAS AUTENTICADAS ===== */
.adaptadoShellV41 .stepPanel,
.adaptadoShellV41 .settingsCard,
.adaptadoShellV41 .studentsPanel,
.adaptadoShellV41 .ordersPanel{
  border-color:#e0e7f6 !important;
  box-shadow:0 18px 46px rgba(18,49,126,.075) !important;
}

/* ===== ANIMACAO SUTIL ===== */
@keyframes v53DashboardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.manualDashboardV2>.manualDashboardIntro,
.manualDashboardV2>.manualHeroGrid,
.manualDashboardV2>.manualMetricsGrid,
.manualDashboardV2>.manualLowerGrid{animation:v53DashboardIn .55s ease both}
.manualDashboardV2>.manualHeroGrid{animation-delay:.04s}
.manualDashboardV2>.manualMetricsGrid{animation-delay:.08s}
.manualDashboardV2>.manualLowerGrid{animation-delay:.12s}

/* ===== RESPONSIVO ===== */
@media (max-width:1180px){
  .adaptadoShellV41{grid-template-columns:220px minmax(0,1fr) !important}
  .adaptadoMainV41{padding-left:20px !important;padding-right:20px !important}
  .manualHeroInner{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr) !important}
}

@media (max-width:900px){
  .adaptadoShellV41{display:block !important}
  .adaptadoMainV41{padding:14px 14px 34px !important}
  .adaptadoTopbarV41{border-radius:17px !important}
  .manualHeroInner{grid-template-columns:1fr !important;min-height:auto !important;padding:28px 22px !important}
  .manualDashboardV2 .manualHeroContent h1{font-size:40px !important}
  .manualHeroIllustration{max-width:420px;margin:0 auto !important}
  .manualActiveRequestCard{min-height:auto !important}
}

@media (max-width:640px){
  .manualDashboardIntro h2{font-size:30px !important}
  .manualDashboardIntro p{font-size:13px !important}
  .manualDashboardV2 .manualHeroContent h1{font-size:34px !important;line-height:1.02 !important}
  .manualHeroContent>p{font-size:14px !important}
  .manualHeroActions{display:grid !important;grid-template-columns:1fr !important;width:100% !important}
  .manualHeroActions button{width:100% !important}
  .manualMetricCard{min-height:104px !important}
}

@media (prefers-reduced-motion:reduce){
  .manualDashboardV2>.manualDashboardIntro,
  .manualDashboardV2>.manualHeroGrid,
  .manualDashboardV2>.manualMetricsGrid,
  .manualDashboardV2>.manualLowerGrid{animation:none !important}
}

/* =========================================================
   V54 — APP INTERNO MODERNO
   Apenas visual. Nenhuma regra de backend, API, créditos,
   pedidos, formulários ou eventos foi alterada.
   ========================================================= */

/* --- Sidebar azul premium --- */
.adaptadoSidebarV41{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 92% 7%,rgba(0,224,255,.18),transparent 23%),
    radial-gradient(circle at 12% 80%,rgba(56,78,255,.25),transparent 28%),
    linear-gradient(180deg,#06185f 0%,#08288f 52%,#0735b7 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:18px 0 48px rgba(5,20,83,.14) !important;
  padding:27px 17px 28px !important;
}
.adaptadoSidebarV41::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(135deg,transparent 0 42%,rgba(255,255,255,.025) 42.2% 42.5%,transparent 42.7% 100%),
    radial-gradient(circle,rgba(112,228,255,.11) 1px,transparent 1.2px);
  background-size:auto,22px 22px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.76) 60%,transparent 100%);
}

/* remove a logo gráfica; mantém somente o nome */
.adaptadoBrandV41{
  min-height:60px !important;
  margin:0 0 22px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-decoration:none !important;
}
.adaptadoBrandV41 .adaptadoShellLogo,
.adaptadoBrandV41 img{display:none !important}
.adaptadoBrandV41::before{
  content:"Adaptado";
  display:block;
  color:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
  text-shadow:0 8px 24px rgba(0,0,0,.16);
}

.adaptadoNewButtonV41{
  min-height:56px !important;
  margin-bottom:24px !important;
  padding:0 16px !important;
  border:1px solid rgba(116,244,255,.56) !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#1555ff 0%,#126dff 52%,#4d37ed 100%) !important;
  box-shadow:0 16px 32px rgba(0,16,83,.27),inset 0 1px 0 rgba(255,255,255,.20) !important;
  font-weight:900 !important;
}
.adaptadoNewButtonV41 svg{color:#fff !important;stroke-width:2.15 !important}
.adaptadoNewButtonV41:hover{
  transform:translateY(-2px) !important;
  border-color:#75f6ff !important;
  box-shadow:0 20px 38px rgba(0,16,83,.34),0 0 0 4px rgba(0,224,255,.07) !important;
}

.adaptadoNavV41{gap:7px !important}
.adaptadoNavV41 button{
  min-height:52px !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:15px !important;
  background:transparent !important;
  color:rgba(255,255,255,.80) !important;
  font-size:14px !important;
  font-weight:780 !important;
  letter-spacing:-.01em !important;
  box-shadow:none !important;
}
.adaptadoNavV41 button svg{
  color:rgba(255,255,255,.82) !important;
  stroke-width:1.9 !important;
  transition:color .2s ease,transform .2s ease !important;
}
.adaptadoNavV41 button:hover{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.10) !important;
  transform:translateX(3px) !important;
}
.adaptadoNavV41 button:hover svg{color:#7cf7ff !important;transform:scale(1.04)}
.adaptadoNavV41 button.active,
.adaptadoNavV41 button[aria-current="page"]{
  position:relative !important;
  color:#fff !important;
  background:linear-gradient(135deg,rgba(30,86,255,.94),rgba(17,73,221,.76)) !important;
  border-color:rgba(101,232,255,.26) !important;
  box-shadow:0 12px 27px rgba(0,10,67,.23),inset 0 1px 0 rgba(255,255,255,.13) !important;
}
.adaptadoNavV41 button.active::before,
.adaptadoNavV41 button[aria-current="page"]::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 5px 5px 0;
  background:#66f4ff;
  box-shadow:0 0 16px rgba(102,244,255,.85);
}
.adaptadoNavV41 button.active svg,
.adaptadoNavV41 button[aria-current="page"] svg{color:#fff !important}

/* --- Área principal mais leve e contemporânea --- */
.adaptadoShellV41{
  grid-template-columns:252px minmax(0,1fr) !important;
  background:
    radial-gradient(circle at 80% -8%,rgba(37,90,255,.09),transparent 30%),
    linear-gradient(180deg,#f8faff 0%,#f4f7ff 100%) !important;
}
.adaptadoMainV41{padding:18px 26px 42px !important}
.adaptadoTopbarV41{
  min-height:66px !important;
  border:1px solid rgba(218,228,248,.92) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 14px 38px rgba(15,42,119,.07) !important;
  backdrop-filter:blur(18px) saturate(125%) !important;
}
.adaptadoTopbarV41>strong{font-size:12px !important;letter-spacing:.13em !important;color:#07175c !important}
.adaptadoAccountV41,.adaptadoLogoutV41{
  border-color:#dce5f8 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(19,49,127,.055) !important;
}
.adaptadoLogoutV41{color:#5239d7 !important;background:#f5f2ff !important;border-color:#e2dcff !important}

/* --- Hero dashboard: mesma linguagem visual da venda --- */
.manualDashboardIntro h2{
  color:#08175c !important;
  font-size:clamp(31px,2.25vw,40px) !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}
.manualDashboardIntro p{color:#7481a1 !important}
.manualHeroCard{
  background:
    radial-gradient(circle at 90% 20%,rgba(87,49,238,.58),transparent 31%),
    radial-gradient(circle at 72% 82%,rgba(0,220,235,.11),transparent 28%),
    linear-gradient(135deg,#06185f 0%,#09247f 50%,#2720aa 100%) !important;
  border:1px solid rgba(100,170,255,.22) !important;
  box-shadow:0 26px 66px rgba(8,28,105,.20) !important;
}
.manualHeroInner{min-height:420px !important;padding:34px 30px !important}
.manualHeroEyebrow{
  color:#fff !important;
  background:linear-gradient(135deg,rgba(92,55,235,.72),rgba(50,78,230,.66)) !important;
  border-color:rgba(154,156,255,.34) !important;
}
.manualDashboardV2 .manualHeroContent h1{
  max-width:610px !important;
  color:#fff !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(39px,3.65vw,56px) !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
}
.manualHeroContent>p{max-width:560px !important;color:rgba(255,255,255,.82) !important}
.manualHeroActions button{
  border-radius:14px !important;
  background:linear-gradient(135deg,#145cff,#5438ee) !important;
  border-color:rgba(100,235,255,.20) !important;
  box-shadow:0 14px 28px rgba(1,21,103,.28) !important;
}
.manualHeroActions button.secondary{
  color:#fff !important;
  background:rgba(2,20,84,.35) !important;
  border-color:rgba(255,255,255,.26) !important;
}

/* --- Cards e indicadores --- */
.manualActiveRequestCard,
.manualMetricCard,
.manualPanelCard{
  background:rgba(255,255,255,.96) !important;
  border-color:#dfe7f6 !important;
  box-shadow:0 15px 42px rgba(14,44,126,.075) !important;
}
.manualActiveRequestCard{border-radius:26px !important}
.manualMetricCard{border-radius:20px !important}
.manualMetricCard:hover{transform:translateY(-5px) !important;box-shadow:0 22px 46px rgba(14,44,126,.12) !important}
.manualMetricContent strong{color:#07175c !important;font-weight:950 !important}
.manualOrderIdBadge{border-radius:999px !important}

/* formularios internos sem alterar comportamento */
.adaptadoShellV41 input,
.adaptadoShellV41 select,
.adaptadoShellV41 textarea{
  border-radius:13px !important;
}
.adaptadoShellV41 .primaryBtn,
.adaptadoShellV41 button.primaryBtn{
  border-radius:13px !important;
  background:linear-gradient(135deg,#174cff,#5738eb) !important;
  box-shadow:0 10px 24px rgba(23,76,255,.18) !important;
}

/* sidebar responsiva mantém a mesma identidade azul */
@media (max-width:1180px){
  .adaptadoShellV41{grid-template-columns:224px minmax(0,1fr) !important}
  .adaptadoBrandV41::before{font-size:27px}
}
@media (max-width:900px){
  .adaptadoSidebarV41{
    background:linear-gradient(180deg,#06185f 0%,#082a99 62%,#0735b7 100%) !important;
    box-shadow:18px 0 48px rgba(5,20,83,.22) !important;
  }
  .adaptadoBrandV41::before{font-size:27px}
}

/* =========================================================
   V55 — CARD DE CRÉDITOS
   Ajuste exclusivamente visual. Mantém toda a lógica existente.
   ========================================================= */

/* Tira a barra do posicionamento absoluto antigo e transforma em um
   card horizontal integrado ao layout em todas as telas internas. */
.adaptadoCreditsBarV2,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22{
  position:relative !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:76px !important;
  margin:0 0 18px !important;
  padding:12px 16px 12px 14px !important;
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  overflow:hidden !important;
  border:1px solid #cbdcff !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 10% 50%,rgba(33,89,255,.11),transparent 22%),
    linear-gradient(105deg,#eef5ff 0%,#f6f9ff 48%,#edf8ff 100%) !important;
  box-shadow:0 13px 32px rgba(16,55,149,.085),inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Ícone visual; não adiciona elementos ou eventos ao sistema. */
.adaptadoCreditsBarV2::before{
  content:"✓" !important;
  width:50px !important;
  height:50px !important;
  display:grid !important;
  place-items:center !important;
  grid-column:1 !important;
  grid-row:1 !important;
  border-radius:16px !important;
  color:#2059ff !important;
  background:linear-gradient(145deg,#e8efff,#d9e7ff) !important;
  border:1px solid rgba(48,99,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
  font-size:21px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.adaptadoCreditsBarV2.unlimited::before{
  content:"∞" !important;
  font-size:24px !important;
}

.adaptadoCreditsBarV2 .adaptadoCreditsBarTextV2,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22 .adaptadoCreditsBarTextV2{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  min-width:0 !important;
  padding:0 !important;
}

.adaptadoCreditsBarV2 .adaptadoCreditsBarTextV2 span,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22 .adaptadoCreditsBarTextV2 span{
  display:block !important;
  color:#07175c !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

.adaptadoCreditsBarV2 .adaptadoCreditsBarTextV2 small,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22 .adaptadoCreditsBarTextV2 small{
  display:block !important;
  max-width:720px !important;
  color:#68799f !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Nome real do componente é adaptadoCreditsValueV2. Mantemos também
   o seletor antigo para compatibilidade com versões anteriores. */
.adaptadoCreditsBarV2 .adaptadoCreditsValueV2,
.adaptadoCreditsBarV2 .adaptadoCreditsBarValueV2,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22 .adaptadoCreditsValueV2,
.adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22 .adaptadoCreditsBarValueV2{
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:end !important;
  flex:0 0 auto !important;
  min-width:112px !important;
  min-height:42px !important;
  padding:0 16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#2866f5 0%,#2355dc 60%,#5a42e5 100%) !important;
  box-shadow:0 9px 20px rgba(35,85,220,.23),inset 0 1px 0 rgba(255,255,255,.22) !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.adaptadoCreditsBarV2:not(.unlimited)::before{
  content:"C" !important;
  font-size:18px !important;
  letter-spacing:-.03em !important;
}

.adaptadoCreditsBarV2:not(.unlimited) .adaptadoCreditsValueV2{
  background:linear-gradient(135deg,#2459ed,#5a3ee4) !important;
}

@media (max-width:1050px){
  .adaptadoCreditsBarV2,
  .adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22{
    position:relative !important;
    width:100% !important;
    margin:0 0 16px !important;
  }
}

@media (max-width:640px){
  .adaptadoCreditsBarV2,
  .adaptadoCreditsBarV2.adaptadoCreditsOverRequestV22{
    min-height:68px !important;
    grid-template-columns:44px minmax(0,1fr) auto !important;
    gap:10px !important;
    padding:10px 11px !important;
    border-radius:17px !important;
  }
  .adaptadoCreditsBarV2::before{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
  }
  .adaptadoCreditsBarV2 .adaptadoCreditsBarTextV2 span{
    font-size:13px !important;
  }
  .adaptadoCreditsBarV2 .adaptadoCreditsBarTextV2 small{
    display:none !important;
  }
  .adaptadoCreditsBarV2 .adaptadoCreditsValueV2,
  .adaptadoCreditsBarV2 .adaptadoCreditsBarValueV2{
    min-width:auto !important;
    min-height:38px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }
}


/* =========================================================
   V57 — SIDEBAR ATÉ O FIM DA TELA
   Ajuste apenas visual: garante a barra lateral preenchendo
   toda a altura visível e finalizando com canto arredondado,
   evitando aparência de corte abrupto/bug.
   ========================================================= */

.adaptadoShellV41{
  min-height:100vh !important;
  align-items:stretch !important;
}

.adaptadoSidebarV41{
  min-height:100vh !important;
  height:100% !important;
  align-self:stretch !important;
  border-bottom-right-radius:30px !important;
}

@media (min-width:901px){
  .adaptadoSidebarV41{
    position:sticky !important;
    top:0 !important;
    min-height:100vh !important;
  }
}

@media (max-width:900px){
  .adaptadoShellV41{
    min-height:100vh !important;
  }
  .adaptadoSidebarV41{
    min-height:100vh !important;
    border-bottom-right-radius:26px !important;
    border-bottom-left-radius:0 !important;
    margin-bottom:12px !important;
  }
}


/* =========================================================
   V58 — CORRECAO DEFINITIVA DA ALTURA DA SIDEBAR
   Mantem a barra azul presa a viewport inteira no desktop.
   O arredondamento aparece no canto inferior direito sem
   deixar um bloco azul "cortado" no meio da pagina.
   ========================================================= */
@media (min-width:901px){
  .adaptadoShellV41{
    min-height:100dvh !important;
    align-items:start !important;
  }

  .adaptadoSidebarV41{
    position:sticky !important;
    top:0 !important;
    bottom:auto !important;
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    align-self:start !important;
    box-sizing:border-box !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:0 0 30px 0 !important;
  }
}

@supports not (height:100dvh){
  @media (min-width:901px){
    .adaptadoSidebarV41{
      height:100vh !important;
      min-height:100vh !important;
      max-height:100vh !important;
    }
  }
}
