/**
 * DigiMenu Admin — Modern Dark Theme
 * Tabler.io inspired, Bootstrap 5 override
 * Mevcut HTML yapısını bozmaz, sadece görünümü değiştirir
 */

/* ==================== CSS VARIABLES ==================== */
:root {
    --dm-bg: #1a1d23;
    --dm-bg-surface: #21252b;
    --dm-bg-card: #282c34;
    --dm-bg-hover: #2d3139;
    --dm-border: #353a42;
    --dm-border-light: #2d3139;
    --dm-text: #e0e0e0;
    --dm-text-muted: #8b929a;
    --dm-text-dim: #5c6370;
    --dm-accent: #4facfe;
    --dm-accent-hover: #3d9cf0;
    --dm-accent-bg: rgba(79,172,254,0.1);
    --dm-success: #28a745;
    --dm-success-bg: rgba(40,167,69,0.12);
    --dm-danger: #e63946;
    --dm-danger-bg: rgba(230,57,70,0.12);
    --dm-warning: #ffc107;
    --dm-warning-bg: rgba(255,193,7,0.12);
    --dm-info: #17a2b8;
    --dm-info-bg: rgba(23,162,184,0.12);
    --dm-sidebar-w: 260px;
    --dm-radius: 10px;
    --dm-radius-sm: 6px;
    --dm-shadow: 0 1px 3px rgba(0,0,0,0.3);
    --dm-shadow-lg: 0 4px 16px rgba(0,0,0,0.4);
    --dm-transition: 0.2s ease;
    --dm-font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ==================== FONT ==================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* ==================== BASE ==================== */
body {
    font-family: var(--dm-font) !important;
    background: var(--dm-bg) !important;
    color: var(--dm-text) !important;
    font-size: 14px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Global text color override — catch-all */
p, span, div, td, th, li, label, h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--dm-text);
}

a { color: var(--dm-accent); }
a:hover { color: var(--dm-accent-hover); }

