/* Shared feedback palette; symbols and text carry meaning independently of color. */
:root { --feedback-bg:#E3E8DA; --feedback-text:#141414; --feedback-success:#3F6B3A; --feedback-error:#B3261E; }
[data-theme=salle] { --feedback-bg:#1A1F18; --feedback-text:#EDEAE4; --feedback-success:#9DB58F; }
.feedback { display:flex; align-items:flex-start; gap:12px; margin:16px 0; padding:16px 20px; background:var(--feedback-bg); color:var(--feedback-text); font-size:14px; line-height:1.6; border:0; max-width:none; overflow-wrap:anywhere; }
.feedback__icon { flex:none; width:22px; font:700 22px/1 Arial,sans-serif; padding-top:1px; }
.feedback--success .feedback__icon { color:var(--feedback-success); }
.feedback--error .feedback__icon { color:var(--feedback-error); }
.feedback>div { min-width:0; }
.feedback ul { margin:0; padding-left:20px; }
.feedback a { color:inherit; }
.admin-feedbacks { max-width:var(--owner-width); padding:0 var(--owner-gutter); margin:auto; }
.photo-page main>.feedback-stack,.album-page main>.feedback-stack,.collection-page main>.feedback-stack { padding-inline:max(var(--pad),calc((100% - var(--shell-width))/2 + var(--pad))); }
#content .errornote { background:var(--feedback-bg); color:var(--feedback-text); border:0; padding:16px 20px; font:14px/1.6 Archivo,Arial,sans-serif; }
#content .errornote::before { content:'✕'; color:var(--feedback-error); font-weight:700; font-size:22px; margin-right:12px; }
#content .errorlist { background:var(--feedback-bg); color:var(--feedback-text); font:14px/1.6 Archivo,Arial,sans-serif; }
#content .errorlist li { color:var(--feedback-text); background:transparent; }
@media(max-width:480px) { .feedback { padding:14px 16px; gap:10px; } }
#content .errornote,#content .errorlist { border-radius:0; }
#content .errorlist { padding:12px 16px; margin:16px 0; }

[data-theme=affiche] { --feedback-bg:#111111; --feedback-text:#ECEAE5; --feedback-success:#D7261E; --feedback-error:#ECEAE5; }