
#ticst-root, #ticst-root[data-theme="light"]{
  --bg:#f7f6f2;--surface:#f9f8f5;--surface2:#fbfbf9;--surface-off:#f0ede8;
  --divider:#dcd9d5;--border:#d4d1ca;
  --text:#28251d;--muted:#6b6a65;--faint:#bab9b4;
  --primary:#01696f;--primary-h:#0c4e54;--primary-hl:#cedcd8;
  --success:#437a22;--success-hl:#d4dfcc;--lock-green:#3fae4a;
  --warn:#964219;--warn-hl:#ddcfc6;
  --error:#a12c7b;--error-hl:#e0ced7;
  --orange:#c45e00;--orange-hl:#e7d7c4;
  --sh-sm:0 1px 3px oklch(0.2 0.01 80/0.07);
  --sh-md:0 4px 16px oklch(0.2 0.01 80/0.09);
  --sh-lg:0 12px 40px oklch(0.2 0.01 80/0.13);
  --r-sm:.375rem;--r-md:.5rem;--r-lg:.75rem;--r-xl:1rem;--r-full:9999px;
  --body:'Inter',system-ui,sans-serif;--display:'Instrument Serif',Georgia,serif;
  --xs:clamp(.75rem, .7rem + .25vw, .875rem);--sm:clamp(.875rem, .8rem + .35vw, 1rem);
  --base:clamp(1rem, .95rem + .25vw, 1.125rem);--lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);
  --xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --sp1:.25rem;--sp2:.5rem;--sp3:.75rem;--sp4:1rem;--sp5:1.25rem;--sp6:1.5rem;
  --sp8:2rem;--sp10:2.5rem;--sp12:3rem;--sp16:4rem;
  --ease:180ms cubic-bezier(.16,1,.3,1);
}
#ticst-root[data-theme="dark"]{
  --bg:#171614;--surface:#1c1b19;--surface2:#201f1d;--surface-off:#22211f;
  --divider:#262523;--border:#393836;
  --text:#cdccca;--muted:#797876;--faint:#5a5957;
  --primary:#4f98a3;--primary-h:#227f8b;--primary-hl:#313b3b;
  --success:#6daa45;--success-hl:#3a4435;
  --warn:#bb653b;--warn-hl:#564942;
  --error:#d163a7;--error-hl:#4c3d46;
  --orange:#fdab43;--orange-hl:#564b3e;--lock-green:#5fd06b;
  --sh-sm:0 1px 2px oklch(0 0 0/.2);--sh-md:0 4px 12px oklch(0 0 0/.3);--sh-lg:0 12px 32px oklch(0 0 0/.4);
}
#ticst-root /* Scoped Reset – wirkt nur innerhalb des Plugin-Containers, #ticst-root nicht auf das WP-Theme */
#ticst-root, #ticst-root *, #ticst-root *::before, #ticst-root *::after{box-sizing:border-box;}
#ticst-root *{margin:0;padding:0;}
#ticst-root{font-family:var(--body);font-size:var(--base);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;border-radius:var(--r-xl);overflow:hidden;}
#ticst-root button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;}
#ticst-root a, #ticst-root button{transition:color var(--ease),background var(--ease),box-shadow var(--ease),transform var(--ease);}
#ticst-root h1, #ticst-root h2, #ticst-root h3, #ticst-root h4{text-wrap:balance;line-height:1.2;}
#ticst-root p, #ticst-root li{text-wrap:pretty;}
#ticst-root .container{max-width:780px;margin-inline:auto;padding-inline:var(--sp6);}

