.pages-period{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:24px;font-size:12px}.pages-period select{width:125px}.pages-dashboard .reading-stats{margin-top:20px}.pages-panels{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px}.pages-panel{min-width:0;padding:28px;border:1px solid #e5daca;border-radius:12px;background:#fffcf6}.pages-panel h2{font:normal 25px Georgia,serif;margin:10px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading>span{font-size:12px;color:#8a7d6c}.panel-description,.chart-caption{font-size:12px;line-height:1.8;color:#8a7d6c}.monthly-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin:28px 0 12px;height:210px}.month-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.month-track{height:155px;width:100%;display:flex;align-items:flex-end;border-bottom:1px solid #ded3c3}.month-bar{width:100%;min-height:2px;background:#b7bba9;border-radius:4px 4px 0 0}.month-column.peak .month-bar{background:#7e8b72}.month-total{font-size:9px;color:#80664c}.month-name{font-size:10px;color:#8a7d6c}.goal-panel{background:#f1eee4}.goal-percent{display:block;font:normal 46px Georgia,serif;margin:26px 0 18px}.goal-panel progress{display:block;width:100%;height:9px;border:0;border-radius:10px;background:#ded8c9;accent-color:#7e8b72}.goal-panel progress::-webkit-progress-bar{background:#ded8c9;border-radius:10px}.goal-panel progress::-webkit-progress-value{background:#7e8b72;border-radius:10px}.goal-panel form{margin-top:24px}.goal-panel label{font-size:11px}.goal-controls{display:flex;gap:8px;margin-top:9px}.goal-controls input{min-width:0}.goal-controls button{white-space:nowrap}.goal-panel [role=status]{font-size:12px;line-height:1.5}.pages-history{margin-top:24px}.panel-heading a{font-size:12px;color:#80664c}.pages-history table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px;text-align:left}.pages-history th{font-weight:normal;color:#8a7d6c;padding:12px 8px;border-bottom:1px solid #ddcfbb}.pages-history td{padding:18px 8px;border-bottom:1px solid #eee5d8}.pages-history td:first-child{overflow-wrap:anywhere}.pages-history td:last-child,.pages-history th:last-child{text-align:right;white-space:nowrap}.history-author{display:block;font-size:11px;color:#8a7d6c;margin-top:6px}.pages-empty{text-align:center;padding:36px 12px}.pages-empty h3{font:normal 25px Georgia,serif}.pages-empty p{font-size:13px;line-height:1.8;color:#8a7d6c;max-width:420px;margin:0 auto 24px}@media(max-width:900px){.pages-panels{grid-template-columns:1fr}.goal-controls input{max-width:240px}}@media(max-width:600px){.pages-panel{padding:20px 16px}.monthly-chart{gap:4px}.month-name{font-size:9px}.month-total{font-size:8px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.pages-history td,.pages-history th{padding-left:3px;padding-right:3px}.pages-history th:nth-child(2){width:86px}.pages-period{justify-content:flex-start}.pages-dashboard .reading-stats span{line-height:1.5}}

/* Página ampla e cartões inspirados em capas de livros. */




.pages-dashboard #pages-message:empty{display:none}
.pages-dashboard .reading-stats{background:transparent;border:0;border-radius:0;gap:16px;margin:0 0 22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.pages-dashboard .reading-stats>div{position:relative;padding:16px 24px 20px 28px;gap:6px;background:#eee6d8;border:1px solid #d9cbb7;border-left:7px solid #ac8b68;border-radius:3px 9px 9px 3px;box-shadow:2px 3px 0 #fdfaf4,3px 4px 0 #d9cbb7,4px 6px 10px #6543210b}
.pages-dashboard .reading-stats>div::before{content:'';position:absolute;inset:0 auto 0 6px;width:1px;background:#bda98b66}
.pages-dashboard .reading-stats>div::after{content:'';position:absolute;bottom:3px;left:14px;right:5px;height:3px;border-top:1px solid #cbbda8;border-bottom:1px solid #cbbda8;background:#fffaf0}
.pages-dashboard .reading-stats>div:nth-child(2){background:#e5e8dd;border-left-color:#8b967b}
.pages-dashboard .reading-stats>div:nth-child(3){background:#eee0d8;border-left-color:#ad8573}
.pages-dashboard .reading-stats strong{font-size:28px}
.pages-dashboard .reading-stats span{font-size:11px;line-height:1.5}
.pages-dashboard .pages-panels{gap:20px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}
.pages-dashboard .pages-panel{position:relative;padding:20px 24px;border-left:5px solid #c5ae90;border-radius:3px 10px 10px 3px;box-shadow:2px 3px 0 #f4eee3,3px 4px 0 #dfd3c1}
.pages-dashboard .pages-panel h2{font-size:23px;margin:8px 0}
.pages-dashboard .goal-panel{border-left-color:#8b967b}
.pages-dashboard .monthly-chart{height:175px;margin:18px 0 10px}
.pages-dashboard .month-track{height:125px}
.pages-dashboard .goal-percent{font-size:36px;margin:16px 0 12px}
.pages-dashboard .goal-panel form{margin-top:16px}
.pages-dashboard .goal-controls input{padding:10px}
.pages-dashboard .pages-history{margin-top:22px}
.pages-dashboard .pages-empty{padding:14px 12px 20px}
.pages-dashboard .pages-empty h3{margin:12px 0;font-size:23px}
.pages-dashboard .pages-empty p{max-width:560px;margin-bottom:16px}
.pages-dashboard .storage-note{margin:22px 0 0}

@media(max-width:900px){.pages-dashboard .pages-panels{grid-template-columns:1fr}}
@media(max-width:600px){.pages-dashboard .reading-stats{gap:10px}.pages-dashboard .reading-stats>div{padding:14px 10px 18px 14px;border-left-width:4px}.pages-dashboard .reading-stats strong{font-size:24px}.pages-dashboard .reading-stats span{font-size:10px}.pages-dashboard .pages-panel{padding:18px 16px}}

#session-dialog{margin:auto;overflow:auto}
#session-dialog>form>p{font-size:12px;line-height:1.5}
#session-error{color:#943e2e}
.session-actions button{border:0;background:transparent;color:#79543b;text-decoration:underline;cursor:pointer;margin:4px;padding:4px}
@media(max-width:800px){.pages-history{overflow-x:auto}}
