/* ─────────────────────────────────────────────────────────────
   Vaiz Portalı — "aharlı kağıt üzerinde tezhipli sahife"
   Lapis masa · altın cetvel · girih dokusu · mihrap kemeri · mıstar
   ───────────────────────────────────────────────────────────── */
:root{
  --lacivert:#14213F; --lacivert-2:#1B2D55; --lacivert-3:#243A6B;
  --altin:#C9A24B; --altin-koyu:#A88330; --altin-acik:#E7CF86;
  --kagit:#F5EEDC; --fildisi:#FBF7EC; --murekkep:#1E1A15; --murekkep-2:#57503F; --murekkep-3:#8A8271;
  --cini:#1E7F86; --mercan:#B5412F; --mercan-acik:#F0A08E; --kirmizi:#A33A2E;
  --serif:"Alegreya",Georgia,"Times New Roman",serif;
  --sans:"Alegreya Sans","Gill Sans",system-ui,sans-serif;
  --arap:"Amiri","Scheherazade New","Noto Naskh Arabic",serif;
  --kemer-suresi:1.5s;
  --girih:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3Cg id='s' fill='none' stroke='%23C9A24B' stroke-opacity='.13' stroke-width='1'%3E%3Crect x='-15' y='-15' width='30' height='30'/%3E%3Crect x='-15' y='-15' width='30' height='30' transform='rotate(45)'/%3E%3Ccircle r='2' fill='%23C9A24B' fill-opacity='.18' stroke='none'/%3E%3C/g%3E%3C/defs%3E%3Cuse href='%23s' x='48' y='48'/%3E%3Cuse href='%23s' x='0' y='0'/%3E%3Cuse href='%23s' x='96' y='0'/%3E%3Cuse href='%23s' x='0' y='96'/%3E%3Cuse href='%23s' x='96' y='96'/%3E%3C/svg%3E");
  --kagit-doku:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .29 0 0 0 0 .16 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  --kose-sol-ust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23C9A24B' stroke-width='1'%3E%3Cpath d='M1 47V1h46'/%3E%3Cpath d='M7 30V7h23' stroke-opacity='.55'/%3E%3Cpath d='M12 12c8 0 10 2 10 10 0-8 2-10 10-10' stroke-opacity='.9'/%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23C9A24B' stroke='none'/%3E%3C/svg%3E");
  --kose-sag-ust:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23C9A24B' stroke-width='1'%3E%3Cg transform='rotate(90 24 24)'%3E%3Cpath d='M1 47V1h46'/%3E%3Cpath d='M7 30V7h23' stroke-opacity='.55'/%3E%3Cpath d='M12 12c8 0 10 2 10 10 0-8 2-10 10-10' stroke-opacity='.9'/%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23C9A24B' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  --kose-sag-alt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23C9A24B' stroke-width='1'%3E%3Cg transform='rotate(180 24 24)'%3E%3Cpath d='M1 47V1h46'/%3E%3Cpath d='M7 30V7h23' stroke-opacity='.55'/%3E%3Cpath d='M12 12c8 0 10 2 10 10 0-8 2-10 10-10' stroke-opacity='.9'/%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23C9A24B' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  --kose-sol-alt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none' stroke='%23C9A24B' stroke-width='1'%3E%3Cg transform='rotate(270 24 24)'%3E%3Cpath d='M1 47V1h46'/%3E%3Cpath d='M7 30V7h23' stroke-opacity='.55'/%3E%3Cpath d='M12 12c8 0 10 2 10 10 0-8 2-10 10-10' stroke-opacity='.9'/%3E%3Ccircle cx='22' cy='22' r='1.6' fill='%23C9A24B' stroke='none'/%3E%3C/g%3E%3C/svg%3E");
  --yildiz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23F5EEDC'/%3E%3Cg fill='none' stroke='%23C9A24B' stroke-width='1.2'%3E%3Crect x='7' y='7' width='10' height='10'/%3E%3Crect x='7' y='7' width='10' height='10' transform='rotate(45 12 12)'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23C9A24B'/%3E%3C/svg%3E");
  --badem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 64' preserveAspectRatio='none'%3E%3Cpath d='M150 4C205 4 252 14 296 32 252 50 205 60 150 60 95 60 48 50 4 32 48 14 95 4 150 4Z' fill='%23FBF7EC' stroke='%23C9A24B' stroke-width='1.2' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M150 10C200 10 244 18 284 32 244 46 200 54 150 54 100 54 56 46 16 32 56 18 100 10 150 10Z' fill='none' stroke='%23C9A24B' stroke-opacity='.55' stroke-width='.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background-color:var(--lacivert);
  background-image:radial-gradient(120% 80% at 50% -10%,rgba(201,162,75,.10),transparent 60%),var(--girih);
  color:var(--murekkep);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip;
}
.hidden{display:none!important}
.muted{color:var(--murekkep-3);font-size:13px}
.err{color:var(--kirmizi);min-height:1.2em;font-size:14px;font-family:var(--serif);margin:0}
::selection{background:rgba(201,162,75,.35)}

