/* Author: Recep DAGCI */
/* Version: 1.6.4 (Small Logo & More Space) */

/* TEMEL AYARLAR */
.portal-container * {
    box-sizing: border-box !important;
}

/* 1. KAPSAYICI (FULL EKRAN) */
.portal-container {
    position: fixed !important;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 2147483647 !important;
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    
    background: url('https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=1920&auto=format&fit=crop') no-repeat center center !important;
    background-size: cover !important;
    
    overflow-x: hidden !important; 
    overflow-y: auto !important;
}

/* Karartma */
.portal-container::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(15, 23, 42, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    z-index: -1;
}

/* 2. ANA İÇERİK YAPISI */
.portal-main-content {
    width: 100%;
    max-width: 450px; 
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 10;
    margin: 0 auto;
}

/* --- LOGO AYARLARI BURADA --- */
.portal-logo-wrapper {
    /* Logo ile Form arasındaki boşluğu buradan ayarlıyoruz */
    margin-bottom: 50px; /* Eskisi 20px idi, açtık */
    text-align: center;
    width: 100%;
}

.portal-logo {
    /* Logonun boyutunu buradan küçültüyoruz */
    max-width: 100px; /* Eskisi 150px idi, küçülttük */
    height: auto;
    display: block;
    margin: 0 auto;
    filter: invert(1) brightness(2) grayscale(1); 
    opacity: 0.95;
}

/* 3. FORM KUTUSU */
.portal-form-wrapper {
    width: 100% !important;
    padding: 40px !important;
    
    background: rgba(30, 41, 59, 0.85) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
}

/* İÇ ELEMENTLER */
.portal-tabs {
    display: flex !important; justify-content: center; gap: 20px;
    margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px;
}
.tab-btn {
    background: transparent !important; border: none; color: rgba(255,255,255,0.5);
    font-size: 15px; cursor: pointer; padding: 5px 10px;
}
.tab-btn.active { color: #fff; border-bottom: 2px solid #3b82f6; }

.input-group { margin-bottom: 15px; width: 100%; }
.input-group label { display: block; color: #cbd5e1; margin-bottom: 6px; font-size: 13px; text-align: left; }
.input-group input {
    width: 100% !important; padding: 12px !important;
    background: rgba(0,0,0,0.3) !important; border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 8px !important; color: #fff !important; font-size: 14px !important;
}
.input-group input:focus { border-color: #3b82f6 !important; outline: none; background: rgba(0,0,0,0.5) !important; }

.form-actions {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 12px; color: #94a3b8; margin-bottom: 20px;
}
.form-actions a { color: #93c5fd !important; text-decoration: none; }

.submit-btn {
    width: 100%; padding: 12px; background: #2563eb; color: #fff;
    border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer;
}
.submit-btn:hover { background: #1d4ed8; }
#portal-forgot-form h3 { color: #fff !important; text-align: center; margin-top: 0; }

/* POPUP */
#portal-popup {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.9); z-index: 2147483648; justify-content: center; align-items: center;
}
.portal-popup-content {
    background: #1e293b; padding: 30px; border-radius: 12px;
    text-align: center; border: 1px solid rgba(255,255,255,0.1); width: 85%; max-width: 350px; color:#fff;
}

/* --- MOBİL AYARLAR --- */
@media screen and (max-width: 600px) {
    .portal-container {
        align-items: flex-start !important;
        padding-top: 50px !important;
    }

    .portal-main-content {
        width: 90% !important; /* Taşma önleyici */
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
    }
    
    .portal-form-wrapper {
        padding: 25px 20px !important;
    }
    
    /* Mobilde logo daha da minik olsun */
    .portal-logo {
        max-width: 80px; 
    }
}