/* A tua agenda · o arranjo da app de verdade: o ecrã inteiro do telemóvel (sem a moldura das propostas) e, no
   computador, o menu à esquerda, a lista ao meio e o mês ao lado (no Hoje), como na proposta «No computador». */
html{background:var(--fundo)}
body{min-height:100vh}
.app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative}
.app .vista{
  flex:1 0 auto;overflow:visible;width:100%;max-width:640px;margin:0 auto;
  padding:calc(10px + env(safe-area-inset-top)) 16px 26px;
}
.app .pc-menu,.app .pc-lado{display:none}
.app .barra{position:sticky;bottom:0;box-shadow:0 -6px 18px rgba(31,29,43,.05);padding-bottom:calc(12px + env(safe-area-inset-bottom))}
.app.sem-nav .barra{display:none}
.app .camada{position:fixed;inset:0;border-radius:0;z-index:60}
.app .folha{max-height:90%;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
.app .toast{bottom:calc(100px + env(safe-area-inset-bottom))}
.app .faixa,.app .filtro-est{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
.app .entrar{min-height:calc(100vh - 40px);min-height:calc(100svh - 40px);max-width:440px;margin:0 auto}
.app .entrar form{display:flex;flex-direction:column}
.noscript{padding:24px 16px;font-weight:800}

/* a faixa de «pôr no ecrã» (no Hoje, quando o browser o deixa) */
.instalar-faixa{flex-wrap:wrap}
.instalar-faixa > span{flex:1 1 160px}
.instalar-faixa .botao{min-height:44px;padding:0 16px}
.instalar-faixa .bt-icone{width:44px;height:44px}

/* a folha das datas fiscais do ano (Mais) */
.folha-fiscais .linha-def{box-shadow:none;border-radius:0;border-top:1px solid var(--linha);background:transparent;padding-left:0}
.folha-fiscais h3 + .linha-def{border-top:0}
.linha-fisc .vai{gap:6px;flex-wrap:wrap;justify-content:flex-end;text-align:right}
.linha-fisc.desligada{opacity:.62}
.linha-fisc .est{font-size:11px}

/* a mudança de mês na folha de escolher o dia */
.folha .nav-mes .bt-icone{width:44px;height:44px}

/* =============== no computador =============== */
@media (min-width:900px){
  .app.pc{
    display:grid;grid-template-columns:220px minmax(0,640px);gap:26px;align-items:start;
    max-width:1240px;margin:0 auto;padding:20px 22px 28px;min-height:100vh;
  }
  .app.pc.com-lado{grid-template-columns:220px minmax(0,1fr) 350px}
  .app.pc .pc-menu{display:flex;flex-direction:column;gap:4px;position:sticky;top:20px}
  .app.pc .vista{padding:0;max-width:none;margin:0;min-width:0}
  .app.pc.com-lado .vista{max-width:640px}
  .app.pc.com-lado .pc-lado{display:block;position:sticky;top:20px;min-width:0}
  .app.pc .barra{display:none}
  .app.pc .faixa,.app.pc .filtro-est{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  .app.pc .toast{bottom:24px}
  .app.pc .folha{padding-bottom:22px}
  .app.pc.sem-nav{display:block}
  .app.pc.sem-nav .vista{max-width:440px;margin:0 auto}
}
@media (min-width:900px) and (max-width:1120px){
  .app.pc.com-lado{grid-template-columns:200px minmax(0,1fr)}
  .app.pc.com-lado .pc-lado{grid-column:2;position:static}
}
.folha-recusados .recusado{border-top:1px solid var(--linha);padding:12px 0}
.folha-recusados .recusado:first-child{border-top:0}
.folha-recusados .recusado p{margin:0}
.folha-recusados .recusado small{display:block;font-size:13px;font-weight:700;color:var(--tinta-2);margin-top:2px}
.folha-recusados .linha-botoes{margin-top:8px}
.por-enviar{display:flex;align-items:center;gap:6px}
.grupo-recusados .linha-def{border-top:0}