/* Gemeinsame Prozesswertdarstellung im geschützten Portal. Veraltete Binärwerte
   besitzen bewusst keine grüne Lampe und werden zusätzlich als unbekannt beschriftet. */
.process-signal-section { margin: 2rem 0; }
.process-signal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.process-signal-card { background: #fff; border: 1px solid #dfe6f0; border-radius: 1rem; box-shadow: 0 12px 30px rgba(11,21,40,.06); padding: 1.1rem; }
.process-signal-card.is-stale { border-style: dashed; opacity: .72; }
.process-signal-label { color: #52627a; display: block; font-size: .85rem; font-weight: 800; margin-bottom: .45rem; }
.process-signal-number { color: #0b1528; display: block; font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.1; }
.process-signal-number small { color: #607089; font-size: .9rem; }
.process-signal-time { color: #718096; display: block; font-size: .72rem; margin-top: .7rem; }
.binary-indicator { align-items: center; display: flex; gap: .75rem; font-size: 1.2rem; }
.binary-indicator i { background: #9aa5b5; border: .2rem solid #fff; border-radius: 50%; box-shadow: 0 0 0 .2rem #d7dee8; height: 1.2rem; width: 1.2rem; }
.binary-indicator i.active { background: #19b96b; box-shadow: 0 0 0 .2rem #b8ecd2, 0 0 1rem rgba(25,185,107,.45); }
.signal-chart-toggle { margin-top: .8rem; }
.signal-chart { border-top: 1px solid #e4e9f0; margin-top: 1rem; padding-top: 1rem; }
.signal-chart-controls { align-items: end; display: flex; flex-wrap: wrap; gap: .6rem; }
.signal-chart-controls label { color: #52627a; display: flex; flex-direction: column; font-size: .72rem; font-weight: 700; }
.signal-chart-controls input { border: 1px solid #cbd5e1; border-radius: .4rem; max-width: 9rem; padding: .35rem; }
.signal-chart-output svg { background: #f8fafc; border-radius: .6rem; margin-top: .8rem; width: 100%; }
.signal-chart-band { fill: rgba(231,185,40,.2); stroke: none; }
.signal-chart-line { fill: none; stroke: #b78800; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.signal-chart-legend { color: #607089; font-size: .75rem; margin: .35rem 0 0; }
.signal-admin-list { display: grid; gap: 1rem; }
.signal-admin-heading { align-items: center; display: flex; justify-content: space-between; gap: 1rem; }
.signal-admin-heading h2 { overflow-wrap: anywhere; }
.signal-received { color: #607089; font-size: .8rem; }
.signal-admin-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .8rem; }
.signal-admin-checks { display: flex; flex-direction: column; gap: .55rem; justify-content: center; }
.signal-admin-form > button { align-self: end; }