@layer ss-themes
{
	/* =========================================================
	   SS THEME PALETTES — FINAL CLEAN (NO BRIDGE)
	   ใช้มาตรฐานเดียวกับ ss-bootstrap ตรง
	========================================================= */

	/* Light (Default) */
	html[data-theme="light"]{
		--cn-bg-page:#f8fafc;
		--cn-bg-surface:#ffffff;
		--cn-bg-subtle:#f1f5f9;
		--cn-overlay-bg:rgba(15,23,42,.06);

		--cn-text:#0f172a;
		--cn-text-soft:#64748b;

		--cn-primary:#06b6d4;
		--cn-secondary:#0ea5e9;

		--cn-warning:#f59e0b;
		--cn-danger:#ef4444;
		--cn-success:#22c55e;

		--cn-border-color:#e5e7eb;
		--cn-border-strong:#cbd5e1;

		--cn-table-hover:#f1f5f9;
		--cn-table-selected:#e2e8f0;

		--cn-shadow-xs:0 1px 2px rgba(148,163,184,.24);
		--cn-shadow-sm:0 2px 6px rgba(148,163,184,.28);
		--cn-shadow-md:0 4px 12px rgba(148,163,184,.32);
		--cn-shadow-lg:0 8px 22px rgba(148,163,184,.36);

		--cn-input-bg:#fff;
		--cn-input-border:#d4d4d8;
		--cn-input-placeholder:#9ca3af;
	}

	/* Night */
	html[data-theme="night"]{
		--cn-bg-page:#0b1220;
		--cn-bg-surface:#0f172a;
		--cn-bg-subtle:#020617;
		--cn-overlay-bg:rgba(15,23,42,.75);

		--cn-text:#e2e8f0;
		--cn-text-soft:#94a3b8;

		--cn-primary:#22d3ee;
		--cn-secondary:#4f46e5;

		--cn-warning:#fbbf24;
		--cn-danger:#f87171;
		--cn-success:#4ade80;

		--cn-border-color:#1f2937;
		--cn-border-strong:#111827;

		--cn-table-hover:#111827;
		--cn-table-selected:#1f2937;

		--cn-shadow-xs:0 1px 2px rgba(0,0,0,.50);
		--cn-shadow-sm:0 2px 6px rgba(0,0,0,.60);
		--cn-shadow-md:0 4px 12px rgba(0,0,0,.70);
		--cn-shadow-lg:0 8px 24px rgba(0,0,0,.78);

		--cn-input-bg:#020617;
		--cn-input-border:#1f2937;
		--cn-input-placeholder:#64748b;
	}

	/* XP Blue */
	html[data-theme="xp-blue"]{
		--cn-bg-page:#c0d8ff;
		--cn-bg-surface:#edf5ff;
		--cn-bg-subtle:#d9e9ff;
		--cn-overlay-bg:rgba(20,40,90,.25);

		--cn-text:#1a1a1a;
		--cn-text-soft:#475f85;

		--cn-primary:#3a6ea5;
		--cn-secondary:#26446d;

		--cn-warning:#ffcc00;
		--cn-danger:#d62828;
		--cn-success:#32a852;

		--cn-border-color:#89a8d4;
		--cn-border-strong:#5b7aa8;

		--cn-table-hover:#eef7ff;
		--cn-table-selected:#c5daff;

		--cn-shadow-xs:0 1px 2px rgba(0,0,0,.18);
		--cn-shadow-sm:0 2px 5px rgba(0,0,0,.22);
		--cn-shadow-md:0 4px 10px rgba(0,0,0,.26);
		--cn-shadow-lg:0 6px 18px rgba(0,0,0,.30);

		--cn-input-bg:#fff;
		--cn-input-border:#89a8d4;
		--cn-input-placeholder:#55759c;
	}

	/* Sunset */
	html[data-theme="sunset"]{
		--cn-bg-page:#fff;
		--cn-bg-surface:#fff4e6;
		--cn-bg-subtle:#ffe8d2;
		--cn-overlay-bg:rgba(148,81,40,.16);

		--cn-text:#1f1f1f;
		--cn-text-soft:#7a5532;

		--cn-primary:#fb5607;
		--cn-secondary:#b45309;

		--cn-warning:#ffe27a;
		--cn-danger:#f28b82;
		--cn-success:#ff7a29;

		--cn-border-color:#f5b97f;
		--cn-border-strong:#e1954e;

		--cn-table-hover:#fff1dd;
		--cn-table-selected:#ffd7ae;

		--cn-shadow-xs:0 1px 2px rgba(148,81,40,.06);
		--cn-shadow-sm:0 2px 6px rgba(148,81,40,.12);
		--cn-shadow-md:0 4px 12px rgba(148,81,40,.18);
		--cn-shadow-lg:0 8px 22px rgba(148,81,40,.24);

		--cn-input-bg:#fff;
		--cn-input-border:#f3c9a4;
		--cn-input-placeholder:#a26b3a;
	}

	/* Pastel */
	html[data-theme="pastel"]{
		--cn-bg-page:#fdf6f0;
		--cn-bg-surface:#fff;
		--cn-bg-subtle:#f8efe8;
		--cn-overlay-bg:rgba(148,81,40,.04);

		--cn-text:#4a4a4a;
		--cn-text-soft:#a0aec0;

		--cn-primary:#a3c9f9;
		--cn-secondary:#7fb0f5;

		--cn-warning:#fdd99b;
		--cn-danger:#f4a6a6;
		--cn-success:#b4e2b4;

		--cn-border-color:#e0dede;
		--cn-border-strong:#c8c6c6;

		--cn-table-hover:#f9f3ec;
		--cn-table-selected:#f2e7dd;

		--cn-shadow-xs:0 1px 2px rgba(148,81,40,.04);
		--cn-shadow-sm:0 2px 6px rgba(148,81,40,.07);
		--cn-shadow-md:0 4px 12px rgba(148,81,40,.10);
		--cn-shadow-lg:0 8px 22px rgba(148,81,40,.14);

		--cn-input-bg:#fff;
		--cn-input-border:#ded6d0;
		--cn-input-placeholder:#b0b8c8;
	}

	/* Leafy */
	html[data-theme="leafy"]{
		--cn-bg-page:#f1fdf3;
		--cn-bg-surface:#e0f7e9;
		--cn-bg-subtle:#d1f0dd;
		--cn-overlay-bg:rgba(22,101,52,.12);

		--cn-text:#1b3b1b;
		--cn-text-soft:#5f7d5f;

		--cn-primary:#4caf50;
		--cn-secondary:#198754;

		--cn-warning:#c2b90a;
		--cn-danger:#b91c1c;
		--cn-success:#2e7d32;

		--cn-border-color:#a7d7a7;
		--cn-border-strong:#7ab77f;

		--cn-table-hover:#e4f9ea;
		--cn-table-selected:#cbeed5;

		--cn-shadow-xs:0 1px 2px rgba(22,163,74,.08);
		--cn-shadow-sm:0 2px 6px rgba(22,163,74,.12);
		--cn-shadow-md:0 4px 12px rgba(22,163,74,.16);
		--cn-shadow-lg:0 8px 22px rgba(22,163,74,.20);

		--cn-input-bg:#fff;
		--cn-input-border:#b7dfb3;
		--cn-input-placeholder:#7a8f78;
	}

	/* Skyblue */
	html[data-theme="skyblue"]{
		--cn-bg-page:#e6f7ff;
		--cn-bg-surface:#fff;
		--cn-bg-subtle:#dbeeff;
		--cn-overlay-bg:rgba(37,99,235,.08);

		--cn-text:#0f2c46;
		--cn-text-soft:#6b93b3;

		--cn-primary:#00bfff;
		--cn-secondary:#0284c7;

		--cn-warning:#fbbf24;
		--cn-danger:#ef4444;
		--cn-success:#10b981;

		--cn-border-color:#b2dffc;
		--cn-border-strong:#7fb7e6;

		--cn-table-hover:#e2f3ff;
		--cn-table-selected:#c7e6ff;

		--cn-shadow-xs:0 1px 2px rgba(37,99,235,.10);
		--cn-shadow-sm:0 2px 6px rgba(37,99,235,.16);
		--cn-shadow-md:0 4px 12px rgba(37,99,235,.20);
		--cn-shadow-lg:0 8px 22px rgba(37,99,235,.24);

		--cn-input-bg:#fff;
		--cn-input-border:#b7cfe6;
		--cn-input-placeholder:#6b93b3;
	}

	/* Mono */
	html[data-theme="mono"]{
		--cn-bg-page:#fff;
		--cn-bg-surface:#f5f5f5;
		--cn-bg-subtle:#eee;
		--cn-overlay-bg:rgba(0,0,0,.05);

		--cn-text:#1a1a1a;
		--cn-text-soft:#555;

		--cn-primary:#6e6e6e;
		--cn-secondary:#4a4a4a;

		--cn-warning:#a8a8a8;
		--cn-danger:#2c2c2c;
		--cn-success:#4a4a4a;

		--cn-border-color:#d9d9d9;
		--cn-border-strong:#bfbfbf;

		--cn-table-hover:#f7f7f7;
		--cn-table-selected:#e3e3e3;

		--cn-shadow-xs:0 1px 2px rgba(0,0,0,.05);
		--cn-shadow-sm:0 2px 4px rgba(0,0,0,.06);
		--cn-shadow-md:0 4px 10px rgba(0,0,0,.08);
		--cn-shadow-lg:0 8px 22px rgba(0,0,0,.1);

		--cn-input-bg:#fff;
		--cn-input-border:#c8c8c8;
		--cn-input-placeholder:#9c9c9c;
	}

	/* Mono Gold */
	html[data-theme="mono-gold"]{
		--cn-bg-page:#fff;
		--cn-bg-surface:#faf9f7;
		--cn-bg-subtle:#f4f2ef;
		--cn-overlay-bg:rgba(0,0,0,.04);

		--cn-text:#1b1b1b;
		--cn-text-soft:#6b6b6b;

		--cn-primary:#c8a450;
		--cn-secondary:#a87423;

		--cn-warning:#d4af37;
		--cn-danger:#b91c1c;
		--cn-success:#146c43;

		--cn-border-color:#e0d9c8;
		--cn-border-strong:#c9bfa8;

		--cn-table-hover:#fff8e8;
		--cn-table-selected:#f1e7d6;

		--cn-shadow-xs:0 1px 2px rgba(0,0,0,.04);
		--cn-shadow-sm:0 2px 6px rgba(0,0,0,.06);
		--cn-shadow-md:0 4px 14px rgba(0,0,0,.08);
		--cn-shadow-lg:0 8px 24px rgba(0,0,0,.10);

		--cn-input-bg:#fff;
		--cn-input-border:#d7cfbc;
		--cn-input-placeholder:#9f9f9f;
	}

	/* Zen Mist */
	html[data-theme="zen-mist"]{
		--cn-bg-page:#f5f4f1;
		--cn-bg-surface:#fdfdfc;
		--cn-bg-subtle:#e9edf2;
		--cn-overlay-bg:rgba(15,23,42,.12);

		--cn-text:#23262f;
		--cn-text-soft:#6b7280;

		--cn-primary:#4f7cac;
		--cn-secondary:#324f6c;

		--cn-warning:#d89b3b;
		--cn-danger:#c65353;
		--cn-success:#3d7c59;

		--cn-border-color:#d2d6dd;
		--cn-border-strong:#b3bac4;

		--cn-table-hover:#f1f3f7;
		--cn-table-selected:#e1e5ec;

		--cn-shadow-xs:0 1px 2px rgba(15,23,42,.04);
		--cn-shadow-sm:0 2px 6px rgba(15,23,42,.06);
		--cn-shadow-md:0 4px 12px rgba(15,23,42,.10);
		--cn-shadow-lg:0 8px 22px rgba(15,23,42,.14);

		--cn-input-bg:#fff;
		--cn-input-border:#cbd0d8;
		--cn-input-placeholder:#9ca3af;
	}

	/* SoulStack */
	html[data-theme="soulstack"]{
		--cn-bg-page:#0b1220;
		--cn-bg-surface:#0f172a;
		--cn-bg-subtle:#020617;
		--cn-overlay-bg:rgba(15,23,42,.75);

		--cn-text:#e2e8f0;
		--cn-text-soft:#94a3b8;

		--cn-primary:#38bdf8;
		--cn-secondary:#4f46e5;

		--cn-warning:#fbbf24;
		--cn-danger:#f87171;
		--cn-success:#4ade80;

		--cn-border-color:#1f2937;
		--cn-border-strong:#111827;

		--cn-table-hover:#111827;
		--cn-table-selected:#1f2937;

		--cn-shadow-xs:0 1px 2px rgba(0,0,0,.50);
		--cn-shadow-sm:0 2px 6px rgba(0,0,0,.60);
		--cn-shadow-md:0 4px 12px rgba(0,0,0,.70);
		--cn-shadow-lg:0 8px 24px rgba(0,0,0,.78);

		--cn-input-bg:#020617;
		--cn-input-border:#1f2937;
		--cn-input-placeholder:#64748b;
	}

	/* Bootstrap-like */
	html[data-theme="bootstrap"]{
		--cn-bg-page:#f8f9fa;
		--cn-bg-surface:#fff;
		--cn-bg-subtle:#f1f3f5;
		--cn-overlay-bg:rgba(15,23,42,.06);

		--cn-text:#212529;
		--cn-text-soft:#6c757d;

		--cn-primary:#0d6efd;
		--cn-secondary:#0b5ed7;

		--cn-warning:#ffc107;
		--cn-danger:#dc3545;
		--cn-success:#198754;

		--cn-border-color:#dee2e6;
		--cn-border-strong:#ced4da;

		--cn-table-hover:#e9ecef;
		--cn-table-selected:#dfe3e6;

		--cn-shadow-xs:0 1px 2px rgba(15,23,42,.04);
		--cn-shadow-sm:0 2px 4px rgba(15,23,42,.08);
		--cn-shadow-md:0 4px 10px rgba(15,23,42,.12);
		--cn-shadow-lg:0 6px 20px rgba(15,23,42,.18);

		--cn-input-bg:#fff;
		--cn-input-border:#ced4da;
		--cn-input-placeholder:#6c757d;
	}

	/* Tone override */
	html[data-tone="light"]{
		--cn-text:#0f172a;
		--cn-text-soft:#64748b;
		color-scheme:light;
	}

	html[data-tone="dark"]{
		--cn-text:#eaf2ff;
		--cn-text-soft:#b6c2d9;
		color-scheme:dark;
	}

	/* =========================================================
	   APPLICATION STYLE: MODERN
	   Source direction:
	   - Orange e-Service palette
	   - Label above value/control
	   - Rounded cards, soft shadows
	   - SS classes only
	========================================================= */

	.theme-modern,
	[data-ui-style="modern"]
	{
		--cn-primary:#f97316;
		--cn-primary-strong:#ea580c;
		--cn-secondary:#c2410c;

		--cn-bg-page:#fff7ed;
		--cn-bg-surface:#ffffff;
		--cn-bg-subtle:#fffbf7;
		--cn-bg-elevated:#ffffff;

		--cn-text:#1f2937;
		--cn-text-strong:#1f2937;
		--cn-text-soft:#64748b;
		--cn-text-link:#ea580c;

		--cn-border-color:#fed7aa;
		--cn-border-strong:#fdba74;
		--cn-border-soft:#ffedd5;

		--cn-focus-ring:0 0 0 3px rgba(249,115,22,.14);

		--cn-input-bg:#ffffff;
		--cn-input-border:#fed7aa;
		--cn-input-text:#0f172a;
		--cn-input-placeholder:#a8a29e;

		--cn-readonly-bg:#fff7ed;
		--cn-readonly-text:#9a3412;
		--cn-disabled-bg:#f4eee9;
		--cn-disabled-border:#e7ddd5;
		--cn-disabled-text:#a69387;

		--cn-card-bg:#ffffff;
		--cn-card-border:#fed7aa;
		--cn-card-header-bg:transparent;
		--cn-card-footer-bg:#fffbf7;

		--cn-table-head-bg:#fff1e6;
		--cn-table-stripe:#fffbf7;
		--cn-table-hover:#fff0df;
		--cn-table-selected:#ffdfbd;

		--cn-shadow-xs:0 1px 2px rgba(154,52,18,.04);
		--cn-shadow-sm:0 3px 10px rgba(15,23,42,.06);
		--cn-shadow-md:0 6px 18px rgba(15,23,42,.08);
		--cn-shadow-lg:0 14px 32px rgba(154,52,18,.12);

		--ss-theme-label-color:#a4775a;
		--ss-theme-value-color:#b45309;
		--ss-theme-value-size:16px;
		--ss-theme-card-radius:18px;
		--ss-theme-label-width:190px;
	}

	.theme-modern .ss-page__title,
	[data-ui-style="modern"] .ss-page__title
	{
		color:var(--cn-text-strong);
	}

	.theme-modern .ss-page__subtitle,
	[data-ui-style="modern"] .ss-page__subtitle
	{
		color:var(--cn-text-soft);
	}

	.theme-modern .ss-detail,
	.theme-modern .ss-form-field,
	[data-ui-style="modern"] .ss-detail,
	[data-ui-style="modern"] .ss-form-field
	{
		display:flex;
		flex-direction:column;
		align-items:stretch;
		min-width:0;
	}

	.theme-modern .ss-detail__label,
	[data-ui-style="modern"] .ss-detail__label
	{
		margin:0 0 5px;
		padding:0;

		background:transparent;
		color:var(--ss-theme-label-color);

		font-size:13px;
		font-weight:400;
		line-height:1.4;
	}

	.theme-modern .ss-detail__value,
	[data-ui-style="modern"] .ss-detail__value
	{
		color:var(--ss-theme-value-color);
		font-size:var(--ss-theme-value-size);
	}

	.theme-modern .ss-form-field__label,
	[data-ui-style="modern"] .ss-form-field__label
	{
		display:inline-flex;
		min-height:0;
		margin:0 0 7px;
		padding:0;

		background:transparent;
		color:var(--ss-theme-label-color);

		font-size:13px;
		font-weight:400;
	}

	.theme-modern .ss-card,
	[data-ui-style="modern"] .ss-card
	{
		border-radius:var(--ss-theme-card-radius);
		box-shadow:var(--cn-shadow-md);
	}

	.theme-modern .ss-card__header,
	[data-ui-style="modern"] .ss-card__header
	{
		background:transparent;
	}

	.theme-modern .ss-card--banded .ss-card__header,
	[data-ui-style="modern"] .ss-card--banded .ss-card__header
	{
		margin:var(--cn-space-sm);
		margin-bottom:0;

		border:0;
		border-radius:calc(var(--ss-theme-card-radius) - 6px);

		background:color-mix(in srgb,var(--cn-primary) 10%,var(--cn-bg-surface));
		color:var(--cn-primary-strong);
	}

	.theme-modern .ss-card--banded .ss-card__footer,
	[data-ui-style="modern"] .ss-card--banded .ss-card__footer
	{
		margin:0 var(--cn-space-sm) var(--cn-space-sm);

		border:0;
		border-radius:calc(var(--ss-theme-card-radius) - 6px);

		background:color-mix(in srgb,var(--cn-primary) 7%,var(--cn-bg-surface));
	}


	/* =========================================================
	   APPLICATION STYLE: LEGACY
	   Source direction:
	   - Blue tone
	   - Label left, value/control right
	   - Compact square cards with bands
	   - SS classes only
	========================================================= */

	.theme-legacy,
	[data-ui-style="legacy"]
	{
		--cn-primary:#2977b7;
		--cn-primary-strong:#1d4ed8;
		--cn-secondary:#1e5f99;

		--cn-bg-page:#eff6ff;
		--cn-bg-surface:#ffffff;
		--cn-bg-subtle:#f7fbff;
		--cn-bg-elevated:#ffffff;

		--cn-text:#1f2937;
		--cn-text-strong:#1f2937;
		--cn-text-soft:#64748b;
		--cn-text-link:#1d4ed8;

		--cn-border-color:#bfdbfe;
		--cn-border-strong:#93c5fd;
		--cn-border-soft:#dbeafe;

		--cn-focus-ring:0 0 0 3px rgba(59,130,246,.16);

		--cn-input-bg:#ffffff;
		--cn-input-border:#bfdbfe;
		--cn-input-text:#0f172a;
		--cn-input-placeholder:#94a3b8;

		--cn-readonly-bg:#eff6ff;
		--cn-readonly-text:#1e3a8a;
		--cn-disabled-bg:#eaf0f7;
		--cn-disabled-border:#d7e0eb;
		--cn-disabled-text:#7c8ca0;

		--cn-card-bg:#ffffff;
		--cn-card-border:#bfdbfe;
		--cn-card-header-bg:#2977b7;
		--cn-card-footer-bg:#eaf4ff;

		--cn-table-head-bg:#eaf4ff;
		--cn-table-stripe:#f7fbff;
		--cn-table-hover:#edf6ff;
		--cn-table-selected:#dbeafe;

		--cn-shadow-xs:0 1px 2px rgba(30,64,175,.04);
		--cn-shadow-sm:0 2px 6px rgba(30,64,175,.06);
		--cn-shadow-md:0 4px 14px rgba(15,23,42,.08);
		--cn-shadow-lg:0 10px 26px rgba(30,64,175,.13);

		--ss-theme-label-width:190px;
		--ss-theme-label-color:#1d4ed8;
		--ss-theme-value-color:#1f2937;
		--ss-theme-value-size:15px;
		--ss-theme-value-line:#93b7d8;
		--ss-theme-card-radius:6px;
	}

	.theme-legacy .ss-page__header,
	[data-ui-style="legacy"] .ss-page__header
	{
		padding-bottom:8px;
		border-bottom:2px solid var(--cn-primary);
	}

	.theme-legacy .ss-page__title,
	[data-ui-style="legacy"] .ss-page__title
	{
		color:var(--cn-primary-strong);
		font-size:20px;
	}

	.theme-legacy .ss-page__subtitle,
	[data-ui-style="legacy"] .ss-page__subtitle
	{
		color:var(--cn-text-soft);
	}

	.theme-legacy .ss-detail,
	[data-ui-style="legacy"] .ss-detail
	{
		display:grid;
		grid-template-columns:
			minmax(130px,var(--ss-theme-label-width))
			minmax(0,1fr);

		align-items:stretch;
		min-width:0;
	}

	.theme-legacy .ss-detail__label,
	[data-ui-style="legacy"] .ss-detail__label
	{
		display:flex;
		align-items:center;

		min-height:30px;
		margin:0;
		padding:6px 14px;

		background:transparent;
		color:var(--ss-theme-label-color);

		font-size:14px;
		font-weight:600;
		line-height:1.45;
	}

	.theme-legacy .ss-detail__value,
	[data-ui-style="legacy"] .ss-detail__value
	{
		display:flex;
		align-items:center;

		min-width:0;
		min-height:30px;
		padding:6px 12px;

		border-bottom:0;

		background:var(--cn-bg-surface);
		color:var(--ss-theme-value-color);

		font-size:var(--ss-theme-value-size);
		font-weight:400;
		line-height:1.5;
	}

	.theme-legacy.ss-with-value-underline .ss-detail__value,
	.theme-legacy .ss-detail.ss-detail--underline .ss-detail__value,
	[data-ui-style="legacy"].ss-with-value-underline .ss-detail__value,
	[data-ui-style="legacy"] .ss-detail.ss-detail--underline .ss-detail__value
	{
		border-bottom:1px dashed var(--ss-theme-value-line);
	}

	.theme-legacy .ss-form-field,
	[data-ui-style="legacy"] .ss-form-field
	{
		display:grid;
		grid-template-columns:
			minmax(130px,var(--ss-theme-label-width))
			minmax(0,1fr);

		align-items:start;
		column-gap:16px;
		min-width:0;
	}

	.theme-legacy .ss-form-field__label,
	[data-ui-style="legacy"] .ss-form-field__label
	{
		display:flex;
		align-items:center;

		min-height:var(--cn-control-height,40px);
		margin:0;
		padding:0;

		border:0;
		background:transparent;
		box-shadow:none;

		color:#334155;

		font-size:14px;
		font-weight:500;
		line-height:1.45;
	}

	.theme-legacy .ss-form-field__hint,
	.theme-legacy .ss-form-field__error,
	.theme-legacy .ss-form-field__success,
	[data-ui-style="legacy"] .ss-form-field__hint,
	[data-ui-style="legacy"] .ss-form-field__error,
	[data-ui-style="legacy"] .ss-form-field__success
	{
		grid-column:2;
	}

	.theme-legacy .ss-card,
	[data-ui-style="legacy"] .ss-card
	{
		padding:0;
		overflow:hidden;

		border-radius:var(--ss-theme-card-radius);
		box-shadow:var(--cn-shadow-md);
	}

	.theme-legacy .ss-card__header,
	[data-ui-style="legacy"] .ss-card__header
	{
		margin:0;
		padding:10px 12px;

		border:0;
		border-bottom:1px solid var(--cn-primary-strong);
		border-radius:0;

		background:var(--cn-primary);
		color:var(--cn-text-on-primary,#ffffff);
	}

	.theme-legacy .ss-card__header .ss-card__title,
	[data-ui-style="legacy"] .ss-card__header .ss-card__title
	{
		color:inherit;
		font-size:18px;
	}

	.theme-legacy .ss-card__header .ss-card__subtitle,
	[data-ui-style="legacy"] .ss-card__header .ss-card__subtitle
	{
		color:color-mix(in srgb,currentColor 78%,transparent);
		font-size:14px;
	}

	.theme-legacy .ss-card__header .ss-card__actions,
	[data-ui-style="legacy"] .ss-card__header .ss-card__actions
	{
		color:inherit;
	}

	.theme-legacy .ss-card__body,
	[data-ui-style="legacy"] .ss-card__body
	{
		padding:14px 16px;
	}

	.theme-legacy .ss-card__footer,
	[data-ui-style="legacy"] .ss-card__footer
	{
		margin:0;
		padding:8px 12px;

		border:0;
		border-top:1px solid var(--cn-border-color);
		border-radius:0;

		background:#eaf4ff;
		color:#1e4f7a;
	}

	.theme-legacy .ss-card--no-band .ss-card__header,
	[data-ui-style="legacy"] .ss-card--no-band .ss-card__header
	{
		border-bottom:1px solid #e5e7eb;
		background:#ffffff;
		color:#0f172a;
	}

	.theme-legacy .ss-card--no-band .ss-card__footer,
	[data-ui-style="legacy"] .ss-card--no-band .ss-card__footer
	{
		border-top:1px solid #e5e7eb;
		background:#ffffff;
		color:#475569;
	}

	.theme-legacy .ss-card--soft-band .ss-card__header,
	[data-ui-style="legacy"] .ss-card--soft-band .ss-card__header
	{
		border-bottom:1px solid var(--cn-border-color);
		background:#eaf4ff;
		color:#1e4f7a;
	}

	.theme-legacy .ss-badge,
	[data-ui-style="legacy"] .ss-badge
	{
		padding:4px 9px;
		border-radius:4px;
		box-shadow:none;
		font-size:12px;
		font-weight:600;
	}

	.theme-legacy .ss-badge.ss-badge--pill,
	[data-ui-style="legacy"] .ss-badge.ss-badge--pill
	{
		border-radius:var(--cn-radius-pill);
	}

	.theme-legacy .ss-data-list__row,
	[data-ui-style="legacy"] .ss-data-list__row
	{
		padding:9px 12px;
		border-bottom-color:#dbe7f0;
		background:#ffffff;
	}

	.theme-legacy .ss-data-list__label,
	[data-ui-style="legacy"] .ss-data-list__label
	{
		color:#45657e;
		font-size:13px;
	}

	.theme-legacy .ss-data-list__value,
	[data-ui-style="legacy"] .ss-data-list__value
	{
		color:#1f2937;
		font-size:14px;
		font-weight:500;
	}

	@media (max-width:991px)
	{
		.theme-legacy,
		[data-ui-style="legacy"]
		{
			--ss-theme-label-width:160px;
		}
	}

	@media (max-width:575px)
	{
		.theme-legacy .ss-detail,
		.theme-legacy .ss-form-field,
		[data-ui-style="legacy"] .ss-detail,
		[data-ui-style="legacy"] .ss-form-field
		{
			grid-template-columns:1fr;
			row-gap:7px;
		}

		.theme-legacy .ss-detail__label,
		.theme-legacy .ss-form-field__label,
		[data-ui-style="legacy"] .ss-detail__label,
		[data-ui-style="legacy"] .ss-form-field__label
		{
			min-height:0;
		}

		.theme-legacy .ss-form-field__hint,
		.theme-legacy .ss-form-field__error,
		.theme-legacy .ss-form-field__success,
		[data-ui-style="legacy"] .ss-form-field__hint,
		[data-ui-style="legacy"] .ss-form-field__error,
		[data-ui-style="legacy"] .ss-form-field__success
		{
			grid-column:1;
		}
	}
}