/* ==== 00-base.css ==== */
/* V7.1 Base styles: reset, layout, components, tables */

* { box-sizing: border-box; }
body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #0f172a;
      color: #e5e7eb;
}
.app {
      display: grid;
      grid-template-columns: 270px 1fr;
      min-height: 100vh;
}
.sidebar {
      background: #111827;
      border-right: 1px solid #1f2937;
      padding: 18px;
      position: sticky;
      top: 0;
      height: 100vh;
      overflow-y: auto;
}
.brand {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.45;
      margin-bottom: 20px;
      color: #fff;
}
.menu-group-title {
      color: #93c5fd;
      font-size: 12px;
      margin: 18px 0 8px;
      text-transform: uppercase;
      letter-spacing: .08em;
}
.menu-btn {
      width: 100%;
      display: block;
      padding: 12px 14px;
      margin-bottom: 8px;
      border: none;
      border-radius: 12px;
      background: #1f2937;
      color: #e5e7eb;
      cursor: pointer;
      text-align: left;
      font-size: 14px;
}
.menu-btn.active,
.menu-btn:hover {
      background: #2563eb;
      color: #fff;
}
.main { padding: 24px; }
.page { display: none; }
.page.active { display: block; }
.cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 16px;
      margin-bottom: 24px;
}
.card {
      background: #111827;
      border: 1px solid #1f2937;
      border-radius: 18px;
      padding: 18px;
      box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.card h3 {
      margin: 0 0 10px;
      font-size: 14px;
      color: #9ca3af;
      font-weight: 600;
}
.card .value {
      font-size: 28px;
      font-weight: 700;
      color: #f9fafb;
}
.panel {
      background: #111827;
      border: 1px solid #1f2937;
      border-radius: 18px;
      padding: 18px;
      margin-bottom: 20px;
      overflow: auto;
      box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.panel h2 {
      margin-top: 0;
      font-size: 18px;
      margin-bottom: 14px;
}
.info {
      font-size: 12px;
      color: #94a3b8;
      margin-bottom: 14px;
}
.form-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 12px;
      margin-bottom: 14px;
}
.form-grid input,
.form-grid select,
.form-grid textarea {
      width: 100%;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid #374151;
      background: #0b1220;
      color: white;
      outline: none;
}
.actions, .toolbar {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 10px;
      margin-bottom: 12px;
      align-items: center;
}
.toolbar input, .toolbar select {
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid #374151;
      background: #0b1220;
      color: white;
}
.btn {
      background: #2563eb;
      color: white;
      border: none;
      border-radius: 10px;
      padding: 10px 14px;
      cursor: pointer;
      font-weight: 700;
}
.btn.gray { background: #475569; }
.btn.green { background: #15803d; }
.btn.orange { background: #b45309; }
.btn.red { background: #b91c1c; }
.btn.small {
      padding: 8px 10px;
      font-size: 12px;
      border-radius: 8px;
}
.action-stack {
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      justify-content: center;
}
.action-stack .btn.small {
      min-width: 74px;
}
.split {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
}
table {
      width: 100%;
      border-collapse: collapse;
      min-width: 1100px;
}
th, td {
      padding: 11px 10px;
      border-bottom: 1px solid #1f2937;
      text-align: left;
      font-size: 13px;
      vertical-align: top;
}
th {
      color: #93c5fd;
      background: #0b1220;
      position: sticky;
      top: 0;
      z-index: 1;
      font-weight: 700;
}
.status {
      padding: 6px 10px;
      border-radius: 999px;
      font-weight: 700;
      display: inline-block;
      font-size: 12px;
      white-space: nowrap;
}
.odendi { background: #064e3b; color: #a7f3d0; }
.bekliyor { background: #78350f; color: #fde68a; }
.gecikmis { background: #7f1d1d; color: #fecaca; }
.kesildi { background: #064e3b; color: #a7f3d0; }
.kesilmedi { background: #7f1d1d; color: #fecaca; }
.aktif { background: #1e3a8a; color: #bfdbfe; }
.pasif { background: #3f3f46; color: #d4d4d8; }
.inline-input {
      width: 120px;
      padding: 7px 8px;
      border-radius: 8px;
      border: 1px solid #374151;
      background: #0b1220;
      color: white;
}
.inline-note {
      width: 180px;
      padding: 7px 8px;
      border-radius: 8px;
      border: 1px solid #374151;
      background: #0b1220;
      color: white;
}
.checkbox-group {
      display: flex;
      gap: 12px;
      align-items: center;
      flex-wrap: wrap;
      background: #0b1220;
      border: 1px solid #374151;
      padding: 10px 12px;
      border-radius: 10px;
}
.yellow-cell { background: #facc15; color:#111827; font-weight:700; }
.checkbox-group label {
      display: flex;
      gap: 6px;
      align-items: center;
      cursor: pointer;
      color: white;
      font-size: 13px;
}
@media (max-width: 1100px) {
      .app { grid-template-columns: 1fr; }
      .sidebar { position: relative; height: auto; }
      .split { grid-template-columns: 1fr; }
}

.mini-info { font-size: 11px; color: #94a3b8; }
.icon-btn {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      border: 1px solid #374151;
      background: #0b1220;
      color: #fff;
      cursor: pointer;
      font-weight: 700;
}
.detail-row td {
      background: #0b1220;
      border-bottom: 1px solid #243041;
}
.detail-box {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      padding: 6px 0;
}
.detail-card {
      background: #111827;
      border: 1px solid #243041;
      border-radius: 14px;
      padding: 14px;
}
.detail-card h4 {
      margin: 0 0 8px;
      color: #93c5fd;
      font-size: 14px;
}
.detail-card textarea, .modal textarea, .freeboard textarea {
      width: 100%;
      min-height: 90px;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid #374151;
      background: #0b1220;
      color: white;
      resize: vertical;
}
.modal-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(2, 6, 23, .7);
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      z-index: 50;
}
.modal-backdrop.show { display: flex; }
.modal {
      width: min(760px, 100%);
      max-height: 90vh;
      overflow: auto;
      background: #111827;
      border: 1px solid #243041;
      border-radius: 20px;
      padding: 18px;
      box-shadow: 0 20px 60px rgba(0,0,0,.45);
}
.modal h3 { margin-top: 0; }
.modal-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 14px;
      flex-wrap: wrap;
}
.undo-toast {
      position: fixed;
      right: 18px;
      bottom: 18px;
      background: #111827;
      border: 1px solid #243041;
      border-radius: 14px;
      padding: 14px;
      display: none;
      z-index: 60;
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.undo-toast.show { display: block; }
.freeboard-tabs {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 14px;
}
.freeboard-tab {
      padding: 10px 12px;
      border-radius: 10px;
      background: #1f2937;
      border: 1px solid #374151;
      cursor: pointer;
}
.freeboard-tab.active {
      background: #2563eb;
      color: white;
      border-color: #2563eb;
}
.freeboard {
      background: #111827;
      border: 1px solid #1f2937;
      border-radius: 18px;
      padding: 18px;
}
.empty-state {
      padding: 16px;
      border: 1px dashed #334155;
      border-radius: 12px;
      color: #94a3b8;
}
.freeboard-grid {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      min-width: 980px;
      background: #0b1220;
      border: 1px solid #243041;
      border-radius: 14px;
      overflow: hidden;
}
.freeboard-grid th {
      background: #071224;
      color: #93c5fd;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: .02em;
      border-bottom: 1px solid #243041;
}
.freeboard-grid td {
      background: #0f172a;
      border-bottom: 1px solid #1f2937;
      padding: 8px 10px;
}
.freeboard-grid tr:last-child td {
      border-bottom: none;
}
.freeboard-grid input,
.freeboard-grid select {
      width: 100%;
      min-height: 38px;
      border-radius: 8px;
      border: 1px solid #334155;
      background: #ffffff;
      color: #111827;
      padding: 8px 10px;
      font-size: 13px;
}
.freeboard-grid .yellow-cell {
      background: #facc15;
      color: #111827;
      text-align: center;
      font-weight: 700;
}
.freeboard-grid .number-cell {
      width: 70px;
      text-align: center;
      font-weight: 700;
      background: #f59e0b;
      color: #111827;
}
.section-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 14px;
}
.section-title-row h3 {
      margin: 0;
      font-size: 16px;
}
.compact-meta {
      width: auto;
      min-width: 520px;
      max-width: 760px;
      margin-bottom: 14px;
}
.compact-meta th {
      width: 130px;
      white-space: nowrap;
}
.compact-meta td {
      min-width: 260px;
}
.compact-meta input {
      font-size: 15px;
      min-height: 34px;
}
.freeboard-grid.compact {
      min-width: 820px;
}
.freeboard-grid.compact th,
.freeboard-grid.compact td {
      padding: 6px 8px;
      border-right: 1px solid #243041;
}
.freeboard-grid.compact th:last-child,
.freeboard-grid.compact td:last-child {
      border-right: none;
}
.freeboard-grid tbody tr:nth-child(even) td:not(.number-cell):not(.yellow-cell) {
      background: #101a2d;
}
.freeboard-grid tbody tr:hover td:not(.number-cell):not(.yellow-cell) {
      background: #13203a;
}
.freeboard-grid tbody tr td.number-cell {
      background: #f59e0b !important;
      color: #111827 !important;
      font-weight: 700;
      text-align: center;
}
.freeboard-grid tbody tr:hover td.number-cell {
      background: #f59e0b !important;
}
.freeboard-grid tbody tr td.yellow-cell,
.freeboard-grid tbody tr:hover td.yellow-cell {
      background: #facc15 !important;
      color: #111827 !important;
}
.small-order-col {
      width: 62px !important;
      min-width: 62px !important;
      max-width: 62px !important;
}
.freeboard-grid.compact input {
      min-height: 34px;
      font-size: 15px;
}
.wide-col {
      width: 230px;
}
.medium-col {
      width: 170px;
}
.small-col {
      width: 90px;
}
.navlun-col {
      width: 110px;
}
.action-col {
      width: 72px;
      text-align: center;
}
.section-divider {
      height: 1px;
      background: #243041;
      margin: 18px 0 20px;
      opacity: .95;
}
.small-kap-col {
      width: 78px;
}
.small-navlun-col {
      width: 96px;
}
.tiny-input {
      max-width: 170px;
}
.parsiyel-fatura-grid {
      table-layout: fixed;
}
.parsiyel-fatura-grid th.small-order-col,
.parsiyel-fatura-grid td.number-cell.small-order-col {
      width: 62px !important;
      min-width: 62px !important;
      max-width: 62px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      text-align: center !important;
}
.total-row td {
      background: #111827;
      font-weight: 700;
      color: #f8fafc;
}
.total-label {
      text-align: right;
      color: #93c5fd;
}
.mini-input {
      max-width: 180px;
}

/* ===== Compact table foundation ===== */
.compact-meta {
  table-layout: fixed;
}
.compact-meta td {
  overflow: hidden !important;
}
.parsiyel-fatura-grid,
.parsiyel-liste-grid {
  table-layout: fixed !important;
}
.parsiyel-liste-grid col.order-col { width: 48px !important; }

/* ===== Parsiyel latest sizing ===== */
.parsiyel-fatura-grid .small-order-col,
.parsiyel-fatura-grid th.small-order-col,
.parsiyel-fatura-grid td.small-order-col,
.parsiyel-fatura-grid td.number-cell.small-order-col {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
}
.parsiyel-fatura-grid col.order-col { width: 42px !important; }
.parsiyel-fatura-grid col:nth-child(2) { width: 32% !important; } /* CARİ */
.parsiyel-fatura-grid col:nth-child(3) { width: 10% !important; } /* NAVLUN */
.parsiyel-fatura-grid col:nth-child(4) { width: 44% !important; } /* T1/NOT */
.parsiyel-fatura-grid col:nth-child(5) { width: 8% !important; }  /* DURUM */
.parsiyel-fatura-grid col:nth-child(6) { width: 6% !important; }  /* SİL */

/* ===== Weekly totals ===== */
.haftalik-total-row td {
  background: #111827 !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
  border-top: 1px solid #334155 !important;
}
.haftalik-total-label {
  color: #93c5fd !important;
  text-align: right !important;
}

/* ===== Araç takip table foundation ===== */
#aracTakipTable {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #0b1220;
  border: 1px solid #243041;
  border-radius: 14px;
  overflow: hidden;
}
#aracTakipTable thead th {
  background: #071224 !important;
  color: #93c5fd !important;
  border-right: 1px solid #243041;
  border-bottom: 1px solid #243041;
  white-space: nowrap;
  padding: 12px 10px;
}
#aracTakipTable thead th:last-child {
  border-right: none;
}
#aracTakipTable tbody td {
  background: #0f172a;
  border-right: 1px solid #1f2937;
  border-bottom: 1px solid #1f2937;
  padding: 12px 10px;
}
#aracTakipTable tbody td:last-child {
  border-right: none;
}
#aracTakipTable tbody tr:nth-child(even) td {
  background: #10192b;
}
#aracTakipTable tbody tr:hover td {
  background: #13203a;
}
#aracTakipTable .status {
  min-width: 88px;
  text-align: center;
}

/* ===== Dashboard tables ===== */
#firmaKesilenTable,
#firmaAlacakTable,
#parsiyelFirmaAlacakTable {
  min-width: 100% !important;
  width: 100% !important;
  table-layout: fixed !important;
}
#firmaKesilenTable th,
#firmaKesilenTable td,
#firmaAlacakTable th,
#firmaAlacakTable td,
#parsiyelFirmaAlacakTable th,
#parsiyelFirmaAlacakTable td {
  padding: 10px 12px !important;
  font-size: 14px !important;
  white-space: normal !important;
  word-break: break-word !important;
}
.dashboard-total-row td {
  background: #111827 !important;
  font-weight: 700 !important;
  color: #f8fafc !important;
  border-top: 1px solid #334155 !important;
}
.dashboard-total-label {
  color: #93c5fd !important;
  text-align: right !important;
}

/* Dashboard tabloları: kaydırmasız, kompakt */
#dashboardSoforTable,
#aylikKesilenTable,
#firmaKesilenTable,
#firmaAlacakTable,
#parsiyelFirmaAlacakTable {
  width: 100% !important;
  min-width: 100% !important;
  table-layout: fixed !important;
}

#dashboardSoforTable th, #dashboardSoforTable td,
#aylikKesilenTable th, #aylikKesilenTable td,
#firmaKesilenTable th, #firmaKesilenTable td,
#firmaAlacakTable th, #firmaAlacakTable td,
#parsiyelFirmaAlacakTable th, #parsiyelFirmaAlacakTable td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
}

