/* =====================================================
   MARRIC TRADING HUB · COMMON.CSS
   Generic device polish (Android, desktop, touch)
   Additive only — does not alter existing layout
   ===================================================== */

/* Prevent gray tap highlight on mobile */
button, .btn, .hub-card, .history-item, .calendar-day, .accent-swatch,
.sidebar-nav a, .mobile-nav a, .more-menu a, .toc a,
.back-link, .theme-toggle-btn, .delete-btn, .edit-btn {
    -webkit-tap-highlight-color: transparent;
}

/* Subtle scale feedback on tap */
button:active, .btn:active, .hub-card:active, .history-item:active,
.calendar-day:active, .accent-swatch:active, .sidebar-nav a:active,
.mobile-nav a:active, .more-menu a:active, .toc a:active {
    transform: scale(0.98);
    transition: transform 0.08s ease;
}

/* Ensure pointer cursor on desktop */
button, .btn, .hub-card, .history-item, .calendar-day, .accent-swatch,
.sidebar-nav a, .mobile-nav a, .more-menu a, .toc a,
.back-link, .theme-toggle-btn, .delete-btn, .edit-btn {
    cursor: pointer;
}

/* Prevent accidental text selection on interactive elements */
.no-select,
.btn, button, .hub-card, .history-item, .calendar-day,
.sidebar-nav a, .mobile-nav a, .more-menu a {
    -webkit-user-select: none;
    user-select: none;
}

/* Smooth momentum scrolling for scrollable containers */
.table-scroll, .more-menu, .guide-container {
    -webkit-overflow-scrolling: touch;
}

/* Better focus visibility for keyboard users */
button:focus-visible,
.btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
}

/* Optional: slightly reduce chart height on very small screens */
@media (max-width: 480px) {
    canvasnot([id$="Network"]) {
        max-height: 180px !important;
    }
}