#ticst-root /* HEADER */
header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp4) 0;position:sticky;top:0;z-index:50;}
#ticst-root .hdr{max-width:780px;margin-inline:auto;padding-inline:var(--sp6);display:flex;align-items:center;justify-content:space-between;}
#ticst-root .logo{display:flex;align-items:center;gap:var(--sp3);text-decoration:none;color:var(--text);}
#ticst-root .brand-shield{flex-shrink:0;}
#ticst-root .brand-wordmark{display:flex;align-items:center;color:var(--text);}
#ticst-root .brand-wordmark svg{height:26px;width:auto;display:block;}
@media(max-width:560px){#ticst-root .brand-wordmark svg{height:20px;}#ticst-root .brand-shield{width:28px;height:28px;}}
#ticst-root .theme-btn{width:36px;height:36px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;color:var(--muted);border:1px solid var(--border);}
#ticst-root .theme-btn:hover{color:var(--primary);background:var(--primary-hl);}

#ticst-root /* HERO */
.hero{padding:var(--sp16) 0 var(--sp10);text-align:center;}
#ticst-root .hero-tag{display:inline-flex;align-items:center;gap:var(--sp2);background:var(--primary-hl);color:var(--primary);font-size:var(--xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:var(--sp1) var(--sp3);border-radius:var(--r-full);margin-bottom:var(--sp5);}
#ticst-root .hero h1{font-family:var(--display);font-size:var(--2xl);font-weight:400;max-width:14ch;margin-inline:auto;margin-bottom:var(--sp4);}
#ticst-root .hero h1 em{font-style:italic;color:var(--primary);}
#ticst-root .hero p{color:var(--muted);max-width:50ch;margin-inline:auto;margin-bottom:var(--sp8);}
#ticst-root .btn-primary{background:var(--primary);color:#fff;padding:var(--sp3) var(--sp8);border-radius:var(--r-full);font-size:var(--sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--sp2);box-shadow:var(--sh-md);}
#ticst-root .btn-primary:hover{background:var(--primary-h);box-shadow:var(--sh-lg);transform:translateY(-1px);}
#ticst-root .hero-meta{margin-top:var(--sp5);font-size:var(--xs);color:var(--faint);display:flex;align-items:center;justify-content:center;gap:var(--sp4);flex-wrap:wrap;}
#ticst-root .hero-meta span{display:flex;align-items:center;gap:var(--sp1);}

#ticst-root /* PROGRESS */
.prog-wrap{height:4px;background:var(--divider);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp2);}
#ticst-root .prog-fill{height:100%;background:var(--primary);border-radius:var(--r-full);transition:width .4s cubic-bezier(.16,1,.3,1);}
#ticst-root .prog-label{font-size:var(--xs);color:var(--muted);text-align:right;}

#ticst-root /* STEPS */
#quiz-section{padding:var(--sp4) 0 var(--sp16);}
#ticst-root .step{display:none;}
#ticst-root .step.active{display:block;animation:fadeUp .3s ease both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
#ticst-root .step-num{font-size:var(--xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:var(--sp2);}
#ticst-root .step-title{font-size:var(--xl);font-family:var(--display);font-weight:400;}
#ticst-root .step-sub{font-size:var(--sm);color:var(--muted);margin-top:var(--sp2);margin-bottom:var(--sp6);}
#ticst-root .bsi-ref{display:inline-flex;align-items:center;gap:var(--sp1);font-size:var(--xs);color:var(--primary);background:var(--primary-hl);padding:var(--sp1) var(--sp3);border-radius:var(--r-full);margin-top:var(--sp2);margin-bottom:var(--sp5);}

#ticst-root /* OPTION CARDS */
.opt-grid{display:grid;gap:var(--sp3);}
#ticst-root .opt-grid.two{grid-template-columns:1fr 1fr;}
#ticst-root .opt-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp5);cursor:pointer;text-align:left;width:100%;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease);}
#ticst-root .opt-card:hover{border-color:var(--primary);background:var(--surface2);box-shadow:var(--sh-sm);}
#ticst-root .opt-card.sel{border-color:var(--primary);background:var(--primary-hl);box-shadow:0 0 0 3px color-mix(in oklch,var(--primary) 18%,transparent);}
#ticst-root .opt-card .ci{font-size:1.4rem;margin-bottom:var(--sp2);}
#ticst-root .opt-card .ct{font-size:var(--base);font-weight:600;margin-bottom:var(--sp1);}
#ticst-root .opt-card .cd{font-size:var(--sm);color:var(--muted);}

