:root {
  --sap-blue: #0a6ed1;
  --sap-blue-dark: #0854a0;
  --sap-bg: #f5f6f7;
  --sap-text: #32363a;
  --sap-border: #d9d9d9;
  --sap-success: #107e3e;
  --sap-warning: #e9730c;
  --sap-danger: #bb0000;
}

body {
  background-color: var(--sap-bg);
  color: var(--sap-text);
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.sap-navbar {
  background-color: var(--sap-blue-dark);
}

.sap-badge-system {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.sap-card {
  border: 1px solid var(--sap-border);
  border-radius: 6px;
}

.sap-card-header {
  background-color: #ffffff;
  border-bottom: 2px solid var(--sap-blue);
  font-weight: 600;
  color: var(--sap-blue-dark);
}

.sap-btn-primary {
  background-color: var(--sap-blue);
  border-color: var(--sap-blue);
  color: #fff;
}

.sap-btn-primary:hover,
.sap-btn-primary:focus {
  background-color: var(--sap-blue-dark);
  border-color: var(--sap-blue-dark);
  color: #fff;
}

.table-sap thead {
  background-color: var(--sap-blue-dark);
  color: #fff;
}

.table-sap thead th {
  font-weight: 500;
  border-bottom: none;
  vertical-align: middle;
}

.badge-match {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.product-card .card-title {
  color: var(--sap-blue-dark);
}

.sap-sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}

.sap-sortable:hover {
  background-color: var(--sap-blue);
}