/* Stock Average Calculator Custom CSS
 * EasyToolio Platform - Finance Category
 */

.apple-glass {
    background: rgba(18, 18, 20, 0.65);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

html:not(.dark) .apple-glass {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
}

.custom-input {
    background: rgba(9, 9, 11, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f4f4f5;
    transition: all 0.2s ease-in-out;
}

html:not(.dark) .custom-input {
    background: #ffffff;
    border: 1px solid #d4d4d8;
    color: #18181b;
}

.custom-input:focus {
    border-color: #10b981;
    outline: none;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.25);
}

.result-card-glow {
    background: radial-gradient(circle at top right, rgba(16, 185, 129, 0.12), transparent 70%);
}

.profit-badge {
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid rgba(16, 185, 129, 0.3);
    color: #34d399;
}

html:not(.dark) .profit-badge {
    background: rgba(16, 185, 129, 0.12);
    border: 1px solid rgba(16, 185, 129, 0.35);
    color: #047857;
}

.loss-badge {
    background: rgba(244, 63, 94, 0.15);
    border: 1px solid rgba(244, 63, 94, 0.3);
    color: #fb7185;
}

html:not(.dark) .loss-badge {
    background: rgba(244, 63, 94, 0.12);
    border: 1px solid rgba(244, 63, 94, 0.35);
    color: #be123c;
}

.neutral-badge {
    background: rgba(161, 161, 170, 0.15);
    border: 1px solid rgba(161, 161, 170, 0.3);
    color: #a1a1aa;
}

html:not(.dark) .neutral-badge {
    background: rgba(113, 113, 122, 0.12);
    border: 1px solid rgba(113, 113, 122, 0.35);
    color: #3f3f46;
}

.buy-row-item {
    transition: all 0.25s ease-in-out;
}

.buy-row-item:hover {
    border-color: rgba(16, 185, 129, 0.3);
}

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(161, 161, 170, 0.2);
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(16, 185, 129, 0.4);
}