/* Terminal-style Log Viewer for Dashboard */

/* Logs card styling */
.logs-card {
    background-color: #000;
    color: #ddd;
    font-family: "Roboto Mono", monospace;
    cursor: pointer;
    position: relative;
}

.logs-card .card-subtitle {
    color: #888 !important;
    font-size: 0.75rem;
    font-family: "Roboto", sans-serif;
    margin-bottom: 10px !important;
}

.logs-card .logs-explorer-link {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #666;
    text-decoration: none;
    opacity: 0.6;
    transition:
        opacity 0.2s,
        color 0.2s;
    z-index: 10;
    font-size: 0.7rem;
    padding: 4px;
}

.logs-card .logs-explorer-link:hover {
    color: #888;
    opacity: 1;
    text-decoration: none;
}

.logs-container {
    background: #000;
    color: #ddd;
    padding: 0;
}

.logs-table {
    font-family: "Roboto Mono", monospace !important;
    font-size: 0.57rem !important;
    background: #000;
    color: #ddd;
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse;
}

.logs-table thead {
    background: #1a1a1a;
    color: #888;
    font-size: 0.6rem;
    text-transform: uppercase;
}

.logs-table thead th {
    border: none;
    padding: 0.4rem;
    font-weight: 500;
    text-align: left;
}

.logs-table tbody tr {
}

.logs-table tbody tr:hover {
    background-color: #1a1a1a;
}

.logs-table tbody td {
    border: none;
    padding: 0;
    vertical-align: middle;
}

.logs-table .log-message {
    word-break: break-word;
}

/* Bootstrap text color overrides for dark background */
.logs-table .text-muted {
    color: #6c757d !important;
}

.logs-table .text-info {
    color: #5bc0de !important;
}

.logs-table .text-warning {
    color: #f0ad4e !important;
}

.logs-table .text-danger {
    color: #d9534f !important;
}

/* Load more button */
.logs-card .load-more-logs {
    background-color: #1a1a1a;
    border-color: #444;
    color: #888;
    font-size: 0.7rem;
    font-family: "Roboto Mono", monospace;
    width: 100%;
}

.logs-card .load-more-logs:hover {
    background-color: #2a2a2a;
    border-color: #555;
    color: #aaa;
}

.logs-container .no-logs,
.logs-container .loading,
.logs-container .error {
    color: #888;
    text-align: center;
    padding: 1rem;
    font-size: 0.75rem;
}