body #tn-app .tn-emblem-sign,
html.tn-dark body #tn-app .tn-emblem-sign{ background:transparent!important; box-shadow:none!important; overflow:visible!important; color:var(--tn-primary,#5BA3D0)!important; --icon-bg:var(--tn-surface,#092A52); }
body #tn-app .tn-emblem-sign::before, body #tn-app .tn-emblem-sign::after,
html.tn-dark body #tn-app .tn-emblem-sign::before, html.tn-dark body #tn-app .tn-emblem-sign::after{ display:none!important; content:none!important; }
body #tn-app .tn-emblem-sign svg,
html.tn-dark body #tn-app .tn-emblem-sign svg{ width: var(--tn-znak-geroj) !important; height: var(--tn-znak-geroj) !important; filter: var(--tn-emblema-ten); }

#tn-app, #tn-app button, #tn-app input{ font-family:var(--tn-font); }
#tn-app{ -webkit-user-select:none; user-select:none; -webkit-touch-callout:none; }
#tn-app input, #tn-app textarea{ -webkit-user-select:text; user-select:text; }

#tn-app .tn-splash-mark{ margin-bottom: var(--tn-gap); }
#tn-app .tn-splash-mark svg{ margin:0 auto; }
#tn-app .tn-splash-spin{ width: var(--tn-krutilka); height: var(--tn-krutilka); border: var(--tn-krutilka-tolshchina) solid var(--tn-border,#173C68); border-top-color: var(--tn-primary,var(--tn-primary-light,#5BA3D0)); border-radius: 50%; animation: tnspin var(--tn-dur-krutitsya) linear infinite; margin: var(--tn-gap-md) auto 0; }

#tnSplash{ position: fixed; inset: 0; z-index: 99999; background: var(--tn-splash-bg,#F7FAFC); display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: var(--tn-gap-md); transition: opacity var(--tn-dur-poyavlenie) ease; }

#tnSplash .m{ color:var(--tn-splash-mark,#055397); --icon-bg:var(--tn-splash-bg,#F7FAFC); }

#tnSplash .w{ font-family: var(--tn-font,'Golos Text',system-ui,sans-serif); font-size: var(--tn-text-xl); font-weight: var(--tn-imya-ves,700); letter-spacing: var(--tn-trek-szhato); color: var(--tn-splash-word,#0D2B4E); }
#tnSplash .sp{ width: var(--tn-krutilka); height: var(--tn-krutilka); border: var(--tn-krutilka-tolshchina) solid var(--tn-splash-ring,#D6E3F0); border-top-color: var(--tn-splash-mark,#055397); border-radius: 50%; animation: tnspin var(--tn-dur-krutitsya) linear infinite; }
#tnSplash.hide{ opacity:0; pointer-events:none; }

html{ background:var(--tn-bg,#F7FAFC); }
html, body{ overscroll-behavior:none; }
body::before{
  content: ''; position: fixed; left: 0; right: 0; top: calc(-1 * var(--tn-podlozhka-zapas)); height: var(--tn-podlozhka-zapas);
  background: var(--tn-kraya-poverhnost, var(--tn-surface));
  z-index: 0; pointer-events: none;
}

body::after{
  content: ''; position: fixed; left: 0; right: 0; bottom: calc(-1 * var(--tn-podlozhka-zapas)); height: var(--tn-podlozhka-zapas);
  background: var(--tn-kraya-poverhnost, var(--tn-surface));
  z-index: 0; pointer-events: none;
}

@media (pointer: coarse), (hover: none) {
  body::after{ background:var(--tn-bg); }
}

html.tn-dark, html.tn-dark body{ background:var(--tn-bg); }
html.tn-light, html.tn-light body{ background:var(--tn-bg,#F7FAFC); }
@media (prefers-color-scheme:dark){ html:not(.tn-light), html:not(.tn-light) body{ background:var(--tn-bg); } }

:is(#tn-app, #tn-os) .tn-verh{ box-shadow:none !important; }

.sp-anim svg{ overflow:visible; }
.sp-anim .sp-track{ stroke: currentColor; stroke-width: 4; stroke-linecap: round; fill: none; }
.sp-anim .sp-faint{ stroke-opacity: .4; }
.sp-anim .sp-main{ stroke-dasharray: 42; stroke-dashoffset: 42; animation: spDraw var(--tn-dur-zastavka-liniya) ease forwards; }
.sp-anim .sp-station{ fill: var(--icon-bg,var(--tn-mintrans-deep,#001E47)); stroke: currentColor; stroke-width: 3.4; }
.sp-anim .sp-sun{ fill: currentColor; transform-box: fill-box; transform-origin: center; animation: spPulse var(--tn-dur-zastavka) ease-in-out infinite; }
.sp-anim .sp-train{ fill: currentColor; offset-path: path("M12 66 Q27 62 42 56 Q56 49.5 70 42 Q79 39 88 36"); offset-rotate: 0deg; opacity: 0; animation: spRun var(--tn-dur-zastavka) var(--tn-ease-poezd) infinite; }

@media (prefers-reduced-motion:reduce){ .sp-anim .sp-train{ display:none; } .sp-anim .sp-sun{ animation:none; } .sp-anim .sp-main{ animation:none; stroke-dashoffset:0; } }

body #tn-app .tn-steps { display: flex; align-items: center; justify-content: center; gap: var(--tn-gap-xs); margin: 0 0 var(--tn-gap-lg); }
body #tn-app .tn-step-dot { width: var(--tn-shag-tochka); height: var(--tn-shag-tochka-vysota); border-radius: var(--tn-radius-xs); background: var(--tn-border); transition: background var(--tn-dur-verh); }
body #tn-app .tn-step-dot.is-active { background: var(--tn-primary); }
body #tn-app .tn-step-dot.is-done   { background: var(--tn-primary); opacity: var(--tn-prozr-projdeno); }
body #tn-app .tn-input-code { font-family: var(--tn-font-mono) !important; font-size: var(--tn-pole-krupno) !important; font-weight: var(--tn-ves-polujirnyj); letter-spacing: var(--tn-trek-kod); text-align: center; padding: var(--tn-pole-pole-krupno); }
body #tn-app .tn-consent { display: flex; align-items: flex-start; gap: var(--tn-gap-sm); margin: var(--tn-gap) 0 var(--tn-gap-md-plus); padding: var(--tn-gap) var(--tn-gap); background: var(--tn-surface-inset) !important; border: var(--tn-liniya-tolshchina) solid var(--tn-border-soft) !important; border-radius: var(--tn-radius-sm); cursor: pointer; }
body #tn-app .tn-consent input[type="checkbox"] { flex-shrink: 0; width: var(--tn-pole-znak); height: var(--tn-pole-znak); margin: var(--tn-sdvig-1) 0 0 0; cursor: pointer; accent-color: var(--tn-primary); }
body #tn-app .tn-consent-text { font-size: var(--tn-text-sm); line-height: var(--tn-stroka-podpis); color: var(--tn-text-muted) !important; }
body #tn-app .tn-consent-text a { color: var(--tn-primary) !important; text-decoration: underline; text-underline-offset: var(--tn-gap-2xs); }
body #tn-app .tn-resend { text-align: center; margin: var(--tn-gap) 0 0; font-size: var(--tn-text-sm); color: var(--tn-text-subtle) !important; }
body #tn-app .tn-resend .tn-link { font-size: var(--tn-text-sm); }
body #tn-app .tn-resend-timer { margin-top: var(--tn-gap-xs); font-family: var(--tn-font-mono) !important; font-size: var(--tn-text-xs); letter-spacing: var(--tn-trek-metka); }
body #tn-app .tn-back { display: flex; align-items: center; justify-content: center; gap: var(--tn-gap-xs); background: none !important; border: none !important; padding: var(--tn-gap-sm) var(--tn-gap); margin: var(--tn-gap-md) auto 0; font-size: var(--tn-text-sm); color: var(--tn-text-muted) !important; cursor: pointer; transition: color var(--tn-dur-navedenie); }
body #tn-app .tn-back:hover { color: var(--tn-text) !important; }
body #tn-app .tn-code-target { font-weight: var(--tn-ves-polujirnyj); color: var(--tn-text) !important; font-size: var(--tn-text-sm); }

body #tn-app .tn-badge-sm .tn-badge-mark{ display: inline-flex; align-items: center; width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); margin-right: var(--tn-gap-sm); flex: 0 0 auto; }
body #tn-app .tn-badge-sm .tn-badge-mark svg{ width:100%; height:100%; display:block; }
@media (max-width:420px){ body #tn-app .tn-badge-sm .tn-badge-mark{ width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); margin-right: var(--tn-gap-sm); } }

body #tn-app .tn-card-wide { max-width: var(--tn-col); }

body #tn-app .tn-verh:not([data-verh-vyhod]) .tn-logout{ display:none; }

body #tn-app .tn-logout {
  background: none !important;
  border: none !important;
  cursor: pointer;
  font-family: inherit !important;
  font-size: var(--tn-text-sm);
  color: var(--tn-text-muted) !important;
  
  padding: var(--tn-gap-sm) var(--tn-gap);
  border-radius: var(--tn-radius-xs);
  transition: color var(--tn-transition), background var(--tn-transition);
}
body #tn-app .tn-logout:hover {
  color: var(--tn-text) !important;
  background: var(--tn-surface-inset) !important;
}

body #tn-app .tn-section-label {
  font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  letter-spacing: var(--tn-trek-nadzagolovok);
  color: var(--tn-text-subtle) !important;
  text-transform: uppercase;
  margin: var(--tn-gap-xs) 0 var(--tn-gap);
  display: flex; align-items: center; gap: var(--tn-gap-sm);
}
body #tn-app .tn-section-label::after {
  content: ''; flex: 1; height: var(--tn-liniya-tolshchina); background: var(--tn-border);
}

body #tn-app .tn-row { display: flex; gap: var(--tn-gap); }
body #tn-app .tn-row .tn-field { flex: 1; min-width: 0; }

body #tn-app .tn-locked-org {
  display: flex; align-items: center; gap: var(--tn-gap);
  padding: var(--tn-gap) var(--tn-gap-md);
  background: var(--tn-surface-inset) !important;
  border: var(--tn-liniya-tolshchina) solid var(--tn-border) !important;
  border-radius: var(--tn-radius-sm);
}
body #tn-app .tn-locked-org-icon {
  flex-shrink: 0; width: var(--tn-znachok-org); height: var(--tn-znachok-org);
  border-radius: var(--tn-radius-sm);
  
  background: var(--tn-mintrans-mid) !important;
  display: flex; align-items: center; justify-content: center;
  color: var(--tn-text-inverse,#FFF);
}
body #tn-app .tn-locked-org-icon svg { width: var(--tn-pole-znak); height: var(--tn-pole-znak); }
body #tn-app .tn-locked-org-body { flex: 1; min-width: 0; }
body #tn-app .tn-locked-org-name {
  font-size: var(--tn-text-base); font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-text) !important;
}
body #tn-app .tn-locked-org-note {
  font-size: var(--tn-text-xs);
  color: var(--tn-text-subtle) !important;
  margin-top: var(--tn-gap-2xs);
  letter-spacing: var(--tn-trek-melko);
}

body #tn-app .tn-input.tn-org-chosen {
  border-color: var(--tn-success) !important;
  background: var(--tn-surface-inset) !important;
}