/* ===== Şoför listesi ===== */
#soforler .split { grid-template-columns: 1fr !important; }
#soforler .panel { overflow-x: hidden !important; }
#soforTable, #pasifSoforTable { width: 100% !important; min-width: 100% !important; table-layout: fixed !important; }
#soforTable th, #soforTable td, #pasifSoforTable th, #pasifSoforTable td { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; padding: 9px 10px !important; font-size: 12px !important; }

/* ===== Parsiyel ödeme takip ===== */
#parsiyelOdemeTakip .panel { overflow-x: auto; }
#parsiyelOdemeTakipTable {
  width: 100% !important;
  min-width: 1360px !important;
  table-layout: fixed !important;
}
#parsiyelOdemeTakipTable th,
#parsiyelOdemeTakipTable td {
  padding: 10px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#parsiyelOdemeTakipTable th:nth-child(1), #parsiyelOdemeTakipTable td:nth-child(1) { width: 14%; }
#parsiyelOdemeTakipTable th:nth-child(2), #parsiyelOdemeTakipTable td:nth-child(2) { width: 11%; }
#parsiyelOdemeTakipTable th:nth-child(3), #parsiyelOdemeTakipTable td:nth-child(3) { width: 10%; }
#parsiyelOdemeTakipTable th:nth-child(4), #parsiyelOdemeTakipTable td:nth-child(4) { width: 10%; }
#parsiyelOdemeTakipTable th:nth-child(5), #parsiyelOdemeTakipTable td:nth-child(5) { width: 8%; text-align: center; }
#parsiyelOdemeTakipTable th:nth-child(6), #parsiyelOdemeTakipTable td:nth-child(6) { width: 10%; }
#parsiyelOdemeTakipTable th:nth-child(7), #parsiyelOdemeTakipTable td:nth-child(7) { width: 9%; }
#parsiyelOdemeTakipTable th:nth-child(8), #parsiyelOdemeTakipTable td:nth-child(8) { width: 9%; }
#parsiyelOdemeTakipTable th:nth-child(9), #parsiyelOdemeTakipTable td:nth-child(9) { width: 10%; }
#parsiyelOdemeTakipTable th:nth-child(10), #parsiyelOdemeTakipTable td:nth-child(10) { width: 9%; }
#parsiyelOdemeTakipTable th:nth-child(11), #parsiyelOdemeTakipTable td:nth-child(11) { width: 8%; text-align: center; }
#parsiyelOdemeTakipTable th:nth-child(12), #parsiyelOdemeTakipTable td:nth-child(12) { width: 11%; }
#parsiyelOdemeTakipTable th:nth-child(13), #parsiyelOdemeTakipTable td:nth-child(13) { width: 10%; text-align: center; }

.parsiyel-fatura-no-input {
  width: 100% !important;
  min-width: 140px !important;
}

/* ===== Ödeme takip ===== */
#odemeTakip .panel { overflow-x: auto; }
#odemeTakipTable {
  width: 100% !important;
  min-width: 1280px !important;
  table-layout: fixed !important;
}
#odemeTakipTable th,
#odemeTakipTable td {
  padding: 10px 10px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#odemeTakipTable th:nth-child(1), #odemeTakipTable td:nth-child(1) { width: 15%; }
#odemeTakipTable th:nth-child(2), #odemeTakipTable td:nth-child(2) { width: 12%; }
#odemeTakipTable th:nth-child(3), #odemeTakipTable td:nth-child(3) { width: 10%; }
#odemeTakipTable th:nth-child(4), #odemeTakipTable td:nth-child(4) { width: 8%; text-align: center; }
#odemeTakipTable th:nth-child(5), #odemeTakipTable td:nth-child(5) { width: 10%; }
#odemeTakipTable th:nth-child(6), #odemeTakipTable td:nth-child(6) { width: 9%; }
#odemeTakipTable th:nth-child(7), #odemeTakipTable td:nth-child(7) { width: 9%; }
#odemeTakipTable th:nth-child(8), #odemeTakipTable td:nth-child(8) { width: 10%; }
#odemeTakipTable th:nth-child(9), #odemeTakipTable td:nth-child(9) { width: 9%; }
#odemeTakipTable th:nth-child(10), #odemeTakipTable td:nth-child(10) { width: 8%; text-align: center; }
#odemeTakipTable th:nth-child(11), #odemeTakipTable td:nth-child(11) { width: 12%; }
#odemeTakipTable th:nth-child(12), #odemeTakipTable td:nth-child(12) { width: 8%; text-align: center; }

.arac-week-row td {
  background: #071224 !important;
  color: #f8fafc !important;
  font-weight: 700 !important;
  border-top: 1px solid #334155 !important;
  border-bottom: 1px solid #334155 !important;
}
.arac-week-badge {
  display: inline-block;
  margin-right: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #2563eb;
  color: #fff;
  font-weight: 700;
}

.brand-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  padding: 14px;
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: var(--card-shadow);
}
.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #dc2626;
  padding: 4px;
  flex: 0 0 58px;
  box-shadow: 0 12px 24px rgba(220,38,38,.25);
}
.brand-text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  letter-spacing: .02em;
  word-break: break-word;
}

/* ===== Araçlar summary layout ===== */
#araclar .split {
  grid-template-columns: 1fr !important;
  align-items: start;
}

#araclar .arac-ozet {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 280px));
  gap: 18px;
  margin-bottom: 4px;
}

#araclar .arac-listeler-row,
#araclar .arac-satilan-row {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr);
  gap: 16px;
  width: 100%;
}

#araclar .arac-listeler-row .panel,
#araclar .arac-satilan-row .panel {
  overflow-x: hidden !important;
}

#araclar .arac-ozet-kart {
  padding: 18px 20px !important;
  min-height: 118px !important;
  height: 118px !important;
  border-radius: 18px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#araclar .arac-ozet-kart h3 {
  margin: 0 0 10px 0 !important;
  font-size: 15px !important;
  color: #cbd5e1 !important;
  font-weight: 700 !important;
}

#araclar .arac-ozet-kart .value {
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  color: #f8fafc !important;
}

@media (max-width: 1200px) {
  #araclar .split,
  #araclar .arac-listeler-row,
  #araclar .arac-satilan-row {
grid-template-columns: 1fr !important;
  }
  #araclar .arac-ozet {
grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 700px) {
  #araclar .arac-ozet {
grid-template-columns: 1fr;
  }
}

/* ===== Dashboard layout ===== */

#dashboard > .cards {
  margin-bottom: 20px !important;
}

#dashboard .dashboard-alacak-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
  margin-bottom: 20px !important;
}

#dashboard .dashboard-alacak-split .panel {
  margin-bottom: 0 !important;
}

#dashboard > .panel {
  margin-bottom: 20px !important;
}

#dashboard > .split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

#dashboard table {
  width: 100% !important;
}

#dashboard .panel {
  overflow-x: hidden !important;
}

@media (max-width: 1200px) {
  #dashboard .dashboard-alacak-split,
  #dashboard > .split {
grid-template-columns: 1fr !important;
  }
}

/* ==== 01-theme.css ==== */
/* V7.5 Theme tokens and global theme variants */

