/* Container */
.lwc-aff-browser { }

/* Filters */
.lwc-aff-browser .lwc-aff-filters{
  display:flex;
  flex-wrap:wrap;
  margin:0 0 16px 0;
  align-items:flex-end;
}
.lwc-aff-browser .lwc-aff-field{
  display:flex;
  flex-direction:column;
  min-width:180px;
  margin-right:16px;
  margin-bottom:12px;
}
.lwc-aff-browser .lwc-aff-field input,
.lwc-aff-browser .lwc-aff-field select{
  padding:10px;
  border:1px solid #e0e0e0;
  border-radius:6px;
}
.lwc-aff-browser .lwc-aff-actions{
  display:flex;
  align-items:center;
  margin-top:4px;
}
.lwc-aff-browser .lwc-aff-actions .lwc-aff-btn,
.lwc-aff-browser .lwc-aff-actions .lwc-aff-reset{
  margin-right:10px;
}

/* Grid */
.lwc-aff-browser .lwc-aff-grid{
  display:flex;
  flex-wrap:wrap;
  margin:0 -8px 12px -8px; /* gutter hack instead of gap */
}
.lwc-aff-browser .lwc-aff-card{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  padding:16px;
  margin:8px;
  border:1px solid #eee;
  border-radius:10px;
  background:#fff;
  position:relative;
}
@media (min-width:520px){
  .lwc-aff-browser .lwc-aff-card{ width:calc(50% - 16px); }
}
@media (min-width:820px){
  .lwc-aff-browser .lwc-aff-card{ width:calc(33.333% - 16px); }
}
@media (min-width:1120px){
  .lwc-aff-browser .lwc-aff-card{ width:calc(25% - 16px); }
}

.lwc-aff-browser .lwc-aff-meta{ margin-bottom:8px; font-size:12px; opacity:.8; }
.lwc-aff-browser .lwc-aff-chip{ background:#f4f5f7; padding:3px 8px; border-radius:12px; }
.lwc-aff-browser .lwc-aff-text{ font-size:18px; line-height:1.35; margin:8px 0 12px; }
.lwc-aff-browser .lwc-aff-notes{ font-size:14px; color:#52606D; }
.lwc-aff-browser .lwc-aff-tools{ display:flex; margin-top:10px; }
.lwc-aff-browser .lwc-aff-tools > *{ margin-right:8px; }

/* Buttons */
.lwc-aff-browser .lwc-aff-btn,
.lwc-aff-browser .lwc-aff-copy,
.lwc-aff-browser .lwc-aff-fav,
.lwc-aff-browser .lwc-aff-reset{
  background:#1F2933;
  color:#fff;
  border:1px solid #0f172a;
  padding:10px 14px;
  border-radius:6px;
  cursor:pointer;
  text-decoration:none;
}
.lwc-aff-browser .lwc-aff-reset{
  background:#3E4C59;
  border-color:#303846;
}
.lwc-aff-browser .lwc-aff-btn:hover,
.lwc-aff-browser .lwc-aff-copy:hover,
.lwc-aff-browser .lwc-aff-fav:hover,
.lwc-aff-browser .lwc-aff-reset:hover{
  background:#111827;
}
.lwc-aff-browser .lwc-aff-reset:hover{ background:#374151; }
.lwc-aff-browser .lwc-aff-fav[aria-pressed="true"]{
  background:#ED8F0C; color:#111; border-color:#c97709;
}

/* Pagination */
.lwc-aff-browser .lwc-aff-pagination{ margin-top:18px; }
.lwc-aff-browser .lwc-aff-pagination ul.page-numbers{
  background:transparent; border:0; margin:16px 0 0; padding-left:0;
  list-style:none; display:flex; align-items:center;
}
.lwc-aff-browser .lwc-aff-pagination ul.page-numbers li{ margin-right:6px; }
.lwc-aff-browser .lwc-aff-pagination a.page-numbers,
.lwc-aff-browser .lwc-aff-pagination span.page-numbers{
  padding:6px 10px; border:1px solid #0f172a; border-radius:6px;
  background:#1F2933; color:#fff; text-decoration:none; line-height:1;
}
.lwc-aff-browser .lwc-aff-pagination a.page-numbers:hover{ background:#111827; }
.lwc-aff-browser .lwc-aff-pagination span.page-numbers.current{
  background:#ED8F0C; color:#111; border-color:#c97709;
}

/* Random block (only if you actually place the shortcode) */
.lwc-aff-browser .lwc-aff-random{ display:flex; align-items:center; }
.lwc-aff-browser .lwc-aff-quote{ font-size:18px; margin-right:10px; }

/* Focus ring */
.lwc-aff-browser .lwc-aff-btn:focus,
.lwc-aff-browser .lwc-aff-copy:focus,
.lwc-aff-browser .lwc-aff-fav:focus,
.lwc-aff-browser .lwc-aff-reset:focus{
  outline:2px solid #ED8F0C; outline-offset:2px;
}

/* Dark scheme (cards/inputs only) */
@media (prefers-color-scheme: dark){
  .lwc-aff-browser .lwc-aff-card{ background:#111; border-color:#222; }
  .lwc-aff-browser .lwc-aff-field input,
  .lwc-aff-browser .lwc-aff-field select{ background:#111; color:#eee; border-color:#333; }
}