/* ===========================================================
   Alethea π — style_v2.css
   Versione: 0.1-dev (placeholder)
   Descrizione: base stylesheet per Alethea_pi_UI_v2.html
   =========================================================== */

/* Canvas principale */
#alethea-canvas {
  position: relative;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  background: #000; /* colore neutro di sfondo */
  touch-action: none; /* blocca pinch e zoom */
}

/* Testo del logo */
text {
  font-family: "Segoe UI", Arial, sans-serif;
  fill: #ffd480;
}

/* Placeholder per keybed, pulsanti, slider ecc. */
.keybed rect:hover {
  opacity: 0.85;
  cursor: pointer;
}

/* Debug helper (disattivare in produzione) */
.debug-outline {
  outline: 1px dashed rgba(255, 255, 255, 0.2);
}
#alethea-monitor{
  position: fixed;
  right: 12px;
  bottom: 12px;
  width: 420px;
  height: 220px;
  background: rgba(10,10,10,.84);
  color: #d7d7d7;
  font: 12px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  z-index: 2147483647;
  display: flex;
  flex-direction: column;
  user-select: text;
}
#alethea-monitor header{
  padding: 6px 10px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  display: flex; align-items:center; justify-content:space-between;
}
#alethea-monitor header .actions button{
  margin-left: 6px;
  background: transparent; color: #d7d7d7;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 8px; padding: 2px 8px; cursor: pointer;
}
#alethea-monitor pre{
  margin: 0; padding: 8px 10px;
  white-space: pre-wrap;        /* ← niente riga lunghissima */
  overflow: auto;
  flex: 1;
}
.pressed{ filter: brightness(1.15); outline: 2px solid rgba(255,255,255,.25); }