:root {
  --bg: #0f172a;
  --bg-soft: #111827;
  --surface: #111827;
  --surface-2: #0b1220;
  --surface-3: #071224;
  --text: #e5e7eb;
  --text-muted: #9ca3af;
  --line: #1f2937;
  --line-2: #243041;
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --accent: #dc2626;
  --success: #15803d;
  --warning: #b45309;
  --danger: #b91c1c;
  --sidebar-bg: rgba(17,24,39,.86);
  --sidebar-border: rgba(51,65,85,.7);
  --card-shadow: 0 14px 36px rgba(0,0,0,.24);
  --glow: 0 0 0 1px rgba(37,99,235,.35), 0 10px 30px rgba(37,99,235,.18);
  --radius-xl: 22px;
  --radius-lg: 16px;
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 28%),
    radial-gradient(circle at top right, rgba(220,38,38,.10), transparent 24%),
    linear-gradient(180deg, var(--bg) 0%, #08101f 100%);
  color: var(--text);
  transition: background .35s ease, color .25s ease;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.03), transparent 35%, rgba(255,255,255,.02) 65%, transparent 100%);
  opacity: .7;
}
.sidebar {
  background: var(--sidebar-bg) !important;
  border-right: 1px solid var(--sidebar-border) !important;
  backdrop-filter: blur(18px);
  box-shadow: inset -1px 0 0 rgba(255,255,255,.03);
}
.menu-group-title {
  color: color-mix(in srgb, var(--primary) 55%, white 45%) !important;
  margin-top: 20px !important;
}
.menu-btn {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important;
  border: 1px solid rgba(148,163,184,.12) !important;
  color: var(--text) !important;
  transition: transform .18s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.menu-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
  transform: translateX(-120%);
  transition: transform .55s ease;
}
.menu-btn:hover::after { transform: translateX(120%); }
.menu-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.2);
  border-color: rgba(96,165,250,.34) !important;
}
.menu-btn.active {
  background: linear-gradient(135deg, var(--primary), var(--primary-2)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: var(--glow);
}
.main {
  position: relative;
  z-index: 1;
}
.panel, .card, .freeboard, .modal {
  background: linear-gradient(180deg, rgba(17,24,39,.94), rgba(11,18,32,.96)) !important;
  border: 1px solid rgba(148,163,184,.12) !important;
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--card-shadow) !important;
}
.panel h2, .card .value, .section-title-row h3 { letter-spacing: .01em; }
.card {
  position: relative;
  overflow: hidden;
}
.card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  opacity: .92;
}
.card:hover, .panel:hover {
  transform: translateY(-1px);
  transition: transform .18s ease;
}
th {
  background: color-mix(in srgb, var(--surface-3) 90%, black 10%) !important;
  color: color-mix(in srgb, var(--primary) 58%, white 42%) !important;
}
#aracTakipTable thead th,
.freeboard-grid th { background: color-mix(in srgb, var(--surface-3) 88%, black 12%) !important; }
#aracTakipTable tbody td,
.freeboard-grid td,
.detail-row td { background: rgba(15,23,42,.86) !important; }
input, select, textarea, .toolbar input, .toolbar select, .inline-input, .inline-note {
  background: rgba(8,15,28,.92) !important;
  border: 1px solid rgba(100,116,139,.36) !important;
  color: var(--text) !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.freeboard-grid input, .freeboard-grid select {
  background: rgba(255,255,255,.96) !important;
  color: #111827 !important;
}
input:focus, select:focus, textarea:focus, .inline-input:focus, .inline-note:focus {
  outline: none;
  border-color: rgba(96,165,250,.8) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.16);
}
.btn {
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
  transition: transform .16s ease, box-shadow .22s ease, filter .22s ease;
}
.btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  box-shadow: 0 14px 26px rgba(0,0,0,.24);
}
.btn:active { transform: translateY(0); }
.theme-panel {
  margin-top: 18px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.12);
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
  box-shadow: var(--card-shadow);
}
.theme-panel h4 {
  margin: 0 0 10px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--text-muted);
}
.theme-switcher {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.theme-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(255,255,255,.03);
  color: var(--text);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  transition: transform .16s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.theme-btn small {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 600;
}
.theme-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(96,165,250,.35);
  box-shadow: 0 10px 18px rgba(0,0,0,.18);
}
.theme-btn.active {
  background: linear-gradient(135deg, rgba(37,99,235,.18), rgba(220,38,38,.12));
  border-color: rgba(96,165,250,.6);
  box-shadow: var(--glow);
}
.theme-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
  flex: 0 0 12px;
}
.page-title-glow {
  position: sticky;
  top: 10px;
  z-index: 5;
}

/* Light theme */
body.theme-light {
  --bg: #eef2f7;
  --bg-soft: #ffffff;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --surface-3: #eef2ff;
  --text: #0f172a;
  --text-muted: #475569;
  --line: #d7e0ea;
  --line-2: #dbe4f0;
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --accent: #dc2626;
  --sidebar-bg: rgba(255,255,255,.86);
  --sidebar-border: rgba(203,213,225,.9);
  --card-shadow: 0 18px 40px rgba(15,23,42,.08);
  --glow: 0 0 0 1px rgba(37,99,235,.18), 0 10px 26px rgba(37,99,235,.12);
  background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}
body.theme-light .panel,
body.theme-light .card,
body.theme-light .freeboard,
body.theme-light .modal,
body.theme-light .brand-wrap,
body.theme-light .theme-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.98)) !important;
}
body.theme-light #aracTakipTable tbody td,
body.theme-light .freeboard-grid td,
body.theme-light .detail-row td,
body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.theme-light .toolbar input,
body.theme-light .toolbar select,
body.theme-light .inline-input,
body.theme-light .inline-note {
  background: #ffffff !important;
  color: #0f172a !important;
}
body.theme-light,
body.theme-light .sidebar,
body.theme-light .main,
body.theme-light .page,
body.theme-light .panel,
body.theme-light .card,
body.theme-light .freeboard,
body.theme-light .modal,
body.theme-light .brand-wrap,
body.theme-light .theme-panel,
body.theme-light .section-title-row h3,
body.theme-light .panel h2,
body.theme-light .brand-text,
body.theme-light .menu-btn,
body.theme-light .theme-btn,
body.theme-light .checkbox-group,
body.theme-light .action-stack,
body.theme-light .undo-toast,
body.theme-light label,
body.theme-light span,
body.theme-light strong,
body.theme-light td,
body.theme-light th {
  color: #0f172a !important;
}
body.theme-light .menu-btn,
body.theme-light .theme-btn { background: rgba(15,23,42,.03) !important; }
body.theme-light .menu-btn.active,
body.theme-light .menu-btn:hover,
body.theme-light .theme-btn.active,
body.theme-light .btn,
body.theme-light .btn.gray,
body.theme-light .btn.orange,
body.theme-light .btn.red,
body.theme-light .btn.green {
  color: #ffffff !important;
}
body.theme-light .status.odendi,
body.theme-light .status.bekliyor,
body.theme-light .status.gecikmis,
body.theme-light .status.kesildi,
body.theme-light .status.kesilmedi,
body.theme-light .status.aktif,
body.theme-light .status.pasif,
body.theme-light .arac-week-badge,
body.theme-light .theme-dot {
  color: inherit !important;
}
body.theme-light th { color: #1d4ed8 !important; }
body.theme-light .mini-info,
body.theme-light .info,
body.theme-light .menu-group-title,
body.theme-light .card h3,
body.theme-light .theme-btn small {
  color: #475569 !important;
}

/* Premium theme */
body.theme-premium {
  --bg: #07111f;
  --bg-soft: #0d1727;
  --surface: #0d1727;
  --surface-2: #101c2e;
  --surface-3: #12233a;
  --text: #edf3ff;
  --text-muted: #a7b4ca;
  --line: #22354f;
  --line-2: #2b4466;
  --primary: #1d4ed8;
  --primary-2: #1e40af;
  --accent: #dc2626;
  --sidebar-bg: rgba(7,17,31,.92);
  --sidebar-border: rgba(43,68,102,.85);
  --card-shadow: 0 18px 46px rgba(2,6,23,.45);
  --glow: 0 0 0 1px rgba(220,38,38,.35), 0 16px 34px rgba(29,78,216,.22);
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.22), transparent 28%),
    radial-gradient(circle at top right, rgba(220,38,38,.15), transparent 26%),
    linear-gradient(180deg, #07111f 0%, #081525 100%);
}
body.theme-premium .menu-btn.active,
body.theme-premium .theme-btn.active {
  background: linear-gradient(135deg, #1d4ed8, #dc2626) !important;
}
body.theme-premium .card::before {
  background: linear-gradient(90deg, #1d4ed8, #dc2626, #f59e0b);
}
body.theme-premium .brand-logo {
  border-color: #1d4ed8;
  box-shadow: 0 14px 28px rgba(29,78,216,.22), 0 0 0 3px rgba(220,38,38,.15);
}

/* ==== 02-auth.css ==== */
/* V7.1 Authentication and locked-screen styles */

/* Login system */
body.auth-locked .app { display: none !important; }
.auth-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.20), transparent 30%),
    radial-gradient(circle at top right, rgba(220,38,38,.14), transparent 26%),
    linear-gradient(180deg, #07111f 0%, #081525 100%);
}
.auth-overlay.hidden { display: none !important; }
.auth-card {
  width: min(470px, 100%);
  background: linear-gradient(180deg, rgba(17,24,39,.97), rgba(11,18,32,.98));
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0,0,0,.40);
  padding: 28px;
}
.auth-card h1 {
  margin: 0 0 8px;
  font-size: 24px;
  color: #fff;
}
.auth-card p {
  margin: 0 0 18px;
  color: #cbd5e1;
  line-height: 1.5;
}
.auth-form { display: grid; gap: 12px; }
.auth-form input {
  width: 100%;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid #334155;
  background: #0b1220;
  color: white;
}
.auth-form .btn { width: 100%; padding: 12px 14px; }
.auth-info-box {
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(15,23,42,.8);
  border: 1px solid rgba(148,163,184,.14);
  color: #cbd5e1;
  font-size: 13px;
}
.auth-error {
  min-height: 18px;
  color: #fca5a5;
  font-size: 13px;
}
.user-panel {
  margin-top: 14px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.14);
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
}
.user-panel-title {
  margin: 0 0 8px;
  font-size: 12px;
  color: #93c5fd;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.user-panel-row {
  font-size: 13px;
  line-height: 1.45;
  color: #e5e7eb;
  word-break: break-word;
}
.user-panel .btn { width: 100%; margin-top: 10px; }
body.viewer-mode .main [data-admin-only="1"] {
  pointer-events: none !important;
  opacity: .55 !important;
}

/* ==== 03-pages.css ==== */
/* V7.3 Page-specific table and layout tuning */

/* ===== Araç Takip ===== */
#aracTakip .panel {
  overflow-x: auto !important;
}

#aracTakipTable {
  width: 100% !important;
  min-width: 1460px !important;
  table-layout: fixed !important;
}

#aracTakipTable th,
#aracTakipTable td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

#aracTakipTable td[title] {
  cursor: default !important;
}

/* Kolon genişlikleri */
#aracTakipTable th:nth-child(1),
#aracTakipTable td:nth-child(1) {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  text-align: center !important;
}

#aracTakipTable th:nth-child(2),
#aracTakipTable td:nth-child(2) {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  text-align: center !important;
}

#aracTakipTable th:nth-child(3),
#aracTakipTable td:nth-child(3) {
  width: 104px !important;
  min-width: 104px !important;
  max-width: 104px !important;
}

#aracTakipTable th:nth-child(4),
#aracTakipTable td:nth-child(4),
#aracTakipTable th:nth-child(5),
#aracTakipTable td:nth-child(5) {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  white-space: nowrap !important;
  text-align: left !important;
}

#aracTakipTable th:nth-child(6),
#aracTakipTable td:nth-child(6),
#aracTakipTable th:nth-child(11),
#aracTakipTable td:nth-child(11) {
  width: clamp(118px, 11vw, 148px) !important;
  min-width: 118px !important;
  max-width: 148px !important;
}

#aracTakipTable td:nth-child(6):hover,
#aracTakipTable td:nth-child(11):hover {
  overflow: visible !important;
  white-space: normal !important;
  position: relative !important;
  z-index: 30 !important;
  background: #0f172a !important;
}

#aracTakipTable th:nth-child(7),
#aracTakipTable td:nth-child(7),
#aracTakipTable th:nth-child(13),
#aracTakipTable td:nth-child(13) {
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
}

#aracTakipTable th:nth-child(8),
#aracTakipTable td:nth-child(8),
#aracTakipTable th:nth-child(14),
#aracTakipTable td:nth-child(14) {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
}

#aracTakipTable th:nth-child(9),
#aracTakipTable td:nth-child(9),
#aracTakipTable th:nth-child(15),
#aracTakipTable td:nth-child(15) {
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  text-align: center !important;
}

#aracTakipTable th:nth-child(10),
#aracTakipTable td:nth-child(10),
#aracTakipTable th:nth-child(16),
#aracTakipTable td:nth-child(16) {
  width: 74px !important;
  min-width: 74px !important;
  max-width: 74px !important;
}

#aracTakipTable td:nth-child(10),
#aracTakipTable td:nth-child(16) {
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: 4px !important;
}

#aracTakipTable td:nth-child(10) .status,
#aracTakipTable td:nth-child(16) .status {
  display: inline-block !important;
  min-width: auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  white-space: nowrap !important;
  text-align: center !important;
}

#aracTakipTable th:nth-child(12),
#aracTakipTable td:nth-child(12) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
}

#aracTakipTable th:nth-child(17),
#aracTakipTable td:nth-child(17) {
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  text-align: center !important;
}

#aracTakipTable th:nth-child(18),
#aracTakipTable td:nth-child(18) {
  width: 86px !important;
  min-width: 86px !important;
  max-width: 86px !important;
  overflow: visible !important;
}

#aracTakipTable td:nth-child(18) .action-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

#aracTakipTable td:nth-child(18) .btn.small {
  width: 68px !important;
  min-width: 68px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
}

#aracTakip .panel::-webkit-scrollbar {
  height: 10px;
}

