/* ===== Microsoft Enterprise Blue Theme ===== */

:root {
  --ms-blue: #0078d4;
  --ms-blue-dark: #106ebe;
  --ms-blue-light: #eff6fc;
  --bg-main: #f4f7fb;
  --bg-card: #ffffff;
  --text-main: #1b1f23;
  --text-muted: #5e6a75;
  --border-light: #e1e5ea;
}

/* Global background */
html, body {
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
  font-family: Segoe UI, system-ui, -apple-system, sans-serif !important;
}

/* Sidebar */
.sidebar {
  background: #0b3d91 !important;
  color: #ffffff !important;
}

.sidebar a {
  color: #c7ddff !important;
}

.sidebar a:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

/* Top bar */
.topbar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--border-light) !important;
}

/* Cards / Containers */
.card,
.box,
.container,
.content,
.modal,
.table {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}

/* Headings */
h1, h2, h3, h4 {
  color: var(--text-main) !important;
  font-weight: 600;
}

/* Buttons */
.btn-primary {
  background: var(--ms-blue) !important;
  border-color: var(--ms-blue) !important;
}

.btn-primary:hover {
  background: var(--ms-blue-dark) !important;
  border-color: var(--ms-blue-dark) !important;
}

/* Tables */
.table thead {
  background: var(--ms-blue-light) !important;
}

.table th,
.table td {
  border-color: var(--border-light) !important;
}

/* Forms */
.form-control {
  background: #ffffff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: 4px !important;
}

.form-control:focus {
  border-color: var(--ms-blue) !important;
  box-shadow: 0 0 0 2px rgba(0,120,212,0.15) !important;
}

/* Alerts */
.alert {
  border-radius: 4px !important;
  /* ===== Fix Wizard Steps visibility ===== */

/* The steps container background */
.wizard, .steps, .stepper, .progress-steps, .wizard-steps {
  background: transparent !important;
}

/* Step buttons / pills */
.wizard .step,
.steps .step,
.stepper .step,
.wizard-steps .step,
.progress-steps .step,
.wizard a,
.steps a,
.stepper a,
.wizard button,
.steps button,
.stepper button {
  background: #ffffff !important;
  color: #1b1f23 !important;
  border: 1px solid #e1e5ea !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Active step */
.wizard .step.active,
.steps .step.active,
.stepper .step.active,
.wizard-steps .step.active,
.progress-steps .step.active,
.wizard .step.is-active,
.steps .step.is-active,
.stepper .step.is-active,
.wizard a.active,
.steps a.active,
.stepper a.active {
  background: #0078d4 !important;
  border-color: #0078d4 !important;
  color: #ffffff !important;
}

/* Completed step */
.wizard .step.done,
.steps .step.done,
.stepper .step.done,
.wizard .step.completed,
.steps .step.completed,
.stepper .step.completed {
  background: #eff6fc !important;
  border-color: #0078d4 !important;
  color: #106ebe !important;
}

/* Disabled steps should still be visible */
.wizard .step:disabled,
.steps .step:disabled,
.stepper .step:disabled,
.wizard .step.disabled,
.steps .step.disabled,
.stepper .step.disabled {
  opacity: 0.55 !important;
  filter: none !important;
}

/* Make step labels readable */
.wizard .step span,
.steps .step span,
.stepper .step span {
  color: inherit !important;
}
}
/* Wizard steps: make outline-light visible on light theme */
.btn-outline-light{
  color:#1b1f23 !important;
  border-color:#cfd8e3 !important;
  background:#ffffff !important;
}
.btn-outline-light:hover{
  background:#eff6fc !important;
  border-color:#0078d4 !important;
  color:#106ebe !important;
}

/* Brand button */
.btn-brand{
  background:#0078d4 !important;
  border-color:#0078d4 !important;
  color:#ffffff !important;
}
.btn-brand:hover{
  background:#106ebe !important;
  border-color:#106ebe !important;
}