/* Handfunkgerät C: schlankes Handgerät mit Menütaste zwischen zwei Softkeys, Navigationsring mit OK,
   Drehknopf links und Notruftaste rechts der Antenne. Maße in --u (≈ 1 mm). */
.radio.hand-c { --u: min(calc(100dvh / 172), calc(100vw / 76), 5.6px); position: relative; width: calc(60 * var(--u)); height: calc(142 * var(--u)); margin-top: calc(23 * var(--u)); margin-left: calc(6 * var(--u)); flex: none; }
@media (max-width: 700px) { .radio.hand-c { --u: min(calc((100dvh - 44px) / 167), calc(100vw / 72), 5.6px); } }
.hand-c .body { position: absolute; inset: 0; border-radius: calc(9 * var(--u)) calc(9 * var(--u)) calc(15 * var(--u)) calc(15 * var(--u));
  background: linear-gradient(90deg, #0d0f12 0%, #23272c 7%, #1a1d21 50%, #23272c 93%, #0d0f12 100%);
  box-shadow: 0 calc(3 * var(--u)) calc(10 * var(--u)) #000b, inset 0 0 0 calc(.5 * var(--u)) #4a525a;
  padding: calc(2.5 * var(--u)) calc(4 * var(--u)) calc(6 * var(--u)); display: flex; flex-direction: column; gap: calc(1.5 * var(--u)); }
.hand-c .knob { position: absolute; left: calc(8 * var(--u)); top: calc(-12 * var(--u)); width: calc(12 * var(--u)); height: calc(13 * var(--u)); border-radius: calc(2.5 * var(--u)) calc(2.5 * var(--u)) calc(.5 * var(--u)) calc(.5 * var(--u));
  background: repeating-linear-gradient(90deg, #131518 0 calc(.6 * var(--u)), #40454b calc(.6 * var(--u)) calc(1.2 * var(--u))); cursor: pointer; touch-action: none; overflow: hidden; }
.hand-c .knob::before { content: ""; position: absolute; left: 30%; right: 30%; top: calc(3 * var(--u)); bottom: calc(3 * var(--u)); border-radius: calc(1 * var(--u)); background: #ffffff10; }
.hand-c .knob.down { filter: brightness(1.4); }
.hand-c .knob-mark { position: absolute; top: 0; height: calc(2 * var(--u)); width: calc(1 * var(--u)); background: #f8f9fa; left: calc(8% + var(--vol, 5) * 8%); transition: left .08s; }
.hand-c .antenna { position: absolute; left: calc(23 * var(--u)); top: calc(-23 * var(--u)); width: calc(11 * var(--u)); height: calc(24 * var(--u)); border-radius: calc(5.5 * var(--u)) calc(5.5 * var(--u)) calc(1 * var(--u)) calc(1 * var(--u)); background: linear-gradient(90deg, #0b0c0d, #2e3236 45%, #101112); }
.hand-c .k-notruf { position: absolute; left: calc(38 * var(--u)); top: calc(-3.4 * var(--u)); width: calc(9 * var(--u)); height: calc(3.6 * var(--u)); border: 0; border-radius: calc(1.2 * var(--u)) calc(1.2 * var(--u)) 0 0; background: linear-gradient(#ffa94d, #f76707); box-shadow: inset 0 calc(-.5 * var(--u)) 0 #0005; touch-action: none; padding: 0; }
.hand-c #led { position: absolute; left: calc(51 * var(--u)); top: calc(-1.6 * var(--u)); z-index: 1; }
.hand-c .side { position: absolute; left: calc(-5 * var(--u)); top: calc(24 * var(--u)); display: flex; flex-direction: column; gap: calc(2.5 * var(--u)); align-items: flex-end; }
.hand-c .k-side { width: calc(5 * var(--u)); height: calc(7 * var(--u)); border: 0; border-radius: calc(1.5 * var(--u)) 0 0 calc(1.5 * var(--u)); background: linear-gradient(90deg, #1b1d20, #3a3f44); touch-action: none; padding: 0; }
.hand-c .k-ptt { width: calc(6 * var(--u)); height: calc(28 * var(--u)); border: 0; border-radius: calc(3 * var(--u)) 0 0 calc(3 * var(--u)); padding: 0; background: linear-gradient(90deg, #1d2024, #3a3f45); touch-action: none; }
.hand-c .k-ptt.down, .hand-c .k-side.down, .hand-c .k-notruf.down { filter: brightness(1.6); }
.hand-c .kopf { height: calc(4 * var(--u)); display: grid; place-items: center; }
.hand-c .hoerer { width: calc(16 * var(--u)); height: calc(1.4 * var(--u)); border-radius: calc(1 * var(--u)); background: repeating-linear-gradient(90deg, #08090a 0 calc(.8 * var(--u)), #2a2e33 calc(.8 * var(--u)) calc(1.4 * var(--u))); }
.hand-c .bezel { border-radius: calc(2.5 * var(--u)); padding: calc(2 * var(--u)) calc(3 * var(--u)); }
.hand-c .soft3 { display: grid; grid-template-columns: 1fr auto 1fr; gap: calc(2 * var(--u)); align-items: center; height: calc(6 * var(--u)); }
.hand-c .soft { height: calc(4 * var(--u)); border-radius: calc(2 * var(--u)) calc(2 * var(--u)) calc(.8 * var(--u)) calc(.8 * var(--u)); }
.hand-c .menue { width: calc(9 * var(--u)); height: calc(5 * var(--u)); border-radius: calc(2.5 * var(--u)); font-size: calc(2.8 * var(--u)); }
.hand-c .nav-c { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: calc(19 * var(--u)); }
.hand-c .ring { width: calc(19 * var(--u)); height: calc(19 * var(--u)); }
.hand-c .pad { gap: calc(1.3 * var(--u)) calc(2.6 * var(--u)); }
.hand-c .num { border-radius: calc(2.4 * var(--u)) calc(2.4 * var(--u)) calc(1.4 * var(--u)) calc(1.4 * var(--u)); }
/* Display: dunkles Bild, Softkeys als Text unten, Startbild zentriert */
.lcd.hand-c { --d-bg: #0e1a2b; --d-fg: #f1f3f5; --d-sb: #081120; --d-sk: transparent; --d-sk-fg: #e9f1ff; --d-sel: #2f6fde; --d-rand: #5b7fb5; --d-box: #13233a; --d-dim: #9fb0c8; --d-stl: #2f6fde; --d-kopf: linear-gradient(#1d3352, #13233a); }
.lcd.hand-c .sk { border-top: 1px solid #2b4466; height: 19px; }
.lcd.hand-c .sk span { font-weight: 700; font-size: 13px; }
.lcd.hand-c .sk span { padding: 0 3px; }
.lcd.hand-c .sk.drei span:nth-child(2) { font-size: 15px; flex: 0 0 22px; }
.lcd.hand-c .home.mitte { justify-content: center; align-items: center; text-align: center; gap: 3px; padding: 0 4px; }
.lcd.hand-c .c-netz { font-size: 12px; color: var(--d-dim); letter-spacing: .05em; }
.lcd.hand-c .c-grp { font-size: 21px; font-weight: 700; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcd.hand-c .c-ord { font-size: 13px; }
.lcd.hand-c .c-zeit { font-size: 12px; color: var(--d-dim); }
.lcd.hand-c .c-status { font-size: 11px; color: #ffd43b; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lcd.hand-c .list > div.aus { color: #6c7f99; }
.lcd.hand-c .wahl { border-color: #2b4466; }