/* ── düğmeler ── */
button{font:inherit;cursor:pointer;border:0;border-radius:2px;padding:9px 16px;background:transparent;color:inherit;transition:background .18s,color .18s,transform .12s,box-shadow .18s,border-color .18s}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--altin);outline-offset:3px}
.altin{background:linear-gradient(180deg,#DDB964,#B58F38);color:var(--murekkep);border:1px solid #93722A;font-family:var(--sans);font-weight:700;letter-spacing:.09em;text-transform:uppercase;font-size:12.5px;padding:10px 22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.18)}
.altin:hover{background:linear-gradient(180deg,#E7C876,#C29B3E);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 14px rgba(0,0,0,.22)}
.altin:active{transform:none} .altin:disabled{opacity:.55;cursor:progress;transform:none}
.ghost{border:1px solid rgba(30,26,21,.28);color:var(--murekkep-2);font-family:var(--sans);font-size:13px;padding:6px 12px;letter-spacing:.02em}
.ghost:hover{border-color:var(--altin);color:var(--murekkep);background:rgba(201,162,75,.10)}
.ghost.secili{background:rgba(201,162,75,.25);border-color:var(--altin);color:#FFF6DF}

/* ═══════════════════ İLERLEME ŞERİDİ (her sayfada) ═══════════════════ */
.ilerleme{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:80;width:min(760px,96vw);background:rgba(20,33,63,.97);border:1px solid rgba(201,162,75,.55);border-top:0;border-radius:0 0 10px 10px;box-shadow:0 14px 34px rgba(0,0,0,.55);color:#EDE7D6;font-family:var(--sans);animation:gel .4s both}
.ilerleme-bar{height:5px;background:rgba(201,162,75,.18);overflow:hidden}
.ilerleme-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#B58F38,#E7CF86,#B58F38);background-size:200% 100%;animation:parilti 1.6s linear infinite;transition:width .7s ease}
@keyframes parilti{to{background-position:-200% 0}}
.ilerleme-satir{display:flex;align-items:center;gap:12px;padding:7px 14px 8px;font-size:13.5px;flex-wrap:wrap}
.ilerleme b{font-family:var(--serif);font-size:15.5px;color:#FFF6DF;font-weight:600}
.ilerleme .yuzde{font-family:var(--serif);font-weight:700;color:var(--altin-acik);font-size:15px}
.ilerleme .kalan{color:#C9C2AE;margin-left:auto}
.ilerleme .ghost{color:#D9D3C3;border-color:rgba(217,211,195,.3);padding:3px 10px;font-size:12.5px}
.cikti-ilerleme{margin:10px 0 2px}
.cikti-ilerleme i{display:block;height:3px;width:0;background:linear-gradient(90deg,#B58F38,#E7CF86);transition:width .7s ease}
.cikti-ilerleme span{display:block;font-family:var(--sans);font-size:12.5px;color:var(--murekkep-3);margin-top:4px}

/* ═══════════════════ GİRİŞ ═══════════════════ */
.login{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:radial-gradient(55% 45% at 50% 42%,rgba(201,162,75,.16),transparent 72%)}
.login-card{position:relative;isolation:isolate;width:min(380px,100%);min-height:560px;padding:102px 46px 40px;display:grid;gap:14px;align-content:start;text-align:center}
.kemer{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.kemer-dis{fill:var(--kagit);stroke:var(--altin);stroke-width:1.6;stroke-dasharray:1000;stroke-dashoffset:1000;animation:ciz var(--kemer-suresi) cubic-bezier(.4,0,.2,1) forwards}
.kemer-ic{fill:none;stroke:rgba(201,162,75,.75);stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;animation:ciz var(--kemer-suresi) .25s cubic-bezier(.4,0,.2,1) forwards}
@keyframes ciz{to{stroke-dashoffset:0}}
.besmele{font-family:var(--arap);font-size:26px;line-height:1.4;color:var(--lacivert);margin:0 0 4px;animation:gel .8s .9s both}
.login-card h1{font-family:var(--serif);font-weight:600;font-size:38px;line-height:1.05;margin:0;color:var(--murekkep);letter-spacing:-.01em;animation:gel .7s 1.05s both}
.login-card .alt{font-family:var(--serif);font-variant:small-caps;letter-spacing:.18em;font-size:14px;color:var(--altin-koyu);margin:-4px 0 14px;animation:gel .7s 1.15s both}
.login-card label{display:grid;gap:4px;text-align:left;animation:gel .7s both}
.login-card label:nth-of-type(1){animation-delay:1.25s} .login-card label:nth-of-type(2){animation-delay:1.35s}
.login-card label span{font-family:var(--serif);font-variant:small-caps;letter-spacing:.12em;font-size:14px;color:var(--murekkep-2)}
.login-card input{font-family:var(--serif);font-size:18px;color:var(--murekkep);background:transparent;border:0;border-bottom:1px solid rgba(30,26,21,.35);border-radius:0;padding:7px 2px;width:100%;transition:box-shadow .2s,border-color .2s}
.login-card input:focus{outline:none;border-bottom-color:var(--altin);box-shadow:0 1px 0 var(--altin)}
.login-card .altin{margin-top:10px;justify-self:center;min-width:170px;animation:gel .7s 1.45s both}
.login-card .not{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--murekkep-3);margin:6px 0 0;animation:gel .7s 1.6s both}
@keyframes gel{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ═══════════════════ UYGULAMA IZGARASI ═══════════════════ */
.app{display:grid;grid-template-columns:232px minmax(0,1fr) 300px;min-height:100vh}
.app.fihrist-genis{grid-template-columns:232px minmax(0,1fr) 470px}
@media (min-width:1700px){.app.fihrist-genis{grid-template-columns:232px minmax(0,1fr) 540px}}
.app>*{min-width:0}

/* ── sol ray ── */
.rail{color-scheme:dark;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.32));border-right:1px solid rgba(201,162,75,.22);color:#D9D3C3;padding:18px 12px 14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:11px;padding:2px 6px 12px;border-bottom:1px solid rgba(201,162,75,.25)}
.brand b{display:block;font-family:var(--serif);font-weight:600;font-size:20px;color:#F5EEDC;line-height:1.1}
.brand small{display:block;font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;font-size:11.5px;color:var(--altin);margin-top:3px}
.muhur{position:relative;width:28px;height:28px;flex:none}
.muhur::before,.muhur::after{content:"";position:absolute;inset:6px;border:1.4px solid var(--altin)}
.muhur::after{transform:rotate(45deg)}
.tipler{display:flex;flex-direction:column;gap:1px;overflow:auto;min-width:0;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.35) transparent;animation:gel .6s .1s both;padding-right:2px}
.tipler .grp{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-variant:small-caps;letter-spacing:.16em;font-size:13px;color:var(--altin);padding:11px 6px 4px}
.tipler .grp:first-child{padding-top:4px}
.tipler .grp::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,75,.55),transparent)}
.tipler button{position:relative;text-align:left;padding:6px 10px 6px 26px;font-family:var(--sans);font-size:15px;color:#D9D3C3;border-radius:3px;line-height:1.35}
.tipler button::before{content:"";position:absolute;left:11px;top:50%;width:6px;height:6px;transform:translateY(-50%) rotate(45deg);border:1px solid rgba(201,162,75,.6);transition:all .2s}
.tipler button:hover{background:rgba(255,255,255,.05);color:#F5EEDC}
.tipler button:hover::before{background:var(--altin);border-color:var(--altin)}
.tipler button.aktif{background:linear-gradient(90deg,rgba(201,162,75,.24),rgba(201,162,75,.03));color:#FFF6DF;box-shadow:inset 3px 0 0 var(--altin)}
.tipler button.aktif::before{background:var(--altin);border-color:var(--altin-acik);transform:translateY(-50%) rotate(45deg) scale(1.25)}
.tipler button.kriz{color:var(--mercan-acik)} .tipler button.kriz::before{border-color:rgba(240,160,142,.7)}
.tipler button.kriz:hover::before,.tipler button.kriz.aktif::before{background:var(--mercan-acik);border-color:var(--mercan-acik)}
.tipler button.kriz.aktif{background:linear-gradient(90deg,rgba(181,65,47,.42),rgba(181,65,47,.06));color:#FFE9E3;box-shadow:inset 3px 0 0 var(--mercan-acik)}
.rail-foot{margin-top:auto;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;padding-top:10px;border-top:1px solid rgba(201,162,75,.25)}
.rail-foot .model{display:grid;gap:3px;min-width:0}
.rail-foot .model span{font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;font-size:11.5px;color:var(--altin)}
.rail-foot select{width:100%;font:inherit;font-family:var(--sans);font-size:13px;padding:6px 8px;border-radius:2px;background:rgba(255,255,255,.06);color:#F5EEDC;border:1px solid rgba(201,162,75,.35)}
.rail .ghost{color:#D9D3C3;border-color:rgba(217,211,195,.28);padding:6px 10px} .rail .ghost:hover{color:#F5EEDC;border-color:var(--altin);background:rgba(201,162,75,.12)}

/* ── orta: masa + sahife ── */
.work{padding:26px 36px 44px;width:100%;max-width:980px;justify-self:center;min-width:0}
.work-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:0 6px;color:#D9D3C3}
.tarih{margin:0;font-family:var(--serif);font-size:15.5px;color:#C9C2AE}
.tarih b{font-weight:500;color:#F5EEDC} .tarih b.cuma{color:var(--altin-acik)}
.tarih b.cuma::after{content:"hutbe günü";font-family:var(--serif);font-variant:small-caps;letter-spacing:.12em;font-size:12px;color:var(--altin);margin-left:8px;padding:1px 8px;border:1px solid rgba(201,162,75,.5);border-radius:999px;vertical-align:2px}
.tarih i{font-style:normal;color:var(--altin);margin:0 10px}
.gecmis-ac{display:none}

.sayfa{position:relative;color:var(--murekkep);
  background:var(--kose-sol-ust) top left no-repeat,var(--kose-sag-ust) top right no-repeat,var(--kose-sag-alt) bottom right no-repeat,var(--kose-sol-alt) bottom left no-repeat,var(--kagit-doku),var(--kagit);
  background-color:var(--kagit);border:1px solid var(--altin);outline:1px solid rgba(201,162,75,.55);outline-offset:5px;
  box-shadow:0 40px 70px -30px rgba(0,0,0,.75),0 0 0 6px rgba(20,33,63,.6),0 0 0 7px rgba(201,162,75,.18);
  padding:38px 52px 44px;min-height:calc(100vh - 128px);animation:sahife .8s .15s cubic-bezier(.2,.7,.2,1) both}
@keyframes sahife{from{opacity:0;transform:translateY(16px) rotate(-.4deg)}to{opacity:1;transform:none}}
.sayfa.kriz{outline-color:rgba(181,65,47,.6)}

/* serlevha */
.serlevha{display:flex;align-items:center;gap:16px;margin:0 0 16px}
.serlevha::before,.serlevha::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,75,.85))}
.serlevha::after{background:linear-gradient(90deg,rgba(201,162,75,.85),transparent)}
.tip-ad{display:inline-block;font-family:var(--serif);font-weight:600;font-size:27px;line-height:1;color:var(--lacivert);padding:14px 40px;background:var(--badem) center/100% 100% no-repeat;white-space:nowrap}

/* talimat: ne yapar · ne yazmalısın · örnek */
.talimat{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:0 0 20px;padding:16px 20px 14px;border:1px solid rgba(201,162,75,.4);background:rgba(251,247,236,.65);box-shadow:inset 0 0 0 4px var(--kagit),inset 0 0 0 5px rgba(201,162,75,.25)}
.sayfa.kriz .talimat{border-color:rgba(181,65,47,.6);box-shadow:inset 0 0 0 4px var(--kagit),inset 0 0 0 5px rgba(181,65,47,.3)}
.talimat-ne{grid-column:1/-1;margin:0;font-family:var(--serif);font-size:16px;line-height:1.55;color:var(--murekkep)}
.talimat-yaz b,.talimat-ornek b{display:block;font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;font-size:13.5px;color:var(--altin-koyu);margin-bottom:4px}
.talimat-yaz p,.talimat-ornek p{margin:0;font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--murekkep-2)}
.talimat-ornek p{font-style:italic;white-space:pre-wrap}
.talimat-ornek{display:grid;align-content:start;gap:6px} #ornekKullan{justify-self:start;padding:4px 10px;font-size:12.5px}

/* mıstarlı yazı alanı */
textarea{font:inherit;width:100%;resize:vertical;color:var(--murekkep);border:0;border-radius:0}
#text,#devamText{font-family:var(--serif);font-size:17.5px;line-height:1.65em;padding:0 14px .4em;border-bottom:1px solid var(--altin);
  background:var(--fildisi) repeating-linear-gradient(transparent 0,transparent calc(1.65em - 1px),rgba(201,162,75,.38) calc(1.65em - 1px),rgba(201,162,75,.38) 1.65em);
  background-attachment:local;box-shadow:inset 0 0 0 1px rgba(201,162,75,.18);transition:box-shadow .2s}
#text:focus,#devamText:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(201,162,75,.5),0 8px 24px -14px rgba(201,162,75,.6)}
textarea::placeholder{color:var(--murekkep-3);font-style:italic}
.composer{display:grid;gap:12px}
.composer-row{display:flex;justify-content:flex-end;align-items:center;gap:16px}
.kisayol{font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--murekkep-3)}

/* ── çıktı sahifesi ── */
.sahife-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0 10px;border-bottom:1px solid rgba(201,162,75,.6);font-family:var(--sans);font-size:13px;color:var(--murekkep-2)}
.sahife-bas{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;font-size:14px}
.durum{font-variant:normal;letter-spacing:0;font-family:var(--sans);font-size:12.5px;color:var(--murekkep-3)}
.sahife-actions{display:flex;gap:6px;flex-wrap:wrap}
.sunum-ac{border-color:var(--altin);color:var(--altin-koyu);font-weight:700}
.konusma{padding:4px 0 6px}
.mesaj.user{margin:18px 0 4px;padding:9px 14px 10px 16px;border-left:2px solid var(--cini);background:rgba(30,127,134,.06);font-family:var(--sans);font-size:14.5px;color:var(--murekkep-2);white-space:pre-wrap;line-height:1.5}
.mesaj.user::before{content:"Talep";display:block;font-family:var(--serif);font-variant:small-caps;letter-spacing:.12em;font-size:13px;color:var(--cini);margin-bottom:2px}
.mesaj.assistant{font-family:var(--serif);font-size:17.5px;line-height:1.66;max-width:74ch;padding:14px 0 26px;border-bottom:1px solid rgba(201,162,75,.35)}
.mesaj.assistant:last-child{border-bottom:0}
.govde>*:first-child{margin-top:0}
.araclar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.arac{position:relative;font-family:var(--sans);font-size:12.5px;line-height:1.3;padding:3px 10px 3px 22px;border:1px solid;border-radius:999px;background:rgba(255,255,255,.35)}
.arac::before{content:"";position:absolute;left:8px;top:50%;width:8px;height:8px;transform:translateY(-50%);border-radius:50%}
.arac.ok{border-color:rgba(30,127,134,.5);color:var(--cini)} .arac.ok::before{background:var(--cini)}
.arac.hata{border-color:rgba(181,65,47,.6);color:var(--mercan)} .arac.hata::before{background:var(--mercan)}
.arac.bekliyor{border-color:var(--altin);color:var(--altin-koyu)} .arac.bekliyor::before{background:var(--altin);animation:kalem .8s steps(2) infinite}
.mesaj.assistant h1,.mesaj.assistant h2,.mesaj.assistant h3,.mesaj.assistant h4{font-weight:600;line-height:1.22;margin:1.5em 0 .5em;color:var(--lacivert)}
.mesaj.assistant h1{font-size:28px;text-align:center;margin-bottom:.8em}
.mesaj.assistant h2{font-size:22px} .mesaj.assistant h3{font-size:18.5px} .mesaj.assistant h4{font-size:17px;font-variant:small-caps;letter-spacing:.08em}
.mesaj.assistant h2::before,.mesaj.assistant h3::before{content:"۞";font-family:var(--arap);color:var(--altin);margin-right:.45em;font-weight:400;font-size:.95em}
.mesaj.assistant p{margin:.65em 0}
.mesaj.assistant .arapca{font-family:var(--arap);font-size:1.45em;line-height:1.9;text-align:right;color:var(--lacivert)}
.mesaj.assistant blockquote{position:relative;margin:1.15em 0;padding:16px 22px 12px;font-style:italic;font-size:1.02em;background:rgba(201,162,75,.075);border-top:1px solid rgba(201,162,75,.65);border-bottom:1px solid rgba(201,162,75,.65)}
.mesaj.assistant blockquote::before{content:"";position:absolute;top:-12px;left:50%;width:24px;height:24px;transform:translateX(-50%);background:var(--yildiz) center/24px no-repeat}
.mesaj.assistant blockquote p{margin:.35em 0} .mesaj.assistant blockquote .arapca{font-style:normal}
.mesaj.assistant hr{border:0;height:24px;margin:1.4em 0;background:var(--yildiz) center/24px no-repeat,linear-gradient(90deg,transparent,rgba(201,162,75,.8),transparent) center/100% 1px no-repeat}
.mesaj.assistant ul,.mesaj.assistant ol{padding-left:1.4em} .mesaj.assistant li{margin:.28em 0} .mesaj.assistant li::marker{color:var(--altin-koyu)}
.mesaj.assistant strong{font-weight:700;color:var(--murekkep)} .mesaj.assistant a{color:var(--cini)}
.mesaj.assistant table{border-collapse:collapse;font-family:var(--sans);font-size:14.5px;margin:1em 0;width:100%;display:block;overflow-x:auto}
.mesaj.assistant th,.mesaj.assistant td{border:1px solid rgba(201,162,75,.45);padding:7px 10px;vertical-align:top;text-align:left}
.mesaj.assistant th{font-family:var(--serif);font-variant:small-caps;letter-spacing:.06em;font-weight:600;background:rgba(201,162,75,.12);color:var(--lacivert)}
.mesaj.assistant code{font-family:ui-monospace,"Cascadia Mono",Menlo,monospace;font-size:14px;background:rgba(30,26,21,.07);padding:1px 5px;border-radius:2px}
.mesaj.assistant pre{background:rgba(30,26,21,.06);padding:12px 14px;overflow:auto;font-size:13.5px;border-left:2px solid rgba(201,162,75,.6)} .mesaj.assistant pre code{background:none;padding:0}
.yaziyor .govde::after{content:"";display:inline-block;width:2px;height:1em;background:var(--altin);vertical-align:-.15em;margin-left:3px;animation:kalem .9s steps(2) infinite}
@keyframes kalem{to{opacity:0}}
.devam{display:flex;gap:12px;padding-top:16px;border-top:1px solid rgba(201,162,75,.35);align-items:flex-end}
.devam textarea{font-size:16px}

/* ── sağ ray: fihrist ── */
.gecmis{color-scheme:dark;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.34));border-left:1px solid rgba(201,162,75,.22);color:#D9D3C3;padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(201,162,75,.35) transparent;animation:gel .6s .25s both;display:flex;flex-direction:column;gap:10px}
.gecmis-bas{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 10px;border-bottom:1px solid rgba(201,162,75,.25)}
.gecmis-bas b{display:block;font-family:var(--serif);font-weight:600;font-size:19px;color:#F5EEDC;line-height:1.1}
.gecmis-bas small{display:block;font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;font-size:12px;color:var(--altin);margin-top:3px;min-height:1em}
.gecmis-dugmeler{display:flex;gap:4px}
.gecmis .ghost{color:#D9D3C3;border-color:rgba(217,211,195,.28);padding:4px 9px;font-size:12.5px} .gecmis .ghost:hover{color:#F5EEDC;border-color:var(--altin);background:rgba(201,162,75,.12)}
.gecmis-kapat{display:none;font-size:20px;line-height:1;padding:0 9px}
.gecmis input{width:100%;font:inherit;font-family:var(--sans);font-size:13.5px;padding:8px 10px;border-radius:2px;background:rgba(255,255,255,.06);color:#F5EEDC;border:1px solid rgba(201,162,75,.3)}
.gecmis input::placeholder{color:rgba(217,211,195,.55)} .gecmis input:focus{outline:none;border-color:var(--altin)}
.gecmis ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;align-content:start}
.gecmis li{position:relative;padding:9px 10px 9px 12px;border-radius:3px;cursor:pointer;display:grid;gap:2px;transition:background .15s;min-width:0}
.gecmis li.muted{cursor:default;font-family:var(--serif);font-style:italic;color:rgba(217,211,195,.6);padding:12px 8px}
.gecmis li:hover{background:rgba(255,255,255,.05)}
.gecmis li.aktif{background:linear-gradient(90deg,rgba(201,162,75,.22),rgba(201,162,75,.03));box-shadow:inset 3px 0 0 var(--altin)}
.gecmis .t{font-family:var(--serif);font-variant:small-caps;letter-spacing:.08em;font-size:12.5px;color:var(--altin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gecmis .t em{font-style:normal;font-variant:normal;letter-spacing:0;font-family:var(--sans);font-size:11.5px;padding:0 6px;border-radius:999px;margin-left:4px}
.gecmis .t em.yaz{color:#FFF6DF;background:rgba(201,162,75,.35);animation:kalem 1.2s steps(2) infinite} .gecmis .t em.hata{color:#FFD9CF;background:rgba(181,65,47,.45)}
.gecmis .b{font-family:var(--serif);font-size:14.5px;color:#EDE7D6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gecmis .islem{display:flex;gap:4px;justify-content:flex-end;margin-top:2px;opacity:.55;transition:opacity .15s}
.gecmis li:hover .islem,.gecmis li.aktif .islem{opacity:1}
.gecmis .islem button{font-family:var(--sans);font-size:11.5px;color:rgba(217,211,195,.75);padding:2px 8px;border:1px solid rgba(217,211,195,.2);border-radius:999px}
.gecmis .islem button:hover{color:#F5EEDC;border-color:var(--altin);background:rgba(201,162,75,.15)}
.gecmis .islem .sil:hover{color:#FFD9CF;border-color:var(--mercan);background:rgba(181,65,47,.35)}
/* geniş fihrist: başlık iki satır, ayrıntı tam */
.fihrist-genis .gecmis .b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.35}
.fihrist-genis .gecmis .t{white-space:normal}
.fihrist-genis .gecmis li{padding:11px 12px 10px 14px}
.fihrist-genis .gecmis .islem{opacity:.85}

/* ═══════════════════ SUNUM ═══════════════════ */
.sunum{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;color:#F5EEDC;background-color:var(--lacivert);background-image:radial-gradient(100% 70% at 50% 0%,rgba(201,162,75,.14),transparent 60%),var(--girih)}
.sunum-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid rgba(201,162,75,.3);font-family:var(--sans);background:rgba(0,0,0,.25)}
.sunum-baslik{font-family:var(--serif);font-size:16px;color:var(--altin-acik);font-variant:small-caps;letter-spacing:.1em}
.sunum-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sunum-sayac{font-family:var(--serif);font-size:14px;color:#C9C2AE;margin-right:6px}
.sunum .ghost{color:#D9D3C3;border-color:rgba(217,211,195,.3);padding:5px 11px} .sunum .ghost:hover{color:#F5EEDC;border-color:var(--altin);background:rgba(201,162,75,.15)}
.sunum-sahne{flex:1;position:relative;overflow:hidden;cursor:pointer}
.slayt{position:absolute;inset:0;display:none;padding:4vh 7vw 7vh;align-items:center;justify-content:center}
.slayt.aktif{display:flex;animation:slaytGel .45s ease both}
@keyframes slaytGel{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.slayt-ic{width:min(1120px,100%);max-height:100%;overflow:auto;font-family:var(--serif);font-size:clamp(19px,2.3vw,30px);line-height:1.5;padding:2px 6px;scrollbar-width:thin}
.slayt h1{font-size:clamp(34px,5vw,66px);text-align:center;color:#FFF6DF;margin:.15em 0;line-height:1.1;font-weight:600}
.slayt h2{font-size:clamp(26px,3.2vw,44px);color:var(--altin-acik);margin:0 0 .6em;padding-bottom:.25em;border-bottom:1px solid rgba(201,162,75,.5);font-weight:600;line-height:1.15}
.slayt h2::before{content:"۞";font-family:var(--arap);color:var(--altin);margin-right:.4em;font-weight:400;font-size:.9em}
.slayt h3{font-size:clamp(22px,2.4vw,32px);color:var(--altin-acik);margin:.6em 0 .3em}
.slayt.kapak .slayt-ic{text-align:center}
.slayt.kapak h2{font-size:clamp(19px,2.2vw,30px);color:#D9D3C3;border:0;font-weight:400;padding:0;margin:.4em 0 0} .slayt.kapak h2::before{content:none}
.s-besmele{font-family:var(--arap);font-size:clamp(28px,4vw,54px);color:var(--altin);margin:0 0 .35em;line-height:1.4}
.slayt p{margin:.5em 0}
.slayt ul{list-style:none;padding:0;margin:.2em 0} .slayt ol{padding-left:1.4em}
.slayt li{position:relative;padding-left:1.35em;margin:.5em 0}
.slayt ul li::before{content:"";position:absolute;left:.1em;top:.6em;width:.5em;height:.5em;transform:rotate(45deg);background:var(--altin)}
.slayt blockquote{margin:.4em 0;padding:1em 1.4em;border-top:1px solid rgba(201,162,75,.6);border-bottom:1px solid rgba(201,162,75,.6);background:rgba(201,162,75,.08);font-style:italic;text-align:center}
.slayt.alinti .slayt-ic{text-align:center}
.slayt .arapca{font-family:var(--arap);font-size:1.55em;line-height:1.9;font-style:normal;color:#FFF6DF;text-align:center}
.slayt.kucuk .slayt-ic{font-size:clamp(14px,1.45vw,20px)}
.slayt table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:.85em}
.slayt th,.slayt td{border:1px solid rgba(201,162,75,.4);padding:.3em .6em;text-align:left;vertical-align:top}
.slayt th{color:var(--altin-acik);background:rgba(201,162,75,.12)}
.slayt a{color:var(--altin-acik)} .slayt strong{color:#FFF6DF}
.s-no{position:absolute;right:22px;bottom:14px;font-family:var(--sans);font-size:13px;color:#8F98AD}
.s-muhur{position:absolute;left:22px;bottom:12px;width:22px;height:22px}
.s-muhur::before,.s-muhur::after{content:"";position:absolute;inset:4px;border:1.2px solid rgba(201,162,75,.7)} .s-muhur::after{transform:rotate(45deg)}
.sunum-notlar{position:absolute;right:16px;bottom:44px;width:min(440px,90vw);max-height:42vh;overflow:auto;background:rgba(245,238,220,.97);color:var(--murekkep);padding:12px 16px;border:1px solid var(--altin);font-family:var(--serif);font-size:15.5px;line-height:1.5;z-index:2;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.sunum-notlar b{display:block;font-variant:small-caps;letter-spacing:.12em;font-size:13px;color:var(--altin-koyu);margin-bottom:4px}
.sunum-alt{height:4px;background:rgba(201,162,75,.18)} .sunum-alt i{display:block;height:100%;width:0;background:var(--altin);transition:width .3s}

/* ═══════════════════ DUYARLI ═══════════════════ */
@media (max-width:1400px){.app.fihrist-genis{grid-template-columns:220px minmax(0,1fr) 460px}}
@media (max-width:1240px){.app{grid-template-columns:216px minmax(0,1fr) 270px}.app.fihrist-genis{grid-template-columns:216px minmax(0,1fr) 400px}.work{padding:22px 24px 36px}.sayfa{padding:32px 34px 38px}.talimat{grid-template-columns:1fr}}
@media (max-width:980px){
  .app,.app.fihrist-genis{grid-template-columns:minmax(0,1fr)}
  .rail{position:sticky;top:0;z-index:10;height:auto;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-right:0;border-bottom:1px solid rgba(201,162,75,.25);background:linear-gradient(180deg,#14213F,#132039);min-width:0}
  .brand{padding:0 8px 0 0;border:0;border-right:1px solid rgba(201,162,75,.25);gap:8px;flex:none} .brand b{font-size:17px} .brand small{display:none} .muhur{width:22px;height:22px} .muhur::before,.muhur::after{inset:4px}
  .tipler{flex:1 1 0;min-width:0;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:none;animation:none} .tipler::-webkit-scrollbar{display:none}
  .tipler .grp{display:none} .tipler button{white-space:nowrap;padding:7px 10px 7px 22px;font-size:14px;flex:none} .tipler button::before{left:9px}
  .rail-foot{margin:0;padding:0;border:0;display:flex;gap:6px;flex:none} .rail-foot .model span{display:none} .rail-foot select{width:auto;max-width:110px;padding:6px 8px}
  .work{padding:14px 12px 30px} .work-head{margin-bottom:12px;padding:0 2px} .tarih{font-size:13.5px} .tarih b.cuma::after{display:none}
  .gecmis-ac{display:inline-block;color:#D9D3C3;border-color:rgba(217,211,195,.28)}
  .sayfa{padding:22px 16px 26px;min-height:0;outline-offset:3px;box-shadow:0 20px 40px -20px rgba(0,0,0,.7),0 0 0 4px rgba(20,33,63,.6),0 0 0 5px rgba(201,162,75,.18)}
  .tip-ad{font-size:22px;padding:12px 28px;white-space:normal;text-align:center}
  .talimat{grid-template-columns:1fr;padding:12px 14px}
  .konusma{padding:0} .mesaj.assistant{font-size:16.5px} .mesaj.assistant h1{font-size:24px}
  .gecmis{position:fixed;top:0;right:0;bottom:0;left:auto;width:min(380px,94vw);height:100vh;transform:translateX(102%);transition:transform .3s cubic-bezier(.2,.7,.2,1);z-index:30;background:#182A50;box-shadow:-24px 0 48px rgba(0,0,0,.5);animation:none}
  .fihrist-genis .gecmis{width:min(560px,94vw)}
  .gecmis.acik{transform:none} .gecmis-kapat{display:inline-block}
  .sahife-actions{width:100%;justify-content:flex-start}
  .ilerleme{width:100vw;border-radius:0;border-left:0;border-right:0} .ilerleme-satir{gap:8px;font-size:12.5px}
  .slayt{padding:3vh 5vw 7vh} .slayt-ic{font-size:clamp(17px,4.2vw,24px)} .sunum-bar{padding:6px 10px}
}
@media (max-width:520px){.tip-ad{font-size:19px;padding:10px 22px}.devam{flex-direction:column;align-items:stretch}.composer-row{flex-direction:column;align-items:stretch;text-align:center}.sunum-baslik{display:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;transition-duration:.001s!important}
  .kemer-dis,.kemer-ic{stroke-dashoffset:0}
}

/* ═══════════════════ BASKI ═══════════════════ */
@page{margin:16mm 18mm}
@media print{
  body{background:#fff;color:#000}
  .ilerleme,.rail,.gecmis,.work-head,.composer,.talimat,.sahife-bar,.devam,.mesaj.user,.araclar,.cikti-ilerleme{display:none!important}
  .app{display:block} .work{padding:0;max-width:none}
  .sayfa{border:0;outline:0;box-shadow:none;background:#fff;padding:0;min-height:0;animation:none}
  .serlevha{margin-bottom:8mm} .tip-ad{background:none;padding:0 12px;font-size:20pt}
  .mesaj.assistant{max-width:none;font-size:12.5pt;line-height:1.55;border:0;padding:0}
  .mesaj.assistant:not(:last-child){display:none}
  .mesaj.assistant h1{font-size:18pt} .mesaj.assistant h2{font-size:14.5pt} .mesaj.assistant h3{font-size:13pt}
  .mesaj.assistant blockquote{background:none;border-left:2pt solid #999;border-top:0;border-bottom:0;padding:4pt 12pt}
  .mesaj.assistant blockquote::before,.mesaj.assistant hr{background:none} .mesaj.assistant hr{border-top:1pt solid #999;height:0}
  /* sunum baskısı: her slayt bir yatay sayfa */
  body.sunum-acik #app,body.sunum-acik #login{display:none!important}
  body.sunum-acik .sunum{position:static;display:block;background-color:#14213F!important;background-image:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.sunum-acik .sunum-bar,body.sunum-acik .sunum-notlar,body.sunum-acik .sunum-alt{display:none!important}
  body.sunum-acik .sunum-sahne{overflow:visible;position:static}
  body.sunum-acik .slayt{display:flex!important;position:relative;inset:auto;width:100%;height:100vh;break-after:page;page-break-after:always;padding:6vh 7vw;background:#14213F var(--girih);-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none}
  body.sunum-acik .slayt:last-child{break-after:auto;page-break-after:auto}
  body.sunum-acik .slayt-ic{overflow:visible;max-height:none}
}

/* ═══════════════════ MENÜ GRUPLARI (açılır-kapanır) ═══════════════════ */
.tipler .grup{display:flex;flex-direction:column}
.tipler .grp{cursor:pointer;user-select:none;margin:0;font-weight:400}
.tipler .grp::before{content:"";width:6px;height:6px;border-right:1px solid var(--altin);border-bottom:1px solid var(--altin);transform:rotate(45deg);margin:0 4px 2px 2px;transition:transform .2s;flex:none}
.tipler .grup.kapali .grp::before{transform:rotate(-45deg);margin-bottom:0}
.tipler .grup.kapali .grp-ic{display:none}
.tipler .grp-ic{display:flex;flex-direction:column;gap:1px}
@media (max-width:980px){.tipler .grup{flex-direction:row;align-items:center;gap:4px}.tipler .grp{display:flex;padding:0 6px;font-size:12px;white-space:nowrap}.tipler .grup.kapali .grp-ic{display:flex}.tipler .grp-ic{flex-direction:row;gap:4px}}

/* ═══════════════════ KÜTÜPHANE ═══════════════════ */
.kutuphane{display:grid;gap:14px}
.kk-form{display:grid;grid-template-columns:2fr auto auto 1fr auto auto;gap:8px;align-items:center}
.kk-form input,.kk-form select{font:inherit;font-family:var(--serif);font-size:15px;padding:8px 10px;border:1px solid rgba(201,162,75,.45);background:var(--fildisi);color:var(--murekkep);border-radius:2px;width:100%}
.kk-form input:focus,.kk-form select:focus{outline:none;border-color:var(--altin);box-shadow:0 0 0 2px rgba(201,162,75,.2)}
.kk-form .altin{padding:9px 18px}
.kk-not{margin:0;font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--murekkep-3)}
.kk-sonuc h3{font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;font-size:15px;color:var(--altin-koyu);margin:14px 0 8px;border-bottom:1px solid rgba(201,162,75,.5);padding-bottom:4px}
.kk-kart{background:rgba(251,247,236,.7);border:1px solid rgba(201,162,75,.35);padding:12px 16px;margin:0 0 10px;font-family:var(--serif);font-size:16px;line-height:1.55}
.kk-kart header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.kk-kart header b{font-variant:small-caps;letter-spacing:.08em;color:var(--lacivert)}
.kk-kart header span{display:flex;gap:6px} .kk-kart header .ghost{padding:3px 9px;font-size:12px;text-decoration:none}
.kk-kart p{margin:.35em 0} .kk-kart .arapca{font-family:var(--arap);font-size:1.5em;line-height:1.9;text-align:right;color:var(--lacivert)}
.kk-kart .kk-en{font-family:var(--sans);font-size:14.5px;color:var(--murekkep-2)}
.kk-etiket{display:inline-block;font-family:var(--sans);font-size:11.5px;letter-spacing:.06em;padding:1px 7px;border:1px solid rgba(201,162,75,.6);border-radius:999px;color:var(--altin-koyu);margin-right:4px;vertical-align:1px}
.kk-tablo{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13.5px}
.kk-tablo th,.kk-tablo td{border:1px solid rgba(201,162,75,.4);padding:6px 9px;vertical-align:top;text-align:left}
.kk-tablo th{font-family:var(--serif);font-variant:small-caps;background:rgba(201,162,75,.12);color:var(--lacivert)}
.kk-tablo a{color:var(--cini)}
@media (max-width:980px){.kk-form{grid-template-columns:1fr 1fr}.kk-form input[type=search]{grid-column:1/-1}}
/* kütüphane: sabit düğme (menü dışında) */
.rail-kutuphane{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;padding:8px 12px;border:1px solid rgba(201,162,75,.45);border-radius:3px;color:#F5EEDC;font-family:var(--serif);font-size:15px;background:rgba(201,162,75,.08)}
.rail-kutuphane small{font-family:var(--serif);font-variant:small-caps;letter-spacing:.12em;font-size:11px;color:var(--altin)}
.rail-kutuphane:hover{background:rgba(201,162,75,.18);border-color:var(--altin)}
.rail-kutuphane.aktif{background:linear-gradient(90deg,rgba(201,162,75,.3),rgba(201,162,75,.08));box-shadow:inset 3px 0 0 var(--altin)}
@media (max-width:980px){.rail-kutuphane{flex:none;padding:6px 10px;font-size:13px}.rail-kutuphane small{display:none}}
.kk-kart.hutbe .kk-hutbe-govde{font-family:var(--serif);font-size:16px;line-height:1.6;max-height:60vh;overflow:auto;padding:4px 8px;border-left:2px solid rgba(201,162,75,.5)}
.kk-hutbe-islem{display:flex;gap:8px;margin-top:10px;align-items:center}
.kk-bab{font-size:1.1em!important;color:var(--altin-koyu)!important}
.rail-kutuphane{margin-top:auto} .rail-foot{margin-top:0}
@media (max-width:980px){.rail-kutuphane{margin-top:0}}
/* kaynak yükleme */
.kk-yukle{display:grid;grid-template-columns:1fr auto auto;gap:8px 10px;align-items:center;padding:12px 14px;border:1px dashed rgba(201,162,75,.55);background:rgba(251,247,236,.5)}
.kk-yukle .kk-dosya{grid-column:1/-1;display:grid;gap:4px;font-family:var(--serif);font-size:14px;color:var(--murekkep-2)}
.kk-yukle input[type=file]{font:inherit;font-size:13.5px}
.kk-yukle input[type=text]{font:inherit;font-family:var(--serif);font-size:14.5px;padding:7px 10px;border:1px solid rgba(201,162,75,.45);background:var(--fildisi);border-radius:2px}
.kk-yukle .altin{padding:8px 16px} .kk-yukle #kkYukleDurum{grid-column:1/-1;font-size:13px}
.kk-kart.kaynak .kk-ozet{font-family:var(--serif);font-size:15.5px;color:var(--murekkep-2)} .kk-kart.kaynak .kk-ozet mark,.kk-kart.kaynak .kk-ozet{background:none}
.kk-kart.kaynak details summary{cursor:pointer;font-family:var(--sans);font-size:12.5px;color:var(--altin-koyu)} .kk-pasaj{white-space:pre-wrap;font-size:15px;max-height:40vh;overflow:auto}
@media (max-width:980px){.kk-yukle{grid-template-columns:1fr}}
.kk-dis{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--murekkep-3)}
.kk-dis a{text-decoration:none;font-variant:normal;letter-spacing:.02em;padding:3px 10px;font-size:12.5px}
/* mobil: menü şeridi ikinci satıra tam genişlikte iner (sıkışıp sıfır genişliğe düşmesin) */
@media (max-width:980px){
  .rail{flex-wrap:wrap;row-gap:8px}
  .tipler{flex:1 0 100%;order:10;min-width:0;padding:4px 0 2px;border-top:1px solid rgba(201,162,75,.2)}
  .rail-kutuphane{order:2} .rail-foot{order:3;margin-left:auto}
  .tipler .grp{padding:0 8px 0 4px;font-size:12px;border-right:1px solid rgba(201,162,75,.3);margin-right:2px}
  .tipler .grp::after{content:none}
}
.kk-durum{font-style:normal;font-family:var(--sans);font-size:11.5px;padding:1px 7px;border-radius:999px;border:1px solid}
.kk-durum.ok{color:var(--cini);border-color:rgba(30,127,134,.5)} .kk-durum.yaz{color:var(--altin-koyu);border-color:var(--altin);animation:kalem 1.2s steps(2) infinite} .kk-durum.hata{color:var(--mercan);border-color:rgba(181,65,47,.6)}
.kk-kaynak-yeniden{padding:2px 8px;font-size:11.5px}
/* çıktı eylemleri: açılır menü, ölçü çubuğu, fetva uyarısı */
.acilir{position:relative;display:inline-block}
.acilir-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;z-index:20;background:var(--fildisi);border:1px solid var(--altin);box-shadow:0 10px 24px rgba(0,0,0,.25);padding:4px;min-width:150px;flex-direction:column}
.acilir.acik .acilir-menu{display:flex}
.acilir-menu button{text-align:left;font-family:var(--sans);font-size:13.5px;padding:6px 10px;color:var(--murekkep);border-radius:2px} .acilir-menu button:hover{background:rgba(201,162,75,.18)}
.metin-olcu{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 2px;font-family:var(--serif);font-variant:small-caps;letter-spacing:.08em;font-size:13px;color:var(--murekkep-3)}
.metin-olcu b{font-variant:normal;letter-spacing:0;font-family:var(--sans);font-size:13px;color:var(--murekkep-2);font-weight:500}
.metin-olcu .kolay{color:var(--cini)} .metin-olcu .zor{color:var(--mercan)}
.fetva-uyari{margin:10px 0 4px;padding:10px 14px;border:1px solid rgba(181,65,47,.55);background:rgba(181,65,47,.07);font-family:var(--serif);font-size:14.5px;color:var(--murekkep-2)}
.fetva-uyari::before{content:"Fetva değildir";display:block;font-variant:small-caps;letter-spacing:.14em;font-size:13px;color:var(--mercan);margin-bottom:2px}
.kk-kaynak-degerlendir{padding:2px 8px;font-size:11.5px}
@media print{.metin-olcu,.acilir{display:none!important}.fetva-uyari{border-color:#999;background:none}}
/* ═══════════════════ ULÛM AI — Ulemâ Meclisi ═══════════════════ */
.rail-meclis{background:linear-gradient(90deg,rgba(201,162,75,.2),rgba(201,162,75,.06));border-color:var(--altin)}
.meclis{display:grid;gap:14px}
.meclis-form{display:grid;gap:10px}
#meclisSoru{font-family:var(--serif);font-size:17px;line-height:1.55;padding:10px 14px;border:1px solid rgba(201,162,75,.5);background:var(--fildisi);box-shadow:inset 0 0 0 1px rgba(201,162,75,.15)}
.meclis-secenek{display:grid;gap:8px}
.meclis-oto{font-family:var(--serif);font-size:15px;color:var(--murekkep-2);display:flex;align-items:center;gap:8px}
.meclis-uyeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}
.meclis-uye{display:flex;align-items:flex-start;gap:6px;padding:6px 8px;border:1px solid rgba(201,162,75,.35);background:rgba(251,247,236,.6);font-size:13px;cursor:pointer}
.meclis-uye b{font-family:var(--serif);font-weight:600;font-size:14px;display:block;color:var(--lacivert)} .meclis-uye small{display:block;color:var(--murekkep-3);font-family:var(--sans);font-size:12px}
.meclis-modeller{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}
.meclis-modeller label{font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--murekkep-2);display:flex;align-items:center;gap:6px}
.meclis-modeller select{font:inherit;font-family:var(--sans);font-size:13px;padding:6px 8px;border:1px solid rgba(201,162,75,.45);background:var(--fildisi);border-radius:2px}
.meclis-sonuc{display:grid;gap:14px}
.meclis-ozet{margin:0;font-family:var(--serif);font-size:15.5px;color:var(--murekkep-2);border-bottom:1px solid rgba(201,162,75,.5);padding-bottom:8px}
.meclis-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;align-items:start}
.meclis-kart{border:1px solid rgba(201,162,75,.45);background:rgba(251,247,236,.7);padding:10px 14px 12px;font-family:var(--serif);font-size:15px;line-height:1.55;position:relative}
.meclis-kart header{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:4px;flex-wrap:wrap}
.meclis-kart header b{font-weight:600;color:var(--lacivert)} .meclis-kart header small{font-family:var(--sans);font-size:12px;color:var(--murekkep-3)}
.meclis-kart .nokta{width:10px;height:10px;border-radius:50%;background:#bbb;flex:none}
.meclis-kart.calisiyor .nokta{background:var(--altin);animation:kalem .9s steps(2) infinite} .meclis-kart.bitti .nokta{background:var(--cini)} .meclis-kart.hata .nokta{background:var(--mercan)}
.meclis-kart .gorev{margin:0 0 6px;font-style:italic;font-size:13.5px;color:var(--murekkep-3)}
.meclis-kart .govde{max-height:420px;overflow:auto;font-size:14.5px} .meclis-kart .govde h3{font-size:14px;margin:.9em 0 .3em;color:var(--altin-koyu);font-variant:small-caps;letter-spacing:.08em}
.meclis-kart.kapali .govde,.meclis-kart.kapali .araclar{display:none} .meclis-kart.kapali::after{content:"görüşü aç";position:absolute;right:12px;top:10px;font-family:var(--sans);font-size:11.5px;color:var(--altin-koyu)}
.meclis-kart .araclar{margin:4px 0 8px}
.meclis-reis{border:1px solid var(--altin);outline:1px solid rgba(201,162,75,.4);outline-offset:3px;background:rgba(251,247,236,.85);padding:16px 22px;font-family:var(--serif);font-size:16.5px;line-height:1.6}
.meclis-reis h3{margin:0 0 10px;font-size:20px;color:var(--lacivert);border-bottom:1px solid rgba(201,162,75,.6);padding-bottom:6px}
.meclis-reis table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:13.5px;display:block;overflow-x:auto} .meclis-reis th,.meclis-reis td{border:1px solid rgba(201,162,75,.45);padding:5px 8px;vertical-align:top;text-align:left} .meclis-reis th{background:rgba(201,162,75,.12)}
.mesaj.assistant details{margin:.6em 0;border:1px solid rgba(201,162,75,.4);padding:6px 12px;background:rgba(251,247,236,.6)} .mesaj.assistant summary{cursor:pointer;font-family:var(--sans);font-size:14px;color:var(--lacivert)}
@media (max-width:980px){.meclis-kartlar{grid-template-columns:1fr}}
.rail-meclis{margin-top:auto} .rail-kutuphane:not(.rail-meclis){margin-top:0}
.tekrarla{border-color:var(--mercan);color:var(--mercan);font-weight:700} .tekrarla:hover{background:rgba(181,65,47,.1)}
@media (max-width:980px){.rail-meclis{margin-top:0}}
/* ═══════════════════ BUGÜN NE VAR ═══════════════════ */
.gun-ac{color:#EDE7D6;border-color:rgba(201,162,75,.5);background:rgba(201,162,75,.12);font-family:var(--serif);font-size:14px;padding:4px 12px;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gun-ac b{font-weight:600;color:var(--altin-acik)} .gun-ac:hover{background:rgba(201,162,75,.22);border-color:var(--altin)}
.gun-panel{margin:0 0 14px;padding:14px 18px 12px;background:rgba(251,247,236,.94);border:1px solid var(--altin);outline:1px solid rgba(201,162,75,.4);outline-offset:3px;font-family:var(--serif);animation:gel .3s both}
.gun-bas{font-size:15.5px;color:var(--murekkep-2);border-bottom:1px solid rgba(201,162,75,.5);padding-bottom:6px;margin-bottom:8px}
.gun-bas b{color:var(--lacivert)}
.gun-panel h4{margin:10px 0 4px;font-variant:small-caps;letter-spacing:.14em;font-size:13.5px;color:var(--altin-koyu);font-weight:400}
.gun-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.gun-satir{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:4px 8px;border-left:3px solid rgba(201,162,75,.5);background:rgba(255,255,255,.4)}
.gun-satir.dini{border-left-color:var(--cini)} .gun-satir.milli{border-left-color:var(--mercan)} .gun-satir.anma{border-left-color:var(--lacivert)} .gun-satir.dunya{border-left-color:var(--altin)}
.gun-ad{font-size:15.5px;color:var(--murekkep)} .gun-ad i{font-style:normal;font-family:var(--sans);font-size:12.5px;color:var(--murekkep-3)}
.gun-not{font-size:13.5px;font-style:italic;color:var(--murekkep-3);flex:1 1 100%}
.gun-konu{margin-left:auto;padding:2px 10px;font-size:12px;white-space:nowrap}
.gun-uyari{margin:10px 0 0;font-size:12.5px;font-style:italic;color:var(--murekkep-3)}
@media (max-width:980px){.gun-ac{max-width:100%;font-size:13px}.work-head{flex-wrap:wrap;gap:6px}}
@media print{.gun-ac,.gun-panel{display:none!important}}
/* ═══════════════════ ANA SAYFA ═══════════════════ */
.brand{width:100%;text-align:left;padding:2px 6px 12px;border-radius:0;cursor:pointer}
.brand:hover b{color:#FFF6DF} .brand:hover .muhur::before,.brand:hover .muhur::after{border-color:var(--altin-acik)}
.brand.aktif{background:linear-gradient(90deg,rgba(201,162,75,.18),transparent)}
.anasayfa{font-family:var(--serif);animation:gel .5s both}
.as-kapak{text-align:center;padding:6px 0 22px;border-bottom:1px solid rgba(201,162,75,.5);margin-bottom:22px}
.as-kapak .besmele{font-size:clamp(22px,3vw,30px);margin:0 0 10px;animation:none}
.as-kapak h1{font-size:clamp(34px,4.6vw,52px);font-weight:600;color:var(--lacivert);margin:0;line-height:1.05;letter-spacing:-.01em}
.as-alt{font-variant:small-caps;letter-spacing:.2em;font-size:15px;color:var(--altin-koyu);margin:6px 0 16px}
.as-mihenk{margin:0;font-style:italic;font-size:17px;color:var(--murekkep-2)}
.as-mihenk span{display:block;font-style:normal;font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--murekkep-3);margin-top:3px}
.anasayfa h2{font-size:21px;font-weight:600;color:var(--lacivert);margin:26px 0 8px;display:flex;align-items:center;gap:12px}
.anasayfa h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,75,.7),transparent)}
.as-neden p{font-size:17px;line-height:1.75;margin:.6em 0;max-width:78ch}
/* --- iki yana yaslı dizgi (bloklu metin) --- */
.as-neden p,.as-mv p,.as-mv li,.as-fayda-liste span,.as-blok p,.as-kart span,.as-dip,.mesaj.assistant p,.mesaj.assistant li,.kk-kart p{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.arapca,.mesaj.assistant .arapca,.gh-ar,.slayt .arapca{text-align:right;hyphens:none}
/* --- amaç · vizyon · misyon --- */
.as-mv{margin:26px 0 4px}
.as-mv .mv{position:relative;margin:0 0 16px;padding:18px 22px 20px;background:linear-gradient(180deg,rgba(251,247,236,.92),rgba(251,247,236,.7));border:1px solid rgba(201,162,75,.5);box-shadow:inset 0 0 0 3px var(--kagit),0 2px 10px -8px rgba(0,0,0,.4)}
.as-mv .mv::before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;background:linear-gradient(180deg,transparent,var(--altin),transparent)}
.as-mv h3{margin:0 0 2px;font-size:20px;color:var(--altin-koyu);font-variant:small-caps;letter-spacing:.18em;font-weight:600}
.as-mv .mv-oz{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid rgba(201,162,75,.4);font-family:var(--serif);font-style:italic;font-size:18.5px;line-height:1.5;color:var(--lacivert);text-align:left}
.as-mv p{font-size:16.5px;line-height:1.78;margin:.65em 0}
.as-mv ul{list-style:none;padding:0;margin:12px 0 6px;display:grid;gap:7px}
.as-mv li{position:relative;padding:9px 14px 10px 34px;background:rgba(255,255,255,.5);border-left:3px solid var(--cini);font-size:15.5px;line-height:1.62}
.as-mv li::before{content:"";position:absolute;left:13px;top:16px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--altin);background:rgba(201,162,75,.3)}
.as-mv li b,.as-mv p b{color:var(--lacivert)}
@media (max-width:640px){.as-mv .mv{padding:14px 15px 16px}.as-mv .mv-oz{font-size:17px}.as-mv p{font-size:15.5px;text-align:left}.as-mv li{text-align:left}}
.as-uclu{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:22px 0 4px}
.as-uclu article{background:rgba(251,247,236,.8);border:1px solid rgba(201,162,75,.45);padding:14px 18px 16px;box-shadow:inset 0 0 0 3px var(--kagit)}
.as-uclu h3{margin:0 0 8px;font-size:18px;color:var(--altin-koyu);font-variant:small-caps;letter-spacing:.14em;font-weight:600;border-bottom:1px solid rgba(201,162,75,.4);padding-bottom:5px}
.as-uclu p,.as-uclu li{font-size:15.5px;line-height:1.6;margin:.4em 0} .as-uclu ul{padding-left:1.1em;margin:0} .as-uclu li::marker{color:var(--altin)}
.as-ilkeler ul{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:6px}
.as-ilkeler li{position:relative;padding:7px 12px 8px 34px;background:rgba(255,255,255,.42);border-left:3px solid var(--cini);font-size:15.5px;line-height:1.55}
.as-ilkeler li::before{content:"";position:absolute;left:13px;top:14px;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--altin);background:rgba(201,162,75,.3)}
.as-ilkeler li b{color:var(--lacivert)}
.as-sayilar{display:flex;flex-wrap:wrap;gap:10px 26px;margin:10px 0 16px;padding:12px 16px;background:rgba(20,33,63,.05);border-top:1px solid rgba(201,162,75,.5);border-bottom:1px solid rgba(201,162,75,.5)}
.as-sayilar span{display:flex;flex-direction:column;align-items:center;font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--murekkep-3)}
.as-sayilar b{font-size:26px;color:var(--altin-koyu);font-variant:normal;letter-spacing:0;line-height:1.1}
.as-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.as-kart{display:block;text-align:left;padding:13px 16px 14px;background:rgba(251,247,236,.75);border:1px solid rgba(201,162,75,.45);border-radius:2px;font-family:var(--serif);transition:border-color .2s,transform .12s,box-shadow .2s}
.as-kart b{display:block;font-size:16.5px;color:var(--lacivert);font-weight:600;margin-bottom:3px}
.as-kart span{display:block;font-size:14.5px;line-height:1.5;color:var(--murekkep-2)}
.as-kart:hover{border-color:var(--altin);transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.as-kart.vurgu{background:linear-gradient(160deg,rgba(201,162,75,.16),rgba(251,247,236,.8));border-color:var(--altin)}
.as-dip{margin:24px 0 0;padding-top:12px;border-top:1px solid rgba(201,162,75,.4);font-size:14.5px;font-style:italic;color:var(--murekkep-3)}
@media (max-width:980px){.as-kapak h1{font-size:30px}.as-neden p{font-size:16px}.as-sayilar{gap:10px 18px}.as-sayilar b{font-size:22px}}
@media print{.anasayfa{display:none!important}}
/* ═══════════════════ GÜNÜN HADİSİ ═══════════════════ */
.gunun-hadisi{text-align:center;margin:0 0 14px;padding:12px 20px 13px;background:linear-gradient(180deg,rgba(201,162,75,.14),rgba(201,162,75,.05));border-top:1px solid rgba(201,162,75,.45);border-bottom:1px solid rgba(201,162,75,.45);position:relative;animation:gel .5s both}
.gunun-hadisi::before,.gunun-hadisi::after{content:"";position:absolute;top:-9px;width:18px;height:18px;background:var(--yildiz) center/18px no-repeat;background-color:transparent}
.gunun-hadisi::before{left:50%;transform:translateX(-50%)} .gunun-hadisi::after{display:none}
.gh-etiket{display:block;font-family:var(--serif);font-variant:small-caps;letter-spacing:.22em;font-size:12px;color:var(--altin);margin:2px 0 6px}
.gh-ar{font-family:var(--arap)!important;font-size:clamp(19px,2.1vw,25px);line-height:1.85;color:#FFF6DF;margin:0 0 6px;text-align:center!important}
.gh-tr{font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.5vw,17.5px);color:#EDE7D6;margin:0 auto 4px;max-width:70ch;line-height:1.5}
.gh-kaynak{font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;font-size:12.5px;color:var(--altin-acik);margin:0}
.gh-kaynak i{font-variant:normal;letter-spacing:0;font-style:italic;color:#C9C2AE}
/* ana sayfa: ek bölümler */
.as-ayet{margin:16px auto 0;padding:14px 20px;max-width:64ch;border-top:1px solid rgba(201,162,75,.5);border-bottom:1px solid rgba(201,162,75,.5);background:rgba(201,162,75,.06)}
.as-ayet .arapca{font-family:var(--arap)!important;font-size:clamp(20px,2.3vw,27px);line-height:1.9;color:var(--lacivert);margin:0 0 6px;text-align:center!important}
.as-ayet p{margin:0;font-size:17px;font-style:italic;color:var(--murekkep)} .as-ayet cite{display:block;font-style:normal;font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--altin-koyu);margin-top:5px}
.as-hadis{position:relative;margin:26px 0;padding:20px 26px 18px;text-align:center;background:rgba(20,33,63,.05);border-top:1px solid var(--altin);border-bottom:1px solid var(--altin)}
.as-hadis::before{content:"";position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:24px;height:24px;background:var(--yildiz) center/24px no-repeat}
.as-hadis .arapca{font-family:var(--arap)!important;font-size:clamp(19px,2.1vw,25px);line-height:1.9;color:var(--lacivert);margin:0 0 8px;text-align:center!important}
.as-hadis p{margin:0;font-size:17.5px;font-style:italic;color:var(--murekkep)}
.as-hadis cite{display:block;font-style:normal;font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--altin-koyu);margin-top:6px}
.as-hadis-not{display:block;margin-top:10px;font-size:14.5px;color:var(--murekkep-3);font-style:italic}
.as-hadis.ince{padding:14px 22px 12px;background:none} .as-hadis.ince p{font-size:16.5px}
.as-fayda-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:8px}
.as-fayda-liste article{padding:12px 16px 13px;background:rgba(255,255,255,.45);border-left:3px solid var(--altin)}
.as-fayda-liste b{display:block;font-size:16px;color:var(--lacivert);margin-bottom:4px}
.as-fayda-liste span{display:block;font-size:15px;line-height:1.55;color:var(--murekkep-2)}
.as-katalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px;margin-top:6px}
.as-blok{padding:13px 17px 15px;background:rgba(251,247,236,.75);border:1px solid rgba(201,162,75,.4);cursor:pointer;transition:border-color .2s,transform .12s,box-shadow .2s}
.as-blok:hover{border-color:var(--altin);transform:translateY(-1px);box-shadow:0 6px 16px -9px rgba(0,0,0,.35)}
.as-blok h3{margin:0 0 6px;font-size:17px;color:var(--lacivert);font-weight:600;border-bottom:1px solid rgba(201,162,75,.35);padding-bottom:4px}
.as-blok p{margin:0;font-size:14.8px;line-height:1.58;color:var(--murekkep-2)} .as-blok b{color:var(--murekkep);font-weight:600} .as-blok em{color:var(--mercan);font-style:italic}
.as-blok.vurgu{background:linear-gradient(160deg,rgba(201,162,75,.15),rgba(251,247,236,.85));border-color:var(--altin);grid-column:1/-1}
.as-dip span{display:block;margin-top:6px;font-size:13px;color:var(--murekkep-3)}
@media (max-width:980px){.as-katalog,.as-fayda-liste{grid-template-columns:1fr}.gunun-hadisi{padding:10px 14px}.gh-ar{font-size:18px}}
@media print{.gunun-hadisi{display:none!important}}
/* sol menü: genişletilebilir (sağdaki fihrist gibi) */
/* --- unvan profili (Yönerge kadro unvanı) --- */
.unvan-kutu{display:grid;gap:3px;margin:0 0 8px;padding:8px 10px 9px;border:1px solid rgba(201,162,75,.35);border-radius:3px;background:rgba(201,162,75,.07)}
.unvan-kutu label{font-family:var(--sans);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(201,162,75,.85)}
.unvan-kutu select{width:100%;max-width:100%;font-family:var(--sans);font-size:13.5px;color:#F1EADA;background:rgba(20,33,63,.55);border:1px solid rgba(201,162,75,.4);border-radius:2px;padding:5px 6px}
.unvan-kutu select option{background:#14213F;color:#F1EADA}
.unvan-kutu small{font-size:11px;line-height:1.35;color:rgba(217,211,195,.62);font-family:var(--sans)}
.rail.dar .unvan-kutu label,.rail.dar .unvan-kutu small{display:none}
@media (max-width:900px){.unvan-kutu{display:none}}
.rail-bas{display:flex;align-items:flex-start;gap:6px}
.rail-bas .brand{flex:1;min-width:0}
.rail-genis-dugme{flex:none;padding:4px 9px;font-size:13px;color:#D9D3C3;border-color:rgba(217,211,195,.28);margin-top:2px}
.rail-genis-dugme:hover{color:#F5EEDC;border-color:var(--altin);background:rgba(201,162,75,.12)}
.app.rail-genis{grid-template-columns:300px minmax(0,1fr) 300px}
.app.rail-genis.fihrist-genis{grid-template-columns:300px minmax(0,1fr) 430px}
@media (min-width:1700px){.app.rail-genis{grid-template-columns:340px minmax(0,1fr) 300px}.app.rail-genis.fihrist-genis{grid-template-columns:340px minmax(0,1fr) 540px}}
.app.rail-genis .tipler button{font-size:15.5px;padding:7px 10px 7px 28px}
.app.rail-genis .tipler .grp{font-size:14px;white-space:nowrap}
.app.rail-genis .brand b{font-size:22px}
.app.rail-genis .rail-foot{grid-template-columns:1fr auto}
@media (max-width:1400px){.app.rail-genis.fihrist-genis{grid-template-columns:320px minmax(0,1fr) 460px}}
@media (max-width:1240px){.app.rail-genis{grid-template-columns:300px minmax(0,1fr) 270px}.app.rail-genis.fihrist-genis{grid-template-columns:300px minmax(0,1fr) 400px}}
@media (max-width:980px){.app.rail-genis,.app.rail-genis.fihrist-genis{grid-template-columns:minmax(0,1fr)}.rail-bas{flex:none;align-items:center}.rail-genis-dugme{display:none}}

/* ───────────── kurum profili ───────────── */
.profil-dugme{margin-top:4px;width:100%;font-family:var(--sans);font-size:12.5px;padding:5px 6px;border:1px solid rgba(201,162,75,.4);border-radius:2px;color:#E9E1CE;background:rgba(201,162,75,.1)}
.profil-dugme:hover{background:rgba(201,162,75,.2)}
.profil-katman{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,16,32,.72);backdrop-filter:blur(3px)}
.profil-kart{width:min(720px,100%);max-height:88vh;overflow:auto;background:var(--kagit);border:1px solid var(--altin);box-shadow:inset 0 0 0 3px rgba(251,247,236,.9),0 18px 50px -20px rgba(0,0,0,.7);padding:22px 24px 18px}
.profil-kart h2{margin:0 0 6px;font-size:23px;color:var(--lacivert);font-weight:600}
.profil-aciklama{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--murekkep-2);text-align:justify;padding-bottom:12px;border-bottom:1px solid rgba(201,162,75,.4)}
.profil-alanlar{display:grid;gap:10px}
.profil-alanlar label{display:grid;gap:3px}
.profil-alanlar span{font-family:var(--sans);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--altin-koyu)}
.profil-alanlar input,.profil-alanlar textarea{width:100%;font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--murekkep);background:rgba(255,255,255,.62);border:1px solid rgba(201,162,75,.5);border-radius:2px;padding:7px 9px;resize:vertical}
.profil-alanlar input:focus,.profil-alanlar textarea:focus{outline:none;border-color:var(--altin);background:#fff}
.profil-alanlar ::placeholder{color:var(--murekkep-3);opacity:.65;font-style:italic}
.profil-alt{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(201,162,75,.4)}
.profil-durum{flex:1;font-family:var(--sans);font-size:12.5px;color:var(--murekkep-3)}
@media (max-width:640px){.profil-kart{padding:16px 15px 14px}.profil-aciklama{text-align:left}}
.kk-kart.mevzuat{border-left:3px solid var(--cini)}
.kk-kart.mevzuat p{font-size:14.5px;line-height:1.6;text-align:justify}
.kk-kart .kk-alt{margin:.1em 0 .4em;font-variant:small-caps;letter-spacing:.1em;font-size:13px;color:var(--altin-koyu)}

/* ───────────── 2026-09-14 eklemeleri ───────────── */
.rail-sayfalar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 10px 0}
.rail-kutuphane.rail-kucuk{margin:0;padding:8px 8px;font-size:13px;text-align:center}
.sayfa-ek{padding:6px 0 30px}
.ek-bas{margin-bottom:10px} .ek-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .ek-satir input{flex:1;min-width:180px;font:inherit;padding:8px 10px;border:1px solid rgba(20,33,63,.25);border-radius:6px;background:#fff}
.pano-kartlar{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 16px;align-items:center}
.pano-kartlar span{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:10px 12px;border:1px solid rgba(201,162,75,.5);border-radius:8px;background:rgba(201,162,75,.06);font-family:var(--serif);font-variant:small-caps;letter-spacing:.06em;font-size:12.5px;color:var(--altin-koyu)}
.pano-kartlar span b{font-size:22px;color:var(--murekkep);font-variant:normal;letter-spacing:0}
.sayfa-ek h4{font-family:var(--serif);font-variant:small-caps;letter-spacing:.14em;color:var(--altin-koyu);margin:18px 0 6px;font-size:14px}
.sayfa-ek h4 small{font-variant:normal;letter-spacing:0;font-weight:400;color:#666}
.kk-tablo td .cubuk{display:block;height:4px;background:linear-gradient(90deg,var(--altin),rgba(201,162,75,.2));border-radius:2px;margin-top:4px}
.hat-liste{list-style:none;padding:0;margin:0 0 8px} .hat-liste li{display:flex;gap:10px;align-items:center;padding:6px 8px;border-bottom:1px dashed rgba(20,33,63,.15);flex-wrap:wrap}
.hat-liste li.yas{border-left:3px solid #7a4b8f;padding-left:8px} .hat-liste li.takip{border-left:3px solid var(--altin);padding-left:8px} .hat-liste li.yapildi{opacity:.55}
.hat-liste li span{font-family:var(--serif);font-variant:small-caps;color:var(--altin-koyu)}
.bk-bas,.kr-bas{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin:6px 0 10px} .bk-bas h3,.kr-bas b{font-family:var(--serif);margin:0} .bk-bas small,.kr-bas small{font-weight:400;color:#666;font-size:13px;margin-left:8px}
.bk-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 12px;align-items:end;margin:10px 0 14px;padding:10px 12px;border:1px solid rgba(20,33,63,.15);border-radius:8px;background:rgba(255,255,255,.55)}
.bk-form label{display:flex;flex-direction:column;gap:3px;font-size:13px} .bk-form label span{font-family:var(--serif);font-variant:small-caps;letter-spacing:.08em;color:var(--altin-koyu);font-size:12px}
.bk-form input,.bk-form select,.bk-form textarea{font:inherit;font-size:14px;padding:6px 8px;border:1px solid rgba(20,33,63,.25);border-radius:5px;background:#fff}
.bk-form .genis{grid-column:1 / -1} .bk-form b.genis{font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;color:var(--altin-koyu)} .bk-form button{justify-self:start}
.bk-egri{display:flex;gap:24px;flex-wrap:wrap;margin:6px 0} .bk-egri div{display:flex;align-items:center;gap:8px;color:var(--lapis,#14213F)} .spark{overflow:visible}
.bk-ozet{max-width:420px;white-space:pre-wrap} .risk-yuksek{color:#a3261f;font-weight:700} .risk-orta{color:#a86a00;font-weight:600}
.konu-tablo td:first-child{min-width:180px} .konu-bosluk button{margin:2px}
.kr-detay{margin:8px 0} .kr-detay summary{cursor:pointer;font-family:var(--serif);font-variant:small-caps;letter-spacing:.1em;color:var(--altin-koyu)}
.kr-iki{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px} @media (max-width:1100px){.kr-iki{grid-template-columns:1fr}}
.kr-metin .govde{max-height:70vh;overflow:auto;padding-right:8px}
.kr-tablo{width:100%;border-collapse:collapse;font-size:13px} .kr-tablo th,.kr-tablo td{border-bottom:1px solid rgba(20,33,63,.12);padding:4px 5px;vertical-align:top} .kr-tablo th{font-family:var(--serif);font-variant:small-caps;color:var(--altin-koyu);text-align:left} .kr-tablo td:nth-child(n+3){text-align:center;width:34px}
.kr-tablo tr.eleyici td{background:rgba(163,38,31,.05)} .kr-tablo i{color:#a3261f;font-style:normal}
.kr-toplam{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-family:var(--serif)} .kr-form textarea{width:100%;font:inherit;font-size:14px;padding:6px 8px;border:1px solid rgba(20,33,63,.25);border-radius:5px}
.kr-uyeler,.kr-yorum{list-style:none;padding:0;margin:0 0 8px} .kr-uyeler li,.kr-yorum li{padding:5px 0;border-bottom:1px dashed rgba(20,33,63,.15)}
.kk-etiket.kr-uygundur{background:#1f6f3a;color:#fff} .kk-etiket.kr-uygun_degil{background:#a3261f;color:#fff} .kk-etiket.kr-duzeltme{background:#a86a00;color:#fff} .kk-etiket.kr-redaksiyon{background:#3b5b9a;color:#fff}
.pano-gunluk{display:flex;gap:4px;align-items:flex-end;height:80px;overflow-x:auto;padding:4px 0} .pano-gunluk span{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:26px} .pano-gunluk i{display:block;width:16px;background:var(--altin);border-radius:2px 2px 0 0} .pano-gunluk small{font-size:9px;color:#666}
.pano-eval{white-space:pre-wrap;font-size:12px;max-height:260px;overflow:auto;background:rgba(255,255,255,.6);padding:10px;border:1px solid rgba(20,33,63,.15);border-radius:6px}
.kvkk-sec{cursor:pointer;margin-left:6px} .kvkk-onizle{padding:1px 7px;font-size:11.5px;margin-left:4px} .kvkk-sonuc{margin-left:8px;color:var(--altin-koyu);font-size:12px}
.sesli-kutu{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 12px;margin:6px 0;border:1px solid rgba(201,162,75,.5);border-radius:8px;background:rgba(201,162,75,.06)} .sesli-kutu audio{max-width:100%}
.hareke-kutu{border-left:3px solid var(--altin)}
/* kürsü modu */
.kursu{position:fixed;inset:0;z-index:60;background:#0f1a33;color:#F5EEDC;display:flex;flex-direction:column}
.kursu-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:rgba(0,0,0,.35);gap:12px;flex-wrap:wrap} .kursu-sayac{font-family:var(--serif);font-size:26px;color:var(--altin-acik);font-variant-numeric:tabular-nums}
.kursu-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px} .kursu-actions label{display:flex;gap:6px;align-items:center;color:#D9D3C3} .kursu .ghost{color:#D9D3C3;border-color:rgba(217,211,195,.3)}
.kursu-metin{flex:1;overflow:auto;padding:6vh 10vw 60vh;font-family:var(--serif);line-height:1.6;scroll-behavior:auto}
.kursu-metin h1,.kursu-metin h2,.kursu-metin h3{color:var(--altin-acik);font-size:1.15em;margin:1.2em 0 .5em} .kursu-metin p{margin:0 0 .9em} .kursu-metin .arapca{font-family:"Amiri Quran",var(--arap);font-size:1.35em;line-height:2;color:#FFF6DF;text-align:right}
.kursu-metin blockquote{border-left:4px solid var(--altin);margin:1em 0;padding:.2em 1em;background:rgba(201,162,75,.08)} .kursu-metin table{font-size:.6em} .kursu-metin strong{color:var(--altin-acik)}
.kursu-alt{display:flex;flex-direction:column;background:rgba(0,0,0,.35)} .kursu-alt i{display:block;height:4px;background:var(--altin);width:0} .kursu-alt span{padding:4px 16px;font-size:12px;color:#B9B3A3}
body.kursu-acik #app{display:none}
/* sunum: kıraat düğmesi + mushaf fontu */
.s-ses{position:absolute;left:24px;bottom:18px;z-index:2;background:rgba(0,0,0,.35);color:#F5EEDC;border:1px solid rgba(201,162,75,.6);border-radius:999px;padding:5px 12px;font:inherit;font-size:14px;cursor:pointer} .s-ses + .s-ses{left:auto;right:24px;bottom:56px} .s-ses.caliyor{background:var(--altin);color:#14213F}
.slayt .arapca,.kk-kart .arapca,.mesaj.assistant .arapca,.as-ayet .arapca{font-family:"Amiri Quran","Amiri",var(--arap)}
@media print{.s-ses{display:none}}
/* üye modu: yalnız kurul sayfası */
body.uye-modu .rail,body.uye-modu .gecmis,body.uye-modu .gecmis-ac,body.uye-modu #gununHadisi,body.uye-modu #gunAc,body.uye-modu #talimat,body.uye-modu .composer,body.uye-modu .serlevha,body.uye-modu #ilerleme{display:none!important}
body.uye-modu .app{grid-template-columns:1fr} body.uye-modu .work{max-width:1400px;margin:0 auto}

.braille{white-space:pre-wrap;font-size:22px;line-height:1.5;font-family:"Noto Sans Symbols 2","Segoe UI Symbol","DejaVu Sans",sans-serif}
@media print{ body.buyuk-punto .mesaj.assistant{font-size:19pt;line-height:1.8} body.buyuk-punto .mesaj.assistant .arapca{font-size:30pt;line-height:2.2} body.buyuk-punto .mesaj.assistant h1{font-size:28pt} body.buyuk-punto .mesaj.assistant h2,body.buyuk-punto .mesaj.assistant h3{font-size:22pt} body.buyuk-punto .mesaj.assistant table{font-size:13pt} body.buyuk-punto .araclar,body.buyuk-punto .metin-olcu{display:none} }