#aracTakip .panel::-webkit-scrollbar-thumb {
  background: rgba(100,116,139,.65);
  border-radius: 999px;
}

@media (max-width: 1600px) {
  .app {
    grid-template-columns: 225px 1fr !important;
  }

  .sidebar {
    padding: 12px !important;
  }

  .main {
    padding: 12px !important;
  }

  #aracTakipTable {
    min-width: 1400px !important;
  }

  #aracTakipTable th,
  #aracTakipTable td {
    font-size: 11px !important;
    padding: 8px 8px !important;
  }

  #aracTakipTable th:nth-child(4),
  #aracTakipTable td:nth-child(4),
  #aracTakipTable th:nth-child(5),
  #aracTakipTable td:nth-child(5) {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
  }

  #aracTakipTable th:nth-child(18),
  #aracTakipTable td:nth-child(18) {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
  }

  .toolbar select,
  .toolbar input,
  .toolbar .btn {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }
}

/* ===== Cari ekranı ===== */
#cariKart .split {
  grid-template-columns: 1fr !important;
}

#cariKart .panel {
  overflow-x: auto !important;
}

#cariSearchInput {
  min-width: 220px;
}

#cariTable {
  width: 100% !important;
  min-width: 1200px !important;
  table-layout: fixed !important;
}

#cariTable th,
#cariTable td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#cariTable th:nth-child(1), #cariTable td:nth-child(1) { width: 19%; }
#cariTable th:nth-child(2), #cariTable td:nth-child(2) { width: 6%; text-align: center; }
#cariTable th:nth-child(3), #cariTable td:nth-child(3) { width: 9%; }
#cariTable th:nth-child(4), #cariTable td:nth-child(4) { width: 10%; }
#cariTable th:nth-child(5), #cariTable td:nth-child(5) { width: 11%; }
#cariTable th:nth-child(6), #cariTable td:nth-child(6) { width: 11%; }
#cariTable th:nth-child(7), #cariTable td:nth-child(7) { width: 16%; }
#cariTable th:nth-child(8), #cariTable td:nth-child(8) { width: 7%; text-align: center; }
#cariTable th:nth-child(9), #cariTable td:nth-child(9) { width: 6%; text-align: center; }
#cariTable th:nth-child(10), #cariTable td:nth-child(10) { width: 10%; text-align: center; }

/* ==== 04-enterprise.css ==== */
/* V7.1 Enterprise shell and premium UI layer */

/* ===== Enterprise UI v5: Dashboard + Haftalık + Araçlar ===== */
#dashboard .card {
  border: 1px solid rgba(96,165,250,.16) !important;
  background: linear-gradient(180deg, rgba(10,19,35,.96), rgba(9,16,30,.98)) !important;
}
#dashboard .card h3 {
  font-size: 13px !important;
  color: #9fb7d9 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase;
}
#dashboard .card .value {
  font-size: 30px !important;
  letter-spacing: -.02em;
}
#dashboard .panel h2,
#araclar .panel h2,
#haftalikCalisma .freeboard h3 {
  font-size: 19px !important;
  letter-spacing: .01em;
}
#dashboard table,
#araclar table,
#haftalikCalisma .freeboard-grid.compact {
  border-radius: 16px !important;
  overflow: hidden;
}
#dashboard table thead th,
#araclar table thead th,
#haftalikCalisma .freeboard-grid.compact thead th {
  background: linear-gradient(180deg, #10243d, #0a1b31) !important;
  border-bottom: 1px solid rgba(96,165,250,.16) !important;
}
#dashboard tbody tr:hover td,
#araclar tbody tr:hover td {
  background: rgba(18,35,60,.92) !important;
}
#dashboard .toolbar,
#araclar .toolbar,
#haftalikCalisma .toolbar {
  gap: 12px !important;
}

/* Şoför formu ve tablo detayları 05-layout-16inch.css içinde tutulur. */

/* Ortak aksiyon düzeni */
.vehicle-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
}
.vehicle-actions .btn.small {
  min-width: 80px !important;
}

/* Araç listeleri: sağ butonlar tam görünsün */
#araclar .arac-listeler-row .panel,
#araclar .arac-satilan-row .panel {
  overflow-x: auto !important;
}
#araclar .arac-listeler-row table,
#araclar .arac-satilan-row table {
  min-width: 820px !important;
  table-layout: fixed !important;
}
#araclar #cekiciTable th:nth-child(1),
#araclar #cekiciTable td:nth-child(1),
#araclar #dorseTable th:nth-child(1),
#araclar #dorseTable td:nth-child(1) {
  width: 24% !important;
}
#araclar #cekiciTable th:nth-child(2),
#araclar #cekiciTable td:nth-child(2),
#araclar #dorseTable th:nth-child(2),
#araclar #dorseTable td:nth-child(2) {
  width: 14% !important;
}
#araclar #cekiciTable th:nth-child(3),
#araclar #cekiciTable td:nth-child(3),
#araclar #dorseTable th:nth-child(3),
#araclar #dorseTable td:nth-child(3) {
  width: 38% !important;
}
#araclar #cekiciTable th:nth-child(4),
#araclar #cekiciTable td:nth-child(4),
#araclar #dorseTable th:nth-child(4),
#araclar #dorseTable td:nth-child(4) {
  width: 24% !important;
  min-width: 190px !important;
  overflow: visible !important;
}

/* Haftalık tablo detayları 05-layout-16inch.css içinde tutulur. */
#haftalikCalisma .freeboard-grid.compact tbody tr:hover td:not(.yellow-cell):not(.number-cell) {
  background: #152741 !important;
}

/* Tooltip hissi */
.smart-ellipsis {
  cursor: help;
}

@media (max-width: 1600px) {
  #soforler .panel:first-child .form-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}

/* === executive-v6-shell === */
/* ===== Executive V6.1 shell: cleaned non-destructive layer ===== */
.main {
  padding-top: 18px !important;
}
.topbar {
  position: sticky;
  top: 10px;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 1px solid rgba(148,163,184,.14);
  background: linear-gradient(135deg, rgba(15,23,42,.84), rgba(9,15,28,.92));
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
}
.topbar-left,
.topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.topbar-right {
  margin-left: auto;
}
.topbar-title {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #f8fafc;
}
.topbar-subtitle {
  margin-top: 4px;
  font-size: 12px;
  color: #94a3b8;
  white-space: nowrap;
}
.topbar-search {
  position: relative;
  min-width: min(360px, 36vw);
}
.topbar-search input {
  width: 100%;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(100,116,139,.34);
  background: rgba(8,15,28,.92);
  color: #f8fafc;
}
.topbar-chip,
.topbar-time {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  border-radius: 14px;
  padding: 0 14px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(255,255,255,.04);
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.topbar-toggle {
  display: none;
}
.page {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.page.active {
  display: block;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  animation: executivePageIn .28s ease;
}
@keyframes executivePageIn {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.menu-btn.quick-match {
  border-color: rgba(96,165,250,.45) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.25), 0 8px 18px rgba(0,0,0,.16);
}
body.theme-light .topbar {
  background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(248,250,252,.96));
}
body.theme-light .topbar-title {
  color: #0f172a;
}
body.theme-light .topbar-subtitle,
body.theme-light .topbar-chip,
body.theme-light .topbar-time {
  color: #334155;
}
body.theme-light .topbar-search input {
  background: #ffffff;
  color: #0f172a;
}
@media (max-width: 1100px) {
  .topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .topbar-left,
  .topbar-right {
    width: 100%;
  }
  .topbar-right {
    margin-left: 0;
    flex-wrap: wrap;
  }
  .topbar-search {
    min-width: 100%;
    flex: 1 1 100%;
  }
  .topbar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .sidebar {
    display: none;
  }
  body.sidebar-mobile-open .sidebar {
    display: block;
    position: fixed !important;
    inset: 10px auto 10px 10px;
    width: min(320px, calc(100vw - 20px));
    height: calc(100vh - 20px) !important;
    z-index: 80;
    border-radius: 24px;
    box-shadow: 0 24px 70px rgba(0,0,0,.42);
  }
  body.sidebar-mobile-open::after {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.56);
    z-index: 70;
  }
  .app {
    grid-template-columns: 1fr !important;
  }
}

/* === theme-contrast-global-fix === */
/* ===== CONTRAST FIX FOR ALL THEMES ===== */

/* DARK + PREMIUM readability */
body.theme-dark .card .value,
body.theme-dark .value,
body.theme-dark .panel,
body.theme-dark .panel h2,
body.theme-dark .section-title-row h3,
body.theme-dark .card h3,
body.theme-dark td,
body.theme-dark th,
body.theme-dark .info,
body.theme-dark .mini-info,
body.theme-dark .menu-btn,
body.theme-dark .menu-group-title,
body.theme-dark .theme-btn,
body.theme-dark .theme-btn small,
body.theme-dark label,
body.theme-dark span,
body.theme-dark strong,
body.theme-premium .card .value,
body.theme-premium .value,
body.theme-premium .panel,
body.theme-premium .panel h2,
body.theme-premium .section-title-row h3,
body.theme-premium .card h3,
body.theme-premium td,
body.theme-premium th,
body.theme-premium .info,
body.theme-premium .mini-info,
body.theme-premium .menu-btn,
body.theme-premium .menu-group-title,
body.theme-premium .theme-btn,
body.theme-premium .theme-btn small,
body.theme-premium label,
body.theme-premium span,
body.theme-premium strong {
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}

body.theme-dark .card .value,
body.theme-dark .value {
  color: #f8fafc !important;
}
body.theme-premium .card .value,
body.theme-premium .value {
  color: #f8fbff !important;
}

body.theme-dark .card h3,
body.theme-dark .panel h2,
body.theme-dark .section-title-row h3,
body.theme-dark .menu-btn,
body.theme-dark label,
body.theme-dark strong,
body.theme-dark span,
body.theme-dark td {
  color: #e5e7eb !important;
}
body.theme-premium .card h3,
body.theme-premium .panel h2,
body.theme-premium .section-title-row h3,
body.theme-premium .menu-btn,
body.theme-premium label,
body.theme-premium strong,
body.theme-premium span,
body.theme-premium td {
  color: #edf3ff !important;
}

body.theme-dark .info,
body.theme-dark .mini-info,
body.theme-dark .menu-group-title,
body.theme-dark .theme-btn small {
  color: #94a3b8 !important;
}
body.theme-premium .info,
body.theme-premium .mini-info,
body.theme-premium .menu-group-title,
body.theme-premium .theme-btn small {
  color: #a7b4ca !important;
}

/* table headers */
body.theme-dark th,
body.theme-dark #aracTakipTable thead th,
body.theme-dark .freeboard-grid th {
  color: #93c5fd !important;
}
body.theme-premium th,
body.theme-premium #aracTakipTable thead th,
body.theme-premium .freeboard-grid th {
  color: #93c5fd !important;
}

/* dashboard tables specifically */
body.theme-dark #dashboard td,
body.theme-dark #dashboard tbody td,
body.theme-dark #dashboard table td {
  color: #dbeafe !important;
}
body.theme-premium #dashboard td,
body.theme-premium #dashboard tbody td,
body.theme-premium #dashboard table td {
  color: #e0e7ff !important;
}

body.theme-dark #dashboard .dashboard-total-row td,
body.theme-dark .total-row td,
body.theme-dark .haftalik-total-row td {
  color: #f8fafc !important;
}
body.theme-premium #dashboard .dashboard-total-row td,
body.theme-premium .total-row td,
body.theme-premium .haftalik-total-row td {
  color: #f8fafc !important;
}

/* menu state */
body.theme-dark .menu-btn.active,
body.theme-dark .menu-btn.active *,
body.theme-premium .menu-btn.active,
body.theme-premium .menu-btn.active * {
  color: #ffffff !important;
}

/* LIGHT theme stays readable */
body.theme-light .card .value,
body.theme-light .value {
  color: #111827 !important;
  opacity: 1 !important;
}
body.theme-light .menu-btn,
body.theme-light td {
  color: #111827 !important;
}
body.theme-light th {
  color: #1e3a5f !important;
}
body.theme-light .menu-btn.active,
body.theme-light .menu-btn.active * {
  color: #ffffff !important;
}

