/* CENTRAL 5.4.2 — AJUSTES PRECISOS DE DESKTOP
   Trilho lateral compacto, captura retangular e livro-caixa sem área morta. */

/* A área de escrita deixa de imitar uma folha oval em qualquer tamanho de tela. */
#captureDialog .capture-field textarea{
  box-sizing:border-box!important;
  border-radius:16px!important;
}

@media(min-width:900px){
  /* O menu lateral passa a ter aproximadamente metade da largura anterior. */
  .app-shell,.app-shell.no-topbar{
    grid-template-columns:104px minmax(0,1fr)!important;
  }
  .bottom-nav,.bottom-nav.four{
    box-sizing:border-box!important;
    width:104px!important;
    padding:22px 10px!important;
    align-items:center!important;
  }
  .bottom-nav .nav-item,.bottom-nav.four .nav-item{
    box-sizing:border-box!important;
    width:76px!important;
    min-height:60px!important;
    margin:0 auto!important;
    padding:6px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
  }
  .bottom-nav .nav-item small,.bottom-nav.four .nav-item small{
    width:100%;
    text-align:center;
    line-height:1.1;
  }

  /* O livro-caixa usa sua coluna inteira e cresce só até o conteúdo disponível. */
  .finance-view.active{
    grid-template-rows:auto auto auto auto!important;
  }
  .finance-ledger{
    grid-area:ledger!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:calc(100dvh - 206px)!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .finance-ledger>.finance-list-head{
    grid-area:auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    margin:0!important;
    padding:14px 18px!important;
    align-self:auto!important;
  }
  .finance-ledger>.finance-list{
    grid-area:auto!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:calc(100dvh - 272px)!important;
    margin:0!important;
    padding:12px 12px 14px!important;
    align-self:start!important;
    overflow-y:auto!important;
  }
  .finance-ledger>.finance-list>.finance-row,
  .finance-ledger>.finance-list>.finance-empty{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
  }
}

@media(max-width:599px){
  #captureDialog .capture-field textarea{border-radius:14px!important}
}

@media(prefers-reduced-motion:reduce){
  .bottom-nav .nav-item{transition:none!important}
}