/* FikaProjects arayuzu - tasarim tokenlari ve bilesen stilleri.
   Kaynak: ERP src/Erp.Web/wwwroot/css/erp.css (salt okunur) cerceve bolumleri.
   ERP'ye ozel modul bloklari (cari, stok, ticari, finans, muhasebe, IK, atolye, yazdirma,
   yan menu, acilir menu, modal, cekmece, bildirim, detay sayfasi, panel) alinmadi.
   Uygulamanin tek stil dosyasidir; app.css yalniz Blazor cati kurallarini tasir. */

:root{
  --zemin:#F2F4F6; --yuzey:#FFFFFF; --yuzey-2:#F8F9FB; --cizgi:#E3E7EB; --cizgi-2:#EEF1F4;
  --metin:#1C2430; --metin-2:#4A5563; --soluk:#7A8594;
  --ana:#0F6E69; --ana-koyu:#0B5550; --ana-acik:#E3F2F1; --ana-metin:#FFFFFF;
  --basari:#1A7F4B; --basari-acik:#E5F4EC; --uyari:#A86400; --uyari-acik:#FDF1DE;
  --tehlike:#C0392B; --tehlike-acik:#FBE9E7; --bilgi:#2560A8; --bilgi-acik:#E6EEF8;
  --aside:#161D26; --aside-2:#1D2631; --aside-metin:#CBD5E1; --aside-parlak:#FFFFFF; --aside-cizgi:#243040;
  --golge:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);
  --golge-2:0 12px 32px rgba(16,24,40,.14);
  --yaricap:8px;
  --font:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --zemin:#0F141A; --yuzey:#171E26; --yuzey-2:#1B232C; --cizgi:#27313C; --cizgi-2:#212A34;
    --metin:#E6EAEE; --metin-2:#B3BCC6; --soluk:#8591A0;
    --ana:#3FB2AA; --ana-koyu:#5CC4BC; --ana-acik:#15302E; --ana-metin:#08201E;
    --basari:#4CC08A; --basari-acik:#15301F; --uyari:#E0A34A; --uyari-acik:#352812;
    --tehlike:#EF7A6C; --tehlike-acik:#3A1D19; --bilgi:#6FA3E6; --bilgi-acik:#172A40;
    --aside:#0B1015; --aside-2:#121922; --aside-metin:#C2CDDA; --aside-cizgi:#1C2530;
    --golge:0 1px 2px rgba(0,0,0,.3); --golge-2:0 12px 32px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --zemin:#0F141A; --yuzey:#171E26; --yuzey-2:#1B232C; --cizgi:#27313C; --cizgi-2:#212A34;
  --metin:#E6EAEE; --metin-2:#B3BCC6; --soluk:#8591A0;
  --ana:#3FB2AA; --ana-koyu:#5CC4BC; --ana-acik:#15302E; --ana-metin:#08201E;
  --basari:#4CC08A; --basari-acik:#15301F; --uyari:#E0A34A; --uyari-acik:#352812;
  --tehlike:#EF7A6C; --tehlike-acik:#3A1D19; --bilgi:#6FA3E6; --bilgi-acik:#172A40;
  --aside:#0B1015; --aside-2:#121922; --aside-metin:#C2CDDA; --aside-cizgi:#1C2530;
  --golge:0 1px 2px rgba(0,0,0,.3); --golge-2:0 12px 32px rgba(0,0,0,.5);
}
/* Temel sıfırlama: öğelerin tarayıcı varsayılan boşlukları ve kenarlıkları yoktur; bileşen kuralları boşluğu ve kenarlığı açıkça verir.
   Ekranlar bu temel üzerinde tasarlandı (arayüz v2 boyunca yüklü olan eski kütüphane sıfırlamasıyla aynı). */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0;border-width:0;border-style:solid;-webkit-tap-highlight-color:transparent}