/* brand fit */
.brand-wrap { align-items: flex-start !important; }
.brand-text {
  font-size: 13px !important;
  line-height: 1.15 !important;
  word-break: break-word !important;
  max-width: 170px !important;
}

/* ==== 05-layout-16inch.css ==== */
/* V7.1 Large-screen readability tuning */

/* ===== 16 inç kullanım için okuma ve yerleşim iyileştirmeleri ===== */

/* Şoför Ekle alanı daha ferah ve okunaklı */
#soforler .panel:first-child {
  padding: 22px 22px 16px !important;
}
#soforler .panel:first-child h2 {
  font-size: 18px !important;
  margin-bottom: 14px !important;
}
#soforler .panel:first-child .form-grid {
  grid-template-columns: 1.15fr 1fr 1.05fr 0.9fr 1.1fr 1.15fr !important;
  gap: 14px !important;
  align-items: center !important;
}
#soforler .panel:first-child input,
#soforler .panel:first-child select {
  min-height: 44px !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
}
#soforler .panel:first-child .btn {
  margin-top: 2px !important;
  min-width: 132px !important;
}

/* Şoför tabloları daha okunaklı */
#soforler .panel:last-child {
  overflow-x: auto !important;
}
#soforTable, #pasifSoforTable {
  width: 100% !important;
  min-width: 1480px !important;
  table-layout: fixed !important;
}
#soforTable th, #soforTable td,
#pasifSoforTable th, #pasifSoforTable td {
  font-size: 13px !important;
  padding: 11px 12px !important;
}
#soforTable th:nth-child(1), #soforTable td:nth-child(1),
#pasifSoforTable th:nth-child(1), #pasifSoforTable td:nth-child(1) { width: 14%; }
#soforTable th:nth-child(2), #soforTable td:nth-child(2),
#pasifSoforTable th:nth-child(2), #pasifSoforTable td:nth-child(2) { width: 14%; }
#soforTable th:nth-child(3), #soforTable td:nth-child(3),
#pasifSoforTable th:nth-child(3), #pasifSoforTable td:nth-child(3) { width: 14%; }
#soforTable th:nth-child(4), #soforTable td:nth-child(4),
#pasifSoforTable th:nth-child(4), #pasifSoforTable td:nth-child(4) { width: 10%; text-align: center; }
#soforTable th:nth-child(5), #soforTable td:nth-child(5),
#pasifSoforTable th:nth-child(5), #pasifSoforTable td:nth-child(5) { width: 14%; }
#soforTable th:nth-child(6), #soforTable td:nth-child(6),
#pasifSoforTable th:nth-child(6), #pasifSoforTable td:nth-child(6) { width: 14%; }
#soforTable th:nth-child(7), #soforTable td:nth-child(7),
#pasifSoforTable th:nth-child(7), #pasifSoforTable td:nth-child(7) {
  width: 20% !important;
  min-width: 280px !important;
  max-width: 320px !important;
  overflow: visible !important;
}
#soforTable td:nth-child(7), #pasifSoforTable td:nth-child(7) {
  white-space: nowrap !important;
}
#soforTable td:nth-child(7) .btn.small,
#pasifSoforTable td:nth-child(7) .btn.small {
  min-width: 78px !important;
  margin-right: 6px !important;
}

/* Araçlar ekranında sağdaki Sil butonu görünsün */
#araclar .arac-listeler-row .panel,
#araclar .arac-satilan-row .panel {
  overflow-x: auto !important;
}
#araclar .arac-listeler-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
#araclar .arac-listeler-row table {
  width: 100% !important;
  min-width: 760px !important;
  table-layout: fixed !important;
}
#araclar .arac-listeler-row th,
#araclar .arac-listeler-row td {
  font-size: 13px !important;
  padding: 10px 10px !important;
}
#araclar .arac-listeler-row th:nth-child(1),
#araclar .arac-listeler-row td:nth-child(1) { width: 26%; }
#araclar .arac-listeler-row th:nth-child(2),
#araclar .arac-listeler-row td:nth-child(2) { width: 16%; }
#araclar .arac-listeler-row th:nth-child(3),
#araclar .arac-listeler-row td:nth-child(3) { width: 32%; }
#araclar .arac-listeler-row th:nth-child(4),
#araclar .arac-listeler-row td:nth-child(4) {
  width: 26% !important;
  min-width: 170px !important;
  overflow: visible !important;
}
#araclar .arac-listeler-row td:nth-child(4) {
  white-space: nowrap !important;
}
#araclar .arac-listeler-row td:nth-child(4) .btn.small {
  min-width: 74px !important;
  margin-right: 6px !important;
}

/* Haftalık çalışma kolon ayarı
   Örnek plaka: 54 ABG 845-54AGH 356 = 21 karakter.
   Güvenli görünüm için ~24 karakterlik alan bırakıldı. */
#haftalikCalisma .panel {
  overflow-x: auto !important;
}
#haftalikCalisma .freeboard-grid.compact {
  width: 100% !important;
  min-width: 1500px !important;
  table-layout: fixed !important;
}
#haftalikCalisma .freeboard-grid.compact th,
#haftalikCalisma .freeboard-grid.compact td {
  font-size: 13px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(1),
#haftalikCalisma .freeboard-grid.compact td:nth-child(1) {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(2),
#haftalikCalisma .freeboard-grid.compact td:nth-child(2) {
  width: 140px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(3),
#haftalikCalisma .freeboard-grid.compact td:nth-child(3),
#haftalikCalisma .freeboard-grid.compact th:nth-child(6),
#haftalikCalisma .freeboard-grid.compact td:nth-child(6) {
  width: 180px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(4),
#haftalikCalisma .freeboard-grid.compact td:nth-child(4),
#haftalikCalisma .freeboard-grid.compact th:nth-child(8),
#haftalikCalisma .freeboard-grid.compact td:nth-child(8) {
  width: 108px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(5),
#haftalikCalisma .freeboard-grid.compact td:nth-child(5),
#haftalikCalisma .freeboard-grid.compact th:nth-child(9),
#haftalikCalisma .freeboard-grid.compact td:nth-child(9) {
  width: 74px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(7),
#haftalikCalisma .freeboard-grid.compact td:nth-child(7) {
  width: 150px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(10),
#haftalikCalisma .freeboard-grid.compact td:nth-child(10) {
  width: 190px !important;
}
#haftalikCalisma .freeboard-grid.compact th:nth-child(11),
#haftalikCalisma .freeboard-grid.compact td:nth-child(11) {
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
}
#haftalikCalisma .freeboard-grid.compact input {
  font-size: 14px !important;
  min-height: 34px !important;
}

@media (max-width: 1600px) {
  #soforler .panel:first-child .form-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
  }
}

/* ==== 06-print.css ==== */
/* V7.2 Print-only document styles */
@media print {
  body{font-family:Arial,Helvetica,sans-serif;margin:24px;color:#111;}
  h1{margin:0 0 10px 0;font-size:24px;font-weight:700;letter-spacing:normal;word-spacing:normal;}
  .meta{margin:0 0 14px 0;font-size:14px;}
  table{width:100%;border-collapse:collapse;font-size:12px;}
  th,td{border:1px solid #999;padding:6px 8px;text-align:left;vertical-align:top;}
  th{background:#efefef;color:#111 !important;}
}


/* ==== V10.1 Real Analytics ==== */
#dashboard .cards {
  grid-template-columns: repeat(7, minmax(190px, 1fr));
}
.v10-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 28%),
    radial-gradient(circle at right center, rgba(249,115,22,.12), transparent 26%),
    linear-gradient(135deg, rgba(5,16,37,.98), rgba(7,22,49,.98));
  border: 1px solid rgba(96,165,250,.18) !important;
  overflow: hidden;
}
.v10-kicker {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #93c5fd;
  margin-bottom: 10px;
}
.v10-hero h1 {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.2;
}
.v10-hero p {
  margin: 0;
  color: #cbd5e1;
  max-width: 900px;
}
.v10-hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 16px;
}
.v10-mini-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.v10-mini-stats div {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15,23,42,.48);
  border: 1px solid rgba(148,163,184,.12);
}
.v10-mini-stats span {
  display: block;
  font-size: 12px;
  color: #93a7c7;
  margin-bottom: 6px;
}
.v10-mini-stats strong {
  font-size: 18px;
  color: #f8fafc;
}
.v10-chart-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 20px;
}
.v10-chart-panel {
  min-height: 320px;
}
.v10-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.v10-panel-head h2 {
  margin: 0;
  font-size: 18px !important;
}
.v10-panel-head span {
  font-size: 12px;
  color: #8aa2c7;
}
.v10-canvas-wrap {
  position: relative;
  min-height: 240px;
  height: 240px;
}
#dashboard .card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
#dashboard .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 34px rgba(0,0,0,.28) !important;
  border-color: rgba(96,165,250,.34) !important;
}
@media (max-width: 1500px) {
  #dashboard .cards { grid-template-columns: repeat(4, minmax(180px, 1fr)); }
  .v10-chart-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .v10-mini-stats { grid-template-columns: 1fr; }
  #dashboard .cards { grid-template-columns: repeat(2, minmax(160px, 1fr)); }
  .v10-hero h1 { font-size: 22px; }
}


