/* RETROBASS R-26 — verstecktes Service-Menü */
.receiver-service{position:absolute;z-index:40;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:clamp(7px,.9vw,11px) clamp(8px,1.1vw,13px);color:#df892e;background:linear-gradient(rgba(224,126,30,.018) 50%,rgba(0,0,0,.035) 50%),radial-gradient(circle at 50% 35%,rgba(223,125,27,.075),transparent 57%),rgba(3,2,1,.985);background-size:100% 3px,auto,auto;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.985);transition:opacity 180ms ease,visibility 0ms linear 180ms,transform 180ms ease}
.receiver.is-service-mode .receiver-service{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0ms}
.receiver.is-service-mode .radio-interface__header,.receiver.is-service-mode .radio-interface__main,.receiver.is-service-mode .radio-interface__footer,.receiver.is-service-mode .radio-interface__message,.receiver.is-service-mode .radio-interface__volume,.receiver.is-service-mode .receiver-menu{opacity:0;visibility:hidden;pointer-events:none}
.receiver-service__header,.receiver-service__footer{display:flex;align-items:center;justify-content:space-between;color:rgba(224,131,38,.48);font-size:clamp(.21rem,.36vw,.30rem);letter-spacing:.11em}
.receiver-service__header{min-height:18px;padding-bottom:4px;border-bottom:1px solid rgba(220,123,25,.14)}
.receiver-service__header strong{color:rgba(235,151,57,.72);font-weight:500}
.receiver-service__footer{min-height:17px;padding-top:4px;border-top:1px solid rgba(220,123,25,.13)}
.receiver-service__boot,.receiver-service__screen{grid-row:2;grid-column:1;min-height:0}
.receiver-service__boot{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.receiver-service.is-booting .receiver-service__boot{display:flex}
.receiver-service__boot span{color:rgba(226,137,43,.54);font-size:clamp(.29rem,.49vw,.40rem);letter-spacing:.16em}
.receiver-service__boot strong{margin-top:7px;color:#e99a45;font-size:clamp(.40rem,.68vw,.56rem);font-weight:500;letter-spacing:.11em;text-shadow:0 0 8px rgba(227,135,40,.22)}
.receiver-service__boot-bar{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;width:min(68%,145px);margin-top:12px}
.receiver-service__boot-bar i{height:5px;border:1px solid rgba(227,137,41,.28);background:rgba(227,137,41,.025)}
.receiver-service.is-booting .receiver-service__boot-bar i{animation:retrobass-service-boot 900ms steps(1,end) forwards}
.receiver-service__boot-bar i:nth-child(2){animation-delay:100ms!important}.receiver-service__boot-bar i:nth-child(3){animation-delay:200ms!important}.receiver-service__boot-bar i:nth-child(4){animation-delay:300ms!important}.receiver-service__boot-bar i:nth-child(5){animation-delay:400ms!important}.receiver-service__boot-bar i:nth-child(6){animation-delay:500ms!important}.receiver-service__boot-bar i:nth-child(7){animation-delay:600ms!important}.receiver-service__boot-bar i:nth-child(8){animation-delay:700ms!important}
@keyframes retrobass-service-boot{to{border-color:rgba(236,153,60,.72);background:#dd852c;box-shadow:0 0 5px rgba(225,133,38,.34)}}
.receiver-service__screen{display:none;flex-direction:column}.receiver-service__screen.is-active{display:flex}.receiver-service.is-booting .receiver-service__screen{display:none}
.receiver-service__eyebrow{margin:clamp(5px,.75vw,8px) 0 clamp(4px,.65vw,7px);color:rgba(220,124,28,.42);font-size:clamp(.24rem,.42vw,.34rem);letter-spacing:.18em;text-align:center}
.receiver-service__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;min-height:0}
.receiver-service__item{position:relative;display:grid;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;min-height:clamp(25px,3.6vw,34px);padding:4px 6px;border:1px solid rgba(214,116,20,.11);border-radius:2px;color:rgba(222,129,32,.52);background:rgba(214,111,17,.018);font:inherit;text-align:left}
.receiver-service__item span,.receiver-service__item i{color:rgba(215,116,20,.32);font-size:clamp(.20rem,.34vw,.28rem);font-style:normal}
.receiver-service__item strong{overflow:hidden;font-size:clamp(.26rem,.44vw,.36rem);font-weight:500;letter-spacing:.075em;white-space:nowrap;text-overflow:ellipsis}
.receiver-service__item.is-selected{border-color:rgba(235,152,61,.46);color:#e99a45;background:linear-gradient(90deg,rgba(223,127,27,.115),rgba(123,53,5,.025));box-shadow:inset 2px 0 0 #e79942,0 0 7px rgba(218,117,20,.055)}
.receiver-service__item--exit{grid-column:1/-1}
.receiver-service__detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-content:center;gap:4px 8px;flex:1;min-height:0;padding:4px 8px}
.receiver-service__detail dt,.receiver-service__detail dd{min-width:0;margin:0;padding:3px 0;border-bottom:1px solid rgba(218,119,21,.08);font-size:clamp(.24rem,.41vw,.33rem);letter-spacing:.07em}
.receiver-service__detail dt{color:rgba(218,120,23,.42)}.receiver-service__detail dd{overflow:hidden;color:rgba(235,148,53,.82);white-space:nowrap;text-overflow:ellipsis}
.receiver-service__test{align-items:center;justify-content:center}.receiver-service__test-output{width:100%;color:#e99a45;font-size:clamp(.50rem,1.05vw,.90rem);line-height:1.5;letter-spacing:.10em;text-align:center;white-space:pre-line;text-shadow:0 0 8px rgba(229,140,48,.22)}
.receiver-service__test-output.is-full{padding:8px;color:transparent;background:#df892e;box-shadow:inset 0 0 12px rgba(255,199,122,.22),0 0 12px rgba(223,137,46,.16)}
.receiver.is-service-hold .control-button--power .control-button__knob{box-shadow:inset 0 1px 2px rgba(255,255,255,.18),0 0 9px rgba(225,133,38,.38)}
@media(max-width:480px){.receiver-service{padding:5px 6px}.receiver-service__item{min-height:23px;padding:3px 4px}.receiver-service__footer{font-size:.18rem}}
@media(prefers-reduced-motion:reduce){.receiver-service,.receiver-service__boot-bar i{transition-duration:1ms;animation-duration:1ms;animation-delay:0ms!important}}
