.slot-grid{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.slot-signal,.ops .slot-signal{min-width:150px;text-align:left;border:2px solid;padding:14px 16px;border-radius:8px;cursor:pointer;line-height:1.5;font:inherit;font-weight:bold}.slot-signal span{display:block;font-size:12px;font-weight:normal;margin-top:4px}.slot-green,.ops .slot-green{background:#e7f6eb;color:#145c2e;border-color:#31854a}.slot-amber,.ops .slot-amber{background:#fff4cc;color:#705000;border-color:#b88600}.slot-red,.ops .slot-red{background:#ffebe7;color:#90251d;border-color:#bf3d31}.slot-full,.ops .slot-full{background:#f3d9d6;color:#792119;border-color:#a13d34;cursor:not-allowed}.slot-unknown,.ops .slot-unknown{background:#eee;color:#555;border-color:#888}.slot-signal[aria-pressed=true],.ops .slot-signal[aria-pressed=true]{outline:3px solid #24321c;outline-offset:3px}.slot-signal:disabled,.ops .slot-signal:disabled{opacity:1}.signal-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;line-height:1.7;margin:18px 0}.signal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.signal-dot.green{background:#31854a}.signal-dot.amber{background:#b88600}.signal-dot.red{background:#bf3d31}.slots-status{font-size:13px;line-height:1.6} @media(max-width:480px){.slot-grid{display:grid;grid-template-columns:1fr 1fr}.slot-signal,.ops .slot-signal{min-width:0;width:100%;padding:12px;font-size:13px}}