/* Diabetes Academia — pagina de feedback anonim (stiluri scoped, doar paginile /feedback).
   Construit pe tokenele temei light din myw3.css (.home-light): --brand, --border, --surface,
   --bg, --text, --text-muted, --radius, --font, --shadow-sm. */

.home-light .feedback-wrap { max-width: 680px; margin: 0 auto; padding: 8px 0 48px; }
.home-light .feedback-wrap h1 { font-size: 28px; line-height: 1.25; color: var(--text); margin: 0 0 14px; }
.home-light .feedback-intro { font-size: 16px; color: var(--text-muted); line-height: 1.6; margin: 0 0 18px; }

.home-light .feedback-trust { list-style: none; padding: 0; margin: 0 0 24px; }
.home-light .feedback-trust li { position: relative; padding: 7px 0 7px 30px; color: var(--text); font-size: 15px; line-height: 1.5; }
.home-light .feedback-trust li::before { content: "\2713"; position: absolute; left: 0; top: 7px; color: var(--brand); font-weight: 700; }
.home-light .feedback-trust li b { font-weight: 600; }

.home-light .feedback-form { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; box-shadow: var(--shadow-sm); }
.home-light .feedback-form label { display: block; font-weight: 600; color: var(--text); margin: 0 0 8px; }
.home-light .feedback-form textarea { width: 100%; min-height: 160px; padding: 14px 16px; border: 1.5px solid var(--border); border-radius: var(--radius); background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.6; resize: vertical; box-sizing: border-box; transition: border-color .2s, box-shadow .2s; }
.home-light .feedback-form textarea:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(21, 101, 192, .15); }
.home-light .feedback-form .btn-primary { border: none; cursor: pointer; margin-top: 16px; font-size: 16px; }
.home-light .feedback-form .btn-primary[disabled] { opacity: .6; cursor: progress; }

/* Honeypot: ascuns complet pentru oameni (vizual + accesibilitate), completat doar de boți. */
.home-light .feedback-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

.home-light .feedback-note { font-size: 14px; color: var(--text-muted); line-height: 1.55; margin: 14px 0 0; }
.home-light .feedback-msg { margin: 16px 0 0; font-size: 15px; font-weight: 600; }
.home-light .feedback-msg.ok { color: var(--brand-dark); }
.home-light .feedback-msg.err { color: #9b2c2c; }
.home-light .feedback-noscript { display: block; margin-top: 16px; font-size: 14px; color: #9b2c2c; }