/* Ajanda UI: shared design tokens, application shell and module surfaces.
   Loaded after legacy module styles; data hooks and backend contracts stay intact. */
:root{--zemin:#f7f8fc;--kart:#fff;--kart2:#f3f5fa;--cizgi:#e7eaf1;--cizgi2:#d9dfeb;--metin:#202b43;--metin2:#64718a;--metin3:#748098;--ana:#5350d9;--ana-koyu:#4338b9;--ana2:#7671e6;--ana-acik:#eeedfc;--ana-grad:linear-gradient(135deg,#5652d9,#7064df);--golge:0 2px 5px #25345603;--golge2:0 20px 60px #25345624;--r:14px;--r2:10px;--ust:72px;--yan:232px;--yazi:"Inter","Segoe UI",system-ui,-apple-system,sans-serif}
body{font-size:14px;line-height:1.6}h1{font-size:28px;letter-spacing:-.045em}h2{font-size:18px;letter-spacing:-.025em}h3{font-size:16px}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #a6a2ee;outline-offset:3px}input::placeholder,textarea::placeholder{color:var(--metin3)}input:disabled{background:var(--kart2);color:var(--metin2)}[id]{scroll-margin-top:94px}
.kabuk{max-width:1320px;padding-left:32px;padding-right:32px}.icerik{padding-top:23px;padding-bottom:48px}.sayfa-konumu{display:flex;align-items:center;gap:12px;color:var(--metin3);font-size:13px;margin-bottom:18px}.sayfa-konumu strong{font-weight:500;color:var(--metin2)}.sayfa-basi{margin-bottom:26px;gap:18px;align-items:center}.sayfa-basi p{font-size:14px;margin-top:8px}.sayfa-eylem{gap:9px}
.yan-menu{display:none}.ust{background:#fff;backdrop-filter:none}.ust-ic{max-width:none;gap:20px}.ust-nav{display:none!important}.marka{font-size:23px;letter-spacing:-.055em}.marka .ik{width:37px;height:37px;padding:8px;background:var(--ana);box-shadow:0 4px 10px #5350d91a;border-radius:11px}.marka small{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--metin3);margin-top:3px}.ust-sag{gap:14px;margin-left:auto}.avatar{background:#edecfb;color:var(--ana);width:36px;height:36px;border:1px solid #e1def9;font-size:12px}.ikon-dugme{border-radius:10px}.ust-arama{display:flex;align-items:center;gap:10px;border:1px solid var(--cizgi);border-radius:9px;padding:0 12px;background:#f9fafd;color:var(--metin3);width:330px;height:39px}.ust-arama input{background:none;border:0;outline:none;min-width:0;width:100%;font-size:13px}.ust-arama:focus-within{border-color:var(--ana);box-shadow:0 0 0 3px var(--ana-acik)}.ust-arama kbd{font:11px var(--yazi);white-space:nowrap;padding:2px 5px;border:1px solid var(--cizgi);border-radius:4px;background:#fff}.ust-arama+.ikon-dugme{display:none}.acilir{border-radius:12px}.serit{background:var(--ana-acik);color:var(--ana-koyu);border-bottom:1px solid #e3e0fa}.serit .ikon-dugme{color:var(--ana-koyu)}
.dugme{border-radius:9px;font-size:13px;min-height:41px;padding:9px 15px;gap:8px;box-shadow:none}.dugme.birincil{background:var(--ana);box-shadow:0 2px 3px #5350d916;border-color:var(--ana)}.dugme.birincil:hover{background:var(--ana-koyu);filter:none}.dugme.kucuk{font-size:13px;min-height:33px}.kart{padding:22px;box-shadow:none}.izgara{gap:20px}.izgara>.kart+.kart{margin-top:0}.alan{font-size:13px;gap:7px}.alan input,.alan textarea,.alan select{font-size:14px;border-color:var(--cizgi2);border-radius:9px}.form-izgara{gap:18px}.form-eylem{padding-top:14px}.hizli{border-radius:11px;box-shadow:none;padding:6px 7px 6px 16px;margin-bottom:20px}.hizli input:not([type=hidden]){font-size:14px}.filtre{gap:9px;padding-bottom:12px;margin-bottom:10px;flex-wrap:wrap;overflow:visible}.filtre input,.filtre select{border-radius:8px;font-size:13px;min-width:0;max-width:100%;min-height:38px}.sekmeler{border-radius:9px;padding:4px}.sekmeler a,.sekmeler button{border-radius:6px;font-size:13px}.sekmeler .aktif{color:var(--ana);box-shadow:0 1px 4px #2332500c}.chip{border-radius:8px;font-size:13px;min-height:34px}.rozet{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;border-radius:5px;padding:3px 8px}.etiket,.kaynak,.kucuk-yazi,.ince,.satir-alt{font-size:13px}.satir{box-shadow:none;border-radius:11px;padding:17px 18px}.satir:hover{transform:none;box-shadow:none;border-color:#d9d7ed;background:#fdfdff}.satir-baslik{font-size:14px;line-height:1.6}.satir-alt{gap:7px 12px}.satir-eylem{flex-wrap:wrap}.bos{border:1px dashed var(--cizgi2);background:#ffffff90;border-radius:14px;padding:48px 20px}.bos .ik{background:var(--kart2);color:var(--metin2);border-radius:16px}.bos h3{margin-top:18px}.bos p{margin-top:8px;color:var(--metin2)}.modal{background:rgba(14,20,36,.52);backdrop-filter:blur(6px) saturate(118%);-webkit-backdrop-filter:blur(6px) saturate(118%)}.modal-kutu{border:1px solid var(--cizgi);border-radius:18px}.toast{border-radius:10px;font-size:14px}
/* Dashboard: quiet, asymmetric focus area with compact live counters. */
.ana-selam{align-items:center;margin-bottom:25px}.ust-etiket{display:block;font-size:11px;font-weight:650;letter-spacing:.12em;color:var(--metin3);margin-bottom:10px}.ana-selam h1{font-size:30px;letter-spacing:-.045em;margin-bottom:9px}.ana-selam p{font-size:14px}.ana-tarih{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--cizgi);padding:9px 13px;border-radius:8px;font-size:13px;color:var(--metin2);white-space:nowrap}.ana-tarih .ik{color:var(--ana)}.ana-odak{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:31px 35px;border-radius:16px;background:linear-gradient(110deg,#eeedfb 0%,#f1f1fd 56%,#e9eafa 100%);border:1px solid #e4e3f5;min-height:239px}.ana-odak .ust-etiket{color:#7670ba}.ana-odak h2{font-size:27px;letter-spacing:-.04em;color:#343358}.ana-odak p{margin-top:10px;color:#76738e;font-size:14px;line-height:1.8}.ana-odak-eylem{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.ana-odak-eylem>.dugme:not(.birincil){background:#ffffff85;border-color:#dedbed;color:#605b88}.odak-gorsel{width:290px;height:198px;position:relative;flex:none;margin-right:12px}.odak-halka{position:absolute;width:205px;height:205px;border:1px solid #d4d0f080;border-radius:50%;right:22px;top:-1px;box-shadow:0 0 0 22px #dcd9f32b,0 0 0 45px #dcd9f326}.odak-kagit{position:absolute;width:204px;top:14px;left:36px;padding:22px 19px;background:#ffffffed;border:1px solid #dfdcef;border-radius:13px;transform:rotate(-7deg);box-shadow:8px 13px 0 #cecaeb42,0 14px 22px #736da51a}.odak-kagit>span{font-size:10px;letter-spacing:.12em;font-weight:700;color:#8c86a9}.odak-kagit>div:not(.odak-cizgi){display:flex;align-items:center;gap:10px;margin-top:15px;font-size:11px;color:#79758b}.odak-kagit b{font-weight:500}.odak-kagit i{font-style:normal;width:17px;height:17px;border:1px solid #dedaf0;border-radius:5px;background:#f7f6fd;color:#8076c9;text-align:center}.odak-cizgi{height:4px;background:#eceaf6;border-radius:5px;margin-top:20px;width:65%}.odak-yildiz{position:absolute;right:6px;top:4px;font-size:40px;color:#a59ed5;transform:rotate(12deg)}
.ana-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.ana-ozet>a{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:19px 21px;color:var(--metin);transition:border-color .15s}.ana-ozet>a:hover{border-color:#bcb7e9}.ana-ozet>a>.ik{margin-left:auto;color:#a7afc0;width:14px}.ana-ozet strong{font-size:26px;line-height:1.15;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}.ana-ozet div>span{display:block;font-size:13px;color:var(--metin2);margin-top:5px}.ozet-simge{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;flex:none}.ozet-simge.mor{background:#efedfc;color:#8072cd}.ozet-simge.turuncu{background:#fff1e6;color:#cf9354}.ozet-simge.yesil{background:#eaf6f0;color:#579f85}.ana-kisayollar{margin:0 0 29px}.ana-kisayollar>summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;font-weight:600;font-size:13px;padding:10px 0;color:var(--metin2);width:100%}.ana-kisayollar>summary::-webkit-details-marker{display:none}.ana-kisayollar>summary>span{font-weight:400;font-size:13px;color:var(--metin3)}.ana-kisayollar>summary>.ik{margin-left:auto}.ana-kisayollar[open]>summary>.ik{transform:rotate(45deg)}.ana-moduller{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 0;gap:10px}.ana-modul{flex-direction:row;align-items:center;padding:12px;gap:9px;box-shadow:none}.ana-modul:hover{transform:none;box-shadow:none;border-color:#ccc8ec}.ana-modul .ikon-kutu{width:30px;height:30px;border-radius:8px}.ana-modul b{font-size:13px;font-weight:500}.ana-modul .sayi{position:static;margin-left:auto;font-size:12px}.ana-bolum-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.ana-bolum-baslik>span{font-size:13px;color:var(--metin3)}.ana-bolumler{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ana-bolum{padding:0;box-shadow:none;overflow:hidden}.ana-bolum>.kart-baslik{padding:18px 21px;margin:0;border-bottom:1px solid #eef0f5}.ana-bolum h3{display:flex;align-items:center;gap:10px;font-size:15px}.ana-bolum .kart-baslik a{font-size:13px;color:var(--metin3)}.bolum-simge{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ana-acik);color:var(--ana)}.ana-bolum[data-modul=hatirlaticilar] .bolum-simge{background:#fff3e8;color:#bd8c51}.ana-bolum[data-modul=notlar] .bolum-simge{background:#eaf5f0;color:#549c80}.ana-bolum ul{padding:0 21px}.ana-bolum li{padding:14px 0;gap:14px;font-size:13px;border-color:#eff1f6;min-height:53px}.ana-bolum li:before{content:'';width:6px;height:6px;background:#c7c3e6;border-radius:50%;flex:none}.ana-bolum[data-modul=gorevler] li:before{width:15px;height:15px;border:1px solid #d8dbe6;background:none;border-radius:4px}.ana-bolum li a:hover{color:var(--ana)}.ana-bolum li small{font-size:12px}.ana-bos{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:11px;min-height:165px;padding:25px;font-size:13px}.ana-bos>.ik{color:#9d99bc}.ana-bos>a{font-size:13px}
/* Module styles share the same surfaces and readable metadata. */
.gorev-calisma{max-width:none;margin:0}.gorev-hero{margin:0 0 24px}.gorev-hero h1{font-size:28px;letter-spacing:-.045em}.gorev-ust-yazi{font-size:11px}.gorev-ozet{gap:14px;margin-bottom:20px}.gorev-ozet-kart{padding:18px;border-radius:12px}.gorev-ozet-kart div>span{font-size:13px}.gorev-hizli-kap{background:#f0effa;border-color:#e4e1f3;padding:18px;margin-bottom:20px}.gorev-pano{border-radius:12px;box-shadow:none}.gorev-calisma .rozet,.gorev-calisma .etiket,.gorev-calisma .tarih,.gorev-satir .satir-alt,.gorev-kisi,.gorev-tarihsiz,.gorev-sonuc-sayi,.gorev-filtre-detay summary,.gorev-filtre-alanlar .alan,.gorev-hizli-kap>p{font-size:13px}.gorev-satir.satir{padding:18px 22px}.gorev-liste-baslik{font-size:11px}.gorev-ozet-kart strong{font-size:26px}.gorev-calisma .sekmeler a{font-size:13px}
.not-kart.satir{background:color-mix(in srgb,var(--r,#d9dfeb) 9%,white);border:1px solid color-mix(in srgb,var(--r,#d9dfeb) 26%,#e7eaf1);border-top:3px solid color-mix(in srgb,var(--r,#d9dfeb) 58%,white);min-height:190px;padding:22px;transition:border-color .15s,box-shadow .15s}.not-kart.satir:hover{box-shadow:0 6px 18px #27345508}.not-kart .satir-govde{display:flex;flex-direction:column;align-self:stretch}.not-kart .satir-baslik{font-size:16px;font-weight:650}.not-kart .ince{margin:12px 0 20px;font-size:14px;line-height:1.8;color:#6c7385}.not-kart .satir-alt{margin-top:auto;padding-top:15px;border-top:1px solid #2638580b}.hat-satir{box-shadow:none;border-radius:11px;padding:18px}.hat-zaman{background:#f1effb;color:#7264aa;padding:10px 6px;border-radius:9px}.grup-basi{font-size:13px;letter-spacing:.035em;margin:27px 0 12px;color:var(--metin2)}.hat-hedefler{background:#f0f2f7;border-radius:10px;padding:11px}.bildirim{border-radius:0;padding:21px 23px;border:0;border-bottom:1px solid var(--cizgi)}.bildirim.yeni{background:#f5f4fe;border-bottom:1px solid #e9e6f5}.bildirim .nokta{width:7px;height:7px;margin-top:9px}.bildirim .ince{margin-top:6px;line-height:1.7}.bildirim .satir-alt{margin-top:12px}.bil-pencere .bildirim{border-radius:8px}body[data-sayfa=bildirimler] .icerik>.liste{border:1px solid var(--cizgi);border-radius:13px;overflow:hidden;gap:0;background:#fff}body[data-sayfa=bildirimler] .icerik>.liste:empty{display:none}
.takvim-basi{padding:18px 20px;background:#fff;border:1px solid var(--cizgi);border-radius:13px 13px 0 0;margin:0;border-bottom:0}.takvim{gap:0;background:#fff;border:1px solid var(--cizgi);border-radius:0 0 13px 13px;overflow:hidden}.takvim-gun-adi{padding:14px 6px;font-size:12px;background:#fafbfe;border-bottom:1px solid var(--cizgi);letter-spacing:.05em}.takvim-gun{border:0;border-right:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);border-radius:0;padding:10px;gap:5px;min-height:118px;box-shadow:none}.takvim-gun:nth-child(7n){border-right:0}.takvim-gun .no{display:grid;place-items:center;width:27px;height:27px;font-size:13px;margin-bottom:4px}.takvim-gun.bugun{background:#f9f8ff;box-shadow:inset 0 0 0 1px #d3cfee}.takvim-gun.bugun .no{background:var(--ana);color:#fff;border-radius:8px}.takvim-gun.dis{background:#fafbfe;opacity:1}.takvim-oge{padding:4px 7px;border-radius:4px;font-size:12px;font-weight:500}.takvim-ekle{border-radius:5px;top:13px;right:8px}.takvim-gun:focus-within .takvim-ekle{opacity:1}.takvim-aciklama{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--metin2);margin-top:15px}.takvim-aciklama span{display:flex;gap:7px;align-items:center}.takvim-aciklama i{width:8px;height:8px;border-radius:3px;background:var(--mavi)}.takvim-aciklama .hat{background:var(--sari)}.takvim-aciklama .tamam{background:var(--yesil)}
.stat{gap:16px}.stat .kart{padding:23px;border-radius:12px}.stat b{background:none;color:var(--metin);font-size:29px;letter-spacing:-.05em;margin-bottom:10px}.stat span{font-size:13px}.stat .kart:first-child{border-top:3px solid #8b83d8}.cubuk{margin:15px 0;font-size:13px}.cubuk i{height:8px;background:#8178d0}.cubuk:nth-of-type(3n) i{background:#77adab}.cubuk:nth-of-type(3n+1) i{background:#aaa3dc}body[data-sayfa=analiz] .izgara>.kart{min-height:210px}body[data-sayfa=analiz] .kart h3{margin-bottom:16px}
.ayar-yerlesim{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px}.ayar-menu{display:flex;flex-direction:column;gap:4px;align-self:start;position:sticky;top:96px}.ayar-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--metin2);font-size:13px}.ayar-menu a:hover,.ayar-menu a.aktif{color:var(--ana);background:var(--ana-acik)}.ayar-formlar.izgara.iki{display:block;min-width:0;max-width:860px}.ayar-formlar>.kart{margin-bottom:22px}.ayar-formlar .kart{padding:26px}.ayar-formlar .kart+.kart{margin-top:22px}.ayar-formlar .form-izgara{margin-top:14px}.ayar-formlar .ince{line-height:1.85}.ayar-formlar h3{font-size:17px}.ayar-formlar .satir-ic{flex-wrap:wrap}.anahtar input:focus-visible+i,.gun-sec input:focus-visible+span{outline:3px solid #a6a2ee;outline-offset:3px}
@media(min-width:900px){body[data-giris]{padding-left:var(--yan)}.yan-menu{display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:var(--yan);z-index:45;background:#fff;border-right:1px solid var(--cizgi);padding:26px 15px 0}.yan-menu>.marka{padding:0 9px;margin:0 0 34px;gap:10px}.yan-menu-baslik{font-size:10px;letter-spacing:.12em;color:#9298ac;font-weight:650;padding:0 13px;margin-bottom:13px}.yan-menu-baglar{display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:thin;min-height:0;padding-bottom:15px}.yan-bag{position:relative;display:flex;align-items:center;gap:11px;padding:10px 13px;min-height:41px;color:#707a91;font-size:13px;font-weight:500;border-radius:8px;transition:background .15s,color .15s}.yan-bag:hover{background:#f6f7fb;color:var(--metin)}.yan-bag.aktif{background:#efedfb;color:var(--ana);font-weight:650}.yan-bag.aktif:before{content:'';position:absolute;left:-1px;top:13px;bottom:13px;width:3px;background:var(--ana);border-radius:3px}.yan-menu-alt{margin-top:auto;padding-top:12px;border-top:1px solid var(--cizgi)}.yan-imza{display:flex;gap:10px;align-items:center;padding:20px 5px;margin-top:13px;border-top:1px solid var(--cizgi)}.yan-imza div{min-width:0}.yan-imza strong{display:block;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.yan-imza small{display:block;font-size:10px;margin-top:3px;color:var(--metin3)}body[data-giris] .ust .marka{display:none}body[data-giris] .ust-sag{width:100%;justify-content:flex-end}.ust-ic{padding-left:32px;padding-right:32px}.ana-bolumler>.ana-bolum:nth-child(n+3){min-height:200px}}
@media(min-width:1500px){.kabuk{padding-left:42px;padding-right:42px}.ana-bolumler{grid-template-columns:repeat(3,minmax(0,1fr))}.ana-bolumler>.ana-bolum:first-child{grid-column:span 2}.ana-bolumler>.ana-bolum:nth-child(2){grid-column:auto}.ana-odak{padding:34px 40px}}
@media(min-width:900px) and (max-width:1150px){:root{--yan:208px}.kabuk,.ust-ic{padding-left:22px;padding-right:22px}.ana-odak{padding:26px}.odak-gorsel{width:215px;margin-right:0}.odak-kagit{left:5px}.ana-ozet>a{padding:16px 12px;gap:10px}.ozet-simge{width:34px;height:34px}.ana-ozet>a>.ik{display:none}.izgara.uc{grid-template-columns:repeat(2,minmax(0,1fr))}.gorev-ozet-kart{padding:13px;gap:10px}.gorev-ozet-ikon{width:32px;height:32px}.ana-moduller{grid-template-columns:repeat(3,minmax(0,1fr))}.ayar-yerlesim{grid-template-columns:150px minmax(0,1fr);gap:20px}}
@media(max-width:899px){:root{--ust:64px}.kabuk{padding-left:22px;padding-right:22px}.ust-ic{gap:12px}.ust-sag{gap:10px}.ust-arama{width:260px}.sayfa-konumu{margin-bottom:23px}.alt-nav a,.alt-nav button{font-size:11px;color:var(--metin2)}.alt-nav a .ik,.alt-nav button .ik{padding:0;width:21px;height:21px}.alt-nav a.aktif .ik{background:none}.alt-nav .aktif{background:#f4f2fd}.menu-izgara a{font-size:13px}.ana-odak{padding:28px}.ana-tarih{display:none}.ana-ozet{gap:10px}.ana-ozet>a{padding:17px 13px;gap:10px}.ana-ozet>a>.ik{display:none}.ana-moduller{grid-template-columns:repeat(3,minmax(0,1fr))}.ayar-yerlesim{grid-template-columns:1fr;gap:18px}.ayar-menu{position:static;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--cizgi);padding-bottom:14px}.ayar-menu a{padding:8px 10px}}
@media(max-width:639px){.kabuk{padding-left:16px;padding-right:16px}.icerik{padding-top:17px}.marka{font-size:21px}.marka .ik{width:32px;height:32px}.ust-sag{gap:5px}.ust-arama{display:none}.ust-arama+.ikon-dugme{display:inline-flex}.sayfa-konumu{font-size:12px;gap:9px;margin-bottom:23px}.sayfa-basi{margin-bottom:21px;align-items:flex-start}.sayfa-basi h1{font-size:26px}.sayfa-basi p{font-size:13px;line-height:1.7}.sayfa-eylem{gap:7px}.ana-selam{margin-bottom:21px}.ana-selam h1{font-size:27px}.ana-selam p{font-size:13px;line-height:1.7}.ust-etiket{font-size:10px}.ana-odak{padding:24px;min-height:0}.ana-odak h2{font-size:24px;max-width:270px}.ana-odak p{font-size:13px}.odak-gorsel{display:none}.ana-odak-eylem{gap:8px;margin-top:20px}.ana-odak-eylem .dugme{font-size:12px;padding:9px 12px}.ana-ozet{gap:8px;margin:15px 0}.ana-ozet>a{flex-direction:column;align-items:flex-start;padding:13px 11px;gap:12px;border-radius:10px}.ozet-simge{width:31px;height:31px;border-radius:9px}.ozet-simge .ik{width:17px;height:17px}.ana-ozet strong{font-size:24px}.ana-ozet div>span{font-size:12px;line-height:1.5}.ana-kisayollar{margin-bottom:22px}.ana-kisayollar>summary>span{display:none}.ana-bolum-baslik>span{display:none}.ana-bolumler{grid-template-columns:1fr;gap:16px}.ana-bolum>.kart-baslik{padding:16px}.ana-bolum ul{padding:0 16px}.ana-bolum li{gap:10px}.ana-bolum li small{max-width:105px;white-space:normal;text-align:right}.ana-moduller{grid-template-columns:repeat(2,minmax(0,1fr))}.ana-modul{padding:10px;gap:7px}.ana-modul b{font-size:12px}.ana-modul .sayi{padding:0 5px;min-width:18px}.kart{padding:18px}.izgara{gap:15px}.filtre input[type=search]{flex-basis:100%}.filtre select{flex:1}.filtre .sekmeler{max-width:100%;overflow:auto}.sekmeler a,.sekmeler button{padding:6px 10px}.hizli{margin-bottom:16px}.hizli input:not([type=hidden]):not([type=checkbox]),.alan input,.alan select,.alan textarea,.filtre input,.filtre select{font-size:16px}.satir{padding:15px}.gorev-ozet{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gorev-ozet-kart{padding:13px;gap:10px}.gorev-ozet-ikon{display:grid;width:32px;height:32px}.gorev-ozet-kart div>span{font-size:12px;min-height:0}.gorev-hero h1{font-size:26px}.gorev-hero p:not(.gorev-ust-yazi){font-size:13px}.gorev-satir.satir{padding:17px 13px}.gorev-calisma .kanban{grid-auto-columns:calc(100vw - 84px)}.gorev-ust-yazi{font-size:10px}.gorev-filtre-detay summary{flex-wrap:wrap}.gorev-kisi{font-size:12px}.not-kart.satir{min-height:180px;padding:20px}.takvim-basi{border-radius:12px;margin-bottom:15px;padding:14px 12px}.takvim-aciklama{margin-bottom:18px}.stat{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat .kart{padding:18px 14px}.stat b{font-size:26px}.bildirim{padding:18px 14px;gap:10px}.ayar-formlar .kart{padding:20px 16px}.ayar-menu{gap:3px}.ayar-menu a{font-size:12px}.serit-ic{flex-wrap:wrap;font-size:13px}.serit-ic>span{flex-basis:75%}.modal{padding:0}.modal-kutu{max-height:93dvh;border-radius:22px 22px 0 0;border-bottom:0}.satir-baslik{overflow-wrap:anywhere}.anahtar{min-width:46px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ROTA: shared wordmark and route symbol. */
.marka{letter-spacing:.025em;gap:10px}.marka-simge{display:block;flex:none;width:38px;height:38px;object-fit:contain}.marka>span{line-height:1.15}.marka small{line-height:1.5;letter-spacing:0}
.giris-marka{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;margin-bottom:26px}.giris-marka .marka-simge{grid-row:1/3;width:48px;height:48px}.giris-marka strong{font-size:27px;letter-spacing:.04em;line-height:1.2}.giris-marka>span{color:var(--metin3);font-size:12px}
.karsilama-marka{display:flex;align-items:center;justify-content:center;gap:18px}.karsilama-marka .marka-simge{width:64px;height:64px}.karsilama-marka h1{letter-spacing:.025em}
@media(max-width:639px){.marka-simge{width:32px;height:32px}.karsilama-marka{gap:12px}.karsilama-marka .marka-simge{width:48px;height:48px}}

/* Optional notification themes retain readable foreground contrast. */
.bildirim{align-items:flex-start}.bildirim>.dugme{align-self:flex-start}
.bildirim.bildirim-tema-mavi{background:#eff6ff;border-color:#bfdbfe}.bildirim.bildirim-tema-mor{background:#f5f3ff;border-color:#ddd6fe}.bildirim.bildirim-tema-yesil{background:#f0fdf4;border-color:#bbf7d0}.bildirim.bildirim-tema-turuncu{background:#fff7ed;border-color:#fed7aa}.bildirim-gorsel{display:block;width:100%;max-width:720px;height:auto;max-height:260px;object-fit:cover;border-radius:10px;margin-bottom:12px}.bildirim .satir-govde{min-width:0}.sablon summary{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.bildirim-kanallar{display:flex;gap:16px;flex-wrap:wrap}.bildirim-ornek{border:1px solid var(--cizgi);border-radius:12px;padding:16px}.bildirim-ornek img{max-height:160px;width:100%;object-fit:contain}.sablon .alan{min-width:0}

/* Shared, wrapping notification channel choices. */
.bildirim-kanallari{min-width:0;width:100%;flex:1 0 100%;border:1px solid var(--cizgi,#dce3f0);border-radius:12px;padding:12px;margin:8px 0;box-sizing:border-box}
.bildirim-kanallari legend{font-size:.8rem;font-weight:600;padding:0 5px;color:var(--ince,#64748b)}
.bildirim-kanal-secimleri{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}
.bildirim-kanal-secimleri .onay{display:flex;align-items:center;gap:8px;min-height:40px;margin:0;padding:7px 8px;border-radius:8px;background:var(--zemin,#f6f8fc);cursor:pointer}
.bildirim-kanal-secimleri input{flex:0 0 auto}.bildirim-kanallari .kucuk-yazi{margin:8px 0 0;font-size:.75rem}
.tg-bildirim-tercihi{margin:20px 0;padding:16px}.tg-bildirim-tercihi .dugme{margin-top:12px}
/* Uzun site adı üst çubuğu taşırmasın: marka daralabilir, ad üç noktayla kısalır. */
.ust-ic{min-width:0}.ust .marka{min-width:0;flex:0 1 auto}.ust .marka>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.ust .marka>span{max-width:44vw}}

/* Brand label is independent of the document title and bounded by the sidebar. */
.yan-panel .marka,.yan-menu .marka,.yan .marka{min-width:0;max-width:100%}.marka>.marka-metin{min-width:0;overflow:hidden;white-space:normal;flex:1}.marka-metin>strong{display:block;font:inherit;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marka .marka-metin>small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;overflow-wrap:anywhere;font-size:10px;font-weight:400;line-height:1.5;margin-top:3px;letter-spacing:0}

/* Ders kartı (ortak): ders nerede listelenirse listelensin (program alanı, DUS paneli, Öğrenim, Soru bankası) aynı görünür.
   Tasarım Bildirim Merkezi kutucuklarıyla aynı dildedir; renk dersin kendi renginden (--dk) türetilir. */
.dk-izgara,.og-cards:has(>.og-course),div.qb-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:18px;min-width:0}
.dk,.og-card.og-course,a.qb-course-card{--dk:var(--og-course,#149db2);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;min-height:208px;padding:22px;border:1px solid var(--cizgi,#e1e7f0);border-top-width:1px;border-radius:21px;background:var(--kart,#fff);color:var(--metin,#21314d);text-decoration:none;box-shadow:0 3px 9px rgba(21,45,71,.02);transition:transform .18s,border-color .18s,box-shadow .18s}
.dk:before,.og-card.og-course:before,a.qb-course-card:before{content:'';position:absolute;z-index:-1;right:-29px;top:-32px;width:125px;height:125px;border-radius:50%;background:color-mix(in srgb,var(--dk) 13%,transparent)}
.dk:after,.og-card.og-course:after,a.qb-course-card:after{content:'';position:absolute;z-index:-1;right:28px;top:22px;width:40px;height:40px;border:1px solid var(--dk);opacity:.12;border-radius:12px;transform:rotate(24deg)}
.dk:hover,.dk:focus-within,.og-card.og-course:hover,a.qb-course-card:hover,a.qb-course-card:focus-visible{transform:translateY(-3px);border-color:var(--dk);box-shadow:0 10px 24px rgba(32,58,80,.07)}
.dk-ikon,.og-card.og-course .og-course-icon,a.qb-course-card .qb-course-icon{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:15px;color:var(--dk);background:color-mix(in srgb,var(--dk) 13%,var(--kart,#fff));border:1px solid rgba(255,255,255,.45);box-shadow:0 3px 8px rgba(32,52,76,.02);margin-bottom:16px}
.dk-baslik,.og-card.og-course h2,a.qb-course-card h3{margin:0;font-size:14.5px;font-weight:750;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}
.dk-aciklama,.og-card.og-course>p,a.qb-course-card .qb-course-states{margin:6px 0 0;font-size:11.5px;line-height:1.65;color:var(--metin2,#6c7a91)}
.dk-alt,.og-card.og-course>span:last-child,a.qb-course-card .qb-course-open{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:14px;border-top:0;font-size:11px;font-weight:650;color:var(--dk)}
.dk-alt>span:last-child{font-size:18px;line-height:1}
.dk-ana{display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%;color:inherit;text-decoration:none}
.dk-ana:focus-visible,.dk:focus-visible{outline:3px solid var(--dk);outline-offset:3px;border-radius:12px}
.dk-cubuk{display:block;width:100%;height:4px;margin-top:12px;border-radius:2px;background:color-mix(in srgb,var(--dk) 10%,var(--kart2,#f3f6fb));overflow:hidden}.dk-cubuk i{display:block;height:100%;border-radius:2px;background:var(--dk)}
.dk.pasif{opacity:.72;background:var(--kart2,#f7f9fc)}
.dk-eylem{display:flex;align-items:center;gap:6px;width:100%;margin-top:14px;padding-top:12px;border-top:1px dashed var(--cizgi,#e1e7f0)}
a.qb-course-card .qb-course-card-top{width:100%;align-items:flex-start}a.qb-course-card .qb-course-total{position:relative;z-index:1}
@media(max-width:680px){.dk-izgara,.og-cards:has(>.og-course),div.qb-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dk,.og-card.og-course,a.qb-course-card{min-height:184px;padding:16px;border-radius:17px}.dk-ikon,.og-card.og-course .og-course-icon,a.qb-course-card .qb-course-icon{width:42px;height:42px;border-radius:12px;margin-bottom:12px}}
@media(max-width:380px){.dk-izgara,.og-cards:has(>.og-course),div.qb-course-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.dk,.og-card.og-course,a.qb-course-card{transition:none}.dk:hover,.og-card.og-course:hover,a.qb-course-card:hover{transform:none}}
/* IA Soru Merkezi kaynak belgesi: kabul edilen tür kutuları (Panel › Öğrenme). */
.ia-tur-secim{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:6px}
.ia-tur-secim .onay{border:1px solid var(--cizgi,#e1e7f0);padding:10px 12px;border-radius:9px;min-height:46px;align-items:center;background:var(--kart,#fff);cursor:pointer}
.ia-tur-secim .onay:has(input:checked){border-color:#d5d1f4;background:#f7f6ff}
@media(max-width:640px){.ia-tur-secim{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ia-tur-secim .onay{padding:9px 7px;gap:7px}}

/* ================= Mobil uygulama hissi (≤639px) =================
   Amaç: tek kolon akış, tek bir üst eylem sırası, dokunmaya anında tepki.
   Yalnız transform/opacity animasyonu kullanılır; düzen yeniden hesaplanmaz. */
@media(max-width:639px){
 html{-webkit-text-size-adjust:100%}
 body{overscroll-behavior-y:none}
 .dugme,.ikon-dugme,.ev-sayac,.ev-kisayollar>a,.alt-nav a,.alt-nav button{-webkit-tap-highlight-color:transparent}
 .dugme:active,.ikon-dugme:active,.ev-sayac:active,.ev-kisayollar>a:active{transform:scale(.97)}
 .dugme,.ikon-dugme,.ev-sayac,.ev-kisayollar>a{transition:transform .12s ease}
 /* Ana sayfada kırıntı yolu bilgi taşımıyor; uygulama görünümünü bozuyor. */
 body[data-sayfa="anasayfa"] .sayfa-konumu{display:none}
 /* Not: .ust-cihaz-izinleri ogrenim-menu.css'te, .ev-ozet gunum.css'te gizlenir/
    biçimlenir — o dosyalar bu dosyadan SONRA yüklendiği için kural orada durmalı. */
 /* Alt çubuk: seçili sekme hap rozetiyle belirgin. */
 .alt-nav a.aktif .ik{background:var(--ana-acik);border-radius:999px;padding:3px 13px}
 .alt-nav a:active,.alt-nav button:active{opacity:.6}
 /* Dokunma hedefleri: taramada sekme hapları 33-36px, küçük düğmeler 32px,
    onay kutuları 13-19px ölçüldü — parmakla ıskalanıyorlardı. Ölçüler yalnız
    telefonda büyür, masaüstü düzeni aynı kalır. */
 .dugme.kucuk{min-height:38px;padding:7px 13px}
 .sekmeler a,.sekmeler button{min-height:38px;padding:8px 14px}
 input[type=checkbox],input[type=radio]{min-width:20px;min-height:20px}
 /* Modüllerin kendi sekme/filtre şeritleri (34-36px ölçüldü). Bu kurallar yalnız
    min-height ekler; ilgili dosyalar min-height tanımlamadığı için çakışma olmaz. */
 .iw-tabs a,.filtre .chip,.ayar-menu a,.mv-sekme-ic a,.mv-arac-dugme,.mvb-konum,.bd-onizleme .chip{min-height:38px}
 .bn-kapat{min-width:34px;min-height:34px}
 /* Başlık satırlarındaki "→" bağlantıları 19-22px ölçüldü. Negatif kenar boşluğu
    ile dokunma alanı büyür, görsel konum aynı kalır — düzen kaymaz. */
 .og-section-heading a,.bd-durum-yayin a,.mot-baglanti,.mvb-takip-bas a,.mv-kart-bas a,
 .ev-mot-foot a,.gd-heading>a,.ev-panel-baslik .ev-tumu{padding-top:8px;padding-bottom:8px;margin-top:-8px;margin-bottom:-8px}
 /* bilgi-notlari.css bu dosyadan sonra yükleniyor: tek sınıf yetmez, bir üst kap eklenir. */
 .bilgi-notu .bn-baglanti{padding-top:8px;padding-bottom:8px;margin-top:-8px;margin-bottom:-8px}
 .ev-filtreler>a,.gd-calendar-body>.dugme{min-height:38px}
 .ev-module-search input,.bd-area-search input{min-height:38px}
}

/* =====================================================================
   Ders kartı — "Premium Feature Card" uyarlaması
   ---------------------------------------------------------------------
   Kaynak: premium-code-library › Feature-Card-UI-Upgrade.
   Özgün tasarım sabit mor bir degrade ve gövdeye gömülü bir SVG damla
   kullanıyor. Burada ikisi de değiştirildi:
     · Renk kartın KENDİ ders rengidir (--dk); mor marka rengi taşınmadı.
     · Damla SVG değil, ::before üzerinde organik border-radius ile çizilir —
       böylece .dk kullanan HİÇBİR sayfanın işaretlemesi değişmedi
       (sınıf dersleri, öğrenim dersleri, program dersleri, soru bankası
       ders kartları aynı sınıfı paylaşır).
   Üzerine gelince damla kartı doldurur ve yazılar beyaza döner; damlanın
   koyu ucu bilerek karartılır ki açık renkli derslerde de okunur kalsın.
   ===================================================================== */
.dk,.og-card.og-course,a.qb-course-card{
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s}

.dk:before,.og-card.og-course:before,a.qb-course-card:before{
  content:'';position:absolute;z-index:-1;right:-64px;top:-64px;width:190px;height:190px;
  border-radius:47% 53% 43% 57%/53% 44% 56% 47%;
  background:linear-gradient(142deg,var(--dk),color-mix(in srgb,var(--dk) 70%,#0b1220));
  opacity:.14;transform:scale(1) rotate(0deg);transform-origin:64% 36%;
  transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .5s ease,border-radius .95s ease}

/* Halka bilerek İÇERİĞİN ALTINDA (z-index:-1): sağ üstte soru sayısı gibi
   rozetler var, üstlerine binmesin. Damla dolarken kendiliğinden kaybolur. */
.dk:after,.og-card.og-course:after,a.qb-course-card:after{
  content:'';position:absolute;z-index:-1;right:22px;top:22px;width:34px;height:34px;
  border:1px solid var(--dk);opacity:.16;border-radius:50%;
  transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}

.dk:hover,.dk:focus-within,.og-card.og-course:hover,
a.qb-course-card:hover,a.qb-course-card:focus-visible{
  transform:translateY(-5px);border-color:transparent;box-shadow:0 18px 40px rgba(23,32,51,.16)}

.dk:hover:before,.dk:focus-within:before,.og-card.og-course:hover:before,
a.qb-course-card:hover:before,a.qb-course-card:focus-visible:before{
  transform:scale(4.6) rotate(12deg);opacity:1;border-radius:42% 58% 52% 48%/48% 52% 48% 52%}

.dk:hover:after,.dk:focus-within:after,.og-card.og-course:hover:after,
a.qb-course-card:hover:after,a.qb-course-card:focus-visible:after{
  opacity:0;transform:translateX(6px) scale(1.15)}

/* Damla dolunca yazılar beyaza döner.
   Rengi KARTIN KENDİSİNE veriyoruz, tek tek çocuklara değil: kart her sayfada
   farklı içerik taşıyor (sınıf kartındaki "Kendi çalışma alanım" bağlantısı,
   program kartındaki eylem düğmeleri, soru sayısı rozetleri…). Sınıf sınıf
   saymak, sayılmayan her metnin koyu zeminde koyu kalması demekti — kullanıcı
   "metin renkleri görünmeyebiliyor" derken bunu gördü. Aşağıdaki iki satır
   yalnız kendi rengini dayatan öğeleri geri alır. */
.dk:hover,.dk:focus-within,
.og-card.og-course:hover,
a.qb-course-card:hover,a.qb-course-card:focus-visible{color:#fff}

.dk:hover .dk-aciklama,.dk:focus-within .dk-aciklama,
.og-card.og-course:hover>p,
a.qb-course-card:hover .qb-course-states{color:rgba(255,255,255,.86)}

.dk:hover .dk-alt,.dk:focus-within .dk-alt,
.dk:hover .dk-yan,.dk:focus-within .dk-yan,
.og-card.og-course:hover>span:last-child,
a.qb-course-card:hover .qb-course-open{color:#fff}

/* Eylem düğmeleri kartın üstünde cam gibi durur: dolgulu zeminde kendi açık
   renkleriyle kaybolurlardı. Birincil düğme ters çevrilir (beyaz zemin,
   dersin rengi), böylece "Soru ekle" hâlâ en dikkat çeken öğe kalır. */
.dk:hover .dk-eylem .dugme,.dk:focus-within .dk-eylem .dugme,
.dk:hover .dk-eylem summary,.dk:focus-within .dk-eylem summary{
  background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.45);color:#fff}
.dk:hover .dk-eylem .dugme.birincil,.dk:focus-within .dk-eylem .dugme.birincil{
  background:#fff;border-color:#fff;color:var(--dk)}
.dk:hover .dk-eylem .dugme:hover,.dk:hover .dk-eylem summary:hover{
  background:rgba(255,255,255,.28)}
.dk:hover .dk-eylem .dugme.birincil:hover{background:#fff;filter:brightness(.97)}

/* İkon kutusu: dolgu kalkar, cam gibi kalır ve hafifçe döner (özgün tasarımdaki hareket). */
.dk-ikon,.og-card.og-course .og-course-icon,a.qb-course-card .qb-course-icon{
  transition:background .45s ease,color .45s ease,transform .65s cubic-bezier(.16,1,.3,1),box-shadow .45s ease}
.dk:hover .dk-ikon,.dk:focus-within .dk-ikon,
.og-card.og-course:hover .og-course-icon,a.qb-course-card:hover .qb-course-icon{
  background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.4);
  transform:rotate(-7deg) scale(1.07);box-shadow:0 12px 26px rgba(11,18,32,.25)}

/* Alt satırdaki ok, özgün tasarımdaki "orbit" gibi sağa kayar. */
.dk-alt>span:last-child,.og-card.og-course>span:last-child>span:last-child{
  transition:transform .5s cubic-bezier(.16,1,.3,1)}
.dk:hover .dk-alt>span:last-child,.dk:focus-within .dk-alt>span:last-child{transform:translateX(6px)}

/* İlerleme çubuğu ve rozetler damlanın üstünde okunur kalsın. */
.dk-cubuk{position:relative;z-index:1;transition:background .45s ease}
.dk:hover .dk-cubuk{background:rgba(255,255,255,.28)}
.dk:hover .dk-cubuk i{background:#fff}
.dk-eylem{position:relative;z-index:2;transition:border-color .45s ease}
.dk:hover .dk-eylem{border-top-color:rgba(255,255,255,.35)}
a.qb-course-card:hover .qb-course-total{background:rgba(255,255,255,.2);color:#fff}

/* Arşivdeki ders sakin kalır: damla dolmaz — dolayısıyla YAZILAR DA BEYAZA
   DÖNMEMELİ, yoksa açık zeminde beyaz yazı kalırdı. Üstteki kart düzeyindeki
   renk kuralının pasif karşılığı: */
.dk.pasif:hover:before,.dk.pasif:focus-within:before{transform:scale(1);opacity:.14}
.dk.pasif:hover,.dk.pasif:focus-within{color:var(--metin,#21314d)}
.dk.pasif:hover .dk-baslik,.dk.pasif:focus-within .dk-baslik{color:inherit}
.dk.pasif:hover .dk-aciklama,.dk.pasif:focus-within .dk-aciklama,
.dk.pasif:hover .dk-yan,.dk.pasif:focus-within .dk-yan{color:var(--metin2,#6c7a91)}
.dk.pasif:hover .dk-alt,.dk.pasif:focus-within .dk-alt{color:var(--dk)}
.dk.pasif:hover .dk-ikon{background:color-mix(in srgb,var(--dk) 13%,var(--kart,#fff));color:var(--dk);transform:none}
.dk.pasif:hover .dk-eylem .dugme,.dk.pasif:focus-within .dk-eylem .dugme,
.dk.pasif:hover .dk-eylem summary,.dk.pasif:focus-within .dk-eylem summary{
  background:var(--kart2,#f3f6fb);border-color:var(--cizgi2,#d9dfeb);color:var(--metin2,#6c7a91)}
.dk.pasif:hover .dk-eylem .dugme.birincil,.dk.pasif:focus-within .dk-eylem .dugme.birincil{
  background:var(--ana-grad,#3b6cf6);border-color:transparent;color:#fff}

/* Hareketi azalt tercihine saygı: renk değişir, animasyon olmaz. */
@media(prefers-reduced-motion:reduce){
  .dk,.dk:before,.dk:after,.dk-ikon,.dk-alt>span:last-child,
  .og-card.og-course,.og-card.og-course:before,a.qb-course-card,a.qb-course-card:before{transition:none}
  .dk:hover,.og-card.og-course:hover,a.qb-course-card:hover{transform:none}
  .dk:hover:before{transform:scale(4.6)}
}

/* ==== Ortak sayfa başlık kartı (sistem/duzen.php › sayfaHero). Notlar'da tasarlanan premium başlık;
   DUS ve Maneviyat hariç tüm modüllerde. Telefonda uygulama başlığı gibi: büyük başlık, sağda simge. ==== */
.sayfa-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:18px;margin:2px 0 22px;padding:24px 26px;border-radius:22px;border:1px solid #e6e3fb;background:radial-gradient(120% 150% at 100% 0%,#e8e5ff 0%,#e8e5ff00 55%),linear-gradient(135deg,#fff 0%,#f6f5ff 100%);box-shadow:0 10px 30px #3b35a50f;color:#1b2140}
.sayfa-hero::after{content:"";position:absolute;z-index:-1;right:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#7064df26,#7064df00 70%);pointer-events:none}
.sayfa-hero-simge{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:18px;background:var(--ana-grad,linear-gradient(135deg,#5652d9,#7064df));color:#fff;box-shadow:0 10px 22px #5350d94d}
.sayfa-hero-metin{flex:1;min-width:0}
.sayfa-hero .sayfa-hero-ust{display:block;margin:0;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--ana,#5350d9)}
.sayfa-hero .sayfa-hero-metin h1{margin:4px 0;font-size:30px;font-weight:750;line-height:1.15;letter-spacing:-.8px;color:#1b2140;overflow-wrap:anywhere}
.sayfa-hero .sayfa-hero-metin h1 small{font-size:.55em;font-weight:700;color:#7a819a;margin-left:6px}
.sayfa-hero .sayfa-hero-metin p{margin:0;font-size:14px;line-height:1.55;color:#6b7390}
.sayfa-hero-yan{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:55%}
.sayfa-hero-eylem{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sayfa-hero-eylem .dugme:not(.birincil){background:#ffffffd9}
.sayfa-hero-sayilar{display:flex;gap:8px}
.sayfa-hero-sayilar>a,.sayfa-hero-sayilar>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:76px;padding:10px 12px;border-radius:14px;border:1px solid #e6e3fb;background:#ffffffcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:inherit;color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.sayfa-hero-sayilar>a:hover,.sayfa-hero-sayilar>button:hover{transform:translateY(-2px);border-color:#d3cff8;box-shadow:0 8px 18px #3b35a514}
.sayfa-hero-sayilar>a:focus-visible,.sayfa-hero-sayilar>button:focus-visible{outline:3px solid #a9a5f5;outline-offset:2px}
.sayfa-hero-sayilar b{font-size:20px;font-weight:800;line-height:1.15;color:#1b2140;font-variant-numeric:tabular-nums}
.sayfa-hero-sayilar span{font-size:11px;font-weight:600;color:#7a819a}
@media(max-width:900px){.sayfa-hero-yan{max-width:none}}
@media(max-width:700px){
 .sayfa-hero{flex-wrap:wrap;gap:14px;margin:0 0 16px;padding:18px;border-radius:20px}
 .sayfa-hero-metin{order:1;flex:1 1 0}
 .sayfa-hero-simge{order:2;align-self:flex-start;width:48px;height:48px;border-radius:15px}
 .sayfa-hero .sayfa-hero-metin h1{font-size:27px}
 .sayfa-hero .sayfa-hero-metin p{font-size:13px}
 .sayfa-hero-yan{order:3;width:100%;justify-content:stretch}
 .sayfa-hero-sayilar{width:100%}
 .sayfa-hero-sayilar>a,.sayfa-hero-sayilar>button{flex:1;min-width:0;padding:9px 6px}
 .sayfa-hero-sayilar b{font-size:18px}
 .sayfa-hero-eylem{width:100%;justify-content:stretch}
 .sayfa-hero-eylem>*{flex:1 1 auto;justify-content:center}
}
@media print{.sayfa-hero{box-shadow:none;background:#fff}.sayfa-hero-eylem,.sayfa-hero-sayilar{display:none}}
@media(prefers-reduced-motion:reduce){.sayfa-hero-sayilar>*{transition:none}}
/* Sayfa düzeninin "bloğu daralt" (−) düğmesi, başlık kartıyla başlayan blokta kartın simgesine binmesin. */
[data-pl-block]:has(>.sayfa-hero:first-of-type)>.pl-fold{top:-16px;right:4px}
/* Başlık kartında üst yazının geri bağlantısı ("← DERS NOTLARI"). */
.sayfa-hero .sayfa-hero-geri{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;border-radius:6px}
.sayfa-hero .sayfa-hero-geri:hover{text-decoration:underline;text-underline-offset:3px}
.sayfa-hero .sayfa-hero-geri:focus-visible{outline:2px solid #a9a5f5;outline-offset:2px}

/* Puanlarım kartı (sistem/ogrenim/puan.php → puanKarti): ana sayfa ve öğrenim panosu. */
.puan-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;margin:0 0 18px;box-shadow:var(--golge)}
.puan-kart-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.puan-kart-bas h2{display:flex;align-items:center;gap:7px;margin:0;font-size:16px;color:var(--metin)}
.puan-kart-bas h2 .ik{color:var(--sari)}
.puan-kart-bas p{margin:4px 0 0;font-size:12.5px;color:var(--metin2)}
.puan-toplam{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;flex:none}
.puan-toplam span{font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--ana-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.puan-toplam small{font-size:11px;font-weight:500;color:var(--metin2)}
.puan-bos{margin:12px 0 0;font-size:13px;color:var(--metin2)}
.puan-alanlar{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:4px}
.puan-alanlar a{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(60px,26%) auto;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--r2);color:var(--metin);text-decoration:none}
.puan-alanlar a:hover{background:var(--kart2)}
.puan-alanlar a:focus-visible{outline:2px solid var(--ana);outline-offset:1px}
.puan-alan-ikon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ana-acik);color:var(--ana)}
.puan-alan-ikon.tur-sinif{background:var(--yesil-acik);color:var(--yesil)}
.puan-alan-ikon.tur-program{background:var(--mor-acik);color:var(--mor)}
.puan-alan-ikon.tur-karsilasma{background:var(--sari-acik);color:var(--sari)}
.puan-alan-ad{display:flex;flex-direction:column;min-width:0}
.puan-alan-ad strong{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.puan-alan-ad small{font-size:11.5px;color:var(--metin2)}
.puan-alan-cubuk{height:6px;border-radius:99px;background:var(--kart2);overflow:hidden}
.puan-alan-cubuk i{display:block;height:100%;border-radius:inherit;background:var(--ana-grad)}
.puan-alan-puan{font-size:15px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.puan-alan-puan small{font-size:11px;font-weight:500;color:var(--metin2)}
/* Sınıf başlığı ve program panosundaki tek alanlık puan rozeti. */
.puan-rozet{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.puan-rozet .ik{color:var(--sari)}
@media (max-width:560px){
 .puan-kart{padding:16px}
 .puan-kart-bas p{display:none}
 .puan-alanlar a{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}
 .puan-alan-cubuk{display:none}
}