/**
 * Akel Tools Design System — Status icons
 * Unified green check / red X / neutral dash used across all apps.
 * Renders square so it reads as a status indicator, not a logo.
 */

.at-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	vertical-align: -0.2em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 1.15em;
	height: 1.15em;
}

.at-status--xs { width: 0.9em;  height: 0.9em; }
.at-status--sm { width: 1em;    height: 1em; }
.at-status--md { width: 1.15em; height: 1.15em; }
.at-status--lg { width: 1.5em;  height: 1.5em; }
.at-status--xl { width: 2em;    height: 2em; }

.at-status-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='0' fill='%233d8b6a'/%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.at-status-x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='0' fill='%23d44c62'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.at-status-neutral {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='0' fill='%238295ac'/%3E%3Cpath d='M7 12h10' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.at-status-pending {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='0' fill='%23b45309'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23fff'/%3E%3Ccircle cx='7' cy='12' r='1.4' fill='%23fff'/%3E%3Ccircle cx='17' cy='12' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}

.at-status-info {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='0' y='0' width='24' height='24' rx='0' fill='%23379bd7'/%3E%3Cpath d='M12 10v7M12 7.2v.1' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Outlined variants — for "passive" indicators inside dense tables
 * where a saturated fill would feel too loud */
.at-status--outline.at-status-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%233d8b6a' stroke-width='2'/%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%23235e48' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.at-status--outline.at-status-x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%23d44c62' stroke-width='2'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%238a1f2c' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.at-status--outline.at-status-neutral {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%238295ac' stroke-width='2'/%3E%3Cpath d='M7 12h10' stroke='%235f6b7c' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.at-status--outline.at-status-pending {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%23b45309' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23b45309'/%3E%3Ccircle cx='7' cy='12' r='1.4' fill='%23b45309'/%3E%3Ccircle cx='17' cy='12' r='1.4' fill='%23b45309'/%3E%3C/svg%3E");
}

[data-theme="dark"] .at-status--outline.at-status-check {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%233d8b6a' stroke-width='2'/%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%237dbe9c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .at-status--outline.at-status-x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%23d44c62' stroke-width='2'/%3E%3Cpath d='M8 8l8 8M16 8l-8 8' stroke='%23e58b98' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .at-status--outline.at-status-neutral {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%235f6b7c' stroke-width='2'/%3E%3Cpath d='M7 12h10' stroke='%239bacc0' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

[data-theme="dark"] .at-status--outline.at-status-pending {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='22' height='22' rx='0' fill='none' stroke='%23b45309' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23b45309'/%3E%3Ccircle cx='7' cy='12' r='1.4' fill='%23b45309'/%3E%3Ccircle cx='17' cy='12' r='1.4' fill='%23b45309'/%3E%3C/svg%3E");
}

/* Backwards-compat: legacy .icon-check / .icon-x in core.css can be aliased
 * by adding the new classes to the same elements during phase 2 migration. */