/* Beyaz defter: soluk kare çizgileri, yumuşak seçimler, açık seçili durumlar. */
.atolye-sayfa {
  --type-ui:'IBM Plex Sans',Arial,sans-serif;
  --type-code:'IBM Plex Mono',monospace;
  --type-page:26px; --type-page-mobile:24px; --type-section:18px;
  --type-body:14px; --type-control:13px; --type-small:12px;
  --type-heading-line:1.35; --type-body-line:1.6; --type-control-line:1.4; --type-small-line:1.5;
  --h-ink:#283139; --h-muted:#687078; --h-accent:#7a2021; --h-bad:#7a2021;
  --h-line:#e2e4e5; --h-line-soft:#eceeef; --h-panel:#f8f8f7; --h-golge:none;
  background-color:#fff;
  background-image:linear-gradient(#243d4d09 1px,transparent 1px),linear-gradient(90deg,#243d4d09 1px,transparent 1px);
  background-size:24px 24px;
}
.atolye { max-width:1440px; padding:24px 28px 32px; margin:auto; font:400 var(--type-body)/var(--type-body-line) var(--type-ui); }
:is(.atolye,#secili-dialog,#senaryo-dialog) :is(button,input,select,textarea) { font-family:var(--type-ui); }
:is(.atolye,#secili-dialog,#senaryo-dialog) :is(.birincil,.ikincil,.metin-dugme,.ekle-dugme) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:35px; padding:0 13px; border-radius:8px; font-size:var(--type-control); font-weight:500; line-height:1.4; letter-spacing:0; box-shadow:none; transform:none; cursor:pointer; }
:is(.atolye,#secili-dialog,#senaryo-dialog) .birincil { background:#7a2021; border:1px solid #7a2021; color:#fff; }
:is(.atolye,#secili-dialog,#senaryo-dialog) .birincil:hover:not(:disabled) { background:#631d20; border-color:#631d20; transform:none; }
:is(.atolye,#secili-dialog,#senaryo-dialog) .ikincil,:is(.atolye,#secili-dialog,#senaryo-dialog) .ekle-dugme { background:#fff; border:1px solid #dbdfe2; color:#3e4852; }
:is(.atolye,#secili-dialog,#senaryo-dialog) .ikincil:hover,:is(.atolye,#secili-dialog,#senaryo-dialog) .ekle-dugme:hover { background:#f8eff0; border-color:#d3b2b6; color:#7a2021; }
.atolye .metin-dugme { border:1px solid transparent; background:none; color:#69727a; font-weight:400; }
.atolye .metin-dugme:hover { background:#f4f5f6; color:#283139; }
.atolye .kucuk-not { font-size:var(--type-control); line-height:1.6; color:#727981; }
.calisma-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.calisma-kimlik p { margin:0 0 5px; font-size:var(--type-small); font-weight:500; color:#657078; }
.calisma-kimlik p span { color:#6c7580; font-weight:400; margin-left:4px; }
.calisma-header h1 { margin:0; font-size:var(--type-page); line-height:1.2; font-weight:500; letter-spacing:-.035em; color:#283139; }
/* Seçimler tek bir kontrol ailesi. Üç çizgi menüyü, başlık mevcut seçimi anlatır. */
.filtre-cubugu { position:relative; z-index:45; display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; align-items:stretch; }
.secim-menu { position:relative; flex:none; }
.secim-menu > summary { display:flex; align-items:center; gap:12px; min-height:50px; box-sizing:border-box; padding:7px 14px; list-style:none; border:1px solid #e0e3e5; border-radius:10px; background:#fff; color:#59646f; box-shadow:0 2px 5px #28313903; cursor:pointer; transition:background-color .15s,border-color .15s; }
.secim-menu > summary::-webkit-details-marker { display:none; }
.secim-menu > summary:hover { background:#fcf9f9; border-color:#d6bcc0; }
.secim-menu[open] > summary { background:#faf0f1; border-color:#c899a0; color:#7a2021; }
.menu-isareti { width:17px; height:17px; flex:none; color:#828d97; }
.secim-menu[open] .menu-isareti { color:#8f444b; }
.secim-ozellik { display:flex; flex-direction:column; gap:1px; min-width:0; }
.menu-etiket { font-size:var(--type-small); color:#6c7580; line-height:1.3; }
.menu-deger { color:#3e4852; font-size:var(--type-control); line-height:var(--type-control-line); font-weight:500; }
.menu-ok { width:5px; height:5px; border-right:1.5px solid #6c7580; border-bottom:1.5px solid #6c7580; transform:rotate(45deg); margin:0 2px 3px 7px; flex:none; }
.secim-menu[open] .menu-ok { transform:rotate(225deg); margin-top:6px; }
.cikti-menusu { flex:1; min-width:240px; max-width:560px; }
.cikti-menusu > summary { width:100%; }
.cikti-menusu .secim-ozellik { flex:1; }
.cikti-menusu .menu-deger { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hizli-kur > summary { height:100%; font-size:var(--type-small); gap:9px; background:#fbfbfb; }
.secim-acilir { position:absolute; top:calc(100% + 8px); left:0; z-index:60; min-width:200px; box-sizing:border-box; padding:8px; border:1px solid #e4e5e8; border-radius:12px; background:#fff; box-shadow:0 9px 30px #28313912; }
.acilir-baslik { margin:0; padding:8px 10px 10px; font-size:var(--type-small); color:#6c7580; }
.secim-acilir > [role="group"] { display:grid; gap:3px; }
.secim-acilir > [role="group"] > button { width:100%; display:flex; align-items:center; justify-content:space-between; border:1px solid transparent; border-radius:7px; background:#fff; padding:9px 10px; text-align:left; font-size:var(--type-control); color:#4e5863; }
.secim-acilir > [role="group"] > button:hover { background:#f5f6f7; }
.secim-acilir > [role="group"] > button[aria-pressed="true"] { background:#f8ebee; color:#7a2021; border-color:#f0d8dd; }
.secim-acilir > [role="group"] > button[aria-pressed="true"]::after { content:'✓'; font-size:var(--type-control); color:#8c3947; }
.cikti-menusu .secim-acilir { width:max(100%,440px); max-width:calc(100vw - 48px); max-height:410px; overflow:auto; scrollbar-width:thin; }
.cikti-listesi { display:grid; gap:3px; }
.cikti-baslik { display:grid; grid-template-columns:1fr auto; gap:4px 10px; width:100%; border:1px solid transparent; border-radius:8px; background:#fff; padding:10px; text-align:left; color:#485360; }
.cikti-baslik:hover { background:#f6f7f8; }
.cikti-baslik[aria-pressed="true"] { background:#f8ebee; border-color:#efd5dc; }
.cikti-baslik[aria-pressed="true"] .cikti-metin,.cikti-baslik[aria-pressed="true"] .cikti-kod { color:#7a2021; }
.cikti-kod { font:400 var(--type-small)/1.4 var(--type-code); color:#6c7580; }
.cikti-metin { grid-column:1/-1; font-size:var(--type-control); line-height:1.5; }
.cikti-sayi { grid-column:2; grid-row:1; color:#8f4759; font-size:var(--type-small); }
.cikti-sayi:empty { display:none; }
.hizli-kur .secim-acilir { width:420px; max-width:calc(100vw - 48px); right:0; left:auto; max-height:420px; overflow:auto; }
.hizli-kur .kucuk-not { margin:0 10px 8px; }
.dagilim-liste { list-style:none; padding:0 10px; margin:0 0 12px; }
.dagilim-liste li { display:grid; grid-template-columns:40px 1fr auto; gap:7px; align-items:center; border-bottom:1px solid #f0f0f2; padding:10px 0; }
.dagilim-metin { font-size:var(--type-small); color:#727b84; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.adim { display:flex; align-items:center; border:1px solid #e4e6e9; border-radius:6px; background:#fff; }
.adim button { width:27px; height:30px; border:0; background:none; font-size:var(--type-body); color:#6c7681; }
.adim output { min-width:20px; text-align:center; font-size:var(--type-small); }
.hizli-kur .ikincil { width:100%; }
/* Görünümler sekme ve seçili bağlamla her zaman okunur. */
.gorunum-nav { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; }
.gorunum-sekmeleri { display:inline-flex; gap:4px; padding:4px; border:1px solid #e7e8eb; border-radius:10px; background:#f6f7f8; }
.gorunum-nav button { display:flex; align-items:center; gap:7px; min-height:31px; padding:0 13px; border:1px solid transparent; border-radius:7px; background:none; color:#6c7580; font-size:var(--type-control); }
.gorunum-nav button[aria-pressed="true"] { color:#7a2021; background:#fff; border-color:#e9d9dc; box-shadow:0 1px 3px #28313906; font-weight:500; }
#kagit-nav-adet { display:inline-flex; align-items:center; justify-content:center; min-width:17px; padding:0 3px; height:17px; border-radius:4px; background:#ededef; color:#7c858e; font-size:var(--type-small); }
#secim-ozeti { margin:0; font-size:var(--type-small); color:#6c7580; }
.soru-gorunumu { display:grid; grid-template-columns:minmax(0,1fr) 284px; gap:20px; height:calc(100dvh - 340px); min-height:390px; }
.soru-okuma { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; background:#fff; border:1px solid #e6e7e9; border-radius:14px; box-shadow:0 5px 22px #28313904; }
.soru-okuma-baslik { padding:20px 24px 16px; border-bottom:1px solid #f0f0f2; }
#secili-cikti-kod { display:inline-block; margin:0 0 8px; padding:3px 7px; border-radius:5px; background:#faf0f2; color:#934558; font:400 var(--type-small)/1.4 var(--type-ui); }
.soru-okuma-baslik h2 { margin:0; color:#39434d; font-size:var(--type-section); font-weight:500; line-height:var(--type-heading-line); letter-spacing:-.015em; max-width:760px; }
#secili-cikti-meta { margin:6px 0 0; color:var(--h-muted); font-size:var(--type-small); }
#soru-listesi { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#dbe0e4 transparent; }
.zorluk-satiri { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:14px; padding:10px 24px; background:#fff; border-bottom:1px solid #f1f1f3; color:#6c7580; font-size:var(--type-small); }
.zorluk-filtre { display:flex; gap:5px; }
.zorluk-filtre button { min-height:28px; padding:0 10px; border:1px solid transparent; border-radius:7px; background:none; color:#6c7580; font-size:var(--type-control); }
.zorluk-filtre button:hover { background:#f5f6f8; }
.zorluk-filtre button[aria-pressed="true"] { background:#f7e9ed; color:#8a3546; border-color:#efd6de; }
.havuz-kart { padding:18px 24px 20px; border-bottom:1px solid #eceef0; background:#fff; border-left:3px solid transparent; }
.havuz-kart.kagitta { background:#fdf8f9; border-left-color:#b16d7c; }
.kart-baslik { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.kart-ust { display:flex; align-items:center; gap:10px; margin:0; font-size:var(--type-small); color:#6c7580; }
.kart-numara { color:#6c7580; font:400 var(--type-small)/1.5 var(--type-ui); }
:is(.atolye,#secili-dialog,#senaryo-dialog) .ekle-dugme { min-height:30px; padding:0 10px; font-size:var(--type-control); color:#815460; background:#fff; border-color:#e4d6db; }
.ekleme-alani { display:flex; align-items:center; gap:8px; }
.eklendi { display:inline-block; padding:3px 7px; border-radius:5px; font-size:var(--type-small); color:#a05365; background:#f4e3e8; }
.atolye .ekleme-alani .ikincil { min-height:28px; padding:0 8px; font-size:var(--type-control); background:#fff; color:#8c929a; }
.kart-durum { margin:12px 0 8px; color:#606d79; font-size:var(--type-body); line-height:1.7; }
.kart-soru { margin:0 0 12px; color:#3a4551; font-size:var(--type-body); font-weight:500; line-height:1.65; }
.anahtar-dugme { border:0; border-bottom:1px solid #d9dde1; background:none; padding:0 0 2px; color:#6c7580; font-size:var(--type-control); }
.anahtar-dugme:hover { color:#8a4558; border-color:#c9a3af; }
.kart-anahtar { margin-top:14px; padding:14px; background:#f7f7fa; border-radius:8px; overflow:auto; font-size:var(--type-control); }
.kart-anahtar p { margin:10px 0 0; line-height:1.6; }
.kart-kaynak { font-size:var(--type-small); color:#6c7580; }
.anahtar-tablo { width:100%; border-collapse:collapse; font-size:var(--type-small); }
.anahtar-tablo :is(th,td) { border:1px solid #dde1e5; padding:6px; text-align:left; vertical-align:top; }
.liste-bos { margin:24px; color:#6c7580; }
/* Seçilenler kâğıdın sessiz özeti; ekleme ve çıkarma anında yansır. */
.secili-panel { display:flex; flex-direction:column; min-width:0; min-height:0; background:#fff; border:1px solid #e5e6e9; border-radius:14px; box-shadow:0 5px 22px #28313904; overflow:hidden; }
.secili-panel > header { padding:20px 20px 15px; border-bottom:1px solid #eeeef1; background:#fff; }
.secili-etiket { margin:0 0 5px; color:#6c7580; font-size:var(--type-small); }
.secili-panel h2 { margin:0 0 14px; color:#3d4752; font-size:var(--type-section); font-weight:500; letter-spacing:-.015em; line-height:var(--type-heading-line); }
.arac-ozet { margin:0; color:#6c7580; font-size:var(--type-small); }
.ozet-sayilar { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:var(--type-control); color:#6a7581; }
.ozet-sayilar strong { font-weight:500; color:#4c5966; }
.ozet-dagilim { display:block; margin-top:7px; font-size:var(--type-small); color:#6c7580; }
.uyari { color:#934558; }
.atolye .arac-ozet .metin-dugme { min-height:24px; padding:0; font-size:var(--type-control); text-decoration:underline; }
.secili-icerik { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; }
.secili-sorular { list-style:none; padding:0 20px; margin:0; }
.secili-sorular li { display:grid; grid-template-columns:18px minmax(0,1fr); gap:3px 9px; padding:15px 0; border-bottom:1px solid #eeeeF1; }
.secili-sira { padding-top:2px; color:#6c7580; font:400 var(--type-small)/1.5 var(--type-ui); }
.secili-metin p { margin:0; color:#6c7580; font-size:var(--type-small); line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.secili-metin > span { display:inline-block; margin-top:5px; color:#6c7580; font-size:var(--type-small); }
.secili-cikar { grid-column:2; justify-self:end; border:0; background:none; border-radius:4px; padding:2px 5px; color:#6c7580; font-size:var(--type-control); }
.secili-cikar:hover { background:#faedf0; color:#9b4e62; }
.secili-bos { padding:20px; font-size:var(--type-control); line-height:1.6; color:#6c7580; }
.secili-bos p { margin:0 0 10px; }
.secili-icerik:has(li) .secili-bos { display:none; }
.secili-panel footer { padding:16px 20px; border-top:1px solid #eeeef0; }
.secili-panel footer .birincil { width:100%; min-height:35px; font-size:var(--type-control); }
.secili-panel footer p { margin:7px 0 0; color:#6c7580; font-size:var(--type-small); text-align:center; }
.belge-ust { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:4px 0 18px; }
.belge-ust h2 { margin:0; color:#45525e; font-size:var(--type-section); font-weight:500;  line-height:var(--type-heading-line); }
.belge-ust p { margin:5px 0 0; color:#6c7580; font-size:var(--type-small); }
.arac-cubugu { position:relative; display:flex; flex-wrap:wrap; gap:8px; }
.yazdir-kutu { position:relative; }
.yazdir-menu { position:absolute; z-index:60; right:0; top:calc(100% + 8px); box-sizing:border-box; width:320px; padding:18px; border:1px solid #e3e6e9; border-radius:12px; background:#fff; box-shadow:0 9px 30px #28313912; }
.yazdir-menu-baslik { margin:0 0 8px; font-size:var(--type-body); font-weight:500; }
.yazdir-menu label { display:flex; align-items:center; gap:8px; padding:8px 0; font-size:var(--type-control); }
.yazdir-menu input { accent-color:#7a2021; }
.yazdir-menu .birincil { width:100%; margin-top:10px; }
.masa { display:flex; flex-direction:column; align-items:center; padding:18px 28px 40px; background:transparent; border:0; border-radius:14px; }
.masa-notu { display:flex; justify-content:space-between; width:100%; max-width:794px; margin-bottom:16px; color:#6c7580; font-size:var(--type-small); }
.kagit-cerceve { position:relative; }
.a4 { width:794px; min-height:1123px; box-sizing:border-box; padding:16mm 14mm; background:#fff; transform-origin:top left; box-shadow:0 0 0 1px #e3e5e7,0 4px 12px #28313905; }
.atolye-giris { max-width:560px; margin:48px auto 80px; padding:30px; border:1px solid #e4e6e8; border-radius:14px; background:#fff; }
.atolye-giris h1 { font-size:var(--type-page); font-weight:500; line-height:1.2; letter-spacing:-.025em; }
.atolye-giris .ust-etiket { font:400 var(--type-control)/1.5 var(--type-ui); text-transform:none; letter-spacing:0; }
.atolye-giris .ust-etiket::before { display:none; }
.giris-form { display:grid; gap:12px; margin-top:28px; max-width:380px; }
.giris-form .birincil { justify-self:start; }
.giris-form a { color:var(--h-ink); }
.hata { color:#7a2021; font-size:var(--type-body); margin:0; }
.a4 [contenteditable="true"] { outline: none; transition: background-color 0.15s; }
.a4 [contenteditable="true"]:hover { background: #fbf7f1; }
.a4 [contenteditable="true"]:focus { background: #fbf4ea; box-shadow: 0 1px 0 var(--h-accent); }
.a4 [data-yer]:empty::before { content: attr(data-yer); color: #9aa0aa; font-weight: 400; font-style: italic; }
.a4 .duzenle-alan { display: inline-block; min-width: 3em; }

.a4 .k-soru.duzenlenir { outline: 1px solid transparent; outline-offset: 3mm; }
.a4 .k-soru.duzenlenir:hover, .a4 .k-soru.duzenlenir:focus-within { outline-color: #22242d26; }
.soru-araclari {
  position:static; max-width:100%; margin:0 0 3mm; z-index:2;
  display: none; align-items: center; gap: 0; flex-wrap: wrap;
  background: #fff; border: 1px solid var(--h-line); border-radius: 6px; box-shadow: 0 3px 10px #131b2b0d;
  font: var(--type-control) var(--type-ui);
}
.k-soru.duzenlenir:focus-within .soru-araclari { display: flex; }
.soru-araclari > * + * { border-left: 1px solid var(--h-line-soft); }
.soru-araclari button { border: 0; background: none; padding: 8px 11px; font: 500 var(--type-control) var(--type-ui); color: var(--h-ink); }
.soru-araclari button:hover { background: var(--h-panel); }
.soru-araclari button:disabled { color: #c3c4c8; cursor: default; background: none; opacity: 1; }
.soru-araclari .sil { color: var(--h-accent); }
.soru-araclari select { font: var(--type-control) var(--type-ui); max-width: 250px; padding: 6px 8px; border: 0; }
.soru-etiket { padding: 0 11px; color: var(--h-muted); font: 500 var(--type-small) var(--type-code); }
.a4 .k-puan-etiket input {
  width: 3em; font: inherit; font-weight: 600; text-align: center; padding: 0 2px; color: inherit;
  border: 0; border-bottom: 1px dashed #9aa0aa; border-radius: 0; background: transparent; -moz-appearance: textfield;
}
.a4 .k-puan-etiket input::-webkit-inner-spin-button { opacity: 0.4; }
.a4 .k-durum.bos { border-left-style: dashed; }
.ekran-anahtar { margin-top: 3mm; padding: 4mm; background: var(--h-panel); font-size: 10pt; }
.ekran-anahtar label { display: flex; flex-direction: column; gap: 2mm; font-size: 10pt; color: var(--h-muted); }
.ekran-anahtar textarea { width: 100%; box-sizing: border-box; font: inherit; }
.kagit-ekle { margin: 2mm 0 6mm; }
.kagit-bos { text-align: center; color: var(--h-muted); margin: 24mm 0 8mm; font-size:var(--type-body); }
.kendi-soru {
  width: 100%; min-height: 14mm; border: 1px dashed #22242d55; border-radius: 2px;
  background: transparent; color: var(--h-ink); font:500 var(--type-control)/var(--type-control-line) var(--type-ui);
}
.kendi-soru:hover { border-style: solid; border-color: var(--h-ink); background: #fbfbfa; }





/* Kabul edilen etkileşimler ve cevap alanı araçları. */
.atolye-sayfa { --kontrol-kose:8px; --yuzey-kose:14px; --aralik:8px; }
.secim-menu:has([data-sinif][aria-pressed="true"]) > summary,
.secim-menu:has([data-grup][aria-pressed="true"]) > summary,
.secim-menu:has(.cikti-baslik[aria-pressed="true"]) > summary { background:#fdf5f6; border-color:#e6cbd2; }
.secim-menu[open] > summary { background:#f8e9ed; border-color:#c899a0; }
.secim-menu .menu-deger { color:#7a3441; }
.atolye :is(.birincil,.ikincil,.ekle-dugme), .secim-acilir > [role="group"] > button, .zorluk-filtre button { border-radius:var(--kontrol-kose); }
.kart-durum { font-weight:400; color:#626d78; }
.kart-soru { font-weight:600; color:#303b46; }
.zorluk-etiket { display:inline-block; padding:2px 7px; border-radius:5px; font-size:var(--type-small); font-weight:500; }
.z-kolay { background:#edf4ef; color:#536f60; }
.z-orta { background:#fbf3e7; color:#8a7044; }
.z-zor { background:#f4edf5; color:#7a6181; }
.secili-sorular li { grid-template-columns:20px minmax(0,1fr) auto; align-items:start; }
.secili-metin { min-width:0; }
.secili-puan { color:#6c7580; font:400 var(--type-small)/1.5 var(--type-ui); padding-top:1px; white-space:nowrap; }
.secili-cikar { grid-column:3; grid-row:2; }
.secili-metin p { -webkit-line-clamp:3; font-size:var(--type-small); }
.ozet-puan-durumu { display:block; margin-top:6px; font-size:var(--type-small); }
[data-puan-durumu="tam"] .ozet-puan-durumu, #mobil-puan-durumu[data-puan-durumu="tam"] { color:#4f765e; }
[data-puan-durumu="eksik"] .ozet-puan-durumu, [data-puan-durumu="fazla"] .ozet-puan-durumu,
#mobil-puan-durumu[data-puan-durumu="eksik"], #mobil-puan-durumu[data-puan-durumu="fazla"] { color:#99702f; }
.yeni-eklenen { animation:secim-vurgusu 1.3s ease-out; }
@keyframes secim-vurgusu { from { background:#f4dce3; } to { background:transparent; } }
.havuz-bildirim { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:100; padding:11px 18px; border:1px solid #e3c7cf; border-radius:10px; color:#7a3441; background:#fff6f8; box-shadow:0 4px 18px #2831390b; font:400 var(--type-control)/1.5 var(--type-ui); max-width:calc(100vw - 48px); }
.ozet-ac { display:none; }
#secili-dialog { width:min(520px,calc(100% - 24px)); max-height:min(80dvh,700px); box-sizing:border-box; padding:0; border:1px solid #e4e5e8; border-radius:18px; color:#3d4752; background:#fff; box-shadow:0 18px 70px #28313920; font-family:var(--type-ui); }
#secili-dialog::backdrop { background:#28313940; }
#secili-dialog > header { display:flex; align-items:start; justify-content:space-between; gap:16px; padding:22px; border-bottom:1px solid #eceef0; }
#secili-dialog h2 { font-size:var(--type-section); font-weight:500; margin:0;  line-height:var(--type-heading-line); }
#mobil-puan-durumu { margin:6px 0 0; font-size:var(--type-small); }
#secili-dialog .secili-sorular { padding:0 22px; }
#secili-dialog .secili-metin p { font-size:var(--type-body); -webkit-line-clamp:unset; }
#secili-dialog .secili-cikar { min-height:30px; font-size:var(--type-control); }
#secili-dialog > footer { position:sticky; bottom:0; padding:16px 22px; border-top:1px solid #eceef0; background:#fff; }
#secili-dialog .birincil, #secili-dialog .ikincil { font-family:var(--type-ui); border-radius:8px; box-shadow:none; font-weight:500; min-height:36px; }
#secili-dialog .birincil { background:#7a2021; border-color:#7a2021; }
.cevap-genel-menu { margin:0 0 16px; padding:12px 16px; background:#fff; border:1px solid #e3e5e8; border-radius:10px; }
.cevap-genel-menu > summary { cursor:pointer; font-size:var(--type-control); color:#80515f; }
.cevap-genel-icerik { display:flex; flex-wrap:wrap; align-items:end; gap:14px; padding:16px 0 4px; }
.cevap-genel-icerik label { display:flex; flex-direction:column; gap:6px; font-size:var(--type-small); color:#65717d; }
.cevap-genel-icerik :is(select,input) { font:400 var(--type-control) var(--type-ui); border:1px solid #dce1e5; border-radius:8px; padding:8px 10px; background:#fff; }
.cevap-genel-icerik input { width:64px; }
.cevap-genel-icerik p { flex-basis:100%; font-size:var(--type-small); line-height:1.6; color:#78838e; margin:0; }
.cevap-ayarlari { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; padding:7px 0; margin:3mm 0 1mm; border-top:0; color:#7b6b73; font:400 var(--type-small)/1.5 var(--type-ui); }
.cevap-ayarlari > span:first-child { color:#8a4659; font-weight:500; }
.cevap-ayarlari label { display:flex; align-items:center; gap:5px; }
.atolye .cevap-ayarlari :is(select,input) { font:400 var(--type-small)/1.4 var(--type-ui); min-height:25px; padding:2px 6px; border:1px solid #e1d9dd; border-radius:5px; background:#fff; color:#63555d; }
.cevap-ayarlari input { width:43px; }
.cevap-olcu { color:var(--h-muted); }
.mobil-cevap-menu { display:none; }
@media (min-width:1600px) { .soru-gorunumu { grid-template-columns:minmax(0,1fr) 300px; } .soru-okuma-baslik,.havuz-kart { padding-left:30px; padding-right:30px; } .zorluk-satiri { padding-left:30px; } }
@media (max-width:1100px) and (min-width:900px) { .soru-gorunumu { grid-template-columns:minmax(0,1fr) 255px; gap:16px; } .cikti-menusu { max-width:none; } }
@media (max-width:899px) {
  .atolye { padding:18px 14px 28px; }
  .calisma-header { align-items:start; margin-bottom:18px; gap:10px; }
  .calisma-header h1 { font-size:var(--type-page-mobile); }
  .calisma-kimlik p { font-size:var(--type-small); }
  .atolye .calisma-header .metin-dugme { font-size:var(--type-control); padding:0 3px; }
  .filtre-cubugu { gap:8px; margin-bottom:14px; }
  .secim-menu > summary { padding:7px 11px; gap:8px; }
  .cikti-menusu { flex:1 1 100%; min-width:0; max-width:none; order:3; }
  .filtre-cubugu > .secim-menu:not(.cikti-menusu) { flex:1 1 0; min-width:0; }
  .filtre-cubugu > .secim-menu:not(.cikti-menusu) > summary { width:100%; height:100%; gap:6px; padding:7px; }
  .filtre-cubugu > .secim-menu:not(.cikti-menusu) .menu-isareti { display:none; }
  .filtre-cubugu > .secim-menu:not(.cikti-menusu) .menu-ok { margin-left:auto; }
  .hizli-kur { margin-left:0; }
  .hizli-kur > summary { font-size:var(--type-small); padding:8px 10px; }
  .hizli-kur .menu-isareti { display:none; }
  .secim-acilir { max-width:calc(100vw - 28px); }
  .cikti-menusu .secim-acilir { width:100%; max-width:none; }
  .hizli-kur .secim-acilir { width:330px; right:0; }
  .gorunum-nav { margin-bottom:14px; gap:8px; }
  .gorunum-nav button { padding:0 11px; font-size:var(--type-control); }
  #secim-ozeti { display:none; }
  .soru-gorunumu { display:flex; flex-direction:column; height:auto; min-height:0; padding-bottom:72px; gap:0; }
  .soru-okuma { overflow:visible; }
  .soru-okuma-baslik { padding:18px; }
  .soru-okuma-baslik h2 { font-size:var(--type-section);  line-height:var(--type-heading-line); }
  #soru-listesi { overflow:visible; }
  .zorluk-satiri { position:static; padding:10px 18px; gap:10px; }
  .zorluk-filtre button { min-height:32px; padding:0 10px; }
  .havuz-kart { padding:18px; }
  .kart-durum { font-size:var(--type-body); }
  .kart-soru { font-size:var(--type-body); }
  :is(.atolye,#secili-dialog,#senaryo-dialog) .ekle-dugme { min-height:34px; }
  .secili-panel { position:fixed; z-index:40; bottom:0; left:0; right:0; display:grid; grid-template-columns:1fr auto; align-items:center; border:1px solid #e2e3e6; border-radius:12px 12px 0 0; padding:12px 16px; background:#fff; }
  .secili-panel > header { padding:0; border:0; }
  .secili-panel h2,.secili-etiket,.secili-icerik,.ozet-dagilim { display:none; }
  .ozet-sayilar { display:block; font-size:var(--type-control); }
  .ozet-sayilar > span { margin-left:14px; }
  .secili-panel footer { padding:0; border:0; }
  .secili-panel footer p { display:none; }
  .secili-panel footer .birincil { min-height:36px; padding:0 16px; }
  .belge-ust { flex-direction:column; align-items:start; gap:12px; }
  .arac-cubugu { width:100%; }
  .yazdir-kutu { position:static; }
  .yazdir-menu { width:100%; max-width:340px; }
  .masa { padding:16px 8px 28px; }
  .soru-araclari { display:flex; position:static; margin-bottom:3mm; box-shadow:none; }
}
@media (hover:none) { .soru-araclari { display:flex; position:static; margin-bottom:3mm; } }
@media (prefers-reduced-motion:reduce) { .secim-menu > summary { transition:none; } }

@media (max-width:899px) {
  .secili-panel > header { min-width:0; }
  .secili-panel #ozet { display:none; }
  .ozet-ac { display:flex; flex-direction:column; align-items:start; gap:3px; padding:0; border:0; background:none; color:#6e7780; font:400 var(--type-control)/1.5 var(--type-ui); cursor:pointer; }
  .ozet-ac > span:first-child { color:#6d3a48; font-weight:500; }
  .ozet-ac > span:last-child { font-size:var(--type-small); color:var(--h-muted); }
  #secili-dialog { margin:auto auto 0; width:100%; max-height:83dvh; border-radius:18px 18px 0 0; }
  .havuz-bildirim { bottom:88px; width:max-content; text-align:center; }
  .cevap-genel-icerik { gap:12px; }
  .cevap-genel-icerik .ikincil { flex-basis:100%; }
  .mobil-cevap-menu { display:block; margin-bottom:16px; padding:12px 16px; border:1px solid #e4e6e8; border-radius:10px; background:#fff; }
  .mobil-cevap-menu > summary { font-size:var(--type-control); color:#80515f; cursor:pointer; }
  .mobil-cevap-menu .cevap-ayarlari { padding:14px 0; margin:0; font-size:var(--type-small); }
  .mobil-cevap-menu .cevap-ayarlari:first-child { margin-top:12px; }
  .atolye .mobil-cevap-menu .cevap-ayarlari :is(input,select) { min-height:34px; font-size:var(--type-control); }
  .mobil-cevap-menu .cevap-olcu { flex-basis:100%; font-size:var(--type-small); }
}
@media (prefers-reduced-motion:reduce) { .yeni-eklenen { animation:none; } }

#mobil-puan-esitle { margin-top:8px; font-size:var(--type-control); }

/* Explicit retrieval, stable question tools and synchronized scoring. */
.cikti-baslik:has(input) { grid-template-columns:18px 70px 1fr; cursor:pointer; }
.cikti-baslik input { accent-color:var(--h-accent); width:16px; height:16px; }
.cikti-baslik.secili, .secim-menu.secim-var > summary { background:#f8eeef; color:var(--h-accent); }
#cikti-secimi-tamam { margin:10px 0 0; }
.havuz-baslangic { padding:28px; color:var(--h-muted); }
.havuz-baslangic > span { font:500 var(--type-small)/var(--type-small-line) var(--type-ui); color:var(--h-accent); letter-spacing:0; }
.havuz-baslangic p { margin:5px 0 24px; font:400 var(--type-body)/var(--type-body-line) var(--type-ui); color:var(--h-ink); }
.sonuc-cikti-baslik { padding:16px 18px; margin:0; font-size:var(--type-body); font-weight:500; line-height:var(--type-body-line); background:#f7f7f5; border-bottom:1px solid var(--h-line-soft); }
.a4 .k-soru.duzenlenir.etkin { outline-color:#7a202166; }
.k-soru.duzenlenir.etkin .soru-araclari { display:flex; }

.soru-araclari > * { position:relative; z-index:1; }
.a4 .k-puan input { width:100%; min-width:26px; padding:3px 0; border:0; border-bottom:1px dashed #7a202188; border-radius:0; background:#faf4f4; text-align:center; font:inherit; color:#7a2021; appearance:textfield; }
.a4 .k-puan input::-webkit-inner-spin-button { appearance:none; }
#kagit-puan-uyari { margin:0 0 12px; font-size:var(--type-body); font-weight:500; color:#38614e; }
#kagit-puan-uyari[data-puan-durumu="fazla"], #kagit-puan-uyari[data-puan-durumu="eksik"] { color:#8b421d; }
#senaryo-dialog { width:min(850px,calc(100% - 32px)); max-height:85dvh; padding:24px; border:1px solid var(--h-line); border-radius:12px; color:var(--h-ink); font:400 var(--type-body)/var(--type-body-line) var(--type-ui); }
#senaryo-dialog::backdrop { background:#131b2b66; }
#senaryo-dialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
#senaryo-dialog h2 { font-size:var(--type-section); margin:0;  line-height:var(--type-heading-line); }
.senaryo-filtre { display:flex; gap:16px; margin:20px 0; flex-wrap:wrap; }
.senaryo-filtre label { display:grid; gap:6px; }
.senaryo-filtre select { font:inherit; padding:8px; border:1px solid var(--h-line); border-radius:6px; background:white; }
#senaryo-liste { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.senaryo-kart { padding:18px; border:1px solid var(--h-line); border-radius:8px; }
.senaryo-kart h3 { margin:0; font-size:var(--type-section); }
.senaryo-kart ul { list-style:none; padding:0; }
.senaryo-kart li { display:grid; gap:3px; margin-bottom:10px; }
.senaryo-kart li span { color:var(--h-muted); font-size:var(--type-control); }
.senaryo-eksik { color:#8b421d; }
@media(max-width:600px) { #senaryo-liste { grid-template-columns:1fr; } #sorulari-getir { flex:1; } }

@media(max-width:899px) { #hizli-kur, #sorulari-getir, #hazir-senaryolar { order:4; } #sorulari-getir, #hazir-senaryolar { flex:1; } }


#senaryo-onay { position:sticky; bottom:0; padding:16px; background:#fff7f4; border:1px solid #d7b9ac; border-radius:8px; box-shadow:0 -8px 24px #fff; }
#senaryo-onay div { display:flex; gap:10px; flex-wrap:wrap; }

/* Teacher controls share one typographic scale, including dialogs outside main. */
.filtre-cubugu > :is(.birincil,.ikincil), .filtre-cubugu > .secim-menu > summary { box-sizing:border-box; height:52px; min-height:52px; font-size:var(--type-control); }
.filtre-cubugu > :is(.birincil,.ikincil) { font-weight:500; border-radius:10px; }
.hizli-kur .adim { display:inline-flex; flex-direction:row; flex-wrap:nowrap; gap:0; width:auto; flex:none; }
.hizli-kur .adim button { display:inline-flex; align-items:center; justify-content:center; width:28px; height:32px; min-height:32px; padding:0; border:0; border-radius:5px; color:#687078; font:400 var(--type-control)/1 var(--type-ui); }
.hizli-kur .adim button:hover { background:#f8eeef; color:#7a2021; }
.hizli-kur .adim output { min-width:25px; font:500 var(--type-control)/1 var(--type-ui); font-variant-numeric:tabular-nums; color:#283139; }
.hizli-kur .dagilim-liste li { grid-template-columns:43px minmax(0,1fr) auto; padding:12px 0; }
.hizli-kur .dagilim-metin { white-space:normal; color:#59646f; font-size:var(--type-control); line-height:1.45; }
#senaryo-dialog { font:400 var(--type-body)/var(--type-body-line) var(--type-ui); padding:24px; background:#fff; }
#senaryo-dialog h2 { font-size:var(--type-section); font-weight:500; line-height:var(--type-heading-line); letter-spacing:-.015em; color:#283139; }
#senaryo-dialog > p { color:#687078; font-size:var(--type-control); margin:12px 0 0; }
#senaryo-dialog .senaryo-filtre label { font-size:var(--type-small); color:#687078; }
#senaryo-dialog .senaryo-filtre select { min-height:40px; font-size:var(--type-control); border-radius:8px; color:#3e4852; }
#senaryo-dialog .senaryo-kart { padding:18px; border-radius:10px; border-color:#e2e4e5; box-shadow:none; display:flex; flex-direction:column; }
#senaryo-dialog .senaryo-kart h3 { font:500 var(--type-body)/var(--type-heading-line) var(--type-ui); color:#283139; margin:0; }
#senaryo-dialog .senaryo-kart > p { font-size:var(--type-small); color:#687078; margin:5px 0 12px; }
#senaryo-dialog .senaryo-kart ul { margin:0 0 16px; }
#senaryo-dialog .senaryo-kart li { gap:4px; margin-bottom:11px; }
#senaryo-dialog .senaryo-kart li strong { font:400 var(--type-small)/1.4 var(--type-code); color:#7a3441; }
#senaryo-dialog .senaryo-kart li span { font:400 var(--type-control)/1.45 var(--type-ui); color:#59646f; }
#senaryo-dialog .senaryo-kart > button { align-self:flex-start; margin-top:auto; }
.soru-araclari .soru-etiket { display:inline-flex; align-items:center; gap:8px; padding:5px 10px; }
.soru-araclari select.zorluk-degistir { width:auto; min-width:110px; max-width:180px; padding:5px 8px; border:1px solid #e3d3d6; border-radius:6px; background:#fdf8f9; color:#7a3441; font:400 var(--type-control)/var(--type-control-line) var(--type-ui); }
@media(max-width:600px) { #senaryo-dialog { padding:18px; } .soru-araclari .soru-etiket { flex-basis:100%; } }

/* Interface typography: document text keeps its separate print scale in kagit.css. */
.atolye :where(h1,h2,h3,h4,p,button,summary,label,input,select,textarea),
:is(#secili-dialog,#senaryo-dialog) :where(h2,h3,p,button,summary,label,input,select,textarea) { font-family:var(--type-ui); }
.atolye-giris .giris-metin { font:400 var(--type-body)/var(--type-body-line) var(--type-ui); }
:is(#secili-dialog,#senaryo-dialog) { font-size:var(--type-body); line-height:var(--type-body-line); }
:is(.menu-etiket,.acilir-baslik,.kart-ust,.secili-etiket,.ozet-dagilim,.ozet-puan-durumu,.masa-notu,.cevap-olcu,#secim-ozeti,#secili-cikti-meta) { line-height:var(--type-small-line); }
:is(.secili-sira,.secili-puan,.kart-numara,.adim output,#kagit-nav-adet) { font-variant-numeric:tabular-nums; }

.giris-form input { font:400 var(--type-control)/var(--type-control-line) var(--type-ui); }
.yazdir-menu input { font:inherit; }
.secili-bos strong { font-weight:500; }

.cikti-listesi input { font:inherit; }
.kart-anahtar :is(th,strong) { font-weight:500; }

/* Selected questions are a navigable exam plan. */
.secili-sorular .plan-satir { position:relative; display:block; padding:12px 0; }
.plan-git { display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; width:100%; min-height:56px; padding:4px 30px 4px 0; border:0; border-radius:7px; background:transparent; text-align:left; color:var(--h-ink); font:400 var(--type-control)/var(--type-control-line) var(--type-ui); cursor:pointer; }
.plan-git:hover { background:#fdf5f6; }
.plan-numara { padding-top:1px; color:var(--h-accent); font-size:var(--type-small); font-variant-numeric:tabular-nums; }
.plan-metin { min-width:0; }
.plan-baslik { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--h-ink); font-size:var(--type-control); font-weight:500; line-height:1.5; }
.plan-meta { display:flex; flex-wrap:wrap; align-items:center; gap:5px 7px; margin-top:7px; color:var(--h-muted); font-size:var(--type-small); line-height:1.5; }
.plan-cikti { font:400 var(--type-small)/1.5 var(--type-code); }
.plan-puan { font-variant-numeric:tabular-nums; white-space:nowrap; }
.plan-meta .zorluk-etiket { padding:1px 5px; }
.plan-menu > summary { position:absolute; top:14px; right:0; display:flex; align-items:center; justify-content:center; width:28px; height:28px; list-style:none; border:1px solid transparent; border-radius:7px; color:var(--h-muted); font:500 var(--type-section)/1 var(--type-ui); cursor:pointer; }
.plan-menu > summary::-webkit-details-marker { display:none; }
.plan-menu > summary:hover,.plan-menu[open] > summary { background:#f8eeef; border-color:#e7d6da; color:var(--h-accent); }
.plan-menu-icerik { margin:10px 0 0 32px; padding:12px; border:1px solid var(--h-line); border-radius:8px; background:#fbfbfa; }
.plan-menu-icerik label { display:grid; gap:6px; color:var(--h-muted); font:400 var(--type-small)/1.5 var(--type-ui); }
.plan-menu-icerik input { box-sizing:border-box; width:100%; min-width:0; padding:7px 8px; border-radius:6px; font:400 var(--type-control)/1.4 var(--type-ui); }
.plan-menu-icerik p { margin:8px 0; font:400 var(--type-small)/1.5 var(--type-ui); color:var(--h-muted); }
.plan-cikar { padding:5px 0; border:0; background:transparent; color:var(--h-accent); font:500 var(--type-control)/1.4 var(--type-ui); }
.plan-yonlendirme { margin:9px 0 0; font:400 var(--type-small)/1.5 var(--type-ui); color:var(--h-muted); }
.plan-dagilim { margin-top:10px; font:400 var(--type-small)/1.5 var(--type-ui); color:var(--h-muted); }
.plan-dagilim > summary { cursor:pointer; color:var(--h-accent); padding:3px 0; }
.plan-dagilim-icerik ul { list-style:none; margin:8px 0 0; padding:0; }
.plan-dagilim-icerik li { display:grid; gap:3px; padding:9px 0; border-top:1px solid var(--h-line-soft); }
.plan-dagilim-kod { font-family:var(--type-code); color:var(--h-accent); }
.plan-dagilim-metin { color:var(--h-ink); }
.plan-zorluk-ozeti { margin:8px 0; }
#mobil-plan-dagilim,#secili-dialog > .plan-yonlendirme { margin:12px 22px; }
.a4 .k-soru { scroll-margin-top:90px; }
@media(max-width:899px) { .secili-panel .plan-dagilim,.secili-panel .plan-yonlendirme { display:none; } }

.gorsel-filtre { display:flex; align-items:center; gap:8px; padding:12px 24px; font-size:14px; color:#30343a; border-bottom:1px solid #e4e5e8; }
.gorsel-filtre input { width:16px; height:16px; accent-color:#7a2021; }

:is(.kart-durum,.kart-soru,.kart-anahtar p,.ekran-anahtar p) { white-space:pre-line; overflow-wrap:break-word; }

/* Ders seçimi aynı ölçekte; ek filtre küçük ekranda satıra geçebilir. */
#ders-menusu{min-width:125px;max-width:250px}#ders-menusu .secim-acilir{min-width:285px}#ders-menusu .secim-acilir [role=group]{display:grid;gap:6px}#ders-kapsami{margin:10px 0 0}#sinif-menusu[hidden]{display:none}