/* 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; }
.pusula-card,.pusula-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>.pusula-box { display:flex !important; flex-direction:column !important; overflow:auto !important; justify-content:flex-start !important; }
/* Veri, soru kökü ve şıklar kaydırılan kutunun içinde doğal boylarını korur. */
#testSoruAlani>.pusula-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:white; 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 { height:220px !important; }
#sahne-isinma { overflow:auto !important; }
@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,#pusulaMolaBtn,#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>.pusula-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; }
}