/* ===========================================================
   EVİM NABRAN — Dizayn (təmiz, peşəkar, mobil-responsive)
   =========================================================== */
:root {
    --primary: #2c7be5;
    --primary-dark: #1a5fc4;
    --yasil: #28a745;
    --qirmizi: #e63946;
    --sari: #f6a609;
    --boz: #6c757d;
    --acik-boz: #f4f6fa;
    --kenar: #e3e8ef;
    --metn: #2a2f3a;
    --kolge: 0 2px 8px rgba(0,0,0,0.06);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--acik-boz);
    color: var(--metn);
    line-height: 1.55;
    -webkit-text-size-adjust: 100%;
}

a { color: var(--primary); text-decoration: none; }

/* ---------- NAVBAR ---------- */
.navbar {
    background: linear-gradient(90deg, var(--primary), var(--primary-dark));
    color: #fff;
    box-shadow: var(--kolge);
    position: sticky;
    top: 0;
    z-index: 100;
}
.nav-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    flex-wrap: wrap;
}
.brand { color: #fff; font-size: 1.25rem; font-weight: 700; }
.menu-toggle {
    display: none;
    background: rgba(255,255,255,0.15);
    border: none; color: #fff; font-size: 1.4rem;
    padding: 4px 12px; border-radius: 8px; cursor: pointer;
}
.nav-links { display: flex; gap: 6px; align-items: center; }
.nav-links a {
    color: #fff; padding: 8px 14px; border-radius: 8px;
    font-size: 0.95rem; transition: background .2s;
}
.nav-links a:hover { background: rgba(255,255,255,0.15); }
.nav-links a.aktiv { background: rgba(255,255,255,0.25); font-weight: 600; }
.nav-links a.backup-link { background: rgba(0,0,0,0.18); }
.nav-links a.logout-link { background: rgba(0,0,0,0.25); }
.nav-user { color: #eaf2ff; font-size: 0.9rem; padding: 8px 10px; opacity: 0.95; }

/* ---------- KONTEYNER ---------- */
.container { max-width: 1200px; margin: 0 auto; padding: 22px 18px 40px; }

h1 { font-size: 1.6rem; margin-bottom: 6px; }
h2 { font-size: 1.25rem; margin: 18px 0 12px; }
.alt-baslik { color: var(--boz); margin-bottom: 20px; font-size: 0.95rem; }

/* ---------- FLASH MESAJLAR ---------- */
.flash {
    padding: 12px 16px; border-radius: 10px; margin-bottom: 14px;
    font-size: 0.95rem; border-left: 4px solid;
}
.flash.success { background: #e6f7ed; color: #1c7a3e; border-color: var(--yasil); }
.flash.error { background: #fdecee; color: #b71d2b; border-color: var(--qirmizi); }

/* ---------- KARTLAR (Dashboard) ---------- */
.kart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
    margin-bottom: 26px;
}
.kart {
    background: #fff; border-radius: 14px; padding: 20px;
    box-shadow: var(--kolge); border: 1px solid var(--kenar);
}
.kart .etiket { color: var(--boz); font-size: 0.85rem; margin-bottom: 8px; }
.kart .deyer { font-size: 1.7rem; font-weight: 700; }
.kart .ikon { font-size: 1.6rem; float: right; opacity: 0.7; }
.kart.mavi { border-top: 3px solid var(--primary); }
.kart.yasil { border-top: 3px solid var(--yasil); }
.kart.sari { border-top: 3px solid var(--sari); }
.kart.bener { border-top: 3px solid var(--boz); }

/* ---------- DÜYMƏLƏR ---------- */
.btn {
    display: inline-block; padding: 10px 18px; border-radius: 9px;
    border: none; cursor: pointer; font-size: 0.95rem; font-weight: 600;
    background: var(--primary); color: #fff; transition: background .2s;
    text-align: center;
}
.btn:hover { background: var(--primary-dark); }
.btn.boz { background: var(--boz); }
.btn.yasil { background: var(--yasil); }
.btn.qirmizi { background: var(--qirmizi); }
.btn.kicik { padding: 6px 12px; font-size: 0.85rem; }
.btn.cixis { background: #fff; color: var(--primary); border: 1px solid var(--primary); }

.alet-paneli { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
.alet-paneli .boslug { flex: 1; }

/* ---------- CƏDVƏL ---------- */
.cedvel-saran { overflow-x: auto; background: #fff; border-radius: 12px; box-shadow: var(--kolge); }
table { width: 100%; border-collapse: collapse; min-width: 560px; }
th, td { padding: 12px 14px; text-align: right; border-bottom: 1px solid var(--kenar); font-size: 0.92rem; }
th { background: #f8fafc; color: var(--boz); font-weight: 600; white-space: nowrap; }
tbody tr:hover { background: #fafbfd; }
td.sol, th.sol { text-align: left; }

/* ---------- STATUS NİŞANLARI ---------- */
.nisan {
    display: inline-block; padding: 3px 10px; border-radius: 20px;
    font-size: 0.78rem; font-weight: 600; white-space: nowrap;
}
.nisan.Bron { background: #e7f1ff; color: #1a5fc4; }
.nisan.Təsdiqlənib { background: #e6f7ed; color: #1c7a3e; }
.nisan.Tamamlanıb { background: #eceff4; color: #495057; }
.nisan.Ləğv { background: #fdecee; color: #b71d2b; }
.nisan.odenis-Ödənilməyib { background: #fdecee; color: #b71d2b; }
.nisan.odenis-Qismən { background: #fff5e0; color: #9a6700; }
.nisan.odenis-Tam { background: #e6f7ed; color: #1c7a3e; }

/* ---------- EV KARTLARI (şəkilli siyahı) ---------- */
.ev-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
}
.ev-kart {
    background: #fff; border-radius: 14px; overflow: hidden;
    box-shadow: var(--kolge); border: 1px solid var(--kenar);
    display: flex; flex-direction: column;
}
.ev-kart .sekil {
    height: 170px; background: #dde3ec center/cover no-repeat;
    display: flex; align-items: center; justify-content: center;
    color: var(--boz); font-size: 2.5rem;
}
.ev-kart .govde { padding: 14px 16px; flex: 1; display: flex; flex-direction: column; }
.ev-kart h3 { font-size: 1.1rem; margin-bottom: 6px; }
.ev-kart .info { font-size: 0.88rem; color: var(--boz); margin-bottom: 4px; }
.ev-kart .alt { margin-top: auto; display: flex; gap: 8px; padding-top: 12px; }

/* ---------- FORMLAR ---------- */
.form-kart {
    background: #fff; border-radius: 14px; padding: 24px;
    box-shadow: var(--kolge); border: 1px solid var(--kenar); max-width: 760px;
}
.form-setir { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-qrup { margin-bottom: 16px; display: flex; flex-direction: column; }
.form-qrup.tam { grid-column: 1 / -1; }
label { font-size: 0.88rem; font-weight: 600; margin-bottom: 6px; color: #3d4452; }
input, select, textarea {
    padding: 10px 12px; border: 1px solid var(--kenar); border-radius: 9px;
    font-size: 0.95rem; font-family: inherit; background: #fff; width: 100%;
}
input:focus, select:focus, textarea:focus { outline: 2px solid var(--primary); border-color: var(--primary); }
textarea { resize: vertical; min-height: 70px; }
.hesablanmis { background: #f4f6fa; font-weight: 700; color: var(--primary); }
small.ipucu { color: var(--boz); font-size: 0.8rem; margin-top: 4px; }
.form-alt { display: flex; gap: 10px; margin-top: 10px; }

/* ---------- TƏQVİM / TIMELINE ---------- */
.teqvim-saran { overflow-x: auto; background: #fff; border-radius: 12px; box-shadow: var(--kolge); padding: 4px; }
.teqvim { border-collapse: collapse; min-width: 800px; }
.teqvim th, .teqvim td { border: 1px solid var(--kenar); padding: 0; text-align: center; }
.teqvim .ev-ad-hucre { text-align: left; padding: 8px 12px; font-weight: 600; white-space: nowrap; position: sticky; left: 0; background: #fff; min-width: 140px; z-index: 2; }
.teqvim th.gun-bas { width: 26px; height: 34px; font-size: 0.78rem; color: var(--boz); }
.teqvim th.hefte-sonu { background: #fff5f5; color: var(--qirmizi); }
.teqvim td.gun { width: 26px; height: 38px; }
.teqvim td.bos:hover { background: #f0fff4; }
.teqvim td.dolu { color: #fff; font-size: 0; }
.teqvim td.dolu.Bron { background: var(--primary); }
.teqvim td.dolu.Təsdiqlənib { background: var(--yasil); }
.teqvim td.dolu.Tamamlanıb { background: var(--boz); }
.teqvim td.bugun-sutun { box-shadow: inset 0 0 0 2px var(--sari); }
.izah { display: flex; gap: 18px; flex-wrap: wrap; margin: 14px 0; font-size: 0.85rem; }
.izah span { display: inline-flex; align-items: center; gap: 6px; }
.izah .rng { width: 16px; height: 16px; border-radius: 4px; display: inline-block; }

/* ---------- FİLTR PANELİ ---------- */
.filtr-kart {
    background: #fff; border-radius: 12px; padding: 16px; box-shadow: var(--kolge);
    margin-bottom: 18px; display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; align-items: end;
}

/* ---------- ÇEK / ŞƏKİL SİYAHISI ---------- */
.cek-list { display: flex; flex-wrap: wrap; gap: 12px; }
.cek-item {
    border: 1px solid var(--kenar); border-radius: 10px; padding: 8px;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    background: #fff; width: 130px;
}
.cek-item img { width: 112px; height: 90px; object-fit: cover; border-radius: 6px; }
.cek-item .cek-pdf {
    width: 112px; height: 90px; display: flex; align-items: center; justify-content: center;
    background: #fdecee; color: #b71d2b; border-radius: 6px; font-weight: 700;
}
.cek-item form { width: 100%; }
.cek-item .btn { width: 100%; }

/* ---------- BOŞ HAL ---------- */
.bos-hal { text-align: center; padding: 50px 20px; color: var(--boz); }
.bos-hal .ikon { font-size: 3rem; margin-bottom: 10px; }

/* ---------- LOGIN SƏHİFƏSİ ---------- */
.login-saran {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); padding: 20px;
}
.login-kart {
    background: #fff; border-radius: 16px; padding: 32px; width: 100%; max-width: 380px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
.login-kart h1 { text-align: center; font-size: 1.5rem; margin-bottom: 4px; }
.login-kart .alt-baslik { text-align: center; }
.login-kart .btn { width: 100%; margin-top: 8px; }

/* ---------- FOOTER ---------- */
.footer { text-align: center; padding: 24px; color: var(--boz); font-size: 0.85rem; }

/* ===========================================================
   MOBİL (telefon) — 768px və aşağı
   =========================================================== */
@media (max-width: 768px) {
    .menu-toggle { display: block; }
    .nav-links {
        display: none; flex-direction: column; width: 100%;
        margin-top: 10px; gap: 4px;
    }
    .nav-links.acik { display: flex; }
    .nav-links a { width: 100%; }
    .nav-user { width: 100%; }
    .form-setir { grid-template-columns: 1fr; }
    h1 { font-size: 1.35rem; }
    .kart .deyer { font-size: 1.4rem; }
    th, td { padding: 10px 10px; font-size: 0.88rem; }
}

/* ---------- ÇAP (PDF kimi saxlamaq üçün) ---------- */
@media print {
    .cap-gizli { display: none !important; }
    body { background: #fff; }
}