/* ==========================================================================
   💎 AURA: ПУЛЬТ АВТОРИЗАЦИИ (ТОЛЬКО БАЗА)
   ========================================================================== */

/* ☀️ СВЕТЛАЯ ТЕМА */
:root {
    --theme-modal-bg: rgba(255, 255, 255, 0.98);
    --theme-panel-border: rgba(255, 255, 255, 0.5);
    
    --theme-text-main: #1e293b;
    --theme-text-muted: #64748b;
    
    --theme-input-bg: rgba(0, 0, 0, 0.03);
    --theme-input-border: rgba(0, 0, 0, 0.06);
    
    --tg-blue: #0088cc; 
    --aura-glow: 0 0 15px rgba(0, 136, 204, 0.4); 
    --apple-red: #ff3b30; 
}

/* 🌙 ТЕМНАЯ ТЕМА (Радикальный Apple Solid Black) */
[data-theme="dark"] {
    --theme-modal-bg: #2c2c2e; 
    --theme-panel-border: rgba(255, 255, 255, 0.05);
    
    --theme-text-main: #ffffff;
    --theme-text-muted: #8e8e93; 
    
    --theme-input-bg: rgba(255, 255, 255, 0.06); 
    --theme-input-border: rgba(255, 255, 255, 0.05);
    
    --tg-blue: #1E6091;       
    --apple-red: #ff453a;     
}
/* ЭКРАН БЛОКИРОВКИ */
.lock-screen { 
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.8); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); 
    z-index: 200000; display: none; flex-direction: column;
    justify-content: center; align-items: center; 
    color: white; transition: opacity 0.5s ease; opacity: 0; pointer-events: auto; 
}
.lock-screen.active { display: flex; opacity: 1;
}
.lock-avatar { 
    width: 80px; height: 80px; background: var(--tg-blue); border-radius: 50%; 
    display: flex; align-items: center; justify-content: center;
    font-size: 30px; margin-bottom: 24px; box-shadow: var(--aura-glow); 
}
.lock-timer-info { font-size: 12px; color: #94a3b8; margin-top: 16px; font-weight: 500; text-transform: uppercase;
}

/* ЭКРАН АВТОРИЗАЦИИ */
.auth-overlay { 
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); 
    z-index: 999999; display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease;
}
.auth-modal { 
    background: var(--theme-modal-bg); padding: 48px; border-radius: 32px; width: 320px; 
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
    border: 1px solid var(--theme-panel-border); 
    text-align: center; backdrop-filter: blur(24px); color: var(--theme-text-main); 
}
.auth-logo { 
    width: 64px; height: 64px;
    background: var(--tg-blue); color: white; border-radius: 16px; 
    display: inline-flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 24px; box-shadow: var(--aura-glow);
}
.auth-title { font-size: 24px; font-weight: 700; color: var(--theme-text-main); margin-bottom: 8px; letter-spacing: -0.5px; }
.auth-subtitle { font-size: 12px; color: var(--theme-text-muted); margin-bottom: 32px;
    font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }

.auth-input { 
    width: 100%; padding: 16px; border-radius: 16px;
    border: 1px solid var(--theme-input-border); 
    background: var(--theme-input-bg); margin-bottom: 16px; font-size: 14px; box-sizing: border-box; 
    outline: none; transition: 0.2s; font-weight: 500; color: var(--theme-text-main);
}
.auth-input:focus { border-color: var(--tg-blue); box-shadow: var(--aura-glow); }

.auth-btn { 
    width: 100%; padding: 16px; background: var(--tg-blue); color: white;
    border: none; 
    border-radius: 16px; font-weight: 600; font-size: 14px; cursor: pointer; transition: 0.2s; 
    box-shadow: 0 4px 15px rgba(0, 136, 204, 0.3);
    margin-top: 16px; letter-spacing: 0.5px; 
}
.auth-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 136, 204, 0.4); }
.auth-btn:active { transform: translateY(1px);
}
.auth-error { color: var(--apple-red); font-size: 12px; font-weight: 600; margin-top: 16px; min-height: 16px;
}