/* TyrkiaNytt Visumkalkulator – styles (light, responsive) */
.tyn-vk{--tn-red:#e53935;--tn-text:#111827;--tn-muted:rgba(17,24,39,.72);--tn-border:rgba(17,24,39,.12);--tn-bg:#ffffff;--tn-soft:rgba(17,24,39,.03);--tn-shadow:0 10px 24px rgba(17,24,39,.05);font-family:inherit;color:var(--tn-text);margin:16px 0}
.tyn-vk *,.tyn-vk *:before,.tyn-vk *:after{box-sizing:border-box}
.tyn-vk__wrap{max-width:1100px;margin:0 auto}
.tyn-vk__grid{display:grid;grid-template-columns:1fr;gap:14px}
.tyn-vk__card{background:var(--tn-bg);border:1px solid var(--tn-border);border-radius:14px;box-shadow:var(--tn-shadow);padding:14px}
.tyn-vk__title{margin:0 0 6px;font-size:20px;line-height:1.25;font-weight:900}
.tyn-vk__subtitle{margin:0 0 8px;color:rgba(17,24,39,.70);font-size:13px;line-height:1.45;font-weight:800}
.tyn-vk__desc{margin:0 0 12px;color:var(--tn-muted);font-size:13px;line-height:1.5}
.tyn-vk__rules{background:rgba(229,57,53,.06);border:1px solid rgba(229,57,53,.18);padding:10px 12px;border-radius:12px;color:rgba(17,24,39,.85);font-size:13px;line-height:1.45;margin:0 0 12px}
.tyn-vk__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 12px}
.tyn-vk__field{display:flex;flex-direction:column;gap:6px}
.tyn-vk__field>span{font-size:12px;font-weight:800;color:var(--tn-muted)}
.tyn-vk input[type="date"]{border:1px solid rgba(17,24,39,.18);border-radius:12px;padding:10px 12px;font-size:14px;min-height:42px;background:#fff;color:var(--tn-text)}
.tyn-vk input[type="date"]:focus{outline:none;border-color:rgba(229,57,53,.55);box-shadow:0 0 0 3px rgba(229,57,53,.14)}
.tyn-vk__helper{font-size:12px;color:rgba(17,24,39,.65);margin:-6px 0 10px}
.tyn-vk__actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 12px}
.tyn-vk__btn{appearance:none;border:1px solid transparent;border-radius:999px;padding:10px 12px;font-weight:900;font-size:12px;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .06s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease}
.tyn-vk__btn:active{transform:translateY(1px)}
.tyn-vk__btn--primary{background:var(--tn-red);color:#fff;box-shadow:0 10px 18px rgba(229,57,53,.18)}
.tyn-vk__btn--primary:hover{box-shadow:0 14px 24px rgba(229,57,53,.22)}
.tyn-vk__btn--ghost{background:#fff;color:var(--tn-text);border-color:rgba(17,24,39,.16);box-shadow:none}
.tyn-vk__btn--ghost:hover{border-color:rgba(17,24,39,.24);box-shadow:0 10px 18px rgba(17,24,39,.06)}
.tyn-vk__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.tyn-vk__metric{border:1px solid rgba(17,24,39,.10);background:var(--tn-soft);border-radius:12px;padding:10px 12px}
.tyn-vk__metric small{display:block;color:rgba(17,24,39,.62);font-weight:800;font-size:11px;margin-bottom:4px}
.tyn-vk__metric strong{font-size:18px;line-height:1.1}
.tyn-vk__metric span{font-size:12px;color:rgba(17,24,39,.70);font-weight:700}
.tyn-vk__msg{margin-top:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#fff;color:rgba(17,24,39,.82);font-size:13px;line-height:1.5}
.tyn-vk__msg--ok{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08)}
.tyn-vk__msg--warn{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.10)}
.tyn-vk__msg--bad{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.10)}

.tyn-vk__tableWrap{margin-top:10px}
.tyn-vk table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(17,24,39,.10);border-radius:12px;overflow:hidden;background:#fff}
.tyn-vk th,.tyn-vk td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(17,24,39,.08);text-align:left}
.tyn-vk th{background:rgba(17,24,39,.03);font-weight:900;color:var(--tn-text)}
.tyn-vk tr:last-child td{border-bottom:none}
.tyn-vk__tableActions{display:flex;justify-content:flex-end}
.tyn-vk__mini{appearance:none;border-radius:10px;border:1px solid rgba(17,24,39,.16);background:#fff;padding:6px 10px;font-size:12px;font-weight:900;cursor:pointer}
.tyn-vk__mini:hover{border-color:rgba(17,24,39,.24);box-shadow:0 10px 18px rgba(17,24,39,.06)}
.tyn-vk__empty{margin-top:10px;color:rgba(17,24,39,.65);font-size:13px}

@media (min-width: 900px){
  .tyn-vk__grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 560px){
  .tyn-vk__row{grid-template-columns:1fr}
  .tyn-vk__summary{grid-template-columns:1fr}
  .tyn-vk__btn{width:100%}
}

/* Validation */
.tyn-vk__input--invalid{border-color:#d63638 !important;box-shadow:0 0 0 3px rgba(214,54,56,0.15) !important}

/* Table actions */
.tyn-vk__tableActions{display:flex;justify-content:flex-end;gap:8px}
.tyn-vk__iconBtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,24,39,.18);border-radius:999px;background:#fff;color:#111827;cursor:pointer;line-height:1;font-size:18px}
.tyn-vk__iconBtn:hover{background:rgba(17,24,39,.03)}

/* Sticky summary */
.tyn-vk__sticky{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#fff;border-top:1px solid rgba(17,24,39,.12);box-shadow:0 -14px 30px rgba(17,24,39,.10);transform:translateY(110%);transition:transform .2s ease}
.tyn-vk__sticky.is-show{transform:translateY(0)}
.tyn-vk__stickyInner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.tyn-vk__stickyMetrics{display:flex;gap:14px;align-items:center}
.tyn-vk__stickyMetric small{display:block;font-size:11px;color:rgba(17,24,39,.65)}
.tyn-vk__stickyMetric strong{display:block;font-size:16px;letter-spacing:-.01em}
.tyn-vk__stickyActions{display:flex;gap:8px;align-items:center}
.tyn-vk__btn--tiny{padding:7px 10px;font-size:13px}

@media (min-width: 981px){
  .tyn-vk__sticky{display:none}
}

/* Toast */
.tyn-vk__toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,140%);transition:transform .2s ease;z-index:10000;background:#111827;color:#fff;border-radius:999px;padding:10px 14px;box-shadow:0 18px 40px rgba(17,24,39,.22);display:flex;align-items:center;gap:12px;max-width:min(820px,92vw)}
.tyn-vk__toast.is-show{transform:translate(-50%,0)}
/* Safety: if aria-hidden is true, keep it hidden even if a stray class remains */
.tyn-vk__toast[aria-hidden="true"]{
  /* Hide completely below viewport so it never appears as a dark "dot" on mobile */
  bottom:-200px !important;
  transform:translate(-50%,0) !important;
  opacity:0;
  pointer-events:none;
}
.tyn-vk__toastUndo:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}
.tyn-vk__toastMsg{font-size:13px;line-height:1.25}
.tyn-vk__toastUndo{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:6px 10px;font-size:13px;line-height:1}
.tyn-vk__toastUndo:hover{background:rgba(255,255,255,.20)}