body #tn-app .tn-combobox { position: relative; width: 100%; }
body #tn-app .tn-combobox-input { padding-right: var(--tn-pole-mesto-znaka); cursor: text; }
body #tn-app .tn-combobox-arrow {
  position: absolute; right: var(--tn-gap-sm); top: 50%; transform: translateY(var(--tn-k-seredine));
  width: var(--tn-pole-knopka); height: var(--tn-pole-knopka);
  border: none !important; background: transparent !important;
  cursor: pointer;
  font-size: var(--tn-text-xs);
  color: var(--tn-text-muted) !important;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--tn-radius-xs);
  transition: background var(--tn-dur-navedenie), color var(--tn-dur-navedenie);
}
body #tn-app .tn-combobox-arrow:hover {
  background: var(--tn-primary-soft) !important;
  color: var(--tn-primary) !important;
}
body #tn-app .tn-combobox.open .tn-combobox-arrow {
  transform: translateY(var(--tn-k-seredine)) rotate(180deg);
}
body #tn-app .tn-combobox.has-selection .tn-combobox-input {
  background: var(--tn-surface-inset) !important;
  cursor: default;
  border-color: var(--tn-success) !important;
}

body #tn-app .tn-combobox.has-selection .tn-combobox-arrow {
  font-size: 0;
  color: var(--tn-text-muted) !important;
  transform: translateY(var(--tn-k-seredine));
}
body #tn-app .tn-combobox.has-selection .tn-combobox-arrow:hover {
  background: var(--tn-danger-soft) !important;
  color: var(--tn-danger) !important;
}
body #tn-app .tn-combobox-dropdown {
  position: absolute; top: calc(100% + var(--tn-gap-xs)); left: 0; right: 0;
  background: var(--tn-surface) !important;
  border: var(--tn-obvodka-polya) solid var(--tn-border) !important;
  border-radius: var(--tn-radius-sm);
  box-shadow: var(--tn-shadow-lg);
  max-height: var(--tn-spisok-vysota); overflow-y: auto;
  z-index: 100; display: none;
  padding: var(--tn-gap-xs);
}
body #tn-app .tn-combobox.open .tn-combobox-dropdown { display: block; }
body #tn-app .tn-combobox-option {
  padding: var(--tn-gap-sm) var(--tn-gap); border-radius: var(--tn-radius-sm);
  cursor: pointer; font-size: var(--tn-text-sm);
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  color: var(--tn-text) !important;
  transition: background var(--tn-dur-bystro), color var(--tn-dur-bystro);
}
body #tn-app .tn-combobox-option:hover,
body #tn-app .tn-combobox-option.focused {
  background: var(--tn-primary-soft) !important;
  color: var(--tn-primary) !important;
}
body #tn-app .tn-combobox-flag {
  flex-shrink: 0; font-size: var(--tn-text-lg); line-height: 1;
  min-width: var(--tn-flag-min); text-align: center;
}
body #tn-app .tn-combobox-flag.empty { display: inline-block; width: var(--tn-flag-shirina-melko); }
body #tn-app .tn-combobox-name {
  flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body #tn-app .tn-combobox-empty {
  padding: var(--tn-gap-md); font-size: var(--tn-text-sm); text-align: center;
  color: var(--tn-text-subtle) !important;
  font-style: italic;
}

body #tn-app .tn-phone-wrap {
  display: flex; align-items: stretch;
  border: var(--tn-obvodka-polya) solid var(--tn-border) !important;
  border-radius: var(--tn-radius);
  background: var(--tn-surface) !important;
  overflow: visible;
  position: relative;
  transition: border-color var(--tn-dur-navedenie), box-shadow var(--tn-dur-navedenie);
}
body #tn-app .tn-phone-wrap.focused {
  border-color: var(--tn-primary) !important;
  box-shadow: var(--tn-ring) !important;
}
body #tn-app .tn-phone-wrap.error { border-color: var(--tn-danger) !important; }
body #tn-app .tn-phone-wrap.success { border-color: var(--tn-success) !important; }

body #tn-app .tn-phone-code {
  flex-shrink: 0;
  display: inline-flex; align-items: center; gap: var(--tn-gap-sm);
  
  width: var(--tn-telefon-kod); flex: 0 0 var(--tn-telefon-kod);
  justify-content: space-between;
  
  padding: 0 var(--tn-gap-sm) 0 var(--tn-gap);
  border: none !important; background: transparent !important;
  cursor: pointer;
  font-family: inherit !important;
  font-size: var(--tn-text-base);
  color: var(--tn-text) !important;
  border-right: var(--tn-liniya-tolshchina) solid var(--tn-border) !important;
  border-radius: calc(var(--tn-radius, 6px) - var(--tn-gap-2xs)) 0 0 calc(var(--tn-radius, 6px) - var(--tn-gap-2xs));
  transition: background var(--tn-dur-navedenie);
}
body #tn-app .tn-phone-code-num { flex: 1; text-align: left; }
body #tn-app .tn-phone-code:hover { background: var(--tn-surface-inset) !important; }
body #tn-app .tn-phone-code-flag { font-size: var(--tn-text-lg); line-height: 1; }
body #tn-app .tn-phone-code-flag.empty { display: inline-block; width: 0; }
body #tn-app .tn-phone-code-num {
  font-variant-numeric: tabular-nums; font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-text) !important;
}
body #tn-app .tn-phone-code-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--tn-text-subtle) !important;
  transition: transform var(--tn-dur-navedenie);
}

body #tn-app .tn-phone-code-arrow svg,
body #tn-app .tn-combobox-arrow svg { width: var(--tn-znak-strelki); height: var(--tn-znak-strelki); display: block; }
body #tn-app .tn-phone-wrap.code-open .tn-phone-code-arrow { transform: rotate(180deg); }
body #tn-app .tn-phone-number {
  flex: 1; min-width: 0;
  padding: var(--tn-gap) var(--tn-gap);
  border: none !important; background: transparent !important;
  color: var(--tn-text) !important;
  font-size: var(--tn-text-base);
  font-family: inherit !important;
  outline: none !important;
}
body #tn-app .tn-phone-dropdown {
  position: absolute; top: calc(100% + var(--tn-gap-xs)); left: 0;
  width: var(--tn-col-sm); max-width: calc(100vw - 2 * var(--tn-gap-lg));
  background: var(--tn-surface) !important;
  border: var(--tn-obvodka-polya) solid var(--tn-border) !important;
  border-radius: var(--tn-radius-sm);
  box-shadow: var(--tn-shadow-lg);
  max-height: var(--tn-spisok-vysota); overflow-y: auto;
  z-index: 100; display: none;
  padding: var(--tn-gap-xs);
}
body #tn-app .tn-phone-wrap.code-open .tn-phone-dropdown { display: block; }
body #tn-app .tn-phone-search {
  width: 100%; padding: var(--tn-gap-sm) var(--tn-gap); margin-bottom: var(--tn-gap-xs);
  border: var(--tn-obvodka-polya) solid var(--tn-border) !important;
  border-radius: var(--tn-radius-sm);
  font-family: inherit !important; font-size: var(--tn-text-sm);
  color: var(--tn-text) !important;
  background: var(--tn-surface-inset) !important;
  outline: none !important;
  box-sizing: border-box;
}
body #tn-app .tn-phone-search:focus { border-color: var(--tn-primary) !important; }
body #tn-app .tn-phone-opt {
  padding: var(--tn-gap-sm) var(--tn-gap); border-radius: var(--tn-radius-sm);
  cursor: pointer; font-size: var(--tn-text-sm);
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  color: var(--tn-text) !important;
}
body #tn-app .tn-phone-opt:hover,
body #tn-app .tn-phone-opt.focused {
  background: var(--tn-primary-soft) !important;
  color: var(--tn-primary) !important;
}
body #tn-app .tn-phone-opt-flag {
  flex-shrink: 0; font-size: var(--tn-text-lg); min-width: var(--tn-flag-min); text-align: center;
}
body #tn-app .tn-phone-opt-flag.empty { display: inline-block; width: var(--tn-flag-shirina-melko); }
body #tn-app .tn-phone-opt-name {
  flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body #tn-app .tn-phone-opt-code {
  flex-shrink: 0; font-size: var(--tn-text-sm); font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-text-muted) !important;
  font-variant-numeric: tabular-nums;
}
body #tn-app .tn-phone-opt:hover .tn-phone-opt-code,
body #tn-app .tn-phone-opt.focused .tn-phone-opt-code { color: inherit; opacity: var(--tn-prozr-zapis); }
body #tn-app .tn-phone-sep {
  height: var(--tn-liniya-tolshchina);
  background: var(--tn-border) !important;
  margin: var(--tn-gap-xs) var(--tn-gap-xs);
}
body #tn-app .tn-phone-empty {
  padding: var(--tn-gap-md); font-size: var(--tn-text-sm); text-align: center;
  color: var(--tn-text-subtle) !important;
  font-style: italic;
}

