/**
 * D Event Yönetici — Tema (AdminLTE 4 / Bootstrap 5)
 * Kaynak: devent-yonetici tasarımı; AdminLTE 4 sınıfları ile uyumlu.
 */

/* ─── CSS Değişkenleri (örnek proje paleti + AdminLTE4 genişlikleri) ──── */
:root {
  --devent-primary: #1e40af;
  --devent-primary-light: #3b82f6;
  --devent-primary-dark: #1e3a5f;
  --devent-sidebar-bg: #06101f;
  --devent-sidebar-bg2: #0c1d3a;
  --devent-content-bg: #f8fafc;
  --devent-card-bg: #ffffff;
  --devent-card-bg-dark: #1e293b;
  --devent-border: #e2e8f0;
  --devent-border-light: #e0e7ff;
  --devent-border-dark: #1e3a5f;
  --devent-text: #1e293b;
  --devent-text-dark: #f8fafc;
  --devent-subtext: #64748b;
  --devent-subtext-dark: #94a3b8;
  --devent-success: #22c55e;
  --devent-success-bg: #f0fdf4;
  --devent-warning: #f59e0b;
  --devent-warning-bg: #fefce8;
  --devent-danger: #ef4444;
  --devent-danger-bg: #fef2f2;
  --devent-amber: #d97706;
  --devent-amber-dark: #78350f;
  --devent-settings-gradient: linear-gradient(135deg, #d97706, #b45309);
  --devent-settings-border: #f59e0b;
  --devent-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.05);
  --devent-header-border: 2px solid var(--devent-border-light);
  /* AdminLTE 4 sidebar genişliği (örnek: 220px) */
  --app-sidebar-width: 220px;
}

/* ─── Genel & Tipografi ────────────────────────────────────────────────── */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ─── Ana içerik alanı (AdminLTE 4: .app-main, .app-content, .app-content-header) ─── */
.app-main,
.content-wrapper {
  background-color: var(--devent-content-bg);
  min-height: 100vh;
}

.app-content-header,
.content-header {
  background: var(--devent-content-bg);
  border-bottom: var(--devent-header-border);
  padding: 8px 16px 8px;
  margin-bottom: 0;
}

.app-content-header h1,
.app-content-header .content-header-title,
.content-header h1,
.content-header .content-header-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--devent-text);
  letter-spacing: -0.3px;
  line-height: 1.2;
  margin: 0;
}

.app-content-header .text-muted,
.app-content-header small,
.content-header .text-muted,
.content-header small {
  font-size: 12px;
  color: var(--devent-subtext);
  margin-top: 2px;
  letter-spacing: 0.3px;
}

.app-content,
.content {
  padding: 24px;
}

/* Footer (AdminLTE 4: .app-footer) */
.app-footer {
  background: var(--devent-content-bg);
  font-size: 12px;
  color: var(--devent-subtext);
}

/* ─── Trips Page (phase-1 inline-to-theme) ─────────────────────────────── */
.devent-trip-form-hero {
  background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
  border: 1px solid #dbeafe;
  border-radius: 10px;
  padding: 10px 12px;
}

.devent-trip-form-hero-icon {
  width: 22px;
  height: 22px;
}

.devent-trip-form-pad {
  padding: 14px 0;
}

.devent-trip-type-toggle-row {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}

.devent-trip-common-card {
  background: #dbeafe;
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 14px;
  border: 1px solid #93c5fd;
  border-left: 4px solid #1d4ed8;
}

.devent-trip-common-title {
  font-size: 13px;
  font-weight: 800;
  color: #1d4ed8;
  margin-bottom: 12px;
  letter-spacing: 0.4px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.devent-trip-common-title-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.devent-trip-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.devent-trip-label-primary {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #1d4ed8;
  margin-bottom: 4px;
}

.devent-trip-control-lg {
  width: 100%;
  padding: 5px 8px;
  font-size: 13px;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

.devent-trip-label-sm {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 3px;
}

.devent-trip-control-sm {
  width: 100%;
  padding: 5px 8px;
  font-size: 12px;
  border: 1px solid #d1d5db;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

.devent-trip-control-sm[type="date"] {
  cursor: pointer;
}

.devent-trip-control--error {
  border-color: #dc2626 !important;
}

.devent-trip-control-readonly {
  background: #f1f5f9;
  color: #64748b;
  text-align: center;
}

.devent-trip-hero-title-line {
  line-height: 1.2;
}

/* Seyahat tipi (Uçak / Tren / Transfer) */
.devent-trip-mode-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 18px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
  transition: all 0.15s;
  border: none;
}

.devent-trip-mode-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.devent-trip-mode-btn:not(:disabled):hover {
  filter: brightness(1.03);
}

.devent-trip-mode-btn--ucak {
  background: #eff6ff;
  color: #1d4ed8;
  box-shadow: none;
}

.devent-trip-mode-btn--ucak-on {
  background: #1d4ed8;
  color: #fff;
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.27);
}

.devent-trip-mode-btn--tren {
  background: #f0fdf4;
  color: #15803d;
  box-shadow: none;
}

.devent-trip-mode-btn--tren-on {
  background: #15803d;
  color: #fff;
  box-shadow: 0 2px 8px rgba(21, 128, 61, 0.27);
}

.devent-trip-mode-btn--transfer {
  background: #fff7ed;
  color: #b45309;
  box-shadow: none;
}

.devent-trip-mode-btn--transfer-on {
  background: #b45309;
  color: #fff;
  box-shadow: 0 2px 8px rgba(180, 83, 9, 0.27);
}

.devent-trip-mode-btn-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

/* Bölüm kartları */
.devent-trip-section--flight {
  border-radius: 10px;
  margin-bottom: 12px;
  border: 1px solid #bfdbfe;
  border-left: 4px solid #1d4ed8;
  overflow: hidden;
}

.devent-trip-section-head--flight {
  background: #dbeafe;
  padding: 9px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bfdbfe;
}

.devent-trip-section-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.devent-trip-section-title--flight {
  font-weight: 800;
  font-size: 13px;
  color: #1d4ed8;
  letter-spacing: 0.3px;
}

.devent-trip-section-icon--flight {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #1d4ed8;
}

.devent-trip-section-body--flight {
  padding: 12px 14px;
  background: #f8fbff;
}

.devent-trip-section--train {
  border-radius: 10px;
  margin-bottom: 12px;
  border: 1px solid #bbf7d0;
  border-left: 4px solid #15803d;
  overflow: hidden;
}

.devent-trip-section-head--train {
  background: #dcfce7;
  padding: 9px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #bbf7d0;
}

.devent-trip-section-title--train {
  font-weight: 800;
  font-size: 13px;
  color: #15803d;
  letter-spacing: 0.3px;
}

.devent-trip-section-icon--train {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #15803d;
}

.devent-trip-section-body--train {
  padding: 12px 14px;
  background: #f0fdf4;
}

.devent-trip-section--transfer {
  border-radius: 10px;
  margin-bottom: 12px;
  border: 1px solid #fed7aa;
  border-left: 4px solid #b45309;
  overflow: hidden;
}

.devent-trip-section-head--transfer {
  background: #ffedd5;
  padding: 9px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #fed7aa;
}

.devent-trip-section-title--transfer {
  font-weight: 800;
  font-size: 13px;
  color: #b45309;
  letter-spacing: 0.3px;
}

.devent-trip-section-icon--transfer {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #b45309;
}

.devent-trip-section-body--transfer {
  padding: 12px 14px;
  background: #fffbf5;
}

/* INT / Yurt dışı chip */
.devent-trip-chip-toggle {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 12px;
  color: #6b7280;
  font-weight: 400;
  background: transparent;
  padding: 2px 8px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  transition: all 0.2s;
}

.devent-trip-chip-toggle--sm {
  font-size: 11px;
  padding: 2px 7px;
}

.devent-trip-chip-toggle--on {
  color: #0369a1;
  font-weight: 600;
  background: #e0f2fe;
  border-color: #7dd3fc;
}

.devent-trip-int-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #1e40af;
  color: #fff;
  font-size: 7px;
  font-weight: 900;
}

