/* ==========================================================================
   SANJARMedi — Ultrasound / Radiology Panel
   An accent variant of the shared provider design system. It inherits every
   component, token and animation from hospital.css and re-points only the
   brand hue to a radiology indigo.
   ========================================================================== */

@import url("../../hospital/assets/hospital.css");

:root {
  --sm-primary: hsl(243, 62%, 52%);
  --sm-primary-hover: hsl(243, 64%, 45%);
  --sm-primary-dark: hsl(243, 66%, 38%);
  --sm-primary-light: hsl(243, 70%, 96%);

  --sm-accent: hsl(187, 85%, 42%);
  --sm-accent-light: hsl(187, 85%, 96%);

  --sm-soft: hsl(243, 70%, 96%);
  --bs-focus-ring-color: hsla(243, 62%, 52%, 0.2);
}

.brand-mark,
.brand-icon,
.patient-avatar,
.scope-avatar,
.sidebar-user-avatar {
  background: linear-gradient(135deg, hsl(243, 62%, 54%) 0%, hsl(262, 66%, 56%) 100%);
}

.login-shell {
  background:
    radial-gradient(900px circle at 50% -10%, hsl(243, 70%, 94%), transparent 70%),
    var(--sm-bg);
}

.provider-command-strip {
  background:
    radial-gradient(600px circle at 100% 0%, rgba(255, 255, 255, 0.16), transparent 60%),
    linear-gradient(135deg, hsl(243, 62%, 52%) 0%, hsl(262, 64%, 46%) 100%);
}

.provider-command-strip .btn-primary {
  --bs-btn-color: hsl(243, 66%, 42%);
  --bs-btn-hover-color: hsl(243, 66%, 34%);
  --bs-btn-hover-bg: hsl(243, 70%, 97%);
  --bs-btn-hover-border-color: hsl(243, 70%, 97%);
  --bs-btn-active-color: hsl(243, 66%, 34%);
  --bs-btn-active-bg: hsl(243, 70%, 94%);
  --bs-btn-active-border-color: hsl(243, 70%, 94%);
}

.provider-command-strip .btn-outline-primary,
.provider-command-strip .btn-outline-secondary {
  --bs-btn-hover-color: hsl(243, 66%, 42%);
  --bs-btn-active-color: hsl(243, 66%, 34%);
}

.btn-outline-primary {
  --bs-btn-border-color: hsl(243, 45%, 84%);
}

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 3px hsla(243, 62%, 52%, 0.16);
}

.stat-card::before,
.stat-blue::before { background: var(--sm-primary); }

.stat-blue .stat-icon {
  color: var(--sm-primary);
  background: var(--sm-primary-light);
}

/* Scan-workflow stages need their own badge tints; without these they fell
   through to an untinted default and read as plain text. */
.status-paid_awaiting_slot,
.status-slot_confirmed,
.status-scan_scheduled {
  color: hsl(243, 66%, 40%);
  background: hsl(243, 70%, 96%);
}

.status-scan_done,
.status-in_progress {
  color: hsl(196, 82%, 26%);
  background: hsl(190, 70%, 94%);
}

.status-completed_report_ready {
  color: hsl(150, 75%, 24%);
  background: hsl(150, 62%, 93%);
}

.status-refunded {
  color: hsl(275, 55%, 38%);
  background: hsl(275, 60%, 96%);
}