/* PURE EQ · E12 DISPLAY 3D PRO
 * Focused display component only. No shell/header/channel selectors.
 * Preserves analyzer, meter and true-peak behavior; visual depth only.
 */

/* One machined bezel, one recessed glass cavity. */
.peq-display{
  height:252px!important;
  margin:2px 4px 3px!important;
  padding-right:48px!important;
  border:7px solid #6f7671!important;
  border-top-color:#353b37!important;
  border-left-color:#474e49!important;
  border-right-color:#a5aca6!important;
  border-bottom-color:#b8beb9!important;
  border-radius:10px!important;
  background:
    radial-gradient(ellipse at 48% 72%,rgba(184,255,61,.040),transparent 54%),
    linear-gradient(180deg,#020302 0%,#050806 48%,#080d09 100%)!important;
  box-shadow:
    /* cavity depth */
    inset 0 26px 38px rgba(0,0,0,.98),
    inset 12px 0 18px rgba(0,0,0,.42),
    inset -12px 0 18px rgba(0,0,0,.38),
    inset 0 -11px 17px rgba(0,0,0,.52),
    /* fine internal glass seat */
    inset 0 0 0 1px rgba(185,201,184,.055),
    /* contact with silver chassis */
    0 1px rgba(255,255,255,.88),
    0 2px 0 rgba(52,59,54,.22),
    0 8px 13px rgba(0,0,0,.24)!important;
}

/* Smoked-glass studio reflection: not another bezel. */
.peq-display::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  pointer-events:none!important;
  left:2%!important;
  right:2%!important;
  top:2%!important;
  height:43%!important;
  border:0!important;
  border-radius:5px 5px 48% 48%!important;
  background:linear-gradient(168deg,rgba(255,255,255,.070),rgba(255,255,255,.018) 34%,transparent 67%)!important;
  box-shadow:none!important;
  opacity:.54!important;
  transform:none!important;
}
.peq-display::after{content:none!important;display:none!important}

.peq-display canvas{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 0 3px rgba(184,255,61,.11)) contrast(1.035)!important;
}

/* Instrument readout printed behind the glass. */
.peq-readout{
  z-index:7!important;
  left:17px!important;
  right:61px!important;
  top:13px!important;
  color:#d2ff53!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
  text-shadow:0 0 5px rgba(184,255,61,.24),0 1px #000!important;
}
.peq-readout b{
  color:#9da99d!important;
  text-shadow:0 1px #000!important;
}

/* Frequency silk-screen inside the lower glass edge. */
.peq-display__labels{
  z-index:7!important;
  left:17px!important;
  right:61px!important;
  bottom:11px!important;
  color:rgba(220,228,218,.62)!important;
  font-size:7px!important;
  text-shadow:0 1px #000!important;
}

/* Output meter: narrow recessed instrument with segmented lamp reading. */
.peq-meter{
  z-index:8!important;
  right:14px!important;
  top:28px!important;
  bottom:30px!important;
  width:17px!important;
  overflow:hidden!important;
  border:1px solid #202521!important;
  border-right-color:#58605a!important;
  border-bottom-color:#646c65!important;
  border-radius:3px!important;
  background:
    repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0 3px,rgba(0,0,0,.34) 3px 5px),
    #010201!important;
  box-shadow:
    inset 0 5px 9px #000,
    inset 3px 0 5px rgba(0,0,0,.66),
    inset -2px 0 4px rgba(255,255,255,.025),
    0 1px rgba(255,255,255,.20),
    0 3px 5px rgba(0,0,0,.18)!important;
}
.peq-meter i{
  left:2px!important;
  right:2px!important;
  bottom:2px!important;
  background:
    repeating-linear-gradient(to bottom,transparent 0 3px,rgba(0,0,0,.48) 3px 4px),
    linear-gradient(to top,#72cf1b 0 76%,#ffd332 88%,#ff5c42 100%)!important;
  background-blend-mode:multiply,normal!important;
  box-shadow:0 0 5px rgba(126,221,30,.18)!important;
}
.peq-meter b{
  bottom:-16px!important;
  left:-2px!important;
  color:#7e897d!important;
  font-size:6px!important;
  letter-spacing:.06em!important;
}

/* True Peak becomes its own recessed sub-instrument, not floating text. */
.peq-tp-readout{
  z-index:9!important;
  right:37px!important;
  top:35px!important;
  min-width:69px!important;
  padding:6px 7px 5px!important;
  border:1px solid #242a25!important;
  border-right-color:#58605a!important;
  border-bottom-color:#606861!important;
  border-radius:4px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 35%),
    #030503!important;
  color:#aebcae!important;
  box-shadow:
    inset 0 5px 8px #000,
    inset 2px 0 4px rgba(0,0,0,.52),
    0 1px rgba(255,255,255,.10),
    0 3px 4px rgba(0,0,0,.13)!important;
  text-shadow:0 1px #000!important;
}
.peq-tp-readout small{
  margin-bottom:4px!important;
  color:#647064!important;
  font-size:5px!important;
  letter-spacing:.10em!important;
}
.peq-tp-readout b{
  color:#c2cec1!important;
  font-size:8px!important;
}

/* Preserve measurement state semantics while making the lamp feel physical. */
.peq-tp-readout.is-hot{
  border-color:#756827!important;
  color:#ffd332!important;
  box-shadow:inset 0 5px 8px #000,0 0 6px rgba(255,211,50,.12)!important;
}
.peq-tp-readout.is-hot b{color:#ffd332!important;text-shadow:0 0 5px rgba(255,211,50,.24)!important}
.peq-tp-readout.is-clip{
  border-color:#74382f!important;
  color:#ff6d57!important;
  box-shadow:inset 0 5px 8px #000,0 0 7px rgba(255,86,60,.17)!important;
}
.peq-tp-readout.is-clip b{color:#ff6d57!important;text-shadow:0 0 5px rgba(255,86,60,.25)!important}
.peq-tp-readout.is-unavailable{opacity:.52!important}
.peq-meter.is-tp-hot{box-shadow:inset 0 5px 9px #000,0 0 0 1px rgba(255,211,50,.18)!important}
.peq-meter.is-tp-clip{box-shadow:inset 0 5px 9px #000,0 0 0 1px rgba(255,86,60,.42),0 0 7px rgba(255,86,60,.13)!important}

@media(max-width:680px){
  .peq-display{height:202px!important;padding-right:43px!important;border-width:6px!important}
  .peq-readout{right:55px!important}
  .peq-display__labels{right:55px!important}
  .peq-meter{right:11px!important;top:26px!important;bottom:28px!important;width:15px!important}
  .peq-tp-readout{right:31px!important;top:32px!important;min-width:61px!important;padding:5px 6px!important}
}