:root {
  --admin-blue: #2563eb;
  --admin-blue-hover: #1d4ed8;
  --admin-blue-soft: #eff6ff;
  --admin-blue-border: #bfdbfe;
  --admin-sidebar: #102a56;
}

body {
  background: #f4f7fb !important;
}

aside.bg-slate-900 {
  background: var(--admin-sidebar) !important;
}

nav[aria-label="运营导航"] a.bg-orange-500,
nav[aria-label="移动端运营导航"] a.bg-orange-500,
main button.bg-orange-500,
main a.bg-orange-500,
#login-btn.bg-orange-500,
#quick-customer-form button[type="submit"],
#quick-customer-form button:not([type]) {
  background-color: var(--admin-blue) !important;
  color: #fff !important;
}

nav[aria-label="运营导航"] a.bg-orange-500:hover,
nav[aria-label="移动端运营导航"] a.bg-orange-500:hover,
main button.bg-orange-500:hover,
main a.bg-orange-500:hover,
#login-btn.bg-orange-500:hover,
#quick-customer-form button[type="submit"]:hover,
#quick-customer-form button:not([type]):hover,
.hover\:bg-orange-600:hover {
  background-color: var(--admin-blue-hover) !important;
}

header .bg-orange-100,
main button.bg-orange-50.text-orange-700,
main a.bg-orange-50.text-orange-700 {
  background-color: var(--admin-blue-soft) !important;
  color: #1d4ed8 !important;
}

main header > p.text-orange-600,
main section > div > p.text-orange-600 {
  color: var(--admin-blue) !important;
}

main section.border-orange-200 {
  border-color: var(--admin-blue-border) !important;
}

input[class*="focus:border-orange-500"]:focus,
select[class*="focus:border-orange-500"]:focus,
textarea[class*="focus:border-orange-500"]:focus {
  border-color: var(--admin-blue) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16) !important;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 1023px) {
  nav[aria-label="移动端运营导航"] {
    scrollbar-color: #bfdbfe transparent;
  }
}