/* Scoped only to .book-feed so navbar or global styles won't be affected */
.book-feed {
  max-width: 1100px;
  margin: 20px auto;
  padding: 18px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  color: #071425;
  box-sizing: border-box;
}

/* Header */
.book-feed__header { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.book-feed__header h1 { margin:0; font-size:1.5rem; }
.book-feed__sub { margin:0; color:#506070; font-size:0.95rem; }

/* Controls (search / sort) */
.book-feed__controls { margin: 12px 0 18px 0; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.book-feed__controls .search-row{ display:flex; gap:8px; align-items:center; width:100%; max-width:640px; }
.book-feed input[type="search"]{
  flex:1;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(7,18,37,0.06);
  font-size:1rem;
  background:#fff;
}
.book-feed select {
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(7,18,37,0.06);
  background:#fff;
  font-size:1rem;
}

/* Grid of cards */
.book-feed__grid {
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap:16px;
}

/* Card */
.book-card {
  background:#fff;
  border-radius:12px;
  border:1px solid rgba(7,18,37,0.06);
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow: 0 8px 28px rgba(7,20,37,0.03);
  min-height:160px;
}

.book-card__media {
  display:flex;
  gap:12px;
  align-items:center;
}
.book-card__thumb {
  width:84px;
  height:120px;
  object-fit:cover;
  border-radius:6px;
  border:1px solid rgba(7,18,37,0.04);
  background: linear-gradient(180deg,#f6f8fb,#ffffff);
}
.book-card__info { flex:1; display:flex; flex-direction:column; gap:6px; }
.book-card__title { font-weight:700; font-size:1rem; margin:0; line-height:1.2; }
.book-card__link { color:#0b75ff; font-size:0.92rem; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%; }
.book-card__meta { color:#64748b; font-size:0.9rem; }

/* Actions row */
.book-card__actions {
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:space-between;
}
.book-card__left { color:#506070; font-size:0.9rem; }
.btn-save {
  background: linear-gradient(180deg,#0b75ff,#005ed6);
  color:#fff;
  border:none;
  padding:8px 12px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
}
.btn-save[disabled] { opacity:0.6; cursor:default; }

/* small ghost button for open link */
.btn-link {
  background:transparent;
  border:1px solid rgba(7,18,37,0.06);
  padding:6px 8px;
  border-radius:8px;
  cursor:pointer;
  color:#0b75ff;
}

/* message area */
.book-feed__msg {
  margin-top:14px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(7,18,37,0.06);
  background:#fff;
  color:#071425;
  box-shadow: 0 8px 24px rgba(7,20,37,0.03);
}

/* Responsive: stack elements on small screens */
@media (max-width:560px){
  .book-card__media { flex-direction:row; gap:10px; }
  .book-card__thumb { width:72px; height:100px; }
}