#ticst-root /* RADIO */
.radio-group{display:flex;flex-direction:column;gap:var(--sp3);}
#ticst-root .radio-opt{display:flex;align-items:flex-start;gap:var(--sp3);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:var(--sp4);cursor:pointer;transition:border-color var(--ease),background var(--ease);}
#ticst-root .radio-opt:hover{border-color:var(--primary);background:var(--surface2);}
#ticst-root .radio-opt.ck{border-color:var(--primary);background:var(--primary-hl);}
#ticst-root .radio-opt input[type=radio],#ticst-root .radio-opt input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px;flex-shrink:0;margin-top:2px;}
#ticst-root .radio-opt span{font-size:var(--sm);line-height:1.5;} #ticst-root .radio-opt{user-select:none;}

/* HINWEIS-KASTEN (grauer Hilfetext unter der Frage) */
#ticst-root .step-help{display:flex;gap:var(--sp2);align-items:flex-start;font-size:var(--sm);line-height:1.55;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp4);margin-bottom:var(--sp6);}

#ticst-root /* NAV */
.step-nav{display:flex;gap:var(--sp3);margin-top:var(--sp8);align-items:center;}
#ticst-root .btn-back{padding:var(--sp3) var(--sp5);border-radius:var(--r-full);font-size:var(--sm);font-weight:500;color:var(--muted);border:1.5px solid var(--border);}
#ticst-root .btn-back:hover{border-color:var(--muted);color:var(--text);}
#ticst-root .btn-next{padding:var(--sp3) var(--sp8);border-radius:var(--r-full);font-size:var(--sm);font-weight:600;background:var(--primary);color:#fff;box-shadow:var(--sh-sm);display:flex;align-items:center;gap:var(--sp2);}
#ticst-root .btn-next:hover:not(:disabled){background:var(--primary-h);box-shadow:var(--sh-md);transform:translateY(-1px);}
#ticst-root .btn-next:disabled{opacity:.35;cursor:not-allowed;}

#ticst-root /* RESULTS */
#result-section{display:none;padding:var(--sp4) 0 var(--sp16);}
#ticst-root .res-hero{text-align:center;padding:var(--sp10) 0 var(--sp8);}
#ticst-root .score-ring{width:108px;height:108px;border-radius:50%;margin-inline:auto;margin-bottom:var(--sp4);display:flex;align-items:center;justify-content:center;flex-direction:column;border:6px solid var(--primary);}
#ticst-root .score-ring .sn{font-size:1.8rem;font-weight:700;line-height:1;}
#ticst-root .score-ring .sl{font-size:var(--xs);color:var(--muted);}
#ticst-root .res-title{font-family:var(--display);font-size:var(--xl);margin-bottom:var(--sp2);}
#ticst-root .res-sub{color:var(--muted);max-width:46ch;margin-inline:auto;}
#ticst-root .risk-pill{display:inline-flex;align-items:center;gap:var(--sp2);padding:var(--sp1) var(--sp4);border-radius:var(--r-full);font-size:var(--xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:var(--sp4);margin-bottom:var(--sp6);}
#ticst-root .divider{border:none;border-top:1px solid var(--divider);margin:var(--sp8) 0;}

#ticst-root /* RECS */
.rec-section-title{font-size:var(--lg);font-weight:700;margin:var(--sp8) 0 var(--sp4);display:flex;align-items:center;gap:var(--sp3);}
#ticst-root .rec-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:var(--sp5) var(--sp6);margin-bottom:var(--sp3);animation:fadeUp .4s ease both;display:flex;gap:var(--sp4);}
#ticst-root .rec-icon{width:42px;height:42px;border-radius:var(--r-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
#ticst-root .pri-high .rec-icon{background:var(--error-hl);}
#ticst-root .pri-med .rec-icon{background:var(--orange-hl);}
#ticst-root .pri-low .rec-icon{background:var(--success-hl);}
#ticst-root .rec-title{font-size:var(--base);font-weight:600;margin-bottom:var(--sp1);}
#ticst-root .rec-text{font-size:var(--sm);color:var(--muted);margin-bottom:var(--sp2);}
#ticst-root .rec-ref{font-size:var(--xs);color:var(--primary);display:inline-flex;align-items:center;gap:4px;}
#ticst-root .pri-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--xs);font-weight:600;padding:2px 10px;border-radius:var(--r-full);margin-bottom:var(--sp2);}
#ticst-root .pri-high .pri-badge{background:var(--error-hl);color:var(--error);}
#ticst-root .pri-med .pri-badge{background:var(--orange-hl);color:var(--orange);}
#ticst-root .pri-low .pri-badge{background:var(--success-hl);color:var(--success);}

#ticst-root /* CTA BOX */
.cta-box{background:var(--primary);color:#fff;border-radius:var(--r-xl);padding:var(--sp8);text-align:center;margin-top:var(--sp8);}
#ticst-root .cta-box h3{font-family:var(--display);font-size:var(--xl);margin-bottom:var(--sp3);font-weight:400;}
#ticst-root .cta-box p{font-size:var(--sm);opacity:.85;margin-bottom:var(--sp5);max-width:44ch;margin-inline:auto;}
#ticst-root .btn-white{background:#fff;color:var(--primary);padding:var(--sp3) var(--sp8);border-radius:var(--r-full);font-size:var(--sm);font-weight:700;display:inline-flex;align-items:center;gap:var(--sp2);border:none;cursor:pointer;}
#ticst-root .btn-white:hover{background:#f0f9fa;transform:translateY(-1px);}
#ticst-root .btn-white svg{flex-shrink:0;}

#ticst-root /* PAYWALL */
.price-tag{display:flex;flex-direction:column;align-items:center;gap:var(--sp1);margin-bottom:var(--sp5);}
#ticst-root .price-amount{font-family:var(--body);font-weight:700;font-size:clamp(2.25rem, 1.6rem + 2.4vw, 3rem);line-height:1.05;letter-spacing:-.01em;color:#fff;}
#ticst-root .price-note{font-family:var(--body);font-size:var(--xs);opacity:.85;max-width:34ch;line-height:1.5;}
#ticst-root .pay-steps{text-align:left;max-width:30rem;margin:0 auto var(--sp6);padding-left:1.25rem;display:grid;gap:var(--sp2);font-size:var(--sm);opacity:.95;}
#ticst-root .pay-steps li{line-height:1.45;}
#ticst-root .unlock-row{display:flex;gap:var(--sp2);max-width:26rem;margin:0 auto;flex-wrap:wrap;justify-content:center;}
#ticst-root #ticst-code{flex:1 1 12rem;min-width:0;padding:var(--sp3) var(--sp4);border-radius:var(--r-full);border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;font-size:var(--sm);text-align:center;letter-spacing:.05em;}
#ticst-root #ticst-code::placeholder{color:rgba(255,255,255,.7);}
#ticst-root #ticst-code:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2);}
#ticst-root .btn-unlock{padding:var(--sp3) var(--sp6);border-radius:var(--r-full);font-size:var(--sm);font-weight:700;background:#fff;color:var(--primary);border:none;cursor:pointer;}
#ticst-root .btn-unlock:hover{background:#f0f9fa;}
#ticst-root .unlock-msg{font-size:var(--xs);margin-top:var(--sp3);min-height:1.1em;}
#ticst-root .unlock-msg.err{color:#ffd9e6;}
#ticst-root .unlock-msg.ok{color:#d4f5d8;}
#ticst-root .unlock-ok{display:inline-flex;align-items:center;gap:var(--sp2);font-weight:700;font-size:var(--base);margin-bottom:var(--sp5);background:rgba(255,255,255,.15);padding:var(--sp2) var(--sp5);border-radius:var(--r-full);}
#ticst-root .btn-ghost{display:inline-flex;align-items:center;gap:var(--sp2);font-size:var(--sm);font-weight:600;color:#fff;border:1.5px solid rgba(255,255,255,.55);padding:var(--sp2) var(--sp5);border-radius:var(--r-full);text-decoration:none;}
#ticst-root .btn-ghost:hover{background:rgba(255,255,255,.12);}
#ticst-root .btn-restart{display:flex;align-items:center;gap:var(--sp2);font-size:var(--sm);color:var(--muted);margin-top:var(--sp6);padding:var(--sp2) 0;justify-content:center;}
#ticst-root .btn-restart:hover{color:var(--primary);}

#ticst-root /* BSI FOOTER NOTE */
.bsi-note{background:var(--surface-off);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp4) var(--sp5);margin-top:var(--sp8);font-size:var(--xs);color:var(--muted);}
#ticst-root .bsi-note strong{color:var(--text);}

