/* Telsiz Ağı · Ekran aynası · v1 (12 Kasım 2026). hesap.css üstüne. LCD gerçek renginde; tuşlar sade, vurgu yalnız basılıyken. */
.ay-kart { display: grid; gap: 20px; }
.ay-ekran-kap { display: grid; gap: 8px; justify-items: center; }
.ay-ekran { width: 100%; max-width: 512px; aspect-ratio: 2 / 1; image-rendering: pixelated; border-radius: var(--r-lg); border: 1px solid var(--cizgi); }
.ay-led { min-height: 20px; font: 500 13px/20px var(--mono); color: var(--silik); }
.ay-led[data-d="tx"] { color: var(--kotu); }
.ay-led[data-d="rx"] { color: var(--yazi); }
.ay-tuslar { display: grid; gap: 8px; max-width: 320px; width: 100%; margin: 0 auto; }
.ay-yan { display: flex; gap: 8px; }
.ay-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ay-ust { grid-template-columns: repeat(4, 1fr); }
.ay-tuslar button { min-height: 48px; border-radius: var(--r-lg); border: 1px solid var(--cizgi); background: rgba(255,255,255,.05);
  color: var(--yazi); font: 600 16px/20px var(--sans); cursor: pointer; touch-action: manipulation; user-select: none; -webkit-user-select: none;
  transition: background .15s var(--egri); }
.ay-yan button { flex: 1; min-height: 40px; font-size: 14px; color: var(--soluk); }
.ay-tuslar button:hover { background: rgba(255,255,255,.1); }
.ay-tuslar button[aria-pressed="true"] { background: var(--amber); color: #1a1200; border-color: transparent; }
.ay-alt { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
#ayDurum { text-align: center; }