/* FELD12 v37.50 Hotfix 20E – Schnellbild Intro Runtime Restore + warme Actionbar
   Enger technischer Fix: Schnellbild-Zwischenfrequenz herstellen und schwarze Buttonbereiche auf allen Geräten verhindern. */

/* 1) Grundsatz für Handy, iPad und PC: Interview-Buttonbereiche sind nie schwarz. */
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"],
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"],
body:not(.feld12-premium-print) .feld12-business-app .feld12-flow-actions,
body:not(.feld12-premium-print) .feld12-business-app .feld12-calm-analysis-actions,
body:not(.feld12-premium-print) .feld12-business-app .feld12-ja-transition-actions{
  background:#FBF7EF!important;
  background-color:#FBF7EF!important;
  background-image:linear-gradient(180deg,rgba(255,253,248,.98) 0%,#FBF7EF 54%,#F7F1E8 100%)!important;
  color:#2B241B!important;
  border-color:rgba(181,156,108,.26)!important;
  box-shadow:0 -10px 26px rgba(84,67,38,.10)!important;
}

body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions::before,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions::before,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar::before,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"]::before,
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"]::before{
  background:linear-gradient(180deg,rgba(247,241,232,0),rgba(247,241,232,.88))!important;
  background-color:transparent!important;
  background-image:linear-gradient(180deg,rgba(247,241,232,0),rgba(247,241,232,.88))!important;
  box-shadow:none!important;
  border:0!important;
}

body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions::after,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions::after,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar::after,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"]::after,
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"]::after{
  background:#F7F1E8!important;
  background-color:#F7F1E8!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}

/* 2) Buttons im Interview-Buttonbereich: warm statt schwarz, auch auf iPad und PC. */
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar .feld12-button,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button,
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button{
  text-shadow:none!important;
}

body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button.secondary,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button.secondary,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar .feld12-button.secondary,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button.secondary,
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button.secondary,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions button[data-back],
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions button[data-back],
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar button[data-back]{
  background:#FFFDF8!important;
  background-color:#FFFDF8!important;
  background-image:linear-gradient(180deg,#FFFFFF 0%,#FFFDF8 100%)!important;
  color:#2B241B!important;
  border:1px solid rgba(181,156,108,.30)!important;
  box-shadow:0 8px 18px rgba(84,67,38,.08)!important;
}

body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button:not(.secondary):not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button:not(.secondary):not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar .feld12-button:not(.secondary):not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button:not(.secondary):not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button:not(.secondary):not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions button[data-next]:not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions button[data-next]:not(:disabled),
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar button[data-next]:not(:disabled){
  background:#E8D19A!important;
  background-color:#E8D19A!important;
  background-image:linear-gradient(135deg,#F1DFB8 0%,#D7BD7A 100%)!important;
  color:#2B241B!important;
  border:1px solid rgba(181,156,108,.38)!important;
  box-shadow:0 10px 22px rgba(84,67,38,.12)!important;
}

body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-focus-actions .feld12-button:disabled,
body:not(.feld12-premium-print) .feld12-business-app .feld12-interview-question-screen.is-interview-view > .feld12-actions .feld12-button:disabled,
body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar .feld12-button:disabled,
body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button:disabled,
body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"] .feld12-button:disabled,
body:not(.feld12-premium-print) .feld12-business-app button[data-next][data-feld12-immediate-next="waiting"]{
  background:#EFE7D8!important;
  background-color:#EFE7D8!important;
  background-image:linear-gradient(180deg,#F5EEDF 0%,#EDE2CE 100%)!important;
  color:rgba(43,36,27,.58)!important;
  border:1px solid rgba(181,156,108,.22)!important;
  box-shadow:none!important;
  opacity:1!important;
}

/* 3) Mobile/iPad fixed Actionbar bleibt sofort verfügbar, aber hell. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  body:not(.feld12-premium-print) .feld12-business-app.has-mobile-interview-actionbar .feld12-interview-question-screen.has-mobile-interview-actionbar.is-mobile-actionbar-active > .feld12-mobile-interview-actionbar,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar.is-visible,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"].is-visible,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"].is-visible{
    background:#FBF7EF!important;
    background-color:#FBF7EF!important;
    background-image:linear-gradient(180deg,rgba(255,253,248,.74) 0%,rgba(255,253,248,.97) 32%,#F7F1E8 100%)!important;
    color:#2B241B!important;
    border-top:1px solid rgba(181,156,108,.26)!important;
    box-shadow:0 -10px 26px rgba(84,67,38,.10)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  body:not(.feld12-premium-print) .feld12-business-app .feld12-mobile-interview-actionbar.is-visible::before,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-focus-actions[data-feld12-mobile-actionbar-node="true"].is-visible::before,
  body:not(.feld12-premium-print) .feld12-business-app .feld12-actions[data-feld12-mobile-actionbar-node="true"].is-visible::before{
    background:linear-gradient(180deg,rgba(247,241,232,0),rgba(247,241,232,.88))!important;
    box-shadow:none!important;
  }
}