/* Estrutura comum de todas as páginas internas do BookJornal. */
.dashboard.app-shell{
  --page-gutter:32px;
  --page-top:12px;
  --page-bottom:32px;
}
.dashboard.app-shell>main{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:var(--page-top) var(--page-gutter) var(--page-bottom);
}
.dashboard.app-shell>main.readings,
.dashboard.app-shell>main.community,
.dashboard.app-shell>main.library{
  display:block;
}
.dashboard.app-shell>.shell-header,
.dashboard.app-shell>.shell-footer{
  max-width:none;
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
@media(min-width:1600px){
  .dashboard.app-shell{--page-gutter:40px}
}
@media(max-width:600px){
  .dashboard.app-shell{--page-gutter:20px;--page-top:12px}
}

/* Cabeçalho único das páginas internas: títulos, ações e espaçamentos. */
.dashboard.app-shell .app-page-heading{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;margin:0 0 10px;min-height:0;
}
.dashboard.app-shell .app-page-heading h1{
  font:normal clamp(24px,1.8vw,28px)/1.15 Georgia,serif;
  letter-spacing:-.5px;margin:3px 0;color:#624d39;
}
.dashboard.app-shell .app-page-heading p{
  margin:0;font-size:12px;line-height:1.4;color:#8a7d6c;
}
.dashboard.app-shell .app-page-heading .tag{font-size:10px;line-height:1.2;margin:0}
.dashboard.app-shell .app-heading-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;
}
.dashboard.app-shell .app-heading-period{
  display:flex;align-items:center;gap:8px;margin:0;font-size:12px;
}
.dashboard.app-shell .app-heading-period select{width:100px;padding:10px}
.dashboard.app-shell .app-page-heading .btn{white-space:nowrap}
.dashboard.app-shell .app-page-heading~.reading-stats{margin-top:0}
@media(max-width:800px){
  .dashboard.app-shell .app-page-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .dashboard.app-shell .app-heading-actions{justify-content:flex-start}
}

/* Paleta comum: papel claro, verde sálvia e detalhes em terracota. */
.dashboard.app-shell{
  --app-paper:#f5f5ef;
  --app-card:#fffefa;
  --app-ink:#37483e;
  --app-muted:#737b70;
  --app-green:#526c59;
  --app-green-soft:#e5ecdf;
  --app-clay:#b57458;
  --app-border:#dce1d4;
  background:var(--app-paper);
}
.dashboard-body:has(.app-shell){background:#e7ece2}
.dashboard.app-shell>.shell-header{background:#edf1e7;border-bottom:1px solid var(--app-border)}
.dashboard.app-shell .dash-link.active{background:var(--app-green);color:#fffefa}
.dashboard.app-shell .dash-link:hover{background:var(--app-green-soft);color:var(--app-ink)}
.dashboard.app-shell .btn{background:var(--app-green);color:#fffefa}
.dashboard.app-shell .btn:hover{background:#405844}
.dashboard.app-shell .btn.ghost{background:transparent;color:var(--app-green);border-color:#b9c8b3}
.dashboard.app-shell .app-page-heading h1,
.dashboard.app-shell .welcome h2,
.dashboard.app-shell .pages-panel h2,
.dashboard.app-shell .dash-card h3,
.dashboard.app-shell .reading-info h2{color:var(--app-ink)}
.dashboard.app-shell .tag{color:#a0644c}
.dashboard.app-shell .app-page-heading p,
.dashboard.app-shell .dashboard-caption{color:var(--app-muted)}
.dashboard.app-shell .dash-card,
.dashboard.app-shell .reading-card,
.dashboard.app-shell .pages-panel,
.dashboard.app-shell .rooms-panel,
.dashboard.app-shell .conversation,
.dashboard.app-shell .account-form{background:var(--app-card);border-color:var(--app-border)}
.dashboard.app-shell .quote-card{background:#e5ecdf;border-left-color:var(--app-clay)}
.dashboard.app-shell .quote-card p{color:#52634f}
.dashboard.app-shell .user-chip{background:#dfe8d8;color:var(--app-ink)}
.dashboard.app-shell .user-avatar{background:#829779}
.dashboard.app-shell .pill,
.dashboard.app-shell .bubble-chart span{background:#e6eddf;color:#52684c}
.dashboard.app-shell .month-cell{background:#e5ecdf}
.dashboard.app-shell .month-cell:nth-child(3n){background:#f1e3d9}
.dashboard.app-shell .month-cell strong{color:#526c59}
.dashboard.app-shell .goal-panel{background:#e9efdf;border-left-color:#829779}
.dashboard.app-shell .reading-stats>div:nth-child(1){background:#e4ecdf;border-left-color:#829779}
.dashboard.app-shell .reading-stats>div:nth-child(2){background:#f1e3d9;border-left-color:#b57458}
.dashboard.app-shell .reading-stats>div:nth-child(3){background:#e4eae8;border-left-color:#7e9991}
.dashboard.app-shell .reading-stats strong{color:var(--app-ink)}
.dashboard.app-shell .month-bar{background:#a6ba95}
.dashboard.app-shell .month-column.peak .month-bar{background:var(--app-green)}
.dashboard.app-shell .app-shelf-cover{background:#8a9a7e;color:#fffdf4}
.dashboard.app-shell .app-shelf-book:nth-child(3n+2) .app-shelf-cover{background:#ba846a;color:#fffaf2}
.dashboard.app-shell .app-shelf-book:nth-child(3n) .app-shelf-cover{background:#829b95;color:#fffaf2}
.dashboard.app-shell .user-menu-links{background:var(--app-card);border-color:var(--app-border)}
.dashboard.app-shell .user-menu-links a:hover{background:var(--app-green-soft)}