:root {
    --lacivert: #16324f;
    --zemin: #f1f5f9;
    --yazi: #172b4d;
    --cizgi: #d8e1eb;
}

.secili-ofis {
    background: #dbeafe;
    color: #17365d;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
}

.ofis-secim-karti {
    max-width: 760px;
    margin: 30px auto;
}

.ofis-secenekleri {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.ofis-secim-butonu {
    width: 100%;
    min-height: 125px;
    border: 2px solid #b8c9dc;
    border-radius: 12px;
    background: #f8fbff;
    color: #0b2d5c;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 20px;
}

.ofis-secim-butonu:hover,
.ofis-secim-butonu:focus-visible {
    border-color: #24527f;
    background: #eaf3fc;
}

.ofis-secim-butonu strong { font-size: 25px; }
.ofis-secim-butonu span { font-size: 14px; }

.personel-islem-formlari {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

@media (max-width: 850px) {
    .ofis-secenekleri,
    .personel-islem-formlari { grid-template-columns: 1fr; }
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body {
    margin: 0;
    background: var(--zemin);
    color: var(--yazi);
    font: 16px/1.55 "Segoe UI", Arial, sans-serif;
}
a { color: inherit; }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, [tabindex]:focus-visible {
    outline: 3px solid #e0a022;
    outline-offset: 3px;
}
.ust-alan { background: var(--lacivert); color: white; }
.ust-icerik, .sayfa { max-width: 1400px; margin: auto; padding: 28px; }
.ust-etiket { margin: 0; color: #b7dcff; letter-spacing: 3px; font-weight: 700; }
.kurum { margin: 4px 0 20px; font-size: 26px; font-weight: 700; }
nav { display: flex; flex-wrap: wrap; gap: 10px; }
nav a { padding: 9px 15px; border-radius: 7px; text-decoration: none; }
nav a:hover, nav a[aria-current="page"] { background: #294a6d; }
.sayfa { padding-top: 32px; }
.sayfa-basligi { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.sayfa-basligi-islemleri { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.sayfa-basligi-islemleri form { margin: 0; }
.etiket { color: #526984; font-size: 12px; font-weight: 700; letter-spacing: 2px; margin: 0; }
h1 { margin: 4px 0; font-size: clamp(28px, 3vw, 38px); line-height: 1.25; }
h2 { margin: 0 0 8px; font-size: 23px; }
p { margin-top: 0; }
.sayfa-basligi p:last-child { margin: 8px 0 0; color: #526984; }
.ozet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 24px; }
.kart { background: white; border: 1px solid var(--cizgi); border-radius: 12px; padding: 24px; }
.kart p { margin-bottom: 8px; }
.buyuk-sayi { font-size: 38px; line-height: 1.25; }
.menu-karti { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.menu-karti + .menu-karti { margin-top: 20px; }
.buton { display: inline-block; border: 1px solid var(--lacivert); background: var(--lacivert); color: white; border-radius: 8px; padding: 11px 18px; text-decoration: none; font-weight: 600; }
.buton:hover { background: #294a6d; }
.buton.tehlikeli { background: #a02929; border-color: #a02929; }
.buton.tehlikeli:hover { background: #7f2020; }
.ikincil { color: var(--lacivert); background: white; border-color: var(--cizgi); }
.ikincil:hover { background: #eaf0f7; }
.rozet { font-size: 12px; font-weight: 700; white-space: nowrap; border: 1px solid #b5c4d5; padding: 6px 10px; border-radius: 6px; }
.filtreler { display: flex; gap: 16px; align-items: end; padding: 20px; }
.alan { display: flex; flex-direction: column; gap: 7px; }
.arama-alani { flex: 1; }
label { font-weight: 600; }
input, select { width: 100%; min-height: 48px; background: white; color: var(--yazi); border: 1px solid #aabbce; border-radius: 7px; padding: 10px 12px; }
.liste-ozeti { margin: 20px 0 12px; color: #526984; font-weight: 600; }
.tablo-alani { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 10px; background: white; }
table { border-collapse: collapse; width: 100%; min-width: 850px; }
th, td { padding: 16px; border-bottom: 1px solid #e1e7ee; text-align: left; vertical-align: middle; }
thead { background: #e6edf5; }
thead th { font-size: 15px; }
tbody th { font-weight: 600; }
tbody tr:nth-child(even) { background: #f7f9fc; }
tbody tr:hover { background: #edf4fc; }
.sayi { text-align: right; font-variant-numeric: tabular-nums; }
.seriler { white-space: nowrap; font-variant-numeric: tabular-nums; }
.seriler span { display: block; }
.durum { padding: 5px 9px; border-radius: 5px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.var { background: #e4f4eb; color: #226040; }
.yok { background: #fce8e8; color: #a02929; }
.not, .alt-alan { font-size: 14px; color: #526984; }
.not { margin-top: 14px; }
.alt-alan { text-align: center; padding: 24px; }
.bos { text-align: center; padding: 40px; }
.uyari { border: 1px solid #e9acac; background: #fff1f1; color: #8f2727; border-radius: 10px; padding: 20px; margin-bottom: 24px; }
.uyari p { margin: 8px 0 0; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.islem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.islem-grid .kart { min-width: 0; }
.islem-grid form .alan, .hazir-belge { margin-bottom: 16px; }
.islem-grid small { color: #526984; }
.islem-onizleme { padding: 14px; background: #edf4fc; border-radius: 8px; min-height: 76px; }
.cikis-butonu { background: #944119; border-color: #944119; }
.cikis-butonu:hover { background: #74300f; }
.serileri-getir { padding: 5px 10px; align-self: flex-start; font-size: 13px; }
.hareket-bolumu { margin-top: 32px; }
.bildirim { padding: 18px; border-radius: 8px; margin-bottom: 22px; border: 1px solid #b0c8dc; background: #edf4fc; }
.bildirim.success { background: #e4f4eb; color: #226040; border-color: #90c9a8; }
.bildirim.error, .errorlist { color: #9a2222; }
.bildirim.warning { background: #fff4d7; color: #725010; border-color: #dcc484; }
.errorlist { padding-left: 20px; margin: 6px 0 12px; }
.islem-grid input[aria-invalid="true"], .islem-grid select[aria-invalid="true"] { border-color: #b52929; }
.personel-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: start; }
.personel-grid > *, .personel-sag { min-width: 0; }
.personel-sag { display: grid; gap: 24px; }
.vardiya-karti { border: 1px solid var(--cizgi); border-radius: 10px; margin: 20px 0; padding: 16px; min-width: 0; }
.vardiya-karti legend { font-size: 19px; font-weight: 700; padding: 0 8px; }
.vardiya-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.vardiya-ikili .alan { min-width: 0; }
.vardiya-secimi { text-overflow: ellipsis; }
#personel-formu .buton { margin-top: 16px; }
button:disabled { opacity: .55; cursor: not-allowed; }
.personel-listesi { list-style: none; padding: 0; margin: 0; max-height: 570px; overflow-y: auto; }
.personel-listesi li { padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.personel-listesi span { display: block; font-size: 14px; color: #526984; }
.vardiya-bilgi-formu { display: grid; gap: 24px; }
.vardiya-bilgi-formu .alan { margin-bottom: 16px; }
.tarih-alani { max-width: 340px; }
.saat-alani { border: 0; padding: 0; margin: 16px 0; }
.saat-alani legend { font-weight: 600; margin-bottom: 10px; }
.saat-alani #id_vardiya_saati { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.saat-alani label { display: flex; align-items: center; gap: 9px; padding: 12px; border: 1px solid var(--cizgi); border-radius: 8px; cursor: pointer; }
.saat-alani label:has(input:checked) { background: #e5f1ff; border-color: #294a6d; }
.saat-alani input { width: 18px; min-height: 18px; margin: 0; flex-shrink: 0; }
.uc-alan { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.kayit-alani .buton { margin: 4px 8px 4px 0; }
.taslak { background: #fff4d7; color: #725010; }
.bilgi-listesi { margin: 12px 0 0; display: grid; grid-template-columns: minmax(140px, 1fr) 1fr; gap: 10px 18px; }
.bilgi-listesi dt { font-weight: 600; }
.bilgi-listesi dd { margin: 0; overflow-wrap: anywhere; }
.vardiya-ozet { margin-top: 24px; margin-bottom: 24px; }
.sayac-tablosu { min-width: 500px; }
.sayfalama { align-items: center; justify-content: center; margin: 24px 0; }
.numarali-sayfalama { gap: 6px; }
.numarali-sayfalama a,
.numarali-sayfalama strong,
.numarali-sayfalama .sayfa-boslugu {
    min-width: 38px;
    padding: 7px 11px;
    border: 1px solid var(--cizgi);
    border-radius: 7px;
    text-align: center;
    text-decoration: none;
}
.numarali-sayfalama strong { background: var(--lacivert); color: white; border-color: var(--lacivert); }
.numarali-sayfalama a:hover { background: #eaf0f7; }
.hareket-bolumu td small { display: block; color: #526984; margin-top: 2px; }
.devir-gecis { margin: 0 0 24px; }
.oturum-alani { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin: 16px 0; }
.oturum-alani a { color: white; }
.oturum-alani form { margin: 0; }
.oturum-alani button { border: 1px solid #92abc4; background: transparent; color: white; border-radius: 7px; padding: 7px 12px; }
.hesap-karti { max-width: 650px; margin: 24px auto; }
.hesap-karti h1 { font-size: 30px; margin-bottom: 16px; }
.hesap-karti .alan { margin: 18px 0; }
.hesap-karti input[type=checkbox] { width: 22px; min-height: 22px; }
.hesap-karti .helptext, .hesap-karti .alan ul { font-size: 14px; color: #526984; }
.sayfa:has(.devir-duzeni), .sayfa:has(.tutanak) { max-width: 1780px; }
.devir-duzeni { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 14px; align-items: start; margin: 16px 0; }
.devir-tablosu table { min-width: 980px; font-size: 14px; }
.devir-tablosu th, .devir-tablosu td { padding: 7px 7px; }
.devir-tablosu tbody th[scope="row"] { font-size: 17px; line-height: 1.25; }
.devir-tablosu td { vertical-align: top; }
.devir-tablosu td.seriler { font-size: 18px; font-weight: 700; }
.devir-tablosu input[type=number] { min-width: 78px; min-height: 36px; padding: 7px; }
.devir-tablosu input[name$='-kalan'] { min-width: 145px; font-size: 18px; font-weight: 700; }
.devir-tablosu strong[data-toplam] { font-size: 17px; }
.devir-tablosu small, .tutanak-tablosu small { display: block; font-weight: 400; color: #526984; font-size: 11px; line-height: 1.35; }
.son-seri { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 400; margin-top: 8px; max-width: none; white-space: nowrap; }
.son-seri input { min-height: 16px; width: 16px; flex-shrink: 0; margin: 2px 0; }
.devir-ozet { position: sticky; top: 16px; padding: 18px; }
.devir-ozet dl { margin: 12px 0; }
.devir-ozet dt { color: #526984; }
.devir-ozet dd { margin: 0 0 12px; font-weight: 700; font-size: 22px; }
.devir-ozet-islemleri { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.devir-ozet-islemleri .buton { display: block; width: 100%; margin: 8px 0; text-align: center; }
.rapor-islemleri { white-space: nowrap; }
.rapor-islemleri form { display: inline; margin-left: 10px; }
.metin-butonu { border: 0; padding: 0; background: transparent; color: var(--lacivert); text-decoration: underline; }
.silme-metni { color: #a02929; }
.devir-hata { background: #fff1f1 !important; }
.tutanak-araclar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }
.tutanak { background: transparent; border: 0; }
.yazdir-sayfasi { padding: 28px; margin-bottom: 22px; background: white; border: 1px solid var(--cizgi); }
.tutanak h1 { font-size: 28px; }
.tutanak header { text-align: center; margin-bottom: 24px; }
.tutanak-bilgi { margin: 16px 0; }
.tutanak-tablosu { font-size: 14px; }
.tutanak-tablosu th, .tutanak-tablosu td { padding: 10px 8px; }
.tutanak-toplam { padding: 16px 0; margin: 0; }
.devir-bilgi-tablosu { margin-top: 18px; font-size: 14px; }
.devir-bilgi-tablosu th { width: 36%; }
.devir-bilgi-tablosu th, .devir-bilgi-tablosu td { padding: 8px 10px; vertical-align: top; }
.hareket-satiri { display: block; margin-bottom: 4px; }
.hesap-ekstresi-sayfasi, .teslim-belgeleri-sayfasi { min-height: 270mm; }
.hesap-ekstresi-sayfasi > h1, .resmi-tutanak > h1 { text-align: center; text-transform: uppercase; }
.ekstre-tablosu { max-width: 760px; margin: 34px auto 24px; }
.ekstre-tablosu th { width: 42%; }
.ekstre-tablosu th, .ekstre-tablosu td { padding: 8px 10px; }
.personel-imza-tablosu { max-width: 620px; margin: 28px auto; text-align: center; }
.personel-imza-tablosu .imza-boslugu { height: 46px; }
.resmi-tutanak { padding: 24px 14px; text-align: center; }
.resmi-tutanak > p { max-width: 900px; margin: 34px auto; font-size: 17px; line-height: 1.7; }
.kontrol-tutanagi { margin-top: 42px; padding-top: 36px; border-top: 2px solid var(--cizgi); }
.kontrol-imzalari section { min-height: 55px; }
.resmi-imzalar { max-width: 760px; margin: 42px auto 0; }
.imzalar { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 30px; }
.imzalar section { min-height: 160px; }
.imzalar h2 { font-size: 18px; }
.ay-secici {
    display: grid;
    grid-template-columns: 90px minmax(115px, 1fr);
    align-items: end;
    gap: 8px;
    margin: 0 0 12px;
    padding: 13px;
}
.ay-secici .alan { gap: 3px; }
.ay-secici label { font-size: 12px; }
.ay-secici input, .ay-secici select { min-height: 34px; padding: 5px 8px; font-size: 14px; }
.ay-secici .buton { grid-column: 1 / -1; min-height: 34px; padding: 6px 10px; font-size: 14px; }
.ay-secici-tek { max-width: 470px; grid-template-columns: 95px 150px auto; margin-bottom: 16px; }
.ay-secici-tek .buton { grid-column: auto; }
.cizelge-bos { max-width: 900px; }
.cizelge-baslangic-alani { max-width: 620px; margin: 18px 0 12px; }
.iki-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0; }
.iki-alan small, .bilgi-notu { color: #526984; }
.cizelge-yerlesim { display: grid; grid-template-columns: minmax(900px, 1fr) 400px; gap: 16px; align-items: start; }
.cizelge-karti { padding: 14px; min-width: 0; }
.cizelge-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 5px; }
.cizelge-ust h2 { font-size: 19px; }
.kayit-durumu { margin: 0; font-weight: 700; max-width: 520px; text-align: right; font-size: 13px; }
.kayit-durumu.bekliyor { color: #725010; }
.kayit-durumu.tamam { color: #226040; }
.kayit-durumu.hata { color: #a02929; }
.cizelge-tablosu table { min-width: 980px; font-size: 13px; }
.cizelge-tablosu th, .cizelge-tablosu td { padding: 4px 6px; }
.cizelge-tablosu thead th { font-size: 13px; white-space: nowrap; }
.cizelge-tablosu tbody th { white-space: nowrap; }
.cizelge-tablosu tbody th small { display: block; color: #526984; font-weight: 400; }
.cizelge-tablosu select, .cizelge-tablosu input { min-width: 140px; min-height: 32px; padding: 4px 6px; font-size: 13px; }
.izin-rapor-kontrolleri { display: grid; grid-template-columns: minmax(155px, 1fr) 72px 92px; gap: 4px; }
.cizelge-tablosu .izin-rapor-kontrolleri select { min-width: 0; width: 100%; }
.tarih-hucresi { width: 92px; vertical-align: middle; border-right: 1px solid #d7e0ea; }
.saat-hucresi { min-width: 94px; white-space: nowrap; text-align: center; }
.saat-hucresi.gece { background: #18283b; color: white; font-weight: 700; }
.cizelge-tablosu tr.ozel-satir > * { background: #fff0f0; border-top: 2px solid #c94b4b; border-bottom-color: #e2a2a2; }
.cizelge-tablosu tr.ozel-satir > .gece { background: #7a2525; }
.cizelge-yan-panel { position: sticky; top: 16px; min-width: 0; }
.cizelge-ozet { padding: 15px; }
.cizelge-ozet h2 { font-size: 20px; }
.cizelge-ozet > p { font-size: 14px; }
.ozet-tablosu { min-width: 360px; font-size: 13px; }
.ozet-tablosu th, .ozet-tablosu td { padding: 7px 5px; }
.ozet-tablosu .fazla { color: #226040; font-weight: 700; }
.ozet-tablosu .eksik { color: #a02929; font-weight: 700; }
.izin-rapor-ozeti { margin-top: 15px; padding-top: 13px; border-top: 1px solid #d7e0ea; }
.izin-rapor-ozeti h3 { margin: 0 0 8px; font-size: 16px; }
.izin-rapor-ozeti ul { list-style: none; margin: 0; padding: 0; }
.izin-rapor-ozeti li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #e7ecf2; font-size: 13px; }
.izin-rapor-ozeti li:last-child { border-bottom: 0; }
.izin-rapor-ozeti li span { white-space: nowrap; color: #526984; }
.izin-rapor-ozeti .bos-izin-ozeti { color: #526984; }
.serkan { font-weight: 800; }
.sik-baslik { margin-bottom: 16px; }
.sik-baslik h1 { font-size: clamp(27px, 2.5vw, 34px); }
.vardiya-yonetim-karti { padding: 20px; }
.vardiya-yonetim-karti > p { margin-bottom: 10px; }
.buro-sorumlusu-alani { max-width: 650px; margin: 12px 0 14px; }
.buro-sorumlusu-alani small { color: #526984; }
.vardiya-kartlari { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vardiya-kartlari.kadro-5 { grid-template-columns: 1fr; }
.vardiya-kartlari.kadro-5 .vardiya-ikili {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}
.vardiya-kartlari.kadro-5 .alan { gap: 5px; }
.vardiya-kartlari.kadro-5 label { font-size: 14px; }
.vardiya-kartlari .vardiya-karti { margin: 0; padding: 12px; }
.vardiya-kartlari .vardiya-karti legend { font-size: 17px; }
.vardiya-kartlari input, .vardiya-kartlari select,
.buro-sorumlusu-alani select { min-height: 42px; padding: 8px 10px; }
.vardiya-yonetim-karti .kayit-alani { margin-top: 16px; }
.personel-ekleme-karti, .personel-liste-karti { margin-bottom: 18px; }
.personel-ekleme-karti { padding: 20px; }
.personel-yeni-formu { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px 16px; align-items: end; }
.personel-yeni-formu .kayit-alani { grid-column: 1 / -1; }
.personel-yeni-formu input, .personel-yeni-formu select { min-height: 42px; }
.sik-filtre { margin-bottom: 18px; padding: 16px; }
.personel-liste-karti { padding: 18px; }
.personel-islem-tablosu { min-width: 900px; }
.personel-islem-tablosu th, .personel-islem-tablosu td { padding: 10px 12px; }
.personel-islem-tablosu small { color: #526984; }
.satir-islemleri { min-width: 205px; }
.satir-formu { display: inline; margin: 0; }
.metin-butonu { border: 0; padding: 0; background: transparent; color: var(--lacivert); text-decoration: underline; }
.metin-butonu.tehlikeli { color: #a02929; margin-left: 4px; }
.pasif-kart { opacity: .9; }
.ana-menu-vardiya-akisi {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}
.vardiya-akis-karti { min-width: 0; padding: 18px; border-top: 4px solid #294a6d; }
.vardiya-akis-karti h2 { margin: 4px 0 0; font-size: 24px; }
.vardiya-akis-karti .devir-kisa-bilgi { grid-template-columns: 1fr 1fr; }
.vardiya-akis-karti .devir-kisa-bilgi > div:first-child { grid-column: 1 / -1; }
.vardiya-tarihi { margin: 14px 0 0; color: #37526e; }
.teslim-alan-karti { border-top-color: #13735d; }
.vardiya-sayaci-karti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 18px;
    padding: 20px 24px;
    border-left: 5px solid #294a6d;
}
.vardiya-sayaci-karti h2 { margin-top: 3px; font-size: 27px; }
.vardiya-personel-satiri { display: flex; flex-wrap: wrap; gap: 7px; margin: 10px 0 3px; }
.geri-sayim {
    min-width: 0;
    width: 100%;
    margin-top: 14px;
    border-radius: 10px;
    background: #16324f;
    color: white;
    padding: 16px 20px;
    text-align: center;
}
.geri-sayim span { display: block; color: #c8ddf0; font-size: 13px; }
.geri-sayim strong {
    display: block;
    margin: 2px 0;
    font-size: clamp(27px, 3vw, 37px);
    line-height: 1.2;
    letter-spacing: 2px;
    font-variant-numeric: tabular-nums;
}
.geri-sayim.suresi-doldu { background: #6f3440; }
.geri-sayim-baslik { font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.ana-menu-ozet-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-bottom: 18px; }
.ana-menu-ozet-grid .kart, .vardiya-hareketleri-karti { padding: 20px; }
.sade-liste { list-style: none; padding: 0; margin: 14px 0 0; }
.personel-isimleri { display: flex; flex-wrap: wrap; gap: 8px; }
.personel-isimleri li { background: #edf4fc; border: 1px solid #cfdeed; border-radius: 7px; padding: 7px 10px; font-weight: 600; }
.devir-kisa-bilgi { display: grid; grid-template-columns: 1fr 1.5fr .7fr; gap: 10px; margin: 18px 0 0; }
.devir-kisa-bilgi > div { background: #f6f8fb; border: 1px solid #e0e7ef; border-radius: 8px; padding: 10px; }
.devir-kisa-bilgi dt { color: #526984; font-size: 13px; }
.devir-kisa-bilgi dd { margin: 3px 0 0; font-weight: 700; }
.devir-kisa-bilgi .arac-toplami dd { font-size: 26px; color: #0b2d5c; }
.kisa-raporlar-karti { margin-bottom: 18px; padding: 20px; }
.kisa-rapor-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 14px; margin-bottom: 16px; }
.rekor-karti, .personel-ortalama-karti {
    border: 1px solid #d7e1ec;
    border-radius: 10px;
    background: #f8fafc;
    padding: 16px;
}
.rekor-karti p { margin: 6px 0; }
.rekor-karti small { color: #526984; }
.rekor-degeri { display: block; margin-top: 7px; color: #0b2d5c; font-size: 30px; }
.ortalama-listesi { margin-top: 7px; }
.ortalama-listesi li { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px solid #e1e7ee; }
.ortalama-listesi li:last-child { border-bottom: 0; }
.ortalama-listesi span { color: #37526e; text-align: right; }
.ofis-ortalama-tablosu table { min-width: 680px; }
.ofis-ortalama-tablosu th, .ofis-ortalama-tablosu td { padding: 9px 11px; }
.bilgi-satirlari li { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid #e1e7ee; }
.bilgi-satirlari li:last-child { border-bottom: 0; }
.bilgi-satirlari span { color: #526984; text-align: right; }
.bos-bilgi { margin: 15px 0 0; padding: 16px; border-radius: 8px; background: #f6f8fb; color: #526984; }
.kart-baslik-satiri { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.ana-menu-hareket-tablosu { min-width: 900px; }
.ana-menu-hareket-tablosu th, .ana-menu-hareket-tablosu td { padding: 11px 12px; }
.ana-menu-hareket-tablosu td small { display: block; color: #526984; }
.hareket-rozeti { display: inline-block; border-radius: 5px; padding: 4px 8px; font-weight: 700; font-size: 13px; white-space: nowrap; }
.hareket-rozeti.giris { background: #e4f4eb; color: #226040; }
.hareket-rozeti.cikis { background: #fff0df; color: #8a421e; }
.ana-menu-bos { max-width: 850px; margin: 30px auto; }
@media (max-width: 1100px) { .devir-duzeni { grid-template-columns: 1fr; } .devir-ozet { position: static; } }
@media (max-width: 1100px) {
    .ana-menu-vardiya-akisi { grid-template-columns: 1fr 1fr; }
    .ana-menu-vardiya-akisi .vardiya-akis-karti:last-child { grid-column: 1 / -1; }
}
@media (max-width: 1150px) {
    .vardiya-kartlari.kadro-5 .vardiya-ikili { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1380px) { .cizelge-yerlesim { grid-template-columns: 1fr; } .cizelge-yan-panel { position: static; } }
@media print {
    @page { size: A4 portrait; margin: 10mm; }
    body { background: white; color: black; font: 12pt/1.3 Arial, sans-serif; }
    .ust-alan, .alt-alan, .tutanak-araclar, .bildirim { display: none !important; }
    .sayfa { padding: 0; max-width: none; }
    .tutanak { padding: 0; border: 0; }
    .yazdir-sayfasi { min-height: 0; margin: 0; padding: 0; border: 0; break-after: page; page-break-after: always; }
    .yazdir-sayfasi:last-child { break-after: auto; page-break-after: auto; }
    .tutanak h1 { font-size: 21pt; }
    .tutanak .tablo-alani { overflow: visible; border: 0; }
    .tutanak table { min-width: 0; width: 100%; font-size: 10pt; }
    .tutanak th, .tutanak td { padding: 3px 4px; border: 1px solid #777; overflow-wrap: anywhere; }
    .tutanak thead { display: table-header-group; }
    .tutanak tr, .imzalar { break-inside: avoid; }
    .tutanak small { font-size: 9pt; }
    .devir-bilgi-tablosu { margin-top: 6mm; font-size: 10.5pt !important; }
    .devir-bilgi-tablosu th, .devir-bilgi-tablosu td { padding: 4px 5px; }
    .hesap-ekstresi-sayfasi, .teslim-belgeleri-sayfasi { min-height: 277mm; padding-top: 18mm; }
    .ekstre-tablosu { margin-top: 14mm; font-size: 12pt !important; }
    .ekstre-tablosu th, .ekstre-tablosu td { padding: 5px 7px; }
    .personel-imza-tablosu { margin-top: 12mm; font-size: 12pt !important; }
    .resmi-tutanak { padding: 12mm 4mm; }
    .resmi-tutanak > p { margin: 12mm auto; font-size: 12pt; line-height: 1.6; }
    .kontrol-tutanagi { margin-top: 42mm; padding-top: 18mm; }
    .resmi-imzalar { margin-top: 14mm; }
    .imzalar { min-height: 35mm; }
}
@media (max-width: 760px) {
    .ust-icerik, .sayfa { padding: 20px 16px; }
    .kurum { font-size: 21px; }
    .ozet-grid { grid-template-columns: 1fr; }
    .islem-grid { grid-template-columns: 1fr; }
    .personel-grid, .vardiya-ikili { grid-template-columns: 1fr; }
    .uc-alan { grid-template-columns: 1fr; }
    .saat-alani #id_vardiya_saati { grid-template-columns: 1fr 1fr; }
    .ay-secici, .iki-alan { grid-template-columns: 1fr; }
    .vardiya-kartlari, .personel-yeni-formu { grid-template-columns: 1fr; }
    .vardiya-kartlari.kadro-5 .vardiya-ikili { grid-template-columns: 1fr; }
    .personel-yeni-formu .kayit-alani { grid-column: auto; }
    .cizelge-ust { align-items: stretch; flex-direction: column; }
    .kayit-durumu { text-align: left; }
    .sayfa-basligi, .menu-karti, .filtreler { flex-direction: column; align-items: stretch; }
    .rozet { align-self: flex-start; }
    .buton { text-align: center; }
    .vardiya-sayaci-karti { align-items: stretch; flex-direction: column; }
    .geri-sayim { min-width: 0; width: 100%; }
    .ana-menu-vardiya-akisi, .kisa-rapor-grid, .ana-menu-ozet-grid, .devir-kisa-bilgi { grid-template-columns: 1fr; }
    .ana-menu-vardiya-akisi .vardiya-akis-karti:last-child { grid-column: auto; }
    .bilgi-satirlari li { align-items: flex-start; flex-direction: column; }
    .bilgi-satirlari span { text-align: left; }
}