/**
 * Tracksies Settings Page CSS
 *
 * Extracted from inline <style> blocks in class-tracksies-settings.php
 * for WordPress.org compliance.
 *
 * @package Tracksies
 * @since 1.2.0
 */

/* ---- Base Settings Layout ---- */
.tracksies-wrap {
	max-width: 1200px;
}
.tracksies-page-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	font-size: 23px;
	font-weight: 400;
}
.tracksies-page-title i {
	color: #2271b1;
}
.tracksies-tabs {
	margin-bottom: 20px;
	border-bottom: 1px solid #c3c4c7;
}
.tracksies-tabs .nav-tab {
	margin-left: 0;
	margin-right: 6px;
}
.tracksies-settings .nav-tab-wrapper {
	padding-top: 0;
}
.tracksies-features-settings {
	max-width: 900px;
}

/* ---- License Cards ---- */
.tracksies-license-card {
	background: #fff;
	border: 1px solid var(--tracksies-color-border, #c3c4c7);
	border-radius: var(--tracksies-radius-medium, 4px);
	margin-bottom: 16px;
	max-width: 700px;
	border-top: 3px solid var(--tracksies-color-primary, #2271b1);
}
.tracksies-license-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
	border-bottom: 1px solid #f0f0f1;
}
.tracksies-license-card__header h3 {
	margin: 0;
	font-size: var(--tracksies-font-size-md);
	font-weight: 600;
	color: var(--tracksies-color-text, #1d2327);
}
.tracksies-license-card__badge {
	font-size: var(--tracksies-font-size-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 4px 10px;
	border-radius: 3px;
}
.tracksies-license-card.is-active .tracksies-license-card__badge {
	background: #edfaef;
	color: #1e7e34;
}
.tracksies-license-card.is-inactive .tracksies-license-card__badge {
	background: #f0f0f1;
	color: #646970;
}
.tracksies-license-card__body {
	padding: 14px 20px;
}
.tracksies-license-card__row {
	display: flex;
	gap: 8px;
}
.tracksies-license-card__input {
	flex: 1;
	padding: 8px 12px;
	font-size: var(--tracksies-font-size);
}
.tracksies-license-card__input[readonly] {
	background: #f6f7f7;
	color: #646970;
}
.tracksies-license-card__deactivate {
	color: #b32d2e !important;
	border-color: #b32d2e !important;
}
.tracksies-license-card__deactivate:hover {
	background: #b32d2e !important;
	color: #fff !important;
}
.tracksies-license-card__info {
	margin-top: 10px;
	font-size: var(--tracksies-font-size-sm);
	color: #646970;
	display: flex;
	gap: 16px;
}
.tracksies-license-card__notice {
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 3px;
	font-size: var(--tracksies-font-size-sm);
}
.tracksies-license-card__notice--error {
	background: #fcf0f1;
	border-left: 3px solid #d63638;
}
.tracksies-license-card__notice--success {
	background: #edfaef;
	border-left: 3px solid #00a32a;
}
.tracksies-license-card__notice p { margin: 0; }

/* ---- Status Tab ---- */
.tracksies-status-content { max-width: 900px; }
.tracksies-status-summary {
	display: flex;
	gap: 20px;
	margin: 20px 0;
}
.tracksies-status-summary .summary-card {
	flex: 1;
	padding: 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	text-align: center;
}
.tracksies-status-summary .summary-number {
	font-size: 28px;
	font-weight: 600;
	color: #1d2327;
}
.tracksies-status-summary .summary-number span {
	font-size: 18px;
	color: #666;
}
.tracksies-status-summary .summary-label {
	font-size: var(--tracksies-font-size-sm);
	color: #666;
	margin-top: 5px;
}
.tracksies-status-section {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	margin-bottom: 20px;
	overflow: hidden;
}
.tracksies-status-section h3 {
	margin: 0;
	padding: 12px 16px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	font-size: var(--tracksies-font-size-md);
}
.tracksies-status-table .status-icon { width: 30px; text-align: center; }
.tracksies-status-table .status-label { font-weight: 500; }
.tracksies-status-table .status-value { color: #666; }
.tracksies-status-table .status-required { color: #999; font-size: var(--tracksies-font-size-xs); text-align: right; }
#tracksies-copy-status-tab.copied { background: #2e7d32; color: #fff; border-color: #2e7d32; }