:root {
  --plus-bg: #f4f7fb;
  --plus-surface: #ffffff;
  --plus-ink: #101828;
  --plus-muted: #667085;
  --plus-border: #e4e7ec;
  --plus-brand: #0b1f33;
  --plus-accent: #1d4ed8;
  --plus-accent-hover: #1e40af;
  --plus-radius: 12px;
  --plus-shadow: 0 12px 40px rgba(16, 24, 40, 0.08);
  --plus-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, sans-serif;
}
html, body {
  background: var(--plus-bg) !important;
  color: var(--plus-ink) !important;
  font-family: var(--plus-font) !important;
  -webkit-font-smoothing: antialiased;
}
body a,
.wrapper a {
  color: var(--plus-accent) !important;
}
body a:hover,
.wrapper a:hover {
  color: var(--plus-accent-hover) !important;
}
/* Main shell */
.wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 24px 16px 48px !important;
}
/* Header band — “PlusCRM nav” feel */
.header,
header.header {
  background: linear-gradient(180deg, var(--plus-brand), #071426) !important;
  color: #fff !important;
  border-radius: var(--plus-radius) !important;
  box-shadow: var(--plus-shadow) !important;
  padding: 20px 24px !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.header *,
header.header * {
  color: #fff !important;
}
/* Content blocks as cards */
.block {
  background: var(--plus-surface) !important;
  border: 1px solid var(--plus-border) !important;
  border-radius: var(--plus-radius) !important;
  box-shadow: var(--plus-shadow) !important;
  padding: 20px 20px !important;
  margin: 0 0 16px 0 !important;
}
.block h1, .block h2, .block h3, .block h4 {
  color: var(--plus-ink) !important;
  font-weight: 650 !important;
}
/* Tables / muted meta text */
.block table,
.block .table {
  color: var(--plus-ink) !important;
}
/* Keep operational greens/reds readable; soften only “chrome” */
.block tr,
.block td,
.block th {
  border-color: var(--plus-border) !important;
}
/* Buttons / pills if present */
button,
.button,
.btn,
input[type="submit"] {
  font-family: var(--plus-font) !important;
  border-radius: 10px !important;
}
/* Generic form controls */
input, select, textarea {
  font-family: var(--plus-font) !important;
  border-radius: 10px !important;
  border-color: var(--plus-border) !important;
}