:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-light: #dbeafe;
  --auth-bg: #1e40af;
}

.alert-primary {
  background-color: var(--primary);
}

.choose_media_button,
.image-holder__placeholder {
  border-color: var(--primary);
}

.choose_media_button {
  background: var(--primary);
}

.media-radio-input:checked + .media-label {
  border-color: var(--primary);
}

.open-orders-notifs:hover {
  color: var(--primary);
}

.header-notif-bar svg,
.header-notif-bar img {
  background: var(--primary);
}

.count {
  color: var(--primary);
}

.upload-single-image-container {
  border-color: var(--primary);
}

.console-platform-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--primary-light);
  color: var(--primary-dark);
  margin: 0.9rem;
  border-radius: 0.6rem;
  padding: 0.6rem 0.8rem;
  font-weight: bold;
  font-size: 0.85rem;
}

.sidebar-item.disabled .sidebar-link {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-console-primary {
  background: var(--primary);
  color: #fff;
  border: none;
  padding: 0.55rem 1.2rem;
  border-radius: 0.7rem;
  font-weight: bold;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.btn-console-primary:hover {
  background: var(--primary-dark);
  color: #fff;
}

.btn-console-secondary {
  background: #eef2ff;
  color: var(--primary-dark);
  border: 1px solid #c7d2fe;
  padding: 0.55rem 1.2rem;
  border-radius: 0.7rem;
  font-weight: bold;
  text-decoration: none;
}

.console-page-wrapper {
  padding: 0 1.5rem 2rem;
}

.console-page-title {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
}

.sidebar-item.active > .sidebar-link {
  background: var(--primary-light);
  color: var(--primary-dark);
}

.sidebar-item.active > .sidebar-link i,
.sidebar-item.active > .sidebar-link svg {
  color: var(--primary);
  fill: var(--primary);
}

.manage-branches,
.servic-status {
  background: var(--primary-light);
}