/* ════════════════════════════════════════════════════════════════════════════
   requests.css  —  Requests page specific styles
   Defines local colour vars --c-movie/show/anime/music/ebook/audio.
   ════════════════════════════════════════════════════════════════════════════ */

/* ── Type badges ── */
.tb{font-size:0.63rem;font-weight:700;padding:0.15rem 0.52rem;border-radius:20px;letter-spacing:0.3px;white-space:nowrap;flex-shrink:0;}
.tb-movie{background:rgba(var(--c-movie),0.12);border:1px solid rgba(var(--c-movie),0.38);color:rgb(var(--c-movie));}
.tb-show {background:rgba(var(--c-show),0.12); border:1px solid rgba(var(--c-show),0.38); color:rgb(var(--c-show));}
.tb-anime{background:rgba(var(--c-anime),0.12);border:1px solid rgba(var(--c-anime),0.38);color:rgb(var(--c-anime));}
.tb-music{background:rgba(var(--c-music),0.12);border:1px solid rgba(var(--c-music),0.38);color:rgb(var(--c-music));}
.tb-ebook{background:rgba(var(--c-ebook),0.12);border:1px solid rgba(var(--c-ebook),0.38);color:rgb(var(--c-ebook));}
.tb-audio{background:rgba(var(--c-audio),0.12);border:1px solid rgba(var(--c-audio),0.38);color:rgb(var(--c-audio));}
/* ── Status badges ── */
.sb{font-size:0.63rem;font-weight:700;padding:0.15rem 0.52rem;border-radius:20px;font-family:'DM Mono',monospace;letter-spacing:0.3px;white-space:nowrap;flex-shrink:0;}
.sb-pending {background:rgba(251,191,36,0.14); border:1px solid rgba(251,191,36,0.38); color:#fcd34d;}
.sb-approved{background:rgba(52,211,153,0.12); border:1px solid rgba(52,211,153,0.35); color:#34d399;}
.sb-rejected{background:rgba(248,113,113,0.12);border:1px solid rgba(248,113,113,0.35);color:#f87171;}
.sb-closed  {background:rgba(100,115,148,0.12);border:1px solid rgba(100,115,148,0.3); color:#9898b8;}
/* ── Stat pills ── */
.stat-row{display:flex;gap:0.5rem;margin-bottom:0.85rem;flex-wrap:wrap;}
.stat-pill{flex:1;min-width:55px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:var(--radius-xs);padding:0.45rem 0.6rem;text-align:center;}
.stat-n{font-size:1rem;font-weight:800;font-family:'DM Mono',monospace;color:var(--text);}
.stat-l{font-size:0.58rem;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-top:0.1rem;}
/* ── Filter chips ── */
.filter-bar{display:flex;gap:0.35rem;flex-wrap:wrap;margin-bottom:0.85rem;align-items:center;}
.filter-sep{width:1px;height:18px;background:var(--border);margin:0 0.15rem;flex-shrink:0;}
.fchip{padding:0.2rem 0.65rem;border-radius:20px;border:1px solid var(--border);background:rgba(255,255,255,0.04);font-size:0.71rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all 0.15s;white-space:nowrap;display:flex;align-items:center;gap:0.3rem;user-select:none;}
.fchip:hover{border-color:var(--border-hi);color:var(--text-dim);}
.fchip.active{background:rgba(124,92,252,0.14);border-color:rgba(124,92,252,0.4);color:var(--accent2);}
.fchip.fc-pending.active {background:rgba(251,191,36,0.1); border-color:rgba(251,191,36,0.4); color:#fcd34d;}
.fchip.fc-approved.active{background:rgba(52,211,153,0.1); border-color:rgba(52,211,153,0.38);color:#34d399;}
.fchip.fc-rejected.active{background:rgba(248,113,113,0.1);border-color:rgba(248,113,113,0.38);color:#f87171;}
.fchip.fc-closed.active  {background:rgba(100,115,148,0.1);border-color:rgba(100,115,148,0.3); color:#9898b8;}
/* ── Type selector ── */
.type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0.4rem;}
@media(max-width:540px){.type-grid{grid-template-columns:repeat(3,1fr);}}
.type-btn{display:flex;flex-direction:column;align-items:center;gap:0.22rem;padding:0.5rem 0.3rem;border-radius:var(--radius-xs);border:1px solid var(--border);background:rgba(255,255,255,0.03);cursor:pointer;transition:all 0.15s;font-family:inherit;}
.type-btn:hover{background:rgba(255,255,255,0.06);border-color:var(--border-hi);}
.type-btn .ti{font-size:1.15rem;line-height:1;}
.type-btn .tl{font-size:0.65rem;font-weight:600;color:var(--text-dim);}
.type-btn.t-movie.active{border-color:rgba(var(--c-movie),0.55);background:rgba(var(--c-movie),0.1);}.type-btn.t-movie.active .tl{color:rgb(var(--c-movie));}
.type-btn.t-show.active {border-color:rgba(var(--c-show),0.55); background:rgba(var(--c-show),0.1); }.type-btn.t-show.active .tl {color:rgb(var(--c-show));}
.type-btn.t-anime.active{border-color:rgba(var(--c-anime),0.55);background:rgba(var(--c-anime),0.1);}.type-btn.t-anime.active .tl{color:rgb(var(--c-anime));}
.type-btn.t-music.active{border-color:rgba(var(--c-music),0.55);background:rgba(var(--c-music),0.1);}.type-btn.t-music.active .tl{color:rgb(var(--c-music));}
.type-btn.t-ebook.active{border-color:rgba(var(--c-ebook),0.55);background:rgba(var(--c-ebook),0.1);}.type-btn.t-ebook.active .tl{color:rgb(var(--c-ebook));}
.type-btn.t-audio.active{border-color:rgba(var(--c-audio),0.55);background:rgba(var(--c-audio),0.1);}.type-btn.t-audio.active .tl{color:rgb(var(--c-audio));}
/* ── Search results panel ── */
.search-results-panel{background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:var(--radius-xs);overflow:hidden;margin-top:0.5rem;}
.sr-item{display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0.85rem;cursor:pointer;transition:background 0.12s;border-bottom:1px solid var(--row-border);}
.sr-item:last-child{border-bottom:none;}
.sr-item:hover{background:rgba(124,92,252,0.08);}
.sr-item.selected{background:rgba(124,92,252,0.14);border-color:rgba(124,92,252,0.25);}
.sr-thumb{width:40px;height:56px;border-radius:4px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.05);}
.sr-thumb-placeholder{width:40px;height:56px;border-radius:4px;flex-shrink:0;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-muted);}
.sr-info{flex:1;min-width:0;}
.sr-title{font-size:0.84rem;font-weight:600;color:var(--text);}
.sr-meta{font-size:0.7rem;color:var(--text-muted);margin-top:0.15rem;}
.sr-overview{font-size:0.72rem;color:var(--text-dim);margin-top:0.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sr-owned{display:inline-block;font-size:0.62rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;background:rgba(52,211,153,0.15);border:1px solid rgba(52,211,153,0.3);color:#34d399;border-radius:3px;padding:0.1rem 0.4rem;margin-top:0.25rem;}
.sr-source{display:inline-block;font-size:0.58rem;font-weight:700;letter-spacing:0.6px;text-transform:uppercase;border-radius:3px;padding:0.08rem 0.38rem;}
.sr-source-deemix{background:rgba(255,160,50,0.14);border:1px solid rgba(255,160,50,0.35);color:#ffa032;}
.sr-source-lidarr{background:rgba(96,165,250,0.12);border:1px solid rgba(96,165,250,0.3);color:#60a5fa;}
.search-spinner{display:flex;align-items:center;justify-content:center;padding:1.2rem;color:var(--text-muted);font-size:0.8rem;gap:0.5rem;}
.search-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:0.8rem;}
/* ── Season picker ── */
.season-grid{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.3rem;}
.season-btn{padding:0.28rem 0.7rem;border-radius:6px;border:1px solid var(--border);background:rgba(255,255,255,0.04);font-size:0.75rem;font-weight:600;color:var(--text-dim);cursor:pointer;transition:all 0.12s;}
.season-btn:hover{border-color:var(--border-hi);color:var(--text);}
.season-btn.active{background:rgba(124,92,252,0.14);border-color:rgba(124,92,252,0.4);color:var(--accent2);}
/* ── Selected result card ── */
.selected-card{display:flex;align-items:center;gap:0.75rem;padding:0.65rem 0.85rem;background:rgba(124,92,252,0.08);border:1px solid rgba(124,92,252,0.25);border-radius:var(--radius-xs);margin-top:0.5rem;}
.selected-thumb{width:36px;height:50px;border-radius:4px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.05);}
.selected-thumb-ph{width:36px;height:50px;border-radius:4px;flex-shrink:0;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);}
.selected-info{flex:1;min-width:0;}
.selected-title{font-size:0.84rem;font-weight:700;color:var(--text);}
.selected-meta{font-size:0.7rem;color:var(--text-muted);margin-top:0.1rem;}
/* ── Request rows ── */
.req-row{display:flex;align-items:flex-start;gap:0.65rem;padding:0.65rem 0.85rem;background:rgba(255,255,255,0.025);border:1px solid var(--row-border);border-radius:9px;margin-bottom:0.4rem;transition:background 0.12s;border-left:2px solid transparent;}
.req-row:last-child{margin-bottom:0;}
.req-row:hover{background:rgba(255,255,255,0.04);}
.req-row.is-pending {border-left-color:rgba(251,191,36,0.4);}
.req-row.is-approved{border-left-color:rgba(52,211,153,0.35);opacity:0.8;}
.req-row.is-rejected{border-left-color:rgba(248,113,113,0.35);opacity:0.7;}
.req-row.is-closed  {border-left-color:rgba(100,115,148,0.3); opacity:0.55;}
.req-thumb{width:32px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0;background:rgba(255,255,255,0.05);}
.req-thumb-ph{width:32px;height:44px;border-radius:4px;flex-shrink:0;background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;font-size:0.95rem;color:var(--text-muted);}
.req-info{flex:1;min-width:0;}
.req-title{font-size:0.84rem;font-weight:600;color:var(--text);}
.req-meta{font-size:0.7rem;color:var(--text-muted);margin-top:0.1rem;display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap;}
.req-note{font-size:0.7rem;color:var(--text-dim);margin-top:0.1rem;font-style:italic;}
.req-admin-note{font-size:0.7rem;color:var(--text-dim);margin-top:0.1rem;}
.req-actions{display:flex;gap:0.3rem;flex-shrink:0;align-items:flex-start;flex-wrap:wrap;}
.admin-note-inp{background:rgba(0,0,0,0.35);border:1px solid var(--border);border-radius:6px;padding:0.28rem 0.6rem;color:var(--text);font-family:inherit;font-size:0.72rem;outline:none;width:120px;flex-shrink:0;}
.admin-note-inp::placeholder{color:var(--text-muted);}
.admin-note-inp:focus{border-color:rgba(124,92,252,0.5);}
/* ── Collapse toggle ── */
.collapse-hdr{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;margin-bottom:0;}
.collapse-arrow{font-size:0.7rem;color:var(--text-muted);transition:transform 0.2s;flex-shrink:0;}
.collapse-arrow.open{transform:rotate(180deg);}
/* ── Empty ── */
.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:0.84rem;}
.empty-icon{font-size:2rem;margin-bottom:0.5rem;}
/* ── Loading spinner ── */
@keyframes spin{to{transform:rotate(360deg)}}
.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,0.15);border-top-color:var(--accent2);border-radius:50%;animation:spin 0.6s linear infinite;flex-shrink:0;}
@media(max-width:540px){
  .type-grid{grid-template-columns:repeat(3,1fr);}
  .card,.glass-card{padding:1rem 1.1rem;}
  .filter-bar{gap:0.25rem;}
  .fchip{font-size:0.68rem;padding:0.18rem 0.5rem;}
}
@media(max-width:380px){
  .req-title{font-size:0.8rem;}
}