b,strong{font-weight:700}
html,body{height:100%}
body{font-family:var(--font);color:var(--metin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1:focus{outline:none}
/* Uygulama kabuğunda ince kaydırma çubukları (sayfa, yan menü, tablo, çekmece) */
html:has([data-fika-kabuk]),[data-fika-kabuk] *{scrollbar-color:#c4c4c4 transparent;scrollbar-width:thin}
body:has([data-fika-kabuk]){background:var(--zemin)}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--ana);text-decoration:none}
:focus-visible{outline:2px solid var(--ana);outline-offset:2px}
.ikon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ikon.k{width:15px;height:15px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.gorsel-gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.ana{min-width:0;display:flex;flex-direction:column}
header.ust{height:64px;background:var(--yuzey);border-bottom:1px solid var(--cizgi);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:20}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:6px}
.avatar{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:600;font-size:13px;background:var(--ana-acik);color:var(--ana);flex:none}
/* Kabuk gövdesi: sayfalar ActionBar ile başlar ve kendi .icerik alanını kullanır; ActionBar'sız sayfalar (ör. 404) gövde dolgusunu
   buradan alır. */
.sayfa-govde{display:flex;flex-direction:column;min-width:0;flex:1}
.sayfa-govde:not(:has(> .arac-cubugu)){padding:24px}
.kabuk-seritler{padding:16px 24px 0;display:flex;flex-direction:column;gap:10px}
.kabuk-seritler:empty{display:none}

/* Action bar (toolbar) */
.arac-cubugu{background:var(--yuzey);border-bottom:1px solid var(--cizgi);padding:14px 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sayfa-baslik h1{margin:0;font-size:19px;font-weight:600;letter-spacing:-.1px}
.kirinti{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--soluk);margin-top:2px;flex-wrap:wrap}
.kirinti a{color:var(--soluk)} .kirinti a:hover{color:var(--ana)}
.kirinti .ayrac{width:4px;height:4px;border-radius:50%;background:var(--cizgi)}
.arac-eylemler{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.icerik{padding:24px;display:flex;flex-direction:column;gap:20px;min-width:0}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;border:1px solid transparent;font-weight:500;cursor:pointer;white-space:nowrap;font-size:13.5px;transition:background .15s,border-color .15s,color .15s;text-decoration:none}
.btn.kucuk{height:32px;padding:0 10px;font-size:13px}
.btn-ana{background:var(--ana);color:var(--ana-metin)} .btn-ana:hover{background:var(--ana-koyu)}
.btn-acik{background:var(--ana-acik);color:var(--ana)} .btn-acik:hover{filter:brightness(.97)}
.btn-cizgi{background:var(--yuzey);border-color:var(--cizgi);color:var(--metin-2)} .btn-cizgi:hover{border-color:var(--soluk);color:var(--metin)}
.btn-hayalet{background:none;color:var(--metin-2)} .btn-hayalet:hover{background:var(--yuzey-2);color:var(--metin)}
.btn-tehlike{background:var(--tehlike-acik);color:var(--tehlike)}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.btn-grup{display:inline-flex}
.btn-grup .btn{border-radius:0} .btn-grup .btn:first-child{border-radius:8px 0 0 8px} .btn-grup .btn:last-child{border-radius:0 8px 8px 0;margin-left:-1px}
.donen{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:don .7s linear infinite;flex:none}
@keyframes don{to{transform:rotate(360deg)}}

/* Kartlar */
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge);min-width:0}
.kart-bas{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--cizgi-2);min-height:60px;flex-wrap:wrap}
.kart-bas h2,.kart-bas h3{margin:0;font-size:15px;font-weight:600}
.kart-bas p{margin:0;color:var(--soluk);font-size:12.5px}
.kart-bas .sag{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kart-govde{padding:20px}
.kart-alt{padding:14px 20px;border-top:1px solid var(--cizgi-2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Formlar */
.form-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 20px}
.s1{grid-column:span 1}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s9{grid-column:span 9}.s10{grid-column:span 10}.s11{grid-column:span 11}.s12{grid-column:span 12}
.alan label.etiket,.alan .etiket{display:block;font-size:13px;font-weight:500;color:var(--metin-2);margin-bottom:6px}
.alan .etiket .zorunlu{color:var(--tehlike);margin-left:2px}
.giris{width:100%;height:40px;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:8px;padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--metin)}
textarea.giris{height:auto;min-height:88px;padding:10px 12px;resize:vertical}
.giris::placeholder{color:var(--soluk)}
.giris:hover{border-color:#C5CDD5}
.giris:focus{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 18%,transparent)}
.giris.hata{border-color:var(--tehlike)} .giris.hata:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--tehlike) 18%,transparent)}
.giris:disabled{background:var(--yuzey-2);color:var(--soluk)}
.giris.sag-yasli{text-align:right}
.yardim{font-size:12px;color:var(--soluk);margin-top:5px}
.yardim.hata{color:var(--tehlike)}
.giris-grup{display:flex;align-items:stretch}
.giris-grup .ek{display:grid;place-items:center;padding:0 12px;border:1px solid var(--cizgi);background:var(--yuzey-2);color:var(--soluk);font-size:13px}
.giris-grup .ek:first-child{border-radius:8px 0 0 8px;border-right:0}
.giris-grup .ek:last-child{border-radius:0 8px 8px 0;border-left:0}
.giris-grup .giris{border-radius:0} .giris-grup .giris:first-child{border-radius:8px 0 0 8px} .giris-grup .giris:last-child{border-radius:0 8px 8px 0}
.giris-grup .ek:first-child + .giris:last-child{border-radius:0 8px 8px 0}
.form-bolum{grid-column:span 12;display:flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--soluk);font-weight:600}
.form-bolum::after{content:"";flex:1;height:1px;background:var(--cizgi-2)}

