/* WT Hardening admin styles */

.wt-wrap { max-width: 960px; }
.wt-wrap h1 { display: flex; align-items: center; gap: 8px; }
.wt-title-icon { font-size: 26px; color: #2271b1; }

.wt-subtitle { color: #666; margin-top: -8px; margin-bottom: 20px; }

.wt-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}

.wt-grid-stats { margin-bottom: 20px; }

.wt-card,
.wt-card-full {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
}

.wt-card-full { margin-top: 20px; }

.wt-card-header {
	padding: 12px 16px;
	background: #f6f7f7;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}

.wt-card-header .dashicons { color: #2271b1; }

.wt-card-body { padding: 14px 16px; }
.wt-card-desc { margin: 0 0 10px; color: #555; font-size: 13px; }

.wt-toggle-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	cursor: pointer;
}

.wt-toggle-label { flex: 1; }
.wt-toggle-label p { margin: 4px 0 0; color: #666; font-size: 12px; }

.wt-switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px;
	flex-shrink: 0;
	margin-top: 2px;
}

.wt-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.wt-slider {
	position: absolute;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	cursor: pointer;
	transition: .2s;
}

.wt-slider::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 3px;
	top: 3px;
	background: #fff;
	border-radius: 50%;
	transition: .2s;
}

.wt-switch input:checked + .wt-slider { background: #2271b1; }
.wt-switch input:checked + .wt-slider::before { transform: translateX(20px); }

.wt-badge {
	font-size: 10px;
	font-weight: 600;
	padding: 2px 7px;
	border-radius: 10px;
	margin-left: auto;
	text-transform: uppercase;
	letter-spacing: .3px;
}

.wt-badge-danger  { background: #fce8e8; color: #b91c1c; }
.wt-badge-warning { background: #fef3c7; color: #92400e; }
.wt-badge-info    { background: #e0f2fe; color: #0c4a6e; }

.wt-field { display: inline-block; margin-right: 24px; margin-top: 14px; }
.wt-field label { display: block; font-size: 12px; color: #666; margin-bottom: 4px; }
.wt-field input { width: 100px; }

.wt-stat-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 16px 20px;
	text-align: center;
}

.wt-stat-num {
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #2271b1;
}

.wt-stat-label {
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.wt-table { margin-top: 8px; }
.wt-table code { font-size: 12px; }

.wt-submit-row { margin-top: 20px; }
.wt-section-gap { margin-top: 30px; }