.blood-labels-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

/* Yes/No questionnaire: horizontal radios (density) */
.blood-questionnaire__radios.eu-radio-row--inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--eu-space-md, 12px) var(--eu-space-lg, 16px);
  margin-top: var(--eu-space-xs, 4px);
}

.blood-questionnaire__radios .eu-radio {
  min-width: 4.5rem;
}

.blood-collect__fit {
  margin: var(--eu-space-sm, 8px) 0 0;
}

.blood-collect__volume {
  display: flex;
  align-items: center;
  gap: var(--eu-space-sm, 8px);
}

.blood-collect__volume .eu-input {
  flex: 1 1 auto;
  min-width: 0;
}

.blood-collect__checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--eu-space-sm, 8px);
}

.blood-collect__check {
  display: inline-flex;
  align-items: center;
  gap: var(--eu-space-sm, 8px);
  font-size: 14px;
}

.blood-collect__actions {
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--eu-space-sm, 8px);
}

.blood-collect-form .eu-card {
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-tests-form .eu-card {
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-tests__table {
  width: 100%;
  font-size: 13px;
}

.blood-tests__table th,
.blood-tests__table td {
  padding: 6px 8px;
  vertical-align: top;
}

.blood-tests__table .eu-input {
  min-width: 7rem;
  width: 100%;
}

.blood-tests__name {
  display: block;
  font-weight: 600;
}

.blood-tests__details summary {
  cursor: pointer;
  color: var(--eu-accent, #0f766e);
  font-size: 12px;
}

.blood-tests__summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--eu-space-sm, 8px);
  margin-bottom: var(--eu-space-sm, 8px);
}

.blood-tests__summary-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.blood-tests__unit-status {
  margin-top: var(--eu-space-sm, 8px);
}

.blood-tests__audit {
  margin: var(--eu-space-md, 16px) 0;
  padding: var(--eu-space-sm, 8px) var(--eu-space-md, 16px);
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: var(--eu-radius-md, 8px);
  background: var(--eu-surface, #fff);
}

.blood-tests__audit summary {
  cursor: pointer;
  font-weight: 600;
}

.blood-tests__audit-list {
  margin: var(--eu-space-sm, 8px) 0 0;
  padding-left: 1.1rem;
  font-size: 13px;
}

.blood-tests__actions {
  justify-content: flex-end;
  gap: var(--eu-space-sm, 8px);
}

.blood-segregate-form .eu-card {
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-segregate__table {
  width: 100%;
  font-size: 13px;
}

.blood-segregate__table th,
.blood-segregate__table td {
  padding: 6px 8px;
  vertical-align: middle;
}

.blood-segregate__volume {
  display: flex;
  align-items: center;
  gap: 6px;
}

.blood-segregate__volume .eu-input {
  max-width: 6rem;
}

.blood-segregate__actions {
  justify-content: flex-end;
  gap: var(--eu-space-sm, 8px);
}

.blood-request-desk .eu-card {
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-request-desk__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 var(--eu-space-md, 16px);
}

.blood-request-desk__step {
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--eu-radius-md, 8px);
  border: 1px solid var(--eu-border, #e2e8f0);
  background: var(--eu-surface, #fff);
  color: var(--eu-muted, #64748b);
}

.blood-request-desk__step--done {
  color: var(--eu-success, #166534);
  border-color: color-mix(in srgb, var(--eu-success, #166534) 35%, white);
  background: color-mix(in srgb, var(--eu-success, #166534) 10%, white);
}

.blood-request-desk__step--current {
  color: var(--eu-accent, #0f766e);
  border-color: color-mix(in srgb, var(--eu-accent, #0f766e) 40%, white);
  background: color-mix(in srgb, var(--eu-accent, #0f766e) 12%, white);
}

.blood-request-desk__pulse {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: var(--eu-space-md, 16px);
}

@media (max-width: 1100px) {
  .blood-request-desk__pulse {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.blood-request-desk__pulse-card {
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: var(--eu-radius-md, 8px);
  padding: 10px 12px;
  background: var(--eu-surface, #fff);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.blood-request-desk__pulse-card strong {
  font-size: 15px;
}

.blood-request-desk__pulse-card--danger {
  border-color: color-mix(in srgb, var(--eu-danger, #b91c1c) 35%, white);
}

.blood-request-desk__pulse-card--warning {
  border-color: color-mix(in srgb, var(--eu-warning, #b45309) 35%, white);
}

.blood-request-desk__pulse-card--success {
  border-color: color-mix(in srgb, var(--eu-success, #166534) 35%, white);
}

.blood-request-desk__pulse-card--info {
  border-color: color-mix(in srgb, var(--eu-info, #1d4ed8) 35%, white);
}

.blood-request-desk__links {
  margin-bottom: var(--eu-space-md, 16px);
  flex-wrap: wrap;
}

.blood-request-desk__issue-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-request-desk__xm-ro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}

.blood-request-desk__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  position: sticky;
  bottom: 0;
  padding: 10px 0;
  background: color-mix(in srgb, var(--eu-bg, #f8fafc) 92%, white);
  border-top: 1px solid var(--eu-border, #e2e8f0);
  z-index: 2;
}

.blood-request-desk__fallback {
  margin-top: var(--eu-space-md, 16px);
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: var(--eu-radius-md, 8px);
  padding: 10px 12px;
  background: var(--eu-surface, #fff);
}

.blood-request-desk__fallback summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}

.blood-request-desk__fallback[open] summary {
  margin-bottom: 10px;
}

@media (max-width: 1100px) {
  .blood-request-desk__issue-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.blood-request-desk__check {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
}

.blood-request-desk__units {
  width: 100%;
  font-size: 13px;
}

.blood-request-desk__units th,
.blood-request-desk__units td {
  padding: 6px 8px;
}

.blood-request-desk__reaction-list {
  margin: 0 0 8px;
  padding-left: 1.1rem;
  font-size: 13px;
}

.blood-request-desk__reaction-form {
  margin-top: 8px;
}

.blood-request-desk__reaction-form .eu-field {
  margin-bottom: 8px;
}

.blood-xm-desk__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--eu-space-sm, 12px);
  margin-bottom: var(--eu-space-sm, 12px);
}

.blood-xm-desk__title-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blood-xm-desk__photo {
  flex-shrink: 0;
}

.blood-xm-desk__steps {
  margin-bottom: var(--eu-space-sm, 12px);
}

.blood-xm-desk__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-xm-desk__summary-item {
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: var(--eu-radius-md, 8px);
  padding: 8px 12px;
  background: var(--eu-surface, #fff);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.blood-xm-desk__tri {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-xm-desk__mid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-xm-desk__tri .eu-card,
.blood-xm-desk__mid .eu-card {
  margin-bottom: 0;
}

.blood-xm-desk__dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.blood-xm-desk__dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 8px;
  font-size: 13px;
}

.blood-xm-desk__dl dt {
  margin: 0;
  color: var(--eu-muted, #64748b);
  font-weight: 500;
}

.blood-xm-desk__dl dd {
  margin: 0;
  font-weight: 600;
}

.blood-xm-desk__dl--tight {
  margin-top: 8px;
}

.blood-xm-desk__dl--inline {
  grid-template-columns: 1fr;
}

.blood-xm-desk__dl--inline > div {
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.blood-xm-desk__reqs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
  font-size: 13px;
}

.blood-xm-desk__reqs li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid var(--eu-border, #e2e8f0);
}

.blood-xm-desk__reqs li:last-child {
  border-bottom: 0;
}

.blood-xm-desk__immuno {
  font-size: 13px;
}

.blood-xm-desk__immuno .eu-input {
  min-width: 7rem;
}

.blood-xm-desk__immuno-actions {
  margin: 0 0 var(--eu-space-md, 16px);
}

.blood-xm-desk__units .eu-input--sm {
  min-width: 6.5rem;
  font-size: 12px;
  padding: 4px 6px;
}

.blood-xm-desk__interpretation {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px;
  border-radius: var(--eu-radius-md, 8px);
  border: 1px solid var(--eu-border, #e2e8f0);
}

.blood-xm-desk__interpretation--compatible {
  border-color: color-mix(in srgb, var(--eu-success, #166534) 40%, white);
  background: color-mix(in srgb, var(--eu-success, #166534) 8%, white);
}

.blood-xm-desk__interpretation--pending {
  border-color: color-mix(in srgb, var(--eu-warning, #b45309) 40%, white);
  background: color-mix(in srgb, var(--eu-warning, #b45309) 8%, white);
}

.blood-xm-desk__interpretation--incompatible {
  border-color: color-mix(in srgb, var(--eu-danger, #b91c1c) 40%, white);
  background: color-mix(in srgb, var(--eu-danger, #b91c1c) 8%, white);
}

.blood-xm-desk__units-wrap {
  overflow-x: auto;
}

.blood-xm-desk__units {
  min-width: 1100px;
}

.blood-xm-desk__method {
  max-width: 260px;
  margin-bottom: var(--eu-space-sm, 12px);
}

.blood-xm-desk__links {
  margin-bottom: var(--eu-space-md, 16px);
}

.blood-xm-desk__audit {
  margin: 0 0 var(--eu-space-md, 16px);
}

.blood-xm-desk__audit summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
}

.blood-xm-desk__audit[open] {
  border: 1px solid var(--eu-border, #e2e8f0);
  border-radius: var(--eu-radius-md, 8px);
  padding: 12px;
  background: var(--eu-surface, #fff);
}

.blood-xm-desk__actions {
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  position: sticky;
  bottom: 0;
  padding: 10px 0;
  background: color-mix(in srgb, var(--eu-bg, #f8fafc) 92%, white);
  border-top: 1px solid var(--eu-border, #e2e8f0);
  z-index: 2;
}

.blood-xm-desk__cancel {
  margin-top: var(--eu-space-sm, 8px);
  padding-top: var(--eu-space-sm, 8px);
  border-top: 1px solid var(--eu-border, #e2e8f0);
}

.blood-xm-desk__cancel summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
}

.blood-xm-desk__cancel-form {
  display: grid;
  gap: 8px;
  max-width: 420px;
  margin-top: 8px;
}

.eu-muted {
  color: var(--eu-muted, #64748b);
}

@media (max-width: 1100px) {
  .blood-xm-desk__summary,
  .blood-xm-desk__tri,
  .blood-xm-desk__mid {
    grid-template-columns: 1fr;
  }
}


.blood-daily-summary__filters {
  align-items: end;
  margin-bottom: 12px;
}

.blood-daily-summary__filters .eu-field--actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.blood-daily-summary__counts {
  width: 100%;
  font-size: 13px;
}

.blood-daily-summary__counts th {
  text-align: left;
  font-weight: 500;
  width: 70%;
}

.blood-daily-summary__detail {
  width: 100%;
  font-size: 13px;
}

.blood-daily-summary__reaction-count {
  margin: 0;
  font-size: 14px;
}

.blood-daily-summary__footer {
  margin-top: 12px;
}

.blood-print__group {
  font-size: 1.25rem;
  margin: 8px 0;
}

.blood-qc-desk__record {
  margin-bottom: 12px;
}

.blood-qc-desk__form {
  margin-top: 8px;
}

.blood-qc-desk__form .eu-field {
  margin-bottom: 8px;
}

.blood-qc-desk__equipment {
  width: 100%;
  font-size: 13px;
}

@media print {
  .blood-labels__no-print,
  .blood-daily-summary__no-print,
  .blood-labels-toolbar,
  .app-shell__sidebar,
  .app-shell__topbar,
  .app-shell__overlay,
  .app-topnav,
  .eu-flash,
  .eu-workflow-page__header .eu-btn,
  nav,
  aside {
    display: none !important;
  }

  .blood-daily-summary__sheet {
    display: block;
  }

  .blood-daily-summary__counts th,
  .blood-daily-summary__counts td {
    padding: 4px 8px;
    font-size: 12px;
  }

  .app-shell {
    display: block !important;
  }

  .app-shell__workspace,
  .app-shell__main {
    padding: 0 !important;
    margin: 0 !important;
  }

  .eu-card {
    break-inside: avoid;
    box-shadow: none !important;
    border: 1px solid var(--eu-border, #ccc) !important;
  }
}
