.page-downloads {padding: 40px;background: var(--card);border: 1px solid var(--border); font-family: 'Segoe UI', sans-serif;}

/* ===== HEADER ===== */
.subtitle { color: #aaa; margin-bottom: 25px; }

/* ===== GLOBAL FILTER ===== */
.global-filter { margin-bottom: 30px; }
.global-filter a { margin-right: 10px; margin-bottom: 10px; padding: 8px 16px; border: 1px solid #555; border-radius: 8px; cursor: pointer; text-decoration: none; color: #ddd; display: inline-flex; align-items: center; gap: 5px; background: #1f1f1f;transition: all 0.25s ease;}
.global-filter a.active, .global-filter a:hover { background: #333; color: #fff; border-color: #888;}

/* ===== OS SECTION ===== */
.os-section { margin-bottom: 10px; }
.os-description { color: #aaa; font-size: 14px; margin-bottom: 30px; }
.os-divider { height: 2px; background: linear-gradient(90deg, transparent, #555, transparent); margin: 40px 0; opacity: 0.6; }

/* ===== SUB FILTER ===== */
.category-filters { margin: 15px 0; }
.category-filters a { margin-right: 8px; padding: 6px 12px; border: 1px solid #555; border-radius: 6px; cursor: pointer; font-size: 13px; text-decoration: none; color: #ddd; background: #1f1f1f;transition: all 0.25s ease;}
.category-filters a.active, .category-filters a:hover { background: #333; color: #fff; border-color: #888;}

/* ===== TABLE ===== */
.download-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
th, td { padding: 12px; }
th:nth-child(1), td:nth-child(1) { width: 60%; }
th:nth-child(2), td:nth-child(2) { width: 40%; text-align: right; }
td { border-top: 1px solid #333; }

/* ===== SUB DIVIDER ===== */
.sub-divider { height: 1px; background: linear-gradient(90deg, transparent, #555, transparent); margin: 12px 0; opacity: 0.5; }

/* ===== BADGES ===== */
.badge { padding: 3px 6px; margin-right: 5px; border-radius: 5px; font-size: 11px; }
.badge-latest { background: #777; color: #fff; }
.badge-new { background: #555; color: #fff; }
.badge-version { background: #444; color: #fff; }
.badge-arch { background: #333; color: #fff; }

/* ===== BUTTONS ===== */
.download-group { display: flex; justify-content: flex-end; gap: 6px; flex-wrap: wrap; }
.download-btn {min-width: 100px;text-align: center;padding: 8px 12px;border: 2px solid #555;border-radius: 8px;color: #ddd;text-decoration: none;font-size: 13px;font-weight: bold;background: linear-gradient(45deg, #222, #333);cursor: pointer;transition: all 0.25s ease;}
.download-btn:hover {background: linear-gradient(45deg, #444, #666);color: #fff;box-shadow: 0 4px 15px rgba(100,100,100,0.5);}

/* ===== SYSTEM REQUIREMENTS ===== */
.system-requirements {background: #1f1f1f;border: 1px solid #333;border-radius: 12px;padding: 15px 20px;margin-bottom: 20px;color: #ccc;font-size: 14px;}
.system-requirements h3 {margin-top: 0;font-size: 18px;color: #fff;}
.system-requirements ul {margin: 5px 0 0 20px;padding: 0;list-style: disc;}

/* ===== HIDDEN ===== */
.hidden { display: none; }

/* ===== MOBILE ===== */
@media (max-width:800px){
    .subtitle{ text-align:center; }
    .card { padding:30px; width:95%; }
    .download-table th, .download-table td{ font-size:12px; padding:8px; }
    .category-filters{ justify-content:center; display:flex; flex-wrap:wrap; }
}
@media(max-width:500px){
    .card{ padding:20px; }
    .download-table th, .download-table td{ font-size:11px; padding:6px; }
    .badge{ font-size:10px; padding:3px 6px; }
}