/* === V10 PRO decision dashboard === */
.v10pro-hero {
  padding: 24px 24px 18px !important;
  background: radial-gradient(circle at top right, rgba(220,38,38,.12), transparent 22%), linear-gradient(135deg, rgba(10,20,38,.98), rgba(5,16,34,.98)) !important;
}
.v10pro-kicker {
  color: #93c5fd;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 10px;
}
.v10pro-hero h1 { margin: 0 0 10px; font-size: 22px; }
.v10pro-hero p { margin: 0; max-width: 900px; color: #cbd5e1; }
.v10pro-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.v10pro-hero-strip {
  margin-top: 18px;
  padding: 13px 16px;
  border-radius: 16px;
  border: 1px solid rgba(96,165,250,.18);
  background: linear-gradient(90deg, rgba(37,99,235,.14), rgba(15,23,42,.35));
  color: #f8fafc;
  font-weight: 700;
}
.v10pro-kpi-grid .card { min-height: 110px; }
.v10pro-kpi-grid .card .value { font-size: 22px !important; }
.v10pro-decision-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:16px;
  margin-bottom:20px;
}
.v10pro-focus { min-height: 250px; }
.v10pro-focus-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.v10pro-focus-head span { color:#cbd5e1; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.06em; }
.v10pro-focus-head strong { padding:7px 10px; border-radius:999px; font-size:12px; }
.v10pro-danger .v10pro-focus-head strong { background: rgba(239,68,68,.14); color:#fecaca; }
.v10pro-success .v10pro-focus-head strong { background: rgba(34,197,94,.14); color:#bbf7d0; }
.v10pro-primary .v10pro-focus-head strong { background: rgba(37,99,235,.18); color:#bfdbfe; }
.v10pro-focus-value { font-size: 34px; font-weight: 800; line-height:1.05; margin-bottom: 8px; }
.v10pro-focus-sub { color:#94a3b8; font-size:13px; margin-bottom:18px; }
.v10pro-points { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.v10pro-points li { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; border-radius:12px; background: rgba(255,255,255,.03); border:1px solid rgba(148,163,184,.08); }
.v10pro-points span { color:#94a3b8; font-size:13px; }
.v10pro-points strong { color:#f8fafc; text-align:right; }
.v10pro-board-grid { display:grid; grid-template-columns: 1.3fr .9fr; gap:16px; margin-bottom:20px; }
.v10pro-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:14px; }
.v10pro-panel-head h2 { margin:0; }
.v10pro-panel-head span { color:#94a3b8; font-size:12px; }
.v10pro-list { display:grid; gap:10px; }
.v10pro-list-item {
  display:grid; grid-template-columns: minmax(0,1fr) auto auto; gap:12px; align-items:center;
  padding:12px 14px; border-radius:14px; background: rgba(255,255,255,.03); border:1px solid rgba(148,163,184,.08);
}
.v10pro-list-item strong { min-width: 120px; text-align:right; }
.v10pro-list-item .v10pro-rank { width: 32px; height:32px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(37,99,235,.22), rgba(220,38,38,.18)); color:#fff; font-weight:800; }
.v10pro-mini-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.v10pro-mini-card { padding:16px; border-radius:14px; background: rgba(255,255,255,.03); border:1px solid rgba(148,163,184,.08); }
.v10pro-mini-card span { display:block; color:#94a3b8; font-size:12px; margin-bottom:8px; }
.v10pro-mini-card strong { font-size:24px; color:#f8fafc; }
@media (max-width: 1300px) {
  .v10pro-decision-grid, .v10pro-board-grid { grid-template-columns:1fr; }
}


/* === Final cleanup patch === */
#dashboard .v10pro-hero,
#dashboard .v10pro-decision-grid,
#dashboard .v10pro-board-grid { display:none !important; }

.sofor-summary-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(96,165,250,.18);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color: #cbd5e1;
  font-size: 13px;
  font-weight: 700;
}
.sofor-summary-chip strong {
  color: #ffffff;
  font-size: 16px;
}


/* === targeted UX upgrade === */
#soforTable tbody tr,
#pasifSoforTable tbody tr {
  transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
#soforTable tbody tr:hover td,
#pasifSoforTable tbody tr:hover td {
  background: rgba(37, 99, 235, 0.12) !important;
}
#soforTable tbody tr:hover,
#pasifSoforTable tbody tr:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(96, 165, 250, .18);
}
.vehicle-actions .btn,
.toolbar .btn,
.btn.small {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.vehicle-actions .btn:hover,
.toolbar .btn:hover,
.btn.small:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.28);
  filter: brightness(1.06);
}

/* mobile menu usability */
@media (max-width: 1100px) {
  .main {
    padding: 16px;
  }
  .sidebar {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .menu-btn {
    min-height: 44px;
  }
}


/* ==== 99-package3-premium-performance ==== */
:root {
  --radius-xl: 22px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --premium-ring: 0 0 0 1px rgba(255,255,255,.04), 0 16px 40px rgba(2,6,23,.36);
}

body.theme-premium {
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.24), transparent 26%),
    radial-gradient(circle at 100% 0%, rgba(239,68,68,.16), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(14,165,233,.08), transparent 26%),
    linear-gradient(180deg, #06101d 0%, #091321 100%);
}

body.theme-premium .sidebar,
body.theme-premium .topbar,
body.theme-premium .panel,
body.theme-premium .card,
body.theme-premium .freeboard,
body.theme-premium .modal {
  backdrop-filter: blur(14px);
}

body.theme-premium .sidebar {
  box-shadow: inset -1px 0 0 rgba(255,255,255,.04), 18px 0 34px rgba(2,6,23,.26);
}

body.theme-premium .topbar {
  border: 1px solid rgba(59,130,246,.12);
  box-shadow: var(--premium-ring);
}

body.theme-premium .panel,
body.theme-premium .card,
body.theme-premium .freeboard,
body.theme-premium .modal,
body.theme-premium .ihr-card,
body.theme-premium .ihr-summary,
body.theme-premium .masraf-summary,
body.theme-premium .auth-card {
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--premium-ring) !important;
}

body.theme-premium .card {
  min-height: 128px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.theme-premium .card:hover,
body.theme-premium .panel:hover {
  transform: translateY(-2px);
  border-color: rgba(96,165,250,.22) !important;
}

body.theme-premium .btn {
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(15,23,42,.22);
}

body.theme-premium .btn.gray {
  background: linear-gradient(180deg, rgba(30,41,59,.98), rgba(15,23,42,.98));
}

body.theme-premium input,
body.theme-premium select,
body.theme-premium textarea {
  border-radius: 12px;
}

body.theme-premium .toolbar,
body.theme-premium .section-title-row,
body.theme-premium .ihr-actions,
body.theme-premium .masraf-toolbar {
  gap: 12px;
}

body.theme-premium .table-wrap,
body.theme-premium .ihr-table-wrap,
body.theme-premium .ihr-records-wrap {
  background: linear-gradient(180deg, rgba(7,17,31,.2), rgba(7,17,31,.06));
  border-radius: 16px;
}

body.theme-premium table thead th {
  backdrop-filter: blur(8px);
}

#dashboard > .cards {
  gap: 18px;
}

#dashboard .card .value {
  font-size: clamp(28px, 3vw, 40px);
}

.menu-btn, .theme-btn, .btn, .card, .panel {
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

@media (max-width: 1100px) {
  body.theme-premium .topbar { border-radius: 16px; }
  body.theme-premium .panel,
  body.theme-premium .card,
  body.theme-premium .freeboard { border-radius: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.dashboard-kpi-click{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.dashboard-kpi-click:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(85,170,255,.35),0 10px 25px rgba(0,0,0,.25);}

/* ==== 98-light-theme-refresh-260427 ==== */
/* Daha dengeli, modern ve kurumsal light tema dokunuşları */
body.theme-light {
  --bg: #eef3f9;
  --bg-soft: #f7fafe;
  --surface: #ffffff;
  --surface-2: #f8fbff;
  --surface-3: #eaf2ff;
  --text: #0f172a;
  --text-muted: #526277;
  --line: #d9e4ef;
  --line-2: #cfdceb;
  --primary: #2563eb;
  --primary-2: #1d4ed8;
  --accent: #ef4444;
  --sidebar-bg: rgba(255,255,255,.84);
  --sidebar-border: rgba(203,213,225,.92);
  --card-shadow: 0 18px 42px rgba(15,23,42,.10);
  --glow: 0 0 0 1px rgba(37,99,235,.16), 0 12px 28px rgba(37,99,235,.14);
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 28%),
    radial-gradient(circle at top right, rgba(239,68,68,.08), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #eef3f9 55%, #e9f0f8 100%);
}

body.theme-light::before {
  background:
    radial-gradient(circle at 12% 10%, rgba(37,99,235,.08), transparent 20%),
    radial-gradient(circle at 86% 14%, rgba(239,68,68,.06), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.55), transparent 36%, rgba(255,255,255,.2) 64%, transparent 100%);
  opacity: 1;
}

body.theme-light .sidebar {
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(245,249,255,.84)) !important;
  border-right: 1px solid rgba(203,213,225,.95) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.75), 18px 0 40px rgba(15,23,42,.05);
}

body.theme-light .brand-wrap,
body.theme-light .theme-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(245,249,255,.98)) !important;
  border: 1px solid #d9e4ef !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.08) !important;
}

body.theme-light .menu-group-title {
  color: #5b6f86 !important;
  font-weight: 800;
}

body.theme-light .menu-btn,
body.theme-light .theme-btn {
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(244,248,253,.98)) !important;
  border: 1px solid #d8e2ee !important;
  color: #122236 !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.05);
}

body.theme-light .menu-btn:hover,
body.theme-light .theme-btn:hover {
  background: linear-gradient(180deg, #ffffff, #eef5ff) !important;
  border-color: #bcd0ea !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.08);
}

body.theme-light .menu-btn.active,
body.theme-light .theme-btn.active {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.15), 0 14px 28px rgba(37,99,235,.24) !important;
}

body.theme-light .topbar {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,249,253,.96));
  border: 1px solid #dce5ef;
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}

body.theme-light .topbar-title,
body.theme-light .section-title-row h3,
body.theme-light .panel h2,
body.theme-light .card h3,
body.theme-light h1,
body.theme-light h2,
body.theme-light h3 {
  color: #102035 !important;
}

body.theme-light .topbar-subtitle,
body.theme-light .topbar-chip,
body.theme-light .topbar-time,
body.theme-light .info,
body.theme-light .mini-info,
body.theme-light .theme-btn small {
  color: #5c7087 !important;
}

body.theme-light .panel,
body.theme-light .freeboard,
body.theme-light .modal {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.98)) !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.08) !important;
}

body.theme-light .panel:hover,
body.theme-light .freeboard:hover,
body.theme-light .modal:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(15,23,42,.10) !important;
}

/* KPI kartları light modda da güçlü görünsün */
body.theme-light .card {
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.16), transparent 28%),
    linear-gradient(135deg, #0c1d37 0%, #0a1630 44%, #081427 100%) !important;
  border: 1px solid rgba(37,99,235,.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 34px rgba(7,18,38,.22) !important;
}

body.theme-light .card::before {
  background: linear-gradient(90deg, #2563eb, #ef4444) !important;
}

body.theme-light .card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 35%, transparent 65%, rgba(255,255,255,.03));
}

body.theme-light .card h3 {
  color: rgba(226,234,244,.86) !important;
  font-weight: 700;
}

body.theme-light .card .value,
body.theme-light .value {
  color: #f8fbff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
}

body.theme-light .btn,
body.theme-light .btn.gray,
body.theme-light .btn.green,
body.theme-light .btn.orange,
body.theme-light .btn.red {
  border-radius: 12px !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.12);
}

body.theme-light input,
body.theme-light select,
body.theme-light textarea,
body.theme-light .toolbar input,
body.theme-light .toolbar select,
body.theme-light .inline-input,
body.theme-light .inline-note,
body.theme-light .topbar-search input {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border: 1px solid #cfdceb !important;
  color: #122236 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 2px 6px rgba(15,23,42,.03);
}

body.theme-light input::placeholder,
body.theme-light textarea::placeholder {
  color: #8fa0b5 !important;
}

body.theme-light input:focus,
body.theme-light select:focus,
body.theme-light textarea:focus,
body.theme-light .inline-input:focus,
body.theme-light .inline-note:focus,
body.theme-light .topbar-search input:focus {
  border-color: #7aa5ff !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.14), 0 6px 14px rgba(37,99,235,.10) !important;
}

body.theme-light table {
  border-collapse: separate;
  border-spacing: 0;
}

body.theme-light th,
body.theme-light #aracTakipTable thead th,
body.theme-light .freeboard-grid th,
body.theme-light table thead th {
  background: linear-gradient(135deg, #143764 0%, #102f56 100%) !important;
  color: #dcecff !important;
  border-color: #244d82 !important;
}

body.theme-light th:first-child,
body.theme-light table thead th:first-child {
  border-top-left-radius: 14px;
}

body.theme-light th:last-child,
body.theme-light table thead th:last-child {
  border-top-right-radius: 14px;
}

body.theme-light td,
body.theme-light #dashboard td,
body.theme-light table tbody td,
body.theme-light .detail-row td {
  background: rgba(255,255,255,.96) !important;
  color: #122236 !important;
  border-color: #dbe5ef !important;
}

body.theme-light tbody tr:nth-child(even) td {
  background: #f8fbff !important;
}

body.theme-light tbody tr:hover td {
  background: #eef5ff !important;
}

/* Bazı giriş odaklı gridler light modda daha kontrollü kalsın */
body.theme-light .freeboard-grid td,
body.theme-light #aracTakipTable tbody td {
  background: #ffffff !important;
}

body.theme-light .status {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 6px 12px rgba(15,23,42,.08);
}

body.theme-light .checkbox-group,
body.theme-light .action-stack,
body.theme-light .undo-toast {
  color: #122236 !important;
}

body.theme-light .dashboard-kpi-click:hover {
  box-shadow: 0 0 0 1px rgba(37,99,235,.20), 0 18px 34px rgba(7,18,38,.25) !important;
}

body.theme-light .freeboard-grid input,
body.theme-light .freeboard-grid select {
  background: #f5f8fc !important;
  color: #0f172a !important;
}

body.theme-light .mini-info strong,
body.theme-light .info strong {
  color: #102035 !important;
}

@media (max-width: 1100px) {
  body.theme-light .panel,
  body.theme-light .card,
  body.theme-light .freeboard,
  body.theme-light .topbar {
    border-radius: 18px !important;
  }
}

