/* IndoGrow DB6 — Zeta Alpha instrument cluster V2
   Display only — no control or telemetry changes. */


.zeta-instruments-ready
.gauge-card.zeta-instrument-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;

  padding:
    17px
    17px
    11px;

  border:
    1px solid
    rgba(91,132,141,.34);

  border-radius: 16px;

  background:
    radial-gradient(
      78% 105%
      at 50% 122%,
      rgba(58,188,208,.055),
      transparent 58%
    ),
    radial-gradient(
      72% 68%
      at 50% 48%,
      rgba(86,127,136,.055),
      transparent 68%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.018),
      transparent 20%
    ),
    linear-gradient(
      145deg,
      rgba(14,30,34,.985),
      rgba(7,20,19,.995)
    );

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.028),

    inset 0 -1px 0
      rgba(0,0,0,.36),

    0 18px 40px
      rgba(0,0,0,.15);
}


.zeta-instruments-ready
.gauge-card.zeta-instrument-card::before {
  position: absolute;
  inset: 0;
  z-index: -1;

  pointer-events: none;
  content: "";

  background:
    linear-gradient(
      90deg,
      transparent 2%,
      rgba(255,255,255,.012) 30%,
      transparent 54%
    ),

    linear-gradient(
      180deg,
      rgba(97,207,209,.08),
      transparent 1px
    )
    top / 100% 1px
    no-repeat;
}


.zeta-instruments-ready
.gauge-card.zeta-instrument-card::after {
  position: absolute;

  left: 13%;
  right: 13%;
  bottom: 7px;

  height: 1px;

  z-index: 0;

  pointer-events: none;
  content: "";

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(130,164,171,.16),
      transparent
    );
}


/* -------------------------------------------------
   Card heading
   ------------------------------------------------- */

.zeta-instruments-ready
.gauge-card
.card-heading {
  position: relative;
  z-index: 5;

  align-items: center;

  margin-bottom: 0;
}


.zeta-instruments-ready
.gauge-card
.card-heading
> span:first-child {
  color:
    rgba(210,226,229,.80);

  font-size: 11px;
  font-weight: 735;

  letter-spacing:
    .012em;
}


.zeta-instruments-ready
.gauge-card
.sensor-state {
  padding:
    4px
    7px;

  border:
    1px solid
    rgba(124,184,47,.17);

  border-radius:
    999px;

  background:
    rgba(124,184,47,.045);

  color:
    #94d73e;

  font-size:
    7.4px;

  font-weight:
    850;

  line-height: 1;

  letter-spacing:
    .105em;

  white-space:
    nowrap;
}


/* -------------------------------------------------
   Instrument area
   ------------------------------------------------- */

.zeta-instruments-ready
.gauge-wrap {
  position: relative;

  height: 151px;

  margin-top: 0;
}


.zeta-instruments-ready
.gauge-wrap
> canvas {
  display:
    none !important;
}


.zeta-instrument-svg {
  position: absolute;

  inset:
    -1px
    0
    0;

  display: block;

  width: 100%;
  height: 155px;

  overflow: visible;

  pointer-events: none;
}


/* -------------------------------------------------
   Precision bezel
   ------------------------------------------------- */

.zeta-bezel-outer,
.zeta-bezel-mid,
.zeta-bezel-inner,
.zeta-segment,
.zeta-live-marker,
.zeta-index-tick {
  vector-effect:
    non-scaling-stroke;
}


.zeta-bezel-outer {
  fill: none;

  stroke:
    rgba(184,215,221,.11);

  stroke-width: 1;
}


.zeta-bezel-mid {
  fill: none;

  stroke:
    rgba(34,56,61,.96);

  stroke-width:
    1.4;
}


.zeta-bezel-inner {
  fill: none;

  stroke:
    rgba(126,163,171,.075);

  stroke-width: 1;
}


/* -------------------------------------------------
   Outer index marks
   ------------------------------------------------- */