body #tn-app .tn-autocomplete { position: relative; }
body #tn-app .tn-suggestions {
  margin-top: var(--tn-gap-sm);
  background: var(--tn-surface-inset) !important;
  border: var(--tn-liniya-tolshchina) solid var(--tn-border-soft) !important;
  border-radius: var(--tn-radius-sm);
  padding: var(--tn-gap-sm);
  max-height: var(--tn-podskazki-vysota); overflow-y: auto;
}
body #tn-app .tn-suggestions.has-results { border-color: var(--tn-primary) !important; }
body #tn-app .tn-suggestions-title {
  font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-text-subtle) !important;
  text-transform: uppercase;
  letter-spacing: var(--tn-trek-razdel);
  margin-bottom: var(--tn-gap-sm); padding: 0 var(--tn-gap-2xs);
}
body #tn-app .tn-suggestions-chips {
  display: flex; flex-wrap: wrap; gap: var(--tn-gap-xs);
}
body #tn-app .tn-chip {
  padding: var(--tn-gap-sm) var(--tn-gap); border-radius: var(--tn-radius-pill);
  font-size: var(--tn-text-sm); font-weight: var(--tn-ves-srednij);
  background: var(--tn-surface) !important;
  border: var(--tn-obvodka-polya) solid var(--tn-border) !important;
  color: var(--tn-text) !important;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis;
  font-family: inherit !important;
  transition: background var(--tn-dur-navedenie), color var(--tn-dur-navedenie), border-color var(--tn-dur-navedenie);
}
body #tn-app .tn-chip:hover {
  background: var(--tn-primary) !important;
  color: var(--tn-text-inverse,#FFF) !important;
  border-color: var(--tn-primary) !important;
}
body #tn-app .tn-chip-parent {
  font-size: var(--tn-text-xs); color: var(--tn-text-muted) !important;
  font-weight: var(--tn-ves-obychnyj); margin-left: var(--tn-gap-xs);
}
body #tn-app .tn-chip:hover .tn-chip-parent { color: var(--tn-tekst-na-akcente-tiho) !important; }
body #tn-app .tn-suggestions-empty {
  font-size: var(--tn-text-xs);
  color: var(--tn-text-subtle) !important;
  font-style: italic;
  padding: var(--tn-gap-xs) var(--tn-gap-2xs);
}

body #tn-app .tn-chip-authority {
  border-color: var(--tn-mintrans-light) !important;
  background: var(--tn-primary-soft) !important;
}
body #tn-app .tn-chip-authority:hover {
  background: var(--tn-mintrans-deep) !important;
  color: var(--tn-text-inverse,#FFF) !important;
  border-color: var(--tn-mintrans-deep) !important;
}
body #tn-app .tn-chip-kind {
  font-size: var(--tn-text-xs); font-weight: var(--tn-ves-jirnyj);
  text-transform: uppercase; letter-spacing: var(--tn-trek-knopka);
  margin-left: var(--tn-gap-xs); opacity: var(--tn-prozr-tihaya);
}

@media (max-width: 540px) {
  body #tn-app .tn-row { flex-direction: column; gap: 0; }
  body #tn-app .tn-phone-dropdown { width: 100%; }
}

