.modal-backdrop,.htd-dialog-overlay,.htd-alert-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.modal-head,.htd-dialog-card,.htd-alert-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hero .quick-actions{align-items:stretch!important}
.hero .quick-action{height:100%!important}
@media (max-width:1050px){.hero .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.hero .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero .quick-action b{min-height:32px!important}.hero .quick-action small{min-height:34px!important}}


@media (min-width:1051px){
 .user-dashboard-grid{align-items:stretch!important}
 .user-dashboard-grid>.user-dashboard-primary,.user-dashboard-grid>.user-dashboard-progress{align-self:stretch!important;height:100%!important;min-height:100%!important}
 .user-dashboard-primary{display:flex!important;flex-direction:column!important}
 .user-dashboard-primary>.quick-actions{margin-top:auto!important}
 .user-dashboard-progress{display:flex!important;flex-direction:column!important}
}
.previous-load-hint{display:block!important;visibility:visible!important;opacity:1!important}


.user-dashboard-smart-actions{align-items:stretch!important;gap:9px!important}
.user-dashboard-smart-actions .user-smart-action{position:relative!important;min-height:92px!important;height:100%!important;padding:11px 12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;background:linear-gradient(180deg,#0d151d,#0b131a)!important;border:1px solid #2a3948!important;border-radius:13px!important;box-shadow:none!important;overflow:hidden!important}
.user-dashboard-smart-actions .user-smart-action:hover{border-color:rgba(182,255,54,.34)!important;background:linear-gradient(180deg,#101a23,#0d161e)!important;transform:translateY(-1px)!important}
.user-smart-action-top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:6px!important}
.user-smart-action-icon{width:27px!important;height:27px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:rgba(182,255,54,.075)!important;color:#e8f2df!important;border:1px solid rgba(182,255,54,.12)!important;font-size:15px!important;line-height:1!important;margin:0!important}
.user-smart-action-icon svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.user-smart-action-arrow{font-size:13px!important;line-height:1!important;color:#68798a!important;transition:.15s!important}
.user-smart-action:hover .user-smart-action-arrow{color:var(--brand)!important;transform:translateX(2px)!important}
.user-smart-action>b{font-size:12.5px!important;line-height:1.2!important;min-height:0!important;margin:0 0 4px!important;color:#f4f7fa!important}
.user-smart-action>strong{font-size:15px!important;line-height:1.15!important;letter-spacing:-.015em!important;color:#a9b9c8!important;margin:0!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-smart-action>small{display:none!important}
.user-smart-action .quick-weight-icon,.user-smart-action .quick-report-icon{margin:0!important}
@media(max-width:1050px){.user-dashboard-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.user-dashboard-smart-actions .user-smart-action{min-height:90px!important}}
@media(max-width:560px){.user-dashboard-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.user-dashboard-smart-actions .user-smart-action{min-height:86px!important;padding:10px!important}.user-smart-action-icon{width:25px!important;height:25px!important}.user-smart-action>b{font-size:11.5px!important}.user-smart-action>strong{font-size:14px!important}}
@media(max-width:350px){.user-dashboard-smart-actions{grid-template-columns:1fr!important}.user-dashboard-smart-actions .user-smart-action{min-height:82px!important}}


.hero .user-dashboard-smart-actions .user-smart-action{min-height:92px!important;height:100%!important;padding:11px 12px!important}
.hero .user-dashboard-smart-actions .user-smart-action>b{min-height:0!important}
.hero .user-dashboard-smart-actions .user-smart-action>strong{min-height:0!important}
.hero .user-dashboard-smart-actions .user-smart-action>small{display:none!important;min-height:0!important}
@media(max-width:1050px){.hero .user-dashboard-smart-actions .user-smart-action{min-height:90px!important}}
@media(max-width:560px){.hero .user-dashboard-smart-actions .user-smart-action{min-height:86px!important;padding:10px!important}}


.user-dashboard-smart-actions{align-items:stretch!important}
.hero .user-dashboard-smart-actions .user-smart-action{min-height:76px!important;height:76px!important;padding:10px 12px!important;justify-content:center!important;gap:0!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-top{margin-bottom:7px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon{width:31px!important;height:31px!important;border-radius:9px!important;font-size:17px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon svg{width:18px!important;height:18px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-arrow{font-size:14px!important}
.hero .user-dashboard-smart-actions .user-smart-action>b{font-size:13.5px!important;line-height:1.18!important;min-height:0!important;margin:0!important}
.hero .user-dashboard-smart-actions .user-smart-action>strong,.hero .user-dashboard-smart-actions .user-smart-action>small{display:none!important}
@media(max-width:1050px){.hero .user-dashboard-smart-actions .user-smart-action{min-height:74px!important;height:74px!important;padding:10px 11px!important}.hero .user-dashboard-smart-actions .user-smart-action>b{font-size:13px!important}}
@media(max-width:560px){.hero .user-dashboard-smart-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.hero .user-dashboard-smart-actions .user-smart-action{min-height:72px!important;height:72px!important;padding:9px 10px!important}.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon{width:29px!important;height:29px!important;font-size:16px!important}.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon svg{width:16px!important;height:16px!important}.hero .user-dashboard-smart-actions .user-smart-action>b{font-size:12.5px!important}}
@media(max-width:350px){.hero .user-dashboard-smart-actions{grid-template-columns:1fr!important}}


.hero .user-dashboard-smart-actions .user-smart-action{position:relative!important;padding-right:38px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-top{justify-content:flex-start!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-arrow{position:absolute!important;right:12px!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;line-height:1!important}
.hero .user-dashboard-smart-actions .user-smart-action:hover .user-smart-action-arrow{transform:translateY(-50%) translateX(2px)!important}
@media(max-width:560px){.hero .user-dashboard-smart-actions .user-smart-action{padding-right:34px!important}.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-arrow{right:10px!important}}


/* HTD v13.5.11 — segundo ajuste de tamanho dos atalhos da home do usuário */
.hero .user-dashboard-smart-actions .user-smart-action{min-height:90px!important;height:90px!important;padding:12px 14px!important;padding-right:42px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-top{margin-bottom:8px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon{width:36px!important;height:36px!important;border-radius:10px!important;font-size:19px!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon svg{width:18px!important;height:18px!important}
.hero .user-dashboard-smart-actions .user-smart-action>b{font-size:14.5px!important;line-height:1.18!important}
.hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-arrow{font-size:15px!important;right:14px!important}
@media(max-width:1050px){
 .hero .user-dashboard-smart-actions .user-smart-action{min-height:88px!important;height:88px!important;padding:11px 13px!important;padding-right:40px!important}
 .hero .user-dashboard-smart-actions .user-smart-action>b{font-size:13.5px!important}
}
@media(max-width:560px){
 .hero .user-dashboard-smart-actions .user-smart-action{min-height:86px!important;height:86px!important;padding:10px 12px!important;padding-right:38px!important}
 .hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon{width:34px!important;height:34px!important;font-size:18px!important}
 .hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-icon svg{width:17px!important;height:17px!important}
 .hero .user-dashboard-smart-actions .user-smart-action>b{font-size:13px!important}
 .hero .user-dashboard-smart-actions .user-smart-action .user-smart-action-arrow{right:12px!important}
}


/* HTD v13.6.0 — refinamento premium do menu lateral */
.side{
 background:
  radial-gradient(circle at 22% 0%,rgba(124,255,30,.055),transparent 27%),
  radial-gradient(circle at 100% 88%,rgba(91,142,180,.035),transparent 30%),
  linear-gradient(180deg,rgba(8,16,23,.985) 0%,rgba(6,13,19,.985) 58%,rgba(5,11,16,.99) 100%)!important;
 border-right:1px solid rgba(138,158,176,.16)!important;
 box-shadow:18px 0 50px rgba(0,0,0,.18)!important;
 isolation:isolate;
}
.side:before{
 content:"";position:absolute;z-index:-1;pointer-events:none;left:18px;right:18px;top:0;height:1px;
 background:linear-gradient(90deg,transparent,rgba(124,255,30,.42),transparent);opacity:.6;
}
.side:after{
 content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:-1px;width:1px;height:100%;
 background:linear-gradient(180deg,rgba(124,255,30,.2),rgba(255,255,255,.03) 28%,rgba(255,255,255,.02) 72%,transparent);
 opacity:.45;
}
.side .htd-brand{
 position:relative!important;margin:0 5px 20px!important;padding:2px 7px 20px!important;
 border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.side .app-brand-logo{
 width:148px!important;max-width:100%!important;
 filter:drop-shadow(0 8px 22px rgba(0,0,0,.28));
 transition:filter .2s ease,transform .2s ease;
}
.side .htd-brand:hover .app-brand-logo{filter:drop-shadow(0 10px 26px rgba(124,255,30,.075));transform:translateY(-1px)}
.side .nav{gap:7px!important;padding:1px 0!important}
.side .nav button{
 position:relative!important;overflow:hidden!important;min-height:50px!important;padding:8px 10px!important;
 border:1px solid transparent!important;border-radius:14px!important;
 background:transparent!important;color:#9ba8b5!important;font-weight:780!important;
 transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.side .nav button .ico{
 width:34px!important;height:34px!important;flex:0 0 34px!important;margin:0!important;
 display:grid!important;place-items:center!important;border-radius:10px!important;
 border:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.027)!important;
 color:#a6b1bc!important;font-size:17px!important;line-height:1!important;
 transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.side .nav button .ico svg{width:18px!important;height:18px!important;stroke-width:1.8!important}
.side .nav button>span:last-child{font-size:13.5px!important;line-height:1.1!important;letter-spacing:.003em!important}
.side .nav button:hover{
 transform:translateX(2px)!important;color:#eef3f6!important;
 background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
 border-color:rgba(151,170,187,.11)!important;
}
.side .nav button:hover .ico{
 color:#edf4f7!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important;
}
.side .nav button.active{
 color:#f5f8fa!important;
 background:linear-gradient(90deg,rgba(124,255,30,.115),rgba(18,28,37,.74) 62%,rgba(124,255,30,.022))!important;
 border-color:rgba(124,255,30,.15)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 22px rgba(0,0,0,.12)!important;
}
.side .nav button.active:before{
 content:""!important;display:block!important;position:absolute!important;left:0!important;top:11px!important;bottom:11px!important;
 width:2px!important;border-radius:0 3px 3px 0!important;background:var(--brand)!important;
 box-shadow:0 0 12px rgba(124,255,30,.38)!important;
}
.side .nav button.active .ico{
 color:var(--brand)!important;background:rgba(124,255,30,.095)!important;border-color:rgba(124,255,30,.19)!important;
 box-shadow:inset 0 0 0 1px rgba(124,255,30,.025),0 0 18px rgba(124,255,30,.045)!important;
}
.side .nav button.active>span:last-child{color:#fff!important}
.side-utils{
 margin-top:auto!important;padding:15px 4px 5px!important;gap:7px!important;
 border-top:1px solid rgba(255,255,255,.06)!important;
}
.side-util-btn{
 width:39px!important;height:39px!important;flex-basis:39px!important;border-radius:11px!important;
 border-color:rgba(255,255,255,.065)!important;background:rgba(255,255,255,.022)!important;color:#929fab!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.side-util-btn:hover{
 color:#f4f7f9!important;background:rgba(255,255,255,.052)!important;border-color:rgba(255,255,255,.11)!important;
 transform:translateY(-1px)!important;
}
.side-util-btn.active{
 color:var(--brand)!important;background:rgba(124,255,30,.085)!important;border-color:rgba(124,255,30,.18)!important;
 box-shadow:inset 0 0 0 1px rgba(124,255,30,.025),0 0 15px rgba(124,255,30,.035)!important;
}
@media(max-width:760px){
 .side{box-shadow:10px 0 30px rgba(0,0,0,.16)!important}
 .side:before{left:10px;right:10px}
 .side .htd-brand{margin:0 0 18px!important;padding:0 2px 17px!important;justify-content:center!important}
 .side .app-brand-logo{width:58px!important;max-height:58px!important}
 .side .nav{gap:7px!important}
 .side .nav button{min-height:50px!important;padding:7px!important;justify-content:center!important;border-radius:13px!important}
 .side .nav button .ico{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}
 .side .nav button.active:before{top:12px!important;bottom:12px!important}
 .side-utils{padding:12px 0 4px!important;justify-content:center!important;gap:5px!important}
 .side-util-btn{width:36px!important;height:36px!important;flex-basis:36px!important}
}


/* HTD v13.6.5 — divisor desktop neutro + menu mobile/tablet sem cards internos */
@media (min-width:1101px){
 /* Divisor web: linha verde fina, contínua e discreta entre logo e navegação. */
 .side .htd-brand:before{
  content:""!important;display:block!important;position:absolute!important;left:14px!important;right:14px!important;bottom:0!important;height:1px!important;
  background:rgba(121,227,61,.34)!important;
  box-shadow:none!important;opacity:1!important;border-radius:999px!important;
 }
}
@media (max-width:1100px){
 /* A barra em si continua limpa: sem painel/card envolvendo a navegação. */
 .side .nav{
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
 }
 .side .nav:before,.side .nav:after{display:none!important}
 /* Itens inativos ficam soltos sobre o fundo da barra. */
 .side .nav button,.side .nav button:nth-child(n){
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
  border-radius:11px!important;transform:none!important;
 }
 .side .nav button:before,.side .nav button:after{display:none!important}
 .side .nav button:hover{
  background:rgba(255,255,255,.035)!important;border:0!important;box-shadow:none!important;transform:none!important;
 }
 /* Ícone sem card dentro do botão. */
 .side .nav button .ico,.side .nav button:hover .ico,.side .nav button.active .ico{
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:inherit!important;
 }
 .side .nav button .ico:before,.side .nav button .ico:after{display:none!important}
 /* Apenas o botão selecionado recebe o verde. */
 .side .nav button.active{
  background:var(--brand)!important;color:#071000!important;border:0!important;box-shadow:none!important;text-shadow:none!important;
 }
 .side .nav button.active>span:last-child{color:#071000!important;text-shadow:none!important}
 .side .nav button.active .ico svg{stroke:currentColor!important}
}
@media (max-width:820px){
 .side{
  border-top:1px solid rgba(151,169,184,.14)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.22)!important;
 }
}


/* HTD v13.6.6 — ajustes EXCLUSIVOS do relatório no mobile */
@media (max-width:760px){
 .report-preview-card .report-export-actions{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  align-items:stretch!important;
 }
 .report-preview-card .report-export-actions .btn{
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 12px!important;
  margin:0!important;
  border-radius:12px!important;
 }
 .report-preview-card .report-export-actions .report-eye-btn{
  width:48px!important;
  min-width:48px!important;
  padding:0!important;
 }
 .report-preview-card .report-export-actions .report-eye-btn svg{
  width:21px!important;
  height:21px!important;
 }
 .report-preview-card .report-kpi-period b{
  font-size:15px!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:normal!important;
 }
}
@media (max-width:390px){
 .report-preview-card .report-export-actions{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important}
 .report-preview-card .report-export-actions .report-eye-btn{width:44px!important;min-width:44px!important}
 .report-preview-card .report-export-actions .btn{padding:0 8px!important}
 .report-preview-card .report-kpi-period b{font-size:13.5px!important}
}


/* HTD v13.6.8 — topo mobile compacto + objetivo em 1 linha + divisor web real */
@media (max-width:760px){
 /* Topo: sino fixado no canto superior direito, sem criar altura artificial. */
 .top,
 .profile-page-top,
 .pro-student-shell .top,
 .pro-student-page .top{
  position:relative!important;
  padding-right:82px!important;
  align-items:flex-start!important;
 }

 .dashboard-top-actions{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin-top:16px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:0!important;
 }
 .dashboard-top-actions > *:first-child{
  position:absolute!important;
  top:6px!important;
  right:0!important;
  margin:0!important;
  z-index:3!important;
 }
 .dashboard-top-actions .tag{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:6px 9px!important;
  font-size:9px!important;
  line-height:1.1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
 }

 /* Mantém o sino também no topo direito nas demais telas do usuário. */
 .profile-page-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:12px!important;
  min-height:0!important;
 }
 .profile-page-actions > *:first-child{
  position:absolute!important;
  top:6px!important;
  right:0!important;
  margin:0!important;
  z-index:3!important;
 }

 /* Evita o espaço grande entre o cabeçalho e o próximo card. */
 .top{margin-bottom:18px!important}
}

@media (max-width:390px){
 .dashboard-top-actions .tag{
  font-size:8.35px!important;
  padding:5px 8px!important;
  letter-spacing:-.018em!important;
 }
}

@media (min-width:1101px){
 /* Divisor web como borda real: não depende de pseudo-elementos antigos. */
 .side:after{display:none!important}
 .side .htd-brand{
  position:relative!important;
  margin:0 0 18px!important;
  padding:8px 10px 17px!important;
  border:0!important;
  border-bottom:1px solid rgba(121,227,61,.62)!important;
  background:transparent!important;
  box-shadow:none!important;
 }
 .side .htd-brand:before,
 .side .htd-brand:after{
  display:none!important;
  content:none!important;
 }
}


/* HTD v13.7.6 — divisor real abaixo do logo */
.side .htd-brand-divider{display:none}
@media (min-width:761px){
  .side .htd-brand{margin-bottom:10px!important;padding-bottom:0!important;border-bottom:0!important}
  .side .htd-brand:before,.side .htd-brand:after{display:none!important;content:none!important}
  .side .htd-brand-divider{
    display:block!important;
    height:1px!important;
    width:calc(100% - 14px)!important;
    margin:0 7px 18px!important;
    background:rgba(121,227,61,.72)!important;
    border-radius:999px!important;
    box-shadow:0 0 0 1px rgba(121,227,61,.03), 0 0 12px rgba(121,227,61,.08)!important;
    opacity:1!important;
    position:relative!important;
    z-index:2!important;
  }
}
@media (max-width:760px){
  .side .htd-brand-divider{display:none!important}
}


/* HTD v13.7.7 — remove risco residual abaixo do logo e aumenta levemente o logo */
@media (min-width:761px){
  .side .htd-brand{
    margin:0 2px 8px!important;
    padding:4px 6px 6px!important;
    min-height:auto!important;
    border:0!important;
    border-bottom:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .side .htd-brand:before,
  .side .htd-brand:after{
    display:none!important;
    content:none!important;
    background:none!important;
    box-shadow:none!important;
    border:0!important;
  }
  .side .app-brand-logo{
    width:168px!important;
    max-width:100%!important;
    max-height:168px!important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))!important;
  }
  .side .htd-brand-divider{
    display:block!important;
    width:calc(100% - 20px)!important;
    height:1px!important;
    margin:0 10px 18px!important;
    background:rgba(121,227,61,.72)!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:0 0 10px rgba(121,227,61,.07)!important;
    position:relative!important;
    z-index:2!important;
  }
}


.workout-timer-edit-card{align-items:center!important}
.workout-duration-editor{display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:9px;min-width:min(360px,48%)}
.workout-duration-editor label{margin-bottom:5px;font-size:9px}
.workout-duration-editor input{text-align:center;font-weight:900;font-size:15px;padding:10px 8px}
@media(max-width:760px){
 .workout-timer-edit-card{align-items:stretch!important}
 .workout-duration-editor{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr))}
 .workout-duration-editor input{font-size:14px;padding:10px 6px}
}


/* HTD v13.6.2 — premium sidebar final override: desktop only */
@media (min-width:1101px){
 .app{grid-template-columns:292px minmax(0,1fr)!important}
 .side{
  width:292px!important;height:100vh!important;padding:20px 16px 18px!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
  background:
   radial-gradient(circle at 16% 2%,rgba(182,255,54,.075),transparent 19%),
   linear-gradient(180deg,#091119 0%,#081018 48%,#070d13 100%)!important;
  border-right:1px solid rgba(148,166,182,.15)!important;
  box-shadow:14px 0 38px rgba(0,0,0,.18),inset -1px 0 0 rgba(255,255,255,.018)!important;
  isolation:isolate!important;
 }
 .side:before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:linear-gradient(118deg,transparent 0 47%,rgba(255,255,255,.013) 48%,transparent 49% 100%)!important;
  background-size:34px 34px!important;pointer-events:none!important;
 }
 .side:after{
  content:""!important;display:block!important;position:absolute!important;left:16px!important;right:16px!important;top:112px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(182,255,54,.34),rgba(255,255,255,.08),transparent)!important;
  pointer-events:none!important;
 }
 .side .htd-brand{
  position:relative!important;min-height:82px!important;margin:0 0 18px!important;padding:15px 16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(154,172,187,.13)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.014))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 26px rgba(0,0,0,.15)!important;
  overflow:hidden!important;
 }
 .side .htd-brand:before{
  content:""!important;display:block!important;position:absolute!important;left:16px!important;right:16px!important;bottom:8px!important;height:2px!important;
  border-radius:999px!important;background:linear-gradient(90deg,transparent,rgba(182,255,54,.75),transparent)!important;
  box-shadow:0 0 13px rgba(182,255,54,.13)!important;
 }
 .side .htd-brand:after{
  content:""!important;position:absolute!important;right:-22px!important;top:-36px!important;width:112px!important;height:112px!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(182,255,54,.12),transparent 67%)!important;pointer-events:none!important;
 }
 .side .app-brand-logo{
  width:158px!important;max-width:100%!important;position:relative!important;z-index:1!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))!important;
 }
 .side .nav{
  flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;
  padding:9px!important;margin:0!important;border:1px solid rgba(154,172,187,.095)!important;border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.010))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.023),0 14px 30px rgba(0,0,0,.10)!important;
  overflow:hidden!important;
 }
 .side .nav:before{display:none!important}
 .side .nav button{
  position:relative!important;width:100%!important;min-height:58px!important;height:58px!important;
  padding:7px 38px 7px 8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))!important;
  color:#9eabb8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.012)!important;transform:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
 }
 .side .nav button:before{display:none!important}
 .side .nav button:after{
  content:""!important;display:block!important;position:absolute!important;right:17px!important;top:50%!important;width:6px!important;height:6px!important;
  margin-top:-3px!important;border-radius:50%!important;background:#52616e!important;opacity:.40!important;transform:none!important;
  box-shadow:none!important;transition:.18s!important;
 }
 .side .nav button .ico{
  position:relative!important;width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;
  margin:0!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;
  background:linear-gradient(145deg,#151f29,#0d151d)!important;color:#9facb8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 6px 12px rgba(0,0,0,.13)!important;
 }
 .side .nav button .ico:after{
  content:""!important;display:block!important;position:absolute!important;inset:4px!important;border:1px solid rgba(255,255,255,.025)!important;border-radius:9px!important;pointer-events:none!important;
 }
 .side .nav button .ico svg{width:19px!important;height:19px!important;stroke-width:1.85!important}
 .side .nav button>span:last-child{
  min-width:0!important;font-size:13.5px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:.002em!important;
  color:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 }
 .side .nav button:hover{
  color:#f5f8fa!important;border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.032),0 8px 18px rgba(0,0,0,.13)!important;transform:none!important;
 }
 .side .nav button:hover .ico{
  color:#f4f7fa!important;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,#1a2732,#101922)!important;
 }
 .side .nav button:hover:after{background:#a0acb7!important;opacity:.75!important}
 .side .nav button.active{
  color:#fff!important;border-color:rgba(182,255,54,.28)!important;
  background:
   linear-gradient(90deg,rgba(182,255,54,.18) 0%,rgba(182,255,54,.075) 28%,rgba(18,29,38,.94) 72%,rgba(12,20,28,.98) 100%)!important;
  box-shadow:inset 3px 0 0 var(--brand),inset 0 1px 0 rgba(255,255,255,.05),0 9px 22px rgba(0,0,0,.16),0 0 22px rgba(182,255,54,.035)!important;
 }
 .side .nav button.active:before{display:none!important}
 .side .nav button.active:after{
  width:8px!important;height:8px!important;margin-top:-4px!important;right:16px!important;background:var(--brand)!important;opacity:1!important;
  box-shadow:0 0 10px rgba(182,255,54,.44)!important;
 }
 .side .nav button.active .ico{
  color:#caff6a!important;border-color:rgba(182,255,54,.31)!important;
  background:linear-gradient(145deg,rgba(182,255,54,.18),rgba(182,255,54,.055))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 17px rgba(182,255,54,.08)!important;
 }
 .side-utils{
  margin:auto 0 0!important;padding:11px!important;min-height:62px!important;display:flex!important;align-items:center!important;gap:8px!important;
  border:1px solid rgba(154,172,187,.095)!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.009))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
 }
 .side-util-btn{
  width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(145deg,#151f29,#0d151d)!important;color:#9eabb7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
 }
 .side-util-btn:hover{color:#fff!important;border-color:rgba(255,255,255,.13)!important;background:#16222d!important;transform:none!important}
 .side-util-btn.active{color:var(--brand)!important;border-color:rgba(182,255,54,.25)!important;background:rgba(182,255,54,.08)!important;box-shadow:inset 0 0 0 1px rgba(182,255,54,.025)!important}
 .main{grid-column:2!important;padding-left:clamp(24px,3.4vw,52px)!important}
}


/* HTD v13.6.3 — premium clean: sem cards externos no logo/navegação e borda ativa uniforme */
@media (min-width:1101px){
 .side .htd-brand{
  min-height:80px!important;margin:0 0 18px!important;padding:8px 10px 16px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
 }
 .side .htd-brand:before{
  left:22px!important;right:22px!important;bottom:0!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(182,255,54,.35),rgba(255,255,255,.07),transparent)!important;
  box-shadow:none!important;
 }
 .side .htd-brand:after{display:none!important}
 .side .app-brand-logo{width:160px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.30))!important}
 .side .nav{
  padding:0!important;margin:0!important;gap:7px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
 }
 .side .nav button{
  border:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,.006))!important;
 }
 .side .nav button:hover{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.022))!important;
 }
 .side .nav button.active{
  border:1px solid rgba(182,255,54,.30)!important;
  background:linear-gradient(100deg,rgba(182,255,54,.125),rgba(20,31,40,.94) 46%,rgba(11,19,26,.97) 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 9px 22px rgba(0,0,0,.15),0 0 22px rgba(182,255,54,.025)!important;
 }
 .side .nav button.active:before{display:none!important}
}


