.btm-log-viewer {
    margin: 20px;
}

.btm-log-controls {
    margin-bottom: 20px;
}

.btm-log-controls button,
.btm-log-controls select {
    margin-right: 10px;
}

.btm-log-content {
    background: #fff;
    border: 1px solid #ccd0d4;
    padding: 20px;
    min-height: 300px;
    max-height: 600px;
    overflow-y: auto;
    font-family: monospace;
    white-space: pre-wrap;
}

.btm-log-entry {
    margin-bottom: 5px;
    padding: 5px;
    border-bottom: 1px solid #f0f0f0;
}

.btm-log-entry.debug { color: #666; }
.btm-log-entry.info { color: #0073aa; }
.btm-log-entry.warning { color: #dba617; }
.btm-log-entry.error { color: #dc3232; }

.btm-loading,
.btm-error,
.btm-no-logs {
    text-align: center;
    padding: 20px;
    color: #666;
}

.btm-error {
    color: #dc3232;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .btm-log-content {
        background: #23282d;
        border-color: #191f25;
    }

    .btm-log-entry {
        border-color: #32373c;
    }

    .btm-log-entry.debug { color: #bbb; }
    .btm-log-entry.info { color: #00b9eb; }
    .btm-log-entry.warning { color: #ffc733; }
    .btm-log-entry.error { color: #f55; }

    .btm-loading,
    .btm-no-logs {
        color: #bbb;
    }
}