/* ============================================================
   STREAMEDIA ADMIN AUTH - PREMIUM NARROW
   Compatibilidad Yocast / Admin
============================================================ */

:root{
    --streamedia-pink:#fa2866;
    --streamedia-dark:#000A24;
    --streamedia-text:#6f82a7;
    --streamedia-border:rgba(0,10,36,.10);
    --streamedia-soft:#f7f9fd;
}

body.streamedia-auth-page{
    min-height:100vh;
    background:
        radial-gradient(circle at top left, rgba(250,40,102,.10), transparent 34%),
        radial-gradient(circle at bottom right, rgba(0,10,36,.08), transparent 35%),
        #ffffff;
    font-family:var(--body-font, 'Roboto', Arial, sans-serif);
    color:var(--streamedia-text);
}

.streamedia-auth-shell{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:46px 18px;
}

.streamedia-auth-card{
    width:100%;
    max-width:520px;
    background:#ffffff;
    border:1px solid var(--streamedia-border);
    border-radius:24px;
    padding:42px 40px 34px;
    box-shadow:0 24px 70px rgba(0,10,36,.10);
    position:relative;
    overflow:hidden;
}

.streamedia-auth-card::before{
    content:"";
    position:absolute;
    top:0;
    left:36px;
    right:36px;
    height:5px;
    background:var(--streamedia-pink);
    border-radius:0 0 10px 10px;
}

.streamedia-auth-logo{
    text-align:center;
    margin-bottom:20px;
}

.streamedia-auth-logo img{
    width:280px;
    max-width:78%;
    height:auto;
}

.streamedia-auth-card .site-heading{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    margin-bottom:18px;
}

.streamedia-auth-card .site-title-tagline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin:0 auto;
}

.streamedia-auth-card .site-title-tagline i{
    margin:0;
    line-height:1;
}

.streamedia-auth-kicker{
    display:table;
    margin:0 auto 12px;
    padding:3px 8px;
    background:var(--streamedia-pink);
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    line-height:1.2;
}

.streamedia-auth-title{
    color:var(--streamedia-dark);
    font-family:var(--heading-font, 'Kanit', Arial, sans-serif);
    font-size:38px;
    line-height:1.05;
    font-weight:800;
    text-align:center;
    margin:0 0 15px;
}

.streamedia-auth-title span{
    color:var(--streamedia-pink);
}

.streamedia-auth-subtitle{
    text-align:center;
    color:var(--streamedia-text);
    font-size:16px;
    line-height:1.6;
    margin:0 0 35px;
}

.streamedia-auth-form .form-group{
    margin-bottom:16px;
}

.streamedia-auth-form label{
    display:block;
    color:var(--streamedia-dark);
    font-size:14px;
    font-weight:700;
    margin-bottom:7px;
}

.streamedia-auth-form .form-control,
.streamedia-auth-form select.form-control{
    width:100%;
    height:58px;
    border:1px solid rgba(0,10,36,.14);
    border-radius:14px;
    background:#fff;
    color:var(--streamedia-dark);
    font-size:15px;
    font-weight:500;
    padding:0 18px;
    box-shadow:none;
    outline:none;
    transition:all .25s ease;
}

.streamedia-auth-form textarea.form-control{
    height:110px;
    padding-top:16px;
    resize:vertical;
}

.streamedia-auth-form .form-control::placeholder{
    color:#8293b5;
}

.streamedia-auth-form .form-control:focus{
    border-color:var(--streamedia-pink);
    box-shadow:0 0 0 4px rgba(250,40,102,.10);
}

.streamedia-auth-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.streamedia-auth-checkline{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin:8px 0 4px;
}

.streamedia-auth-checkline label,
.streamedia-auth-privacy label{
    display:flex;
    align-items:flex-start;
    gap:9px;
    color:var(--streamedia-text);
    font-size:14px;
    line-height:1.5;
    font-weight:500;
    margin:0;
}

.streamedia-auth-checkline input,
.streamedia-auth-privacy input{
    margin-top:4px;
    accent-color:var(--streamedia-pink);
}

