/* Version 34.4.34 — Schritt 1: Mobile Interview-Actionbar nur im geführten Interview
   Ziel: App-Gefühl während des Interviews, ohne Start, Auswahl, Fragebogen, Übergänge oder Ergebnis zu beeinflussen. */

@media (max-width:900px), (hover:none) and (pointer:coarse){
  /* Alte breite Mobile-App-Bar-Regeln für Nicht-Interview-Ansichten zurücknehmen. */
  .feld12-business-app .feld12-question-screen:not(.is-interview-view) > .feld12-actions,
  .feld12-business-app .feld12-compact-question-screen > .feld12-actions,
  .feld12-business-app .feld12-focus-question-v2:not(.is-interview-view) > .feld12-focus-actions,
  .feld12-business-app .feld12-interview-phase-screen > .feld12-calm-analysis-actions,
  .feld12-business-app .feld12-interview-result-transition > .feld12-calm-analysis-actions{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    z-index:auto!important;
    width:auto!important;
    max-width:none!important;
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:18px!important;
    padding:0!important;
    border-top:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
  }

  .feld12-business-app .feld12-question-screen:not(.is-interview-view),
  .feld12-business-app .feld12-compact-question-screen,
  .feld12-business-app .feld12-focus-question-v2:not(.is-interview-view),
  .feld12-business-app .feld12-interview-phase-screen,
  .feld12-business-app .feld12-interview-result-transition{
    min-height:auto!important;
    padding-bottom:var(--f12-shell-padding-bottom, 24px)!important;
  }

  .feld12-business-app .feld12-question-screen:not(.is-interview-view) > .feld12-actions::before,
  .feld12-business-app .feld12-compact-question-screen > .feld12-actions::before,
  .feld12-business-app .feld12-focus-question-v2:not(.is-interview-view) > .feld12-focus-actions::before,
  .feld12-business-app .feld12-interview-phase-screen > .feld12-calm-analysis-actions::before,
  .feld12-business-app .feld12-interview-result-transition > .feld12-calm-analysis-actions::before{
    content:none!important;
    display:none!important;
  }

  /* Echte App-Leiste nur für den geführten Interview-Screen. */
  .feld12-business-app .feld12-interview-question-screen.is-interview-view{
    min-height:100svh!important;
    padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483640!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100vw!important;
    max-width:100vw!important;
    width:100dvw!important;
    max-width:100dvw!important;
    margin:0!important;
    padding:11px 12px calc(13px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid rgba(216,181,109,.20)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(13,14,15,.50),rgba(13,14,15,.96) 34%,#101112 100%)!important;
    box-shadow:0 -22px 56px rgba(0,0,0,.52)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    transform:translateZ(0)!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions::before,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:-30px!important;
    height:30px!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(16,17,18,0),rgba(16,17,18,.68))!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:56px!important;
    margin:0!important;
    padding:13px 10px!important;
    border-radius:18px!important;
    white-space:normal!important;
    line-height:1.12!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button.secondary,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button.secondary{
    order:0!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button:not(.secondary),
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button:not(.secondary){
    order:1!important;
  }
}

@media (max-width:390px){
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions{
    gap:8px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button,
  .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button{
    min-height:54px!important;
    font-size:14.5px!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}