#tn-diag {
  position: fixed; right: var(--tn-gap-md); bottom: var(--tn-gap-md); z-index: 99990;
  width: var(--tn-col-sm); max-width: calc(100vw - 2 * var(--tn-gap-md));
  max-height: calc(100vh - 2 * var(--tn-gap-md)); overflow: auto;
  background: var(--tn-surface, var(--tn-surface,#fff));
  border: var(--tn-liniya-tolshchina) solid var(--tn-border, var(--tn-border,#e2e8f0));
  border-radius: var(--tn-radius);
  box-shadow: var(--tn-elev-3);
  font-family: var(--tn-font, 'Inter', system-ui, sans-serif);
  color: var(--tn-text, #16232f);
}
#tn-diag .d-head {
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  padding: var(--tn-gap) var(--tn-gap); border-bottom: var(--tn-liniya-tolshchina) solid var(--tn-border-soft, #eef2f7);
}
#tn-diag .d-head b { font-size: var(--tn-text-sm); font-weight: var(--tn-ves-jirnyj); }
#tn-diag .d-head .sp { flex: 1; }
#tn-diag .d-close {
  border: 0; background: transparent; cursor: pointer;
  font-size: var(--tn-text-lg); line-height: 1; color: var(--tn-text-subtle, #8a97a5); padding: var(--tn-gap-2xs) var(--tn-gap-xs);
}
#tn-diag .d-body { padding: var(--tn-gap) var(--tn-gap); }
#tn-diag .d-row {
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  padding: var(--tn-gap-sm) 0; border-bottom: var(--tn-liniya-tolshchina) solid var(--tn-border-soft, #eef2f7);
  font-size: var(--tn-text-sm);
}
#tn-diag .d-row:last-child { border-bottom: 0; }
#tn-diag .d-dot { width: var(--tn-tochka); height: var(--tn-tochka); border-radius: 50%; flex-shrink: 0; background: var(--tn-warning,#B45309); }
#tn-diag .d-dot.ok { background: var(--tn-success,#047857); }
#tn-diag .d-dot.bad { background: var(--tn-danger,#DC2626); }
#tn-diag .d-name { font-weight: var(--tn-ves-polujirnyj); }
#tn-diag .d-val { margin-left: auto; font-family: var(--tn-font-mono, monospace); font-size: var(--tn-text-xs); color: var(--tn-text-muted, #5d6b7a); text-align: right; max-width: var(--tn-diag-znachenie); word-break: break-all; }
#tn-diag .d-val.bad { color: var(--tn-danger,#DC2626); font-weight: var(--tn-ves-jirnyj); }
#tn-diag .d-actions { display: flex; gap: var(--tn-gap-sm); padding: var(--tn-gap) var(--tn-gap); border-top: var(--tn-liniya-tolshchina) solid var(--tn-border-soft, #eef2f7); }
#tn-diag .d-btn {
  flex: 1; padding: var(--tn-gap-sm) var(--tn-gap-sm); border-radius: var(--tn-radius-sm); cursor: pointer;
  font-family: inherit; font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  border: var(--tn-obvodka-polya) solid var(--tn-border, var(--tn-border,#e2e8f0)); background: var(--tn-surface, var(--tn-surface,#fff)); color: var(--tn-text, #16232f);
}
#tn-diag .d-btn.primary { background: var(--tn-primary, var(--tn-primary,#055397)); border-color: var(--tn-primary, var(--tn-primary,#055397)); color: var(--tn-text-inverse,#fff); }
#tn-diag .d-btn.warn { border-color: var(--tn-danger,#DC2626); color: var(--tn-danger,#DC2626); }
#tn-diag .d-report-pole { padding: 0 var(--tn-gap) var(--tn-gap); }
#tn-diag .d-report { width: 100%; min-height: var(--tn-otchet-vysota); margin-top: var(--tn-gap-sm); display: none;
  border: var(--tn-liniya-tolshchina) solid var(--tn-border, var(--tn-border,#e2e8f0)); border-radius: var(--tn-radius-sm); padding: var(--tn-gap-sm);
  font-family: var(--tn-font-mono, monospace); font-size: var(--tn-text-xs); line-height: var(--tn-stroka-osnovnaya);
  background: var(--tn-surface-inset, #f0f4f9); color: var(--tn-text, #16232f); resize: vertical; }

#tn-screen-switch {
  position: fixed; left: var(--tn-gap-md); bottom: var(--tn-gap-md); z-index: 99990;
  background: var(--tn-surface, var(--tn-surface,#fff));
  border: var(--tn-liniya-tolshchina) solid var(--tn-border, var(--tn-border,#e2e8f0));
  border-radius: var(--tn-radius);
  box-shadow: var(--tn-elev-3);
  font-family: var(--tn-font, 'Inter', system-ui, sans-serif);
  padding: var(--tn-gap) var(--tn-gap); width: var(--tn-diag-shirina); max-width: calc(100vw - 2 * var(--tn-gap-md));
}
#tn-screen-switch .ss-label {
  font-family: var(--tn-font-mono, monospace); font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  letter-spacing: var(--tn-trek-yarlyk); text-transform: uppercase; color: var(--tn-text-subtle, #8a97a5);
  margin-bottom: var(--tn-gap-sm);
}
#tn-screen-switch .ss-row { display: flex; flex-direction: column; gap: var(--tn-gap-xs); }
#tn-screen-switch .ss-btn {
  text-align: left; padding: var(--tn-gap-sm) var(--tn-gap); border-radius: var(--tn-radius-sm); cursor: pointer;
  font-family: inherit; font-size: var(--tn-text-sm); font-weight: var(--tn-ves-polujirnyj);
  border: var(--tn-obvodka-polya) solid var(--tn-border, var(--tn-border,#e2e8f0));
  background: var(--tn-surface, var(--tn-surface,#fff)); color: var(--tn-text-muted, #5d6b7a);
  transition: all var(--tn-dur-navedenie);
}
#tn-screen-switch .ss-btn:hover { border-color: var(--tn-primary, var(--tn-primary,#055397)); color: var(--tn-primary, var(--tn-primary,#055397)); }
#tn-screen-switch .ss-btn.active { background: var(--tn-primary, var(--tn-primary,#055397)); border-color: var(--tn-primary, var(--tn-primary,#055397)); color: var(--tn-text-inverse,#fff); }
#tn-screen-switch .ss-reset {
  margin-top: var(--tn-gap-sm); width: 100%; padding: var(--tn-gap-sm); border-radius: var(--tn-radius-sm); cursor: pointer;
  font-family: inherit; font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  border: var(--tn-obvodka-polya) solid var(--tn-border, var(--tn-border,#e2e8f0)); background: transparent; color: var(--tn-text-subtle, #8a97a5);
}
#tn-screen-switch .ss-reset:hover { color: var(--tn-text, #16232f); }
#tn-screen-switch .ss-note {
  margin-top: var(--tn-gap-sm); font-size: var(--tn-text-xs); line-height: var(--tn-stroka-srednyaya); color: var(--tn-text-subtle, #8a97a5);
}

body #tn-app .tn-badge-sm .tn-badge-mark{ display: inline-flex; align-items: center; width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); margin-right: var(--tn-gap-sm); flex: 0 0 auto; }
body #tn-app .tn-badge-sm .tn-badge-mark svg{ width:100%; height:100%; display:block; }
@media (max-width:420px){ body #tn-app .tn-badge-sm .tn-badge-mark{ width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); margin-right: var(--tn-gap-sm); } }

body #tn-app .tn-splash-card{ border:0 !important; background:transparent !important; box-shadow:none !important; }

body #tn-app .tn-wait-line{ display: flex; align-items: center; justify-content: center; gap: var(--tn-gap-sm);
  margin-top: var(--tn-gap-sm); font-size: var(--tn-text-sm); color: var(--tn-text-muted) !important; }
body #tn-app .tn-wait-line .tn-spinner-lg{ width: var(--tn-krutilka-melko); height: var(--tn-krutilka-melko); margin: 0; }

body #tn-app .vt{ min-height:100vh; min-height:100dvh; display:flex; flex-direction:column;
  background:var(--tn-bg) !important; color:var(--tn-text) !important; }

body #tn-app .vt-head{

  display:flex; align-items:center; }

body #tn-app .vt-hero{ display:flex; flex-direction:column; align-items:center; gap: var(--tn-gap);
  text-align:center; width:100%; max-width:var(--tn-read); }

body #tn-app .vt-znak{ color:var(--tn-primary) !important; --icon-bg:var(--tn-bg); margin-bottom:var(--tn-gap-xs); }

body #tn-app .vt-imya{ margin:0; font-size:var(--tn-imya-geroj, 44px);
  letter-spacing:var(--tn-trek-geroj); line-height:var(--tn-stroka-imya); }

body #tn-app .vt-imya.tn-imya-sajta{
  font-size:min(var(--tn-imya-geroj, 44px), calc((100vw - var(--tn-page-pad) * 2) / var(--tn-imya-geroj-dolya, 11.2))); }

body #tn-app .vt-podpis{ margin:var(--tn-gap-2xs) 0 0; font-size:var(--tn-text-base); line-height:var(--tn-stroka-podpis);
  color:var(--tn-text-muted) !important; max-width:var(--tn-podpis-shirina); }
@media (min-width:820px){
  body #tn-app .vt-podpis{ max-width:none; white-space:nowrap; }
}

body #tn-app .vt-nadpis{ margin:var(--tn-gap-lg) 0 0; font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj);
  letter-spacing:var(--tn-trek-kapitel); text-transform:uppercase; color:var(--tn-text-muted) !important; }

body #tn-app .vt-docs{ display:grid; gap: var(--tn-gap); width:100%; margin-top:var(--tn-gap); text-align:left; }
@media (min-width:760px){ body #tn-app .vt-docs{ grid-template-columns:1fr 1fr; } }
body #tn-app .vt-doc{ display:block; padding:var(--tn-kartochka-pole-szhato, 20px);
  border:var(--tn-liniya-tolshchina) solid var(--tn-border) !important; border-radius:var(--tn-radius);
  background:var(--tn-surface) !important; color:var(--tn-text) !important;
  text-decoration:none; transition:border-color var(--tn-dur-navedenie), transform var(--tn-dur-navedenie); }
body #tn-app .vt-doc:hover{ border-color:var(--tn-primary) !important; transform:translateY(calc(-1 * var(--tn-sdvig-2))); }

body #tn-app .vt-doc-head{ display:flex; align-items:center; gap: var(--tn-gap); margin-bottom:var(--tn-gap); }
body #tn-app .vt-doc-num{ display:inline-flex; align-items:baseline; justify-content:center;
  min-width:var(--tn-doc-nomer-shirina); padding:var(--tn-gap-sm) var(--tn-gap-sm); border-radius:var(--tn-radius-sm);
  border:var(--tn-liniya-tolshchina) solid var(--tn-border) !important; background:var(--tn-surface-inset) !important;
  font-family:var(--tn-font-mono) !important; font-size: var(--tn-text-sm); font-weight: var(--tn-ves-jirnyj);
  color:var(--tn-primary) !important; }
body #tn-app .vt-doc-num i{ font-style:normal; font-size: var(--tn-text-xs); font-weight: var(--tn-ves-polujirnyj); margin-left:var(--tn-sdvig-1); opacity:var(--tn-prozr-pometka); }
body #tn-app .vt-doc-date{ flex:1; font-family:var(--tn-font-mono) !important; font-size: var(--tn-text-xs);
  color:var(--tn-text-muted) !important; white-space:nowrap; }
body #tn-app .vt-doc-arrow{ font-size: var(--tn-text-sm); color:var(--tn-text-muted) !important; transition:var(--tn-dur-navedenie); }
body #tn-app .vt-doc:hover .vt-doc-arrow{ color:var(--tn-primary) !important; transform:translate(var(--tn-sdvig-2),calc(-1 * var(--tn-sdvig-2))); }
body #tn-app .vt-doc-title{ display:block; font-size: var(--tn-text-base); font-weight: var(--tn-ves-polujirnyj); line-height:var(--tn-stroka-kartochka); margin-bottom:var(--tn-gap-xs); }
body #tn-app .vt-doc-act{ display:block; font-size: var(--tn-text-sm); color:var(--tn-text-muted) !important; line-height:var(--tn-stroka-kartochka); }

body #tn-app .vt-tekst{ margin:var(--tn-gap-xs) 0 0; max-width:var(--tn-read); width:100%; font-size:var(--tn-text-base); line-height:var(--tn-stroka-tekst); text-align:left;
  color:var(--tn-text) !important; text-wrap:pretty; }
body #tn-app .vt-doc-shirokaya{ grid-column:1 / -1; }
body #tn-app .vt-nadpis-verh{ margin-top:0; }

body #tn-app .vt-nadpis:not(.vt-nadpis-verh){ align-self:stretch; width:100%; max-width:var(--tn-read); margin:var(--tn-gap-2xl) auto 0;
  padding-top:var(--tn-gap-lg); border-top:var(--tn-liniya-tolshchina) solid var(--tn-border); text-align:left; }
body #tn-app .vt-hero > .vt-docs{ max-width:var(--tn-read); margin-inline:auto; }

body #tn-app .vt-vhod-znachok.os-logo-noch{ display:none; }
html.tn-dark body #tn-app .vt-vhod-znachok.os-logo-den{ display:none; }
html.tn-dark body #tn-app .vt-vhod-znachok.os-logo-noch{ display:block; }

body #tn-app .vt-dver{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap: var(--tn-gap); margin-top:var(--tn-gap); }
body #tn-app .vt-dver:empty{ display:none; }
body #tn-app .vt-knopka{ text-decoration:none !important; }

body #tn-app .vt-dver-slovo{ margin:var(--tn-gap-sm) 0 0; width:100%; box-sizing:border-box;
  padding:0 var(--tn-kartochka-pole-szhato, 20px); text-align:left; font-size: var(--tn-text-xs); line-height:var(--tn-stroka-melko);
  color:var(--tn-text-muted) !important; }
body #tn-app .vt-dver-slovo[hidden]{ display:none !important; }

body #tn-app .vt-vhod{ display:inline-flex; align-items:center; gap: var(--tn-gap-sm);
  margin-top:var(--tn-gap-md); padding:var(--tn-gap-xs) var(--tn-gap-sm);
  border:0 !important; border-radius:var(--tn-radius-sm);
  background:transparent !important; color:var(--tn-text-muted) !important;
  text-decoration:none; transition:background var(--tn-dur-navedenie); }
@media (hover:hover){ body #tn-app .vt-vhod:hover{ background:var(--tn-surface-hover) !important; } }
body #tn-app .vt-vhod:active, body #tn-app .vt-vhod.tn-palec{ background:var(--tn-surface-hover) !important; }
body #tn-app .vt-vhod-znachok{ width:var(--tn-os-znak); height:var(--tn-os-znak); border-radius:var(--tn-radius-xs); display:block; flex:none; }
body #tn-app .vt-vhod-tekst{ display:inline-flex; flex-direction:row; align-items:baseline; flex-wrap:nowrap; white-space:nowrap;
  gap:var(--tn-gap-xs); text-align:left; }
body #tn-app .vt-vhod-imya{ font-size: var(--tn-text-sm); font-weight: var(--tn-ves-polujirnyj);
  color:var(--tn-text) !important; line-height:var(--tn-stroka-szhato); }

body #tn-app .vt-vhod-metka{ font-size: var(--tn-text-sm); font-weight: var(--tn-ves-obychnyj);
  color:var(--tn-text-muted) !important; line-height:var(--tn-stroka-szhato); }