::selection {
    background: var(--dm-accent);
    color: #fff;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--dm-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--dm-text-dim); }


/* ==================== SIDEBAR ==================== */
.admin-sidebar {
    background: var(--dm-bg-surface) !important;
    border-right: 1px solid var(--dm-border) !important;
    min-height: 100vh;
    width: var(--dm-sidebar-w) !important;
    box-shadow: none !important;
}

.admin-sidebar .d-flex.flex-column.p-3 {
    padding: 0 !important;
}

/* Sidebar Logo */
.admin-sidebar .text-center.mb-4:first-child {
    padding: 20px 20px 16px;
    border-bottom: 1px solid var(--dm-border);
    margin-bottom: 0 !important;
}

.admin-sidebar .text-center.mb-4:first-child img {
    max-height: 36px !important;
    filter: brightness(1.1);
}

.admin-sidebar .text-center.mb-4:first-child h4 {
    font-size: 16px !important;
    font-weight: 700;
    letter-spacing: -0.3px;
}

/* Sidebar User Info */
.admin-sidebar .text-center.mb-4:nth-child(2) {
    padding: 16px 20px;
    border-bottom: 1px solid var(--dm-border);
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center;
    text-align: left !important;
    gap: 12px;
}

.admin-sidebar .text-center.mb-4:nth-child(2) .mb-2 {
    margin-bottom: 0 !important;
}

.admin-sidebar .text-center.mb-4:nth-child(2) .fa-user-circle {
    font-size: 2rem !important;
    color: var(--dm-accent) !important;
    opacity: 0.8;
}

.admin-sidebar .text-center.mb-4:nth-child(2) .text-white {
    text-align: left;
}

.admin-sidebar .text-center.mb-4:nth-child(2) .fw-bold {
    font-size: 13px;
    font-weight: 600;
    color: var(--dm-text);
}

.admin-sidebar .text-center.mb-4:nth-child(2) small {
    font-size: 11px;
    color: var(--dm-text-muted);
    text-transform: capitalize;
}

/* Sidebar Nav */
.admin-sidebar .nav.flex-column {
    padding: 12px 12px 20px;
}

.admin-sidebar .nav-item {
    margin-bottom: 1px !important;
}

.admin-sidebar .nav-link {
    color: var(--dm-text-muted) !important;
    padding: 9px 14px !important;
    border-radius: var(--dm-radius-sm) !important;
    font-size: 13px !important;
    font-weight: 500;
    transition: all var(--dm-transition);
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0 !important;
    border: 1px solid transparent;
}

.admin-sidebar .nav-link:hover {
    color: var(--dm-text) !important;
    background: var(--dm-bg-hover) !important;
}

.admin-sidebar .nav-link.active {
    color: var(--dm-accent) !important;
    background: var(--dm-accent-bg) !important;
    border-color: rgba(79,172,254,0.15) !important;
    font-weight: 600;
}

.admin-sidebar .nav-link i {
    width: 18px !important;
    text-align: center;
    font-size: 14px;
    margin-right: 0 !important;
    opacity: 0.7;
    flex-shrink: 0;
}

.admin-sidebar .nav-link.active i {
    opacity: 1;
    color: var(--dm-accent);
}

.admin-sidebar .nav-link .badge {
    margin-left: auto;
    font-size: 10px;
    padding: 3px 7px;
    border-radius: 10px;
    font-weight: 600;
}

/* Sidebar external link icon */
.admin-sidebar .nav-link .fa-external-link-alt {
    font-size: 9px !important;
    opacity: 0.4 !important;
    margin-left: auto;
}

/* Sidebar logout */
.admin-sidebar .nav-item.mt-3 {
    margin-top: 8px !important;
    padding-top: 8px;
    border-top: 1px solid var(--dm-border);
}

.admin-sidebar .nav-link.text-danger {
    color: var(--dm-danger) !important;
    opacity: 0.7;
}

.admin-sidebar .nav-link.text-danger:hover {
    opacity: 1;
    background: var(--dm-danger-bg) !important;
}

/* ==================== MOBILE HEADER ==================== */
.mobile-admin-header {
    background: var(--dm-bg-surface) !important;
    border-bottom: 1px solid var(--dm-border);
    box-shadow: none !important;
}

.mobile-admin-header h4 {
    font-size: 15px !important;
    font-weight: 700;
}

.mobile-menu-toggle {
    background: var(--dm-bg-hover) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
    border-radius: var(--dm-radius-sm) !important;
}


/* ==================== MAIN CONTENT ==================== */
.admin-content {
    background: var(--dm-bg) !important;
    padding: 24px 28px !important;
}

/* Page Title */
.admin-content > .d-flex:first-child h1,
.admin-content > .d-flex:first-child .h3,
.admin-content > h4,
.admin-content h1.h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--dm-text) !important;
    letter-spacing: -0.3px;
}

/* ==================== CARDS ==================== */
.admin-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow) !important;
    padding: 20px !important;
    color: var(--dm-text);
}

.admin-card h2, .admin-card .h5 {
    color: var(--dm-text) !important;
    font-weight: 600;
    font-size: 15px !important;
}

.card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    color: var(--dm-text);
}

.card-body {
    background: transparent !important;
}

.card-header {
    background: var(--dm-bg-surface) !important;
    border-bottom: 1px solid var(--dm-border) !important;
    color: var(--dm-text);
}

/* ==================== DASHBOARD STAT CARDS ==================== */
.dashboard-card {
    border-radius: var(--dm-radius) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: var(--dm-shadow) !important;
    transition: transform var(--dm-transition), box-shadow var(--dm-transition);
    overflow: hidden;
}

.dashboard-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--dm-shadow-lg) !important;
}

