/* =========================================================
   GermanStep v10 — compact fit test + AI chat redesign
   Additive override layer. Core GermanStep styles stay untouched.
   ========================================================= */

/* -------------------- FIT TEST: COMPACT -------------------- */
.quiz-v10-hero{padding:28px 0 22px!important;min-height:0!important}
.quiz-v10-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}
.quiz-v10-copy h1{margin:0;max-width:760px;font-size:clamp(31px,3.2vw,43px);line-height:1.06;letter-spacing:-1.5px}
.quiz-v10-copy p{max-width:760px;margin:10px 0 0;color:var(--muted);font-size:14.5px;line-height:1.58}
.quiz-v10-facts{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.78);overflow:hidden;box-shadow:0 12px 34px rgba(17,24,39,.045)}
.quiz-v10-facts>span{min-width:92px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}
.quiz-v10-facts>span:first-child{border-left:0}
.quiz-v10-facts b{font-size:20px;line-height:1;letter-spacing:-.6px;color:#17191c}
.quiz-v10-facts small{margin-top:4px;color:#818992;font-size:10px;font-weight:750;white-space:nowrap}

.quiz-v9-section{padding:22px 0 58px!important}
.quiz-v9-shell{max-width:1080px!important;border-radius:16px!important;scroll-margin-top:82px}
.quiz-v9-topbar{padding:11px 16px!important}
.quiz-v9-topbar small{font-size:9px!important}.quiz-v9-topbar strong{font-size:13px!important;margin-top:1px!important}
.quiz-v9-time{padding:5px 9px!important;font-size:10.5px!important}
.quiz-v9-progress{height:4px!important}
.quiz-v9-layout{grid-template-columns:172px minmax(0,1fr)!important;min-height:0!important}
.quiz-v9-journey{padding:16px 12px!important}
.quiz-v9-journey-title{margin-bottom:9px!important;font-size:9px!important}
.quiz-v9-node{grid-template-columns:23px 1fr!important;gap:8px!important;min-height:39px!important;font-size:10.5px!important}
.quiz-v9-node::before{left:10px!important;top:30px!important;bottom:-9px!important}
.quiz-v9-node i{width:22px!important;height:22px!important;font-size:8px!important}
.quiz-v9-stage{padding:20px 26px 18px!important}
.quiz-v9-kicker{font-size:9.5px!important}.quiz-v9-kicker::before{width:17px!important}
.quiz-v9-step h2{margin:7px 0 4px!important;font-size:27px!important;line-height:1.1!important;letter-spacing:-.8px!important}
.quiz-v9-help{margin:0 0 13px!important;font-size:12.5px!important;line-height:1.5!important}
.quiz-v9-options{gap:8px!important}
.quiz-v9-option{min-height:62px!important;grid-template-columns:34px minmax(0,1fr) 16px!important;gap:9px!important;padding:8px 10px!important;border-radius:11px!important}
.quiz-v9-option:hover{transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(17,24,39,.055)!important}
.quiz-v9-option-icon{width:34px!important;height:34px!important;border-radius:9px!important}
.quiz-v9-option-icon svg{width:17px!important;height:17px!important}
.quiz-v9-option b{font-size:13px!important;line-height:1.22!important}
.quiz-v9-option small{margin-top:2px!important;font-size:10px!important;line-height:1.28!important}
.quiz-v9-option-arrow{font-size:16px!important}
.quiz-v9-controls{margin-top:12px!important;padding-top:10px!important}
.quiz-v9-controls span,.quiz-v9-back{font-size:10.5px!important}
.quiz-v9-contact-grid{margin-top:13px!important;gap:8px!important}.quiz-v9-contact-grid .field{min-height:44px!important}
.quiz-v9-contact-badge{padding:6px 9px!important;font-size:10px!important}
.quiz-v9-submit{margin-top:8px!important;min-height:44px!important}
.quiz-v9-privacy{margin-top:8px!important;font-size:10.5px!important}
.quiz-v9-result-top{margin-bottom:12px!important}.quiz-v9-result-seal{width:56px!important;height:56px!important}.quiz-v9-result-seal svg{width:24px!important;height:24px!important}
.quiz-v9-result h2{font-size:28px!important}.quiz-v9-result p{font-size:13.5px!important;line-height:1.6!important}.quiz-v9-next{margin:14px 0!important}.quiz-v9-next div{padding:9px 0!important}.quiz-v9-next b{font-size:12.5px!important}

/* -------------------- AI CHAT: REDESIGN -------------------- */
.gs-ai-v10{right:22px!important;bottom:150px!important;width:min(448px,calc(100vw - 28px))!important;height:min(650px,calc(100dvh - 178px))!important;min-height:500px!important;border:1px solid #d5dbe1!important;border-radius:20px!important;background:#f3f5f7!important;box-shadow:0 28px 90px rgba(17,24,39,.24)!important;overflow:hidden!important}
.gs-ai-v10::before{height:4px!important}
.gs-ai-v10 .gs-ai-head{height:74px!important;flex:0 0 74px!important;padding:13px 14px 11px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #dce1e6!important}
.gs-ai-v10 .gs-ai-avatar{width:42px!important;height:42px!important;border-radius:12px!important;background:#17191c!important;color:#fff!important;box-shadow:0 8px 22px rgba(17,24,39,.15)!important;position:relative!important;overflow:visible!important}
.gs-ai-v10 .gs-ai-avatar span{font-size:11px!important;letter-spacing:.2px!important}
.gs-ai-avatar-dot{position:absolute!important;right:-2px!important;bottom:-2px!important;width:10px!important;height:10px!important;border:2px solid #fff!important;border-radius:50%!important;background:#18845c!important}
.gs-ai-title-wrap{min-width:0}.gs-ai-brand-line{display:flex;align-items:center;gap:7px}.gs-ai-v10 .gs-ai-identity strong{font-size:15px!important;letter-spacing:-.3px!important}.gs-ai-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:999px;background:#eef1f4;color:#515963;font-size:8px;font-weight:900;letter-spacing:.5px}
.gs-ai-v10 .gs-ai-identity small{margin-top:2px!important;font-size:10.5px!important;color:#737b85!important}.gs-ai-v10 .gs-ai-identity small i{width:6px!important;height:6px!important}
.gs-ai-v10 .gs-ai-close{width:36px!important;height:36px!important;border-radius:10px!important;font-size:22px!important;color:#59616b!important;transition:.18s ease}.gs-ai-v10 .gs-ai-close:hover{transform:rotate(4deg);background:#f1f3f5!important;color:#17191c!important}
.gs-ai-context{height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;background:#fafbfc;border-bottom:1px solid #e2e6ea;color:#858d96;font-size:9px;font-weight:800;letter-spacing:.15px;white-space:nowrap;overflow:hidden}.gs-ai-context i{width:3px;height:3px;border-radius:50%;background:#c0c6cc}
.gs-ai-v10 .gs-ai-messages{flex:1!important;min-height:0!important;padding:17px 14px 13px!important;background:linear-gradient(180deg,#f4f6f8 0%,#f0f2f4 100%)!important;scroll-padding-bottom:20px!important}
.gs-ai-v10 .gs-ai-message{max-width:91%!important;margin-bottom:14px!important}.gs-ai-v10 .gs-ai-message.user{max-width:84%!important}
.gs-ai-v10 .gs-ai-message-label{margin:0 6px 4px!important;font-size:9px!important;color:#8e969f!important;letter-spacing:.2px!important}
.gs-ai-v10 .gs-ai-bubble{padding:11px 13px!important;border:1px solid #d9dee3!important;border-radius:15px 15px 15px 5px!important;background:#fff!important;color:#30363c!important;font-size:14px!important;line-height:1.58!important;box-shadow:0 7px 22px rgba(17,24,39,.045)!important}
.gs-ai-v10 .gs-ai-message.user .gs-ai-bubble{border-color:#17191c!important;border-radius:15px 15px 5px 15px!important;background:#17191c!important;color:#fff!important;box-shadow:0 8px 24px rgba(17,24,39,.13)!important}
.gs-ai-v10 .gs-ai-message.typing .gs-ai-bubble{display:inline-flex;align-items:center;min-width:74px;color:#737b84!important;font-style:normal!important}
.gs-ai-v10 .gs-ai-topics{flex:0 0 auto!important;gap:7px!important;padding:9px 11px!important;background:#f7f8fa!important;border-top:1px solid #dfe4e8!important;border-bottom:1px solid #e2e6ea!important}
.gs-ai-v10 .gs-ai-topics button{padding:7px 10px!important;border-radius:999px!important;background:#fff!important;color:#535b64!important;font-size:10.5px!important;font-weight:780!important;box-shadow:0 4px 12px rgba(17,24,39,.025)!important}.gs-ai-v10 .gs-ai-topics button:hover{border-color:#9fa7af!important;color:#17191c!important}
.gs-ai-v10 .gs-ai-form{flex:0 0 auto!important;padding:10px 11px 9px!important;background:#fff!important;border-top:0!important;box-shadow:0 -10px 28px rgba(17,24,39,.035)!important}
.gs-ai-v10 .gs-ai-input-row{grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;align-items:end!important;padding:4px 4px 4px 12px;border:1px solid #d5dbe1;border-radius:14px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.gs-ai-v10 .gs-ai-input-row:focus-within{border-color:#9ea6ae;box-shadow:0 0 0 4px rgba(17,24,39,.04)}
.gs-ai-v10 .gs-ai-input-row textarea{min-height:42px!important;max-height:112px!important;border:0!important;border-radius:0!important;padding:10px 0!important;box-shadow:none!important;background:transparent!important;color:#20252a!important;font-size:14px!important;line-height:1.45!important}
.gs-ai-v10 .gs-ai-input-row button{width:42px!important;height:42px!important;border-radius:11px!important;background:#17191c!important;transition:transform .18s ease,background .18s ease}.gs-ai-v10 .gs-ai-input-row button:hover{transform:translateY(-1px);background:#292d32!important}.gs-ai-v10 .gs-ai-input-row button svg{width:18px!important;height:18px!important}
.gs-ai-form-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;padding:0 2px;color:#9aa1a9;font-size:8.5px;line-height:1.3}.gs-ai-form-meta span:last-child{text-align:right}

@media(max-width:980px){
  .quiz-v10-copy h1{font-size:34px}.quiz-v10-facts>span{min-width:82px;padding-inline:10px}
  .quiz-v9-layout{grid-template-columns:145px minmax(0,1fr)!important}.quiz-v9-stage{padding:18px 20px 16px!important}.quiz-v9-journey{padding-inline:9px!important}
}
@media(max-width:760px){
  .quiz-v10-hero{padding:20px 0 15px!important}.quiz-v10-intro{display:block}.quiz-v10-copy h1{font-size:29px;letter-spacing:-1px}.quiz-v10-copy p{font-size:13px;line-height:1.5}.quiz-v10-facts{margin-top:13px;width:100%}.quiz-v10-facts>span{flex:1;min-width:0;padding:8px 8px}.quiz-v10-facts b{font-size:17px}.quiz-v10-facts small{font-size:8.5px}
  .quiz-v9-section{padding:14px 0 42px!important}.quiz-v9-topbar{padding:9px 11px!important}.quiz-v9-time{display:none!important}.quiz-v9-layout{display:block!important}.quiz-v9-journey{display:flex!important;padding:7px 10px!important;gap:4px!important}.quiz-v9-node{min-width:25px!important;min-height:auto!important}.quiz-v9-node i{width:24px!important;height:24px!important}.quiz-v9-stage{padding:15px 11px 13px!important}.quiz-v9-step h2{font-size:23px!important}.quiz-v9-help{font-size:11.5px!important;margin-bottom:10px!important}.quiz-v9-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.quiz-v9-option{min-height:58px!important;grid-template-columns:30px minmax(0,1fr)!important;padding:7px 8px!important;gap:7px!important}.quiz-v9-option-icon{width:30px!important;height:30px!important}.quiz-v9-option-icon svg{width:15px!important;height:15px!important}.quiz-v9-option b{font-size:11.5px!important}.quiz-v9-option small,.quiz-v9-option-arrow{display:none!important}.quiz-v9-controls{margin-top:9px!important;padding-top:8px!important}.quiz-v9-contact-grid{grid-template-columns:1fr!important;margin-top:10px!important}.quiz-v9-contact-grid .field:first-child{grid-column:auto!important}.quiz-v9-result h2{font-size:24px!important}.quiz-v9-result p{font-size:12.5px!important}

  .gs-ai-v10{left:7px!important;right:7px!important;top:68px!important;bottom:7px!important;width:auto!important;height:auto!important;max-height:none!important;min-height:0!important;border-radius:18px!important}
  .gs-ai-v10 .gs-ai-head{height:64px!important;flex-basis:64px!important;padding:9px 10px!important}.gs-ai-v10 .gs-ai-avatar{width:38px!important;height:38px!important}.gs-ai-v10 .gs-ai-identity strong{font-size:14px!important}.gs-ai-v10 .gs-ai-identity small{font-size:9.5px!important}.gs-ai-v10 .gs-ai-close{width:34px!important;height:34px!important}
  .gs-ai-context{height:28px;flex-basis:28px;font-size:8px;gap:6px}
  .gs-ai-v10 .gs-ai-messages{padding:12px 9px 9px!important}.gs-ai-v10 .gs-ai-message{max-width:94%!important;margin-bottom:11px!important}.gs-ai-v10 .gs-ai-message.user{max-width:88%!important}.gs-ai-v10 .gs-ai-bubble{font-size:13.5px!important;line-height:1.52!important;padding:10px 11px!important}
  .gs-ai-v10 .gs-ai-topics{padding:7px 8px!important}.gs-ai-v10 .gs-ai-topics button{font-size:10px!important;padding:6px 8px!important}
  .gs-ai-v10 .gs-ai-form{padding:8px 8px calc(7px + env(safe-area-inset-bottom))!important}.gs-ai-v10 .gs-ai-input-row textarea{font-size:16px!important}.gs-ai-form-meta{display:none}
}
@media(max-width:390px){
  .quiz-v10-facts small{font-size:8px}.quiz-v9-option{grid-template-columns:27px minmax(0,1fr)!important}.quiz-v9-option-icon{width:27px!important;height:27px!important}.quiz-v9-option b{font-size:10.8px!important}
}
