/*
 * @module template-styles
 * @version 1.0.1
 * @since 2026-10-05
 * Назначение: постоянные стили бывших style-атрибутов, перенесённые из all templates.
 * Связи: исходный HTML, PageRuntime и docs/modules/TEMPLATE_ASSETS.md.
 * Причина: HTML хранит разметку/серверные данные, JS — поведение, CSS — оформление.
 * История 1.0.0: исходные функции и комментарии сохранены при выделении файла.
 * История 1.0.1: проверены подключения, JSON и состояния после SPA-переходов.
 * Проверки: tests/test_template_assets.py и tests/template-assets.test.cjs.
 */
:is(#template-style-specificity, [data-template-style="template-style-98ce0efa3739"]):hover { background: #d1d5db; }
:is(#template-style-specificity, [data-template-style="template-style-6e22c58a7a6a"]) { display: none; }
:is(#template-style-specificity, [data-template-style="template-style-5ed6eef8a9b4"]) { --btn-radius: 999px; --btn-height: 56px; --btn-padding-y: 0; --btn-padding-x: 24px; --btn-font-weight: 800; --btn-shadow: 0 8px 20px rgba(220, 38, 38, 0.35); --btn-hover-shadow: 0 10px 24px rgba(220, 38, 38, 0.45); --btn-hover-transform: scale(1.04); --btn-active-transform: scale(1.01); flex: 1; }
:is(#template-style-specificity, [data-template-style="template-style-82da0f44387c"]) { align-self: center; margin-right: 68px; margin-top: 12px; }
:is(#template-style-specificity, [data-template-style="template-style-89a39ecc80dc"]) { display: contents; }
:is(#template-style-specificity, [data-template-style="template-style-98ce0efa3739"]) { background: #e5e7eb; color: #374151; border-radius: 12px; padding: 10px 16px; font-size: 14px; font-weight: 600; border: none; cursor: pointer; transition: all 0.15s; }
:is(#template-style-specificity, [data-template-style="template-style-c81325445502"]) { --btn-radius: 999px; --btn-height: 56px; --btn-font-weight: 800; --btn-shadow: 0 8px 20px rgba(220, 38, 38, 0.35); --btn-hover-shadow: 0 10px 24px rgba(220, 38, 38, 0.45); --btn-padding-x: 24px; --btn-gap: 10px; flex: 1; }
:is(#template-style-specificity, [data-template-style="template-style-dc18213663f3"]) { --btn-close-size: 56px; --btn-close-bg: #e5e7eb; --btn-close-color: #111827; --btn-close-hover-bg: #d1d5db; --btn-close-hover-color: #111827; --btn-close-radius: 999px; flex-shrink: 0; font-size: 0; }
:is(#template-style-specificity, [data-template-style="template-style-e7a3e2116cd4"]) { background: var(--danger); }
:is(#template-style-specificity, [data-template-style="template-style-75dcde05cd04"]) { display: none; margin-left: 8px; font-size: 12px; color: #6b7280; }
:is(#template-style-specificity, [data-template-style="template-style-e3c86aa0c8ed"]) { width: 6em; height: 1em; }
:is(#template-style-specificity, [data-template-style="template-style-e28cf0a11e65"]) { width: 10em; height: 1em; }
:is(#template-style-specificity, [data-template-style="template-style-a9a14cee3cf0"]) { width: 8em; height: 1em; }
:is(#template-style-specificity, [data-template-style="template-style-33234eabd0a4"]) { width: 4em; height: 1em; }
:is(#template-style-specificity, [data-template-style="template-style-ef6b717e12e1"]) { width: 100%; height: 1em; margin-bottom: 0.25em; }
:is(#template-style-specificity, [data-template-style="template-style-d83c4a652a73"]) { width: 80%; height: 1em; }
:is(#template-style-specificity, [data-template-style="template-style-08724256bd38"]) { font-size: 0.7rem; }
:is(#template-style-specificity, [data-template-style="template-style-98781402ac5c"]) { padding: 0; }
:is(#template-style-specificity, [data-template-style="template-style-94fe47a7ef38"]) { width: 42px; }
:is(#template-style-specificity, [data-template-style="template-style-fb5ec070f2bf"]) { text-align: center; }
:is(#template-style-specificity, [data-template-style="template-style-d37d99c4f1b4"]) { margin-top: 0.75rem; }
:is(#template-style-specificity, [data-template-style="template-style-726cf47beb6f"]) { margin-bottom: 1rem; }
:is(#template-style-specificity, [data-template-style="template-style-ddfab66a8e78"]) { min-height: auto; align-items: flex-start; text-align: left; }
:is(#template-style-specificity, [data-template-style="template-style-3d43560d7f56"]) { margin-bottom: 0.5rem; }
:is(#template-style-specificity, [data-template-style="template-style-57940cf96090"]) { margin-top: 0.85rem; }
:is(#template-style-specificity, [data-template-style="template-style-31cf3fcf28f1"]) { background: linear-gradient(135deg,#f97316 0%,#ea580c 50%,#c2410c 100%); }
:is(#template-style-specificity, [data-template-style="template-style-9537f2139919"]) { background: linear-gradient(135deg,#4ade80 0%,#16a34a 50%,#15803d 100%); }
:is(#template-style-specificity, [data-template-style="template-style-6887d52555fc"]) { background: linear-gradient(135deg,#f472b6 0%,#db2777 50%,#be185d 100%); }
:is(#template-style-specificity, [data-template-style="template-style-64aa7d773456"]) { background: linear-gradient(135deg,#facc15 0%,#ca8a04 50%,#a16207 100%); }
:is(#template-style-specificity, [data-template-style="template-style-861c5c0b13b6"]) { background: linear-gradient(135deg,#2dd4bf 0%,#0d9488 50%,#0f766e 100%); }
:is(#template-style-specificity, [data-template-style="template-style-6a22564b4d7c"]) { height: var(--template-value-0); display: flex; align-items: center; justify-content: center; }
:is(#template-style-specificity, [data-template-style="template-style-05bc250ef7f4"]) { width: 80%; height: 2rem; }
:is(#template-style-specificity, [data-template-style="template-style-0f5ee62789aa"]) { padding: 1rem; }
:is(#template-style-specificity, [data-template-style="template-style-6ecb6b35314e"]) { margin-top: 0.75rem; display: flex; gap: 0.5rem; }
:is(#template-style-specificity, [data-template-style="template-style-55bdf4c80f38"]) { width: var(--template-value-0); height: var(--template-value-1); margin-bottom: var(--template-value-2); border-radius: var(--template-value-3); }
:is(#template-style-specificity, [data-template-style="template-style-0cdce17fb85f"]) { width: var(--template-value-0); height: var(--template-value-1); border-radius: 0.5rem; display: inline-block; }
:is(#template-style-specificity, [data-template-style="template-style-21009a51a9cb"]) { display: flex; gap: var(--template-value-1); justify-content: var(--template-value-2); padding-top: 1rem; }
:is(#template-style-specificity, [data-template-style="template-style-a91049d9c69d"]) { display: grid; grid-template-columns: var(--template-value-1); gap: var(--template-value-2); margin-bottom: var(--template-value-3); }
:is(#template-style-specificity, [data-template-style="template-style-0082a64605a4"]) { background: white; border-radius: 0.75rem; padding: var(--template-value-2); margin-bottom: var(--template-value-3); box-shadow: var(--template-shadow); }
:is(#template-style-specificity, [data-template-style="template-style-2b7e35cb7a1e"]) { width: 100%; aspect-ratio: var(--template-value-1); margin-bottom: var(--template-value-2); border-radius: 0.5rem; }
:is(#template-style-specificity, [data-template-style="template-style-39470054aae8"]) { height: 1px; background: #e5e7eb; margin-bottom: var(--template-value-2); }
:is(#template-style-specificity, [data-template-style="template-style-e08c89f308a9"]) { height: var(--template-value-0); }
:is(#template-style-specificity, [data-template-style="template-style-1506520fc344"]) { --skeleton-columns: var(--template-value-0); }
:is(#template-style-specificity, [data-template-style="template-style-b505167551ea"]) { gap: var(--template-value-0); }
:is(#template-style-specificity, [data-template-style="template-style-c2e4b78f4501"]) { width: var(--template-value-0); height: 1rem; border-radius: 0.25rem; }
:is(#template-style-specificity, [data-template-style="template-style-25a68ec92ac0"]) { width: 120px; height: 1.5rem; border-radius: 0.25rem; }
:is(#template-style-specificity, [data-template-style="template-style-bc9d5f6c2d30"]) { width: 2rem; height: 2rem; border-radius: 0.375rem; }