.devent-trip-int-badge--sm {
  width: 16px;
  height: 16px;
}

.devent-trip-check-label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 12px;
}

.devent-trip-check-label--train {
  color: #15803d;
  font-weight: 600;
}

.devent-trip-check-label--transfer {
  color: #b45309;
  font-weight: 600;
}

/* Grid yardımcıları */
.devent-trip-grid-4-tight {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-bottom: 8px;
}

.devent-trip-grid-4-tight--mb0 {
  margin-bottom: 0;
}

.devent-trip-grid-4-tight--mb10 {
  margin-bottom: 10px;
}

.devent-trip-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}

.devent-trip-grid-2--mb0 {
  margin-bottom: 0;
}

.devent-trip-field-block--mb10 {
  margin-bottom: 10px;
}

.devent-trip-form-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 14px;
}

.devent-trip-btn-submit-trip {
  padding: 10px 28px;
  background: #1e40af;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.devent-trip-btn-submit-trip:hover {
  filter: brightness(1.03);
}

/* Uyarı / API kutuları */
.devent-trip-alert-warn {
  margin-bottom: 8px;
  padding: 7px 10px;
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  font-size: 12px;
}

.devent-trip-alert-warn--mt8 {
  margin-top: 8px;
}

.devent-trip-alert-warn--mt10 {
  margin-top: 10px;
}

.devent-trip-alert-error {
  margin-bottom: 8px;
  padding: 7px 10px;
  background: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
  border-radius: 6px;
  font-size: 12px;
}

.devent-trip-alert-error--mt8 {
  margin-top: 8px;
  margin-bottom: 4px;
}

.devent-trip-api-info {
  margin-bottom: 8px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  font-size: 12px;
  color: #334155;
}

.devent-trip-api-info--mt8 {
  margin-top: 8px;
  margin-bottom: 4px;
}

.devent-trip-api-warning {
  display: none;
  margin-bottom: 8px;
  padding: 7px 10px;
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid #fed7aa;
  border-radius: 6px;
  font-size: 12px;
}

.devent-trip-api-warning--mt10 {
  margin-top: 10px;
}

.devent-trip-api-warning--return {
  margin-top: 8px;
  margin-bottom: 8px;
}

.devent-trip-api-warning--mt8 {
  margin-top: 8px;
}

.devent-trip-api-scroll--flight {
  max-height: 220px;
  overflow: auto;
  border: 1px solid #bfdbfe;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 8px;
  margin-top: 10px;
}

.devent-trip-api-scroll--flight--compact {
  margin-top: 8px;
  margin-bottom: 4px;
}

.devent-trip-api-scroll--train {
  max-height: 220px;
  overflow: auto;
  border: 1px solid #bbf7d0;
  border-radius: 7px;
  background: #fff;
  margin-bottom: 8px;
}

.devent-trip-api-scroll--train--compact {
  margin-top: 8px;
  margin-bottom: 4px;
}

.devent-trip-api-row--flight {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 12px;
}

.devent-trip-api-row--train {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 12px;
}

.devent-trip-api-sub {
  color: #475569;
}

.devent-trip-btn-inline {
  margin-left: 8px;
  padding: 4px 8px;
  background: #0369a1;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.devent-trip-btn-select {
  padding: 5px 9px;
  background: #1d4ed8;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

.devent-trip-btn-select--train {
  background: #15803d;
}

.devent-trip-actions-row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  margin-bottom: 0;
}

.devent-trip-actions-row--mb14 {
  margin-bottom: 14px;
}

.devent-trip-actions-row--mt10 {
  margin-top: 10px;
}

