:root {
    --tblr-font-sans-serif: 'Inter Var', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --atek-grad: linear-gradient(135deg, #4f46e5 0%, #0ea5e9 100%);
}

body { font-feature-settings: "cv03", "cv04", "cv11"; }

/* Kenar menü */
.navbar-vertical { background: #0f172a !important; }
.atek-brand { display: flex; align-items: center; gap: .6rem; font-weight: 700; font-size: 1.1rem; letter-spacing: -.01em; }
.atek-logo {
    width: 32px; height: 32px; border-radius: 9px; background: var(--atek-grad);
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 800; font-size: 1rem; box-shadow: 0 4px 12px rgba(79, 70, 229, .35);
}
.nav-subtitle {
    padding: 1.1rem 1rem .35rem; font-size: .68rem; font-weight: 600; letter-spacing: .06em;
    text-transform: uppercase; color: rgba(255, 255, 255, .38); list-style: none;
}
.navbar-vertical .nav-item.active .nav-link {
    background: rgba(255, 255, 255, .07); border-radius: 8px; color: #fff;
}
.navbar-vertical .nav-item.active .nav-link-icon { color: #818cf8; }
@media (min-width: 992px) {
    .navbar-vertical .navbar-nav { padding: 0 .5rem; }
    .navbar-vertical .nav-link { border-radius: 8px; }
}

/* Kartlar ve istatistikler */
.stat-icon {
    width: 42px; height: 42px; border-radius: 10px; display: inline-flex;
    align-items: center; justify-content: center; font-size: 1.35rem;
}
.card { border-radius: 12px; }
.card-hover { transition: transform .15s, box-shadow .15s; }
.card-hover:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15, 23, 42, .08); }

/* Toplu işlem çubuğu */
.bulk-bar {
    position: sticky; bottom: 1rem; z-index: 20; display: none;
    background: #0f172a; color: #fff; border-radius: 12px; padding: .75rem 1rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .25);
}
.bulk-bar.show { display: flex; }
.bulk-bar .form-select { min-width: 180px; }

/* Giriş sayfası */
.auth-bg {
    min-height: 100vh; background: radial-gradient(1200px 600px at 10% -10%, rgba(79, 70, 229, .18), transparent),
        radial-gradient(900px 500px at 110% 110%, rgba(14, 165, 233, .15), transparent), #f8fafc;
}
.auth-logo { width: 52px; height: 52px; font-size: 1.5rem; border-radius: 14px; }

/* Önizleme ve editör */
.preview-frame { width: 100%; min-height: 560px; border: 1px solid var(--tblr-border-color); border-radius: 8px; background: #fff; }
.var-chip { cursor: pointer; font-family: var(--tblr-font-monospace); font-size: .75rem; }
.var-chip:hover { background: var(--tblr-primary-lt); }
.jodit-container { border-radius: 8px !important; }
textarea.code { font-family: var(--tblr-font-monospace); font-size: .8rem; }

/* Eşleştirme tablosu */
.map-table td, .map-table th { white-space: nowrap; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }

/* Yetki matrisi */
.perm-group { border: 1px solid var(--tblr-border-color); border-radius: 10px; padding: 1rem; height: 100%; }

/* Tom Select: Tabler değişkenleriyle uyum */
.ts-dropdown {
    background: var(--tblr-bg-surface, #fff); color: var(--tblr-body-color);
    border: 1px solid var(--tblr-border-color); border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12); z-index: 1060; margin-top: 4px;
}
.ts-dropdown .option { padding: .45rem .75rem; }
.ts-dropdown .active { background: var(--tblr-primary-lt); color: var(--tblr-primary); }
.ts-control { border-color: var(--tblr-border-color); border-radius: var(--tblr-border-radius); min-height: 36px; }
.ts-wrapper.multi .ts-control > div { background: var(--tblr-primary-lt); color: var(--tblr-primary); border-radius: 4px; }
.ts-wrapper.focus .ts-control { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .25); }

.progress-thin { height: 6px; }
.table td { vertical-align: middle; }
.empty-icon { font-size: 3rem; color: var(--tblr-secondary); opacity: .5; }
.text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }