:root {
    --marka: #f5871f;          /* turuncu - birincil aksiyon */
    --marka-koyu: #d9710f;
    --marka-acik: #ff9d3e;
    --lacivert: #1d3f72;       /* logo lacivert - üst bar / başlık */
    --lacivert-koyu: #142c52;
    --font-ana: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
    background: #f4f7fb;
    min-height: 100vh;
    font-family: var(--font-ana);
}

/* Marka rengi Bootstrap override */
.btn-primary {
    background-color: var(--marka);
    border-color: var(--marka);
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--marka-koyu) !important;
    border-color: var(--marka-koyu) !important;
    color: #fff !important;
    box-shadow: 0 0 0 .25rem rgba(245, 135, 31, .25) !important;
}
.btn-outline-primary { color: var(--marka-koyu); border-color: var(--marka); }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: var(--marka) !important;
    border-color: var(--marka) !important;
    color: #fff !important;
}
.btn-lacivert { background-color: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.btn-lacivert:hover { background-color: var(--lacivert-koyu); border-color: var(--lacivert-koyu); color: #fff; }

a { color: var(--lacivert); }
a:hover { color: var(--marka-koyu); }

.text-marka { color: var(--marka) !important; }
.text-lacivert { color: var(--lacivert) !important; }

.form-control:focus, .form-select:focus {
    border-color: var(--marka-acik);
    box-shadow: 0 0 0 .2rem rgba(245, 135, 31, .2);
}

/* Üst bar */
.ust-bar {
    background: var(--lacivert);
    border-bottom: 3px solid var(--marka);
    padding: .6rem 0;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.ust-bar .ust-marka {
    color: #fff;
    font-weight: 700;
    letter-spacing: .8px;
    font-size: 1.15rem;
}
.ust-bar .ust-marka .vurgu { color: var(--marka); }
.ust-bar .btn-outline-light { border-color: rgba(255,255,255,.45); }
.ust-bar .btn-outline-light:hover { background: var(--marka); border-color: var(--marka); }

.icerik { min-height: calc(100vh - 60px); }

h4 { color: var(--lacivert); }

/* Anasayfa kutu navigasyonu */
.ana-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
@media (min-width: 768px) {
    .ana-grid { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px; }
}
.ana-kart {
    background: #fff;
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    padding: 1.5rem 1rem;
    text-align: center;
    transition: box-shadow .15s, transform .15s, border-color .15s, color .15s;
    color: var(--lacivert);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    position: relative;
    min-height: 130px;
}
.ana-kart:hover, .ana-kart:focus {
    box-shadow: 0 6px 20px rgba(29,63,114,.12);
    border-color: var(--marka);
    color: var(--marka-koyu);
    transform: translateY(-2px);
    text-decoration: none;
}
.ana-kart i.bi { font-size: 2.4rem; color: var(--marka); }
.ana-kart .baslik { font-weight: 600; font-size: .95rem; line-height: 1.2; }
.ana-kart .badge { position: absolute; top: 10px; right: 10px; border-radius: 999px; }

/* Login */
.login-body {
    background: linear-gradient(135deg, var(--lacivert) 0%, var(--lacivert-koyu) 55%, #0d1b33 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.login-wrap { width: 100%; max-width: 420px; }
.login-kart { background: #fff; border-radius: 14px; padding: 2.5rem 2rem; border-top: 4px solid var(--marka); }
.login-logo { font-size: 3rem; color: var(--marka); }
.login-marka { font-weight: 800; letter-spacing: 1px; color: var(--lacivert); }
.login-marka .vurgu { color: var(--marka); }

/* Kompakt tablolar */
.table.table-kompakt > :not(caption) > * > * { padding: .4rem .6rem; font-size: .9rem; }
.table.table-kompakt thead th {
    background: #eef2f8;
    color: var(--lacivert);
    border-bottom: 2px solid var(--marka);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .4px;
    white-space: nowrap;
}
.table.table-kompakt tbody tr:hover { background: rgba(245, 135, 31, .06); }
.table-kompakt thead th a { color: inherit !important; text-decoration: none; }
.table-kompakt thead th a:hover { color: var(--marka-koyu) !important; }

/* Pagination */
.pagination .page-link { color: var(--lacivert); }
.pagination .page-link:hover { color: var(--marka-koyu); background-color: rgba(245,135,31,.08); }
.pagination .page-item.active .page-link { background-color: var(--marka); border-color: var(--marka); color: #fff; }

.kart-form { max-width: 920px; }