/* logs.css - Преміальні стилі для бічної панелі та консолі логування oCBot */

/* Загальна стилізація бічної панелі */
.log-sidebar-card {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(var(--rb-gold-rgb), 0.25) !important; /* Тонка золота рамка */
    box-shadow: 0 4px 20px rgba(var(--rb-green-rgb), 0.03) !important;
    transition: all 0.3s ease;
}

/* Скляний ефект у темному режимі */
.dark-theme .log-sidebar-card,
[data-bs-theme="dark"] .log-sidebar-card {
    background-color: rgba(20, 54, 47, 0.85) !important; /* Глибокий малахіт 85% */
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(var(--rb-gold-rgb), 0.2) !important;
    box-shadow: 0 8px 32px rgba(11, 36, 30, 0.3) !important;
}

/* Інпути та селектори на панелі */
.log-sidebar-card .form-select,
.log-sidebar-card .form-control {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(var(--rb-green-rgb), 0.2) !important;
    color: #1A1A1A !important;
    border-radius: 4px;
    font-size: 0.85rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dark-theme .log-sidebar-card .form-select,
.dark-theme .log-sidebar-card .form-control,
[data-bs-theme="dark"] .log-sidebar-card .form-select,
[data-bs-theme="dark"] .log-sidebar-card .form-control {
    background-color: #14362F !important; /* Світліший зелений малахіт */
    border: 1px solid rgba(var(--rb-gold-rgb), 0.25) !important; /* Золотий контур */
    color: #F5F5F5 !important;
}

.log-sidebar-card .form-select:focus,
.log-sidebar-card .form-control:focus {
    border-color: var(--rb-gold) !important; /* Золото при фокусі */
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.15) !important;
}

/* Динамічні теги компонентів (Бейджі) */
.log-tag-badge {
    cursor: pointer;
    font-size: 0.72rem !important;
    padding: 0.3em 0.7em !important;
    border-radius: 50px !important; /* Pill-shaped */
    font-weight: 600 !important;
    border: 1px solid rgba(var(--rb-green-rgb), 0.2) !important;
    color: var(--rb-green) !important;
    background-color: rgba(var(--rb-green-rgb), 0.05) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
}

.dark-theme .log-tag-badge,
[data-bs-theme="dark"] .log-tag-badge {
    border: 1px solid rgba(var(--rb-gold-rgb), 0.25) !important;
    color: var(--rb-gold-light) !important; /* Золото */
    background-color: rgba(var(--rb-gold-rgb), 0.06) !important;
}

.log-tag-badge:hover {
    transform: translateY(-1px);
    border-color: var(--rb-gold) !important;
    background-color: rgba(212, 175, 55, 0.12) !important;
    box-shadow: 0 2px 5px rgba(212, 175, 55, 0.15);
}

.log-tag-badge.active {
    background: linear-gradient(135deg, var(--rb-gold) 0%, var(--rb-gold-light) 100%) !important;
    color: #1A1A1A !important;
    border-color: var(--rb-gold) !important;
    box-shadow: 0 4px 10px rgba(212, 175, 55, 0.25) !important;
}

/* Стилізація консолі */
.log-console-textarea {
    background-color: #0E0E0E !important; /* Ультра-темний для контрасту */
    color: #E2E2E2 !important;
    border: 1px solid rgba(var(--rb-gold-rgb), 0.15) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    font-family: 'Consolas', 'Fira Code', 'Courier New', monospace !important;
    line-height: 1.45 !important;
    transition: border-color 0.3s ease;
}

.dark-theme .log-console-textarea,
[data-bs-theme="dark"] .log-console-textarea {
    border: 1px solid rgba(var(--rb-gold-rgb), 0.25) !important;
}

.log-console-textarea:focus {
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(212, 175, 55, 0.15) !important;
}

/* Красивий преміальний скролбар для консолі */
.log-console-textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.log-console-textarea::-webkit-scrollbar-track {
    background: #0E0E0E;
}

.log-console-textarea::-webkit-scrollbar-thumb {
    background-color: rgba(var(--rb-gold-rgb), 0.25);
    border-radius: 10px;
    border: 2px solid #0E0E0E;
}

.log-console-textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(212, 175, 55, 0.5);
}

/* Скроллбар для контейнера тегів */
#log_dynamic_tags_container::-webkit-scrollbar {
    width: 4px;
}

#log_dynamic_tags_container::-webkit-scrollbar-track {
    background: transparent;
}

#log_dynamic_tags_container::-webkit-scrollbar-thumb {
    background-color: rgba(var(--rb-gold-rgb), 0.2);
    border-radius: 10px;
}