/* 
  Custom styles for Bot 247 Portal 
  Most styling is now handled by Tailwind CSS in index.html
*/

/* Status Dot Colors (Used by app.js) */
.status-dot.offline { background-color: #ef4444; } /* Red */
.status-dot.online { background-color: #10b981; } /* Green */

/* Badges (Used dynamically by app.js) */
.badge-completed { color: #10b981; background-color: rgba(16, 185, 129, 0.1); padding: 4px 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; }
.badge-processing { color: #3b82f6; background-color: rgba(59, 130, 246, 0.1); padding: 4px 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; }
.badge-failed { color: #ef4444; background-color: rgba(239, 68, 68, 0.1); padding: 4px 10px; border-radius: 9999px; font-size: 12px; font-weight: 600; }

/* 
  Keep table styles for the dynamic log table generated in app.js
*/
.log-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.log-table th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f9fafb;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid #e5e7eb;
}
.dark .log-table th {
    background: #121212;
    border-bottom-color: #333333;
    color: #9ca3af;
}
.log-table td {
    padding: 14px 16px;
    border-bottom: 1px solid #e5e7eb;
    font-size: 14px;
}
.dark .log-table td {
    border-bottom-color: #333333;
}
.log-table tr:last-child td {
    border-bottom: none;
}

/* Ensure active/hidden display states used by JS work correctly */
.hidden { display: none !important; }
section { display: none; }
section.active { display: block; }

/* Theme Toggle Icons */
#themeToggleBtn svg.dark-icon {
    display: none;
}
#themeToggleBtn svg.light-icon {
    display: block;
}
.dark #themeToggleBtn svg.dark-icon {
    display: block !important;
}
.dark #themeToggleBtn svg.light-icon {
    display: none !important;
}