/* HTD v13.6.4 — rodapé clean e divisor do logo refinado */
@media (min-width:1101px){
 /* Remove a segunda linha estrutural antiga e deixa apenas um divisor sob a marca. */
 .side:after{display:none!important}
 .side .htd-brand{margin-bottom:19px!important;padding-bottom:17px!important}
 .side .htd-brand:before{
  content:""!important;display:block!important;position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(157,174,188,.08) 17%,rgba(157,174,188,.16) 38%,rgba(182,255,54,.19) 50%,rgba(157,174,188,.16) 62%,rgba(157,174,188,.08) 83%,transparent 100%)!important;
  border-radius:999px!important;box-shadow:none!important;opacity:.9!important;
 }
 /* Utilidades diretamente sobre o fundo da sidebar, sem card externo. */
 .side-utils{
  margin:auto 0 0!important;padding:10px 2px 2px!important;min-height:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
 }
 /* Sair fica ainda mais discreto: sem caixa permanente em volta do ícone. */
 .side-utils .side-util-btn:last-child{
  border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#8996a2!important;
 }
 .side-utils .side-util-btn:last-child:hover{
  border-color:rgba(255,108,116,.10)!important;background:rgba(255,108,116,.045)!important;color:#ff858d!important;box-shadow:none!important;
 }
}