.dashboard-card.bg-primary {
    background: linear-gradient(135deg, #4facfe 0%, #3b82f6 100%) !important;
    border-color: transparent !important;
}

.dashboard-card.bg-success {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border-color: transparent !important;
}

.dashboard-card.bg-info {
    background: linear-gradient(135deg, #17a2b8 0%, #4facfe 100%) !important;
    border-color: transparent !important;
}

.dashboard-card.bg-danger {
    background: linear-gradient(135deg, #e63946 0%, #ff6b6b 100%) !important;
    border-color: transparent !important;
}

.dashboard-card-icon {
    font-size: 2.2rem !important;
    opacity: 0.9;
}

.dashboard-card-number {
    font-size: 2.4rem !important;
    font-weight: 800 !important;
    letter-spacing: -1px;
}

.dashboard-card .h5 {
    font-size: 13px !important;
    font-weight: 500;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-card .btn-light {
    background: rgba(255,255,255,0.2) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--dm-radius-sm);
    backdrop-filter: blur(4px);
}

.dashboard-card .btn-light:hover {
    background: rgba(255,255,255,0.3) !important;
}

/* ==================== TABLES ==================== */
.table {
    --bs-table-color: var(--dm-text);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--dm-border);
    --bs-table-striped-color: var(--dm-text);
    --bs-table-striped-bg: rgba(255,255,255,0.02);
    --bs-table-hover-color: var(--dm-text);
    --bs-table-hover-bg: rgba(79,172,254,0.06);
    --bs-table-active-color: var(--dm-text);
    --bs-table-active-bg: rgba(79,172,254,0.1);
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important;
}

.table > :not(caption) > * > * {
    color: var(--dm-text) !important;
    background-color: transparent;
    border-bottom-color: var(--dm-border) !important;
}

.table thead th {
    background: var(--dm-bg-surface) !important;
    color: var(--dm-text-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--dm-border) !important;
    padding: 10px 12px !important;
    white-space: nowrap;
}

.table tbody td {
    color: var(--dm-text) !important;
    border-bottom: 1px solid var(--dm-border-light) !important;
    padding: 10px 12px !important;
    font-size: 13px;
    vertical-align: middle;
}

.table tbody tr {
    color: var(--dm-text) !important;
}

.table-hover tbody tr:hover > * {
    color: var(--dm-text) !important;
    background-color: rgba(79,172,254,0.06) !important;
    --bs-table-hover-bg: rgba(79,172,254,0.06);
    --bs-table-accent-bg: rgba(79,172,254,0.06);
}

.table-responsive {
    border-radius: var(--dm-radius-sm);
}

/* Table link colors */
.table a {
    color: var(--dm-accent);
}

.table a:hover {
    color: var(--dm-accent-hover);
}

/* ==================== FORMS ==================== */
.form-control, .form-select {
    background: var(--dm-bg) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text) !important;
    border-radius: var(--dm-radius-sm) !important;
    font-size: 13px;
    padding: 8px 12px;
    transition: border-color var(--dm-transition), box-shadow var(--dm-transition);
}

.form-control:focus, .form-select:focus {
    border-color: var(--dm-accent) !important;
    box-shadow: 0 0 0 3px rgba(79,172,254,0.15) !important;
    background: var(--dm-bg) !important;
    color: var(--dm-text) !important;
}

.form-control::placeholder {
    color: var(--dm-text-dim) !important;
}

.form-label {
    color: var(--dm-text) !important;
    font-weight: 500 !important;
    font-size: 13px;
    margin-bottom: 6px;
}

.form-text, .text-muted {
    color: var(--dm-text-muted) !important;
}

.form-check-input {
    background-color: var(--dm-bg) !important;
    border-color: var(--dm-border) !important;
}

.form-check-input:checked {
    background-color: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
}

.form-check-label {
    color: var(--dm-text);
}

.input-group-text {
    background: var(--dm-bg-surface) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
}

textarea.form-control {
    min-height: 80px;
}

.form-control-color {
    padding: 4px !important;
}


/* ==================== BUTTONS ==================== */
.btn {
    font-size: 13px;
    font-weight: 500;
    border-radius: var(--dm-radius-sm) !important;
    padding: 7px 14px;
    transition: all var(--dm-transition);
    border: 1px solid transparent;
}

.btn-sm {
    font-size: 12px;
    padding: 5px 10px;
}

.btn-primary {
    background: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: var(--dm-accent-hover) !important;
    border-color: var(--dm-accent-hover) !important;
    box-shadow: 0 2px 8px rgba(79,172,254,0.3);
}

.btn-success {
    background: var(--dm-success) !important;
    border-color: var(--dm-success) !important;
}

.btn-success:hover {
    background: #218838 !important;
    box-shadow: 0 2px 8px rgba(40,167,69,0.3);
}

.btn-danger {
    background: var(--dm-danger) !important;
    border-color: var(--dm-danger) !important;
}

.btn-danger:hover {
    background: #c82333 !important;
    box-shadow: 0 2px 8px rgba(230,57,70,0.3);
}

.btn-warning {
    background: var(--dm-warning) !important;
    border-color: var(--dm-warning) !important;
    color: #1a1d23 !important;
}

.btn-secondary {
    background: var(--dm-bg-hover) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

.btn-secondary:hover {
    background: var(--dm-border) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
    background: transparent !important;
}

.btn-outline-primary:hover, .btn-outline-primary.active {
    background: var(--dm-accent) !important;
    color: #fff !important;
}

.btn-outline-secondary {
    color: var(--dm-text-muted) !important;
    border-color: var(--dm-border) !important;
    background: transparent !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary.active {
    background: var(--dm-bg-hover) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important;
}

.btn-outline-success {
    color: var(--dm-success) !important;
    border-color: var(--dm-success) !important;
    background: transparent !important;
}

.btn-outline-success:hover {
    background: var(--dm-success) !important;
    color: #fff !important;
}

.btn-outline-info {
    color: var(--dm-info) !important;
    border-color: var(--dm-info) !important;
    background: transparent !important;
}

.btn-outline-info:hover {
    background: var(--dm-info) !important;
    color: #fff !important;
}

.btn-outline-dark {
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important;
    background: transparent !important;
}

.btn-outline-dark:hover {
    background: var(--dm-bg-hover) !important;
}

.btn-light {
    background: var(--dm-bg-hover) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

/* ==================== BADGES ==================== */
.badge {
    font-weight: 600;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: var(--dm-radius-sm);
}

.badge.bg-danger, .bg-danger {
    background: var(--dm-danger) !important;
}

.badge.bg-success, .bg-success {
    background: var(--dm-success) !important;
}

.badge.bg-warning {
    background: var(--dm-warning) !important;
    color: #1a1d23 !important;
}

.badge.bg-info {
    background: var(--dm-info) !important;
}

.badge.bg-primary {
    background: var(--dm-accent) !important;
}

.badge.bg-secondary {
    background: var(--dm-bg-hover) !important;
    color: var(--dm-text-muted) !important;
}

/* ==================== ALERTS ==================== */
.alert {
    border-radius: var(--dm-radius-sm) !important;
    border: none !important;
    font-size: 13px;
}

.alert-danger {
    background: var(--dm-danger-bg) !important;
    color: #ff8a94 !important;
    border-left: 3px solid var(--dm-danger) !important;
}

.alert-success {
    background: var(--dm-success-bg) !important;
    color: #6dd58c !important;
    border-left: 3px solid var(--dm-success) !important;
}

.alert-info {
    background: var(--dm-info-bg) !important;
    color: #6dd5ed !important;
    border-left: 3px solid var(--dm-info) !important;
}

.alert-warning {
    background: var(--dm-warning-bg) !important;
    color: #ffe066 !important;
    border-left: 3px solid var(--dm-warning) !important;
}

.alert .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ==================== LIST GROUP ==================== */
.list-group-item {
    background: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
    transition: background var(--dm-transition);
}

.list-group-item:hover, .list-group-item-action:hover {
    background: var(--dm-bg-hover) !important;
    color: var(--dm-text) !important;
}

.list-group-item h5, .list-group-item .h5 {
    color: var(--dm-text) !important;
    font-size: 14px;
    font-weight: 600;
}

.list-group-item p, .list-group-item .mb-1 {
    color: var(--dm-text-muted) !important;
}

.list-group-item small, .list-group-item .text-muted {
    color: var(--dm-text-dim) !important;
}

.list-group-item-danger {
    background: var(--dm-danger-bg) !important;
    border-left: 3px solid var(--dm-danger) !important;
    color: var(--dm-text) !important;
}

.list-group-item-danger h5, .list-group-item-danger .h5 {
    color: var(--dm-text) !important;
}

.list-group-item-success {
    background: var(--dm-success-bg) !important;
    border-left: 3px solid var(--dm-success) !important;
    color: var(--dm-text) !important;
}

.list-group-item-success h5, .list-group-item-success .h5 {
    color: var(--dm-text) !important;
}

/* ==================== MODALS ==================== */
.modal-content {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow-lg);
}

.modal-header {
    border-bottom: 1px solid var(--dm-border) !important;
    padding: 16px 20px;
}

.modal-header .modal-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--dm-text);
}

.modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-body {
    padding: 20px;
    color: var(--dm-text);
}

.modal-footer {
    border-top: 1px solid var(--dm-border) !important;
    padding: 12px 20px;
}

.modal-header.bg-warning {
    background: var(--dm-warning-bg) !important;
    color: var(--dm-warning) !important;
}

.modal-header.bg-warning .modal-title {
    color: var(--dm-warning) !important;
}

/* ==================== PAGINATION ==================== */
.page-link {
    background: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
    font-size: 13px;
}

.page-link:hover {
    background: var(--dm-bg-hover) !important;
    color: var(--dm-text) !important;
}

.page-item.active .page-link {
    background: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
    color: #fff !important;
}

/* ==================== DROPDOWN ==================== */
.dropdown-menu {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius-sm) !important;
    box-shadow: var(--dm-shadow-lg);
}