.devent-trip-btn-flight-search {
  flex: 1;
  display: block;
  padding: 6px 16px;
  background: #1d4ed8;
  color: #fff;
  border: none;
  border-radius: 7px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

.devent-trip-btn-flight-search:not(:disabled):hover {
  opacity: 0.95;
}

.devent-trip-btn-flight-lookup {
  flex: 1;
  display: block;
  padding: 6px 16px;
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 7px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

.devent-trip-btn-flight-lookup:not(:disabled):hover {
  opacity: 0.95;
}

.devent-trip-btn-flight-search--sm,
.devent-trip-btn-flight-lookup--sm {
  padding: 8px 12px;
  font-size: 12px;
}

.devent-trip-btn-train {
  flex: 1;
  display: block;
  padding: 6px 16px;
  background: #15803d;
  color: #fff;
  border: none;
  border-radius: 7px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

.devent-trip-btn-train:not(:disabled):hover {
  opacity: 0.95;
}

.devent-trip-btn-train--sm {
  padding: 8px 12px;
  font-size: 12px;
}

.devent-trip-assignee-wrap {
  min-width: 180px;
}

.devent-trip-label-ticket {
  display: block;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 3px;
}

.devent-trip-label-ticket--flight {
  color: #1e40af;
}

.devent-trip-label-ticket--train {
  color: #15803d;
}

.devent-trip-field-error {
  margin-top: 3px;
  font-size: 11px;
  color: #dc2626;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.devent-trip-bang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #dc2626;
  color: #fff;
  font-size: 8px;
  font-weight: 900;
  flex-shrink: 0;
}

.devent-trip-divider--flight {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #bfdbfe;
}

.devent-trip-donus-title--flight {
  font-weight: 700;
  font-size: 12px;
  color: #1e40af;
}

.devent-trip-donus-head-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.devent-trip-ek-block {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #bfdbfe;
}

.devent-trip-ek-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.devent-trip-ek-title {
  font-weight: 600;
  font-size: 12px;
  color: #1e40af;
}

.devent-trip-btn-remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #dc2626;
  font-size: 13px;
  font-weight: 600;
}

.devent-trip-btn-add-ek {
  margin-top: 10px;
  padding: 5px 14px;
  background: transparent;
  color: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.devent-trip-divider--train {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #bbf7d0;
}

.devent-trip-donus-title--train {
  font-weight: 700;
  font-size: 12px;
  color: #15803d;
  margin-bottom: 10px;
}

.devent-trip-transfer-tag {
  font-size: 11px;
  font-weight: 700;
  color: #b45309;
  margin-bottom: 8px;
  letter-spacing: 0.5px;
}

.devent-trip-divider-transfer {
  border-top: 1px dashed #fed7aa;
  padding-top: 14px;
  margin-top: 14px;
}

.devent-trip-divider-transfer-title {
  font-size: 11px;
  font-weight: 800;
  color: #b45309;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

/* ─── Trips Table (phase-1 inline-to-theme) ───────────────────────────── */
.devent-trip-table-card {
  border-radius: 10px;
}

.devent-trip-table-header {
  border-radius: 10px 10px 0 0;
}

.devent-trip-table-icon {
  width: 22px;
  height: 22px;
}

.devent-trip-table-search {
  max-width: 200px;
}

.devent-trip-table-wrap {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e5e7eb;
  border-top: none;
  overflow: hidden;
}

.devent-trip-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.devent-trip-table-head-row {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.devent-trip-table-head-cell {
  padding: 7px 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.devent-trip-table-head-cell-ref {
  width: 74px;
}

.devent-trip-table-head-cell-left {
  text-align: left;
}

.devent-trip-table-head-cell-actions {
  min-width: 190px;
  width: 130px;
}
.devent-ticket-table-head-cell-actions {
  min-width: 50px;
  width: 80px;
}

.devent-trip-table-row {
  border-bottom: 1px solid #e5e7eb;
}

/* Durum sütunu: Seyahatler tablosu ile uyumlu (tüm veri tablolarında) */
.devent-table-status-cell,
.devent-trip-table-status-cell {
  width: 118px;
  min-width: 96px;
  max-width: 160px;
  vertical-align: middle;
  text-align: center;
}

/* ─── Ayarlar sayfası (örnek proje tasarımı) ─────────────────────────────── */
.devent-settings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.devent-settings-eyebrow {
  font-size: 10px;
  font-weight: 700;
  color: var(--devent-warning);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.devent-settings-subtitle {
  font-size: 12px;
  color: var(--devent-subtext);
  margin-top: 2px;
}

.devent-settings-note {
  padding: 8px 14px;
  background: rgba(234, 179, 8, 0.08);
  border: 1px solid rgba(234, 179, 8, 0.4);
  border-radius: 8px;
  font-size: 12px;
  color: var(--devent-warning);
}

.devent-settings-card {
  background: var(--devent-card-bg);
  border-radius: 12px;
  border: 1px solid var(--devent-border);
  padding: 14px 16px 16px;
  box-shadow: var(--devent-shadow-card);
}

.devent-settings-tabs {
  display: flex;
  gap: 4px;
  background: #f1f5f9;
  border-radius: 10px;
  padding: 4px;
}

.devent-settings-tabs .nav-item {
  flex: 1 1 0;
}

.devent-settings-tabs .nav-link {
  width: 100%;
  text-align: center;
}

.devent-settings-tab-link {
  border-radius: 8px !important;
  border: none !important;
  font-size: 13px;
  font-weight: 500;
  color: var(--devent-subtext);
  padding: 9px 14px;
}

.devent-settings-tab-link.active {
  font-weight: 700;
  color: var(--devent-text) !important;
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.18);
}

.devent-settings-section-card {
  background: var(--devent-card-bg);
  border-radius: 10px;
  border: 1px solid var(--devent-border);
  padding: 14px 16px;
  height: 100%;
}

.devent-settings-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.devent-settings-section-title {
  font-weight: 700;
  font-size: 13px;
  color: var(--devent-text);
  margin-bottom: 2px;
}

.devent-settings-section-subtitle {
  font-size: 11px;
  color: var(--devent-subtext);
}

.devent-settings-label {
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: var(--devent-subtext);
  margin-bottom: 3px;
  letter-spacing: 0.3px;
}

.devent-settings-input {
  background: #f8fafc;
  border-color: var(--devent-border);
}

.devent-settings-input:focus {
  background: #ffffff;
  border-color: var(--devent-primary);
  box-shadow: 0 0 0 0.1rem rgba(30, 64, 175, 0.18);
}

.devent-settings-primary-btn {
  background-image: var(--devent-settings-gradient);
  border-color: var(--devent-settings-border);
  box-shadow: 0 2px 10px rgba(217, 119, 6, 0.45);
  font-weight: 600;
}

.devent-settings-primary-btn:disabled {
  opacity: 0.8;
}

.devent-settings-hint {
  font-size: 10px;
  font-weight: 600;
  color: var(--devent-subtext);
}

.devent-settings-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--devent-border);
  background: #f8fafc;
  margin-bottom: 6px;
}

.devent-settings-toggle-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--devent-text);
}

.devent-settings-toggle-desc {
  font-size: 10px;
  color: var(--devent-subtext);
}

.devent-settings-switch {
  width: 38px;
  height: 20px;
}

.devent-settings-switch:checked {
  background-color: var(--devent-primary);
  border-color: var(--devent-primary);
}

/* Çalışanlar grid (ayarlar/çalışanlar sekmesi) */
.devent-settings-users-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 16px;
}

.devent-settings-users-search-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
}

.devent-settings-users-count {
  font-size: 12px;
  color: var(--devent-subtext);
  white-space: nowrap;
}

.devent-settings-users-card {
  background: var(--devent-card-bg);
  border-radius: 12px;
  border: 1px solid var(--devent-border);
  overflow-x: auto;
}

.devent-settings-users-scroll {
  min-width: 720px;
}

