/* Foglio neutro, mobile-first. Nessun branding: arriva con la fase grafica. */
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; font-size: 16px; line-height: 1.4; color: #222; background: #f4f4f4; }
main { max-width: 640px; margin: 0 auto; padding: 12px; }
h1 { font-size: 1.3rem; margin: 12px 0; }
.flash { padding: 10px; border-radius: 6px; margin: 8px 0; }
.flash-ok { background: #e6f4ea; border: 1px solid #7bbf8e; }
.flash-errore { background: #fdecea; border: 1px solid #e08b85; }
.flash-info { background: #eef3fb; border: 1px solid #9ab5e0; }
.form label { display: block; margin: 10px 0; }
input, textarea { display: block; width: 100%; margin-top: 4px; padding: 10px; font: inherit; border: 1px solid #aaa; border-radius: 6px; background: #fff; }
button { width: 100%; padding: 12px; font: inherit; border: 0; border-radius: 6px; background: #333; color: #fff; cursor: pointer; }
.card { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 12px; margin: 10px 0; }
.card header { margin-bottom: 6px; }
.canale { color: #555; font-size: 0.9rem; }
.testo { white-space: normal; margin: 8px 0; }
.meta { color: #555; font-size: 0.9rem; }
.azione { margin-top: 8px; }
.azione textarea { margin-bottom: 6px; }
.logout { margin: 8px 0 14px; }