.dropdown-item {
    color: var(--dm-text) !important;
    font-size: 13px;
    padding: 8px 16px;
}

.dropdown-item:hover {
    background: var(--dm-bg-hover) !important;
}

.dropdown-divider {
    border-color: var(--dm-border) !important;
}


/* ==================== DASHBOARD SPECIFIC (dashboard.php) ==================== */
.dash-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow) !important;
    color: var(--dm-text);
}

.dash-card h6 {
    color: var(--dm-text) !important;
    font-weight: 600;
}

.dash-metric .metric-label {
    color: var(--dm-text-muted) !important;
}

.period-tabs .btn.active {
    background: var(--dm-accent) !important;
    border-color: var(--dm-accent) !important;
}

.top-item-row {
    border-bottom-color: var(--dm-border) !important;
}

.top-item-name {
    color: var(--dm-text);
}

.top-item-qty {
    color: var(--dm-text-muted) !important;
}

.top-item-rev {
    color: var(--dm-accent) !important;
}

.table-perf th {
    color: var(--dm-text-muted) !important;
}

.table-perf td {
    color: var(--dm-text);
}

/* ==================== NAV TABS (settings, translations) ==================== */
.nav-tabs {
    border-bottom: 1px solid var(--dm-border) !important;
}

.nav-tabs .nav-link {
    color: var(--dm-text-muted) !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 0 !important;
    background: transparent !important;
}