body #tn-app .vt-vhod-strelka{ font-size: var(--tn-text-sm); color:var(--tn-text-muted) !important;
  transition:transform var(--tn-dur-navedenie); }
@media (hover:hover){ body #tn-app .vt-vhod:hover .vt-vhod-strelka{ transform:translateX(var(--tn-sdvig-3)); } }

@media (max-width:520px){

}

body #tn-app .vt-status{ margin-top:var(--tn-gap-md); display:inline-flex; align-items:center; gap: var(--tn-gap-sm);
  
  padding:var(--tn-gap-sm) var(--tn-gap-md); border:var(--tn-liniya-tolshchina) solid var(--tn-border) !important; border-radius:var(--tn-radius-lg);
  background:var(--tn-surface) !important; font-size: var(--tn-text-sm); color:var(--tn-text-muted) !important; }
body #tn-app .vt-status i{ width:var(--tn-gap-sm); height:var(--tn-gap-sm); border-radius:var(--tn-radius-krug); background:var(--tn-warning) !important; flex:none; }

html.tn-traur body #tn-app .vt-status i{ --tn-warning: var(--tn-primary); }

body #tn-app .tn-neobyaz{ margin-left: var(--tn-gap-xs); font-size: var(--tn-text-xs); font-weight: var(--tn-ves-srednij); letter-spacing: var(--tn-trek-melko);
  color: var(--tn-text-muted) !important; }

@media (prefers-reduced-motion: no-preference){
  body #tn-app .vt-hero > *{ animation:vt-vsplyt var(--tn-dur-poyavlenie) var(--tn-ease-poyavlenie) both; }
  body #tn-app .vt-znak,
  body #tn-app .vt-imya,
  body #tn-app .vt-podpis,
  body #tn-app .vt-status { animation-delay:0s }
  body #tn-app .vt-nadpis { animation-delay:var(--tn-zaderzhka-1) }
  body #tn-app .vt-docs   { animation-delay:var(--tn-zaderzhka-2) }

  body #tn-app .vt-status i{ animation:vt-dyshit var(--tn-dur-dyhanie) ease-in-out infinite; }

}

@media (max-width:480px){

}

.tn-dorabotka{margin: 0 0 var(--tn-gap-md-plus);padding: var(--tn-gap) var(--tn-gap-md);border-radius: var(--tn-radius-sm,10px);
  background: var(--tn-primary-soft,#eff6ff);border-left: var(--tn-obvodka-akcent) solid var(--tn-primary,#055397)}
.tn-dorabotka-shapka{font-size: var(--tn-text-base);font-weight: var(--tn-ves-jirnyj);letter-spacing: 0;
  color: var(--tn-text,#16232f);margin-bottom: var(--tn-gap-xs)}
.tn-dorabotka-tekst{margin: 0;font-size: var(--tn-text-base);line-height: var(--tn-stroka-melko);color: var(--tn-text,#16232f)}
.tn-dorabotka-pod{margin: var(--tn-gap-sm) 0 0;font-size: var(--tn-text-sm);line-height: var(--tn-stroka-osnovnaya);color: var(--tn-text-muted,#5d6b7a)}

.tn-input.tn-pusto,
.tn-combobox-input.tn-pusto{
  border-color: var(--tn-warning, #c98a00);
  background: var(--tn-warning-podlozhka-tiho);
}
.tn-ostalos{
  margin: 0 0 var(--tn-gap-md);
  padding: var(--tn-gap-sm) var(--tn-gap);
  border-radius: var(--tn-radius-sm, 10px);
  background: var(--tn-warning-podlozhka);
  color: var(--tn-text, #16232f);
  font-size: var(--tn-text-sm);
  line-height: var(--tn-stroka-osnovnaya);
}

body #tn-app .tn-helper:empty { min-height: 0; display: none; }

body #tn-app .tn-section-label {
  font-family: var(--tn-font, inherit) !important;
  font-weight: var(--tn-ves-jirnyj);
  letter-spacing: var(--tn-trek-knopka);
}

body #tn-app .tn-label { line-height: var(--tn-stroka-metka-polya); }
body #tn-app .tn-neobyaz {
  font-weight: var(--tn-ves-obychnyj);
  font-size: var(--tn-text-sm);
  color: var(--tn-text-subtle, #8a97a5);
}

body #tn-app .tn-input { line-height: var(--tn-stroka-kartochka); }

body #tn-app .tn-dorabotka {
  padding: var(--tn-gap-md) var(--tn-gap-md);
  border-left-width: var(--tn-obvodka-vydelenie);
}
body #tn-app .tn-dorabotka-tekst { line-height: var(--tn-stroka-melko); }
body #tn-app .tn-dorabotka + .tn-ostalos { margin-top: calc(-1 * var(--tn-gap-sm)); }
body #tn-app .tn-dorabotka-shapka {
  text-transform: none;
  letter-spacing: 0;
  font-weight: var(--tn-ves-jirnyj);
}

.tn-flag{
  display: block;
  width: var(--tn-flag-shirina-melko); height: var(--tn-flag-vysota);
  object-fit: cover;
  border-radius: var(--tn-radius-flag);
  box-shadow: var(--tn-flag-obvodka);
  background: var(--tn-surface-2, #f1f5f9);
}

body #tn-app .tn-combobox-flag,
body #tn-app .tn-phone-opt-flag,
body #tn-app .tn-phone-code-flag{
  display: inline-flex; align-items: center; justify-content: center;
  width: var(--tn-flag-shirina); height: var(--tn-flag-vysota); flex: none;
}

body #tn-app .tn-phone-code-flag{ width: var(--tn-flag-shirina-melko); justify-content: flex-start; }
body #tn-app .tn-combobox-flag .tn-flag,
body #tn-app .tn-phone-opt-flag .tn-flag,
body #tn-app .tn-phone-code-flag .tn-flag{
  width: var(--tn-flag-shirina-melko); height: auto; max-height: var(--tn-pole-podskazka-vysota); display: block;
  border-radius: var(--tn-radius-flag-melko);
  
  box-shadow: var(--tn-shadow-obvodka-tonkaya);
  
  background: var(--tn-flag-podlozhka);
}
body #tn-app .tn-combobox-flag.empty,
body #tn-app .tn-phone-opt-flag.empty,
body #tn-app .tn-phone-code-flag.empty{ width: 0; }

body #tn-app .tn-dve-kolonki { display: block; }

@media (pointer: fine) and (min-width: 900px) {
  body #tn-app .tn-card-wide { max-width: var(--tn-shirina-dve-kolonki); }
  body #tn-app .tn-dve-kolonki {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 var(--tn-gap-shire);
    align-items: start;
  }
  
  body #tn-app .tn-kolonka > .tn-section-label:first-child { margin-top: 0; }
  
  body #tn-app .tn-kolonka .tn-row {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--tn-gap);
  }
  
  body #tn-app .tn-kolonka .tn-row-fio > .tn-field:first-child { grid-column: 1 / -1; }

  body #tn-app .tn-card.tn-card-wide { padding: var(--tn-kartochka-pole); margin-top: 0; }
  
  body #tn-app .tn-card-wide .tn-card-eyebrow { display: none; }
  
  body #tn-app .tn-card-wide .tn-card-title { margin-bottom: var(--tn-gap-sm); }
  body #tn-app .tn-card-wide .tn-card-desc { margin-bottom: var(--tn-gap-md); font-size: var(--tn-kartochka-podpis); }
  body #tn-app .tn-card-wide .tn-dorabotka { margin-bottom: var(--tn-gap-md); padding: var(--tn-kartochka-pole-melko); }
  body #tn-app .tn-card-wide #tnBtnSubmit { margin-top: var(--tn-gap-md); }
  
  body #tn-app .tn-kolonka .tn-section-label { margin-bottom: var(--tn-gap-sm); }

  body #tn-app .tn-card-wide .tn-card-title,
  body #tn-app .tn-card-wide .tn-card-desc { text-align: left; }
  
  body #tn-app .tn-card-wide .tn-card-desc { max-width: var(--tn-tekst-shirina); margin-left: 0; margin-right: 0; }

  body #tn-app .tn-card-wide #tnBtnSubmit {
    display: block; width: auto; min-width: var(--tn-knopka-min-shirina); margin-left: auto;
  }
}

body #tn-app .tn-combobox-option,
body #tn-app .tn-phone-opt {
  min-height: var(--tn-znak-cel);                 
  padding: var(--tn-gap-sm) var(--tn-gap);
  gap: var(--tn-gap);
  align-items: center;
  border-radius: var(--tn-radius-xs, 6px);
}
body #tn-app .tn-combobox-name,
body #tn-app .tn-phone-opt-name { font-size: var(--tn-text-base); }
body #tn-app .tn-phone-opt-code {
  font-variant-numeric: tabular-nums;   
  opacity: var(--tn-prozr-kod);
}

body #tn-app .tn-combobox-option.tn-prio-last,
body #tn-app .tn-phone-opt.tn-prio-last {
  border-bottom: var(--tn-liniya-tolshchina) solid var(--tn-border, #e2e8f0);
  margin-bottom: var(--tn-gap-xs); padding-bottom: var(--tn-gap);
}

@media (pointer: coarse), (hover: none), (max-width: 899px) {

  body #tn-app .tn-card-eyebrow { display: none; }
  
  body #tn-app .tn-card-wide .tn-card-title {
    margin-bottom: var(--tn-gap-sm); text-align: left;
  }
  body #tn-app .tn-card-wide .tn-card-desc {
    font-size: var(--tn-kartochka-podpis);
    margin: 0 0 var(--tn-gap);
    max-width: none;              
    text-align: left;
  }

  body #tn-app .tn-dorabotka { padding: var(--tn-gap) var(--tn-gap); }

}

