/* v46 — organite, toitumise, fluoriidi ja deuteeriumi skänn. */

.scene[data-step-type="healthScan"] .holo-console {
  height: 68.5% !important;
}

.scene[data-step-type="healthScan"] .scan-control-panel.v46-health-panel {
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  gap: .26cqw !important;
  overflow: hidden !important;
}

.scene[data-step-type="healthScan"] .v46-scan-results {
  display: grid;
  gap: .28cqw;
  min-width: 0;
  min-height: 0;
  padding-right: .12cqw;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(83, 222, 255, .55) rgba(0, 16, 38, .55);
}

.scene[data-step-type="healthScan"] .v46-scan-results::-webkit-scrollbar {
  width: 5px;
}

.scene[data-step-type="healthScan"] .v46-scan-results::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(83, 222, 255, .55);
}

.v46-vitals-grid,
.v46-organ-grid,
.v46-diet-grid,
.result-health-v46 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .2cqw;
}

.v46-scan-section {
  display: grid;
  gap: .18cqw;
  min-width: 0;
  padding: .24cqw;
  border: 1px solid rgba(78, 213, 255, .3);
  border-radius: .42cqw;
  background: linear-gradient(145deg, rgba(2, 29, 60, .82), rgba(1, 14, 34, .9));
  box-shadow: inset 0 0 .7cqw rgba(59, 206, 255, .045);
}

.v46-scan-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .3cqw;
  min-width: 0;
}

.v46-scan-section > header span {
  color: #8befff;
  font-size: clamp(8px, .5cqw, 10px);
  font-weight: 900;
  letter-spacing: .08em;
}

.v46-scan-section > header small {
  color: #8caabd;
  font-size: clamp(7px, .44cqw, 9px);
  line-height: 1;
  text-align: right;
}

.v46-scan-metric {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .08cqw .24cqw;
  align-items: center;
  min-width: 0;
  padding: .2cqw .28cqw;
  border: 1px solid rgba(78, 213, 255, .25);
  border-radius: .34cqw;
  background: rgba(2, 24, 50, .88);
}

.v46-scan-metric span {
  min-width: 0;
  color: #c9edf8;
  font-size: clamp(8px, .52cqw, 10px);
  font-weight: 750;
  line-height: 1.05;
  white-space: normal;
  overflow-wrap: anywhere;
}

.v46-scan-metric b {
  color: #f2fdff;
  font-size: clamp(9px, .58cqw, 11px);
  line-height: 1;
}

.v46-metric-bar {
  grid-column: 1 / -1;
  height: max(3px, .18cqw);
  overflow: hidden;
  border-radius: 999px;
  background: rgba(79, 154, 190, .17);
}

.v46-metric-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #238bc2, #55e7ff);
  box-shadow: 0 0 .38cqw rgba(77, 226, 255, .36);
}

.v46-scan-metric.level-medium {
  border-color: rgba(255, 210, 102, .44);
}

.v46-scan-metric.level-medium .v46-metric-bar i {
  background: linear-gradient(90deg, #3b96c6, #ffd565);
}

.v46-scan-metric.level-high {
  border-color: rgba(255, 153, 77, .56);
  background: rgba(46, 25, 22, .84);
}

.v46-scan-metric.level-high .v46-metric-bar i {
  background: linear-gradient(90deg, #f0a64f, #ff815e);
}

.v46-scan-metric.level-critical {
  border-color: rgba(255, 91, 101, .68);
  background: rgba(54, 17, 27, .86);
}

.v46-scan-metric.level-critical .v46-metric-bar i {
  background: linear-gradient(90deg, #ff9b59, #ff4e75);
  box-shadow: 0 0 .42cqw rgba(255, 74, 111, .5);
}

.v46-scan-metric.level-locked {
  opacity: .54;
}

.v46-scan-metric.level-locked .v46-metric-bar i {
  background: #4e819a;
  box-shadow: none;
}

.scene[data-step-type="healthScan"] .v46-scan-finding {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: .08cqw .34cqw !important;
  align-items: center !important;
  padding: .26cqw .34cqw !important;
}

.scene[data-step-type="healthScan"] .v46-scan-finding span {
  grid-row: 1 / 3;
  color: #80ebff;
  font-weight: 900;
  letter-spacing: .06em;
}

.scene[data-step-type="healthScan"] .v46-scan-finding strong,
.scene[data-step-type="healthScan"] .v46-scan-finding em {
  min-width: 0;
  margin: 0 !important;
}

.scene[data-step-type="healthScan"] .v46-scan-finding strong {
  font-size: clamp(10px, .64cqw, 12px) !important;
}

.scene[data-step-type="healthScan"] .v46-scan-finding em {
  color: #b8d8e5;
  font-size: clamp(8px, .5cqw, 10px) !important;
  font-style: normal;
  line-height: 1.08 !important;
}

.v46-drawer-health {
  margin-top: .45cqw;
}

.result-health-v46 {
  padding: .34cqw;
  border: 1px solid rgba(82, 224, 255, .34);
  border-radius: .5cqw;
  background: rgba(1, 20, 44, .8);
}

.result-health-v46 > div {
  min-width: 0;
  padding: .3cqw .38cqw;
  border: 1px solid rgba(76, 201, 244, .22);
  border-radius: .36cqw;
  background: rgba(3, 30, 60, .62);
}

.result-health-v46 span,
.result-health-v46 b {
  display: block;
}

.result-health-v46 span {
  color: #91b8c8;
  font-size: clamp(8px, .48cqw, 10px);
}

.result-health-v46 b {
  margin-top: .08cqw;
  color: #ecfbff;
  font-size: clamp(9px, .56cqw, 11px);
  line-height: 1.14;
}

@container (max-width: 980px) {
  .scene[data-step-type="healthScan"] .scan-control-panel.v46-health-panel {
    gap: .18cqw !important;
    padding: .28cqw !important;
  }

  .scene[data-step-type="healthScan"] .v46-scan-results {
    gap: 0;
  }

  .v46-vitals-grid,
  .v46-organ-grid,
  .v46-diet-grid {
    gap: .08cqw;
  }

  .v46-scan-section {
    gap: 0;
    padding: .05cqw;
  }

  .v46-scan-metric {
    gap: .04cqw .18cqw;
    padding: .035cqw .16cqw;
  }

  .v46-scan-metric span {
    font-size: clamp(7px, .49cqw, 9px);
  }

  .v46-scan-metric b {
    font-size: clamp(8px, .54cqw, 10px);
  }

  .v46-metric-bar {
    height: 2px;
  }

  .scene[data-step-type="healthScan"] .scan-warning {
    padding: .24cqw .3cqw !important;
  }

  .scene[data-step-type="healthScan"] .scan-warning span {
    font-size: clamp(8px, .5cqw, 10px) !important;
  }
}