#ticst-root /* FOOTER */
.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:var(--sp10) 0 var(--sp12);margin-top:var(--sp12);}
#ticst-root .footer-privacy{font-size:var(--xs);color:var(--muted);line-height:1.7;max-width:640px;margin:0 auto var(--sp6);text-align:center;}
#ticst-root .footer-privacy strong{color:var(--text);}
#ticst-root .footer-links{display:flex;align-items:center;justify-content:center;gap:var(--sp3);flex-wrap:wrap;font-size:var(--sm);margin-bottom:var(--sp4);}
#ticst-root .footer-links a{color:var(--primary);text-decoration:none;font-weight:500;}
#ticst-root .footer-links a:hover{text-decoration:underline;}
#ticst-root .footer-links span{color:var(--faint);}
#ticst-root .footer-copy{font-size:var(--xs);color:var(--faint);text-align:center;line-height:1.6;}

@media(max-width:560px){
  #ticst-root .opt-grid.two{grid-template-columns:1fr;}
  #ticst-root .hero h1{max-width:none;}
}


/* ============================================================
   ZUSÄTZLICHE KOMPONENTEN (Plugin-Frontend)
============================================================ */
#ticst-root .ticst-header{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp4) 0;}
#ticst-root .ticst-header .hdr{max-width:780px;margin-inline:auto;padding-inline:var(--sp6);display:flex;align-items:center;justify-content:space-between;}
#ticst-root .ticst-section{padding:var(--sp4) 0;}
#ticst-root .ticst-section .container,
#ticst-root .ticst-section .hero{max-width:780px;margin-inline:auto;padding-inline:var(--sp6);}
#ticst-root #ticst-paywall{padding-bottom:var(--sp12);}
#ticst-root .sell-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp4);display:flex;gap:var(--sp3);align-items:flex-start;text-align:left;}
#ticst-root .sell-ico{font-size:1.3rem;flex-shrink:0;line-height:1.2;}
#ticst-root .sell-card span:last-child{font-size:var(--sm);color:var(--muted);line-height:1.5;}
#ticst-root .sell-card strong{color:var(--text);display:block;margin-bottom:2px;}
#ticst-root #ticst-app{display:block;}

/* ============================================================
   TEASER-MODELL (Score-Vorschau + Paywall) – v1.0.4
   Alles scoped unter #ticst-root
============================================================ */

/* Lade-Hinweis während save_run */
#ticst-root .teaser-loading{text-align:center;color:var(--muted);font-size:var(--sm);padding:var(--sp10) 0;}

/* Appetithappen – die freien Maßnahmen-Picks */
#ticst-root .teaser-picks{display:grid;gap:var(--sp3);margin:var(--sp6) 0;}
#ticst-root .teaser-pick{display:flex;gap:var(--sp3);align-items:flex-start;background:var(--surface);border:1.5px solid var(--border);border-left-width:4px;border-radius:var(--r-lg);padding:var(--sp4) var(--sp5);text-align:left;animation:fadeUp .4s ease both;}
#ticst-root .teaser-pick.tp-good{border-left-color:var(--success);background:var(--success-hl);}
#ticst-root .teaser-pick.tp-warn{border-left-color:var(--orange);background:var(--orange-hl);}
#ticst-root .teaser-pick.tp-bad{border-left-color:var(--error);background:var(--error-hl);}
#ticst-root .tp-ico{font-size:1.3rem;flex-shrink:0;line-height:1.3;}
#ticst-root .tp-text{font-size:var(--sm);line-height:1.5;color:var(--text);}
#ticst-root .tp-text strong{font-weight:700;}

/* Gesperrter Block – verschwommener Hintergrund, darüber lesbares Lock-Label.
   Markup: .teaser-locked > .teaser-locked-inner ( .teaser-lock-ico (Emoji) +
   #teaser-locked-text ). Der Emoji + Text bleiben scharf und mittig,
   dahinter angedeutete, verschwommene „Karten“ als Vorschau-Effekt. */
