/* Télécommande de scènes : gros boutons pensés pour l'iPhone */
.tc { max-width: 720px; margin: 0 auto; padding: 0 16px calc(env(safe-area-inset-bottom) + 24px); }
.tc-barre { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 16px; }
.tc-etat { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--wc-text-secondary); }
.tc-etat i { width: 9px; height: 9px; border-radius: 50%; background: var(--wc-text-tertiary); }
.tc-etat.ok i { background: var(--wc-green); }
.tc-etat.ko { color: var(--wc-orange); }
.tc-etat.ko i { background: var(--wc-orange); }

.tc-scenes { display: grid; gap: 12px; }
.tc-scene { border: 1px solid var(--wc-card-border); border-radius: var(--wc-r-l); background: var(--wc-card-bg);
  color: var(--wc-text); font-family: var(--wc-police); font-size: clamp(20px, 6vw, 28px); font-weight: 700;
  min-height: 96px; padding: 14px; cursor: pointer; word-break: break-word;
  -webkit-tap-highlight-color: transparent; transition: transform .08s ease, background .15s ease; }
.tc-scene:active { transform: scale(.97); }
.tc-scene.direct { background: var(--wc-red); border-color: var(--wc-red); color: var(--wc-text); }
.tc-scene.envoi { opacity: .6; }
.tc-scene small { display: block; font-size: 12px; font-weight: 600; opacity: .85; margin-top: 4px; }
.tc-scene:disabled { opacity: .4; cursor: default; }

.tc-choix { display: none; flex-direction: column; gap: 8px; }
body.tc-edition .tc-choix { display: flex; }
body.tc-edition .tc-scenes { display: none; }
.tc-ligne { display: flex; align-items: center; gap: 12px; background: var(--wc-card-bg); border: 1px solid var(--wc-card-border);
  border-radius: var(--wc-r-m); padding: 14px; font-size: 17px; }
.tc-ligne input { width: 22px; height: 22px; accent-color: var(--wc-accent); }
.tc-aide { font-size: 14px; color: var(--wc-text-secondary); line-height: 1.5; }
.tc-vide { color: var(--wc-text-secondary); text-align: center; padding: 40px 12px; line-height: 1.6; }