/* "?" Yardım — bütün ekranlarda aynı (ortak modül) */
.yardim-dugmesi {
  position: fixed; right: 16px; bottom: 16px; z-index: 20;
  width: 44px; height: 44px; border-radius: 50%;
  border: 1px solid #2c3442; background: #1a2030; color: #e8ebf1;
  font: 700 20px/1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow: 0 6px 20px rgba(0,0,0,.4); cursor: pointer;
}
.yardim-dugmesi:hover { border-color: #6aa0ff; }
.yardim-dugmesi:focus-visible, .yardim-pencere :focus-visible { outline: 2px solid #6aa0ff; outline-offset: 2px; }

.yardim-pencere {
  width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 48px);
  background: #12161e; color: #e8ebf1; border: 1px solid #232a36; border-radius: 14px; padding: 18px;
  font: 14px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  user-select: text; -webkit-user-select: text;
}
.yardim-pencere::backdrop { background: rgba(0,0,0,.6); }
.yardim-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.yardim-ust h2 { margin: 0; font-size: 18px; }
.yardim-kapat { background: none; border: 0; color: #8e98a8; font-size: 24px; line-height: 1; cursor: pointer; padding: 2px 6px; }
.yardim-icerik { display: flex; flex-direction: column; gap: 10px; }
.yardim-secenek {
  display: flex; flex-direction: column; gap: 2px; text-align: left; width: 100%;
  background: #171c26; border: 1px solid #232a36; border-radius: 10px; padding: 12px 14px; color: inherit; font: inherit; cursor: pointer;
}
.yardim-secenek:hover:not(:disabled) { border-color: #6aa0ff; }
.yardim-secenek span { color: #8e98a8; font-size: 13px; }
.yardim-secenek:disabled { opacity: .55; cursor: default; }
.yardim-form { display: flex; flex-direction: column; gap: 10px; }
.yardim-konu { margin: 0; color: #8e98a8; }
.yardim-konu strong { color: #e8ebf1; }
.yardim-cipler { display: flex; gap: 6px; flex-wrap: wrap; }
.yardim-cipler button { background: transparent; border: 1px solid #2c3442; border-radius: 999px; padding: 5px 12px; color: #c5ccd8; font: inherit; cursor: pointer; }
.yardim-cipler button[aria-checked="true"] { background: #6aa0ff; border-color: #6aa0ff; color: #0b1220; font-weight: 700; }
.yardim-form textarea { background: #0b0e13; border: 1px solid #232a36; border-radius: 8px; padding: 10px; color: #e8ebf1; font: inherit; resize: vertical; }
.yardim-not { margin: 0; color: #8e98a8; font-size: 12px; }
.yardim-hata { margin: 0; color: #ef6b6b; }
.yardim-hata[hidden] { display: none; }
.yardim-basari { margin: 0; color: #4cc38a; }
.yardim-dugmeler { display: flex; justify-content: flex-end; gap: 8px; }
.yardim-ince { background: transparent; border: 1px solid #2c3442; border-radius: 8px; padding: 7px 12px; color: inherit; font: inherit; cursor: pointer; }
.yardim-birincil { background: #6aa0ff; color: #0b1220; border: 0; border-radius: 8px; padding: 8px 14px; font: inherit; font-weight: 700; cursor: pointer; }
.yardim-birincil:disabled { opacity: .5; }
.yardim-liste { display: flex; flex-direction: column; gap: 8px; max-height: 50dvh; overflow-y: auto; }
.yardim-talep { background: #171c26; border: 1px solid #232a36; border-radius: 10px; padding: 10px 12px; }
.yardim-talep p { margin: 6px 0 0; white-space: pre-wrap; }
.yardim-talep-ust { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; color: #8e98a8; }
.yardim-rozet { border-radius: 999px; padding: 1px 8px; background: #232a36; color: #c5ccd8; font-weight: 600; }
.durum-yapildi .yardim-rozet { background: #0f2219; color: #4cc38a; }
.durum-reddedildi .yardim-rozet { background: #221010; color: #ef6b6b; }
.durum-inceleniyor .yardim-rozet { background: #211b0b; color: #e0b341; }
.yardim-yanit { margin-top: 8px; padding: 8px 10px; border-left: 3px solid #6aa0ff; background: #0f141c; border-radius: 0 8px 8px 0; font-size: 13px; }
.yardim-yanit p { margin: 2px 0 0; }
.yardim-madde { margin-left: 10px; vertical-align: middle; background: transparent; border: 1px solid #2c3442; border-radius: 999px; padding: 2px 10px; color: #6aa0ff; font: 12px/1.6 system-ui, sans-serif; cursor: pointer; }
.yardim-madde:hover { border-color: #6aa0ff; }