/* stage-modal.css — Bosqich tanlash oynasi (video va kitob) uchun umumiy
   uslublar. stage-modal.js DOM'ni shu klasslardan foydalanib quradi.
   MUHIM: playlist.html'da avval shu qoidalarning nusxasi bor edi va
   book.css'da ham bor (mustaqil ravishda) — endi bitta manba shu yerda,
   lekin book.css'dagi eski nusxa ham zarasiz qoladi (bir xil qiymatlar). */

.stage-dropdown-btn {
    background: #1f2937; color: #fff; padding: 11px 14px;
    border-radius: 10px; cursor: pointer;
    display: flex; justify-content: space-between; align-items: center;
    font-size: 14px; user-select: none; transition: background .2s;
    position: relative; z-index: 1; border: none; width: 100%; text-align: left;
}
.stage-dropdown-btn:hover { background: #374151; }
.stage-dropdown-btn.sm { padding: 8px 12px; font-size: 13px; }
.dd-arrow { font-size: 11px; margin-left: 8px; flex-shrink: 0; }
.stage-dropdown-list {
    display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0;
    background: #0f172a; border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px; z-index: 30; overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.5); max-height: 240px; overflow-y: auto;
    /* Ro'yxatning o'zi tugagach, g'ildirak/barmoq harakati orqadagi modal
       kartani ham SURIB YUBORMASIN (ikkita scroll bir vaqtda "ishlab"
       ketishining old oldini oladi) — scroll shu ro'yxat ichida "ushlanib"
       qoladi. */
    overscroll-behavior: contain;
}
.stage-dropdown-list.open { display: block; }
.dd-item {
    padding: 10px 14px; cursor: pointer; font-size: 13px; color: #d1d5db;
    transition: background .15s; border-bottom: 1px solid rgba(255,255,255,.04);
}
.dd-item:last-child { border-bottom: none; }
.dd-item:hover { background: #1f2937; color: #fff; }
.dd-item.selected { color: #3b82f6; font-weight: 600; }
.modal-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.modal-label { color: #9ca3af; font-size: 14px; flex-shrink: 0; }
.modal-dd-wrap { position: relative; min-width: 140px; flex-shrink: 0; }
.ep-badge-wrap { position: absolute; top: 6px; left: 6px; }
.ep-stage-badge {
    background: #2563eb; color: #fff; font-size: 11px;
    padding: 2px 8px; border-radius: 20px; font-weight: 600;
}
.ep-stage-badge.new { background: #374151; color: #9ca3af; }

/* Takrorlash soni — "Yod olish / Tahrir" bosqichi uchun stepper (tezlik
   panelidagi −/+ naqshi bilan bir xil, faqat dropdown emas — chunki qiymat
   ochiq diapazonli miqdor, cheklangan variantlar ro'yxati emas). */
.stage-stepper {
    display: flex; align-items: center; gap: 8px;
    background: #1f2937; border-radius: 10px; padding: 4px 6px;
}
.stage-stepper button {
    width: 28px; height: 28px; border: none; border-radius: 6px;
    background: #374151; color: #fff; font-size: 16px; cursor: pointer;
}
.stage-stepper button:hover { background: #4b5563; }
.stage-stepper span {
    min-width: 22px; text-align: center; font-size: 14px; color: #fff; font-weight: 600;
}