/* M3U Merger — Frontend Styles. Fully responsive: phone, tablet, laptop, desktop. */

.miptvm-form-wrap{max-width:600px;margin:0 auto;width:100% !important;box-sizing:border-box !important;}
.miptvm-card{background:#161b2e;border:1px solid #2a3150;border-radius:16px;padding:32px;color:#e8eaf2;width:100% !important;box-sizing:border-box !important;}
@media (max-width:600px){.miptvm-card{padding:20px !important;border-radius:12px !important;}}

.miptvm-title{font-size:24px;font-weight:700;text-align:center;margin:0 0 8px;color:#fff;}
.miptvm-subtitle{text-align:center;color:#9aa3c0;margin:0 0 24px;font-size:14px;}

.miptvm-field{margin-bottom:14px;width:100% !important;}
.miptvm-field label{display:block;font-size:13px;color:#b7bedb;margin-bottom:6px;font-weight:600;}
.miptvm-field input,.miptvm-field select{
  width:100% !important;box-sizing:border-box !important;padding:11px 14px;border-radius:8px;
  border:1px solid #353d63;background:#0f1424;color:#fff;font-size:14px;
}
.miptvm-field input:focus,.miptvm-field select:focus{outline:none;border-color:var(--miptvm-accent,#06d6c7);}

.miptvm-source-row{background:#0f1424;border:1px solid #2a3150;border-radius:10px;padding:16px;margin-bottom:14px;width:100% !important;box-sizing:border-box !important;}
.miptvm-source-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.miptvm-source-num{font-weight:700;color:#fff;font-size:13px;}
.miptvm-remove-source{background:none;border:1px solid #e25c5c;color:#e25c5c;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;}

.miptvm-btn-primary,.miptvm-btn-secondary{
  display:inline-block;width:100% !important;box-sizing:border-box !important;text-align:center;
  padding:13px 20px;border-radius:9px;font-weight:700;font-size:15px;cursor:pointer;border:none;text-decoration:none;margin-top:6px;
}
.miptvm-btn-primary{background:var(--miptvm-btn,#7c3aed);color:#fff;}
.miptvm-btn-primary:hover{opacity:.92;}
.miptvm-btn-secondary{background:transparent;border:1px solid #3c4570;color:#cfd4ec;}
.miptvm-btn-secondary:hover{background:#1d2440;}

.miptvm-spinner{width:42px;height:42px;border:4px solid #2a3150;border-top-color:var(--miptvm-accent,#06d6c7);border-radius:50%;margin:0 auto 16px;animation:miptvm-spin 0.8s linear infinite;}
@keyframes miptvm-spin{to{transform:rotate(360deg);}}
.miptvm-loading-text{text-align:center;color:#b7bedb;}

.miptvm-success-icon{width:64px;height:64px;background:#1fae5a;border:3px solid #14c443;border-radius:14px;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.miptvm-error-icon{width:64px;height:64px;background:#9c1f2e;border:3px solid #e25c5c;border-radius:14px;color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}

.miptvm-stats-row{display:flex;gap:10px;margin:20px 0;width:100% !important;}
.miptvm-stat-box{flex:1;background:#0f1424;border:1px solid #2a3150;border-radius:10px;padding:14px 8px;text-align:center;}
.miptvm-stat-box strong{display:block;font-size:22px;color:var(--miptvm-accent,#06d6c7);}
.miptvm-stat-box span{font-size:11px;color:#9aa3c0;text-transform:uppercase;letter-spacing:.05em;}
@media (max-width:480px){.miptvm-stats-row{flex-wrap:wrap;}.miptvm-stat-box{min-width:90px;}}

.miptvm-url-box{background:#0f1424;border:1px solid #2a3150;border-radius:12px;padding:16px;margin:18px 0;width:100% !important;box-sizing:border-box !important;}
.miptvm-url-box label{font-size:12px;color:#9aa3c0;display:block;margin-bottom:8px;font-weight:700;}
.miptvm-url-row{display:flex;gap:8px;width:100%;}
.miptvm-url-row input{flex:1;min-width:0;font-family:monospace;font-size:12px;}
.miptvm-url-row button{width:auto !important;flex-shrink:0;padding:11px 18px;}
.miptvm-url-hint{font-size:12px;color:#717aa0;margin:10px 0 0;}
@media (max-width:480px){.miptvm-url-row{flex-direction:column;}.miptvm-url-row button{width:100% !important;}}

.miptvm-player-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0;}
.miptvm-player-badges span{background:#1d2440;border:1px solid #2a3150;border-radius:20px;padding:6px 14px;font-size:12px;color:#cfd4ec;}

.miptvm-result-actions{display:flex;gap:10px;margin-top:18px;}
.miptvm-result-actions>*{flex:1;}
@media (max-width:480px){.miptvm-result-actions{flex-direction:column;}}

.miptvm-error-text{text-align:center;color:#f2a3a3;font-size:14px;margin-bottom:18px;}