/* Mobile sticky: prevent overflow + keep actions usable */
@media (max-width: 520px){
  .tyn-vk__stickyInner{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}
  .tyn-vk__stickyMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .tyn-vk__stickyMetric{padding:6px 8px;border:1px solid rgba(17,24,39,.10);border-radius:12px;background:rgba(17,24,39,.02);text-align:center}
  .tyn-vk__stickyMetric small{font-size:10.5px}
  .tyn-vk__stickyMetric strong{font-size:14px}

  /* Keep sticky actions compact (copy + print). Hide secondary tools in sticky on small screens. */
  .tyn-vk__stickyActions{display:flex;gap:8px;align-items:stretch}
  .tyn-vk__stickyActions .tyn-vk__btn{flex:1;min-width:0;white-space:nowrap;justify-content:center}
  .tyn-vk__stickyActions #tyn_vk_export_csv,
  .tyn-vk__stickyActions #tyn_vk_share,
  .tyn-vk__stickyActions #tyn_vk_ics{display:none !important}

  /* Ensure theme styles do not turn sticky ghost buttons into big red blocks */
  .tyn-vk__sticky .tyn-vk__btn--ghost{background:rgba(17,24,39,.02) !important;border:1px solid rgba(17,24,39,.14) !important;color:var(--tn-text) !important;box-shadow:none !important}
  .tyn-vk__sticky .tyn-vk__btn--ghost:hover{background:rgba(17,24,39,.05) !important;border-color:rgba(17,24,39,.22) !important}

  /* Toast should not cover sticky actions */
  .tyn-vk__toast{bottom:132px;padding:9px 12px;gap:10px}
  .tyn-vk__toastMsg{font-size:12.5px}
  .tyn-vk__toastUndo{padding:6px 10px}
}