/* Özel select */
.secim{position:relative}
.secim-dugme{width:100%;height:40px;display:flex;align-items:center;gap:8px;border:1px solid var(--cizgi);background:var(--yuzey);border-radius:8px;padding:0 10px 0 12px;cursor:pointer;text-align:left;color:var(--metin)}
.secim-dugme:hover{border-color:#C5CDD5}
.secim.acik .secim-dugme{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 18%,transparent)}
.secim-dugme[aria-disabled="true"],.secim-dugme:disabled{background:var(--yuzey-2);color:var(--soluk);cursor:not-allowed}
.secim.hata .secim-dugme{border-color:var(--tehlike)}
.secim-dugme .deger{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.secim-dugme .deger.bos{color:var(--soluk)}
.secim-dugme .deger small{color:var(--soluk)}
.secim-dugme .etiketler{flex:1;display:flex;gap:4px;overflow:hidden}
.cip{display:inline-flex;align-items:center;gap:4px;background:var(--ana-acik);color:var(--ana);border-radius:5px;padding:1px 4px 1px 8px;font-size:12px;white-space:nowrap}
.cip:not(:has(button)){padding:1px 8px}
.cip button{border:0;background:none;color:inherit;cursor:pointer;padding:0 2px;line-height:1;opacity:.7}
.secim-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;box-shadow:var(--golge-2);z-index:60;display:none;overflow:hidden}
.secim.acik .secim-panel{display:block}
.secim.yukari .secim-panel{top:auto;bottom:calc(100% + 6px)}
.secim-ara{padding:8px}
.secim-ara{border-bottom:1px solid var(--cizgi-2)}
.secim-ara .giris{height:34px}
.secim-liste{max-height:230px;overflow:auto;padding:6px}
.secim-grup{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--soluk);padding:8px 8px 4px}
.secenek{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer}
.secenek:hover,.secenek.odak{background:var(--yuzey-2)}
.secenek.secili{color:var(--ana);font-weight:500}
.secenek[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.secenek .aciklama{margin-left:auto;color:var(--soluk);font-size:12px}
.secenek .kutu{width:16px;height:16px;border:1.5px solid var(--cizgi);border-radius:4px;display:grid;place-items:center;flex:none}
.secenek.secili .kutu{background:var(--ana);border-color:var(--ana);color:#fff}
.secim-sonuc-yok{padding:10px;color:var(--soluk)}

/* Checkbox, switch, radio kartı */
.onay{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.onay input{appearance:none;width:18px;height:18px;border:1.5px solid var(--cizgi);border-radius:5px;background:var(--yuzey);display:grid;place-items:center;margin:0;cursor:pointer;flex:none}
.onay input:checked{background:var(--ana);border-color:var(--ana)}
.onay input:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.onay input:indeterminate{background:var(--ana);border-color:var(--ana)}
.onay input:indeterminate::after{content:"";width:8px;height:2px;background:#fff}
.onay input:disabled{opacity:.55;cursor:not-allowed}
.anahtar{display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.anahtar input{appearance:none;width:38px;height:22px;border-radius:11px;background:var(--cizgi);position:relative;margin:0;cursor:pointer;transition:background .2s;flex:none}
.anahtar input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .2s}
.anahtar input:checked{background:var(--ana)} .anahtar input:checked::after{left:19px}
.anahtar input:disabled{opacity:.55;cursor:not-allowed}
.radyo-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.radyo-kart{border:1px solid var(--cizgi);border-radius:9px;padding:12px 14px;cursor:pointer;display:flex;gap:10px;align-items:flex-start;background:var(--yuzey)}
.radyo-kart input{margin-top:3px;accent-color:var(--ana)}
.radyo-kart b{display:block;font-weight:600;font-size:13.5px}
.radyo-kart small{color:var(--soluk)}
.radyo-kart:has(input:checked){border-color:var(--ana);background:var(--ana-acik)}
.radyo-kart:has(input:disabled){opacity:.6;cursor:not-allowed}

/* Filtre */
.filtre-kart .kart-govde{padding:16px 20px}
.filtre-satir{display:grid;grid-template-columns:var(--filtre-sutunlari,2fr 1fr 1fr 1fr auto);gap:12px;align-items:end}
.filtre-dugmeler{display:flex;gap:8px}
.filtre-gelismis{display:none;margin-top:14px;padding-top:14px;border-top:1px dashed var(--cizgi)}
.filtre-gelismis.acik{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.aktif-filtreler{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:12.5px;color:var(--soluk)}

/* Tablo */
.tablo-sar{overflow-x:auto}
table.veri{width:100%;border-collapse:collapse;min-width:880px}
table.veri th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);text-align:left;padding:10px 14px;background:var(--yuzey-2);border-bottom:1px solid var(--cizgi);white-space:nowrap;position:sticky;top:0}
table.veri th.sirala{cursor:pointer} table.veri th.sirala:hover{color:var(--metin)}
table.veri th.sirala button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
table.veri th .sirala-ok{opacity:.8}
table.veri td{padding:11px 14px;border-bottom:1px solid var(--cizgi-2);vertical-align:middle}
table.veri tbody tr.tiklanir{cursor:pointer}
table.veri tbody tr:hover{background:var(--yuzey-2)}
table.veri tbody tr.secili{background:var(--ana-acik)}
table.veri .sag{text-align:right}
table.veri td.tablo-bos{text-align:center;padding:40px;color:var(--soluk)}
table.veri tbody tr.tablo-bos-satir:hover{background:none}
.unvan b{display:block;font-weight:500;color:var(--metin)}
.unvan a{color:inherit}
.unvan small{color:var(--soluk);font-size:12px}
.hucre-kisi{display:flex;align-items:center;gap:10px}
.borc{color:var(--tehlike)} .alacak{color:var(--basari)}
.durum{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:20px;white-space:nowrap}
.durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.d-basari{background:var(--basari-acik);color:var(--basari)} .d-uyari{background:var(--uyari-acik);color:var(--uyari)}
.d-ana{background:var(--ana-acik);color:var(--ana)} .d-tehlike{background:var(--tehlike-acik);color:var(--tehlike)} .d-bilgi{background:var(--bilgi-acik);color:var(--bilgi)} .d-notr{background:var(--yuzey-2);color:var(--metin-2)}
.etiket-kutu{display:inline-block;font-size:11.5px;padding:2px 7px;border-radius:5px;border:1px solid var(--cizgi);color:var(--metin-2);background:var(--yuzey)}
.toplu-cubuk{display:none;align-items:center;gap:10px;padding:10px 20px;background:var(--ana-acik);border-bottom:1px solid var(--cizgi-2);color:var(--ana);font-weight:500;flex-wrap:wrap}
.toplu-cubuk.acik{display:flex}
.sayfalama{display:flex;align-items:center;gap:4px;margin-left:auto}
.sayfa{min-width:32px;height:32px;border-radius:7px;border:0;background:none;cursor:pointer;color:var(--metin-2)}
.sayfa:hover{background:var(--yuzey-2)} .sayfa.aktif{background:var(--ana);color:var(--ana-metin);font-weight:600}
.sayfa:disabled{opacity:.4;cursor:not-allowed}
.sayfa-bosluk{color:var(--soluk);padding:0 4px}
.sayfa-bilgi{color:var(--soluk);font-size:13px}
.satir-menu{position:relative;display:inline-block}

/* Özet kutucuk */
.ozetler{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ozet{padding:16px 18px;display:flex;gap:14px;align-items:center}
.ozet .simge{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;flex:none}
.ozet small{color:var(--soluk);font-size:12.5px;display:block}
.ozet b{font-size:19px;font-weight:600;letter-spacing:-.2px}
.ozet .degisim{font-size:12px;margin-left:6px}
.ozet .ozet-aciklama{color:var(--soluk);font-size:12px;display:block;margin-top:1px}
.r-ana{background:var(--ana-acik);color:var(--ana)} .r-basari{background:var(--basari-acik);color:var(--basari)}
.r-uyari{background:var(--uyari-acik);color:var(--uyari)} .r-tehlike{background:var(--tehlike-acik);color:var(--tehlike)}
.r-bilgi{background:var(--bilgi-acik);color:var(--bilgi)} .r-notr{background:var(--yuzey-2);color:var(--metin-2)}

.yapiskan-alt{position:sticky;bottom:0;background:color-mix(in srgb,var(--yuzey) 92%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--cizgi);padding:12px 20px;display:flex;gap:10px;justify-content:flex-end;border-radius:0 0 10px 10px;flex-wrap:wrap}
.yapiskan-alt .yapiskan-bilgi{margin-right:auto;color:var(--soluk);font-size:12.5px;align-self:center}
.uyari-kutu{display:flex;gap:12px;padding:12px 14px;border-radius:9px;border:1px solid;align-items:flex-start}
.uyari-kutu b{display:block}
.u-uyari{background:var(--uyari-acik);border-color:color-mix(in srgb,var(--uyari) 35%,transparent);color:var(--uyari)}
.u-bilgi{background:var(--bilgi-acik);border-color:color-mix(in srgb,var(--bilgi) 35%,transparent);color:var(--bilgi)}
.u-tehlike{background:var(--tehlike-acik);border-color:color-mix(in srgb,var(--tehlike) 35%,transparent);color:var(--tehlike)}
.u-basari{background:var(--basari-acik);border-color:color-mix(in srgb,var(--basari) 35%,transparent);color:var(--basari)}
.u-uyari p,.u-bilgi p,.u-tehlike p,.u-basari p{margin:2px 0 0;color:var(--metin-2)}
.uyari-kutu .uyari-govde{min-width:0}
/* Boş durum ve iskelet */
.bos-durum{text-align:center;padding:56px 20px;color:var(--soluk)}
.bos-durum .avatar{margin:0 auto 12px;width:48px;height:48px}
.bos-durum b,.bos-durum :is(h1,h2,h3){display:block;color:var(--metin);font-size:15px;font-weight:600;margin:0}
.bos-durum p{margin:6px 0 0}
.bos-durum .bos-eylemler{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
@media (max-width:560px){.yapiskan-alt .yapiskan-bilgi{flex-basis:100%;margin-right:0}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .giris{color-scheme:dark}}
:root[data-theme="dark"] .giris{color-scheme:dark}

/* ================= Fika eklentileri ================= */
/* ERP'nin yan menulu kabugu yerine tek satirlik ust bar. Marka sinifi .fika-marka:
   ERP'nin .marka'si koyu yan menu icin tasarlanmis (bulgu 4). */
.fika-kabuk{min-height:100vh;display:flex;flex-direction:column;background:var(--zemin);color:var(--metin);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
.fika-kabuk > header.ust{gap:24px}
.fika-marka{font-weight:600;font-size:16px;color:var(--metin);letter-spacing:-.1px;white-space:nowrap}
.fika-marka:hover{color:var(--ana)}
.fika-gezinti{display:flex;gap:4px;min-width:0;overflow-x:auto}
.fika-gezinti a{padding:7px 12px;border-radius:7px;color:var(--metin-2);font-weight:500;font-size:13.5px;white-space:nowrap}
.fika-gezinti a:hover{background:var(--yuzey-2);color:var(--metin)}

/* Ozet kutucugundaki proje listesi: OzetKutucugu'nun ChildContent alani.
   max-height sart: .ozetler bir grid satiri, yani tek bir uzun kutu diger uc kutuyu da
   ayni yuksekligie gerer. OzetServisi dondurdugu listelerde ust sinir koymuyor (ornegin
   "Durgun" kolayca 15-30 proje tasiyabilir), bu yuzden sinir burada. */
.ozet-liste{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto}
.ozet-liste li{display:flex;flex-direction:column;line-height:1.35}
.ozet-liste a{font-size:13px;font-weight:500}
.ozet-liste small{color:var(--soluk);font-size:11.5px}

/* Is listesi (ProjeDetay). */
.is-listesi{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column}
.is-listesi li{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--cizgi-2);flex-wrap:wrap}
.is-listesi li:first-child{border-top:0}
.is-listesi li.bitti .is-baslik{text-decoration:line-through;color:var(--soluk)}
.is-govde{min-width:0;flex:1;display:flex;flex-direction:column}
.is-baslik{font-weight:500}
.is-govde small{color:var(--soluk);font-size:12px}
.is-form-eylem{display:flex;align-items:flex-end}

/* Giris ekrani: ERP'nin bolunmus .hesap-ekran duzeni yerine ortalanmis kart. */
.fika-giris-ekran{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--zemin)}
.fika-giris-kart{width:100%;max-width:400px;padding:32px;display:flex;flex-direction:column;gap:16px}
.fika-giris-bas h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.2px}
.fika-giris-bas p{margin:4px 0 0;color:var(--soluk)}
.fika-giris-dugme{width:100%;justify-content:center;height:42px}

/* Duyarli (ERP "Duyarli" blogundan bu projeyi ilgilendiren kurallar). */
@media (max-width:1180px){
  .ozetler{grid-template-columns:repeat(2,1fr)}
  .filtre-satir{grid-template-columns:1fr 1fr}
  .filtre-satir .filtre-dugmeler{grid-column:span 2}
}
@media (max-width:860px){
  header.ust{padding:0 16px}
  /* Dar ekranda ust bar sikisiyor: marka ve cikis dugmesi nowrap oldugu icin
     kuculemez, gezinmeye yer kalmaz. Boslugu ve bag dolgusunu daraltiyoruz. */
  .fika-kabuk > header.ust{gap:12px}
  .fika-gezinti a{padding:7px 9px}
  .fika-marka{overflow:hidden;text-overflow:ellipsis}
  .arac-cubugu{padding:12px 16px}
  .icerik{padding:16px}
  .sayfa-govde:not(:has(> .arac-cubugu)){padding:16px}
  .s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11{grid-column:span 12}
  .ozetler{grid-template-columns:1fr}
  .filtre-satir{grid-template-columns:1fr}
  .filtre-satir .filtre-dugmeler{grid-column:auto}
}