/* Books & To-Do mini‑app overrides */
:root{
  --row-live:#d8f8df;
  --row-draft:#ffe3ef;
  --row-review:#ffe8cc;
}

.container{max-width:1200px;margin:32px auto;padding:0 16px}
header.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
header .chips{display:flex;flex-wrap:wrap;gap:8px}
.badge{font-size:.85rem;padding:.4rem .6rem;border-radius:999px}
.badge.live{background:var(--row-live); color:#0a3d20}
.badge.draft{background:var(--row-draft); color:#6a1031}
.badge.review{background:var(--row-review); color:#6a3c00}
.summary{display:flex;gap:12px;flex-wrap:wrap}

.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:14px 0}
@media (max-width:900px){.filters{grid-template-columns:repeat(2,1fr)}}

table.books{width:100%;border-collapse:separate;border-spacing:0}
table.books th,table.books td{padding:.55rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}
table.books tbody tr{transition:background .2s}
table.books tbody tr.status-live{background:var(--row-live)}
table.books tbody tr.status-draft{background:var(--row-draft)}
table.books tbody tr.status-inreview{background:var(--row-review)}

td.cat-cell[contenteditable="true"]{outline:0;border-radius:8px;padding:.2rem .4rem;display:inline-block;min-width:120px}
td.cat-cell[contenteditable="true"]:focus{box-shadow:0 0 0 3px rgba(122,162,255,.35)}

.tabs{display:flex;gap:6px;margin:8px 0 18px}
.tabs button{cursor:pointer}
.tabs button[aria-selected="true"]{background:#10243f;border-color:#4067b1}

.kbd{border:1px solid #334155;border-radius:6px;padding:.05rem .35rem;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:.85em}

.todo-list{display:grid;gap:10px}
.todo-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:.8rem;border-radius:12px;border:1px solid #213147;background:#0e1626}
.todo-row{display:grid;grid-template-columns:1.1fr .8fr .6fr .6fr auto;gap:8px;align-items:center}
.todo-row input[type="text"]{width:100%}
.timer{font-variant-numeric:tabular-nums}
.btn-row{display:flex;gap:6px}
.empty{opacity:.7;font-style:italic;margin:14px 0}
.small{opacity:.8}