.zeta-index-tick {
  stroke:
    rgba(155,194,201,.30);

  stroke-width:
    1;
}


.zeta-index-tick.major {
  stroke:
    rgba(211,236,240,.58);

  stroke-width:
    1.35;
}


/* -------------------------------------------------
   Digital progress segments
   ------------------------------------------------- */

.zeta-segment {
  fill: none;

  stroke:
    rgba(34,56,61,.95);

  stroke-width:
    5.3;

  stroke-linecap:
    round;

  opacity:
    .82;

  transition:
    stroke 280ms ease,
    opacity 280ms ease,
    filter 280ms ease;
}


.zeta-segment.is-active {
  stroke:
    var(--za-segment-color);

  opacity:
    .78;

  filter:
    drop-shadow(
      0 0 1.8px
      rgba(83,206,216,.20)
    );
}


.zeta-segment.is-current {
  stroke:
    #dffbfd;

  opacity: 1;

  filter:
    drop-shadow(
      0 0 2px
      rgba(130,236,241,.52)
    )
    drop-shadow(
      0 0 5px
      rgba(86,213,220,.22)
    );
}


/* -------------------------------------------------
   Current position index
   ------------------------------------------------- */

.zeta-live-marker {
  stroke:
    rgba(221,250,252,.88);

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  transition:
    x1 420ms
      cubic-bezier(.2,.8,.2,1),

    y1 420ms
      cubic-bezier(.2,.8,.2,1),

    x2 420ms
      cubic-bezier(.2,.8,.2,1),

    y2 420ms
      cubic-bezier(.2,.8,.2,1),

    opacity 160ms ease;

  filter:
    drop-shadow(
      0 0 3px
      rgba(128,230,237,.45)
    );
}


/* -------------------------------------------------
   Central numeric readout
   ------------------------------------------------- */

.zeta-instruments-ready
.gauge-reading {
  position: absolute;

  z-index: 6;

  top: 57px;
  left: 0;
  right: 0;
  bottom: auto;

  display: flex;

  align-items:
    baseline;

  justify-content:
    center;

  gap: 6px;

  pointer-events:
    none;

  font-variant-numeric:
    tabular-nums;
}


.zeta-instruments-ready
.gauge-reading
strong {
  color:
    #f2f8f8;

  font-size:
    clamp(
      34px,
      2.55vw,
      44px
    );

  font-weight:
    675;

  line-height:
    .9;

  letter-spacing:
    -.048em;

  text-shadow:
    0 1px 0
      rgba(0,0,0,.28),

    0 0 16px
      rgba(154,221,225,.025);
}


.zeta-instruments-ready
.gauge-reading
span {
  position: relative;

  top: -1px;

  color:
    var(--agri-blue, #34B3E4);

  font-size:
    8.8px;

  font-weight:
    700;

  letter-spacing:
    .025em;
}


/* -------------------------------------------------
   Gauge scale
   ------------------------------------------------- */

.zeta-instruments-ready
.gauge-scale {
  display: none !important;
}


.zeta-scale-label {
  fill:
    rgba(160,190,196,.56);

  font-size:
    6.7px;

  font-weight:
    650;

  font-family:
    inherit;

  text-anchor:
    middle;

  dominant-baseline:
    middle;

  font-variant-numeric:
    tabular-nums;

  letter-spacing:
    -.015em;

  pointer-events:
    none;
}


/* -------------------------------------------------
   Responsive
   ------------------------------------------------- */

@media
(max-width: 1180px) {

  .zeta-instruments-ready
  .gauge-wrap {
    height:
      143px;
  }

  .zeta-instrument-svg {
    height:
      147px;
  }

  .zeta-instruments-ready
  .gauge-reading {
    top:
      53px;
  }
}


@media
(max-width: 720px) {

  .zeta-instruments-ready
  .gauge-card.zeta-instrument-card {
    padding-inline:
      15px;
  }

  .zeta-instruments-ready
  .gauge-card
  .sensor-state {
    font-size:
      7px;
  }
}