/**
 * Visual tokens from Theme/index.html (prototype).
 * Loaded by templates/layout.php and templates/admin_layout.php.
 * Inter is linked from the HTML head (avoid @import, it blocks paint and worsens flicker on full page loads).
 */

body.app-theme-body {
    font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

.gradient-bg {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}

.price-card {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
    border: 1px solid rgba(30, 41, 59, 0.5);
    transition: all 0.3s ease;
}

.price-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border-color: #3b82f6;
}

.search-container {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(10px);
}

.toggle-btn.active {
    background-color: #3b82f6;
    color: white;
}

.glowing-border {
    border: 2px solid transparent;
    background:
        linear-gradient(45deg, #1a1a2e, #16213e) padding-box,
        linear-gradient(45deg, #3b82f6, #8b5cf6) border-box;
}

/* Combined panel (filters on index): both prototypes used together */
.search-container.glowing-border {
    background:
        linear-gradient(45deg, rgba(15, 23, 42, 0.88), rgba(22, 33, 62, 0.92)) padding-box,
        linear-gradient(45deg, #3b82f6, #8b5cf6) border-box;
    backdrop-filter: blur(10px);
}

/* Narrow scroll areas (tables that still need horizontal scroll on tablet/desktop) */
.data-table-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.65) rgba(30, 41, 59, 0.45);
}

.data-table-scroll::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.data-table-scroll::-webkit-scrollbar-thumb {
    background: rgba(71, 85, 105, 0.85);
    border-radius: 6px;
}

.data-table-scroll::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.55);
    border-radius: 6px;
}