.devent-settings-users-header-row {
  display: grid;
  grid-template-columns: 220px 1fr 1fr 2fr 120px 110px;
  gap: 0;
  background: #f8fafc;
  padding: 10px 16px;
  border-bottom: 1px solid var(--devent-border);
  font-size: 11px;
  font-weight: 700;
  color: var(--devent-subtext);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.devent-settings-users-row {
  display: grid;
  grid-template-columns: 220px 1fr 1fr 2fr 120px 110px;
  gap: 0;
  padding: 0px 6px;
  border-bottom: 1px solid var(--devent-border);
  align-items: center;
  font-size: 13px;
}

.devent-settings-users-row:nth-child(odd) {
  background: rgba(0, 0, 0, 0.01);
}

.devent-settings-users-cell {
  font-size: 13px;
  color: var(--devent-text);
}

.devent-settings-users-cell-name {
  display: flex;
  align-items: center;
  gap: 10px;
}

.devent-settings-users-email {
  word-break: break-all;
  font-size: 13px;
}

.devent-settings-users-actions {
  display: flex;
  justify-content: flex-end;
}

.devent-settings-user-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  background: linear-gradient(135deg, #374151, #6b7280);
}

.devent-settings-user-avatar-Admin {
  background: linear-gradient(135deg, #b45309, #f59e0b);
}

.devent-settings-user-avatar-Yonetici {
  background: linear-gradient(135deg, #1e40af, #3b82f6);
}

.devent-settings-user-avatar-Yetkili {
  background: linear-gradient(135deg, #7c3aed, #a78bfa);
}

.devent-settings-user-name {
  font-weight: 600;
  color: var(--devent-text);
  font-size: 13px;
}

.devent-settings-dept-pill {
  padding: 2px 8px;
  border-radius: 4px;
  background: #dbeafe;
  color: #1e40af;
  font-size: 11px;
  font-weight: 600;
}

.devent-settings-role-pill {
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  background: rgba(100, 116, 139, 0.1);
  color: #64748b;
}

.devent-settings-role-Admin {
  background: rgba(220, 38, 38, 0.15);
  color: #ef4444;
}

.devent-settings-role-Yonetici {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}

.devent-settings-role-Yetkili {
  background: rgba(139, 92, 246, 0.1);
  color: #8b5cf6;
}

@media (max-width: 575.98px) {
  .devent-settings-users-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Sistem sekmesi (Platform / API / Loglar) */
.devent-settings-system {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.devent-settings-platform-label {
  font-size: 9px;
  font-weight: 700;
  color: var(--devent-subtext);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.devent-settings-platform-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
}

.devent-settings-platform-item {
  padding: 7px 10px;
  background: #f8fafc;
  border-radius: 6px;
  border: 1px solid var(--devent-border);
}

.devent-settings-platform-item-label {
  font-size: 9px;
  font-weight: 700;
  color: var(--devent-subtext);
  letter-spacing: 0.3px;
  margin-bottom: 3px;
}

.devent-settings-platform-item-value {
  font-size: 11px;
  font-weight: 700;
  color: var(--devent-text);
  line-height: 1.3;
  word-break: break-word;
}

.devent-settings-system-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: flex-start;
}

.devent-settings-api-status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--devent-border);
}

.devent-settings-api-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #ef4444;
}

.devent-settings-api-status-dot.ok {
  background: #22c55e;
}

.devent-settings-api-status-text {
  font-size: 10px;
  white-space: nowrap;
}

.devent-settings-api-key-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 12px;
  background: #f8fafc;
  border-radius: 7px;
  margin-bottom: 6px;
  border: 1px solid var(--devent-border);
}

.devent-settings-api-key-label {
  font-size: 10px;
  font-weight: 600;
  color: var(--devent-subtext);
  margin-bottom: 2px;
}

.devent-settings-api-key-value {
  font-size: 11px;
  color: var(--devent-text);
  font-family: monospace;
}

.devent-settings-api-key-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.devent-settings-log-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid var(--devent-border);
}

.devent-settings-log-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #ef4444;
}

.devent-settings-log-dot.ok {
  background: #22c55e;
}

.devent-settings-log-main {
  flex: 1 1 auto;
  min-width: 0;
}

