/* queue-panel.css — стили панели заявок зрителей (Python-версия).
   Базовые классы (.playlist, .queue-heading, .library-list) панель
   наследует от существующей темы — здесь только новые элементы.
   Цвета берём из CSS-переменных midnight-темы, чтобы смена темы
   автоматически перекрашивала и панель. */

.request-form { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }

.request-form input[type="url"],
.request-form input[type="search"],
#requestLibrarySearch {
  background: var(--field, #111318);
  border: 1px solid var(--line, #33363e);
  color: var(--text, #f2f3f5);
  border-radius: 7px;
  padding: 8px 10px;
  font-size: .85rem;
  width: 100%;
}
.request-form input:focus { outline: none; border-color: var(--accent, #8ab6ff); }

.request-url-form { display: flex; gap: 8px; }
.request-url-form input { flex: 1; min-width: 0; }

/* Карточка одной заявки: повторяет вид li очереди плейлиста */
.request-item {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px; margin-bottom: 6px;
  border-radius: 9px; font-size: .85rem;
  background: var(--surface-raised, #22252c);
  border: 1px solid var(--line, #33363e);
}
.request-item[data-status="pending"] { border-color: var(--accent, #8ab6ff); }
.request-item[data-status="approved"] { border-color: #4c9a5f; opacity: .85; }
.request-item[data-status="denied"] { border-color: #9a4c4c; opacity: .7; }

.request-info { flex: 1; min-width: 0; }
.request-title { overflow-wrap: anywhere; }
.request-meta { color: var(--muted, #a5aab5); font-size: .75rem; margin-top: 2px; }

.request-actions { display: flex; gap: 6px; }
.request-approve, .request-deny {
  border-radius: 7px; padding: 6px 12px; cursor: pointer;
  border: 1px solid transparent; font-size: .85rem; font-weight: 600;
}
.request-approve { background: #2c6e3c; color: #d9ffe2; }
.request-approve:hover { background: #3a8a4d; }
.request-deny { background: #6e2c3c; color: #ffd9e2; }
.request-deny:hover { background: #8a3a4d; }

.request-status { font-size: .75rem; font-weight: 600; white-space: nowrap; }
.request-status[data-status="pending"] { color: var(--accent, #8ab6ff); }
.request-status[data-status="approved"] { color: #6ee787; }
.request-status[data-status="denied"] { color: #ff8fa3; }

#requestClearBtn { margin-top: 8px; width: 100%; }