html {
  background-color: #fafafa;
}

body.admin-bankco-body {
  background-color: #fafafa;
}

.admin-bankco-root .icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin-bankco-root .bankco-chart-wrap {
  position: relative;
  width: 100%;
}

.admin-bankco-root .bankco-chart-wrap canvas {
  display: block;
  width: 100% !important;
}

/* Smaller nav labels — template item-text uses text-lg */
.admin-bankco-root .sidebar-wrapper .item-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.admin-bankco-root .sidebar-wrapper .item-wrapper > button {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

/*
 * Bankco output.css resets `button, [type=button] { background-color: transparent }`
 * with the same specificity as a single class and loads after Next CSS chunks.
 * Primary ops buttons kept white text → labels looked missing. Force after Bankco.
 */
.admin-bankco-root button.ops-btn,
.admin-bankco-root a.ops-btn,
.admin-bankco-root .ops-btn {
  background-color: #fff;
  background-image: none;
  color: #0f172a;
}

.admin-bankco-root button.ops-btn.ops-btn--primary,
.admin-bankco-root a.ops-btn.ops-btn--primary,
.admin-bankco-root .ops-btn.ops-btn--primary {
  background-color: #0f766e;
  background-image: none;
  border-color: #0f766e;
  color: #fff;
}

.admin-bankco-root button.ops-btn.ops-btn--danger,
.admin-bankco-root a.ops-btn.ops-btn--danger,
.admin-bankco-root .ops-btn.ops-btn--danger {
  background-color: #fff;
  border-color: #fecaca;
  color: #b91c1c;
}

.admin-bankco-root button.ops-btn.ops-btn--ghost,
.admin-bankco-root a.ops-btn.ops-btn--ghost,
.admin-bankco-root .ops-btn.ops-btn--ghost {
  background-color: transparent;
  border-color: transparent;
  color: #64748b;
}

.admin-bankco-root button.ops-chip,
.admin-bankco-root .ops-chip {
  background-color: #f8fafc;
  background-image: none;
  color: #0f172a;
}

.admin-bankco-root button.ops-chip.is-active,
.admin-bankco-root .ops-chip.is-active {
  background-color: #0f766e;
  background-image: none;
  border-color: #0f766e;
  color: #fff;
}

/* ── Compact shell (< xl): must load after Bankco style.css ─ */
@media (max-width: 1279.98px) {
  .admin-bankco-root .layout-wrapper .body-wrapper,
  .admin-bankco-root .layout-wrapper.active .body-wrapper {
    margin-left: 0 !important;
  }

  .admin-bankco-root .layout-wrapper .body-wrapper .header-wrapper,
  .admin-bankco-root .layout-wrapper.active .body-wrapper .header-wrapper {
    width: 100% !important;
  }

  .admin-bankco-root .header-wrapper {
    display: none !important;
  }

  .admin-bankco-root .sidebar-wrapper-collapse {
    display: none !important;
  }

  .admin-bankco-root .body-wrapper > main,
  .admin-bankco-root .admin-main-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: calc(64px + 12px) !important;
    padding-bottom: 24px !important;
  }

  .admin-bankco-root .sidebar-wrapper.admin-sidebar-full {
    display: block !important;
  }
}