.devent-settings-log-name {
  font-size: 11px;
  font-weight: 600;
  color: var(--devent-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.devent-settings-log-ip {
  font-size: 10px;
  color: var(--devent-subtext);
}

.devent-settings-log-time {
  font-size: 10px;
  color: var(--devent-subtext);
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 991.98px) {
  .devent-settings-platform-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .devent-settings-system-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .devent-settings-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .devent-settings-card {
    padding: 10px 10px 12px;
  }
}

/* ─── Navbar / Topbar (örnek proje header tasarımı) ────────────────────── */
.topbar-inner {
  padding: 8px 16px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.topbar-left {
  flex-shrink: 0;
}

.topbar-toggle {
  color: #64748b;
}

.topbar-toggle:hover {
  color: #0f172a;
}

.topbar-title-wrap {
  display: flex;
  flex-direction: column;
}

.topbar-title {
  font-size: 20px;
  font-weight: 800;
  color: var(--devent-text);
  letter-spacing: -0.3px;
  line-height: 1.2;
}

.topbar-subtitle {
  font-size: 12px;
  color: var(--devent-subtext);
  margin-top: 1px;
  letter-spacing: 0.3px;
}

.topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.topbar-weather {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
}

.weather-card {
  width: 54px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px 3px 4px;
  flex-shrink: 0;
  border-radius: 6px;
  border-top-width: 2px;
  border-top-style: solid;
  border-width: 1px;
  font-family: inherit;
}

.weather-card.loading {
  border: none;
}

.weather-city {
  font-size: 8.5px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
}

.weather-temp {
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  letter-spacing: 0.3px;
}

.weather-desc {
  font-size: 7.5px;
  font-weight: 600;
  white-space: nowrap;
  line-height: 1;
  margin-top: 2px;
  padding: 1px 3px;
  border-radius: 3px;
}

@media (max-width: 575.98px) {
  .topbar-inner {
    padding-inline: 8px;
    gap: 8px;
  }

  .topbar-title {
    font-size: 18px;
  }

  .topbar-subtitle {
    font-size: 11px;
  }
}

/* ─── Sidebar (AdminLTE 4: örnek proje 220px, 100vh) ───────────────────── */
.app-sidebar,
.main-sidebar {
  width: var(--app-sidebar-width);
  min-width: var(--app-sidebar-width);
  max-width: var(--app-sidebar-width);
  height: 100vh;
  background: linear-gradient(180deg, var(--devent-sidebar-bg) 0%, var(--devent-sidebar-bg2) 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
}

.app-sidebar {
  position: sticky;
  max-height: 100vh;
  top: 0;
  bottom: 0;

}

/* Menü alanı kalan yeri doldurur, kullanıcı kartı en altta kalır */
.app-sidebar .sidebar-wrapper {
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}

/* Sidebar brand (logo solda, iki satır metin) */
.app-sidebar .sidebar-brand {
  flex-shrink: 0;
  padding: 9px 10px;
  border-bottom: 1px solid #1e293b;
  min-height: 63px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.app-sidebar .sidebar-brand .brand-link {
  width: 100%;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

.app-sidebar .sidebar-brand .brand-logo-wrap {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  max-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: relative;
}

.app-sidebar .sidebar-brand .brand-logo-img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
  margin: 0;
}

.app-sidebar .sidebar-brand .brand-logo-fallback {
  width: 38px;
  height: 38px;
  background: #1e3a8a;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 900;
  font-size: 20px;
  margin: 0;
}

.app-sidebar .sidebar-brand .brand-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  overflow: hidden;
}

.app-sidebar .sidebar-brand .brand-title {
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0 0 1px;
  white-space: nowrap;
}

.app-sidebar .sidebar-brand .brand-tagline {
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
  white-space: nowrap;
}

.app-sidebar .sidebar-brand .brand-link:hover .brand-title {
  color: #f8fafc;
}

.app-sidebar .sidebar-brand .brand-link:hover .brand-tagline {
  color: #cbd5e1;
}

/* Sidebar kullanıcı kartı — flex ile en alta yerleşir */
.app-sidebar .sidebar-user {
  flex-shrink: 0;
  margin-top: auto;
  padding: 12px 14px;
}

.app-sidebar .sidebar-user-card {
  margin-bottom: 0;
  background: #0f172a;
  border-radius: 8px;
  padding: 10px 12px;
  border: 1px solid #1e3a5f;
}

.app-sidebar .sidebar-user-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.app-sidebar .sidebar-user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #1e40af;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}

.app-sidebar .sidebar-user-avatar-admin {
  background: #7c3aed;
}

.app-sidebar .sidebar-user-role {
  font-size: 9px;
  font-weight: 700;
  padding: 2px 5px;
  background: #1e40af;
  color: #fff;
  border-radius: 3px;
  letter-spacing: 0.5px;
}

.app-sidebar .sidebar-user-role-admin {
  background: #7c3aed;
}

.app-sidebar .sidebar-user-name {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}

.app-sidebar .sidebar-user-dept {
  font-size: 10px;
  color: #64748b;
  margin-top: 1px;
  margin-bottom: 8px;
}

.app-sidebar .sidebar-user-logout {
  margin: 0;
}

.app-sidebar .sidebar-user-btn-logout {
  width: 100%;
  padding: 4px;
  font-size: 10px;
  background: transparent;
  color: #64748b;
  border: 1px solid #1e3a5f;
  border-radius: 4px;
  cursor: pointer;
  letter-spacing: 0.3px;
}

.app-sidebar .sidebar-user-btn-logout:hover {
  color: #94a3b8;
  border-color: #334155;
}

.app-sidebar .sidebar-user-btn-login {
  display: block;
  width: 100%;
  padding: 7px;
  font-size: 11px;
  font-weight: 600;
  background: #1e40af;
  color: #fff;
  border: none;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.3px;
}

.app-sidebar .sidebar-user-btn-login:hover {
  background: #1e3a8a;
  color: #fff;
}

.app-sidebar .brand-text,
.main-sidebar .brand-link,
.main-sidebar .brand-text {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Lucide menü ikonları (proje kuralı: yalnızca Lucide) */
.app-sidebar .nav-icon,
.app-sidebar .nav-link .nav-icon,
.app-sidebar .nav-link svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke-width: 1.8;
}

.app-sidebar .sidebar-menu .nav-link,
.app-sidebar .nav-link,
.main-sidebar .nav-sidebar .nav-link {
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 6px;
  margin: 2px 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.app-sidebar .sidebar-menu .nav-link:hover,
.app-sidebar .nav-link:hover,
.main-sidebar .nav-sidebar .nav-link:hover {
  background-color: rgba(30, 64, 175, 0.25);
  color: #93c5fd;
}

.app-sidebar .sidebar-menu .nav-link.active,
.app-sidebar .nav-link.active,
.main-sidebar .nav-sidebar .nav-link.active {
  background-color: rgba(30, 64, 175, 0.35);
  color: #bfdbfe;
  font-weight: 600;
}

.app-sidebar .nav-header,
.main-sidebar .nav-header {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 8px 16px 4px;
}

/* ─── Kartlar (örnek proje: 12px radius, 1px border, 0 1px 6px shadow) ── */
.card {
  border-radius: 12px;
  border: 1px solid var(--devent-border);
  box-shadow: var(--devent-shadow-card);
  background: var(--devent-card-bg);
}

.card-header {
  border-bottom: 1px solid var(--devent-border);
  font-weight: 700;
  font-size: 14px;
  color: var(--devent-text);
  padding: 14px 18px;
  background: transparent;
  border-radius: 12px 12px 0 0;
}

.card-body {
  padding: 20px 22px;
}

/* Hero / üst banner (dashboard) — border-top 3px primary, örnek proje hero strip */
.devent-hero {
  border-top: 3px solid var(--devent-primary);
  padding-top: 14px;
  margin-top: -1px;
}

/* ─── Butonlar ────────────────────────────────────────────────────────── */
.btn-primary,
.btn.btn-primary {
  background: var(--devent-primary) !important;
  border-color: var(--devent-primary) !important;
  border-radius: 6px;
  font-weight: 600;
}

.btn-primary:hover {
  background: var(--devent-primary-dark) !important;
  border-color: var(--devent-primary-dark) !important;
}

.btn-secondary {
  border-radius: 6px;
  font-weight: 500;
}

.btn-sm {
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
}

/* Ayarlar stili buton (turuncu gradient) */
.btn-devent-settings {
  background: var(--devent-settings-gradient) !important;
  border: 1px solid var(--devent-settings-border) !important;
  color: #fff !important;
  border-radius: 7px;
  font-weight: 700;
  box-shadow: 0 2px 10px rgba(217, 119, 6, 0.35);
}

/* ─── Form ────────────────────────────────────────────────────────────── */
.form-control,
.form-select {
  border-radius: 6px;
  border: 1px solid var(--devent-border);
  font-size: 13px;
  padding: 6px 10px;
}

.form-control:focus {
  border-color: var(--devent-primary);
  box-shadow: 0 0 0 0.2rem rgba(30, 64, 175, 0.15);
}

.form-control-sm {
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 13px;
}

/* ─── Tablo ───────────────────────────────────────────────────────────── */
.table {
  color: var(--devent-text);
  font-size: 13px;
}

.table-hover tbody tr:hover {
  background-color: rgba(30, 64, 175, 0.04);
}

.table-bordered {
  border: 1px solid var(--devent-border);
  border-radius: 8px;
  overflow: hidden;
}

.table-bordered thead th {
  border-color: var(--devent-border);
  font-weight: 700;
  font-size: 12px;
  color: var(--devent-subtext);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 10px 12px;
}

/* ─── Badge & Small box (KPI) ─────────────────────────────────────────── */
.badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 4px 8px;
  border-radius: 6px;
}

.small-box {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: var(--devent-shadow-card);
}

.small-box.bg-info { background: var(--devent-primary) !important; }
.small-box.bg-success { background: var(--devent-success) !important; }
.small-box.bg-warning { background: var(--devent-warning) !important; color: var(--devent-text) !important; }
.small-box.bg-danger { background: var(--devent-danger) !important; }

.small-box .inner h3 {
  font-weight: 800;
  letter-spacing: -0.5px;
}

.small-box .small-box-footer {
  font-weight: 600;
  font-size: 12px;
}

/* ─── Dashboard kartları (örnek proje row tasarımı) ───────────────────── */
.dashboard-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  flex: 1 1 0%;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}

.dashboard-metric {
  flex: 1 1 0%;
  min-width: 220px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  position: relative;
}

.dashboard-metric:first-child {
  border-left: none;
}

.dashboard-metric + .dashboard-metric {
  border-left: 1px solid #e2e8f0;
}

.dashboard-metric-value {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -1.5px;
  flex-shrink: 0;
}

.dashboard-metric-title {
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
}

.dashboard-metric-sub {
  font-size: 9px;
  color: #64748b;
  margin-top: 1px;
  white-space: nowrap;
}

.dashboard-metric-tasks {
  background: #eff6ff;
  border-top: 2px solid #1d4ed8;
}

.dashboard-metric-tasks .dashboard-metric-value {
  color: #1d4ed8;
}

.dashboard-metric-trips {
  background: #fffbeb;
  border-top: 2px solid #b45309;
}

.dashboard-metric-trips .dashboard-metric-value {
  color: #b45309;
}

.dashboard-metric-purchases {
  background: #f5f3ff;
  border-top: 2px solid #7c3aed;
}

.dashboard-metric-purchases .dashboard-metric-value {
  color: #7c3aed;
}

.dashboard-metric-congresses {
  background: #ecfdf5;
  border-top: 2px solid #059669;
}

.dashboard-metric-congresses .dashboard-metric-value {
  color: #059669;
}

/* Liste başlığı + filtre satırı (Görev Listesi, Seyahatler, vb.): Filtre kutuları
   tek satırda kalsın diye filtre grubu div'inde d-flex flex-nowrap gap-2 flex-shrink-0
   kullan; flex-wrap kullanma. Select'lere width/min-width ver. */
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 991.98px) {
  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.dashboard-card {
  background: var(--devent-card-bg);
  border-radius: 12px;
  padding: 20px 22px;
  border: 1px solid var(--devent-border);
  box-shadow: var(--devent-shadow-card);
}

.dashboard-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.dashboard-card-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  stroke-width: 1.8;
}

.dashboard-card-icon-tasks {
  color: #1d4ed8;
}

.dashboard-card-icon-trips {
  color: #b45309;
}

.dashboard-card-icon-purchases {
  color: #7c3aed;
}

.dashboard-card-icon-congresses {
  color: #059669;
}

.dashboard-card-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--devent-text);
}