/* Print */
@media print{
  /* Page setup */
  html,body{width:100% !important;height:auto !important}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}

  /* Ads / iframes (Google AdSense + common ad wrappers)
     Auto-ads can inject elements inside the content. In print we must REMOVE them
     from layout (display:none) to prevent extra pages/overlays.
  */
  ins.adsbygoogle,
  .adsbygoogle,
  .google-auto-placed,
  .adsbygoogle-noablate,
  .ad,
  .ads,
  .advertisement,
  .adunit,
  .ad-slot,
  .ad-container,
  .elementor-widget-google_adsense,
  [aria-label*="advert"],
  [id^="aswift_"],
  [id^="google_ads_"],
  [id^="google_ads_iframe_"],
  [id^="google_ads_frame"],
  iframe[src*="googlesyndication"],
  iframe[src*="googleads"],
  iframe[src*="doubleclick"],
  iframe[id^="google_ads"],
  iframe[id^="aswift_"]{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
  }

  /*
    Print isolation
    Elementor/themes often wrap the calculator deeply, so CSS rules like `body > *` can accidentally hide it.
    We isolate the print view by cloning the calculator to <body> before printing (see app.js).
  */
  body{margin:0 !important;padding:0 !important}
  body.tyn-vk-printing > *:not(.tyn-vk__printClone){display:none !important}

  .tyn-vk__printClone{
    display:block !important;
    position:static !important;
    float:none !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .tyn-vk__printClone .tyn-vk__wrap{padding:0 !important}
  .tyn-vk__printClone .tyn-vk__noPrint{display:none !important}

  /* Make it fit on ONE page: scale the CLONE (not the original) */
  .tyn-vk__printClone{transform:scale(.92) !important;transform-origin:top left !important;width:calc(100% / .92) !important}

  /* Use the print header instead of the on-page intro header */
  .tyn-vk__header{display:none !important}

  /* Compact typography and spacing */
  .tyn-vk__panel{padding:10px 10px !important;margin-top:10px !important;box-shadow:none !important}
  .tyn-vk__panelHeader{margin-bottom:8px !important}
  .tyn-vk__panelTitle{font-size:14px !important}
  .tyn-vk__row{margin:6px 0 8px !important;gap:10px !important}
  .tyn-vk__field>span{font-size:11px !important}
  .tyn-vk input[type="date"]{min-height:34px !important;padding:7px 10px !important;font-size:12px !important}
  .tyn-vk__helper,.tyn-vk__note,.tyn-vk__help,.tyn-vk__pills{display:none !important}

  /* Results + summary: smaller, tighter */
  .tyn-vk__result{gap:8px !important;margin-top:6px !important}
  .tyn-vk__resultRow{padding:8px 10px !important}
  .tyn-vk__resultValue{font-size:15px !important}
  .tyn-vk__resultMsg{padding:8px 10px !important;font-size:12px !important;line-height:1.35 !important}
  .tyn-vk__summary{gap:8px !important}
  .tyn-vk__summaryRow{padding:8px 10px !important}
  .tyn-vk__summaryRow strong{font-size:15px !important}
  .tyn-vk__status{margin-top:4px !important;padding:5px 8px !important;font-size:11px !important}
  .tyn-vk__statusMsg{font-size:12px !important;line-height:1.35 !important}

  /* Table: compact and remove action column */
  .tyn-vk__table th,.tyn-vk__table td{padding:6px 8px !important;font-size:11px !important}
  .tyn-vk__printHide{display:none !important}
  .tyn-vk__printMoreRow{display:table-row !important}
  .tyn-vk__printMoreRow td{padding:6px 8px !important;font-size:11px !important;font-style:italic;color:rgba(0,0,0,.7) !important}
  .tyn-vk__table th:last-child,.tyn-vk__table td:last-child{display:none !important}
  .tyn-vk__empty{font-size:12px !important;margin-top:8px !important}

  .tyn-vk__printOnly{display:block !important}
  .tyn-vk__printHeader{margin:0 0 12px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,.12)}
  .tyn-vk__printHeaderRow{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
  .tyn-vk__printHeaderTitle{font-size:16px;font-weight:800}
  .tyn-vk__printHeaderMeta{font-size:12px;color:rgba(0,0,0,.65)}

  /* Avoid ugly page breaks inside cards */
  .tyn-vk__panel, .tyn-vk__card{break-inside:avoid;page-break-inside:avoid}
}
@page{size:A4 portrait;margin:6mm}

/* --- UX polish (theme-safe) --- */
.tyn-vk__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.tyn-vk__brand{min-width:240px;flex:1 1 360px}
.tyn-vk__tools{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 1 360px;min-width:260px}
.tyn-vk__kicker{margin:0 0 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(17,24,39,.62);font-weight:900}
.tyn-vk__lead{margin:0 0 10px;color:rgba(17,24,39,.70);font-size:13px;line-height:1.5}

.tyn-vk__pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 0}
.tyn-vk__pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(17,24,39,.14);background:rgba(17,24,39,.02);border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;line-height:1}
.tyn-vk__pill span{font-weight:900}

.tyn-vk__sectionTitle{margin:0 0 10px;font-size:16px;line-height:1.2}
.tyn-vk__subtle{color:rgba(17,24,39,.70);font-size:13px;line-height:1.55}