/* ==== 99-light-theme-text-visibility-hotfix-260427 ==== */
/* Light temada siyah/koyu tablolar üzerinde yazı görünmeme sorununu kapatır */
body.theme-light .card,
body.theme-light .card h3,
body.theme-light .card .value,
body.theme-light .card span,
body.theme-light .card strong {
  color: #f8fbff !important;
}

/* Tüm temel veri tablolarını light modda açık zemine zorla */
body.theme-light #aracTakipTable tbody td,
body.theme-light #faturaKes table tbody td,
body.theme-light #odemeTakipTable tbody td,
body.theme-light #parsiyelOdemeTakipTable tbody td,
body.theme-light #parsiyelFirmaAlacakTable tbody td,
body.theme-light #soforListesi table tbody td,
body.theme-light #cariKart table tbody td,
body.theme-light #araclar table tbody td,
body.theme-light #haftalikCalisma .freeboard-grid.compact tbody td,
body.theme-light .freeboard-grid tbody td,
body.theme-light .parsiyel-fatura-grid tbody td,
body.theme-light .parsiyel-liste-grid tbody td,
body.theme-light .panel table tbody td,
body.theme-light .panel table tbody th {
  background: #ffffff !important;
  color: #122236 !important;
  border-color: #d9e4ef !important;
}

body.theme-light #aracTakipTable tbody tr:nth-child(even) td,
body.theme-light #faturaKes table tbody tr:nth-child(even) td,
body.theme-light #odemeTakipTable tbody tr:nth-child(even) td,
body.theme-light #parsiyelOdemeTakipTable tbody tr:nth-child(even) td,
body.theme-light #parsiyelFirmaAlacakTable tbody tr:nth-child(even) td,
body.theme-light #soforListesi table tbody tr:nth-child(even) td,
body.theme-light #cariKart table tbody tr:nth-child(even) td,
body.theme-light #araclar table tbody tr:nth-child(even) td,
body.theme-light #haftalikCalisma .freeboard-grid.compact tbody tr:nth-child(even) td,
body.theme-light .freeboard-grid tbody tr:nth-child(even) td,
body.theme-light .parsiyel-fatura-grid tbody tr:nth-child(even) td,
body.theme-light .parsiyel-liste-grid tbody tr:nth-child(even) td,
body.theme-light .panel table tbody tr:nth-child(even) td {
  background: #f6faff !important;
}

body.theme-light #aracTakipTable tbody tr:hover td,
body.theme-light #faturaKes table tbody tr:hover td,
body.theme-light #odemeTakipTable tbody tr:hover td,
body.theme-light #parsiyelOdemeTakipTable tbody tr:hover td,
body.theme-light #parsiyelFirmaAlacakTable tbody tr:hover td,
body.theme-light #soforListesi table tbody tr:hover td,
body.theme-light #cariKart table tbody tr:hover td,
body.theme-light #araclar table tbody tr:hover td,
body.theme-light #haftalikCalisma .freeboard-grid.compact tbody tr:hover td,
body.theme-light .freeboard-grid tbody tr:hover td,
body.theme-light .parsiyel-fatura-grid tbody tr:hover td,
body.theme-light .parsiyel-liste-grid tbody tr:hover td,
body.theme-light .panel table tbody tr:hover td {
  background: #edf4ff !important;
}

/* Hücre içindeki düz metinler, label'lar ve küçük bilgi alanları */
body.theme-light table tbody td,
body.theme-light table tbody td *,
body.theme-light .freeboard-grid tbody td,
body.theme-light .freeboard-grid tbody td *,
body.theme-light .panel table tbody td,
body.theme-light .panel table tbody td * {
  color: #122236 !important;
}

/* Koyu statü badge'leri kendi renklerini korusun */
body.theme-light .status,
body.theme-light .status *,
body.theme-light .btn,
body.theme-light .btn * {
  color: inherit;
}

/* Tablo içi input/select alanları light temada beyaz olsun */
body.theme-light table tbody td input,
body.theme-light table tbody td select,
body.theme-light table tbody td textarea,
body.theme-light .freeboard-grid tbody td input,
body.theme-light .freeboard-grid tbody td select,
body.theme-light .freeboard-grid tbody td textarea,
body.theme-light .parsiyel-fatura-grid tbody td input,
body.theme-light .parsiyel-liste-grid tbody td input {
  background: linear-gradient(180deg, #ffffff, #f7fbff) !important;
  color: #122236 !important;
  border: 1px solid #cbd9e8 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 2px 6px rgba(15,23,42,.04) !important;
}

body.theme-light table tbody td input::placeholder,
body.theme-light table tbody td textarea::placeholder,
body.theme-light .freeboard-grid tbody td input::placeholder,
body.theme-light .freeboard-grid tbody td textarea::placeholder {
  color: #8da1b8 !important;
}

/* Koyu başlık satırlarında tüm yazılar açık renk olsun */
body.theme-light table thead th,
body.theme-light table thead th *,
body.theme-light .freeboard-grid thead th,
body.theme-light .freeboard-grid thead th * {
  color: #e7f1ff !important;
}

/* Footer / toplam satırları */
body.theme-light table tfoot td,
body.theme-light table tfoot th,
body.theme-light .freeboard-grid tfoot td,
body.theme-light .freeboard-grid tfoot th,
body.theme-light .toplam-row td,
body.theme-light .summary-row td {
  background: #f1f6fd !important;
  color: #102035 !important;
  border-color: #d3e0ee !important;
  font-weight: 700;
}

/* ==== 100-light-theme-dark-table-text-white-hotfix-260427 ==== */
/* Light temada koyu zeminli tablo başlıkları / koyu satırlardaki yazıları zorla beyaz yap */
body.theme-light table thead th,
body.theme-light table thead td,
body.theme-light #dashboard table thead th,
body.theme-light #dashboard table thead td,
body.theme-light #faturaKes table thead th,
body.theme-light #odemeTakipTable thead th,
body.theme-light #parsiyelOdemeTakipTable thead th,
body.theme-light #parsiyelFirmaAlacakTable thead th,
body.theme-light #aracTakipTable thead th,
body.theme-light #soforListesi table thead th,
body.theme-light #cariKart table thead th,
body.theme-light #araclar table thead th,
body.theme-light #haftalikCalisma .freeboard-grid.compact thead th,
body.theme-light .freeboard-grid thead th,
body.theme-light .freeboard-grid thead td,
body.theme-light .panel table thead th,
body.theme-light .panel table thead td,
body.theme-light .parsiyel-fatura-grid thead th,
body.theme-light .parsiyel-liste-grid thead th {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
  opacity: 1 !important;
}

body.theme-light table thead th *,
body.theme-light table thead td *,
body.theme-light #dashboard table thead th *,
body.theme-light #dashboard table thead td *,
body.theme-light #faturaKes table thead th *,
body.theme-light #odemeTakipTable thead th *,
body.theme-light #parsiyelOdemeTakipTable thead th *,
body.theme-light #parsiyelFirmaAlacakTable thead th *,
body.theme-light #aracTakipTable thead th *,
body.theme-light #soforListesi table thead th *,
body.theme-light #cariKart table thead th *,
body.theme-light #araclar table thead th *,
body.theme-light #haftalikCalisma .freeboard-grid.compact thead th *,
body.theme-light .freeboard-grid thead th *,
body.theme-light .freeboard-grid thead td *,
body.theme-light .panel table thead th *,
body.theme-light .panel table thead td *,
body.theme-light .parsiyel-fatura-grid thead th *,
body.theme-light .parsiyel-liste-grid thead th * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* Koyu toplam / özet / son satırlarda da beyaz yazı */
body.theme-light .toplam-row td,
body.theme-light .summary-row td,
body.theme-light .total-row td,
body.theme-light .grand-total-row td,
body.theme-light .table-total td,
body.theme-light .footer-row td,
body.theme-light .dark-row td,
body.theme-light .dark-section td,
body.theme-light table tbody tr.total td,
body.theme-light table tbody tr.summary td,
body.theme-light table tbody tr:last-child.table-dark td,
body.theme-light table tfoot td,
body.theme-light table tfoot th {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.22) !important;
}

/* Eğer koyu satırda link/span varsa onları da beyaz yap */
body.theme-light .toplam-row td *,
body.theme-light .summary-row td *,
body.theme-light .total-row td *,
body.theme-light .grand-total-row td *,
body.theme-light .table-total td *,
body.theme-light .footer-row td *,
body.theme-light .dark-row td *,
body.theme-light .dark-section td *,
body.theme-light table tfoot td *,
body.theme-light table tfoot th * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* ==== 101-light-theme-kpi-and-dark-header-white-final-260427 ==== */
/* Light temada üst KPI değerleri ve koyu tablo başlık yazıları kesin beyaz */
body.theme-light #dashboard .cards .card,
body.theme-light #dashboard .card {
  background: linear-gradient(135deg, #0c1d37 0%, #081427 100%) !important;
}

body.theme-light #dashboard .cards .card h3,
body.theme-light #dashboard .cards .card .value,
body.theme-light #dashboard .cards .card .value *,
body.theme-light #dashboard .card h3,
body.theme-light #dashboard .card .value,
body.theme-light #dashboard .card .value * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
  filter: none !important;
}

body.theme-light #dashboard .cards .card .value {
  font-weight: 900 !important;
  font-size: clamp(26px, 2.6vw, 38px) !important;
}

body.theme-light table thead th,
body.theme-light table thead td,
body.theme-light table thead th *,
body.theme-light table thead td *,
body.theme-light .panel table thead th,
body.theme-light .panel table thead td,
body.theme-light .panel table thead th *,
body.theme-light .panel table thead td *,
body.theme-light #dashboard table thead th,
body.theme-light #dashboard table thead td,
body.theme-light #dashboard table thead th *,
body.theme-light #dashboard table thead td *,
body.theme-light .freeboard-grid thead th,
body.theme-light .freeboard-grid thead td,
body.theme-light .freeboard-grid thead th *,
body.theme-light .freeboard-grid thead td * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.24) !important;
  filter: none !important;
}

body.theme-light table thead th,
body.theme-light table thead td,
body.theme-light .panel table thead th,
body.theme-light .panel table thead td,
body.theme-light .freeboard-grid thead th,
body.theme-light .freeboard-grid thead td {
  background: linear-gradient(135deg, #102f56 0%, #071a33 100%) !important;
}

/* ==== 101-light-theme-fine-tune-260427 ==== */
/* Son ince ayarlar: KPI kartları, form alanları, tablo boşlukları ve aksiyon butonları */
body.theme-light .panel {
  padding: 18px 20px !important;
}

body.theme-light #dashboard .panel {
  padding: 18px 18px !important;
}

body.theme-light .card {
  min-height: 112px !important;
  padding: 18px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

body.theme-light .card h3 {
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  margin-bottom: 8px !important;
}

body.theme-light .card .value,
body.theme-light .value {
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

body.theme-light .mini-info {
  background: #f7fbff !important;
  border: 1px solid #d8e4f0 !important;
  border-radius: 14px !important;
  color: #6a7f96 !important;
}

body.theme-light .mini-info strong {
  color: #0f2137 !important;
}

body.theme-light .panel h2,
body.theme-light .section-title-row h3,
body.theme-light .topbar-title {
  margin-bottom: 8px !important;
}

body.theme-light table thead th,
body.theme-light .freeboard-grid thead th {
  padding: 12px 12px !important;
  font-size: 14px !important;
}

body.theme-light table tbody td,
body.theme-light .freeboard-grid tbody td {
  padding: 11px 12px !important;
}

body.theme-light #dashboard table tbody td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.theme-light .btn,
body.theme-light .btn.gray,
body.theme-light .btn.green,
body.theme-light .btn.orange,
body.theme-light .btn.red {
  min-height: 38px !important;
  padding: 9px 14px !important;
}

body.theme-light table .btn,
body.theme-light .action-stack .btn {
  min-height: 34px !important;
  padding: 7px 12px !important;
  border-radius: 10px !important;
}

body.theme-light .status {
  min-height: 30px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

body.theme-light #soforler .panel:first-child,
body.theme-light #cariKart .panel:first-child,
body.theme-light #araclar .panel:first-child {
  padding-bottom: 16px !important;
}

body.theme-light #soforler .panel:first-child input,
body.theme-light #soforler .panel:first-child select,
body.theme-light #cariKart .panel:first-child input,
body.theme-light #cariKart .panel:first-child select,
body.theme-light #araclar .panel:first-child input,
body.theme-light #araclar .panel:first-child select {
  height: 44px !important;
  border-radius: 14px !important;
}

body.theme-light #soforler table td:last-child,
body.theme-light #cariKart table td:last-child,
body.theme-light #araclar table td:last-child {
  white-space: nowrap !important;
}

