:root {
  --sifai-primary: #1f6aa5;
  --sifai-accent: #d88c1c;
  --sifai-soft: #eef6ff;
  --sifai-soft-border: #cde3ff;
}

body {
  background: radial-gradient(1200px 420px at 20% -8%, #f3f9ff 0%, #ffffff 55%);
}

.hero.is-info {
  background: linear-gradient(135deg, #1f6aa5 0%, #2c88cc 65%, #5bb5de 100%);
}

.footer {
  border-top: 1px solid #e6eef7;
  background: #fbfdff;
}

.button.is-primary {
  background-color: var(--sifai-primary);
}

.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #fbfdff;
}

.box {
  border: 1px solid #eef2f7;
  box-shadow: 0 2px 10px rgba(18, 68, 118, 0.04);
}

.sifai-page-head {
  margin: 0.25rem 0 0.9rem;
  padding: 0.95rem 1rem;
  border: 1px solid #dbe8f6;
  border-radius: 12px;
  background: linear-gradient(135deg, #f6faff 0%, #eef6ff 55%, #fdf6ea 100%);
}

.sifai-page-title {
  margin: 0;
  color: #19466f;
  font-weight: 700;
}

.sifai-page-subtitle {
  margin-top: 0.2rem;
  color: #597b9d;
  font-size: 0.9rem;
}

.sifai-content-panel {
  margin-top: 0.8rem;
  padding: 0.8rem;
  border: 1px solid #e3edf8;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(25, 82, 135, 0.06);
}

.tabs.sifai-tabs ul {
  border-bottom: 0;
  gap: 0.45rem;
}

.tabs.sifai-tabs li a {
  border: 1px solid #dbe8f6;
  border-radius: 10px;
  background: #ffffff;
  color: #24517f;
  transition: all 0.2s ease;
  font-weight: 600;
}

.tabs.sifai-tabs li a:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(27, 82, 132, 0.08);
}

.tabs.sifai-tabs li.is-active a {
  border-color: #1f6aa5;
  color: #1b4f7d;
  background: linear-gradient(180deg, #f5f9ff 0%, #eaf4ff 100%);
}

.tabs.sifai-tabs li.tab-primary.is-active a {
  border-color: #1f6aa5;
  box-shadow: 0 8px 16px rgba(31, 106, 165, 0.15);
}

.tabs.sifai-tabs li.tab-success.is-active a {
  border-color: #1e8f46;
  box-shadow: 0 8px 16px rgba(30, 143, 70, 0.15);
}

.tabs.sifai-tabs li.tab-warning.is-active a {
  border-color: #d88c1c;
  box-shadow: 0 8px 16px rgba(216, 140, 28, 0.16);
}

table.dataTable,
table.display {
  border-collapse: separate !important;
  border-spacing: 0;
}

table.dataTable thead th,
table.display thead th {
  background: #f4f9ff;
  color: #234f79;
  font-weight: 700;
  border-bottom: 1px solid #d7e6f8 !important;
}

table.dataTable tbody tr:nth-child(even),
table.display tbody tr:nth-child(even) {
  background: #fbfdff;
}

table.dataTable tbody td,
table.display tbody td {
  border-color: #edf3fb !important;
}

div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select,
table.dataTable thead .filters input,
table.display thead .filters input {
  border: 1px solid #cfe1f5;
  border-radius: 8px;
  background: #ffffff;
  padding: 0.34rem 0.5rem;
  color: #254f77;
}

.btn-edit,
.sifai-btn-action {
  background: linear-gradient(180deg, #2a7bc0 0%, #1f6aa5 100%);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 0.4rem 0.75rem;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}

.btn-edit:hover,
.sifai-btn-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(31, 106, 165, 0.22);
}

@media (max-width: 768px) {
  .sifai-page-head {
    padding: 0.78rem 0.82rem;
  }

  .sifai-content-panel {
    padding: 0.62rem;
  }

  div.dataTables_wrapper {
    font-size: 0.92rem;
  }

  div.dataTables_wrapper .dataTables_filter,
  div.dataTables_wrapper .dataTables_length,
  div.dataTables_wrapper .dataTables_info,
  div.dataTables_wrapper .dataTables_paginate {
    margin-top: 0.45rem;
  }

  table.dataTable thead th,
  table.display thead th,
  table.dataTable tbody td,
  table.display tbody td {
    white-space: nowrap;
    padding: 0.45rem 0.38rem;
  }
}