/* mobile.css — additional mobile enhancements only, no sidebar rules */

/* iOS install banner */
.ios-install-banner {
    position: fixed; bottom: 70px; right: 12px; left: 12px;
    background: white; border-radius: 14px; padding: 14px 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.18); z-index: 998;
    display: flex; align-items: center; gap: 12px; direction: rtl;
}

/* Pull-to-refresh hint */
.ptr-indicator { text-align: center; padding: 14px; color: #aaa; font-size: 13px; display: none; }

/* FAB */
.fab {
    position: fixed; bottom: 74px; left: 20px;
    width: 56px; height: 56px; border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white; font-size: 26px; border: none; cursor: pointer;
    box-shadow: 0 6px 20px rgba(102,126,234,0.45);
    display: none; align-items: center; justify-content: center;
    z-index: 89; -webkit-tap-highlight-color: transparent;
}
@media (max-width: 768px) { .fab { display: flex; } }
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    .fab { bottom: calc(74px + env(safe-area-inset-bottom)); }
}