#ticst-root .teaser-locked{position:relative;margin:var(--sp4) 0 var(--sp2);border:1.5px dashed var(--border);border-radius:var(--r-xl);padding:var(--sp10) var(--sp6);overflow:hidden;background:var(--surface2);}
/* Verschwommene Schein-Karten als Hintergrund (rein dekorativ) */
#ticst-root .teaser-locked::before{content:"";position:absolute;inset:var(--sp4);border-radius:var(--r-lg);background:
  repeating-linear-gradient(180deg,var(--surface) 0 18px,var(--surface-off) 18px 22px,var(--surface) 22px 54px,transparent 54px 70px);
  filter:blur(6px);opacity:.6;pointer-events:none;}
/* Lesbares Lock-Label mittig über dem verschwommenen Hintergrund */
#ticst-root .teaser-locked-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp2);text-align:center;}
#ticst-root .teaser-lock-ico{font-size:1.9rem;line-height:1;}
#ticst-root #teaser-locked-text{font-size:var(--base);font-weight:700;color:var(--text);max-width:36ch;}

/* Verkaufs-Liste (Häkchen) in der Paywall */
#ticst-root .sell-list{list-style:none;text-align:left;max-width:30rem;margin:0 auto var(--sp6);display:grid;gap:var(--sp3);}
#ticst-root .sell-list li{display:flex;gap:var(--sp3);align-items:flex-start;font-size:var(--sm);line-height:1.5;}
#ticst-root .sell-list li::before{content:"✓";flex-shrink:0;font-weight:800;color:#fff;background:rgba(255,255,255,.22);width:1.4em;height:1.4em;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;font-size:.85em;margin-top:.1em;}
#ticst-root .sell-list li strong{font-weight:700;}

/* Hervorgehobener Preis-Satz */
#ticst-root .sell-kicker{font-size:var(--base);font-weight:700;color:#fff;margin-bottom:var(--sp5);line-height:1.4;max-width:40ch;margin-inline:auto;}
#ticst-root .sell-kicker .sk-price{font-size:1.15em;}

/* Vorgangs-Box (heller Kasten in der dunklen cta-box) */
#ticst-root .vorgang-box{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:var(--r-lg);padding:var(--sp4) var(--sp5);max-width:30rem;margin:0 auto var(--sp5);text-align:left;}
#ticst-root .vorgang-label{font-size:var(--xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.85;margin-bottom:var(--sp2);}
#ticst-root .vorgang-row{display:flex;gap:var(--sp2);align-items:center;flex-wrap:wrap;}
#ticst-root .vorgang-id{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:var(--base);font-weight:700;letter-spacing:.04em;color:#fff;flex:1 1 auto;word-break:break-all;}
#ticst-root .btn-copy{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--sp1);font-size:var(--xs);font-weight:700;color:var(--primary);background:#fff;padding:var(--sp1) var(--sp3);border-radius:var(--r-full);border:none;cursor:pointer;}
#ticst-root .btn-copy:hover{background:#f0f9fa;}
#ticst-root .vorgang-hint{font-size:var(--xs);color:#fff;opacity:.85;margin-top:var(--sp3);line-height:1.5;}
#ticst-root .vorgang-magic{display:inline-block;font-size:var(--xs);color:#fff;opacity:.9;word-break:break-all;text-decoration:underline;margin-top:var(--sp1);}
#ticst-root .vorgang-magic:hover{opacity:1;}

/* Freischalt-Zeile: Vorgang + Code + Button (responsiv) */
#ticst-root .unlock-row-2{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp2);max-width:34rem;margin:0 auto;align-items:center;}
#ticst-root .unlock-row-2 input{min-width:0;padding:var(--sp3) var(--sp4);border-radius:var(--r-full);border:1.5px solid rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff;font-size:var(--sm);text-align:center;letter-spacing:.05em;}
#ticst-root .unlock-row-2 input::placeholder{color:rgba(255,255,255,.7);}
#ticst-root .unlock-row-2 input:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.2);}
@media(max-width:560px){#ticst-root .unlock-row-2{grid-template-columns:1fr;}}