.nav-tabs .nav-link:hover {
    color: var(--dm-text) !important;
    border-bottom-color: var(--dm-border) !important;
}

.nav-tabs .nav-link.active {
    color: var(--dm-accent) !important;
    border-bottom-color: var(--dm-accent) !important;
    background: transparent !important;
}

.tab-content {
    padding-top: 16px;
}

/* ==================== NAV PILLS ==================== */
.nav-pills .nav-link {
    color: var(--dm-text-muted) !important;
    background: transparent !important;
    border-radius: var(--dm-radius-sm) !important;
    font-size: 13px;
    font-weight: 500;
}

.nav-pills .nav-link:hover {
    background: var(--dm-bg-hover) !important;
    color: var(--dm-text) !important;
}

.nav-pills .nav-link.active {
    background: var(--dm-accent) !important;
    color: #fff !important;
}

/* ==================== ACCORDION ==================== */
.accordion-item {
    background: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

.accordion-button {
    background: var(--dm-bg-surface) !important;
    color: var(--dm-text) !important;
    box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
    background: var(--dm-accent-bg) !important;
    color: var(--dm-accent) !important;
}

.accordion-body {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text);
}

/* ==================== IMAGES IN ADMIN ==================== */
.admin-card img, .admin-content img.img-thumbnail {
    border-radius: var(--dm-radius-sm);
    border-color: var(--dm-border) !important;
}

.img-thumbnail {
    background: var(--dm-bg-surface) !important;
    border-color: var(--dm-border) !important;
}

/* ==================== MISC ==================== */
hr {
    border-color: var(--dm-border) !important;
    opacity: 1;
}

.text-danger { color: var(--dm-danger) !important; }
.text-success { color: var(--dm-success) !important; }
.text-warning { color: var(--dm-warning) !important; }
.text-info { color: var(--dm-info) !important; }
.text-primary { color: var(--dm-accent) !important; }

.border { border-color: var(--dm-border) !important; }
.border-bottom { border-bottom-color: var(--dm-border) !important; }
.border-top { border-top-color: var(--dm-border) !important; }

.bg-light { background: var(--dm-bg-surface) !important; }
.bg-white { background: var(--dm-bg-card) !important; }

/* SweetAlert2 dark theme */
.swal2-popup {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text) !important;
    border: 1px solid var(--dm-border);
    border-radius: var(--dm-radius) !important;
}

