/*
  SITAXI global polish
  Visual-only layer for public pages and rider/driver self-service dashboards.
*/
:root {
  --sx-blue: #083b78;
  --sx-blue-2: #102080;
  --sx-navy: #061a36;
  --sx-lime: #c9f23d;
  --sx-yellow: #ffd51f;
  --sx-ink: #14213d;
  --sx-muted: #6c7890;
  --sx-line: #e5ebf4;
  --sx-bg: #f4f7fb;
  --sx-card: #ffffff;
}

body.commonpage {
  color: var(--sx-ink);
  background: var(--sx-bg);
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  letter-spacing: 0;
}

body.commonpage a {
  transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.dash-head {
  background: rgba(6, 26, 54, .96) !important;
  border-bottom: 1px solid rgba(201, 242, 61, .28);
  box-shadow: 0 18px 42px rgba(6, 26, 54, .12);
}

.dash-head-logo {
  max-height: 42px;
  border-radius: 12px;
  background: #fff;
  padding: 5px 14px;
}

#main {
  background:
    radial-gradient(circle at 8% 0%, rgba(201, 242, 61, .12), transparent 28rem),
    linear-gradient(180deg, #f8fbff 0%, #eef3fa 100%);
  min-height: calc(100vh - 90px);
}

.dash-panel .page-sidebar .site-nav {
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(7, 27, 59, .12) !important;
}

.dash-panel .page-sidebar .site-nav > li:first-child {
  background: linear-gradient(135deg, var(--sx-navy), var(--sx-blue)) !important;
}

.dash-panel .page-sidebar .site-nav li a.side-nav-a,
.dash-panel .page-sidebar .site-nav li a.sidenav-item,
.dash-panel .page-sidebar .site-nav li.logout a {
  min-height: 44px;
  display: flex !important;
  align-items: center;
  color: var(--sx-blue) !important;
  font-weight: 900 !important;
  border-left: 5px solid transparent !important;
}

.dash-panel .page-sidebar .site-nav li a[aria-selected="true"],
.dash-panel .page-sidebar .site-nav li a.side-nav-a:hover,
.dash-panel .page-sidebar .site-nav li a.sidenav-item:hover,
.dash-panel .page-sidebar .site-nav li.logout a:hover {
  background: linear-gradient(90deg, rgba(201, 242, 61, .88), rgba(255, 213, 31, .72)) !important;
  color: var(--sx-navy) !important;
  border-left-color: var(--sx-blue) !important;
}

.page-content,
.sitaxi-profile-page,
.dashboard .page-content {
  background: transparent;
}

.page-content > div,
.sitaxi-profile-page > div:not(.separated--bottom:first-child),
.parter-info,
.trip-expand,
.payment--container,
.receipt-content,
.invoice_table,
.profile_view {
  border-radius: 24px;
}

.sitaxi-profile-page,
.dashboard .page-content,
.driver-dashboard-page,
.page-content.four-fifths {
  padding: 18px 22px 44px !important;
}

.cls_profiletitle,
.page-content h1,
.page-content h2,
.flush-h2 {
  color: var(--sx-navy) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.sitaxi-profile-page > .separated--bottom:first-child,
.page-content > .separated--bottom:first-child {
  background: linear-gradient(135deg, var(--sx-navy), var(--sx-blue));
  color: #fff;
  border-radius: 24px;
  padding: 22px 24px !important;
  margin-bottom: 18px;
  box-shadow: 0 22px 46px rgba(8, 59, 120, .17);
}

.sitaxi-profile-page > .separated--bottom:first-child h1,
.page-content > .separated--bottom:first-child h1 {
  color: #fff !important;
  margin: 0;
}

.parter-info,
.sitaxi-profile-page form,
.page-content .layout,
.invoice_table,
.trip-expand,
.payment--container,
.driver_documents,
.payout_popup_view {
  background: #fff;
  border: 1px solid rgba(8, 59, 120, .08);
  box-shadow: 0 18px 42px rgba(15, 33, 68, .08);
}

.sitaxi-profile-page form.layout {
  padding: 22px;
  border-radius: 24px;
}

label,
.nam_pro,
.page-content label {
  color: var(--sx-navy) !important;
  font-weight: 900 !important;
}

._style_3vhmZK,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea {
  min-height: 43px;
  border-radius: 14px !important;
  border: 1px solid #d7e0ee !important;
  background: #f9fbff !important;
  color: var(--sx-ink) !important;
  box-shadow: none !important;
}

._style_3vhmZK:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--sx-blue) !important;
  box-shadow: 0 0 0 4px rgba(8, 59, 120, .1) !important;
}

.btn,
.btn-blue,
.btn--primary,
button[type="submit"],
input[type="submit"],
input[type="button"] {
  border-radius: 999px !important;
  border: 0 !important;
  font-weight: 950 !important;
  min-height: 42px;
  padding: 10px 22px !important;
  background: linear-gradient(135deg, var(--sx-blue), var(--sx-blue-2)) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(8, 59, 120, .18);
}

.btn:hover,
.btn-blue:hover,
.btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(8, 59, 120, .24);
}

.text-danger {
  color: #e43d4f !important;
  font-weight: 800;
}

.panel-header {
  background: linear-gradient(135deg, var(--sx-navy), var(--sx-blue)) !important;
  color: #fff !important;
  border-radius: 22px 22px 0 0;
  font-weight: 900;
}

.modal-content {
  border: 0 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 70px rgba(6, 26, 54, .28) !important;
}

.table,
table {
  color: var(--sx-ink);
}

.table th,
table th {
  color: var(--sx-blue);
  font-weight: 900;
}

.site-nav--dark,
.flyout__content .site-nav {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(15, 33, 68, .14);
}

.sitaxi-public-footer {
  margin-top: 0;
}

.sitaxi-footer-credit a {
  color: var(--sx-lime) !important;
  font-weight: 950;
}

@media (max-width: 767px) {
  .sitaxi-profile-page,
  .dashboard .page-content,
  .page-content.four-fifths {
    padding: 12px 12px 36px !important;
  }

  .sitaxi-profile-page form.layout {
    padding: 16px;
  }

  .sitaxi-profile-page > .separated--bottom:first-child,
  .page-content > .separated--bottom:first-child {
    border-radius: 20px;
    padding: 18px !important;
  }

  ._style_3vhmZK,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  select,
  textarea {
    width: 100%;
  }
}