:root {
    --marka: #ff3414;
    --marka-koyu: #d42507;
    --marka-acik: #ff5c40;
    --font-ana: 'Rajdhani', 'Segoe UI', system-ui, sans-serif;
}

body {
    background: #f4f6fa;
    min-height: 100vh;
    font-family: var(--font-ana);
    font-weight: 500;
    letter-spacing: .2px;
}

.marka-logo {
    font-family: var(--font-ana);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: lowercase;
    color: var(--marka);
    line-height: 1;
}

/* Marka rengi Bootstrap override */
.btn-primary {
    background-color: var(--marka);
    border-color: var(--marka);
}
.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;
    box-shadow: 0 0 0 .25rem rgba(255, 52, 20, .25) !important;
}
.btn-outline-primary {
    color: var(--marka);
    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;
}
a { color: var(--marka); }
a:hover { color: var(--marka-koyu); }

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

.form-check-input:checked {
    background-color: var(--marka);
    border-color: var(--marka);
}

.nav-pills .nav-link { color: #444; }
.nav-pills .nav-link.active {
    background-color: var(--marka);
    color: #fff;
}

/* Ust bar */
.ust-bar {
    background: #1a1a1a;
    border-bottom: 3px solid var(--marka);
    padding: .6rem 0;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.ust-bar .ust-marka {
    font-family: var(--font-ana);
    color: #fff;
    font-weight: 500;
    letter-spacing: .6px;
    font-size: 1.1rem;
    min-width: 0;
    display: inline-block;
}
.ust-bar .ust-marka .marka-logo { font-size: 1.3rem; margin-right: 2px; }
.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); }

/* Anasayfa - kutu tabanli navigasyon */
.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(200px, 1fr)); gap: 18px; }
}
.ana-kart {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 1.5rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: box-shadow .15s, transform .15s, border-color .15s, color .15s;
    color: #333;
    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(0,0,0,.09);
    border-color: var(--marka);
    color: var(--marka);
    transform: translateY(-2px);
    text-decoration: none;
}
.ana-kart i.bi { font-size: 2.4rem; color: var(--marka); transition: color .15s; }
.ana-kart:hover i.bi { color: var(--marka-koyu); }
.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;
    font-size: .72rem;
    padding: 3px 8px;
    min-width: 24px;
}

/* Login sayfasi */
.login-body {
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 60%, var(--marka-koyu) 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: 12px;
    padding: 2.5rem 2rem;
    border-top: 4px solid var(--marka);
}

.login-logo {
    font-size: 3rem;
    color: var(--marka);
}

/* Kompakt tablo satirlari */
.table.table-kompakt > :not(caption) > * > * {
    padding: .35rem .6rem;
    font-size: .9rem;
    line-height: 1.35;
}
.table.table-kompakt thead th {
    background: #f1f1f1;
    color: #222;
    border-bottom: 2px solid var(--marka);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .4px;
}
.table.table-kompakt .badge { font-weight: 500; }
.table.table-kompakt tbody tr:hover { background: rgba(255, 52, 20, .05); }

.badge.bg-danger { background-color: var(--marka) !important; }

/* Pagination marka rengi */
.pagination .page-link { color: var(--marka); }
.pagination .page-link:hover { color: var(--marka-koyu); background-color: rgba(255, 52, 20, .08); }
.pagination .page-item.active .page-link {
    background-color: var(--marka);
    border-color: var(--marka);
    color: #fff;
}
.pagination .page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 52, 20, .25);
}

/* Offcanvas baslik ikonu */
.offcanvas-header .offcanvas-title i { color: var(--marka); }

h4 i.bi { color: var(--marka); }

/* Global yukleme efekti */
.bey-loader {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .65);
    backdrop-filter: blur(1px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}
.bey-loader.acik { display: flex; }
.bey-loader .spinner-border {
    width: 3rem;
    height: 3rem;
    color: var(--marka);
    border-width: .3em;
}

/* Listede durum degistirme dropdown'u */
.durum-dd .dropdown-toggle::after { margin-left: .35rem; }
.durum-dd .dropdown-item.aktif { color: var(--marka); font-weight: 600; }

/* Sekmeler marka rengi */
.nav-tabs .nav-link { color: #444; }
.nav-tabs .nav-link.active { color: var(--marka); font-weight: 600; }