/* Yerel tamamlayıcı CSS; hedef tasarımın sol menüsü, kartları ve tuvalleri korunur. */
[hidden] { display:none !important; }
body { margin:0; color:var(--text-primary); background:var(--bg-canvas); }
button,input,select,textarea { font-family:inherit; }
button { cursor:pointer; }
input,select,textarea { color:var(--text-primary); background:var(--bg-card); border:1px solid var(--border-soft); border-radius:8px; padding:7px; }
button[aria-pressed=true] { outline:2px solid #6366f1; background:#e0e7ff !important; color:#1e3a8a !important; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.overflow-y-auto { overflow-y:auto; } .overflow-hidden { overflow:hidden; }
.relative { position:relative; } .shrink-0 { flex-shrink:0; }
.compass-card,.compass-box { color:var(--text-primary); }
body>main { grid-column:2 !important; grid-row:1 / -1 !important; min-width:0; }
#lessonNavigation { display:flex; flex:none; align-items:stretch; gap:6px; width:100%; min-width:0; }
#lessonNavigation .focus-btn { flex:1 1 0; min-width:0; font-size:11px; min-height:30px; padding:4px 5px; overflow-wrap:anywhere; }
#focusFooter { flex-wrap:wrap; }
.focus-connection-row { flex:0 0 100%; grid-column:1 / -1; display:flex; justify-content:flex-end; }
#connectionStatus { display:block; position:relative; width:10px; height:10px; border-radius:50%; background:#facc15; border:1px solid #854d0e; }
#connectionStatus[data-state=verified] { background:#22c55e; border-color:#166534; }
#connectionStatus:focus-visible { outline:2px solid var(--focus-accent); outline-offset:3px; }
#appNotice { font-size:12px; margin:0; flex:none; }
#appNotice:empty { display:none; }
#denetciEkranSeciciBar { display:flex; gap:4px; }
#denetciEkranSeciciBar button { flex:1; }
body[data-gorunum=veli]>main { display:flex !important; }
body[data-gorunum=veli]>#focusStepper,body[data-gorunum=veli]>#focusFooter { visibility:hidden; }
body[data-gorunum=veli] #tabBtnRequests { pointer-events:auto; }
main>section[hidden] { display:none !important; }
#guardianPanel:not([hidden]),#schedulePanel:not([hidden]),#leitnerPanel:not([hidden]) { display:block !important; flex:1; overflow:auto !important; min-height:0; }
#guardianPanel .veli-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#guardianPanel article { padding:20px; }
#guardianPanel h2 { font-size:17px; }
#scheduleContent,#leitnerBoxesContainer { display:grid; gap:8px; margin-top:12px; }
#sahne-talepler:not([hidden]) { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
#sahne-talepler>div { grid-column:auto !important; display:flex !important; overflow:auto !important; }
#sahne-talepler>div:last-child { display:flex !important; }
#focusRequestCard { width:100%; max-width:none; overflow:auto !important; }
#talepListesiKapsayici { overflow:auto !important; }
#talepListesiKapsayici article { flex:none; }
#talepListesiKapsayici label { display:grid; margin:8px 0; gap:4px; }
#testSoruAlani>.compass-box { display:flex !important; flex-direction:column !important; overflow:hidden !important; justify-content:space-between !important; padding:8px 12px !important; gap:4px !important; flex:1 1 0 !important; min-height:0 !important; max-height:100% !important; }
/* Veri, soru kökü ve şıklar kaydırılan kutunun içinde doğal boylarını korur. */
#testSoruAlani>.compass-box>* { flex:0 0 auto !important; min-width:0; overflow-wrap:anywhere; }
#antrenmanSoruMetni { white-space:pre-wrap; overflow:visible !important; }
#antrenmanSiklarListesi { margin-top:0 !important; }
#gradeResultBox { flex:none; }
#antrenmanTeshisKutu { overflow:auto !important; }
#questionCarrier { white-space:pre-wrap; font-size:13px; }
#musveddeCanvas { background:#FAF8F2; touch-action:none; }
.kalem-renk { width:24px; height:24px; min-width:24px; min-height:24px; border-radius:50%; border:2px solid #94a3b8; }
#kalemSiyahBtn { background:#1e293b !important; }
#kalemBeyazBtn { background:white !important; }
#sahne-kesif>div { overflow:auto !important; }
#focusScratchDetails>div { overflow:auto !important; }
#sahne-ustalar { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
#sahne-ustalar>div { grid-column:auto !important; overflow:auto !important; }
#youtubeKapsayici { flex:1 1 0 !important; height:100% !important; min-height:0 !important; max-height:100% !important; }
#sahne-isinma { overflow:auto !important; }
/* Ders akışında sabit sekmeler ve alt geçişler; içerik kendi alanında kayar. */
#sahne-ustalar:not([hidden]) { display:flex !important; flex-direction:column; overflow:hidden !important; }
#sahne-ustalar>#lessonFlow { grid-column:1/-1 !important; width:100%; height:100% !important; max-height:100% !important; min-height:0; padding:16px !important; display:flex !important; flex-direction:column; justify-content:flex-start !important; gap:12px !important; overflow:hidden !important; }
.flow-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex:none; }
.flow-heading h2 { margin:0; font-size:18px; }
.flow-heading span { color:var(--text-muted); font-size:12px; white-space:nowrap; }
#flowTabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; flex:none; }
#flowTabs button { min-width:0; padding:8px 4px; font-size:11px; }
#flowTabs [aria-current=page] { background:#0284c7 !important; color:white !important; border-color:#0284c7; }
#flowContent { flex:1 1 auto; min-height:0; overflow:auto; padding:4px; overflow-wrap:anywhere; }
.flow-pager { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid var(--border-soft); padding-top:12px; flex:none; }
.flow-pager span { font-size:11px; color:var(--text-muted); }
.flow-video-page { max-width:1000px; margin:auto; }
#ustaSeciciSerit,#flowCpaTabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
#youtubeKapsayici { display:flex !important; align-items:center !important; justify-content:center !important; flex:1 1 0 !important; position:relative !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:100% !important; border-radius:10px; overflow:hidden !important; background:#0f172a !important; border:1px solid var(--border-soft); }
#videoPoster { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:210px; text-align:center; padding:16px; background:linear-gradient(135deg,#e0f2fe,#eef2ff); color:#0c4a6e; }
#videoPoster h3 { margin:8px 0 0; font-size:16px; }
#videoPoster p,#videoFallback { font-size:12px; }
.video-play-icon { font-size:32px; line-height:1; }
#youtubeIframe:not([hidden]) { display:block; width:100% !important; height:auto !important; aspect-ratio:16/9; min-height:220px !important; border:0; }
.flow-model { border:1px solid var(--border-soft); border-radius:12px; padding:12px; margin-top:12px; }
#flowCanvas { display:block; width:100%; height:auto; aspect-ratio:820/360; max-height:230px; object-fit:contain; }
.flow-model h3 { margin:8px 0; font-size:15px; }
.flow-model p { font-size:13px; line-height:1.6; margin:6px 0; }
#flowFormula,.flow-formula { font-weight:700; color:#0369a1; }
.flow-practice { max-width:820px; margin:24px auto; }
.flow-practice h3 { white-space:pre-line; font-size:18px; line-height:1.7; }
.flow-practice>p { font-size:13px; }
.flow-choices { display:grid; gap:12px; }
.flow-choices button { text-align:left; min-height:44px; font-size:14px; }
.flow-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:960px; margin:20px auto; }
.flow-cards article { padding:18px; }
.flow-cards h3,.flow-traps h3 { font-size:15px; margin:0 0 8px; }
.flow-cards p,.flow-traps p { font-size:13px; line-height:1.6; }
.flow-traps { max-width:940px; margin:20px auto; display:grid; gap:12px; }
.flow-trap { padding:16px; border:1px solid #f59e0b; border-radius:12px; background:var(--bg-card); }
.flow-trap p { margin:6px 0; }
.flow-complete { padding:16px; border:1px solid #10b981; border-radius:12px; background:var(--bg-elevated); }
#questionCarrier { white-space:normal; overflow-wrap:anywhere; }
#questionCarrier>strong { display:block; margin-bottom:6px; }
#questionCarrier svg { display:block !important; width:auto !important; max-width:100% !important; max-height:none !important; width:100% !important; height:auto !important; margin:0 auto !important; object-fit:contain !important; background:white; color:#0f172a; flex-shrink:0; }
#questionCarrier table { width:100%; border-collapse:collapse; margin:8px 0; table-layout:fixed; font-size:inherit; }
#questionCarrier td,#questionCarrier th { border:1px solid var(--border-soft); padding:7px; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
#questionCarrier th { background:var(--bg-elevated); }
#questionCarrier p { white-space:pre-wrap; line-height:1.6; margin:7px 0; }
.carrier-fallback { white-space:pre-wrap; overflow-wrap:anywhere; }
/* Sonuçlar talep formundan önce kendi doğal yüksekliğini korur. */
#focusSummary { flex:0 0 auto !important; min-height:min-content; }
#focusSummary article { margin:12px 0; }
#focusSummary [data-review] { display:inline-flex !important; min-height:44px; }
#focusSummary ol { padding-left:24px; }
#focusSummary li { margin:10px 0; line-height:1.7; }
#focusFooter { min-width:0; }
#focusFooter .focus-btn { min-width:0; max-width:100%; white-space:normal; }
@media(min-width:721px) {
  #focusNext { flex:1 1 90px; }
  #focusFooterCount { flex:0 0 auto; }
}
@media(max-width:720px) {
  #sahne-ustalar[data-focus-step]:not([hidden]) { min-height:0 !important; height:100% !important; max-height:100% !important; flex:1 1 auto !important; overflow:hidden !important; }
  #sahne-ustalar>#lessonFlow { min-height:0 !important; height:100% !important; max-height:100% !important; padding:12px !important; }
  #flowTabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #flowTabs button { min-height:38px; }
  #flowContent { max-height:none; min-height:0; flex:1 1 auto; }
  .flow-pager span { display:none; }
  .flow-pager button { min-height:42px; font-size:11px; }
  .flow-cards { grid-template-columns:1fr; margin:4px 0; }
  .flow-traps { margin:4px 0; }
  .flow-practice { margin:8px 0; }
  .flow-practice h3 { font-size:15px; }
  #videoPoster { min-height:160px; padding:12px; }
  #videoPoster .video-play-icon { font-size:20px; }
  #videoPoster h3 { font-size:14px; margin:4px 0; }
  #videoPoster p { font-size:11px; margin:6px 0; }
  #flowCanvas { min-height:120px; }
}
@media(max-width:720px) {
  body { display:flex !important; flex-direction:column; }
  .focus-header-inner { padding:8px 12px !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:6px !important; }
  .focus-brand { grid-column:1 !important; grid-row:1 !important; }
  .focus-toolbar { display:flex !important; flex-wrap:wrap; width:100%; grid-column:1 !important; grid-row:2 !important; }
  .focus-toolbar>* { flex:1; }
  #openLessons,#compassMolaBtn,#focusThemeSlot { grid-column:auto !important; grid-row:auto !important; }
  #themeToggle { min-height:30px; padding:4px 6px; font-size:11px; width:100%; }
  #lessonNavigation { grid-column:1 !important; grid-row:3 !important; }
  #denetciEkranSeciciBar { position:static !important; grid-column:1 !important; grid-row:4 !important; width:auto; margin:0 !important; }
  #focusHeading { padding:3px 14px !important; }
  #focusStepper { padding:4px 8px !important; }
  #focusStepper button { font-size:9px !important; }
  body>main { padding:4px 10px !important; overflow:auto !important; }
  #lessonNavigation { width:100%; }
  #sahne-soru:not([hidden]),#sahne-kesif:not([hidden]),#sahne-ustalar:not([hidden]),#sahne-talepler:not([hidden]) { grid-template-columns:minmax(0,1fr) !important; overflow:auto !important; align-content:start; }
  #sahne-soru:not([hidden]) { grid-template-rows:auto auto !important; flex:1 0 auto !important; height:auto !important; max-height:none !important; overflow:visible !important; }
  #sahne-soru>.focusQuestionMain,#testSoruAlani { flex:none !important; overflow:visible !important; height:auto !important; max-height:none !important; }
  #sahne-soru:has(#focusScratchDetails[open])>.focusQuestionMain { height:auto !important; }
  #sahne-soru>.focusQuestionMain { min-height:max-content !important; }
  #testSoruAlani>.compass-box { flex:none !important; min-height:0 !important; max-height:50dvh; }
  #antrenmanSiklarListesi { grid-template-columns:minmax(0,1fr) !important; }
  #sahne-talepler>div { min-height:350px; }
  #guardianPanel .veli-grid { grid-template-columns:1fr; }
  #focusScratchDetails { min-height:40px; }
  #focusScratchDetails>div { position:static !important; }
}

/* K6-HATA-BILDIR: küçük, göze batmayan; doğru/yanlış bilgisi taşımaz. */
.hata-bildir { display:flex; flex-direction:column; align-items:flex-end; gap:6px; margin-top:2px; font-size:11px; }
.hata-bildir-btn { background:none; border:0; padding:4px 2px; min-height:24px; color:inherit; text-decoration:underline; cursor:pointer; opacity:.6; }
.hata-bildir-btn:hover, .hata-bildir-btn:focus-visible { opacity:1; }
.hata-bildir-form { width:100%; max-width:420px; display:flex; flex-direction:column; gap:6px; padding:8px 10px; border:1px solid rgba(100,116,139,.45); border-radius:10px; background:rgba(100,116,139,.12); color:inherit; }
.hata-bildir-form fieldset { border:0; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
.hata-bildir-form legend { font-weight:700; margin-bottom:2px; }
.hata-bildir-form label { display:flex; align-items:center; gap:6px; }
.hata-bildir-not { flex-direction:column; align-items:stretch !important; }
.hata-bildir-not textarea { background:transparent; color:inherit; border:1px solid rgba(100,116,139,.55); border-radius:8px; padding:4px 6px; font:inherit; resize:vertical; }
.hata-bildir-eylem { display:flex; gap:8px; justify-content:flex-end; }
.hata-bildir-eylem button { padding:4px 10px; border-radius:8px; border:1px solid rgba(100,116,139,.55); background:none; color:inherit; font-size:11px; cursor:pointer; }
.hata-bildir-eylem button[type=submit] { background:#38bdf8; color:#0f172a; border-color:#38bdf8; font-weight:700; }
#hataBildirDurum { margin:0; opacity:.85; }

html.dark #musveddeCanvas { background:#0f172a !important; border-color:#334155 !important; }
html.dark #focusScratchDetails, html.dark #musveddeContainer { background:#0f172a !important; color:#f8fafc !important; border-color:#334155 !important; }

html.dark #questionCarrier svg { background: #0f172a !important; color: #f8fafc !important; }

/* KM-COMPASS-20261104-UI4FIX-REV4: masaüstünde sıfır kaydırma; Rehber alt çubuk olarak en altta, panel çubuğun üstüne açılır. */
@media(min-width:721px) {
  body > main { position:relative !important; height:100dvh !important; max-height:100dvh !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; gap:6px !important; padding:8px 12px !important; }
  body > main > section:not([hidden]) { flex:1 1 0 !important; min-height:0 !important; max-height:calc(100dvh - 54px) !important; overflow:hidden !important; }
  /* Video ekranı */
  #sahne-ustalar:not([hidden]) { display:flex !important; flex-direction:column !important; height:100% !important; max-height:100% !important; min-height:0 !important; overflow:hidden !important; }
  #lessonFlow, #sahne-ustalar>#lessonFlow { flex:1 1 0 !important; height:100% !important; max-height:100% !important; min-height:0 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; padding:8px 12px !important; gap:4px !important; }
  #flowContent { flex:1 1 0 !important; min-height:0 !important; max-height:100% !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; gap:4px !important; }
  .flow-video-page { flex:1 1 0 !important; min-height:0 !important; max-height:100% !important; height:100% !important; display:flex !important; flex-direction:column !important; gap:4px !important; overflow:hidden !important; }
  /* KM-COMPASS-20261104-UI4FIX-REV4 Adım 2: video kutusu kalan yüksekliği tam alır; <video>/<iframe> mutlak konumla kutuya %100 sığar (kaydırma 0px). */
  #sahne-ustalar .flow-model { display: none !important; }
  #sahne-ustalar #ustaSeciciSerit, #sahne-ustalar #etkilesimCubugu, #sahne-ustalar #videoFallback, #sahne-ustalar .flow-heading, #sahne-ustalar #flowTabs, #sahne-ustalar .flow-pager { flex: 0 0 auto !important; margin: 0 !important; }
  #youtubeKapsayici { flex: 1 1 0 !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; position: relative !important; background: #0f172a !important; border-radius: 10px !important; }
  #videoPoster:not([hidden]) { width: 100% !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; flex: 1 1 0 !important; box-sizing: border-box !important; }
  #compassMp4Video:not([hidden]), #youtubeIframe:not([hidden]) { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; min-height: 0 !important; object-fit: contain !important; display: block !important; margin: auto !important; }
  #questionCarrier { position: relative !important; }
  #questionCarrier > strong { display: block; margin-bottom: 3px !important; font-size: 12.5px !important; line-height: 1.2 !important; }
  /* Soru ekranı */
  #antrenmanSoruMetni { font-size:clamp(12.5px, 1.35vh, 14px) !important; line-height:1.32 !important; margin:0 !important; }
  #antrenmanSiklarListesi { display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:5px !important; margin:2px 0 !important; }
  #antrenmanSiklarListesi button { min-height:30px !important; padding:4px 10px !important; font-size:13px !important; }
  #focusScratchDetails { height:100% !important; max-height:100% !important; min-height:0 !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; }
  #musveddeCanvas { max-height:calc(100dvh - 185px) !important; width:100% !important; height:100% !important; }
}

/* KARAR-V2-033: gerçek öğretmen dock'u body altında sabit sağ alt katman; sayfayı kaydırmaz. */
#rehberDock{position:fixed !important;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0;width:auto;height:auto;max-height:none;pointer-events:none;overflow:visible}
#rehberDock>*{pointer-events:auto}
#rehberTeacherStage{order:1;overflow:hidden;background:#0f172a;box-shadow:0 8px 24px rgba(15,23,42,.35);border:3px solid #3b82f6;transition:width .2s,height .2s,border-radius .2s}
#rehberTeacherVideo{width:100%;height:100%;object-fit:cover;display:block}
#rehberDock.mode-corner #rehberTeacherStage{width:190px;height:190px;border-radius:50%}
#rehberDock.mode-full #rehberTeacherStage{width:min(270px,28vw);height:min(360px,38vh);border-radius:18px}
#rehberDock #sorumVarPanel{order:2;width:min(420px,92vw);max-height:34vh;overflow-y:auto;padding:10px 14px;border:2px solid #3b82f6;border-radius:12px;background:var(--bg-card,#fff);color:var(--text-primary,#0f172a);box-shadow:0 8px 24px rgba(15,23,42,.28)}
#rehberDock #sorumVarPanel[hidden]{display:none}
#rehberBottomBar{order:3;display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--panel,#fff);border:1px solid var(--border,#cbd5e1);box-shadow:0 1px 3px rgba(15,23,42,.15)}
#rehberDock.mode-corner #rehberBarTitle,#rehberDock.mode-corner #rehberBarDers{display:none}
@media(min-width:721px){#focusFooter{padding-right:8px !important}}
/* mode-corner (190x190) dock'u müsvedde/şık/not alanının üstüne binmesin: alt güvenli boşluk (dock 190+bar 36+margin 24+pay). */
body:has(#rehberDock.mode-corner) #musveddeContainer{min-height:0 !important;max-height:calc(100vh - 410px) !important}
body:has(#rehberDock.mode-corner) #antrenmanSiklarListesi,body:has(#rehberDock.mode-corner) #antrenmanSoruMetni{scroll-margin-bottom:270px}
@media(max-width:720px){#rehberDock{right:8px;bottom:8px}#rehberDock.mode-corner #rehberTeacherStage{width:110px;height:110px}#rehberDock.mode-full #rehberTeacherStage{width:min(180px,40vw);height:min(240px,30vh)}}
/* Ders videosu: kutuya tam sığar (16:9, en çok 60vh), kesilme yok. */
body #sahne-ustalar #youtubeKapsayici{flex:0 0 auto !important;height:auto !important;width:min(100%,calc(60vh * 16 / 9)) !important;aspect-ratio:16/9 !important;max-height:60vh !important;margin-inline:auto !important;position:relative !important;overflow:hidden !important}
body #sahne-ustalar #compassMp4Video:not([hidden]),body #sahne-ustalar #youtubeIframe:not([hidden]){position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-height:100% !important;min-height:0 !important;object-fit:contain !important}
body:has(#rehberDock.mode-corner) #focusScratchDetails{height:calc(100dvh - 270px) !important;max-height:calc(100dvh - 270px) !important;align-self:start !important}
body:has(#rehberDock.mode-corner) #focusScratchDetails>div{justify-content:flex-start !important;bottom:auto !important;height:100% !important;max-height:100% !important}

/* KM Kesin Ekran Onarimi: Video %100 gorunur, kesilmez; Rehber sag altta yuzer */
.video-frame, .video-stage, #videoStage, iframe.lesson-video, video.lesson-video {
  max-height: 54vh !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
}
#rehberDock {
  position: fixed !important;
  right: 20px !important;
  bottom: 20px !important;
  z-index: 1000 !important;
}

/* KARAR-V2-034: Soru Karti Tipografi, Ust Simge ve SVG Sema Gorunurlugu */
#sahne-soru .compass-card {
  justify-content: flex-start !important;
  gap: 12px !important;
}
#questionCarrier {
  background: #f8fafc;
  border: 1.5px solid #cbd5e1;
  border-radius: 14px;
  padding: 12px 16px;
  margin-bottom: 10px;
}
#questionCarrier > strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 6px;
}
#questionCarrier svg {
  width: 100%;
  max-width: 640px;
  max-height: none !important; width: 100% !important;
  height: auto;
  display: block;
  margin: 4px auto;
}
#antrenmanSoruMetni {
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em;
  margin: 10px 0 16px 0 !important;
  flex: 0 0 auto !important;
}
#antrenmanSiklarListesi button.focus-btn {
  font-size: 16.5px !important;
  font-weight: 600 !important;
  padding: 12px 16px !important;
  color: #0f172a !important;
}

/* KM EMRI: Canli Rehber simdilik iptal edildi */
#rehberDock, #openRehberGlobalBtn, #sorumVarPanel, #rehberTeacherStage, #rehberBottomBar { display: none !important; visibility: hidden !important; pointer-events: none !important; }

/* MEB-FULL-WIDTH-OVERRIDE */
/* 1. Sayfaya Tam Sigdirma: Ustte Soru Karti + Soru Metni + 4 Sik Butonu + Cozum Kutusu */
#sahne-soru > .focusQuestionMain {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  gap: 6px !important;
}
#testSoruAlani {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  gap: 6px !important;
}
#testSoruAlani > .compass-box {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  overflow: visible !important;
}
#questionCarrier {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: 165px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}
#questionCarrier:has(svg image) {
  flex: 1 1 0 !important;
  max-height: calc(100dvh - 340px) !important;
}
#questionCarrier > strong { display: none !important; }
#antrenmanSoruMetni {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  font-weight: 600 !important;
  white-space: pre-line !important;
  margin: 2px 0 !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  border-left: 3.5px solid #38bdf8 !important;
  background: rgba(15, 23, 42, 0.45) !important;
  color: var(--text-primary) !important;
}
html:not(.dark) #antrenmanSoruMetni {
  background: #f8fafc !important;
  color: #0f172a !important;
  border-left: 3.5px solid #2563eb !important;
}
#testSoruAlani > .compass-box:has(#questionCarrier svg image) #antrenmanSoruMetni {
  display: none !important;
}
#questionCarrier svg {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 155px !important;
  object-fit: contain !important;
  display: block !important;
  margin: auto !important;
}
#questionCarrier:has(svg image) svg {
  height: 100% !important;
  max-height: calc(100dvh - 356px) !important;
}
#antrenmanSiklarListesi {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
}
#antrenmanSiklarListesi button.focus-btn {
  min-height: 36px !important;
  padding: 6px 12px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  text-align: left !important;
}
#antrenmanTeshisKutu:not([hidden]) {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 10px 14px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  border-radius: 10px !important;
  white-space: pre-line !important;
}

