/* Musiveo Importer — edit modal tweaks; base styling comes from importer-form.css */
#mi-import-modal.mi-modal{ z-index:2147483646 !important; }
#mi-import-modal .mi-modal-content{ max-width:860px; margin:auto; }
#mi-import-modal.mi-modal--edit .mi-modal-content{ max-width:none !important; width:100% !important; height:100% !important; margin:0 !important; border-radius:0 !important; }
#mi-import-modal.mi-modal--edit .mi-modal-dialog{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; }
#mi-import-modal .mi-form-top{ gap:20px; }
#mi-import-modal .mi-thumb-preview img{ width:100%; height:100%; object-fit:cover; }
/* Ensure edit modal is above plays-block upload-modal */
#upload-modal{ z-index:2147483640 !important; }
/* Toast */
.mi-toast{ pointer-events:none; }

/* Datepicker — moved from inline template so it works on member pages without shortcode */
#mi-import-modal .mi-datepicker-wrap{position:relative}
#mi-import-modal .mi-datepicker-input{width:100%!important;padding:7px 36px 7px 10px!important;cursor:pointer;background:rgba(255,255,255,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.35)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 10px center!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;font-size:13px;color:#fff;box-sizing:border-box}
#mi-import-modal .mi-datepicker-icon{display:none!important}
#mi-import-modal .mi-datepicker-dropdown{display:none !important;position:absolute;top:calc(100% + 6px) !important;bottom:auto !important;left:0;min-width:280px;background:#222;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:2147483647;padding:12px;animation:mi-dp-fade .2s ease-out}
#mi-import-modal .mi-datepicker-dropdown.open{display:block !important;}
@keyframes mi-dp-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#mi-import-modal .mi-dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
#mi-import-modal .mi-dp-title{font-size:13px;font-weight:600;color:#fff;letter-spacing:.3px}
#mi-import-modal .mi-dp-nav{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(255,255,255,.06);border-radius:6px;color:rgba(255,255,255,.5);cursor:pointer;transition:all .2s}
#mi-import-modal .mi-dp-nav:hover{background:rgba(255,255,255,.12);color:#fff}
#mi-import-modal .mi-dp-nav svg{width:14px;height:14px}
#mi-import-modal .mi-dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px}
#mi-import-modal .mi-dp-weekdays span{font-size:10px;font-weight:600;color:rgba(255,255,255,.3);padding:4px 0;text-transform:uppercase;letter-spacing:.5px}
#mi-import-modal .mi-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
#mi-import-modal .mi-dp-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;background:transparent;color:rgba(255,255,255,.7);font-size:12px;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}
#mi-import-modal .mi-dp-day:hover{background:rgba(255,255,255,.08);color:#fff}
#mi-import-modal .mi-dp-day.today{color:rgba(255,255,255,.4);font-weight:600;position:relative}
#mi-import-modal .mi-dp-day.today::after{content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.4)}
#mi-import-modal .mi-dp-day.selected{background:#fff;color:#111;font-weight:600}
#mi-import-modal .mi-dp-day.selected:hover{background:rgba(255,255,255,.85)}
#mi-import-modal .mi-dp-day.other-month{color:rgba(255,255,255,.15)}
#mi-import-modal .mi-dp-day.other-month:hover{color:rgba(255,255,255,.3)}
#mi-import-modal .mi-dp-footer{display:flex;gap:6px;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
#mi-import-modal .mi-dp-today,#mi-import-modal .mi-dp-clear{border:none;background:transparent;font-size:11px;color:rgba(255,255,255,.4);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s;font-family:inherit}
#mi-import-modal .mi-dp-today:hover{color:#fff;background:rgba(255,255,255,.06)}
#mi-import-modal .mi-dp-clear:hover{color:#f87171;background:rgba(239,68,68,.08)}
@media(max-width:768px){#mi-import-modal .mi-datepicker-dropdown{min-width:260px;left:75%;transform:translateX(-50%)}}

/* Platform indicator at top of modal */
#mi-import-modal .mi-platform-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin-bottom:12px}
#mi-import-modal .mi-platform-badge .mi-platform-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
#mi-import-modal .mi-platform-badge--youtube{color:#FF0000;background:rgba(255,0,0,.12);border-color:rgba(255,0,0,.25)}
#mi-import-modal .mi-platform-badge--tiktok{color:#000;background:#fff;border-color:rgba(0,0,0,.1)}
#mi-import-modal .mi-platform-badge--vimeo{color:#1AB7EA;background:rgba(26,183,234,.12)}
#mi-import-modal .mi-platform-badge--spotify{color:#1DB954;background:rgba(29,185,84,.12)}
#mi-import-modal .mi-platform-badge--soundcloud{color:#FF5500;background:rgba(255,85,0,.12)}
#mi-import-modal .mi-platform-badge--twitch{color:#9146FF;background:rgba(145,70,255,.12)}
#mi-import-modal .mi-platform-badge--local{color:rgba(255,255,255,.7);background:rgba(255,255,255,.06)}

#mi-import-modal .mi-stream-field.hidden{display:none !important;}