/* ==========================================
   СИСТЕМА НОВОСТЕЙ (ОРИГИНАЛ 1 В 1 + ФИКСЫ)
========================================== */

@keyframes zoomIn {
    from {transform: scale(0.9); opacity: 0;}
    to {transform: scale(1); opacity: 1;}
}

/* --- 1. КАРТОЧКИ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ --- */
.news-list { padding: 15px; overflow-y: auto; flex-grow: 1; scrollbar-width: thin; scrollbar-color: var(--accent) #111; }
.news-card { background: rgba(255, 255, 255, 0.03); border-left: 2px solid #444; padding: 15px; margin-bottom: 15px; cursor: pointer; transition: all 0.3s ease; position: relative; }
.news-card:hover { background: rgba(0, 240, 255, 0.1); border-left-color: var(--accent); transform: translateX(5px); box-shadow: -5px 0 15px rgba(0, 240, 255, 0.2); }
.news-title { color: white; font-family: 'Rajdhani'; font-weight: 700; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; display: flex; align-items: center; gap: 10px;}
.news-card:hover .news-title { color: var(--accent); }
.news-date { font-family: 'Press Start 2P'; font-size: 8px; color: #666; margin-top: 8px; display: block; }

.badge { font-family: 'Press Start 2P'; font-size: 8px; padding: 3px 6px; color: black; margin-right: 5px; box-shadow: 2px 2px 0 black; }
.badge-event { background: var(--purple); color: white; }
.badge-patch { background: #ff8c00; color: black; }
.badge-news { background: var(--accent); color: black; }

/* --- 2. МОДАЛКА НОВОСТЕЙ (JDM CONFIRM) --- */
.jdm-confirm {
    background: #0b0b0f !important; 
    background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 50%, transparent 50%) !important; 
    border: 2px solid #333 !important;
    box-shadow: 0 0 0 1000px rgba(0,0,0,0.5) !important; 
    padding: 0 !important; 
    max-width: 600px !important; 
    width: 95%; 
    transform: none !important; 
    animation: zoomIn 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    display: flex; 
    flex-direction: column; 
    position: relative;
    clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
}

/* ЗАГОЛОВОК (Добавлен отступ справа 60px, чтобы оттолкнуть текст) */
.alert-header { background: repeating-linear-gradient(45deg, #111, #111 10px, #222 10px, #222 20px); border-bottom: 2px solid var(--accent); padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; }

.alert-label { background: var(--accent); color: black; font-family: 'Press Start 2P'; font-size: 10px; padding: 5px 8px; box-shadow: 2px 2px 0 black; }
.alert-body { padding: 20px; text-align: left; background: radial-gradient(circle at center, #151515 0%, #050505 100%); }

.jdm-btn-row { display: flex; gap: 15px; justify-content: center; margin-top: 20px; }
.jdm-confirm-btn { padding: 12px 30px; border: none; cursor: pointer; font-family: 'Press Start 2P'; font-size: 10px; text-transform: uppercase; transition: 0.2s; transform: skewX(-15deg); background: var(--accent); color: black; box-shadow: 0 4px 0 rgba(0,0,0,0.5); }
.jdm-confirm-btn:hover { background: white; box-shadow: 0 0 15px white; }
.jdm-confirm-btn span { display: inline-block; transform: skewX(15deg); }

/* ОРИГИНАЛЬНЫЙ КРУГЛЫЙ КРЕСТИК */
.close {
    position: absolute; top: 15px; right: 20px; width: 32px; height: 32px; border-radius: 50%;
    display: flex; justify-content: center; align-items: center;
    color: #666; font-size: 24px; cursor: pointer; transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    border: 1px solid transparent; z-index: 10;
}
.close:hover { color: var(--primary); border-color: var(--primary); background: rgba(255, 0, 85, 0.1); transform: rotate(90deg); box-shadow: 0 0 15px var(--primary); }


/* --- 3. СТИЛИ СПИСКА (ДЛЯ ПРОФИЛЯ) --- */
#profile-news-container { display: flex; flex-direction: column; gap: 10px; }
.news-item { display: grid; grid-template-columns: 40px 1fr 40px; gap: 15px; background: rgba(0,0,0,0.3); border: 1px solid #1a1a1a; padding: 15px; align-items: center; cursor: pointer; transition: 0.2s; }
.news-item:hover { background: rgba(255, 255, 255, 0.02); border-color: #333; transform: translateX(5px); }
.news-icon { font-size: 18px; text-align: center; color: #fff; }
.news-info { display: flex; flex-direction: column; }
.news-title-mini { font-family: 'Rajdhani'; font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-date-mini { font-family: 'Press Start 2P'; font-size: 8px; color: #555; text-transform: uppercase; }
.news-read-btn { background: none; border: none; color: #444; font-size: 14px; cursor: pointer; transition: 0.2s; }
.news-item:hover .news-read-btn { color: var(--accent); }

/* --- РОЗОВЫЙ КИБЕР-СКРОЛЛБАР --- */
#news-view-body.cyber-scroll { overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--primary) rgba(0,0,0,0.3); }
#news-view-body.cyber-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
#news-view-body.cyber-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.3); border-left: 1px solid #333; }
#news-view-body.cyber-scroll::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 2px; box-shadow: 0 0 10px var(--primary); }
#news-view-body.cyber-scroll::-webkit-scrollbar-thumb:hover { background: #ff3377; }