.swal2-title { color: var(--dm-text) !important; }
.swal2-html-container { color: var(--dm-text-muted) !important; }
.swal2-input, .swal2-textarea {
    background: var(--dm-bg) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

/* ==================== MOBILE RESPONSIVE ==================== */
@media (max-width: 768px) {
    .admin-sidebar {
        width: 280px !important;
        left: -280px;
        position: fixed !important;
        z-index: 1050;
        transition: left 0.3s ease;
    }

    .admin-sidebar.show {
        left: 0 !important;
    }

    .admin-content {
        padding: 16px !important;
        padding-top: 70px !important;
    }

    .admin-sidebar .nav-link {
        padding: 11px 14px !important;
        font-size: 14px !important;
    }
}

/* ==================== PRINT ==================== */
@media print {
    .admin-sidebar, .mobile-admin-header { display: none !important; }
    .admin-content { padding: 0 !important; background: #fff !important; color: #000 !important; }
    .admin-card, .dash-card, .card { box-shadow: none !important; border: 1px solid #ddd !important; background: #fff !important; color: #000 !important; }
    .table { color: #000 !important; }
    .btn, .no-print { display: none !important; }
}

/* ==================== TOOLTIP ==================== */
.tooltip-inner {
    background: var(--dm-bg-card);
    color: var(--dm-text);
    border: 1px solid var(--dm-border);
    font-size: 12px;
    border-radius: var(--dm-radius-sm);
}

/* ==================== PROGRESS BAR ==================== */
.progress {
    background: var(--dm-bg) !important;
    border-radius: var(--dm-radius-sm);
    height: 6px;
}

.progress-bar {
    border-radius: var(--dm-radius-sm);
}

/* ==================== BREADCRUMB ==================== */
.breadcrumb {
    background: transparent !important;
    padding: 0;
    margin-bottom: 16px;
}

.breadcrumb-item a {
    color: var(--dm-text-muted);
}

.breadcrumb-item.active {
    color: var(--dm-text);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--dm-text-dim);
}

/* ==================== CUSTOM ADMIN OVERRIDES ==================== */
/* Quick access buttons */
.admin-card .btn-outline-primary.w-100,
.admin-card .btn-outline-success.w-100,
.admin-card .btn-outline-info.w-100,
.admin-card .btn-outline-secondary.w-100,
.admin-card .btn-outline-dark.w-100 {
    padding: 12px;
    font-weight: 600;
    border-width: 1px;
    transition: all var(--dm-transition);
}

.admin-card .btn-outline-primary.w-100:hover,
.admin-card .btn-outline-success.w-100:hover,
.admin-card .btn-outline-info.w-100:hover {
    transform: translateY(-1px);
    box-shadow: var(--dm-shadow);
}

/* Settings tabs sidebar */
.settings-sidebar .nav-link,
.list-group-item-action {
    transition: all var(--dm-transition);
}

/* Image preview in forms */
.admin-content img[style*="max-height"] {
    border-radius: var(--dm-radius-sm);
    border: 1px solid var(--dm-border);
}

/* Select2 / Custom selects dark */
select option {
    background: var(--dm-bg-card);
    color: var(--dm-text);
}


/* ==================== LOGIN PAGE ==================== */
.login-container {
    max-width: 420px;
}

.login-card {
    background: var(--dm-bg-card) !important;
    border: 1px solid var(--dm-border) !important;
    border-radius: var(--dm-radius) !important;
    box-shadow: var(--dm-shadow-lg) !important;
    overflow: hidden;
}

.login-header {
    background: linear-gradient(135deg, var(--dm-accent) 0%, #3b82f6 100%) !important;
    padding: 28px 20px !important;
}

.login-header h2, .login-header h3, .login-header h4 {
    font-size: 20px !important;
    font-weight: 700;
}

.login-body {
    background: var(--dm-bg-card) !important;
    padding: 28px !important;
}

.login-footer {
    background: var(--dm-bg-surface) !important;
    border-top: 1px solid var(--dm-border) !important;
    color: var(--dm-text-muted);
}

/* ==================== SETTINGS TABS ==================== */
.admin-content .nav-link[data-bs-toggle="tab"],
.admin-content .nav-link[data-bs-toggle="pill"] {
    color: var(--dm-text-muted) !important;
}

.admin-content .nav-link[data-bs-toggle="tab"].active,
.admin-content .nav-link[data-bs-toggle="pill"].active {
    color: var(--dm-accent) !important;
}

/* Settings tab sidebar list */
.list-group-flush .list-group-item {
    border-color: var(--dm-border) !important;
}

/* ==================== CHART.JS DARK THEME ==================== */
/* Chart.js will pick up text color from CSS, but we need to set grid colors via JS.
   This CSS ensures the canvas container looks right */
.chart-container canvas {
    filter: none;
}

/* ==================== FEATURES / INLINE STYLES OVERRIDE ==================== */
.features-inline .feature-card,
.feature-card {
    background: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

/* ==================== ORDERS CSS OVERRIDE ==================== */
.admin-content .orders-container {
    color: var(--dm-text);
}

/* ==================== POPOVER ==================== */
.popover {
    background: var(--dm-bg-card) !important;
    border-color: var(--dm-border) !important;
}

.popover-header {
    background: var(--dm-bg-surface) !important;
    border-bottom-color: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

.popover-body {
    color: var(--dm-text) !important;
}

/* ==================== SPINNER ==================== */
.spinner-border {
    color: var(--dm-accent);
}

/* ==================== OFFCANVAS ==================== */
.offcanvas {
    background: var(--dm-bg-card) !important;
    color: var(--dm-text) !important;
    border-color: var(--dm-border) !important;
}

.offcanvas-header {
    border-bottom: 1px solid var(--dm-border);
}

.offcanvas-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}


/* ==================== SIDEBAR GROUP LABELS ==================== */
.admin-sidebar .nav-item[style*="text-transform"] {
    pointer-events: none;
}

/* ==================== ADMIN CONTENT HEADINGS ==================== */
.admin-content h1, .admin-content h2, .admin-content h3,
.admin-content h4, .admin-content h5, .admin-content h6,
.admin-content .h1, .admin-content .h2, .admin-content .h3,
.admin-content .h4, .admin-content .h5, .admin-content .h6 {
    color: var(--dm-text);
}

/* ==================== EMPTY STATE ==================== */
.admin-content .text-center.text-muted {
    color: var(--dm-text-dim) !important;
}

/* ==================== CLOSE BUTTON FIX ==================== */
.btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ==================== ADMIN CARD INSIDE TABLES ==================== */
.admin-card .table {
    margin-bottom: 0;
}

.admin-card .table thead th:first-child {
    border-top-left-radius: var(--dm-radius-sm);
}

.admin-card .table thead th:last-child {
    border-top-right-radius: var(--dm-radius-sm);
}

/* ==================== TRANSITION SMOOTHNESS ==================== */
.admin-sidebar, .admin-sidebar .nav-link, .btn, .form-control,
.form-select, .admin-card, .card, .dashboard-card, .list-group-item {
    transition: all var(--dm-transition);
}

/* ==================== ADMIN SIDEBAR SCROLLBAR ==================== */
.admin-sidebar::-webkit-scrollbar { width: 4px; }
.admin-sidebar::-webkit-scrollbar-track { background: transparent; }
.admin-sidebar::-webkit-scrollbar-thumb { background: var(--dm-border); border-radius: 2px; }


/* ==================== TABLE FIXES ==================== */
/* Kategori grup başlık satırları (items.php) */
.table .table-secondary > *,
.table .table-secondary td,
.table .table-secondary th,
tr.table-secondary > *,
tr.table-secondary td,
tr.table-secondary {
    --bs-table-bg: var(--dm-bg-surface) !important;
    --bs-table-color: var(--dm-accent) !important;
    --bs-table-border-color: var(--dm-accent) !important;
    --bs-table-striped-bg: var(--dm-bg-surface) !important;
    --bs-table-striped-color: var(--dm-accent) !important;
    --bs-table-hover-bg: var(--dm-bg-surface) !important;
    --bs-table-hover-color: var(--dm-accent) !important;
    background-color: var(--dm-bg-surface) !important;
    color: var(--dm-accent) !important;
    border-bottom: 2px solid var(--dm-accent) !important;
    font-weight: 700 !important;
    font-size: 13px;
}

/* Tablo satırları — zebra striping */
.table tbody tr:nth-child(even) td {
    background: rgba(255,255,255,0.015);
}

.table tbody tr:nth-child(odd) td {
    background: transparent;
}

/* Tablo hover daha belirgin */
.table-hover tbody tr:hover td {
    background: rgba(79,172,254,0.06) !important;
}

/* Tablo hücre border daha belirgin */
.table tbody td {
    border-bottom-color: var(--dm-border) !important;
}

/* Tablo içi resimler */
.table img[width="50"],
.table img[style*="object-fit"] {
    border-radius: 8px;
    border: 1px solid var(--dm-border);
}

/* bg-light placeholder (resim yok durumu) */
.bg-light, div.bg-light {
    background: var(--dm-bg-hover) !important;
}

/* ==================== BUTTON FIXES ==================== */
/* Tablo içi aksiyon butonları — daha subtle */
.table .btn-sm.btn-primary,
.table .btn-sm.btn-info {
    background: var(--dm-accent-bg) !important;
    border: 1px solid rgba(79,172,254,0.25) !important;
    color: var(--dm-accent) !important;
    padding: 5px 8px;
}

.table .btn-sm.btn-primary:hover,
.table .btn-sm.btn-info:hover {
    background: var(--dm-accent) !important;
    color: #fff !important;
}

.table .btn-sm.btn-danger {
    background: var(--dm-danger-bg) !important;
    border: 1px solid rgba(230,57,70,0.25) !important;
    color: var(--dm-danger) !important;
    padding: 5px 8px;
}

.table .btn-sm.btn-danger:hover {
    background: var(--dm-danger) !important;
    color: #fff !important;
}

.table .btn-sm.btn-success {
    background: var(--dm-success-bg) !important;
    border: 1px solid rgba(40,167,69,0.25) !important;
    color: var(--dm-success) !important;
    padding: 5px 8px;
}

.table .btn-sm.btn-success:hover {
    background: var(--dm-success) !important;
    color: #fff !important;
}

.table .btn-sm.btn-warning {
    background: var(--dm-warning-bg) !important;
    border: 1px solid rgba(255,193,7,0.25) !important;
    color: var(--dm-warning) !important;
    padding: 5px 8px;
}

.table .btn-sm.btn-warning:hover {
    background: var(--dm-warning) !important;
    color: #1a1d23 !important;
}

.table .btn-sm.btn-secondary {
    background: var(--dm-bg-hover) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text-muted) !important;
    padding: 5px 8px;
}

.table .btn-sm.btn-secondary:hover {
    background: var(--dm-border) !important;
    color: var(--dm-text) !important;
}

/* ==================== BADGE FIXES IN TABLES ==================== */
/* Aktif/Pasif badge'leri daha soft */
.table .badge.bg-success {
    background: var(--dm-success-bg) !important;
    color: var(--dm-success) !important;
    font-weight: 600;
    border: 1px solid rgba(40,167,69,0.2);
}

.table .badge.bg-danger {
    background: var(--dm-danger-bg) !important;
    color: var(--dm-danger) !important;
    font-weight: 600;
    border: 1px solid rgba(230,57,70,0.2);
}

.table .badge.bg-info {
    background: var(--dm-info-bg) !important;
    color: var(--dm-info) !important;
    font-weight: 600;
    border: 1px solid rgba(23,162,184,0.2);
}

.table .badge.bg-warning {
    background: var(--dm-warning-bg) !important;
    color: var(--dm-warning) !important;
    font-weight: 600;
    border: 1px solid rgba(255,193,7,0.2);
}

.table .badge.bg-primary {
    background: var(--dm-accent-bg) !important;
    color: var(--dm-accent) !important;
    font-weight: 600;
    border: 1px solid rgba(79,172,254,0.2);
}

/* ==================== SORT ARROWS (Sıralama okları) ==================== */
.table a[href*="sort_order"] {
    color: var(--dm-text-muted) !important;
    text-decoration: none;
}

.table a[href*="sort_order"]:hover {
    color: var(--dm-accent) !important;
}

/* ==================== FEATURE BADGES (Özellik ikonları) ==================== */
.table .badge[style*="background"],
.table span.badge {
    font-size: 11px;
}

/* ==================== TABLE HEADER STICKY ==================== */
.table-responsive .table thead {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* ==================== SEARCH/FILTER BAR ==================== */
.card.mb-4 .card-body {
    padding: 16px !important;
}

.card.mb-4 .form-control,
.card.mb-4 .form-select {
    font-size: 13px;
}

.card.mb-4 .btn-outline-secondary {
    font-size: 13px;
}