/* =====================================================
   UYAP tarzı tema — lacivert & adalet kırmızısı
   ===================================================== */
:root {
    --uyap-lacivert: #16345f;
    --uyap-lacivert-koyu: #0e2547;
    --uyap-kirmizi: #b3202c;
    --uyap-altin: #c9a227;
    --uyap-zemin: #eef1f6;
    --uyap-cizgi: #d7dde7;
}

body {
    background: var(--uyap-zemin);
    font-family: "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: .95rem;
}

/* ---------- Üst bant ---------- */
.uyap-topbar {
    background: linear-gradient(180deg, var(--uyap-lacivert) 0%, var(--uyap-lacivert-koyu) 100%);
    color: #fff;
    border-bottom: 4px solid var(--uyap-kirmizi);
}
.uyap-topbar .marka {
    font-weight: 700;
    letter-spacing: .4px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .6rem;
}
.uyap-topbar .marka .rozet {
    width: 34px; height: 34px;
    background: var(--uyap-kirmizi);
    border: 2px solid var(--uyap-altin);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
}
.uyap-topbar .nav-link { color: #d7e0f0; }
.uyap-topbar .nav-link.active,
.uyap-topbar .nav-link:hover { color: #fff; }
.uyap-topbar .nav-link.active { border-bottom: 3px solid var(--uyap-altin); }

/* ---------- Kartlar ---------- */
.card { border: 1px solid var(--uyap-cizgi); border-radius: .5rem; }
.card-header {
    background: #f7f9fc;
    border-bottom: 2px solid var(--uyap-lacivert);
    font-weight: 600;
    color: var(--uyap-lacivert);
}

/* Özet kutuları */
.ozet-kutu {
    border-left: 5px solid var(--uyap-lacivert);
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1.25rem;
    height: 100%;
}
.ozet-kutu.kirmizi { border-left-color: var(--uyap-kirmizi); }
.ozet-kutu.altin   { border-left-color: var(--uyap-altin); }
.ozet-kutu .sayi { font-size: 1.9rem; font-weight: 700; color: var(--uyap-lacivert); }
.ozet-kutu .etiket { color: #6c7688; font-size: .85rem; text-transform: uppercase; letter-spacing: .5px; }

/* ---------- Tablolar ---------- */
.table thead th {
    background: var(--uyap-lacivert);
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}
.table-hover tbody tr:hover { background: #f0f4fb; }

/* ---------- Butonlar ---------- */
.btn-uyap {
    background: var(--uyap-lacivert);
    color: #fff;
}
.btn-uyap:hover { background: var(--uyap-lacivert-koyu); color: #fff; }
.btn-kirmizi { background: var(--uyap-kirmizi); color: #fff; }
.btn-kirmizi:hover { background: #921a24; color: #fff; }

a { color: var(--uyap-lacivert); }

/* ---------- Giriş ekranı ---------- */
.giris-sayfa {
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    background:
        radial-gradient(1000px 500px at 80% -10%, rgba(179,32,44,.25), transparent 60%),
        linear-gradient(160deg, var(--uyap-lacivert-koyu), var(--uyap-lacivert) 70%);
    padding: 1rem;
}
.giris-kart {
    width: 100%; max-width: 420px;
    background: #fff;
    border-radius: .75rem;
    border-top: 6px solid var(--uyap-kirmizi);
    box-shadow: 0 20px 50px rgba(0,0,0,.35);
    overflow: hidden;
}
.giris-kart .baslik {
    background: #f7f9fc;
    border-bottom: 1px solid var(--uyap-cizgi);
    text-align: center;
    padding: 1.5rem 1rem 1rem;
}
.giris-kart .baslik .rozet {
    width: 62px; height: 62px; margin: 0 auto .6rem;
    background: var(--uyap-lacivert);
    border: 3px solid var(--uyap-altin);
    border-radius: 50%;
    color: #fff; font-size: 1.6rem;
    display: flex; align-items: center; justify-content: center;
}
.kod-girisi {
    letter-spacing: .6em;
    font-size: 1.4rem;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

/* ---------- Mobil ---------- */
@media (max-width: 576px) {
    .ozet-kutu .sayi { font-size: 1.5rem; }
    .table { font-size: .85rem; }
}

/* Erişilebilirlik */
:focus-visible { outline: 3px solid var(--uyap-altin); outline-offset: 1px; }
@media (prefers-reduced-motion: reduce) {
    * { animation: none !important; transition: none !important; }
}

/* ---------- Takvim ---------- */
.takvim-tablo td {
    height: 96px;
    width: 14.28%;
    vertical-align: top;
    padding: .3rem;
}
.takvim-tablo thead th { text-align: center; }
.takvim-bugun { background: #fff7e6; box-shadow: inset 0 0 0 2px var(--uyap-altin); }
.takvim-rozet {
    display: block;
    font-size: .68rem;
    border-radius: .25rem;
    padding: .1rem .3rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 768px) {
    .takvim-tablo td { height: 72px; }
    .takvim-rozet { font-size: .6rem; }
}

/* ---------- Mesajlaşma ---------- */
.sohbet-kart { min-height: 60vh; display: flex; flex-direction: column; }
.sohbet-akis {
    flex: 1;
    overflow-y: auto;
    max-height: 55vh;
    background: #f7f9fc;
}
.mesaj-balon {
    max-width: 78%;
    padding: .5rem .75rem;
    border-radius: .75rem;
    font-size: .92rem;
    word-break: break-word;
}
.mesaj-benim {
    background: var(--uyap-lacivert);
    color: #fff;
    border-bottom-right-radius: .15rem;
}
.mesaj-onun {
    background: #fff;
    border: 1px solid var(--uyap-cizgi);
    border-bottom-left-radius: .15rem;
}
.mesaj-saat {
    font-size: .68rem;
    opacity: .75;
    text-align: right;
    margin-top: .2rem;
}