.debug-log-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
	padding: 15px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.debug-log-filters label {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
}

.debug-log-filters label:hover {
	background: #f8f8f8;
}

.debug-log-filters input[type="checkbox"] {
	margin-right: 5px;
}

.log-filter-all {
	font-weight: bold;
}


.log-entry {
	margin: 5px 0;
	padding: 10px;
	border-radius: 3px;
	position: relative;
}

.log-message {
	margin: 0;
	white-space: normal;
	font-family: monospace;
	background-color: transparent;
	border: 0;
	padding-right: 50px; /* Make room for the copy button */
}

/* Error type colors */
.log-fatal {
	background-color: #ffd7d7;
	border-left: 4px solid #dc3232;
}

.log-parse {
	background-color: #ffe1e1;
	border-left: 4px solid #e53935;
}

.log-database {
	background-color: #ffeaea;
	border-left: 4px solid #b71c1c;
}

.log-warning {
	background-color: #fff8e5;
	border-left: 4px solid #ffb900;
}

.log-deprecated {
	background-color: #f8f8f8;
	border-left: 4px solid #82878c;
}

.log-strict {
	background-color: #e5f5fa;
	border-left: 4px solid #00a0d2;
}

.log-notice {
	background-color: #f7fcfe;
	border-left: 4px solid #00a0d2;
}

.log-unknown {
	background-color: #f8f8f8;
	border-left: 4px solid #ccd0d4;
}

/* Hidden entries */
.log-entry.hidden {
	display: none !important;
}

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

.debug-log-search {
    margin-bottom: 15px;
}

.debug-log-search input {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.copy-log {
	position: absolute !important;
	right: 11px;
	top: 11px;
	padding: 2px 8px !important;
	height: auto !important;
	border-color: transparent !important;
}

.copy-log .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}

.copy-log.copied {
	background-color: #46b450 !important;
	border-color: #46b450 !important;
	color: #fff !important;
}

.debug-log-pagination {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.debug-log-pagination-info {
    margin: 0 10px;
}

.log-entry.search-hidden,
.log-entry.hidden {
    display: none !important;
}

/* Remove the old header styles */
.log-entry-header {
	display: none;
}

.stack-trace {
	margin: 5px 0 0;
	padding: 10px;
	background: rgba(0, 0, 0, 0.03);
	border-radius: 3px;
	font-family: monospace;
	white-space: pre-wrap;
	font-size: 12px;
}

.debug-log-admin-viewer {
    max-width: 100%;
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccd0d4;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
}

.debug-log-admin-viewer .debug-log-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.debug-log-admin-viewer .debug-log-search {
    flex: 0 0 300px;
}

.debug-log-admin-viewer .debug-log-search input {
    width: 100%;
    padding: 5px;
}

.debug-log-admin-viewer .debug-log-filters {
    display: flex;
    gap: 10px;
}

.debug-log-admin-viewer .debug-log-filter {
    padding: 5px 10px;
    border: 1px solid #ccd0d4;
    border-radius: 3px;
    cursor: pointer;
    background: #f5f5f5;
}

.debug-log-admin-viewer .debug-log-filter.active {
    background: #007cba;
    color: #fff;
    border-color: #006ba1;
}

.debug-log-admin-viewer .debug-log-entries {
    margin-top: 20px;
}

.debug-log-admin-viewer .debug-log-entry {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccd0d4;
    background: #f8f9fa;
}

.debug-log-admin-viewer .debug-log-entry-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.debug-log-admin-viewer .debug-log-entry-type {
    font-weight: bold;
    color: #1e1e1e;
}

.debug-log-admin-viewer .debug-log-entry-time {
    color: #666;
    font-size: 0.9em;
}

.debug-log-admin-viewer .debug-log-entry-message {
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin: 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.debug-log-admin-viewer .debug-log-pagination {
    margin-top: 20px;
    text-align: center;
}

.debug-log-admin-viewer .debug-log-pagination .button {
    margin: 0 5px;
}

.debug-log-admin-viewer .debug-log-pagination-info {
    margin: 0 15px;
    color: #666;
}

.debug-log-admin-viewer .copy-log {
    padding: 2px 8px;
    margin-left: 10px;
}

.debug-log-admin-viewer .copy-log .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

.backup-location {
    cursor: pointer;
    padding: 2px 4px;
    background: #f0f0f1;
    border-radius: 3px;
    transition: background 0.2s ease;
}

.backup-location:hover {
    background: #e0e0e1;
}

.backup-location:focus {
    outline: 1px solid #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
}

.copied-feedback {
    color: #008a20;
    margin-left: 8px;
    font-style: italic;
}