/* VORTEX — المكتبة وسجل القراءة (المرحلة 04) */
.lib, .hist { width: min(960px, 100% - 32px); margin: 0 auto; padding: 28px 0 90px; }
.hidden { display: none !important; }
.lib-head h1, .hist-head h1 { margin: 0; font-size: 28px; font-weight: 900; color: #fff; }
.lib-sub, .hist-sub { margin: 6px 0 0; color: #8E99A4; font-size: 14px; }
.lib-filters { display: grid; gap: 10px; margin: 22px 0 16px; }
.lib-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.lib-chip {
  font: inherit; font-size: 13px; padding: 7px 14px; border-radius: 999px; cursor: pointer;
  color: #D3DAE0; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12);
}
.lib-chip.on { color: #76e5fd; border-color: rgba(118,229,253,.55); background: rgba(19,171,210,.1); }
.lib-list, .hist-list { display: grid; gap: 10px; }
.lib-row, .hist-row {
  display: grid; grid-template-columns: 56px minmax(0,1fr) auto; gap: 14px; align-items: center;
  padding: 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: #0c1217;
}
.lib-cover { width: 56px; height: 78px; border-radius: 10px; overflow: hidden; background: linear-gradient(135deg, #0b2730, #05080c); display: block; }
.lib-cover img { width: 100%; height: 100%; object-fit: cover; }
.lib-info { min-width: 0; display: grid; gap: 4px; }
.lib-title, .hist-title { color: #fff; font-weight: 800; text-decoration: none; overflow-wrap: anywhere; }
.lib-info small, .hist-row small { color: #8E99A4; font-size: 12.5px; }
.lib-actions { display: grid; gap: 6px; justify-items: end; }
.lib-select, .lib-wrap select {
  font: inherit; font-size: 13px; color: #eef6f9; background: #0c1217; border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px; padding: 7px 10px; min-height: 36px;
}
.lib-remove, .hist-del {
  font: inherit; font-size: 12.5px; background: transparent; color: #ff8aa0; border: 1px solid rgba(255,80,110,.4);
  border-radius: 10px; padding: 6px 12px; cursor: pointer;
}
.lib-empty { text-align: center; color: #8E99A4; padding: 40px 0; }
.lib-wrap { display: inline-flex; align-items: center; gap: 8px; }
.lib-l { font-size: 13px; color: #8E99A4; }
.lib-err { color: #f5c451; font-size: 12px; }
.hist-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: space-between; margin: 18px 0; }
.hist-go { font: inherit; font-size: 13px; color: #04151c; background: linear-gradient(135deg,#13abd2,#76e5fd); border: 0; border-radius: 10px; padding: 8px 14px; text-decoration: none; }
.hist-clear { font: inherit; font-size: 13px; color: #ff8aa0; background: transparent; border: 1px solid rgba(255,80,110,.4); border-radius: 10px; padding: 8px 14px; cursor: pointer; }
.hist-toggle { display: inline-flex; gap: 8px; align-items: center; color: #D3DAE0; font-size: 14px; cursor: pointer; }
.hist-row { grid-template-columns: minmax(0,1fr) auto; }
.hist-actions { display: flex; gap: 8px; align-items: center; }
@media (max-width: 560px) {
  .lib-row { grid-template-columns: 48px minmax(0,1fr); }
  .lib-actions { grid-column: 1 / -1; justify-items: stretch; }
}