/* Let's Code Cookie Banner – Admin styles */

.lccb-admin-wrap .nav-tab-wrapper {
	margin-bottom: 20px;
}

.lccb-tab-content {
	background: #fff;
	padding: 20px 24px;
	border: 1px solid #c3c4c7;
	border-top: none;
	max-width: 860px;
}

.lccb-tab-content h2 {
	margin-top: 0;
}

/* Consent log table */
.lccb-yes { color: #2e7d32; font-weight: 700; }
.lccb-no  { color: #c62828; font-weight: 700; }

/* Cleanup box */
.lccb-cleanup-box {
	margin: 16px 0;
	padding: 12px 16px;
	background: #fff8e1;
	border: 1px solid #ffe082;
	border-radius: 4px;
}

.lccb-cleanup-box h3 {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 600;
}

.lccb-cleanup-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 6px;
}

.lccb-delete-msg {
	font-size: 13px;
}

.lccb-delete-msg.success { color: #2e7d32; font-weight: 600; }
.lccb-delete-msg.error   { color: #c62828; font-weight: 600; }

/* Admin preview box */
#lccb-admin-preview {
	margin-top: 16px;
	padding: 16px;
	background: #f0f0f1;
	border-radius: 6px;
	max-width: 680px;
}

.lccb-preview-banner {
	background: var(--lccb-preview-bg, #ffffff);
	color: var(--lccb-preview-text, #333333);
	border-radius: 6px;
	padding: 16px;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	position: relative;
}

.lccb-preview-close {
	position: absolute;
	top: 8px;
	right: 12px;
	font-size: 20px;
}

.lccb-number-field {
	width: 70px;
}

.lccb-preview-banner p {
	margin: 0 32px 12px 0;
	font-size: .85rem;
}

.lccb-preview-buttons {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.lccb-preview-btn {
	padding: 8px 14px;
	border-radius: 6px;
	background: var(--lccb-preview-btn-bg, #1a73e8);
	color: var(--lccb-preview-btn-text, #ffffff);
	border: 2px solid var(--lccb-preview-btn-border, #1a73e8);
	font-size: .82rem;
	font-weight: 600;
	cursor: default;
}

/* Cookie Registry tab */
.lccb-cookie-registry-table code {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
	font-size: 12px;
	background: #f0f0f0;
	padding: 1px 5px;
	border-radius: 3px;
}

.lccb-cookie-actions {
	white-space: nowrap;
}

.lccb-cookie-form-wrap {
	background: #f9f9f9;
	border: 1px solid #c3c4c7;
	padding: 16px 20px;
	max-width: 860px;
}

.lccb-cookie-form-wrap h3 {
	margin-top: 0;
}

.lccb-cookie-msg {
	font-size: 13px;
}

.lccb-cookie-msg.success { color: #2e7d32; font-weight: 600; }
.lccb-cookie-msg.error   { color: #c62828; font-weight: 600; }

/* Detected cookies badges */
.lccb-badge-ok {
	display: inline-block;
	color: #2e7d32;
	font-weight: 600;
	font-size: 12px;
}

/* FAB button preview */
#lccb-admin-preview-fab {
	margin-top: 16px;
	padding: 20px;
	background: #f0f0f1;
	border-radius: 6px;
	max-width: 680px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lccb-preview-fab-btn {
	border-radius: 50%;
	background: var(--lccb-preview-btn-bg, #1a73e8);
	color: var(--lccb-preview-btn-text, #ffffff);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px;
	cursor: default;
	box-shadow: 0 2px 10px rgba(0,0,0,.25);
}

.lccb-preview-fab-btn svg {
	width: 22px;
	height: 22px;
	fill: currentColor;
	display: block;
}

/* Preferences panel preview */
#lccb-admin-preview-panel {
	margin-top: 16px;
	padding: 16px;
	background: #f0f0f1;
	border-radius: 6px;
	max-width: 680px;
}

.lccb-preview-panel {
	background: var(--lccb-preview-overlay-bg, #f8f8f8);
	color: var(--lccb-preview-text, #333333);
	border-radius: 6px;
	box-shadow: 0 2px 12px rgba(0,0,0,.15);
	overflow: hidden;
	font-size: .85rem;
}

.lccb-preview-panel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.lccb-preview-panel-title {
	font-weight: 700;
	font-size: .9rem;
}

.lccb-preview-panel-close {
	font-size: 18px;
	line-height: 1;
	opacity: .6;
}

.lccb-preview-panel-body {
	padding: 4px 0;
}

.lccb-preview-category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
	border-bottom: 1px solid rgba(0,0,0,.06);
}

.lccb-preview-category:last-child {
	border-bottom: none;
}

.lccb-preview-cat-name {
	font-weight: 600;
}

.lccb-preview-always-on {
	font-size: .78rem;
	color: #2e7d32; /* overridden by JS via updatePreview() */
	font-weight: 600;
}

.lccb-preview-slider {
	display: inline-block;
	width: 46px;
	height: 26px;
	background: #ccc;
	border-radius: 13px;
	position: relative;
	flex-shrink: 0;
}

.lccb-preview-slider::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
}

.lccb-preview-slider-on {
	background: #1a73e8;
}

.lccb-preview-slider-on::before {
	transform: translateX(20px);
}

.lccb-preview-panel-footer {
	padding: 12px 16px;
	border-top: 1px solid rgba(0,0,0,.08);
}

.lccb-preview-panel-footer .lccb-preview-buttons {
	justify-content: flex-end;
}

/* Pro feature badge / notice */
.lccb-pro-feature-notice {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 14px;
	background: #f9f2ff;
	border: 1px solid #b47fcc;
	border-radius: 5px;
}

.lccb-pro-label {
	display: inline-block;
	background: #8b2fc9;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .5px;
	padding: 2px 6px;
	border-radius: 3px;
	white-space: nowrap;
	flex-shrink: 0;
	line-height: 18px;
}
