/* ==========================================================
   requests.css — Request Bay v2 (Night Ops)
   Custom pieces only; layout handled by Tailwind utilities.
   ========================================================== */

body.rq-page {
    background: radial-gradient(1000px 620px at 50% -8%, rgba(196,133,58,.11), transparent 62%), #0a0908;
}
body.rq-page .hawk-panel {
    background: rgba(20,18,16,.74);
    border: 1px solid rgba(255,255,255,.07);
    backdrop-filter: blur(12px);
}
body.rq-page .gradient-text {
    background: linear-gradient(120deg,#f0be76,#c4853a 85%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* ---------- Badges & stat pills ---------- */
.rq-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border:1px solid rgba(196,133,58,.35);
    border-radius:999px;background:rgba(20,18,16,.8);color:#d9a55c;font-size:12px;font-weight:700;
    letter-spacing:.26em;text-transform:uppercase}
.rq-badge i{color:#f0be76}
.rq-stat{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;
    background:rgba(20,18,16,.75);border:1px solid rgba(196,133,58,.22)}
.rq-stat i{color:#f0be76;font-size:13px}
.rq-stat b{font-family:"Space Grotesk",Inter,sans-serif;font-size:15px;color:#f0be76;line-height:1}
.rq-stat span{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#93897e}

/* ---------- Icon pill ---------- */
.rq-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
    border-radius:11px;background:rgba(196,133,58,.12);color:#f0be76;font-size:15px;flex-shrink:0}

/* ---------- Alerts ---------- */
.rq-alert{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.6}
.rq-alert i{margin-top:3px}
.rq-alert--ok{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.35);color:#bbf7d0}
.rq-alert--err{background:rgba(244,63,94,.08);border:1px solid rgba(244,63,94,.35);color:#fecdd3}

/* ---------- On Air band ---------- */
.rq-onair-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;margin-right:8px;
    animation:rqPulse 1.6s ease-in-out infinite;box-shadow:0 0 10px rgba(52,211,153,.7)}
@keyframes rqPulse{0%,100%{opacity:1}50%{opacity:.35}}
.rq-kicker{font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#c4853a}
.rq-art{width:92px;height:92px;border-radius:14px;object-fit:cover;border:1px solid rgba(196,133,58,.25);
    flex-shrink:0;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.rq-art--empty{display:flex;align-items:center;justify-content:center;background:rgba(196,133,58,.08);
    color:rgba(196,133,58,.4);font-size:30px}
.rq-track{font-family:"Space Grotesk",Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.15;
    background:linear-gradient(120deg,#f0be76,#c4853a 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rq-artists{font-size:14px;color:#b3a894;margin-top:3px}
.rq-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;color:#c4853a;
    background:rgba(196,133,58,.09);border:1px solid rgba(196,133,58,.22);border-radius:999px;padding:4px 12px;margin-top:10px}
.rq-chip b{color:#f0be76;font-weight:600;text-transform:none}
.rq-progress{height:5px;border-radius:99px;background:rgba(196,133,58,.14);overflow:hidden;margin-top:14px}
.rq-progress-bar{height:100%;border-radius:99px;background:linear-gradient(90deg,#c4853a,#f0be76);
    width:var(--progress,0%);transition:width .6s ease}
.rq-link{font-size:12px;font-weight:600;color:#c4853a;display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.rq-link:hover{color:#f0be76}

/* ---------- Empty states ---------- */
.rq-empty{text-align:center;padding:34px 20px;color:#93897e}
.rq-empty i{display:block;font-size:26px;margin-bottom:10px;color:rgba(196,133,58,.35)}
.rq-empty p{font-size:14px}
.rq-empty--warn i{color:rgba(244,63,94,.5)}

/* ---------- Queue timeline ---------- */
.rq-queue{list-style:none;counter-reset:rq;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rq-card{counter-increment:rq;display:flex;gap:16px;align-items:flex-start;background:rgba(20,18,16,.65);
    border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:15px 17px;transition:border-color .2s,transform .2s}
.rq-card:hover{border-color:rgba(196,133,58,.3);transform:translateY(-2px)}
.rq-card--live{border-color:rgba(196,133,58,.5);background:rgba(196,133,58,.06);
    box-shadow:0 0 32px -8px rgba(196,133,58,.25)}
.rq-num{flex-shrink:0;width:36px;height:36px;border-radius:11px;background:rgba(196,133,58,.1);
    border:1px solid rgba(196,133,58,.22);color:#f0be76;font-family:"Space Grotesk",Inter,sans-serif;
    font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
.rq-card--live .rq-num{background:linear-gradient(135deg,#c4853a,#f0be76);color:#0a0908;border-color:transparent}
.rq-name{font-family:"Space Grotesk",Inter,sans-serif;font-size:16px;font-weight:700;color:#ece6dd;line-height:1.3}
.rq-sub{font-size:13px;color:#93897e;margin-top:2px}
.rq-meta{display:flex;flex-wrap:wrap;gap:7px 14px;align-items:center;margin-top:9px;font-size:12px;color:#93897e}
.rq-meta i{color:#f0be76;font-size:11px}
.rq-pill{margin-left:auto;display:inline-block;padding:3px 10px;border-radius:99px;font-size:9px;font-weight:700;
    letter-spacing:.18em;text-transform:uppercase}
.rq-pill--queued{background:rgba(196,133,58,.1);color:#f0be76;border:1px solid rgba(196,133,58,.25)}
.rq-pill--playing{background:rgba(52,211,153,.1);color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}
.rq-pill--completed{background:rgba(147,137,126,.12);color:#93897e;border:1px solid rgba(147,137,126,.25)}

/* ---------- Search & results ---------- */
.rq-note{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(196,133,58,.55)}
.rq-search{display:flex;gap:8px}
.rq-search input{flex:1;padding:11px 15px;border-radius:13px;background:rgba(20,18,16,.7);
    border:1px solid rgba(196,133,58,.2);color:#ece6dd;font-size:14px;outline:none;transition:border-color .2s}
.rq-search input::placeholder{color:rgba(196,133,58,.35)}
.rq-search input:focus{border-color:rgba(196,133,58,.5)}
.rq-search button{padding:11px 17px;border-radius:13px;background:rgba(196,133,58,.12);
    border:1px solid rgba(196,133,58,.3);color:#f0be76;cursor:pointer;transition:background .2s}
.rq-search button:hover{background:rgba(196,133,58,.22)}
.rq-results{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.rq-result{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(20,18,16,.6);
    border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:13px 15px;transition:border-color .2s}
.rq-result:hover{border-color:rgba(196,133,58,.28)}
.rq-result h3{font-family:"Space Grotesk",Inter,sans-serif;font-size:14px;font-weight:700;color:#ece6dd}
.rq-result .rq-sub{margin-top:1px}
.rq-result-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.rq-duration{font-size:12px;color:#93897e}
.rq-btn{padding:7px 16px;border-radius:11px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    background:rgba(196,133,58,.12);border:1px solid rgba(196,133,58,.35);color:#f0be76;cursor:pointer;transition:background .2s}
.rq-btn:hover{background:rgba(196,133,58,.24)}
.rq-login{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:12px;font-size:13px;font-weight:700;
    background:rgba(196,133,58,.12);border:1px solid rgba(196,133,58,.35);color:#f0be76;transition:background .2s}
.rq-login:hover{background:rgba(196,133,58,.22)}

/* ---------- History ---------- */
.rq-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.rq-spin{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(20,18,16,.5);
    border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:11px 14px}
.rq-spin-title{font-size:13.5px;font-weight:600;color:#ece6dd}
.rq-spin-sub{font-size:12px;color:#93897e;margin-top:1px}
.rq-spin-right{text-align:right;flex-shrink:0}
.rq-spin-user{font-size:12px;color:rgba(196,133,58,.7)}
.rq-spin-time{font-size:11px;color:rgba(147,137,126,.7)}

/* ---------- Pagination ---------- */
.rq-pg{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.rq-pg-info{font-size:12px;color:#93897e}
.rq-pg-controls{display:flex;align-items:center;gap:8px}
.rq-pg-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:10px;font-size:12px;
    font-weight:600;background:rgba(196,133,58,.1);border:1px solid rgba(196,133,58,.25);color:#f0be76;
    text-decoration:none;transition:background .2s}
.rq-pg-btn:hover{background:rgba(196,133,58,.2)}
.rq-pg-btn.is-disabled{opacity:.35;pointer-events:none}
.rq-pg-page{font-size:12px;color:#93897e}