body #tn-app .tn-cb-flag {
  position: absolute;
  left: var(--tn-gap); top: var(--tn-gap-lg);            
  transform: translateY(var(--tn-k-seredine));
  display: block; width: var(--tn-flag-shirina-melko); height: var(--tn-flag-vysota); line-height: 0;
  pointer-events: none;             
  z-index: 2;
}
body #tn-app .tn-combobox-input {
  padding-left: var(--tn-zona-znaka) !important;
  padding-right: var(--tn-zona-knopki) !important;
}
body #tn-app .tn-cb-flag .tn-flag {
  width: var(--tn-flag-shirina-melko); height: auto;      
  max-height: var(--tn-pole-podskazka-vysota);
  border-radius: var(--tn-radius-flag);
  box-shadow: var(--tn-shadow-obvodka);
}

body #tn-app .tn-card-wide .tn-section-label {
  text-transform: none;
  letter-spacing: var(--tn-trek-cifry);
  font-size: var(--tn-kartochka-podpis);
}

body #tn-app .tn-org-vybrana {
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  min-height: var(--tn-pole-vysota);
  padding: var(--tn-gap-sm) var(--tn-gap);
  border: var(--tn-obvodka-polya) solid var(--tn-border, #e3e3dd);
  border-radius: var(--tn-radius, 6px);
  background: var(--tn-surface-2, #f7f8fa);
}
body #tn-app .tn-org-imya {
  flex: 1; min-width: 0;
  font-size: var(--tn-text-base); font-weight: var(--tn-ves-polujirnyj);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body #tn-app .tn-org-smenit {
  flex: none;
  padding: var(--tn-gap-xs) var(--tn-gap-sm);
  border: 0; border-radius: var(--tn-radius-xs, 6px);
  background: transparent;
  font: inherit; font-size: var(--tn-text-sm); font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-primary, #055397);
  cursor: pointer;
}
body #tn-app .tn-org-smenit:hover { background: var(--tn-surface-hover, #eef2f7); }
body #tn-app .tn-org-smenit:active { background: var(--tn-surface-inset, #e6ebf2); }
body #tn-app .tn-org-smenit:focus-visible { outline: var(--tn-obvodka-vydelenie) solid var(--tn-primary); outline-offset: var(--tn-sdvig-1); }

body #tn-app .tn-vybor {
  display: flex; align-items: center; gap: var(--tn-gap-sm);
  min-height: var(--tn-znak-cel);
  margin: 0 0 var(--tn-gap);
  padding: var(--tn-gap-xs) 0;
  font-size: var(--tn-text-sm);
  color: var(--tn-text, #0f172a);
  cursor: pointer;
}
body #tn-app .tn-vybor input {
  width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); flex: none;
  accent-color: var(--tn-primary, #055397);
  
  color-scheme: inherit;
  cursor: pointer;
}

body #tn-app .tn-data {
  display: flex; align-items: center; gap: var(--tn-gap-2xs);
  height: var(--tn-pole-vysota); box-sizing: border-box;
  padding: 0 var(--tn-gap-xs) 0 var(--tn-gap);
  border: var(--tn-obvodka-polya) solid var(--tn-obvodka-polya-cvet);
  border-radius: var(--tn-radius, 6px);
  background: var(--tn-surface-2, #f7fafc);
  position: relative;
}
body #tn-app .tn-data.focused { border-color: var(--tn-primary, #055397); box-shadow: var(--tn-ring); }
body #tn-app .tn-data.error { border-color: var(--tn-danger, #b3261e); }
body #tn-app .tn-data.success { border-color: var(--tn-success, #1f7a4d); }
body #tn-app .tn-data-chast {
  width: var(--tn-data-chast); flex: none;
  border: 0; background: transparent;
  font: inherit; font-size: var(--tn-text-base);
  color: var(--tn-text, #0f172a);
  text-align: center;
  padding: 0;
}
body #tn-app .tn-data-god { width: var(--tn-data-god); }
body #tn-app .tn-data-chast:focus { outline: none; }
body #tn-app .tn-data-chast::placeholder { color: var(--tn-text-subtle, #94a3b8); }
body #tn-app .tn-data-tochka { color: var(--tn-text-subtle, #94a3b8); }
body #tn-app .tn-data-kalendar {
  margin-left: auto; flex: none;
  width: var(--tn-pole-mesto-znaka); height: var(--tn-pole-mesto-znaka);
  display: flex; align-items: center; justify-content: center;
  border: 0; border-radius: var(--tn-radius-xs, 6px);
  background: transparent; cursor: pointer;
  color: var(--tn-text-muted, #5d6b7a);
}
body #tn-app .tn-data-kalendar svg { width: var(--tn-pole-znak-krupno); height: var(--tn-pole-znak-krupno); }
body #tn-app .tn-data-kalendar:hover { background: var(--tn-surface-hover, #eef2f7); color: var(--tn-primary); }

body #tn-app .tn-data-skrytoe {
  position: absolute; right: var(--tn-gap-sm); bottom: var(--tn-gap-xs);
  width: var(--tn-liniya-tolshchina); height: var(--tn-liniya-tolshchina); opacity: 0; pointer-events: none;
  border: 0; padding: 0; margin: 0;
}

body #tn-app .tn-pole-gnezdo { position: relative; display: block; width: 100%; }
body #tn-app .tn-so-sbrosom { padding-right: var(--tn-pole-mesto-znaka) !important; }

body #tn-app .tn-sbros,
body #tn-app .tn-combobox-arrow,
body #tn-app .tn-data-kalendar {
  position: absolute; right: var(--tn-gap-sm); top: 50%; transform: translateY(var(--tn-k-seredine));
  width: var(--tn-pole-knopka); height: var(--tn-pole-knopka);
  display: flex; align-items: center; justify-content: center;
  border: 0 !important; border-radius: var(--tn-radius-lg);
  background: var(--tn-surface-inset) !important;
  color: var(--tn-text-muted, #5d6b7a) !important;
  cursor: pointer;
  padding: 0;
  transition: background var(--tn-dur-navedenie), color var(--tn-dur-navedenie);
}
body #tn-app .tn-sbros svg,
body #tn-app .tn-combobox-arrow svg,
body #tn-app .tn-data-kalendar svg { width: var(--tn-pole-znak); height: var(--tn-pole-znak); display: block; }
body #tn-app .tn-sbros:hover,
body #tn-app .tn-data-sbros:hover {
  background: var(--tn-danger-soft, #fdeceb) !important;
  color: var(--tn-danger, #b3261e) !important;
}
body #tn-app .tn-combobox-arrow:hover,
body #tn-app .tn-data-kalendar:hover {
  background: var(--tn-primary-soft) !important;
  color: var(--tn-primary) !important;
}

