/* Kram Industry - Custom Styles & Animations */

body {
    font-family: 'Inter', sans-serif;
    background-color: #0d0e11;
    color: #f8fafc;
}

.gradient-text {
    background: linear-gradient(135deg, #ff4d4d 0%, #d90429 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-text-blue {
    background: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glass-panel {
    background: rgba(26, 28, 35, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* VYLEPŠENÝ STYL PRO AKTIVNÍ ZÁLOŽKU */
.tab-btn {
    color: #cbd5e1;
}
.tab-btn i {
    color: #e5383b;
}
.tab-btn.tab-btn-blue i {
    color: #00f2fe;
}

.tab-active {
    background: linear-gradient(135deg, #e5383b 0%, #b7094c 100%) !important;
    box-shadow: 0 10px 25px -5px rgba(229, 56, 59, 0.4);
    color: #ffffff !important;
    border-color: transparent !important;
}
.tab-active i {
    color: #ffffff !important;
}

.tab-active-blue {
    background: linear-gradient(135deg, #00f2fe 0%, #0082c8 100%) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 242, 254, 0.4);
    color: #0d0e11 !important;
    border-color: transparent !important;
}
.tab-active-blue i {
    color: #0d0e11 !important;
}

/* Smart Home Specific Styles */
.sh-room {
    background: linear-gradient(180deg, #0f1423 0%, #0a0d17 100%);
    border: 1px solid #1e2638;
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.5);
}
.sh-light-on {
    color: #fbbf24;
    text-shadow: 0 0 20px rgba(251, 191, 36, 0.6);
}
.sh-light-off {
    color: #334155;
}
.sh-beam {
    stroke-dasharray: 10;
    animation: dash 1s linear infinite;
}
@keyframes dash {
    to { stroke-dashoffset: -20; }
}

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

.custom-scrollbar::-webkit-scrollbar-track {
    background: #0d0e11;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #2a2d37;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #e5383b;
}