/*
 * Prototype v25.6 – v26.6 styles, as the prototype writes them (Klinik Model v26.6).
 * Loads after the prototype bundle (resources/css/prototype.css, v25.5) and before theme.css; no build needed.
 */
/* v25.6 · Konu kutusu: tam liste açılır */
input.cb-inp{padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2312343B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/16px 16px;cursor:pointer}
input.cb-inp:focus{cursor:text}
#cbPop{position:fixed;z-index:9999;background:#fff;border:1px solid #DCD5C6;border-radius:12px;box-shadow:0 12px 32px rgba(18,52,59,.16);max-height:320px;overflow:auto;padding:6px}
#cbPop.hide{display:none}
#cbPop .cb-o{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left;border:0;background:none;padding:9px 12px;border-radius:8px;font:inherit;font-size:14px;color:#1d2b2e;cursor:pointer}
#cbPop .cb-o:hover,#cbPop .cb-o.act{background:#EEF3F2}
#cbPop .cb-o.cur{font-weight:700;color:#12343B}
#cbPop .cb-o.cur::after{content:" ✓";color:#2f6b3a}
#cbPop .cb-none{padding:10px 12px;color:#8A8376;font-size:13px}
/* v25.6 · Öğrenci sayfası */
.stu-back{margin-bottom:12px}
/* v25.7 · ikiz düğmesi ve ikiz penceresi */
.twb{border:0;background:none;padding:0;font:inherit;font-size:12px;font-weight:700;color:#12343B;cursor:pointer;text-decoration:underline;text-decoration-color:#C9BFA9;text-underline-offset:3px;white-space:nowrap}
.twb:hover{text-decoration-color:#12343B}
.twb.miss{color:#9A6A12}
.twb .tws{color:#B08423}
#twPop .tw-card{background:#fff;border-radius:16px;padding:20px 22px;max-width:1040px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.tw-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.tw-hd h2{margin:0;font-family:Georgia,serif;font-weight:normal;font-size:22px;color:#12343B}
.tw-hd .muted{margin-top:4px}
.tw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.tw-q{border:1px solid #E3DCCD;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#fff}
.tw-q.orig{background:#FBF8F1}
.tw-q.hit{box-shadow:0 0 0 3px rgba(244,214,140,.8)}
.tw-q .tw-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.tw-q .tw-code{font-family:ui-monospace,Menlo,monospace;font-weight:700;color:#12343B;font-size:12.5px}
.tw-q .tw-t{font-family:Georgia,serif;font-size:16px;line-height:1.5;min-height:48px}
.tw-q .tw-t img{max-width:100%}
.tw-q .tw-a{font-size:12.5px;color:#6F695E}
.tw-q .tw-a b{color:#1d2b2e}
.tw-u{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:10px}
.tw-u.s{background:#E2F1E6;color:#1F6B3A}.tw-u.a{background:#FBEBD3;color:#9A5A12}.tw-u.n{background:#F6DCD7;color:#9B2C1F}
.tw-u.nx{background:#12343B;color:#F4D68C}
.tw-q.used{border-color:#D6CDB9}
.tw-q.miss{border-style:dashed;background:#FCFAF6;align-items:flex-start;justify-content:center;color:#8A8376;min-height:120px}
/* v25.7 · My Openbook: Kaydır (PDF gibi akış) */
.v257-kb{border-color:#12343B!important;color:#12343B}
.v257-kb.on{background:#12343B!important;color:#fff!important}
.v257-flow .qcards{display:flex!important;flex-direction:column;gap:18px;max-width:880px;margin:0 auto}
.v257-flow .qcard{padding:16px 24px 18px;min-height:280px;display:flex;flex-direction:column;gap:12px;border-radius:14px}
.v257-flow .qcard .qimg{flex:1;font-size:21px!important;line-height:1.65!important;min-height:190px!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:22px 26px!important;text-align:left;display:block!important;white-space:normal!important;-webkit-line-clamp:unset!important;cursor:default}
.v257-flow .qcard .qimg img{max-width:100%!important}
.v257-flow .qcard [data-pick]{min-height:44px;padding:0 28px;font-size:15px}
.v257-pn{font-size:12px;font-weight:700;color:#8A8376;letter-spacing:.3px}
.v257-flow .qcard.sel{box-shadow:0 0 0 2px #12343B}
/* v25.8 · sabit kaydırma çubuğu · grup başlığında Kaydır · madalyalar · şu anki ikiz */
#flowBar{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;background:#12343B;color:#fff;border-radius:999px;padding:7px 8px 7px 18px;box-shadow:0 8px 24px rgba(18,52,59,.28);font-size:14px;max-width:calc(100vw - 24px)}
#flowBar.hide{display:none}
#flowBar b{color:#F4D68C;font-weight:700}
#flowBar button{border:0;background:#fff;color:#12343B;font:inherit;font-weight:700;font-size:13.5px;border-radius:999px;padding:8px 16px;cursor:pointer;white-space:nowrap}
.v258-gk{border:1px solid currentColor;background:none;color:inherit;font:inherit;font-size:11px;font-weight:700;border-radius:999px;padding:2px 10px;margin-left:10px;cursor:pointer;letter-spacing:.2px;vertical-align:1px}
.v258-md{margin-left:4px;letter-spacing:-1px;font-size:12px}
.tw-q.cur{border:2px solid #12343B;background:#EEF4F3;box-shadow:0 4px 14px rgba(18,52,59,.12)}
.toast{z-index:200!important}
/* v25.9 · Yönetici: sade başlık, büyük sekme kartları, bildirim kartın içinde */
#p-yonetici>.note,#p-yonetici #pendBan{display:none!important}
.y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.y-head h1{margin:0;font:400 30px Georgia,serif;color:#12343B}
.y-head .y-who{font-size:13px;color:#6F695E;margin-top:2px}
#p-yonetici .adm-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:none!important;padding:0!important;border:0!important;margin:0 0 20px!important;width:100%}
#p-yonetici .adm-tabs>button{all:unset;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #E3DCCD;border-radius:16px;padding:18px 20px 16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:box-shadow .15s,border-color .15s,background .15s;position:relative}
#p-yonetici .adm-tabs>button:hover{border-color:#B9AE97;box-shadow:0 6px 18px rgba(18,52,59,.08)}
#p-yonetici .adm-tabs>button:focus-visible{outline:3px solid #F4D68C;outline-offset:2px}
#p-yonetici .adm-tabs>button.on{background:#12343B;border-color:#12343B;box-shadow:0 8px 22px rgba(18,52,59,.22)}
.yt-l{font:400 22px Georgia,serif;color:#12343B;line-height:1.15}
.yt-n{font-size:13.5px;color:#6F695E;font-weight:600}
.yt-n b{font-size:26px;color:#12343B;font-weight:700;margin-right:5px;vertical-align:-2px;font-family:Georgia,serif}
#p-yonetici .adm-tabs>button.on .yt-l,#p-yonetici .adm-tabs>button.on .yt-n b{color:#fff}
#p-yonetici .adm-tabs>button.on .yt-n{color:#C9D9DB}
.yt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.yt-p{display:inline-flex;white-space:nowrap;align-items:center;gap:7px;background:#FBF1D9;color:#7A5A12;border:1px solid #EBD39A;border-radius:999px;padding:4px 11px 4px 9px;font-size:12px;font-weight:700}
.yt-p i{width:8px;height:8px;border-radius:50%;background:#C8962B;box-shadow:0 0 0 3px rgba(200,150,43,.22);animation:ytp 1.8s ease-in-out infinite}
@keyframes ytp{50%{box-shadow:0 0 0 6px rgba(200,150,43,.06)}}
#p-yonetici .adm-tabs>button.on .yt-p{background:#F4D68C;color:#12343B;border-color:#F4D68C}
#p-yonetici .adm-tabs .pend-badge{display:none}
#p-yonetici .adm-r{padding:10px 12px}
#p-yonetici .adm-empty{color:#8A8376}
@media (max-width:720px){#p-yonetici .adm-tabs{gap:8px}#p-yonetici .adm-tabs>button{min-height:88px;padding:12px 12px 10px;border-radius:13px}.yt-l{font-size:16px}.yt-n{font-size:11.5px}.yt-n b{font-size:20px}.yt-p{padding:2px 8px 2px 7px;font-size:10.5px;white-space:normal}.y-head h1{font-size:24px}}
/* ikiz silme (yönetici) */
.tw-del{border:0;background:none;color:#B03A2E;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:6px}
.tw-del:hover{background:#FBEAE7}
.tw-del.ask{background:#B03A2E;color:#fff;padding:3px 10px}
.tw-wrap{margin-right:auto}
/* v26.0 · Sıradaki ders: kahve (yeşil yalnızca kapandı) */
.v36-on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
.t-bk,.sb-bk,.lg.t-bk{background:#F4ECE2!important;color:#7A5532!important;border-color:#DCC7AA!important}
.t-bk .stl,.t-pl .stl{background:#8B6340!important;color:#fff!important}
.lg.t-bk.on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
.v29-gh.sirada{color:#7A5532}
.v29-st.sirada{background:#F4ECE2;color:#7A5532}
.v29-g.v260-sir,.f.v260-sir{border-color:#B58B5E;color:#7A5532}
.f.v260-sir.on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
/* öğrenci ve velide ikiz düğmesi yok */
#p-ogrenci .twb,#p-veli .twb,#p-ogrenci span.muted:has(+ .twb),#p-veli span.muted:has(+ .twb){display:none!important}
/* her yerde Kaydır */
.v260-ktb{display:flex;justify-content:flex-end;margin:0 0 10px}
.v260-kb{border:1px solid #12343B;background:#fff;color:#12343B;font:inherit;font-size:13px;font-weight:700;border-radius:999px;padding:6px 14px;cursor:pointer}
.v260-kb:hover{background:#12343B;color:#fff}
.v257-flow>.v260-ktb{display:none}
/* öğrenci sayfası: hedef + soru durumları yan yana */
.v260-g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:16px}
.v260-g2>.card{margin:0!important}
.v260-st h2{margin:0 0 4px}
.v260-st .muted{margin-bottom:10px}
.v260-r{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #EFEAE0;font-size:14px}
.v260-r:first-of-type{border-top:0}
.v260-r .bar{height:8px;border-radius:99px;background:#F1EDE5;overflow:hidden}
.v260-r .bar i{display:block;height:100%;border-radius:99px}
.v260-r b{text-align:right;font-size:16px}
.v260-c{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:12.5px;padding:2px 10px;border-radius:999px;justify-self:start}
.v260-tot{display:flex;justify-content:space-between;margin-top:8px;padding-top:10px;border-top:2px solid #E3DCCD;font-weight:700}
@media (max-width:760px){.v260-g2{grid-template-columns:1fr}.v260-r{grid-template-columns:130px 1fr 34px}}
.qcard .stl,.qcard .v29-st{white-space:nowrap}
.qcard>.row.between.small:first-of-type{flex-wrap:wrap;gap:4px 6px}
/* v26.1 · ödev çözümü: birden fazla dosya, aç, sil */
#viewer{z-index:9500!important}
.hwf-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 2px}
.hwf-row{display:flex;align-items:center;gap:10px;border:1px solid #E3DCCD;border-radius:10px;padding:7px 8px 7px 10px;background:#FBF9F4}
.hwf-ic{flex:none;font-size:10.5px;font-weight:800;letter-spacing:.4px;border-radius:6px;padding:3px 6px;background:#12343B;color:#fff}
.hwf-ic.img{background:#3B8FCB}
.hwf-ic.pdf{background:#B03A2E}
.hwf-nm{flex:1;min-width:0;border:0;background:none;padding:0;font:inherit;font-size:14px;color:#12343B;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-decoration-color:#C9BFA9;text-underline-offset:3px}
.hwf-nm:hover{text-decoration-color:#12343B}
.hwf-th{flex:none;width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid #E3DCCD}
.hwf-del{flex:none;border:0;background:none;color:#B03A2E;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:5px 8px;border-radius:8px}
.hwf-del:hover{background:#FBEAE7}
.hwf-open{flex:none}
.hwf-add{margin-top:2px}
/* v26.2 · My Openbook: Sıradaki ders sekmesi kahve */
#ob16 .filters [data-stf="Bekliyor"]{border-color:#B58B5E!important;color:#7A5532!important;background:#FBF6EF!important}
#ob16 .filters [data-stf="Bekliyor"].on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
/* v26.3 · her tür dosya, kamera, önizleme */
.hwf-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.hwf-ic.ppt{background:#C4501E}.hwf-ic.doc{background:#2B579A}.hwf-ic.xls{background:#1D6F42}.hwf-ic.txt{background:#6F695E}
.hwf-sz{flex:none;font-size:12px;color:#8A8376}
.hwf-card{background:#fff;border-radius:12px;padding:40px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:320px;justify-content:center}
.hwf-card .big{font:800 22px system-ui,sans-serif;color:#fff;border-radius:12px;padding:16px 20px;letter-spacing:.5px}
.hwf-card b{font-size:17px;color:#12343B;word-break:break-all}
.hwf-card .muted{font-size:13.5px;max-width:420px}
.hwf-pre{background:#fff;border-radius:10px;padding:18px 20px;white-space:pre-wrap;font:14px/1.6 ui-monospace,Menlo,monospace;text-align:left;max-height:70vh;overflow:auto}
.hwf-card a.btn{text-decoration:none;display:inline-flex;align-items:center;padding:0 22px;min-height:42px}
/* v26.4 · ders için soru seçerken de My Openbook renkleri */
.f[data-stf="yeni"]{background:#fff!important;border-color:#DDD8CE!important;color:#16202A!important}
.f[data-stf="takipte"]{background:#FDEEE2!important;border-color:#F2B98A!important;color:#16202A!important}
.f[data-stf="kronik"]{background:#F9E3E0!important;border-color:#E3A39B!important;color:#16202A!important}
.f[data-stf="kapandi"]{background:#E6F4EB!important;border-color:#9ACFAE!important;color:#16202A!important}
.f[data-stf="temiz"]{background:#E0F2FE!important;border-color:#BAE6FD!important;color:#16202A!important}
.f[data-stf="sirada"]{background:#FBF6EF!important;border-color:#B58B5E!important;color:#7A5532!important}
.f[data-stf="sirada"].on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
.f[data-stf="sirada"].on .muted{color:#F4ECE2!important}
.v29-gh.temiz{color:#1D5F8A}
.v29-st.temiz{background:#E0F2FE;color:#1D5F8A}
.v29-st.master{background:#EEF0FB;color:#3B3F8F}
/* v26.5 · ikiz etiketi her yerde aynı: beyaz hap, her zeminde okunur */
.twb{display:inline-flex!important;align-items:center;gap:5px;background:#fff!important;border:1px solid #D9D1C0!important;border-radius:999px!important;padding:2px 10px!important;color:#12343B!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;line-height:1.5;white-space:nowrap}
.twb:hover{border-color:#12343B!important}
.twb .tws{background:#12343B;color:#F4D68C;border-radius:5px;padding:0 5px;font-size:11px;line-height:1.5}
.twb.miss{border-color:#E3C27E!important;color:#8A5A0E!important;background:#FFFBF1!important}
/* öğrenci sayfası: Takip ve Ders puanı kartları */
.kpi.v265{position:relative}
.v265-bar{display:flex;gap:2px;height:10px;margin:10px 0 8px}
.v265-bar i{display:block;height:100%;border-radius:3px;min-width:4px}
.v265-leg{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:#4A4F55}
.v265-leg span{display:inline-flex;align-items:center;gap:5px}
.v265-leg i{width:9px;height:9px;border-radius:3px;display:inline-block}
.v265-leg b{color:#16202A}
.v265-ft{margin-top:8px;font-size:12.5px;color:#6F695E}
.v265-ft b{color:#1D5F8A}
.v265-tr{display:inline-flex;align-items:center;font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:3px}
.v265-tr.up{background:#E3F3E9;color:#1F7A45}.v265-tr.dn{background:#FBEAE7;color:#9B2C1F}.v265-tr.eq{background:#F1EDE5;color:#6F695E}
.v265-ch{width:100%;height:64px;display:block;margin-top:6px;overflow:visible}
.v265-ch rect.b{fill:#9DB3B7}
.v265-ch rect.b.last{fill:#12343B}
.v265-ch rect.b.on{fill:#C8962B}
.v265-ch line.avg{stroke:#C8962B;stroke-width:1.5;stroke-dasharray:3 3}
.v265-ax{display:flex;justify-content:space-between;font-size:11px;color:#8A8376;margin-top:2px}
.v265-tip{position:absolute;z-index:5;pointer-events:none;background:#12343B;color:#fff;font-size:12px;border-radius:8px;padding:6px 9px;white-space:nowrap;box-shadow:0 6px 16px rgba(0,0,0,.18);transform:translate(-50%,-100%)}
.v265-tip b{color:#F4D68C}
.v265-tip.hide{display:none}
/* v26.6 · TUTARLILIK: öğrencinin ve velinin Openbook süzgeci hocadakiyle aynı */
.v266-flt{background:#fff;border:1px solid var(--line,#E5DFD3);border-radius:16px;padding:14px 16px;margin:0 0 14px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.v266-flt>label{margin:0}
.v266-flt .oblegend,.v266-flt .filters{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}
.v266-flt .lg.f{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid #DDD8CE;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;color:#16202A;background:#fff;line-height:1.2}
.v266-flt .lg.f:focus-visible{outline:3px solid #F4D68C;outline-offset:2px}
.v266-flt .f[data-stf="all"].on,.v266-flt .lg.f[data-stf="all"].on{background:#12343B!important;border-color:#12343B!important;color:#fff!important}
.f[data-stf="KT"]{background:#F9E3E0!important;border-color:#E3A39B!important;color:#16202A!important;border-style:dashed!important}
/* Kaydır: ayrı düğme yok; soruya dokununca açılan pencereden ve grup başlığından */
.v260-ktb,#obFlow{display:none!important}
.v266-flt .f[data-stf="Bekliyor"]{background:#FBF6EF!important;border-color:#B58B5E!important;color:#7A5532!important}
.v266-flt .f[data-stf="Bekliyor"].on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}
/* App: My Openbook's "Sıradaki ders" filter is data-stf="next" (the prototype's "Bekliyor") */
#ob16 .filters [data-stf="next"]{border-color:#B58B5E!important;color:#7A5532!important;background:#FBF6EF!important}
#ob16 .filters [data-stf="next"].on{background:#8B6340!important;color:#fff!important;border-color:#8B6340!important}

/* v25.9 · Admin: a plain heading, three big tab cards, the approval note inside the Master Openbook card */
.y-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.y-head h1{margin:0;font:400 30px Georgia,serif;color:#12343B}
.y-head .y-who{font-size:13px;color:#6F695E;margin-top:2px}
.adm-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px;width:100%}
.adm-tabs>a{box-sizing:border-box;text-decoration:none;cursor:pointer;background:#fff;border:1px solid #E3DCCD;border-radius:16px;padding:18px 20px 16px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:box-shadow .15s,border-color .15s,background .15s;position:relative}
.adm-tabs>a:hover{border-color:#B9AE97;box-shadow:0 6px 18px rgba(18,52,59,.08)}
.adm-tabs>a:focus-visible{outline:3px solid #F4D68C;outline-offset:2px}
.adm-tabs>a.on{background:#12343B;border-color:#12343B;box-shadow:0 8px 22px rgba(18,52,59,.22)}
.yt-l{font:400 22px Georgia,serif;color:#12343B;line-height:1.15}
.yt-n{font-size:13.5px;color:#6F695E;font-weight:600}
.yt-n b{font-size:26px;color:#12343B;font-weight:700;margin-right:5px;vertical-align:-2px;font-family:Georgia,serif}
.adm-tabs>a.on .yt-l,.adm-tabs>a.on .yt-n b{color:#fff}
.adm-tabs>a.on .yt-n{color:#C9D9DB}
.yt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}
.yt-p{display:inline-flex;white-space:nowrap;align-items:center;gap:7px;background:#FBF1D9;color:#7A5A12;border:1px solid #EBD39A;border-radius:999px;padding:4px 11px 4px 9px;font-size:12px;font-weight:700}
.yt-p i{width:8px;height:8px;border-radius:50%;background:#C8962B;box-shadow:0 0 0 3px rgba(200,150,43,.22);animation:ytp 1.8s ease-in-out infinite}
@keyframes ytp{50%{box-shadow:0 0 0 6px rgba(200,150,43,.06)}}
.adm-tabs>a.on .yt-p{background:#F4D68C;color:#12343B;border-color:#F4D68C}
.adm-pick{padding:16px 18px;color:#6F695E;font-size:14px}
@media (max-width:720px){.adm-tabs{gap:8px}.adm-tabs>a{min-height:88px;padding:12px 12px 10px;border-radius:13px}.yt-l{font-size:16px}.yt-n{font-size:11.5px}.yt-n b{font-size:20px}.yt-p{padding:2px 8px 2px 7px;font-size:10.5px;white-space:normal}.y-head h1{font-size:24px}}
/* ikiz silme (yönetici) */
.tw-del{border:0;background:none;color:#B03A2E;font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:6px}

/* v26.6 · Student and parent pages have no side menu: the prototype's 1100px page with a 16px gutter */
@media (min-width:1101px){#p-ogrenci,#p-veli{box-sizing:border-box;padding-left:16px;padding-right:16px}}

/* v26.8 · Student and parent pages. The page column (860px, parent 820px) stays centred on the screen.
   From 1340px the shortcuts are a 196px side menu between the left edge and the column, a little closer
   to the left, and the logo lines up with them. Below 1340px they become a row above the column. */
.pj{--cw:860px}
.pj:has(#p-veli){--cw:820px}
.pj>.pj-main{max-width:none;margin:0;padding:0!important}
.pj .v31,.pj .v19{width:100%;max-width:var(--cw)!important;margin-left:auto;margin-right:auto}
.pj>.pj-nav{box-sizing:border-box;background:#ffffff;border:1px solid var(--line,#E5DFD3);border-radius:16px;padding:8px;gap:2px;box-shadow:0 1px 2px rgba(18,52,59,.04)}
.pj>.pj-nav a,.pj>.pj-nav .pj-ob{min-height:0;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;color:#1d2b2e;gap:8px;justify-content:space-between}
.pj>.pj-nav a:hover{background:#F4F1EA}
.pj>.pj-nav a[aria-current]{background:#EEF1F0;color:#12343B;font-weight:700}
.pj>.pj-nav .pj-ob{margin-top:6px;background:#12343B;color:#ffffff;font-weight:700}
.pj>.pj-nav .pj-ob:hover{background:#0D282E;filter:none}

/* Top bar as in the prototype: content 1100px wide, TR / ENG on its own at the far right */
@media (min-width:900px){
  body:has(.pj) .top{padding:14px 16px}
  body:has(.pj) .top .top-in{max-width:1100px!important;padding:0!important}
}
@media (min-width:1200px){
  body:has(.pj) .top .top-in{padding-right:90px!important;position:static}
  body:has(.pj) .top .v63-lang{position:absolute!important;right:28px;top:50%;transform:translateY(-50%)!important;margin:0!important}
}
@media (min-width:1340px){
  main:has(.pj){max-width:none!important;padding-left:0!important;padding-right:0!important}
  main .pj{display:grid;grid-template-columns:calc(50% - var(--cw) / 2) var(--cw);gap:0;align-items:start}
  .pj>.pj-nav{position:sticky;top:16px;width:196px;justify-self:start;flex-direction:column;
    margin-left:max(16px,calc((100% - 196px) * .4))}
  .pj:has(#p-veli)>.pj-nav{margin-left:max(16px,calc((100% - 216px) * .4))}
  body:has(.pj) .top .top-in{max-width:none!important;margin:0;padding-left:calc(max(16px,(50vw - 626px) * .4) - 16px)!important}
}
@media (max-width:1339px){
  main .pj{display:block}
  .pj>.pj-nav{position:sticky;top:6px;z-index:30;max-width:var(--cw);margin:6px auto 18px;flex-direction:row;flex-wrap:wrap;
    padding:6px;border-radius:16px;overflow:visible;box-shadow:0 -6px 0 0 var(--bg,#F5F3EE),0 1px 2px rgba(18,52,59,.04)}
  .pj>.pj-nav a,.pj>.pj-nav .pj-ob{flex:0 0 auto;padding:8px 10px;font-size:13px}
  .pj>.pj-nav .pj-ob{margin:0 0 0 auto}
}
@media (max-width:760px){
  .pj>.pj-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}

/* v27.1 · Teacher: conversation with the parent (answer, edit / delete your own message) */
.v271 h2{margin:0}
.v271-th{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.v271-m{max-width:85%;background:#F1EEE8;border-radius:14px;padding:8px 12px;position:relative;box-sizing:border-box}
.v271-m.me{align-self:flex-end;background:var(--brand-soft,#E6EEEC)}
.v271-m p{margin:3px 0 0;font-size:15px;white-space:pre-wrap}
.v271-meta{font-size:12.5px;color:var(--muted,#6B7A7C);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.v271-ed{font-style:italic}
.v271-act{display:flex;gap:4px;margin-left:auto}
.v271-act button{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:#12343B;padding:2px 8px;border-radius:8px}
.v271-act button:hover{background:rgba(18,52,59,.08)}
.v271-act button.del{color:#B5483A}
.v271-act button:focus-visible{outline:3px solid #F4D68C}
.v271-cf{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(18,52,59,.2);font-size:13.5px}
.v271-cf b{color:#B5483A}
.v271-m textarea{width:100%;box-sizing:border-box;margin-top:6px;font:inherit;font-size:15px;border:1px solid #D9D2C4;border-radius:10px;padding:8px;min-height:64px;background:#fff}
.v271-row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}
.v271-undo{align-self:center;display:flex;gap:10px;align-items:center;background:#12343B;color:#fff;border-radius:999px;padding:6px 8px 6px 14px;font-size:13.5px}
.v271-undo button{all:unset;cursor:pointer;font-weight:700;color:#F4D68C;padding:2px 8px;border-radius:999px}
.v271-new{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.v271-new textarea{flex:1;min-width:220px;font:inherit;font-size:15px;border:1px solid #D9D2C4;border-radius:10px;padding:8px;min-height:44px}
.vqm .v271-ed{font-style:italic}

/* v27.2 · Admin: lesson clash warning */
.adm-clash{display:block;margin:0 0 8px;padding:8px 12px;border-radius:10px;background:#FBEAE6;color:#9B2C1F;font-weight:600;font-size:13.5px}