body #tn-app .tn-combobox .tn-znak-sbros { display: none; }
body #tn-app .tn-combobox.has-selection .tn-znak-spisok { display: none; }
body #tn-app .tn-combobox.has-selection .tn-znak-sbros { display: block; }
body #tn-app .tn-combobox.has-selection .tn-combobox-arrow:hover {
  background: var(--tn-danger-soft, #fdeceb) !important;
  color: var(--tn-danger, #b3261e) !important;
}
body #tn-app .tn-sbros[hidden] { display: none; }

body #tn-app .tn-phone-wrap { position: relative; }
body #tn-app .tn-sbros-tel { right: var(--tn-gap-xs); top: 50%; transform: translateY(var(--tn-k-seredine)); }
body #tn-app .tn-phone-number { padding-right: var(--tn-pole-mesto-znaka); }

body #tn-app .tn-data-kalendar[hidden] { display: none; }

body #tn-app .tn-org-vernut {
  display: flex; align-items: center; gap: var(--tn-gap-sm); flex-wrap: wrap;
  margin-top: var(--tn-gap-xs);
  font-size: var(--tn-text-sm);
  color: var(--tn-text-muted, #5d6b7a);
}
body #tn-app .tn-org-vernut b { font-weight: var(--tn-ves-polujirnyj); color: var(--tn-text, #16232f); }
body #tn-app .tn-org-vernut button {
  padding: var(--tn-gap-xs) var(--tn-gap-sm);
  border: 0; border-radius: var(--tn-radius-xs, 6px);
  background: transparent;
  font: inherit; font-weight: var(--tn-ves-polujirnyj);
  color: var(--tn-primary, #055397);
  cursor: pointer;
}
body #tn-app .tn-org-vernut button:hover { background: var(--tn-surface-hover, #eef2f7); }

body #tn-app .tn-field { gap: var(--tn-pole-zazor); margin-bottom: var(--tn-gap); }
body #tn-app .tn-field:last-child { margin-bottom: 0; }

body #tn-app .tn-row { gap: 0 var(--tn-gap-md); margin-bottom: 0; }
body #tn-app .tn-row .tn-field { margin-bottom: var(--tn-gap); }

body #tn-app .tn-section-label { font-size: var(--tn-text-sm); margin: var(--tn-gap-xl) 0 var(--tn-gap); }

body #tn-app .tn-kolonka:first-child > .tn-section-label:first-child { margin-top: 0; }

@media (pointer: fine) and (min-width: 900px) {
  body #tn-app .tn-kolonka > .tn-section-label:first-child { margin-top: 0; }
}
body #tn-app .tn-label { font-size: var(--tn-pole-podpis); }

body #tn-app .tn-label { min-height: var(--tn-pole-podskazka-vysota); line-height: var(--tn-pole-podskazka-vysota); font-size: var(--tn-pole-podpis); }

body #tn-app .tn-phone-wrap { align-items: center; }
body #tn-app .tn-phone-code,
body #tn-app .tn-phone-number {
  height: 100%;
  line-height: calc(var(--tn-pole-vysota) - var(--tn-gap-2xs));                 
  font-size: var(--tn-text-base);
}
body #tn-app .tn-phone-number { padding: 0 var(--tn-gap); }
body #tn-app .tn-input,
body #tn-app .tn-phone-wrap,
body #tn-app .tn-org-vybrana {
  height: var(--tn-pole-vysota);
  min-height: var(--tn-pole-vysota);
  box-sizing: border-box;
}
body #tn-app .tn-input { padding: var(--tn-pole-pole-ploskoe); }
body #tn-app textarea.tn-input { height: auto; min-height: var(--tn-pole-mnogostrochnoe); padding: var(--tn-pole-pole); }

body #tn-app .tn-input,
body #tn-app .tn-phone-wrap,
body #tn-app .tn-org-vybrana {
  border-color: var(--tn-obvodka-polya-cvet) !important;
}
body #tn-app .tn-input:focus,
body #tn-app .tn-phone-wrap.focused {
  border-color: var(--tn-primary, #055397) !important;
}

body #tn-app .tn-input.error,
body #tn-app .tn-phone-wrap.error,
body #tn-app .tn-input.tn-pusto {
  border-color: var(--tn-danger, #b3261e) !important;
}
body #tn-app .tn-input.success,
body #tn-app .tn-phone-wrap.success {
  border-color: var(--tn-success, #1f7a4d) !important;
}

body #tn-app .tn-phone-wrap,
body #tn-app .tn-data,
body #tn-app .tn-org-vybrana {
  background: var(--tn-bg) !important;
}
body #tn-app .tn-dorabotka { margin: 0 0 var(--tn-gap-lg); }

body #tn-app .tn-error-message { margin: 0 0 var(--tn-gap-md-plus); }
body #tn-app .tn-ostalos { margin: 0 0 var(--tn-gap-md); padding: var(--tn-gap-sm) var(--tn-gap); }
body #tn-app .tn-submit-bar { margin-top: var(--tn-gap-lg); }
body #tn-app #tnBtnSubmit { margin-top: 0; }

body #tn-app .tn-dorabotka {
  background: var(--tn-warning-podlozhka);
  border-left-color: var(--tn-warning, #c98a00);
}
body #tn-app .tn-dorabotka-shapka span {
  font-weight: var(--tn-ves-obychnyj); font-size: var(--tn-text-sm);
  color: var(--tn-text-muted, #5d6b7a);
  margin-left: var(--tn-gap-xs);
}
body #tn-app .tn-dorabotka-tekst { font-size: var(--tn-text-base); }
body #tn-app .tn-dorabotka-pod { margin-top: var(--tn-gap-xs); font-size: var(--tn-text-sm); }

@media (pointer: fine) and (min-width: 900px) {
  
  body #tn-app .tn-submit-bar #tnBtnSubmit {
    display: inline-flex; align-items: center; justify-content: center;
    width: auto; min-width: 0;
    padding: 0 var(--tn-gap-lg-plus);
    margin: 0;
  }
  
  body #tn-app .tn-submit-bar {
    display: flex; justify-content: flex-end;
    margin-top: var(--tn-gap-lg-plus); padding-top: var(--tn-gap-md-plus);
    border-top: var(--tn-liniya-tolshchina) solid var(--tn-border);
  }
}

body #tn-app .tn-combobox-dropdown,
body #tn-app .tn-phone-dropdown {
  position: static;
  width: auto; max-width: none;
  margin-top: var(--tn-gap-xs);
  max-height: var(--tn-spisok-vysota-potok);
  box-shadow: none;                   
  z-index: auto;
}

@media (pointer: coarse), (hover: none), (max-width: 899px) {
  body #tn-app .tn-combobox-dropdown,
  body #tn-app .tn-phone-dropdown { max-height: var(--tn-spisok-vysota-potok-krupno); }
  
  body #tn-app .tn-phone-wrap { flex-wrap: wrap; height: auto; min-height: var(--tn-pole-vysota); }
  body #tn-app .tn-phone-wrap .tn-phone-code,
  body #tn-app .tn-phone-wrap .tn-phone-number { height: var(--tn-pole-vysota); }
  body #tn-app .tn-phone-dropdown { flex: 1 0 100%; margin: 0 calc(-1 * var(--tn-sdvig-1)) calc(-1 * var(--tn-sdvig-1)); border-radius: 0 0 var(--tn-radius) var(--tn-radius); }
}

body #tn-app .tn-dorabotka-shapka span { white-space: nowrap; }

body #tn-app .vt-vid-put{position:relative;width:var(--tn-tumbler-shirina);height:var(--tn-tumbler-vysota);border-radius:var(--tn-radius-pill);
  flex:none;background:var(--tn-border-strong);transition:background var(--tn-dur-navedenie)}
body #tn-app .vt-vid-krug{position:absolute;top:var(--tn-tumbler-zazor);left:var(--tn-tumbler-zazor);width:var(--tn-tumbler-krug);height:var(--tn-tumbler-krug);
  border-radius:var(--tn-radius-krug);background:var(--tn-white);box-shadow:var(--tn-elev-1);transition:transform var(--tn-dur-navedenie)}
body #tn-app [aria-checked="true"] > .vt-vid-put{background:var(--tn-primary)}
body #tn-app [aria-checked="true"] > .vt-vid-put .vt-vid-krug{transform:translateX(var(--tn-tumbler-krug))}
html.tn-dark body #tn-app .vt-vid-put{background:var(--tn-tumbler-fon-noch)}

body #tn-app .vt-hero[hidden], body #tn-app .vt-budushchee[hidden]{display:none !important}
body #tn-app .vt-budushchee{width:100%;max-width:var(--tn-read);display:flex;flex-direction:column;align-items:center;gap:var(--tn-gap);text-align:center}

body #tn-app .vz{ border-top:var(--tn-liniya-tolshchina) solid var(--tn-border); background:var(--tn-bg-soft); }
body #tn-app .vz-vnutri{ width:100%; max-width:calc(var(--tn-page) + var(--tn-page-pad) * 2); margin:0 auto; box-sizing:border-box;
  padding:var(--tn-gap-2xl) var(--tn-page-pad); }
body #tn-app .vz-sluzhba{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--tn-gap) var(--tn-gap-md);
  padding:var(--tn-gap) var(--tn-gap-md); border:var(--tn-liniya-tolshchina) solid var(--tn-border); border-radius:var(--tn-radius-lg);
  background:var(--tn-surface); margin-bottom:var(--tn-gap-lg); }
body #tn-app .vz-sluzhba-imya{ font-size:var(--tn-text-sm); font-weight:var(--tn-ves-jirnyj); color:var(--tn-text); margin-right:auto; }
body #tn-app .vz-sluzhba-imya i{ font-style:normal; font-weight:var(--tn-ves-srednij); color:var(--tn-text-subtle); }
body #tn-app .vz-klyuch{ display:inline-flex; align-items:center; gap:var(--tn-gap-sm); font-size:var(--tn-text-xs); color:var(--tn-text-muted); }
body #tn-app .vz-klyuch i{ width:var(--tn-klyuch-shirina); height:var(--tn-klyuch-vysota); border-radius:var(--tn-radius-xs); flex:none; display:block; }
body #tn-app .vz-klyuch i.est{ background:var(--tn-primary); }
body #tn-app .vz-klyuch i.net{ border:var(--tn-liniya-tolshchina) dashed var(--tn-border-strong); }
body #tn-app .vz-nad,
body #tn-app .vz-vperedi-nad{ margin:0 0 var(--tn-gap-sm); font-size:var(--tn-text-xs); font-weight:var(--tn-ves-polujirnyj);
  letter-spacing:var(--tn-trek-kapitel); text-transform:uppercase; color:var(--tn-text-muted); }