body.theme-light #soforler table td:last-child .btn,
body.theme-light #cariKart table td:last-child .btn,
body.theme-light #araclar table td:last-child .btn {
  margin-right: 6px !important;
}

body.theme-light #soforler table td:last-child .btn:last-child,
body.theme-light #cariKart table td:last-child .btn:last-child,
body.theme-light #araclar table td:last-child .btn:last-child {
  margin-right: 0 !important;
}

/* ==== 102-light-theme-kpi-mobile-toolbar-fix-260427 ==== */
/* Son tur: KPI kartı taşma düzeltmesi + checkbox kontrast + mobil araç takip */
body.theme-light #dashboard > .cards {
  gap: 16px !important;
  align-items: stretch !important;
}

body.theme-light #dashboard > .cards .card {
  min-width: 0 !important;
  min-height: 108px !important;
  padding: 14px 16px 16px !important;
  border-radius: 22px !important;
  justify-content: space-between !important;
}

body.theme-light #dashboard > .cards .card h3 {
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: .03em !important;
  margin: 0 0 8px !important;
  max-width: 100% !important;
}

body.theme-light #dashboard > .cards .card .value,
body.theme-light #dashboard > .cards .card .value * {
  display: block !important;
  font-size: clamp(19px, 1.7vw, 28px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.025em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.theme-light #odemeTakip .checkbox-group,
body.theme-light #parsiyelOdemeTakip .checkbox-group {
  background: linear-gradient(135deg, #0c1d37 0%, #081427 100%) !important;
  border: 1px solid rgba(59,130,246,.24) !important;
}

body.theme-light #odemeTakip .checkbox-group label,
body.theme-light #odemeTakip .checkbox-group label span,
body.theme-light #parsiyelOdemeTakip .checkbox-group label,
body.theme-light #parsiyelOdemeTakip .checkbox-group label span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
}

body.theme-light #odemeTakip .checkbox-group input,
body.theme-light #parsiyelOdemeTakip .checkbox-group input {
  accent-color: #3b82f6;
}

body.theme-light #aracTakip .panel:first-child .form-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

body.theme-light #aracTakip .toolbar {
  row-gap: 10px !important;
}

body.theme-light #aracTakip .toolbar select,
body.theme-light #aracTakip .toolbar .btn {
  min-height: 42px !important;
}

@media (max-width: 1500px) {
  body.theme-light #dashboard > .cards .card .value,
  body.theme-light #dashboard > .cards .card .value * {
    font-size: clamp(18px, 1.8vw, 26px) !important;
  }
}

@media (max-width: 1100px) {
  body.theme-light #dashboard > .cards {
    grid-template-columns: repeat(2, minmax(160px, 1fr)) !important;
  }

  body.theme-light #dashboard > .cards .card {
    min-height: 100px !important;
    padding: 14px 14px 15px !important;
  }

  body.theme-light #dashboard > .cards .card .value,
  body.theme-light #dashboard > .cards .card .value * {
    font-size: clamp(18px, 5vw, 28px) !important;
  }

  body.theme-light #aracTakip .toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body.theme-light #aracTakip .toolbar select,
  body.theme-light #aracTakip .toolbar .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 700px) {
  body.theme-light #dashboard > .cards {
    grid-template-columns: 1fr !important;
  }

  body.theme-light #dashboard > .cards .card {
    min-height: 96px !important;
    padding: 14px 16px !important;
  }

  body.theme-light #dashboard > .cards .card h3 {
    font-size: 11px !important;
  }

  body.theme-light #dashboard > .cards .card .value,
  body.theme-light #dashboard > .cards .card .value * {
    font-size: clamp(24px, 8vw, 32px) !important;
  }

  body.theme-light #aracTakip .panel,
  body.theme-light #odemeTakip .panel,
  body.theme-light #parsiyelOdemeTakip .panel {
    padding: 14px !important;
  }

  body.theme-light #aracTakip .panel:first-child .form-grid {
    grid-template-columns: 1fr !important;
  }

  body.theme-light #aracTakip .toolbar {
    grid-template-columns: 1fr !important;
  }

  body.theme-light #odemeTakip .toolbar,
  body.theme-light #parsiyelOdemeTakip .toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body.theme-light #odemeTakip .toolbar select,
  body.theme-light #odemeTakip .toolbar .checkbox-group,
  body.theme-light #odemeTakip .toolbar .btn,
  body.theme-light #parsiyelOdemeTakip .toolbar select,
  body.theme-light #parsiyelOdemeTakip .toolbar .checkbox-group,
  body.theme-light #parsiyelOdemeTakip .toolbar .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.theme-light #odemeTakip .checkbox-group,
  body.theme-light #parsiyelOdemeTakip .checkbox-group {
    justify-content: flex-start !important;
    gap: 10px 14px !important;
  }
}

/* ==== 103-light-theme-plus-icon-visible-fix-260427 ==== */
/* Light temada Araç Takip + / - detay butonlarının işaretleri net görünsün */
body.theme-light .icon-btn,
body.theme-light #aracTakipTable .icon-btn,
body.theme-light table .icon-btn {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border: 1px solid rgba(37, 99, 235, .55) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 16px rgba(37, 99, 235, .22) !important;
  opacity: 1 !important;
}

body.theme-light .icon-btn *,
body.theme-light #aracTakipTable .icon-btn * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

body.theme-light .icon-btn:hover,
body.theme-light #aracTakipTable .icon-btn:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 20px rgba(37, 99, 235, .32) !important;
}

body.theme-light #aracTakipTable td:first-child {
  text-align: center !important;
}

/* ==== 104-global-readability-tune-260427 ==== */
/* Tüm temalar için okunabilirlik: başlık, kayıt yazısı, filtre ve input netliği */
:root {
  --yanik-readable-text-size: 14px;
  --yanik-readable-table-size: 13.5px;
  --yanik-readable-input-size: 14px;
  --yanik-readable-title-size: 21px;
}

/* Sayfa isimleri / ana başlıklar */
.topbar-title,
.page > h1,
.page > h2,
.panel > h2,
.freeboard > h3,
.section-title-row h3,
.v10-panel-head h2 {
  font-weight: 900 !important;
  font-size: var(--yanik-readable-title-size) !important;
  letter-spacing: -0.015em !important;
  line-height: 1.15 !important;
}

.topbar-chip,
.session-pill,
#topbarSessionChip,
#sessionUserEmail,
#sessionUserRole {
  font-weight: 800 !important;
}

/* Menü ve yardımcı başlıklar */
.menu-btn,
.theme-btn,
.menu-group-title,
.brand-text,
.info,
.mini-info,
label {
  font-weight: 700 !important;
}

/* Kayıt tabloları: satır yazıları biraz daha kalın ve okunaklı */
table,
table tbody td,
table tbody th,
.freeboard-grid tbody td,
.freeboard-grid tbody th,
.panel table tbody td,
.panel table tbody th,
.detail-row td,
#aracTakipTable tbody td,
#faturaKesTable tbody td,
#odemeTakipTable tbody td,
#parsiyelOdemeTakipTable tbody td,
#soforTable tbody td,
#cariTable tbody td,
#cekiciTable tbody td,
#dorseTable tbody td {
  font-size: var(--yanik-readable-table-size) !important;
  font-weight: 650 !important;
  line-height: 1.28 !important;
}

/* Tablo başlıkları */
table thead th,
.freeboard-grid thead th,
.panel table thead th,
#aracTakipTable thead th,
#faturaKesTable thead th,
#odemeTakipTable thead th,
#parsiyelOdemeTakipTable thead th,
#soforTable thead th,
#cariTable thead th,
#cekiciTable thead th,
#dorseTable thead th {
  font-size: 13.5px !important;
  font-weight: 900 !important;
  letter-spacing: .01em !important;
  line-height: 1.18 !important;
}

/* Input/select/textarea: içinde alan varsa yazı puntoları büyüsün */
input,
select,
textarea,
.inline-input,
.inline-note,
.toolbar input,
.toolbar select,
.form-grid input,
.form-grid select,
.form-grid textarea,
table input,
table select,
table textarea,
.freeboard-grid input,
.freeboard-grid select,
.freeboard-grid textarea {
  font-size: var(--yanik-readable-input-size) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

input,
select,
textarea,
.toolbar input,
.toolbar select,
.form-grid input,
.form-grid select,
.form-grid textarea {
  min-height: 42px !important;
}

input::placeholder,
textarea::placeholder {
  font-weight: 650 !important;
  opacity: .82 !important;
}

/* Filtre bölümleri daha rahat tıklansın */
.toolbar {
  gap: 12px !important;
  row-gap: 12px !important;
  align-items: center !important;
}

.toolbar input,
.toolbar select,
.toolbar .btn,
.toolbar .checkbox-group {
  min-height: 42px !important;
}

.toolbar select,
.toolbar input {
  min-width: 180px !important;
}

.checkbox-group {
  padding: 11px 14px !important;
  gap: 14px !important;
}

.checkbox-group label {
  font-size: 13.5px !important;
  font-weight: 800 !important;
}

.checkbox-group input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  min-height: 15px !important;
}

/* Butonlar daha okunur */
.btn,
.btn.small,
button,
.action-stack .btn,
.vehicle-actions .btn {
  font-weight: 850 !important;
  letter-spacing: -0.005em !important;
}

.btn:not(.small),
.toolbar .btn {
  font-size: 13.5px !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
}

.btn.small,
table .btn.small,
.action-stack .btn.small {
  font-size: 12px !important;
  min-height: 32px !important;
}

/* Durum rozetleri netleşsin */
.status,
.badge,
.pill {
  font-weight: 900 !important;
  letter-spacing: .005em !important;
}

/* Dashboard KPI okunabilirliği, taşmadan */
#dashboard .card h3 {
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
}

#dashboard .card .value {
  font-weight: 950 !important;
  line-height: 1.02 !important;
}

/* Araç takip dar kolonlarda okunabilir ama taşmasın */
#aracTakipTable th,
#aracTakipTable td {
  font-size: 12.5px !important;
}

#aracTakipTable .icon-btn {
  font-weight: 950 !important;
}

/* Haftalık / parsiyel çalışma tablolarında inputlar daha okunur */
#haftalikCalisma .freeboard-grid input,
#haftalikCalisma .freeboard-grid select,
#parsiyelCalisma .freeboard-grid input,
#parsiyelCalisma .freeboard-grid select,
.parsiyel-liste-grid input,
.parsiyel-liste-grid select,
.parsiyel-fatura-grid input,
.parsiyel-fatura-grid select {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  min-height: 34px !important;
}

/* Mobil ve 16 inç ekranlarda kontrollü davranış */
@media (max-width: 1600px) {
  :root {
    --yanik-readable-table-size: 12.5px;
    --yanik-readable-input-size: 13px;
    --yanik-readable-title-size: 20px;
  }

  table thead th,
  .freeboard-grid thead th,
  .panel table thead th {
    font-size: 12.5px !important;
  }

  .toolbar select,
  .toolbar input {
    min-width: 150px !important;
  }
}

@media (max-width: 900px) {
  :root {
    --yanik-readable-table-size: 12px;
    --yanik-readable-input-size: 13px;
    --yanik-readable-title-size: 19px;
  }

  .toolbar select,
  .toolbar input,
  .toolbar .btn,
  .toolbar .checkbox-group {
    width: 100% !important;
    min-width: 0 !important;
  }
}