/* 2. Gunduz Modu (Light Mode) */
html:not(.dark) #questionCarrier {
  background: #ffffff !important;
  border: 1.5px solid #cbd5e1 !important;
}
html:not(.dark) #questionCarrier svg {
  background: #ffffff !important;
}
html:not(.dark) #antrenmanSiklarListesi button.focus-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
}
html:not(.dark) #antrenmanSiklarListesi button.focus-btn:hover {
  background: #f1f5f9 !important;
  border-color: #3b82f6 !important;
}
html:not(.dark) #antrenmanSiklarListesi button.focus-btn[aria-pressed="true"] {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #1d4ed8 !important;
}
html:not(.dark) #antrenmanTeshisKutu {
  background: #eff6ff !important;
  color: #1e3a8a !important;
  border: 1.5px solid #93c5fd !important;
}

/* 3. Gece Modu (Dark Mode) */
html.dark #questionCarrier {
  background: #141c2e !important;
  border: 1.5px solid #334155 !important;
}
html.dark #questionCarrier svg {
  background: #141c2e !important;
}
html.dark #questionCarrier svg rect:first-of-type {
  fill: #141c2e !important;
}
html.dark #questionCarrier svg image {
  filter: invert(1) hue-rotate(180deg) contrast(1.06) !important;
  mix-blend-mode: screen !important;
}
html.dark #antrenmanSiklarListesi button.focus-btn {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1.5px solid #475569 !important;
}
html.dark #antrenmanSiklarListesi button.focus-btn:hover {
  background: #334155 !important;
  color: #ffffff !important;
  border-color: #60a5fa !important;
}
html.dark #antrenmanSiklarListesi button.focus-btn[aria-pressed="true"] {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #60a5fa !important;
}
html.dark #antrenmanTeshisKutu {
  background: #1e293b !important;
  color: #f8fafc !important;
  border: 1.5px solid #3b82f6 !important;
}

html.dark #gorselAnlatimCanvas, html.dark #flowCanvas { filter: invert(1) hue-rotate(180deg) contrast(1.05) !important; border-radius: 10px !important; }
/* CPA-CANVAS-FULL-FIT */
#sahne-kesif:not([hidden]) {
  display: grid !important;
  grid-template-columns: minmax(540px, 1.35fr) minmax(360px, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
}
#sahne-kesif > .compass-card,
#sahne-kesif > div {
  height: auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}
#gorselAnlatimCanvas {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 820 / 360 !important;
  max-height: 380px !important;
  flex: 0 0 auto !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #f1f5f9 !important;
  display: block !important;
}
#gorselAnlatimCanvas.h-full {
  height: auto !important;
}
*:has(> #gorselAnlatimCanvas) {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
html.dark #gorselAnlatimCanvas,
html.dark #flowCanvas {
  filter: invert(1) hue-rotate(180deg) contrast(1.06) !important;
  border-color: #475569 !important;
  border-radius: 12px !important;
}