.dashboard-card-sub {
  font-size: 10px;
  color: var(--devent-subtext);
}

.dashboard-task-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 8px;
}

.dashboard-task-label {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dashboard-task-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

.dashboard-task-label span:last-child {
  font-size: 12px;
  color: var(--devent-text);
  font-weight: 500;
}

.dashboard-task-count {
  font-size: 12px;
  font-weight: 700;
  padding: 1px 8px;
  border-radius: 10px;
}

.dashboard-task-bar {
  height: 5px;
  background: #f1f5f9;
  border-radius: 3px;
  overflow: hidden;
}

.dashboard-task-bar-inner {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s ease;
}

.dashboard-card-footer {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--devent-border);
}

.dashboard-card-footer-title {
  font-size: 10px;
  font-weight: 700;
  color: var(--devent-subtext);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.dashboard-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--devent-border);
  font-size: 12px;
}

.dashboard-list-main {
  color: var(--devent-text);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  font-weight: 500;
}

.dashboard-list-meta {
  color: var(--devent-subtext);
  flex-shrink: 0;
  font-size: 11px;
}

.dashboard-list-empty {
  color: var(--devent-subtext);
  font-size: 12px;
  padding: 8px 0;
}

.dashboard-trip-row {
  padding: 8px 0;
}

.dashboard-trip-main {
  flex: 1;
  overflow: hidden;
}

.dashboard-trip-route {
  color: var(--devent-subtext);
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
}

.dashboard-trip-route-text {
  color: var(--devent-text);
  font-weight: 500;
}

.dashboard-badge {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
  flex-shrink: 0;
  margin-left: 8px;
}

.dashboard-purchase-main {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  overflow: hidden;
}

.dashboard-purchase-code {
  font-size: 10px;
  font-weight: 700;
  color: #b45309;
  background: #fef3c7;
  padding: 1px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}

/* ─── Organizasyonlar: mor form kartı ve tablo kartı ──────────────────────── */
.card-congress-form {
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #c4b5fd;
  border-left: 4px solid #7c3aed;
}

.card-congress-header {
  background: #ede9fe !important;
  padding: 11px 18px;
  border-bottom: 1px solid #c4b5fd !important;
  border-radius: 10px 10px 0 0;
}

.congress-icon-primary {
  width: 22px;
  height: 22px;
  color: #7c3aed;
}

.congress-list-icon {
  width: 20px;
  height: 20px;
  color: #7c3aed;
}

.congress-title {
  font-size: 14px;
  font-weight: 800;
  color: #4c1d95;
  letter-spacing: 0.2px;
}

.congress-subtitle {
  font-size: 10px;
  color: #6d28d9;
  margin-top: 1px;
}

.card-congress-body {
  background: #faf9ff;
  padding: 16px 18px;
  border-radius: 10px;
}

.congress-label {
  font-size: 11px;
  font-weight: 600;
  color: #4c1d95;
  margin-bottom: 2px;
  display: block;
}

.congress-control {
  padding: 5px 8px;
  font-size: 13px;
  border-radius: 6px;
  border: 1px solid #c4b5fd;
}

