/* Kampüs Mobi web portal — shared visual layer; API and component contracts unchanged. */
:root{--lacivert:#14231f;--lacivert-2:#1c352b;--mavi:#136c50;--mavi-koyu:#0c513b;--mavi-derin:#105e46;--mavi-acik:#edf6f1;--mavi-cizgi:#c5dfd1;--turkuaz:#258565;--turkuaz-koyu:#136c50;--turkuaz-acik:#edf6f1;--koyu:#14231f;--metin:#40524b;--gri:#586c61;--acik-gri:#61756a;--zemin:#f7f8fa;--yuzey:#fff;--cerceve:#e1e7e3;--cerceve-koyu:#ccd7d0;--yaricap:18px;--yaricap-kucuk:12px;--golge-kart:0 8px 30px -18px #14231f29;--golge-dugme:none;--baslik:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:var(--zemin);color:var(--koyu)}
h1,h2,h3{letter-spacing:-.035em;font-weight:700}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{transition:background .18s,box-shadow .18s,transform .18s}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #78b99b;outline-offset:4px}input:focus,select:focus,textarea:focus{border-color:#136c50;box-shadow:0 0 0 3px #136c5014;outline:none}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:46px;border-radius:10px;background:#fff;border-color:var(--cerceve-koyu)}label{font-size:13px;font-weight:600}button.birincil,.birincil{background:#136c50;border-color:#136c50;box-shadow:none;border-radius:10px;min-height:44px;font-weight:600}button.birincil:hover,.birincil:hover{background:#0c513b;box-shadow:0 4px 12px #136c5020}.ikincil{border-radius:10px;min-height:42px;background:#fff;color:#263f34;border-color:var(--cerceve-koyu)}.kart,.stat,.stat-kart,.kuyruk-kart,.ilan-kart,.anahtar-satir,.detay-kutu{border-color:var(--cerceve);box-shadow:var(--golge-kart)}.kart h2{font-size:25px}.marka .isaret{background:#136c50!important;border-radius:12px;box-shadow:none;font-size:23px}.marka .ad{letter-spacing:-.055em;font-size:21px}.marka .alt-ad{letter-spacing:.07em;font-size:10px}.alt{line-height:1.7}.uyari{border-radius:12px;line-height:1.65}.modal{border:1px solid var(--cerceve);border-radius:20px;box-shadow:0 28px 100px #14231f30}.modal-perde{backdrop-filter:blur(5px)}table{font-size:13px}th{background:#f2f5f3;color:#5e7267;text-transform:none;font-size:12px}td,th{border-color:#e8ede9}tbody tr:hover{background:#f8fbf9}
/* Auth shell */
.portal-ust{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,80px);border-bottom:1px solid var(--cerceve);background:#fff}.portal-ust>a{color:#50675c;font-size:13px;font-weight:500}.portal-ust .marka{margin:0;justify-content:flex-start}.portal-ust .marka .ad{color:#14231f}.portal-ust .marka .alt-ad{color:#586c61}.portal-ust>a:hover{text-decoration:none;color:#136c50}.portal-etiket{display:inline-flex;align-items:center;gap:8px;color:#136c50;background:#edf6f1;border:1px solid #dcece3;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.portal-etiket::before{content:'';height:6px;width:6px;border-radius:50%;background:#258565}.yon-giris{background:#f7f8fa;min-height:calc(100vh - 88px);padding:56px 24px;position:relative;overflow:visible}.yon-giris::before{display:none}.yon-kutu{max-width:1050px;display:grid;grid-template-columns:1fr 440px;align-items:center;column-gap:100px}.yon-kutu>.marka{grid-column:1;justify-content:flex-start;align-self:end;margin-bottom:20px}.yon-kutu>.marka .ad{color:#14231f}.yon-kutu>.marka .alt-ad{color:#586c61}.portal-giris-anlati{grid-column:1;grid-row:2;align-self:start}.portal-giris-anlati h1{font-size:clamp(32px,3.5vw,48px);line-height:1.16;margin:20px 0;max-width:470px}.portal-giris-anlati>p{font-size:15px;line-height:1.8;color:#586c61;max-width:420px}.portal-giris-not{margin-top:30px;padding-top:24px;border-top:1px solid #dfe6e1;font-size:12px;color:#586c61;max-width:420px;line-height:1.7}.yon-kutu>.kart{grid-column:2;grid-row:1 / 4;padding:34px!important;margin:0;box-shadow:0 14px 60px -32px #14231f40}.yon-kutu>.hub-alt{grid-column:2;color:#586c61;margin-top:20px}.hub-alt a{color:#136c50}.adim-iz{gap:6px;margin-bottom:28px}.adim-iz span{height:3px;border-radius:3px;background:#e4ebe6}.adim-iz .gecti{background:#136c50!important}.islem-kutu{background:#f7f9f7;border:1px solid #e5ebe6;border-radius:12px}.islem-alan button{background:#fff;color:#136c50;border:1px solid #d6e0d9;border-radius:9px;min-width:44px}.yon-kutu h2{font-size:25px}.yon-kutu .hub-alt a{color:#136c50}.giris-sayfa{min-height:calc(100vh - 88px);background:#f7f8fa;max-width:1320px;margin:0 auto}.kahraman{background:transparent;color:#14231f;padding:64px clamp(30px,4vw,64px);border-right:1px solid var(--cerceve)}.kahraman::before{display:none}.kahraman .marka .ad{color:#14231f}.kahraman h1{color:#14231f;font-size:clamp(32px,3.4vw,48px);line-height:1.16;letter-spacing:-.045em}.kahraman .vurgu{color:#136c50;background:none;-webkit-text-fill-color:currentColor}.kahraman .oncu{color:#586c61;font-size:14px;line-height:1.8}.kahraman .rozet-panel{color:#136c50;background:#edf6f1;border-color:#cde1d5}.kahraman .ozellik .ikon{background:#edf2ee;border:1px solid #dfe8e1;box-shadow:none}.kahraman .ozellik b{color:#263f34}.kahraman .ozellik span{color:#586c61}.kahraman .sayilar{border-color:#dce5df}.kahraman .sayi b{color:#136c50}.kahraman .sayi span{color:#586c61}.giris-taraf{background:transparent;padding:56px 40px}.giris-kart{max-width:440px}.giris-kart>.kart{padding:34px;border-radius:20px;box-shadow:0 14px 60px -32px #14231f40}.giris-ayrac{color:#586c61}.alt-yazi{font-size:12px;line-height:1.8}.portal-destek{display:flex;justify-content:center;gap:18px;margin-top:20px;font-size:12px;color:#586c61}
/* Management entry hub */
.hub{background:#f7f8fa;padding:64px 24px;min-height:calc(100vh - 88px)}.hub-orta{max-width:1100px}.hub .marka .ad{color:#14231f}.hub .marka .alt-ad{color:#136c50}.hub h1{color:#14231f;font-size:clamp(30px,4vw,46px);margin:22px 0 16px}.hub .alt{color:#586c61;max-width:650px;font-size:15px;margin-bottom:40px}.hub-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hub-kart{position:relative;background:#fff;border:1px solid #e1e7e3;border-radius:18px;padding:26px;box-shadow:0 4px 18px -14px #14231f20;min-height:240px}.hub-kart:hover{background:#fff;border-color:#8bbda4;box-shadow:0 15px 40px -24px #136c5050;transform:translateY(-3px);text-decoration:none}.hub-kart .hk-ikon{background:#edf6f1;color:#136c50;border:1px solid #d9e9df;margin-bottom:20px}.hub-kart h3{color:#14231f;font-size:18px}.hub-kart p{color:#586c61;font-size:13px;line-height:1.7}.hub-kart .hk-durum{color:#136c50;background:#edf6f1;padding:6px 10px}.hub-kart .hk-durum.acik{background:#e6f4eb;color:#136c50}.hub-kart::after{content:'↗';position:absolute;right:25px;top:28px;color:#8fa399;font-size:20px}.hub-alt{color:#586c61;line-height:1.8}
/* All signed-in portal modules share the same shell. */
.kenar,.panel-kenar{background:#142b22;border-right:1px solid #203d30;color:#c7d7cf;padding:26px 16px;width:260px}.kenar a,.kenar-nav button{color:#b5cbbf;font-size:13px;font-weight:500;border-radius:10px}.kenar a:hover,.kenar-nav button:hover{color:#fff;background:#ffffff0a}.kenar a.secili,.kenar-nav button.secili{background:#e6f4eb;color:#124f3b;box-shadow:none;font-weight:650}.kenar .marka .ad,.panel-kenar .marka .ad{color:#fff}.kenar .marka .alt-ad,.panel-kenar .marka .alt-ad{color:#a0c9b1;filter:none}.kenar-grup,.kenar-baslik{color:#789a87;font-size:10px;letter-spacing:.1em}.kenar a.panel-degis{color:#a1d4b8}.kenar .kim,.kenar-alt .kim{color:#95b2a3;border-color:#365243}.kenar .kim b{color:#edf6f1}.kenar .kim{font-size:11px}.kenar a .say.sifir{background:#ffffff12}.kenar a.secili .say.sifir{background:#136c5015}.icerik,.panel-ana{background:#f7f8fa;padding:36px clamp(20px,3vw,48px);min-width:0}.icerik h1,.ana-ust h1{font-size:28px;letter-spacing:-.04em}.kapsam-cubuk{border-radius:14px;border-color:#e0e7e2;box-shadow:0 5px 15px -14px #14231f50;background:#fffffff5;padding:12px 16px;gap:10px}.kapsam-cubuk select{min-height:38px;font-size:12px}.stat,.stat-kart{border-radius:16px;padding:22px;background:#fff}.stat b{font-size:32px;letter-spacing:-.045em}.stat-izgara{gap:16px}.stat:hover{border-color:#b5d1c1}.pano-kart,.pano-blok{border-color:var(--cerceve)}.kuyruk-kart{padding:20px;border-radius:16px}.filtre-cubuk{gap:8px}.filtre-cubuk button{border-radius:9px}.ilan-kart:hover{border-color:#b3cfbe;box-shadow:0 8px 24px -20px #136c5040}.ilan-kart .ik-ikon{background:#edf6f1}.beyaz-cizgili{border-color:#628571;color:#d7e8df}.kayit-ray{background:#142b22;width:330px;padding:40px 30px}.kayit-ray .oncu,.kayit-ray .guven,.adim .ad-metin span{color:#a9c1b4}.kayit-ray .marka .alt-ad{color:#9cd0b3}.adim .ad-metin b{color:#d2e3d9}.adim.aktif{background:#ffffff0c}.adim.aktif .no{background:#e6f4eb;color:#136c50;box-shadow:none}.adim .no{color:#b5cebf;border-color:#5a7c67}.kayit-icerik{padding:48px clamp(22px,4vw,64px)}.kayit-icerik .kart{box-shadow:var(--golge-kart)}
@media(min-width:861px){.kenar,.panel-kenar{scrollbar-width:thin;scrollbar-color:#496752 transparent}}
@media(max-width:1000px){.yon-kutu{column-gap:40px;grid-template-columns:1fr 410px}.kahraman{padding:40px 28px}.giris-taraf{padding:40px 24px}.hub-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.portal-ust{padding:18px 22px}.portal-ust .marka .ad{font-size:18px}.yon-giris{padding:32px 20px;min-height:calc(100vh - 80px)}.yon-kutu{display:block;max-width:490px}.yon-kutu>.marka{display:none}.portal-giris-anlati{margin:0 0 26px}.portal-giris-anlati h1{font-size:30px;margin:16px 0 12px}.portal-giris-anlati>p{font-size:13px}.portal-giris-not{display:none}.yon-kutu>.kart{padding:26px!important}.giris-sayfa{display:block}.kahraman{padding:36px 24px;border:0}.kahraman .marka,.kahraman .ozellikler,.kahraman .sayilar{display:none}.kahraman h1{font-size:32px;margin-top:0}.kahraman .oncu{margin-bottom:0}.giris-taraf{padding:0 20px 40px}.giris-kart{max-width:490px;margin:auto}.giris-kart>.kart{padding:26px}.kenar,.panel-kenar{width:100%;height:auto;max-height:300px;position:relative;overflow-y:auto;padding:16px;flex-direction:row;gap:6px}.kenar .marka{width:100%;padding:0 4px 12px}.kenar-grup{width:100%;margin:12px 6px 2px}.kenar a{padding:9px 11px;font-size:12px}.kenar .kim{display:none}.icerik,.panel-ana{padding:24px 18px}.kapsam-cubuk{position:static}.kapsam-cubuk select{max-width:100%;min-width:120px;flex:1}.kayit-ray{width:100%;height:auto;padding:26px 22px}.kayit-icerik{padding:24px 16px 50px}.kayit-ray .marka{margin-bottom:20px}}
@media(max-width:560px){.portal-ust>a{font-size:11px}.portal-ust .marka .alt-ad{display:none}.portal-ust .marka .isaret{width:32px;height:32px}.hub{padding:34px 18px}.hub-izgara{grid-template-columns:1fr;gap:12px}.hub-kart{min-height:0;padding:22px}.hub-kart .hk-ikon{margin-bottom:14px}.hub h1{font-size:30px}.hub .alt{font-size:13px}.stat-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat,.stat-kart{padding:16px}.stat b{font-size:26px}.icerik h1,.ana-ust h1{font-size:24px}.modal{padding:24px 18px;max-width:calc(100vw - 24px)}.modal-dugmeler button{min-width:100px}.satir>div{min-width:0}.kayit-icerik .satir>div{min-width:min(220px,100%)}.kayit-icerik .kart{padding:22px 18px}.kart h2{font-size:22px}.adim{padding:6px}.adim .ad-metin b{font-size:11px}.adimlar{gap:2px}.kayit-ray h2{font-size:19px}.portal-destek{gap:12px}.panel-ana .liste-arac{flex-wrap:wrap}.arama-kutu{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Match legacy shell breakpoints so intermediate tablet widths remain fluid. */
.kahraman h1 .vurgu{background:none;color:#136c50;-webkit-text-fill-color:currentColor}.kahraman .sayi b{background:none;color:#136c50;-webkit-text-fill-color:currentColor}
@media(max-width:920px){.panel-kenar{width:100%;height:auto;position:static;display:flex;flex-direction:column;max-height:none}.kayit-ray{width:100%;height:auto;position:static}.kayit-duzen{min-height:calc(100vh - 82px)}}

/* Keep small supporting text readable on both portal surfaces. */
.marka .alt-ad{opacity:1}.kayit-ray .marka{background:#142b22}.kayit-ray .marka .alt-ad{color:#c3dece}.hub .marka .alt-ad{color:#136c50}.yon-kutu .marka .alt-ad{color:#586c61}