/* ================================================================
   Minoka Webmaster Tools — Sitemap ↔ Robots.txt Cross-Check
   ================================================================ */

.mwt-sr-disclaimer {
	margin: 0 0 var(--mwt-spacing-md, 16px);
	padding: 10px 14px;
	background: var(--mwt-bg, #f5f5f7);
	border-left: 3px solid var(--mwt-warning, #ff9500);
	border-radius: var(--mwt-radius-sm, 6px);
	color: var(--mwt-text-secondary, #6e6e73);
	font-size: 12px;
	line-height: 1.5;
}

.mwt-sitemap-robots-status {
	margin-top: var(--mwt-spacing-md, 16px);
	padding: var(--mwt-spacing-md, 16px);
	border-radius: var(--mwt-radius-md, 12px);
	background: var(--mwt-info-bg, #e3f2fd);
	color: var(--mwt-info-text, #1565c0);
	border: 1px solid var(--mwt-info, #007aff);
}

.mwt-sitemap-robots-status.is-error {
	background: var(--mwt-error-bg, #ffebee);
	color: var(--mwt-error-text, #c62828);
	border-color: var(--mwt-error, #ff3b30);
}

.mwt-sitemap-robots-results {
	margin-top: var(--mwt-spacing-lg, 24px);
}

/* ---------- Summary strip ---------- */

.mwt-sr-summary {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: var(--mwt-spacing-sm, 8px);
	margin-bottom: var(--mwt-spacing-lg, 24px);
}

.mwt-sr-stat {
	background: var(--mwt-bg-white, #ffffff);
	border: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	border-radius: var(--mwt-radius-md, 12px);
	padding: var(--mwt-spacing-md, 16px);
	text-align: center;
}

.mwt-sr-stat__value {
	font-size: 28px;
	font-weight: 700;
	color: var(--mwt-text-primary, #1d1d1f);
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
}

.mwt-sr-stat__label {
	margin-top: 4px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mwt-text-secondary, #6e6e73);
}

.mwt-sr-stat--alert .mwt-sr-stat__value { color: var(--mwt-error, #ff3b30); }

/* ---------- Robots card ---------- */

.mwt-sr-robots {
	background: var(--mwt-bg-white, #ffffff);
	border: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	border-radius: var(--mwt-radius-md, 12px);
	padding: var(--mwt-spacing-md, 16px);
	margin-bottom: var(--mwt-spacing-lg, 24px);
}

.mwt-sr-robots__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--mwt-spacing-sm, 8px);
	margin-bottom: var(--mwt-spacing-sm, 8px);
}

.mwt-sr-robots__url {
	font-family: var(--mwt-font-mono, monospace);
	font-size: 13px;
	word-break: break-all;
	color: var(--mwt-text-primary, #1d1d1f);
}

.mwt-sr-robots__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--mwt-text-secondary, #6e6e73);
}

.mwt-sr-robots__meta strong {
	color: var(--mwt-text-primary, #1d1d1f);
	font-variant-numeric: tabular-nums;
}

.mwt-sr-robots__issues {
	margin-top: var(--mwt-spacing-sm, 8px);
	padding-left: 20px;
	color: var(--mwt-text-secondary, #6e6e73);
	font-size: 13px;
}

/* ---------- Findings panel ---------- */

.mwt-sr-findings {
	margin-bottom: var(--mwt-spacing-lg, 24px);
}

.mwt-sr-findings__list {
	display: flex;
	flex-direction: column;
	gap: var(--mwt-spacing-sm, 8px);
}

.mwt-sr-finding {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-radius: var(--mwt-radius-sm, 6px);
	border-left: 4px solid;
	background: var(--mwt-bg-white, #ffffff);
	border: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	border-left-width: 4px;
}

.mwt-sr-finding__icon {
	flex-shrink: 0;
	font-size: 18px;
	line-height: 1;
}

.mwt-sr-finding__label {
	flex: 1 1 auto;
	color: var(--mwt-text-primary, #1d1d1f);
	font-size: 14px;
}

.mwt-sr-finding--high {
	border-left-color: var(--mwt-error, #ff3b30);
	background: var(--mwt-error-bg, #ffebee);
}
.mwt-sr-finding--high .mwt-sr-finding__label {
	color: var(--mwt-error-text, #c62828);
}

.mwt-sr-finding--medium {
	border-left-color: var(--mwt-warning, #ff9500);
	background: var(--mwt-warning-bg, #fff3e0);
}
.mwt-sr-finding--medium .mwt-sr-finding__label {
	color: var(--mwt-warning-text, #e65100);
}

.mwt-sr-finding--info {
	border-left-color: var(--mwt-info, #007aff);
	background: var(--mwt-info-bg, #e3f2fd);
}
.mwt-sr-finding--info .mwt-sr-finding__label {
	color: var(--mwt-info-text, #1565c0);
}

.mwt-sr-finding--ok {
	border-left-color: var(--mwt-success, #34c759);
	background: var(--mwt-success-bg, #e8f5e9);
}
.mwt-sr-finding--ok .mwt-sr-finding__label {
	color: var(--mwt-success-text, #2e7d32);
}

/* ---------- Per-sitemap accordion ---------- */

.mwt-sr-sitemap {
	background: var(--mwt-bg-white, #ffffff);
	border: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	border-radius: var(--mwt-radius-md, 12px);
	margin-bottom: var(--mwt-spacing-md, 16px);
	overflow: hidden;
}

.mwt-sr-sitemap__summary {
	cursor: pointer;
	padding: 12px 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	list-style: none;
	user-select: none;
}
.mwt-sr-sitemap__summary::-webkit-details-marker { display: none; }
.mwt-sr-sitemap__summary::marker { content: ''; }
.mwt-sr-sitemap__summary:hover { background: var(--mwt-primary-light, #f0f7ff); }

.mwt-sr-sitemap__summary::after {
	content: '';
	width: 9px;
	height: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	margin-left: auto;
	opacity: 0.5;
	transition: transform 0.2s ease;
}
.mwt-sr-sitemap[open] > .mwt-sr-sitemap__summary::after {
	transform: rotate(45deg);
}

.mwt-sr-sitemap__url {
	flex: 1 1 300px;
	min-width: 0;
	font-family: var(--mwt-font-mono, monospace);
	font-size: 13px;
	color: var(--mwt-text-primary, #1d1d1f);
	word-break: break-all;
}

.mwt-sr-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.mwt-sr-badge--ok {
	background: var(--mwt-success-bg, #e8f5e9);
	color: var(--mwt-success-text, #2e7d32);
}

.mwt-sr-badge--bad {
	background: var(--mwt-error-bg, #ffebee);
	color: var(--mwt-error-text, #c62828);
}

.mwt-sr-badge--warn {
	background: var(--mwt-warning-bg, #fff3e0);
	color: var(--mwt-warning-text, #e65100);
}

.mwt-sr-badge--neutral {
	background: var(--mwt-bg, #f5f5f7);
	color: var(--mwt-text-secondary, #6e6e73);
}

.mwt-sr-sitemap__body {
	padding: 12px 16px 16px;
	border-top: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
}

.mwt-sr-sitemap__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 13px;
	color: var(--mwt-text-secondary, #6e6e73);
	margin-bottom: var(--mwt-spacing-sm, 8px);
}

.mwt-sr-sitemap__meta strong {
	color: var(--mwt-text-primary, #1d1d1f);
	font-variant-numeric: tabular-nums;
}

.mwt-sr-sitemap__errors {
	margin-top: var(--mwt-spacing-sm, 8px);
	padding: 8px 12px;
	border-left: 3px solid var(--mwt-warning, #ff9500);
	background: var(--mwt-warning-bg, #fff3e0);
	color: var(--mwt-warning-text, #e65100);
	font-size: 12px;
}

/* ---------- Sampled-URLs table ---------- */

.mwt-sr-table-scroll {
	margin-top: var(--mwt-spacing-sm, 8px);
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	border-radius: var(--mwt-radius-sm, 6px);
}

.mwt-sr-table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
	font-size: 13px;
}

.mwt-sr-table th,
.mwt-sr-table td {
	padding: 8px 12px;
	text-align: left;
	border-bottom: 1px solid var(--mwt-border-light, rgba(0,0,0,0.08));
	vertical-align: top;
}

.mwt-sr-table tr:last-child td { border-bottom: none; }

.mwt-sr-table th {
	background: var(--mwt-bg, #f5f5f7);
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mwt-text-secondary, #6e6e73);
	white-space: nowrap;
}

.mwt-sr-table__url {
	font-family: var(--mwt-font-mono, monospace);
	word-break: break-all;
	max-width: 360px;
}

.mwt-sr-table__rule {
	font-family: var(--mwt-font-mono, monospace);
	color: var(--mwt-text-secondary, #6e6e73);
	font-size: 12px;
}

.mwt-sr-table tr.is-disallowed {
	background: rgba(255, 59, 48, 0.04);
}

/* ---------- Empty state ---------- */

.mwt-sr-empty {
	padding: 24px;
	text-align: center;
	color: var(--mwt-text-secondary, #6e6e73);
	font-style: italic;
	border: 1px dashed var(--mwt-border, #d1d1d6);
	border-radius: var(--mwt-radius-md, 12px);
	background: var(--mwt-bg, #f5f5f7);
}

/* ---------- Mobile ---------- */

@media (max-width: 560px) {
	.mwt-sr-stat__value { font-size: 22px; }
	.mwt-sr-sitemap__summary { padding: 10px 12px; }
	.mwt-sr-sitemap__body    { padding: 10px 12px 12px; }
}