/* ui_feedback.css - Tooltips, Switches, and Interactive Feedback */

.floating-tooltip {
    position: absolute;
    z-index: 2400;
    background: linear-gradient(145deg, #1a0000, #050505);
    border: 1px solid #ff00ff;
    border-radius: 4px;
    padding: 5px 8px;
    box-shadow: 0 0 20px rgba(148, 0, 211, 0.4), inset 0 0 10px rgba(0,0,0,0.8);
    pointer-events: auto;
    animation: tooltipPop 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    max-width: 160px;
}

.floating-tooltip::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ff00ff;
}

.floating-tooltip.bottom-mode::after {
    bottom: auto;
    top: -5px;
    border-top: none;
    border-bottom: 5px solid #ff00ff;
}

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

.tooltip-title { color: #ff00ff; font-weight: bold; font-size: 9px; margin-bottom: 3px; border-bottom: 1px solid rgba(255,0,255,0.2); padding-bottom: 1px; }
.tooltip-content { color: #ccc; font-size: 7.5px; line-height: 1.2; }
.tooltip-stat { display: flex; justify-content: space-between; gap: 8px; margin-top: 2px; font-size: 7px; }
.tooltip-stat span:first-child { color: #888; }
.tooltip-stat span:last-child { color: #ffa500; font-weight: bold; }

/* Switch Styling */
.switch { position: relative; display: inline-block; width: 24px; height: 14px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #333; transition: .4s; border-radius: 14px; }
.slider:before { position: absolute; content: ""; height: 10px; width: 10px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: #ff4500; }
input:checked + .slider:before { transform: translateX(10px); }