/* ===========================
   Mobile Responsiveness
   =========================== */
@media (max-width: 768px) {
    .top-bar { padding: 1rem; }
    .search-container { margin: 0 1rem; }
    .search-results-dropdown { top: 75px; left: 1rem; right: 1rem; max-height: 70vh; }
    .sidebar { width: 85%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 1.5rem; }
    .main-content { padding: 1rem 0.5rem; }
    .grid-container, .inner-grid { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
    .icon-item { width: 100%; }
    .icon-wrapper { width: 95px; height: 95px; border-radius: 20px; }
    .modal { padding: 1.5rem; }
    .update-pill { bottom: 15px; right: 15px; padding: 10px 20px; font-size: 0.85rem; }
}