/* p:/_TurisOne/PaxBacon/assets/css/app.css */
/* Core PWA and Offline Utilities */

body {
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none; /* Prevent pull-to-refresh on mobile apps */
}

/* Offline state styling */
body.is-offline #sync-status {
    background-color: #f59e0b; /* Amber */
    color: white;
}
body.is-offline #sync-status i:before {
    content: "\f1eb"; /* fa-wifi-slash equivalent depending on fontawesome version, 
                          we'll toggle class in JS to fa-wifi-slash */
}

/* Smooth transitions for interactive elements */
a, button {
    transition: all 0.2s ease-in-out;
}

/* Hide scrollbar for clean UI but preserve functionality */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}