.btn-congress-add {
  padding: 7px 18px;
  background: linear-gradient(135deg, #7c3aed, #6d28d9);
  color: #fff;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 0 2px 8px #7c3aed44;
  height: 34px;
  width: 100%;
}

/* Liste / tablo kartları için ortak stil (4 sayfada kullanılıyor) */
.card-table-rounded {
  border-radius: 10px;
}

.card-table-header-rounded {
  border-radius: 10px 10px 0 0;
}

.card-table-wrapper {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e5e7eb;
  border-top: none;
  overflow: hidden;
}

.table-compact {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.table-head-row {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.table-head-cell {
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: left;
}

.table-head-cell-center {
  text-align: center;
}

.table-head-cell-right {
  text-align: right;
}

.table-head-cell-id {
  width: 48px;
}

/* Departman badge renkleri (DEPT_COLORS) */
.badge-dept-kongre-ankara { background-color: #1e40af; color: #bfdbfe; }
.badge-dept-kongre-istanbul { background-color: #1e3a5f; color: #93c5fd; }
.badge-dept-kayit { background-color: #065f46; color: #a7f3d0; }
.badge-dept-otel { background-color: #92400e; color: #fde68a; }
.badge-dept-ik { background-color: #5b21b6; color: #ddd6fe; }
.badge-dept-muhasebe { background-color: #991b1b; color: #fecaca; }
.badge-dept-vocal { background-color: #831843; color: #fbcfe8; }
.badge-dept-biletleme { background-color: #78350f; color: #fde68a; }
.badge-dept-asistan { background-color: #374151; color: #e5e7eb; }
.badge-dept-yonetim { background-color: #713f12; color: #fef3c7; }

/* ─── Navbar (AdminLTE 4: .app-header) ─────────────────────────────────── */
.app-header.navbar,
.navbar-white {
  background: var(--devent-content-bg) !important;
  border-bottom: var(--devent-header-border);
  max-height: 63px;
  min-height: 63px;
}

.app-header .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link {
  color: var(--devent-text);
  font-weight: 500;
}

/* ─── Modal backdrop (AdminLTE örnek: yarı saydam karartma) ───────────────── */
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 1;
}

:root {
  --bs-backdrop-opacity: 0.5;
  --bs-modal-backdrop-opacity: 0.5;
}

.modal-content {
  border-radius: 12px;
  border: 1px solid var(--devent-border);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.modal-header {
  border-bottom: 1px solid var(--devent-border);
  font-weight: 700;
  font-size: 15px;
  color: var(--devent-text);
  padding: 14px 18px;
}

.modal-body {
  padding: 20px 22px;
}

/* ─── Kontrol paneli / servis kartları ─────────────────────────────────── */
.devent-service-card {
  border-radius: 10px;
  padding: 14px;
  border: 2px solid var(--devent-border);
  background: var(--devent-card-bg);
}

.devent-service-card.online { border-color: var(--devent-success); background: var(--devent-success-bg); }
.devent-service-card.degraded { border-color: var(--devent-warning); background: var(--devent-warning-bg); }
.devent-service-card.offline { border-color: var(--devent-danger); background: var(--devent-danger-bg); }

/* API hata banner */
.devent-api-error {
  background: var(--devent-danger-bg);
  border-bottom: 1px solid #fecaca;
  padding: 10px 24px;
}

/* ─── Hava durumu widget (WEATHER_COLOR) ───────────────────────────────── */
.weather-widget {
  accent-color: #0369a1;
  border-color: #bae6fd !important;
}

/* ─── Dark mode (AdminLTE 4 uyumlu) ─────────────────────────────────────── */
.dark-mode .app-main,
.dark-mode .content-wrapper {
  background-color: #0a0f1e;
}

.dark-mode .app-content-header,
.dark-mode .content-header {
  background: #0a0f1e;
  border-bottom-color: var(--devent-border-dark);
}

.dark-mode .app-content-header h1,
.dark-mode .app-content-header .content-header-title,
.dark-mode .content-header h1,
.dark-mode .content-header .content-header-title {
  color: var(--devent-text-dark);
}

.dark-mode .card {
  background-color: var(--devent-card-bg-dark);
  border-color: var(--devent-border-dark);
}

.dark-mode .card-header {
  border-bottom-color: var(--devent-border-dark);
  color: var(--devent-text-dark);
}

.dark-mode .app-header.navbar,
.dark-mode .navbar-white {
  background: #0a0f1e !important;
  border-bottom-color: var(--devent-border-dark);
}

/* ─── Scrollbar (örnek proje globals.css) ──────────────────────────────── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

.dark-mode ::-webkit-scrollbar-thumb {
  background: #475569;
}

/* ─── Görevler sayfası ──────────────────────────────────────────────────── */
.task-icon-sm { width: 20px; height: 20px; }
.task-icon-md { width: 22px; height: 22px; }
.task-progress-thin { height: 5px; }
.task-filter-select { min-width: 130px; }
.task-filter-select.w-150 { width: 150px; }
.task-filter-select.w-200 { width: 200px; min-width: 160px; }
.task-filter-select.w-160 { width: 160px; }

.task-table-card {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}
.task-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}
.task-table thead th {
  padding: 7px 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}
.task-table thead th.text-center { text-align: center; }
.task-table thead th.task-table-th-id { width: 48px; }
.task-table tbody tr { border-bottom: 1px solid #e5e7eb; }
.task-table .task-btn-icon { width: 16px; height: 16px; }
.task-btn-icon { width: 16px; height: 16px; }

.task-table td {
  padding: 0px;
  letter-spacing: 0.5px;
  vertical-align: middle;
}

.task-form-card {
  border-radius: 10px;
  border: 1px solid #bfdbfe;
  border-left-width: 4px;
  border-left-color: #1d4ed8;
}
.task-form-card .card-header {
  background: #dbeafe;
  padding: 11px 18px;
  border-bottom: 1px solid #bfdbfe;
  border-radius: 10px 10px 0 0;
}
.task-form-card .card-body {
  background: #f5f8ff;
  padding: 16px 18px;
  border-radius: 0 0 10px 10px;
}
.task-form-title {
  font-size: 0.875rem;
  font-weight: 800;
  color: #1e3a8a;
  letter-spacing: 0.2px;
}
.task-form-subtitle {
  font-size: 0.625rem;
  color: #3b82f6;
  margin-top: 1px;
}
.task-form-stat {
  padding: 3px 10px;
  border-radius: 6px;
}
.task-form-stat-warning {
  background: #fef3c7;
  border: 1px solid rgba(245, 158, 11, 0.2);
}
.task-form-stat-warning .stat-num { font-size: 0.875rem; font-weight: 900; color: #f59e0b; line-height: 1; }
.task-form-stat-warning .stat-label { font-size: 0.5625rem; font-weight: 600; color: #f59e0b; letter-spacing: 0.3px; }
.task-form-stat-info {
  background: #dbeafe;
  border: 1px solid rgba(59, 130, 246, 0.2);
}
.task-form-stat-info .stat-num { font-size: 0.875rem; font-weight: 900; color: #3b82f6; line-height: 1; }
.task-form-stat-info .stat-label { font-size: 0.5625rem; font-weight: 600; color: #3b82f6; letter-spacing: 0.3px; }
.task-form-stat-success {
  background: #d1fae5;
  border: 1px solid rgba(16, 185, 129, 0.2);
}
.task-form-stat-success .stat-num { font-size: 0.875rem; font-weight: 900; color: #10b981; line-height: 1; }
.task-form-stat-success .stat-label { font-size: 0.5625rem; font-weight: 600; color: #10b981; letter-spacing: 0.3px; }

.task-form-label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #1d4ed8;
  margin-bottom: 2px;
}
.task-form-control,
.task-form-control.form-control,
.task-form-control.form-select {
  padding: 5px 8px;
  font-size: 0.8125rem;
  border-radius: 6px;
  border: 1px solid #bfdbfe;
}
.task-form-control.form-control-sm { padding: 5px 8px; }
.task-form-btn-add {
  padding: 7px 18px;
  background: linear-gradient(135deg, #1d4ed8, #1e40af);
  color: #fff;
  border: none;
  border-radius: 7px;
  font-weight: 700;
  font-size: 0.75rem;
  box-shadow: 0 2px 8px rgba(29, 78, 216, 0.27);
  height: 34px;
  cursor: pointer;
}
.task-form-btn-add:hover { color: #fff; opacity: 0.95; }

.task-form-modal .task-form-label { font-size: 0.6875rem; font-weight: 600; color: #1d4ed8; }
.task-form-modal .form-control-sm,
.task-form-modal .form-select-sm {
  padding: 6px 10px !important;
  font-size: 0.8125rem !important;
  border-radius: 6px !important;
  border: 1px solid #bfdbfe !important;
}
.task-form-modal textarea.form-control { resize: vertical; }
.devent-trip-table-header .form-select {padding: 4px 10px !important;}
.select2-dropdown {margin-top: -2px;}

/* ─── Responsive usability fixes (mobile/tablet) ───────────────────────── */
.devent-table-toolbar {
  flex-wrap: wrap;
}

.devent-table-filter-select {
  width: 190px;
  max-width: 100%;
}

.devent-table-filter-select--status {
  width: 170px;
}

.devent-table-search-input {
  width: 140px;
  max-width: 100%;
}

.devent-table-btn-group {
  flex-wrap: wrap;
}

@media (max-width: 991.98px) {
  .app-content,
  .content {
    padding: 16px;
  }

  .devent-trip-grid-4,
  .devent-trip-grid-4-tight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .devent-trip-actions-row {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .devent-trip-actions-row > * {
    flex: 1 1 100%;
    min-width: 0;
  }

  .devent-trip-assignee-wrap {
    min-width: 0;
  }

  .devent-trip-api-row--flight {
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
  }

  .devent-trip-api-row--train {
    grid-template-columns: 1fr 1fr;
    gap: 6px 10px;
  }

  .devent-trip-table-head-cell-actions {
    min-width: 150px;
  }
  .devent-ticket-table-head-cell-actions {
    min-width: 50px;
  }
}

@media (max-width: 767.98px) {
  .topbar-inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .topbar-right {
    width: 100%;
    justify-content: flex-end;
  }

  .topbar-weather {
    overflow-x: auto;
    max-width: 100%;
    padding-bottom: 2px;
  }

  .devent-trip-type-toggle-row {
    flex-wrap: wrap;
  }

  .devent-trip-mode-btn {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
    min-width: 130px;
  }

  .devent-trip-grid-2 {
    grid-template-columns: 1fr;
  }

  .devent-settings-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .devent-settings-tabs .nav-item {
    flex: 0 0 auto;
    min-width: 140px;
  }

  .dashboard-card {
    padding: 14px;
  }

  .dashboard-metric {
    min-width: 100%;
  }

  .dashboard-metric + .dashboard-metric {
    border-left: none;
    border-top: 1px solid #e2e8f0;
  }

  .card-body,
  .modal-body {
    padding: 14px;
  }

  .devent-api-error {
    padding: 10px 12px;
  }
}

@media (max-width: 575.98px) {
  .app-content,
  .content {
    padding: 12px;
  }

  .card-header {
    padding: 12px;
  }

  .devent-trip-table-header {
    flex-direction: column;
    align-items: stretch !important;
  }

  .devent-table-toolbar {
    width: 100%;
    margin-left: 0 !important;
  }

  .devent-table-toolbar > * {
    flex: 1 1 100%;
    min-width: 0;
  }

  .devent-table-filter-select,
  .devent-table-filter-select--status,
  .devent-table-search-input,
  .devent-trip-table-search {
    width: 100%;
    max-width: 100%;
  }

  .devent-table-btn-group {
    display: flex;
    width: 100%;
  }

  .devent-table-btn-group > .btn {
    flex: 1 1 auto;
  }

  .devent-trip-grid-4,
  .devent-trip-grid-4-tight {
    grid-template-columns: 1fr;
  }

  .devent-trip-section-head--flight,
  .devent-trip-section-head--train,
  .devent-trip-section-head--transfer {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .devent-trip-section-head-left {
    width: 100%;
    flex-wrap: wrap;
  }

  .devent-trip-mode-btn {
    flex: 1 1 100%;
  }

  .devent-trip-form-footer {
    justify-content: stretch;
  }

  .devent-trip-btn-submit-trip {
    width: 100%;
  }

  .modal-dialog {
    margin: 0.5rem;
  }
}

/* Suppliers page (no inline CSS) */
.suppliers-hero-card {
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #c7d2fe;
  border-left: 4px solid #4f46e5;
}

.suppliers-hero-header {
  background: #eef2ff;
  padding: 11px 18px;
  border-bottom: 1px solid #c7d2fe;
  border-radius: 10px 10px 0 0;
}

.suppliers-hero-icon {
  width: 22px;
  height: 22px;
  color: #4f46e5;
}

.suppliers-hero-title {
  font-size: 14px;
  font-weight: 800;
  color: #312e81;
  letter-spacing: 0.2px;
}

.suppliers-hero-subtitle {
  font-size: 10px;
  color: #4f46e5;
  margin-top: 1px;
}

.suppliers-stat {
  padding: 3px 10px;
  border-radius: 6px;
}

.suppliers-stat-value {
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.suppliers-stat-label {
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.suppliers-stat-active {
  background: #e0e7ff;
  border: 1px solid #4f46e533;
}

.suppliers-stat-value-active,
.suppliers-stat-label-active {
  color: #4338ca;
}

.suppliers-stat-passive {
  background: #fee2e2;
  border: 1px solid #dc262633;
}

.suppliers-stat-value-passive,
.suppliers-stat-label-passive {
  color: #dc2626;
}

.suppliers-stat-total {
  background: #f1f5f9;
  border: 1px solid #64748b33;
}

.suppliers-stat-value-total,
.suppliers-stat-label-total {
  color: #64748b;
}

.suppliers-add-btn {
  padding: 7px 18px;
  background: linear-gradient(135deg, #4f46e5, #3730a3);
  color: #fff;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  box-shadow: 0 2px 8px #4f46e544;
}

.suppliers-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -2px 0 2px;
}

.suppliers-toggle-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.suppliers-toggle-label {
  color: #64748b;
  font-size: 12px;
}

.suppliers-table-card {
  border-radius: 10px;
}

.suppliers-table-card-header {
  border-radius: 10px 10px 0 0;
}

.suppliers-list-icon {
  width: 20px;
  height: 20px;
  color: #4338ca;
}

.suppliers-table-wrap {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e5e7eb;
  border-top: none;
  overflow: hidden;
}

.suppliers-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.suppliers-table-head-row {
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
}

.suppliers-th {
  padding: 7px 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #6b7280;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.suppliers-th-ref {
  width: 80px;
}

.suppliers-th-left {
  text-align: left;
}

.suppliers-th-right {
  text-align: right;
}

.suppliers-th-action {
  width: 130px;
}

.suppliers-row {
  border-bottom: 1px solid #e5e7eb;
}

.suppliers-ref {
  color: #4338ca;
}

/* Tedarik süreci: REF tek satır, yeterli genişlik */
.supply-process-page .suppliers-th-ref.supply-process-ref-col,
.supply-process-page td.supply-process-ref-col,
#livewire-supply-process-page .suppliers-th-ref.supply-process-ref-col,
#livewire-supply-process-page td.supply-process-ref-col {
  min-width: 60px;
  max-width: 100px;
  white-space: nowrap;
}

.suppliers-import-toolbar {
  gap: 12px;
}

.suppliers-import-alert {
  padding: 8px 12px;
  font-size: 12px;
  border-radius: 8px;
}

.suppliers-import-table-wrap {
  max-height: 420px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

.suppliers-import-thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.suppliers-import-th-switch {
  width: 64px;
  text-align: center;
}

.suppliers-import-table tbody td {
  vertical-align: middle;
}

.suppliers-import-footer {
  gap: 12px;
}

.suppliers-import-alert-muted {
  flex: 1 1 auto;
}

.suppliers-import-sync-btn {
  white-space: nowrap;
}

.btn:disabled {
  cursor: not-allowed;
  border: 0px;
}