body #tn-app .vz-vperedi-nad{ margin-bottom:var(--tn-gap); color:var(--tn-text-subtle); }
body #tn-app .vz-zag{ margin:0; font-size:var(--tn-text-2xl); font-weight:var(--tn-ves-chernyj);
  letter-spacing:var(--tn-trek-plotnee); line-height:var(--tn-stroka-szhato); color:var(--tn-text); }
body #tn-app .vz-slovo{ margin:var(--tn-gap) 0 0; max-width:var(--tn-read); font-size:var(--tn-text-base);
  line-height:var(--tn-stroka-melko); color:var(--tn-text-muted); }
body #tn-app .vz-chisla{ display: grid; gap: var(--tn-gap); margin-top: var(--tn-gap-lg);
  grid-template-columns: repeat(auto-fit, minmax(var(--tn-chislo-min), 1fr)); }
body #tn-app .vz-chislo{ padding:var(--tn-gap-md); border:var(--tn-liniya-tolshchina) solid var(--tn-border);
  border-radius:var(--tn-radius-xl); background:var(--tn-surface); }
body #tn-app .vz-chislo b{ display:block; font-size:var(--tn-text-2xl); line-height:var(--tn-stroka-imya);
  font-weight:var(--tn-ves-chernyj); letter-spacing:var(--tn-trek-plotnee); color:var(--tn-text); font-variant-numeric:tabular-nums; }
body #tn-app .vz-chislo span{ display:block; margin-top:var(--tn-gap-sm); font-size:var(--tn-text-sm);
  line-height:var(--tn-stroka-kartochka); color:var(--tn-text-muted); }

body #tn-app .vz-razdely{ display: grid; gap: var(--tn-gap); margin-top: var(--tn-gap-lg); align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(var(--tn-plitka-min), 1fr)); }

@media (min-width:1200px){ body #tn-app .vz-kart.vz-shire{ grid-column:span 2; } }
body #tn-app .vz-kart{ border:var(--tn-liniya-tolshchina) solid var(--tn-border); border-radius:var(--tn-radius-xl);
  background:var(--tn-surface); padding:var(--tn-gap-md); display:flex; flex-direction:column; gap:var(--tn-gap-sm); }
body #tn-app .vz-kart.vz-net{ border-style:dashed; border-color:var(--tn-border-strong); background:none; }
body #tn-app .vz-kart-verh{ display:flex; align-items:baseline; gap:var(--tn-gap); }
body #tn-app .vz-kart h3{ margin:0; font-size:var(--tn-text-base); font-weight:var(--tn-ves-jirnyj);
  letter-spacing:var(--tn-trek-plotnee); color:var(--tn-text); }
body #tn-app .vz-kart.vz-net h3{ color:var(--tn-text-muted); }
body #tn-app .vz-metka{ margin-left:auto; font-size:var(--tn-text-metka); font-weight:var(--tn-ves-jirnyj); letter-spacing:var(--tn-trek-metka);
  text-transform:uppercase; padding:var(--tn-gap-2xs) var(--tn-gap-sm); border-radius:var(--tn-radius-pill); white-space:nowrap; flex:none; }
body #tn-app .vz-metka.est{ color:var(--tn-primary); background:var(--tn-primary-soft); }
body #tn-app .vz-metka.net{ color:var(--tn-text-subtle); border:var(--tn-liniya-tolshchina) dashed var(--tn-border-strong); }
body #tn-app .vz-kart p{ margin:0; font-size:var(--tn-text-sm); line-height:var(--tn-stroka-podpis); color:var(--tn-text-muted); }
body #tn-app .vz-kart.vz-net p{ color:var(--tn-text-subtle); }
body #tn-app .vz-lenta{ display:flex; flex-direction:column; margin-top:var(--tn-gap-xs); }
body #tn-app .vz-stroka{ display:grid; grid-template-columns:1fr auto; gap:var(--tn-gap);
  align-items:baseline; padding:var(--tn-gap-sm) 0; border-top:var(--tn-liniya-tolshchina) solid var(--tn-border-soft); }
body #tn-app .vz-stroka:first-child{ border-top:0; }
body #tn-app .vz-stroka b{ font-size:var(--tn-text-sm); font-weight:var(--tn-ves-polujirnyj); line-height:var(--tn-stroka-kartochka); color:var(--tn-text); }
body #tn-app .vz-stroka em{ display:block; font-style:normal; margin-top:var(--tn-gap-2xs); font-size:var(--tn-text-xs); color:var(--tn-text-subtle); }
body #tn-app .vz-stroka span.kogda,
body #tn-app .vz-god-imya,
body #tn-app .vz-god-skolko{ font-family:var(--tn-font-mono); font-size:var(--tn-text-xs); color:var(--tn-text-muted);
  white-space:nowrap; font-variant-numeric:tabular-nums; }
body #tn-app .vz-god-skolko{ text-align:right; color:var(--tn-text); }
body #tn-app .vz-hronika{ margin-top:var(--tn-gap); display:flex; flex-direction:column; }
body #tn-app .vz-god{ display: grid; grid-template-columns: var(--tn-god-shirina) 1fr var(--tn-god-shirina); align-items: center;
  gap: var(--tn-gap); padding: var(--tn-gap-2xs) 0; }
body #tn-app .vz-god-put{ height:var(--tn-polosa-tolshchina); border-radius:var(--tn-radius-pill); background:var(--tn-surface-inset); overflow:hidden; }
body #tn-app .vz-god-polosa{ display:block; height:100%; border-radius:var(--tn-radius-pill); background:var(--tn-primary); min-width:var(--tn-gap-xs); }
body #tn-app .vz-pod{ margin:var(--tn-gap-md) 0 0; font-size:var(--tn-text-sm); line-height:var(--tn-stroka-podpis); color:var(--tn-text-subtle); }

body #tn-app .vz-smysl{ max-width:var(--tn-read); margin:0 0 var(--tn-gap-lg); }
body #tn-app .vz-smysl p{ margin:0 0 var(--tn-gap); font-size:var(--tn-text-lg); line-height:var(--tn-stroka-melko); color:var(--tn-text); }
body #tn-app .vz-smysl p:last-child{ margin-bottom:0; color:var(--tn-text-muted); font-size:var(--tn-text-base); }
body #tn-app .vz-smysl b{ font-weight:var(--tn-ves-jirnyj); }

body #tn-app .vz-vperedi{ margin-top:var(--tn-gap-lg); padding-top:var(--tn-gap-lg); border-top:var(--tn-liniya-tolshchina) solid var(--tn-border); }
body #tn-app .vz-spisok{ display: grid; gap: var(--tn-gap-sm); grid-template-columns: repeat(auto-fit, minmax(var(--tn-plitka-min), 1fr)); }

body #tn-app .vz-budet{ display:flex; flex-direction:column; gap:var(--tn-gap-xs); padding:var(--tn-gap) var(--tn-gap-md);
  border:var(--tn-liniya-tolshchina) dashed var(--tn-border-strong); border-radius:var(--tn-radius-lg); }
body #tn-app .vz-budet b{ font-size:var(--tn-text-sm); font-weight:var(--tn-ves-polujirnyj); color:var(--tn-text-muted); }
body #tn-app .vz-budet span{ font-size:var(--tn-text-sm); line-height:var(--tn-stroka-kartochka); color:var(--tn-text-subtle); }

body #tn-app .vz-zov{ margin-top:var(--tn-gap-lg); padding:var(--tn-gap-lg); border:var(--tn-liniya-tolshchina) solid var(--tn-border);
  border-radius:var(--tn-radius-xl); background:var(--tn-surface); display:flex; flex-wrap:wrap; gap:var(--tn-gap-md); align-items:center; }
body #tn-app .vz-zov-tekst{ flex:1 1 var(--tn-plitka-min); min-width:0; }
body #tn-app .vz-zov-tekst b{ display:block; font-size:var(--tn-text-xl); font-weight:var(--tn-ves-chernyj);
  letter-spacing:var(--tn-trek-plotnee); color:var(--tn-text); }
body #tn-app .vz-zov-tekst span{ display:block; margin-top:var(--tn-gap-sm); font-size:var(--tn-text-sm); line-height:var(--tn-stroka-podpis); color:var(--tn-text-muted); }
body #tn-app a.vz-zov-knopka{ display:inline-flex; align-items:center; gap:var(--tn-gap); flex:none;
  padding:var(--tn-gap) var(--tn-gap-md); border-radius:var(--tn-radius-lg); text-decoration:none;
  background:var(--tn-primary); color:var(--tn-text-inverse); font-weight:var(--tn-ves-jirnyj); font-size:var(--tn-text-base);
  transition:transform var(--tn-dur-navedenie); }
body #tn-app a.vz-zov-knopka:hover{ transform:translateY(calc(-1 * var(--tn-sdvig-1))); }