/* P.E.M. V56.6 — ajustes de legibilidade e disposição para computador.
   Escopo visual: não altera dados, navegação ou autenticação. */
@media (min-width:980px){
  .pem-shell{
    width:100%;max-width:1400px!important;
    margin-inline:auto!important;
    padding-left:230px!important;padding-right:28px!important;
    min-width:0!important;
  }
  .pem-shell .app-main{
    width:100%!important;max-width:1040px!important;
    margin-inline:auto!important;min-width:0!important;
    padding-bottom:48px!important;
  }
  .pem-shell .view{min-width:0!important;max-width:100%!important;padding-bottom:48px!important}
  .pem-shell .bottom-nav{
    position:fixed!important;
    top:112px!important;
    bottom:auto!important;
    left:max(24px,calc((100vw - 1400px)/2 + 24px))!important;
    right:auto!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    width:184px!important;max-width:184px!important;
    height:auto!important;min-height:0!important;
    max-height:calc(100dvh - 136px)!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    gap:8px!important;padding:16px 10px!important;
    border:1px solid var(--line)!important;border-radius:18px!important;
    background:var(--card)!important;
  }
  .pem-shell .bottom-nav::before{content:'SEU ESTUDO';font-size:11px;letter-spacing:.11em;color:var(--muted);padding:0 12px 8px}
  .pem-shell .bottom-nav::after{content:'P.E.M. · ÁREA DO ALUNO';font-size:10px;letter-spacing:.04em;color:var(--muted);padding:14px 8px 0;margin-top:4px;border-top:1px solid var(--line)}
  .pem-shell .bottom-nav button{
    width:100%!important;min-height:52px!important;height:auto!important;
    padding:10px 12px!important;display:flex!important;flex-direction:row!important;
    justify-content:flex-start!important;align-items:center!important;
    gap:10px!important;text-align:left!important;
    font-size:13px!important;line-height:1.3!important;
    white-space:normal!important;
  }
  .pem-shell .bottom-nav button svg{flex-shrink:0!important}
  .pem-shell .pem-command-center,.pem-shell .question-bank-view,.pem-shell .plan-view,.pem-shell .pem-progress-view{
    max-width:100%!important;min-width:0!important;
  }
  .pem-shell .pem-v6-topline{flex-wrap:wrap!important;gap:12px!important}
  .pem-shell .pem-v6-metric{min-width:0!important}
  .pem-shell .pem-v6-metric span,.pem-shell .pem-v6-metric small{
    font-size:11px!important;line-height:1.4!important;white-space:normal!important;
  }
  .pem-shell .pem-v6-task strong{font-size:13px!important}
  .pem-shell .pem-v6-task small{font-size:11px!important;line-height:1.5!important}
  .pem-shell .pem-v6-primary,.pem-shell .pem-v6-secondary,.pem-shell .pem-v6-ghost{font-size:13px!important}
  .pem-shell .pem-v6-hero .reason{font-size:13px!important;line-height:1.55!important}
  .pem-shell .pem-v6-hero .discipline{font-size:13px!important}
  .pem-shell .view-heading h1{line-height:1.13!important}
  .pem-shell .advanced-bank-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pem-shell .advanced-bank-filters label{font-size:13px!important}
  .pem-shell .advanced-bank-filters select{min-width:0!important;max-width:100%!important}
}
@media (min-width:1240px){
  .pem-shell .advanced-bank-filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Em notebooks menores, evitar barras que ultrapassem a área disponível. */
@media (min-width:781px) and (max-width:979px){
  .pem-shell .app-main{max-width:900px!important;padding-inline:20px!important}
  .pem-shell .view{min-width:0!important}
  .pem-shell .pem-v6-hero-grid{grid-template-columns:minmax(0,1fr)!important}
  .pem-shell .pem-v6-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pem-shell .advanced-bank-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}