/**
 * Bulk Edit Tabs — Settings page (sidebar layout)
 * Matches Dawsony Admin Utilities / Dawsony SEO design system
 * Brand: #36648b (steel blue)
 * Prefix: dbet-
 */

:root {
	--dbet-brand: #36648b;
	--dbet-brand-dark: #2a4f6e;
	--dbet-brand-light: #4a87b5;
	--dbet-brand-bg: #edf2f7;
	--dbet-success: #16a34a;
	--dbet-radius: 8px;
	--dbet-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
	--dbet-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
}

.dbet-wrap {
	margin: -8px 0 0 -20px;
	overflow-x: hidden;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
	background: var(--dbet-brand-bg);
	min-height: 100vh;
}

.dbet-header {
	background: linear-gradient(135deg, var(--dbet-brand) 0%, var(--dbet-brand-dark) 100%);
	padding: 0;
	margin-bottom: 0;
}

.dbet-header-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.dbet-header-brand {
	display: flex;
	align-items: center;
	gap: 14px;
}

.dbet-header-logo {
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	background: #fff;
	padding: 2px;
}

.dbet-header h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.dbet-header-version {
	display: inline-block;
	font-size: 11px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.15);
	padding: 2px 8px;
	border-radius: 10px;
	margin-top: 2px;
}

.dbet-toast {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 24px;
	background: #f0fdf4;
	color: var(--dbet-success);
	font-weight: 500;
	font-size: 13px;
	border-bottom: 1px solid #bbf7d0;
}

.dbet-toast .dashicons {
	flex-shrink: 0;
}

.dbet-body {
	display: flex;
	align-items: flex-start;
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px;
	gap: 24px;
}

.dbet-sidebar {
	width: 200px;
	flex-shrink: 0;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: var(--dbet-radius);
	box-shadow: var(--dbet-shadow-sm);
	overflow: hidden;
	padding: 8px 0;
	position: sticky;
	top: 32px;
}

.dbet-sidebar-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: 500;
	color: #475569;
	text-decoration: none;
	border-left: 3px solid transparent;
	transition: color .15s, background .15s, border-color .15s;
}

.dbet-sidebar-item:hover,
.dbet-sidebar-item:focus {
	color: var(--dbet-brand);
	background: var(--dbet-brand-bg);
	text-decoration: none;
}

.dbet-sidebar-item .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: #94a3b8;
}

.dbet-sidebar-item:hover .dashicons,
.dbet-sidebar-item:focus .dashicons { color: var(--dbet-brand); }

.dbet-sidebar-item-active {
	color: var(--dbet-brand);
	background: var(--dbet-brand-bg);
	border-left-color: var(--dbet-brand);
	font-weight: 600;
}

.dbet-sidebar-item-active .dashicons { color: var(--dbet-brand); }

.dbet-main {
	flex: 1;
	min-width: 0;
	padding-bottom: 24px;
}

.dbet-content { padding: 0 0 24px; min-height: 200px; }

.dbet-upgrade-wrap { margin-top: 24px; }

.dbet-footer {
	padding: 16px 0 0;
	font-size: 12px;
	color: #94a3b8;
}

.dbet-footer a { color: var(--dbet-brand); text-decoration: none; }
.dbet-footer a:hover { text-decoration: underline; }

.dbet-footer-pro {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 600;
	color: var(--dbet-success);
}

.dbet-footer-pro .dashicons { font-size: 14px; width: 14px; height: 14px; }

.dbet-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: var(--dbet-radius);
	padding: 20px 24px;
	margin-bottom: 20px;
	box-shadow: var(--dbet-shadow-sm);
}

.dbet-card h2 { margin: 0 0 8px; font-size: 15px; font-weight: 600; color: #1e293b; }
.dbet-card h2 .dashicons { vertical-align: middle; margin-right: 4px; font-size: 18px; width: 18px; height: 18px; color: #94a3b8; }

.dbet-desc { margin: 0 0 16px; font-size: 13px; color: #64748b; line-height: 1.6; }

.dbet-info-text {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: var(--dbet-radius);
	padding: 16px 20px;
	margin-bottom: 20px;
	color: #475569;
	font-size: 13px;
	line-height: 1.6;
	box-shadow: var(--dbet-shadow-sm);
}

.dbet-licence-form {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
}

.dbet-licence-form input[type="text"] { flex: 1; min-width: 220px; font-family: monospace; }

.dbet-licence-message { margin: 8px 0 0; font-size: 12px; min-height: 16px; }
.dbet-licence-message.error { color: #dc2626; }
.dbet-licence-message.success { color: var(--dbet-success); }

.dbet-licence-ok {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 16px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 6px;
	font-size: 13px;
	color: var(--dbet-success);
	font-weight: 500;
}

.dbet-licence-ok code { background: #dcfce7; padding: 1px 6px; border-radius: 4px; font-size: 11px; margin-left: 4px; }

.dbet-help-pro-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
	margin-top: 12px;
}

.dbet-help-pro-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-top: 3px solid var(--dbet-brand);
	border-radius: 6px;
	padding: 14px 16px;
}

.dbet-help-pro-card strong { display: block; font-size: 13px; font-weight: 600; color: #1e293b; margin-bottom: 4px; }
.dbet-help-pro-card p { margin: 0; font-size: 12px; color: #64748b; line-height: 1.5; }

.dbet-help-icon-wrap { margin-bottom: 6px; }
.dbet-help-icon-wrap .dashicons { font-size: 22px; width: 22px; height: 22px; color: var(--dbet-brand); }

.dbet-help-coming-soon-badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	color: #92400e;
	background: #fef3c7;
	border: 1px solid #fde68a;
	padding: 2px 8px;
	border-radius: 10px;
	letter-spacing: .04em;
	text-transform: uppercase;
	margin-top: 6px;
}

.dbet-help-coming-soon {
	border-top: 3px solid #f59e0b !important;
}