/* ARBX — Glassmorphic Command Center */

.glass-panel {
    position: relative;
    background: linear-gradient(135deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.008) 100%);
    border: 1px solid rgba(255,255,255,0.06);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.glass-panel:hover {
    border-color: rgba(255,255,255,0.1);
}

.scanline-overlay {
    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.02) 2px, rgba(0,0,0,0.02) 4px);
    z-index: 1;
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Profit glow */
.text-neon-green { text-shadow: 0 0 20px rgba(52,211,153,0.3); }
.text-neon-cyan { text-shadow: 0 0 20px rgba(34,211,238,0.3); }
.text-neon-blue { text-shadow: 0 0 20px rgba(77,159,255,0.3); }

/* Select styling */
select option { background: #131a2e; color: #c4cbda; }

/* Number input arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 0.3;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.15); }

/* Alert edge flash */
.alert-edge {
    position: fixed;
    pointer-events: none;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.3s;
}
.alert-edge.active { opacity: 1; }
.alert-edge-top    { top: 0; left: 0; right: 0; height: 3px; }
.alert-edge-bottom { bottom: 0; left: 0; right: 0; height: 3px; }
.alert-edge-left   { top: 0; bottom: 0; left: 0; width: 3px; }
.alert-edge-right  { top: 0; bottom: 0; right: 0; width: 3px; }
.alert-edge-top, .alert-edge-bottom { animation: flash-h 1.2s ease-in-out infinite; }
.alert-edge-left, .alert-edge-right { animation: flash-v 1.2s ease-in-out infinite; }

/* Glow behind the edges */
.alert-glow {
    position: fixed;
    pointer-events: none;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.3s;
    filter: blur(12px);
}
.alert-glow.active { opacity: 1; }
.alert-glow-top    { top: -4px; left: 0; right: 0; height: 10px; }
.alert-glow-bottom { bottom: -4px; left: 0; right: 0; height: 10px; }
.alert-glow-left   { top: 0; bottom: 0; left: -4px; width: 10px; }
.alert-glow-right  { top: 0; bottom: 0; right: -4px; width: 10px; }
.alert-glow-top, .alert-glow-bottom { animation: flash-h 1.2s ease-in-out infinite; }
.alert-glow-left, .alert-glow-right { animation: flash-v 1.2s ease-in-out infinite; }

/* Tier colors set via CSS custom property --alert-color */
.alert-tier-green  { --alert-color: #34d399; }
.alert-tier-yellow { --alert-color: #fbbf24; }
.alert-tier-red    { --alert-color: #f87171; }

.alert-edge { background: var(--alert-color); }
.alert-glow { background: var(--alert-color); }

@keyframes flash-h {
    0%, 100% { opacity: 0.3; transform: scaleX(0.95); }
    50%      { opacity: 1;   transform: scaleX(1); }
}
@keyframes flash-v {
    0%, 100% { opacity: 0.3; transform: scaleY(0.95); }
    50%      { opacity: 1;   transform: scaleY(1); }
}

::selection { background: rgba(139,92,246,0.3); color: #e0e4ed; }
button:active { transform: scale(0.97); }