/* Dashboard stats */
.klrp-dash-stats { display:grid; grid-template-columns:repeat(auto-fit, minmax(120px, 1fr)); gap:12px; margin-bottom:24px; }
.klrp-dash-stat { background:var(--kl-bg-secondary, #1e1e22); border-radius:12px; padding:16px; text-align:center; }
.klrp-dash-stat__value { font-size:1.6rem; font-weight:800; color:var(--kl-accent, #e8a838); }
.klrp-dash-stat__label { font-size:0.75rem; color:var(--kl-text-tertiary, #888); margin-top:2px; }

/* Continue reading cards */
.klrp-continue { display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; margin-bottom:24px; }
.klrp-continue__card { flex-shrink:0; width:140px; text-decoration:none; text-align:center; }
.klrp-continue__card img { width:100px; height:auto; border-radius:8px; margin-bottom:8px; }
.klrp-continue__card-title { font-size:12px; color:var(--kl-text-primary, #f5f5f0); font-weight:600; line-height:1.3; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.klrp-continue__card-bar { height:4px; background:rgba(128,128,128,0.2); border-radius:2px; overflow:hidden; }
.klrp-continue__card-fill { height:100%; background:var(--kl-accent, #e8a838); border-radius:2px; }
.klrp-continue__card-pct { font-size:11px; color:var(--kl-text-tertiary); margin-top:4px; }

/* Shelf tabs */
.klrp-shelf-tabs { display:flex; gap:4px; margin-bottom:20px; flex-wrap:wrap; }
.klrp-shelf-tab { padding:6px 14px; border-radius:20px; font-size:13px; text-decoration:none; color:var(--kl-text-secondary, #aaa); background:var(--kl-bg-secondary, #1e1e22); border:1px solid transparent; transition:all 0.15s; }
.klrp-shelf-tab:hover { border-color:var(--kl-accent); }
.klrp-shelf-tab.active { background:var(--kl-accent, #e8a838); color:#111; font-weight:600; }

/* Book list items */
.klrp-book-item { display:flex; align-items:center; gap:16px; padding:16px; background:var(--kl-bg-secondary, #1e1e22); border-radius:12px; margin-bottom:8px; }
.klrp-book-item__thumb { width:50px; height:70px; border-radius:6px; object-fit:cover; flex-shrink:0; }
.klrp-book-item__info { flex:1; min-width:0; }
.klrp-book-item__title { font-size:14px; font-weight:700; color:var(--kl-text-primary); margin-bottom:2px; }
.klrp-book-item__author { font-size:12px; color:var(--kl-accent); }
.klrp-book-item__meta { font-size:11px; color:var(--kl-text-tertiary); margin-top:4px; display:flex; gap:8px; flex-wrap:wrap; }
.klrp-book-item__bar { width:120px; height:4px; background:rgba(128,128,128,0.2); border-radius:2px; overflow:hidden; margin-top:6px; }
.klrp-book-item__fill { height:100%; background:var(--kl-accent); border-radius:2px; }
.klrp-book-item__actions { display:flex; gap:6px; flex-shrink:0; }

/* Notes dashboard */
.klrp-hl-group { margin-bottom:24px; }
.klrp-hl-group__title { font-size:14px; font-weight:700; color:var(--kl-accent); margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid var(--kl-border, rgba(255,255,255,0.08)); }
.klrp-hl-entry { background:var(--kl-bg-secondary); border-radius:10px; padding:14px; margin-bottom:8px; }
.klrp-hl-entry__text { font-size:13px; color:var(--kl-text-primary); line-height:1.6; font-style:italic; margin-bottom:6px; }
.klrp-hl-entry__note { font-size:12px; color:var(--kl-text-secondary); margin-bottom:4px; }
.klrp-hl-entry__meta { font-size:11px; color:var(--kl-text-tertiary); display:flex; gap:8px; }
.klrp-hl-entry__actions { display:flex; gap:6px; margin-top:8px; }
.klrp-hl-entry__actions a { font-size:11px; color:var(--kl-accent); text-decoration:none; }

/* Stats */
.klrp-stats__hero { text-align:center; padding:24px 0; margin-bottom:24px; }
.klrp-stats__streak-number { font-size:3rem; font-weight:800; color:var(--kl-accent); }
.klrp-stats__streak-label { font-size:14px; color:var(--kl-text-tertiary); }
.klrp-stats__cards { margin-bottom:24px; }
.klrp-stats__goal { background:var(--kl-bg-secondary); border-radius:12px; padding:16px; margin-bottom:24px; }
.klrp-stats__goal-bar { height:8px; background:rgba(128,128,128,0.2); border-radius:4px; overflow:hidden; }
.klrp-stats__goal-fill { height:100%; background:var(--kl-accent); border-radius:4px; transition:width 0.3s; }
.klrp-stats__calendar { margin-bottom:24px; }
.klrp-heatmap { display:grid; grid-template-columns:repeat(13, 1fr); gap:2px; }
.klrp-heatmap__cell { aspect-ratio:1; background:var(--kl-accent); border-radius:2px; }
.klrp-stats__all-time, .klrp-stats__notifs { margin-bottom:24px; }