/* 🌟 Окно «Стрекоза — Премиум» (30.10.2026) — js/premium.js. Стиль XP: Tahoma, без скруглений. */
.dfp { margin: 8px 0 2px; font: 11px Tahoma, sans-serif; max-width: 400px; color: #000; }
.dfp * { border-radius: 0 !important; box-sizing: border-box; }
.dfp-reason { display: flex; align-items: center; gap: 5px; padding: 5px 8px; margin-bottom: 6px; background: #fff4c4; border: 1px solid #e0c05a; color: #5a4300; }
.dfp-reason .xpi { width: 14px; height: 14px; flex: none; }
.dfp-card { padding: 8px 10px; background: linear-gradient(180deg, #fffdf2 0%, #fbf0c8 100%); border: 1px solid #d9b65a; }
.dfp-title { display: flex; align-items: center; gap: 5px; font-weight: bold; color: #8a4f00; margin-bottom: 4px; }
.dfp-title .xpi { width: 16px; height: 16px; }
.dfp-list { margin: 0 0 6px; padding-left: 18px; line-height: 1.45; color: #333; }
.dfp-price b { color: #0e44b8; }
.dfp-who { margin: 8px 0 0; padding: 6px 8px 8px; border: 1px solid #d0d0bf; }
.dfp-who legend { color: #0046d5; padding: 0 3px; }
.dfp-radio { display: flex; align-items: center; gap: 5px; margin: 2px 0; cursor: pointer; }
.dfp-radio .xpi { width: 14px; height: 14px; vertical-align: -3px; }
.dfp-radio input:disabled + span { color: #888; }
.dfp-gift { margin: 6px 0 0 18px; display: flex; flex-direction: column; gap: 4px; }
.dfp-gift[hidden] { display: none; }
.dfp-lbl { color: #333; }
.dfp-row { display: flex; gap: 4px; }
.dfp-row .input-field { flex: 1; min-width: 0; }
.dfp .input-field { margin: 0; padding: 3px 5px; font: 11px Tahoma, sans-serif; border: 1px solid #7f9db9 !important; }
.dfp-target { min-height: 16px; display: flex; align-items: center; gap: 6px; color: #555; }
.dfp-target img { width: 22px; height: 22px; object-fit: cover; border: 1px solid #b9c7e6; }
.dfp-ok { color: #1d6b12; }
.dfp-bad { color: #b00000; }
.dfp-accept { display: flex; align-items: flex-start; gap: 5px; margin-top: 8px; line-height: 1.4; cursor: pointer; }
.dfp-accept input { margin: 1px 0 0; }
.dfp-shake { animation: dfp-shake .4s ease-in-out 1; color: #b00000; }
@keyframes dfp-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
@media (prefers-reduced-motion: reduce) { .dfp-shake { animation: none; } }
.dfp-gift-btn .xpi, .audio-dl-btn .xpi { vertical-align: -3px; }
.audio-dl-btn { opacity: .75; }
.audio-dl-btn:hover { opacity: 1; }