.streamedia-auth-link{
    color:var(--streamedia-pink) !important;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.streamedia-auth-link:hover{
    color:var(--streamedia-dark) !important;
}

.streamedia-auth-privacy{
    margin:14px 0 4px;
}

.streamedia-auth-privacy a{
    color:var(--streamedia-pink) !important;
    font-weight:700;
}

.streamedia-auth-btn{
    width:100%;
    height:58px;
    border:0;
    border-radius:14px;
    background:var(--streamedia-pink);
    color:#fff;
    font-size:15px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:22px;
    cursor:pointer;
    transition:all .25s ease;
    box-shadow:0 14px 30px rgba(250,40,102,.22);
}

.streamedia-auth-btn:hover{
    background:var(--streamedia-dark);
    color:#fff;
    transform:translateY(-2px);
}

.streamedia-auth-btn:disabled{
    opacity:.7;
    cursor:not-allowed;
    transform:none;
}

.streamedia-auth-footer{
    text-align:center;
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid rgba(0,10,36,.08);
    color:var(--streamedia-text);
    font-size:15px;
}

.streamedia-auth-footer a{
    color:var(--streamedia-pink) !important;
    font-weight:800;
}

.streamedia-auth-alert{
    display:none;
    margin-top:16px;
    padding:13px 14px;
    border-radius:12px;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
}

.streamedia-auth-alert.error{
    display:block;
    color:#a40033;
    background:rgba(250,40,102,.10);
    border:1px solid rgba(250,40,102,.22);
}

.streamedia-auth-alert.success{
    display:block;
    color:#0f7a4b;
    background:rgba(16,185,129,.12);
    border:1px solid rgba(16,185,129,.24);
}

.streamedia-suspended-modal{
    border:0;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 24px 70px rgba(0,10,36,.18);
}

.streamedia-suspended-modal::before{
    content:"";
    display:block;
    height:5px;
    margin:0 28px;
    background:var(--streamedia-pink);
    border-radius:0 0 10px 10px;
}

.streamedia-suspended-close{
    position:absolute;
    top:20px;
    right:20px;
    z-index:2;
}

.streamedia-suspended-modal .modal-body{
    padding:48px 42px 42px;
}

.streamedia-suspended-icon{
    width:74px;
    height:74px;
    margin:0 auto 22px;
    border-radius:50%;
    background:var(--streamedia-pink);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    box-shadow:0 18px 38px rgba(250,40,102,.25);
}

.streamedia-suspended-modal h3{
    color:var(--streamedia-dark);
    font-family:var(--heading-font, 'Kanit', Arial, sans-serif);
    font-size:34px;
    line-height:1.05;
    font-weight:800;
    margin:0 0 14px;
}

.streamedia-suspended-modal p{
    color:var(--streamedia-text);
    font-size:17px;
    line-height:1.55;
    font-weight:600;
    margin:0 0 26px;
}

.streamedia-profile-tabs{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:22px;
}

.streamedia-profile-tab{
    width:100%;
    border:1px solid rgba(0,10,36,.10);
    background:#fff;
    border-radius:16px;
    padding:15px 16px;
    text-align:left;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:13px;
    transition:all .25s ease;
}

.streamedia-profile-tab:hover,
.streamedia-profile-tab.active{
    border-color:rgba(250,40,102,.55);
    box-shadow:0 12px 28px rgba(0,10,36,.07);
    transform:translateY(-2px);
}

.streamedia-profile-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:rgba(250,40,102,.10);
    display:flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 56px;
    margin-top:0 !important;
}

.streamedia-profile-icon img{
    width:26px;
    height:26px;
    object-fit:contain;
    display:block;
}

.streamedia-profile-tab.active .streamedia-profile-icon img{
    filter:brightness(0) invert(1);
}

.streamedia-profile-tab.active .streamedia-profile-icon{
    background:var(--streamedia-pink);
    color:#fff;
}

.streamedia-profile-tab strong{
    display:block;
    color:var(--streamedia-dark);
    font-size:15px;
    line-height:1.1;
}

.streamedia-profile-tab > span:not(.streamedia-profile-icon){
    display:block;
    color:var(--streamedia-text);
    font-size:13px;
    line-height:1.4;
    margin-top:0;
}

.streamedia-fieldset-title{
    color:var(--streamedia-dark);
    font-family:var(--heading-font, 'Kanit', Arial, sans-serif);
    font-size:22px;
    font-weight:800;
    margin:20px 0 14px;
}

.streamedia-honeypot{
    position:absolute !important;
    left:-9999px !important;
    opacity:0 !important;
    pointer-events:none !important;
}

@media(max-width:575px){
    .streamedia-auth-shell{
        align-items:flex-start;
        padding:26px 14px;
    }

    .streamedia-auth-card{
        padding:34px 22px 28px;
        border-radius:20px;
    }
	
	.streamedia-auth-card .site-heading{
    margin-bottom:18px;
    }

    .streamedia-auth-title{
        font-size:32px;
    }

    .streamedia-auth-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .streamedia-auth-checkline{
        flex-direction:column;
        gap:8px;
    }
}