.tyn-vk__info{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.tyn-vk__infoBox{border:1px solid rgba(17,24,39,.10);background:rgba(17,24,39,.02);border-radius:12px;padding:10px 12px}
.tyn-vk__infoBox strong{display:block;font-size:13px;margin-bottom:4px}
.tyn-vk__infoBox p{margin:0;color:rgba(17,24,39,.70);font-size:13px;line-height:1.55}

.tyn-vk__lang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tyn-vk__lang label{font-size:12px;font-weight:900;color:rgba(17,24,39,.70)}
.tyn-vk__lang select{border:1px solid rgba(17,24,39,.18);border-radius:12px;padding:8px 10px;font-size:13px;background:#fff;color:var(--tn-text);min-height:38px}
.tyn-vk__lang select:focus{outline:none;border-color:rgba(229,57,53,.55);box-shadow:0 0 0 3px rgba(229,57,53,.14)}

.tyn-vk__langPick{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tyn-vk__langLabel{font-size:12px;font-weight:900;color:rgba(17,24,39,.70);margin-right:2px}
.tyn-vk__flagBtn{
  width:38px;height:38px;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border:1px solid rgba(17,24,39,.18) !important;
  background:#fff !important;
  color:#111827 !important;
  border-radius:12px !important;
  cursor:pointer;
  line-height:1 !important;
  font-size:18px !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla",system-ui,sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-shadow:none !important;
  transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease;
}
.tyn-vk__flagBtn:hover{transform:translateY(-1px)}
.tyn-vk__flagBtn:focus{outline:none;border-color:rgba(229,57,53,.55);box-shadow:0 0 0 3px rgba(229,57,53,.14)}
.tyn-vk__flagBtn.is-active{border-color:rgba(229,57,53,.65);box-shadow:0 6px 18px rgba(17,24,39,.10)}

/* --- Layout aligned with current markup --- */
.tyn-vk__rule{background:rgba(229,57,53,.06);border:1px solid rgba(229,57,53,.18);padding:10px 12px;border-radius:12px;color:rgba(17,24,39,.88);font-size:13px;line-height:1.5;width:100%}
.tyn-vk__ruleLabel{display:block;font-weight:900;color:rgba(17,24,39,.78);margin:0 0 4px}
.tyn-vk__ruleText{margin:0 0 6px}
.tyn-vk__ruleSub{margin:0;color:rgba(17,24,39,.70)}

.tyn-vk__panel{background:var(--tn-bg);border:1px solid var(--tn-border);border-radius:14px;box-shadow:var(--tn-shadow);padding:14px;margin-top:14px}
.tyn-vk__panelHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.tyn-vk__panelTitle{margin:0;font-size:16px;line-height:1.25;font-weight:900}

.tyn-vk__pill--soft{background:rgba(229,57,53,.08);border-color:rgba(229,57,53,.18)}

.tyn-vk__help{margin:0 0 10px;color:rgba(17,24,39,.72);font-size:13px;line-height:1.6}

.tyn-vk__result{border:1px solid rgba(17,24,39,.10);background:rgba(17,24,39,.02);border-radius:12px;padding:10px 12px}
.tyn-vk__result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tyn-vk__resultRow{background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:12px;padding:10px 12px}
.tyn-vk__resultLabel{display:block;color:rgba(17,24,39,.62);font-weight:900;font-size:11px;margin-bottom:4px}
.tyn-vk__resultValue{font-size:18px;line-height:1.1}
.tyn-vk__resultMsg{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#fff;color:rgba(17,24,39,.82);font-size:13px;line-height:1.5}

.tyn-vk__note{margin-top:10px;color:rgba(17,24,39,.62);font-size:12px;line-height:1.5}

.tyn-vk__summary{border:1px solid rgba(17,24,39,.10);background:rgba(17,24,39,.02);border-radius:12px;padding:10px 12px}
.tyn-vk__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tyn-vk__summaryRow{background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:12px;padding:10px 12px}
.tyn-vk__summaryRow span{display:block;color:rgba(17,24,39,.62);font-weight:900;font-size:11px;margin-bottom:4px}
.tyn-vk__summaryRow strong{font-size:18px;line-height:1.1}

.tyn-vk__status{align-self:center;justify-self:start;margin-top:6px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(17,24,39,.12);background:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}
.tyn-vk__statusMsg{grid-column:1/-1}

.tyn-vk__tableCaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tyn-vk__table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(17,24,39,.10);border-radius:12px;overflow:hidden;background:#fff}
.tyn-vk__table th,.tyn-vk__table td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(17,24,39,.08);text-align:left;vertical-align:middle}
.tyn-vk__table th{background:rgba(17,24,39,.03);font-weight:900;color:var(--tn-text)}
.tyn-vk__table tbody tr:nth-child(even) td{background:rgba(17,24,39,.01)}
.tyn-vk__table tr:last-child td{border-bottom:none}

@media (max-width: 900px){
  .tyn-vk__tools{align-items:flex-start}
}
@media (max-width: 560px){
  .tyn-vk__result{grid-template-columns:1fr}
  .tyn-vk__summary{grid-template-columns:1fr}
}

@media (min-width: 900px){
  .tyn-vk__info{grid-template-columns:1fr 1fr}
}

/* --- UI v1.1.7: match current markup (panels/results/summary) --- */
.tyn-vk__rule{background:rgba(229,57,53,.06);border:1px solid rgba(229,57,53,.18);padding:10px 12px;border-radius:12px}
.tyn-vk__ruleLabel{display:block;font-size:12px;font-weight:900;color:rgba(17,24,39,.75);margin:0 0 4px}
.tyn-vk__ruleText{margin:0 0 6px;font-size:13px;line-height:1.55;color:rgba(17,24,39,.85)}
.tyn-vk__ruleSub{margin:0;font-size:13px;line-height:1.55;color:rgba(17,24,39,.70)}

.tyn-vk__panel{background:var(--tn-bg);border:1px solid var(--tn-border);border-radius:14px;box-shadow:var(--tn-shadow);padding:14px;margin-top:14px}
.tyn-vk__panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.tyn-vk__panelTitle{margin:0;font-size:16px;line-height:1.2;font-weight:900}

.tyn-vk__pill--soft{border-color:rgba(229,57,53,.18);background:rgba(229,57,53,.06)}

.tyn-vk__help{margin:0 0 10px;color:rgba(17,24,39,.70);font-size:13px;line-height:1.55}

.tyn-vk__result{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tyn-vk__resultRow{border:1px solid rgba(17,24,39,.10);background:var(--tn-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.tyn-vk__resultLabel{font-size:11px;font-weight:900;color:rgba(17,24,39,.62)}
.tyn-vk__resultValue{font-size:18px;line-height:1.1}
.tyn-vk__resultMsg{grid-column:1 / -1;margin:0}
.tyn-vk__resultMsg.tyn-vk__msg--ok,
.tyn-vk__resultMsg.tyn-vk__msg--warn,
.tyn-vk__resultMsg.tyn-vk__msg--bad{margin-top:0}

.tyn-vk__note{margin-top:12px;padding-top:10px;border-top:1px solid rgba(17,24,39,.10);font-size:12px;line-height:1.55;color:rgba(17,24,39,.65)}

/* Previous summary area */
.tyn-vk__summary{margin-top:8px}
.tyn-vk__summaryRow{border:1px solid rgba(17,24,39,.10);background:var(--tn-soft);border-radius:12px;padding:10px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tyn-vk__summaryRow span{font-size:11px;font-weight:900;color:rgba(17,24,39,.62)}
.tyn-vk__summaryRow strong{font-size:18px;line-height:1.1}
.tyn-vk__status{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(17,24,39,.14);background:#fff;font-weight:900;font-size:12px;margin-top:10px}
.tyn-vk__statusMsg{margin-top:10px}

/* Table tweaks */
.tyn-vk__table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(17,24,39,.10);border-radius:12px;overflow:hidden;background:#fff}
.tyn-vk__table thead th{background:rgba(17,24,39,.03)}
.tyn-vk__table tbody tr:nth-child(even) td{background:rgba(17,24,39,.01)}
.tyn-vk__table th:last-child,.tyn-vk__table td:last-child{text-align:right}

@media (max-width: 560px){
  .tyn-vk__tools{align-items:flex-start}
  .tyn-vk__result{grid-template-columns:1fr}
}

/* --- UI v1.1.8: tighter layout + clearer hierarchy --- */
.tyn-vk{margin:12px 0}
.tyn-vk__header{margin-bottom:8px}
.tyn-vk__panel{margin-top:12px}
.tyn-vk__helper{margin:-6px 0 8px}

/* Rule card: same weight as panels, still “warning” tone */
.tyn-vk__rule{
  border-radius:14px;
  box-shadow:var(--tn-shadow);
  background:linear-gradient(0deg, rgba(229,57,53,.06), rgba(229,57,53,.06)), #fff;
  border:1px solid rgba(229,57,53,.20);
}

/* Language picker: larger hit area + clearer active state */
.tyn-vk__langPick{gap:8px}
.tyn-vk__flagBtn{width:40px;height:40px;border-radius:999px}
.tyn-vk__flagBtn.is-active{
  background:rgba(229,57,53,.08) !important;
  border-color:rgba(229,57,53,.70) !important;
  box-shadow:0 0 0 3px rgba(229,57,53,.12), 0 10px 18px rgba(17,24,39,.08);
}

/* Planned result metrics: more “app-like” */
.tyn-vk__resultRow{min-height:74px;justify-content:center}
.tyn-vk__resultValue{font-size:22px;letter-spacing:-.01em}
.tyn-vk__resultLabel{letter-spacing:.02em;text-transform:none}

/* Previous summary: same visual language as planned metrics */
.tyn-vk__summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tyn-vk__summaryRow{
  min-height:74px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.tyn-vk__summaryRow strong{font-size:22px;letter-spacing:-.01em}

/* Buttons: clearer primary/secondary */
.tyn-vk__btn--ghost{background:rgba(17,24,39,.02)}
.tyn-vk__btn--ghost:hover{background:rgba(17,24,39,.04)}

/* Mobile: keep tools visible while user scrolls */
@media (max-width: 560px){
  .tyn-vk__tools{
    position:sticky;
    top:10px;
    z-index:20;
    background:#fff;
    border:1px solid rgba(17,24,39,.10);
    box-shadow:0 10px 24px rgba(17,24,39,.06);
    border-radius:14px;
    padding:10px;
  }
  .tyn-vk__brand{min-width:unset}
}


.tyn-vk__printOnly{display:none}
.tyn-vk__printMoreRow{display:none}


.tyn-vk__helperSep{opacity:.6;margin:0 .35rem;}


/* v1.5.3 UI rebuild */
.tyn-vk__quickGuide{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(16,185,129,.20);
  background:linear-gradient(180deg, rgba(16,185,129,.08), rgba(16,185,129,.04));
  border-radius:16px;
}
.tyn-vk__quickGuideTitle{
  display:block;
  margin:0 0 10px;
  font-size:14px;
  font-weight:800;
  color:#0f172a;
}
.tyn-vk__quickGuideSteps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.tyn-vk__quickStep{
  display:flex;
  align-items:flex-start;
  gap:10px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:10px 12px;
}
.tyn-vk__quickStep span{
  width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  background:#111827;color:#fff;font-size:12px;font-weight:800;flex:0 0 24px;
}
.tyn-vk__quickStep small{
  font-size:12px;line-height:1.4;color:rgba(15,23,42,.78);font-weight:700;
}

.tyn-vk__panelTitleWrap{display:flex;flex-direction:column;gap:5px}
.tyn-vk__eyebrow{
  display:inline-flex;align-items:center;align-self:flex-start;
  padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;
  background:rgba(15,23,42,.06);color:rgba(15,23,42,.75);border:1px solid rgba(15,23,42,.10);
}
.tyn-vk__eyebrow--primary{
  background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.18);
}

.tyn-vk__panel--planned{
  border:1px solid rgba(16,185,129,.22);
  box-shadow:0 12px 32px rgba(2,6,23,.05);
}
.tyn-vk__panel--planned .tyn-vk__result{
  background:rgba(16,185,129,.035);
  border:1px solid rgba(16,185,129,.12);
}
.tyn-vk__panel--planned .tyn-vk__resultRow{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}
.tyn-vk__panel--planned .tyn-vk__resultLabel{
  color:#0f172a;
  font-weight:800;
}
.tyn-vk__panel--planned .tyn-vk__resultValue{
  font-size:34px;
  line-height:1;
}
.tyn-vk__panel--planned .tyn-vk__resultMsg{
  border-color:rgba(16,185,129,.18);
  background:#f8fffc;
  font-weight:700;
  color:#0f172a;
}

.tyn-vk__panel--previous{
  border:1px solid rgba(15,23,42,.10);
  background:#fcfcfd;
}
.tyn-vk__panel--previous .tyn-vk__help{
  background:rgba(15,23,42,.035);
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  padding:12px 14px;
}
.tyn-vk__panel--previous .tyn-vk__summary{
  background:#fff;
}
.tyn-vk__panel--previous .tyn-vk__summaryRow{
  border:1px solid rgba(15,23,42,.08);
}
.tyn-vk__panel--previous .tyn-vk__summaryRow strong{
  font-size:28px;
  line-height:1;
}
.tyn-vk__panel--previous .tyn-vk__tableWrap{
  opacity:.92;
}

@media (max-width: 760px){
  .tyn-vk__quickGuideSteps{grid-template-columns:1fr}
  .tyn-vk__panel--planned .tyn-vk__resultValue{font-size:28px}
  .tyn-vk__panel--previous .tyn-vk__summaryRow strong{font-size:24px}
}


/* v1.5.4 FINAL UI CLEAN */
.tyn-vk__panel--planned .tyn-vk__result{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  align-items:stretch !important;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:110px !important;
  border-radius:18px !important;
  padding:16px 18px !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 8px 22px rgba(2,6,23,.05) !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
  order:-1 !important;
  grid-column:1 / -1 !important;
  min-height:132px !important;
  background:linear-gradient(180deg, rgba(16,185,129,.12), rgba(16,185,129,.06)) !important;
  border:1px solid rgba(16,185,129,.24) !important;
  box-shadow:0 14px 34px rgba(16,185,129,.10) !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultLabel{
  font-size:14px !important;
  font-weight:900 !important;
  color:#065f46 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
  font-size:54px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#065f46 !important;
  margin-top:6px !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(1) .tyn-vk__resultValue,
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(3) .tyn-vk__resultValue{
  font-size:28px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultLabel{
  font-size:12px !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  color:rgba(15,23,42,.72) !important;
  font-weight:800 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultMsg{
  grid-column:1 / -1 !important;
  margin:0 !important;
  padding:14px 16px !important;
  border-radius:16px !important;
  background:#f8fffc !important;
  border:1px solid rgba(16,185,129,.18) !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:#0f172a !important;
}

.tyn-vk__panel--previous{
  opacity:.96 !important;
}
.tyn-vk__panel--previous .tyn-vk__summaryRow{
  background:#fafafa !important;
}
.tyn-vk__panel--previous .tyn-vk__summaryRow strong{
  font-size:22px !important;
}
.tyn-vk__panel--previous .tyn-vk__statusMsg{
  font-size:13px !important;
}

@media (max-width:760px){
  .tyn-vk__panel--planned .tyn-vk__result{
    grid-template-columns:1fr !important;
  }
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
    grid-column:auto !important;
    min-height:120px !important;
  }
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
    font-size:44px !important;
  }
}


/* v1.6.0 FINAL UI clarity */
.tyn-vk__betweenNote{
  margin:16px 0 12px;
  padding:10px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px dashed rgba(15,23,42,.14);
  color:#475569;
  font-size:13px;
  font-weight:800;
  text-align:center;
}

.tyn-vk__panel--planned{
  border:1px solid rgba(16,185,129,.25) !important;
  box-shadow:0 14px 36px rgba(16,185,129,.08), 0 6px 18px rgba(2,6,23,.04) !important;
}

.tyn-vk__panel--planned .tyn-vk__eyebrow--primary{
  background:rgba(16,185,129,.14);
  color:#047857;
}

.tyn-vk__panel--planned .tyn-vk__result--main{
  background:linear-gradient(180deg, rgba(16,185,129,.11), rgba(16,185,129,.08));
  border:1px solid rgba(16,185,129,.22);
  border-radius:18px;
}

.tyn-vk__panel--planned .tyn-vk__result--main .tyn-vk__resultLabel{
  color:#065f46;
  font-size:14px;
  font-weight:900;
}

.tyn-vk__panel--planned .tyn-vk__result--main .tyn-vk__resultValue{
  font-size:56px;
  line-height:1;
  color:#065f46;
  font-weight:900;
}

.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main) .tyn-vk__resultLabel{
  font-size:12px;
  color:#475569;
  font-weight:800;
}

.tyn-vk__panel--planned .tyn-vk__resultMsg{
  background:#f0fdf4 !important;
  border:1px solid rgba(16,185,129,.18) !important;
  font-weight:800;
}

.tyn-vk__panel--previous{
  background:#fbfbfc !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:none !important;
}

.tyn-vk__panel--previous .tyn-vk__eyebrow{
  background:rgba(15,23,42,.05);
  color:#475569;
}

.tyn-vk__panel--previous .tyn-vk__summaryRow{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
}

.tyn-vk__panel--previous .tyn-vk__summaryMsg{
  background:#f8fafc !important;
  border:1px solid rgba(15,23,42,.08) !important;
  color:#475569 !important;
  font-weight:700;
}

@media (max-width:760px){
  .tyn-vk__panel--planned .tyn-vk__result--main .tyn-vk__resultValue{
    font-size:44px;
  }
}


/* v1.6.1 final polish */
.tyn-vk__panel--planned .tyn-vk__result--main{
  margin-bottom: 14px;
}

.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main){
  opacity: .92;
}

.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main) .tyn-vk__resultLabel{
  font-size: 12px;
  color: #64748b;
  font-weight: 800;
}

.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main) .tyn-vk__resultValue{
  font-size: 18px;
  line-height: 1.1;
}

.tyn-vk__panel--previous{
  margin-top: 24px;
  opacity: .88;
}

.tyn-vk__panel--previous .tyn-vk__summaryRow .tyn-vk__summaryLabel{
  font-size: 12px;
  color: #64748b;
  font-weight: 800;
}

.tyn-vk__panel--previous .tyn-vk__summaryRow strong{
  font-size: 24px;
}

.tyn-vk__panel--planned .tyn-vk__resultMsg,
.tyn-vk__panel--previous .tyn-vk__summaryMsg{
  line-height: 1.45;
}

.tyn-vk__panel--planned .tyn-vk__resultRow{
  align-items: end;
}

@media (max-width: 760px){
  .tyn-vk__panel--previous{
    margin-top: 18px;
  }
}


/* v1.7.0 PRO UX */
.tyn-vk__heroSummary{
  margin:12px 0 16px;
  padding:18px 18px 16px;
  border-radius:20px;
  border:1px solid rgba(16,185,129,.18);
  background:linear-gradient(180deg, rgba(16,185,129,.10), rgba(16,185,129,.06));
  box-shadow:0 18px 40px rgba(16,185,129,.08), 0 10px 20px rgba(2,6,23,.04);
}
.tyn-vk__heroKicker{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.02em;
  color:#047857;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(16,185,129,.16);
}
.tyn-vk__heroMain{
  margin-top:10px;
  font-size:52px;
  line-height:1;
  font-weight:900;
  color:#065f46;
}
.tyn-vk__heroDate{
  margin-top:10px;
  font-size:15px;
  color:#0f172a;
  font-weight:700;
}
.tyn-vk__progressWrap{
  margin-top:14px;
}
.tyn-vk__progressMeta{
  margin-bottom:8px;
  font-size:13px;
  font-weight:800;
  color:#334155;
}
.tyn-vk__progress{
  width:100%;
  height:12px;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  overflow:hidden;
}
.tyn-vk__progress > span{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  background:linear-gradient(90deg,#10b981,#059669);
  transition:width .2s ease;
}
.tyn-vk__heroRisk{
  margin-top:12px;
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background:#ecfdf5;
  color:#047857;
  border:1px solid rgba(16,185,129,.20);
}
.tyn-vk__heroRisk--warn{
  background:#fff7ed;
  color:#c2410c;
  border-color:rgba(249,115,22,.22);
}
.tyn-vk__heroRisk--danger{
  background:#fef2f2;
  color:#b91c1c;
  border-color:rgba(239,68,68,.22);
}
.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main) .tyn-vk__resultLabel{
  font-size:12px;
  color:#64748b;
  font-weight:800;
}
.tyn-vk__panel--planned .tyn-vk__result:not(.tyn-vk__result--main) .tyn-vk__resultValue{
  font-size:18px;
}
.tyn-vk__panel--previous{
  margin-top:28px;
}
.tyn-vk__betweenNote{
  font-weight:900;
}
@media (max-width:760px){
  .tyn-vk__heroSummary{
    padding:16px 14px 14px;
  }
  .tyn-vk__heroMain{
    font-size:40px;
  }
}


/* v1.7.1 HERO ONLY FIX */
.tyn-vk__heroSummary{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.tyn-vk__panel--planned .tyn-vk__result--main{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.tyn-vk__panel--planned .tyn-vk__result--main .tyn-vk__resultValue{
  display:block !important;
}


/* v1.7.2 clean structure */
.tyn-vk__heroSummary,
#tyn_vk_hero_summary{display:none !important;}

.tyn-vk__panel--planned .tyn-vk__result{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin-top:12px !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow{
  min-height:96px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:14px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
  grid-column:1 / -1 !important;
  order:-1 !important;
  min-height:132px !important;
  background:linear-gradient(180deg, rgba(16,185,129,.11), rgba(16,185,129,.07)) !important;
  border:1px solid rgba(16,185,129,.22) !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultLabel{
  font-size:15px !important;
  color:#065f46 !important;
  font-weight:900 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
  font-size:56px !important;
  line-height:1 !important;
  color:#065f46 !important;
  font-weight:900 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(1) .tyn-vk__resultValue,
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(3) .tyn-vk__resultValue{
  font-size:18px !important;
  line-height:1.1 !important;
  color:#111827 !important;
  font-weight:900 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultLabel{
  font-size:12px !important;
  color:#64748b !important;
  font-weight:800 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultMsg{
  grid-column:1 / -1 !important;
  order:10 !important;
  background:#ecfdf5 !important;
  border:1px solid rgba(16,185,129,.18) !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  color:#0f172a !important;
}

.tyn-vk__panel--previous{
  margin-top:22px !important;
  opacity:.96 !important;
}

.tyn-vk__panel--previous .tyn-vk__summaryLabel{
  font-size:12px !important;
  color:#64748b !important;
  font-weight:800 !important;
}

.tyn-vk__panel--previous strong{
  font-size:24px !important;
  line-height:1 !important;
}

@media (max-width:760px){
  .tyn-vk__panel--planned .tyn-vk__result{
    grid-template-columns:1fr !important;
  }
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
    grid-column:auto !important;
    min-height:118px !important;
  }
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
    font-size:44px !important;
  }
}


/* v1.8.0 FINAL PRO UX */
.tyn-vk__panel--planned{
  box-shadow: 0 14px 36px rgba(15,23,42,.06) !important;
  border: 1px solid rgba(16,185,129,.18) !important;
}

.tyn-vk__panel--planned .tyn-vk__helper{
  display:none !important;
}

.tyn-vk__panel--planned .tyn-vk__result{
  margin-top: 8px !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
  min-height: 142px !important;
  background: linear-gradient(180deg, rgba(16,185,129,.13), rgba(16,185,129,.08)) !important;
  box-shadow: inset 0 0 0 1px rgba(16,185,129,.18);
}

.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
  font-size: 60px !important;
}

.tyn-vk__panel--planned .tyn-vk__resultMsg{
  margin-top: 4px !important;
  background: #ecfdf5 !important;
  border: 1px solid rgba(16,185,129,.18) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.tyn-vk__panel--planned .tyn-vk__resultRow:not(:nth-child(2)){
  background: #fff !important;
}

.tyn-vk__panel--previous{
  margin-top: 26px !important;
  background: #fcfcfd !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: none !important;
}

.tyn-vk__panel--previous .tyn-vk__help{
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid rgba(15,23,42,.08) !important;
}

.tyn-vk__panel--previous .tyn-vk__summaryMsg{
  background: #f0fdf4 !important;
  border: 1px solid rgba(16,185,129,.14) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #334155 !important;
}

.tyn-vk__eyebrow{
  letter-spacing: 0 !important;
}

.tyn-vk__panelTitle{
  font-size: 20px !important;
}

.tyn-vk__quickGuide{
  box-shadow: 0 8px 24px rgba(15,23,42,.04) !important;
}

@media (max-width:760px){
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
    font-size: 48px !important;
  }
}

/* v2.0.0 visible safe language ui */
.tyn-vk__langBar{
  margin:14px 0 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
}
.tyn-vk__langBarLabel{
  font-size:13px;
  font-weight:800;
  color:#0f172a;
}
.tyn-vk__langBarButtons{
  display:flex;
  align-items:center;
  gap:8px;
}
.tyn-vk__flagBtn{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.15s ease;
}
.tyn-vk__flagBtn:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.18);
}
.tyn-vk__flagBtn.is-active{
  background:#ecfdf5;
  border-color:rgba(16,185,129,.28);
  box-shadow:0 0 0 2px rgba(16,185,129,.08) inset;
}


/* v2.1.0 final ux patch */
.tyn-vk__langBarLabel::after{
  content: ":";
}
.tyn-vk__flagBtn{
  position:relative;
}
.tyn-vk__flagBtn.is-active{
  background:#ecfdf5 !important;
  border-color:rgba(16,185,129,.30) !important;
  box-shadow:0 2px 10px rgba(16,185,129,.14), 0 0 0 2px rgba(16,185,129,.08) inset !important;
}

.tyn-vk__panel--planned{
  box-shadow:0 14px 36px rgba(15,23,42,.06) !important;
}
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
  order:-1 !important;
}
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultLabel{
  font-size:13px !important;
}
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2) .tyn-vk__resultValue{
  font-size:62px !important;
}
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(1),
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(3){
  min-height:88px !important;
}
.tyn-vk__panel--planned .tyn-vk__resultMsg{
  white-space:normal !important;
}

.tyn-vk__historyDivider{
  margin:18px 0 12px;
  padding:11px 14px;
  border-radius:14px;
  background:#f8fafc;
  border:1px dashed rgba(15,23,42,.12);
  color:#475569;
  font-size:13px;
  font-weight:900;
  text-align:center;
}

.tyn-vk__panel--previous{
  opacity:.96;
}
.tyn-vk__panel--previous .tyn-vk__help{
  background:#f8fafc !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
.tyn-vk__emptyNotice{
  display:none;
  margin:10px 0 12px;
  padding:12px 14px;
  border-radius:12px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.08);
  color:#475569;
  font-size:13px;
  font-weight:700;
}
.tyn-vk__summaryMsg{
  line-height:1.45 !important;
}

.tyn-vk__risk--warn{
  color:#b45309 !important;
}
.tyn-vk__risk--danger{
  color:#b91c1c !important;
}


/* v2.2.3 CLEAN LAYER FIX */
.tyn-vk,
.tyn-vk__shell,
.tyn-vk__container,
.tyn-vk__panel,
.tyn-vk__quickGuide,
.tyn-vk__langBar,
.tyn-vk__historyDivider{
  position: relative !important;
  z-index: 5 !important;
}

.tyn-vk{
  isolation: isolate !important;
  background: transparent !important;
}

.tyn-vk::before,
.tyn-vk::after,
.tyn-vk__shell::before,
.tyn-vk__shell::after,
.tyn-vk__container::before,
.tyn-vk__container::after{
  content: none !important;
  display: none !important;
}

.tyn-vk [class*="overlay"],
.tyn-vk [class*="Overlay"],
.tyn-vk [class*="hero-overlay"],
.tyn-vk [class*="background-overlay"]{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.tyn-vk .elementor-background-overlay,
.tyn-vk .e-con-overlay,
.tyn-vk .elementor-widget-container::before,
.tyn-vk .elementor-widget-container::after{
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.tyn-vk__panel--planned,
.tyn-vk__panel--previous{
  overflow: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.tyn-vk input,
.tyn-vk button,
.tyn-vk table,
.tyn-vk .tyn-vk__result,
.tyn-vk .tyn-vk__summary{
  position: relative !important;
  z-index: 6 !important;
}

.tyn-vk img,
.tyn-vk video,
.tyn-vk canvas{
  mix-blend-mode: normal !important;
}


/* v2.3.0 FINAL PRO UX */
.tyn-vk__trustNote{
  margin:10px 0 0;
  padding:12px 14px;
  border-radius:14px;
  background:#fff7ed;
  border:1px solid rgba(249,115,22,.18);
  color:#9a3412;
  font-size:13px;
  line-height:1.45;
  font-weight:800;
}
.tyn-vk__langHint{
  margin-left:auto;
  margin-right:8px;
  font-size:11px;
  font-weight:900;
  color:#64748b;
  letter-spacing:.04em;
}
.tyn-vk__langBar{
  gap:10px;
}
.tyn-vk__langBarButtons{
  display:flex;
  align-items:center;
  gap:8px;
}
.tyn-vk__flagBtn{
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.tyn-vk__flagBtn:hover{
  box-shadow:0 4px 10px rgba(15,23,42,.08);
}
.tyn-vk__panel--planned .tyn-vk__resultMsg{
  margin-bottom:8px;
}
.tyn-vk__panel--previous .tyn-vk__eyebrow{
  background:#eef2f7 !important;
  color:#334155 !important;
  border-color:rgba(15,23,42,.08) !important;
}
.tyn-vk__panel--previous .tyn-vk__help{
  font-weight:700;
}
.tyn-vk__summaryMsg{
  line-height:1.5 !important;
}
@media (max-width:760px){
  .tyn-vk__langHint{
    display:none;
  }
}


/* v2.3.1 final touchups */
.tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
  min-height: 118px !important;
  padding: 14px 16px !important;
}
@media (max-width:760px){
  .tyn-vk__panel--planned .tyn-vk__resultRow:nth-child(2){
    min-height: 104px !important;
    padding: 12px 14px !important;
  }
}