/* Page messages, app-wide (App\Support\Flash): success green, error light
   red, warning amber, info blue. Text on each background is at least 4.5:1. */
.flash.ok,.flash.err,.flash.warn,.flash.info{border:1px solid}
.flash.ok{background:#ecfdf3;border-color:#abefc6;color:#05603a}
.flash.err{background:#fef3f2;border-color:#fecdca;color:#912018}
.flash.warn{background:#fffaeb;border-color:#fedf89;color:#7a2e0e}
.flash.info{background:#eff8ff;border-color:#b2ddff;color:#194185}
.flash.ok::before,.flash.err::before,.flash.warn::before,.flash.info::before{
  display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin:0 8px 0 0;border-radius:50%;
  color:#fff;font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;vertical-align:-3px}
.flash.ok::before{content:"\2713";background:#079455}
.flash.err::before{content:"!";background:#d92d20}
.flash.warn::before{content:"!";background:#dc6803}
.flash.info::before{content:"i";background:#1570ef}
.toast.flash::before{margin:1px 0 0}
html[data-theme="dark"] .flash.ok{background:#0b2e1d;border-color:#155c38;color:#a6f4c5}
html[data-theme="dark"] .flash.err{background:#3a1512;border-color:#7a271a;color:#fecdca}
html[data-theme="dark"] .flash.warn{background:#3a2509;border-color:#7a4a0e;color:#fedf89}
html[data-theme="dark"] .flash.info{background:#0e2440;border-color:#1d4a85;color:#b2ddff}
@media (prefers-color-scheme: dark){
  html[data-theme="system"] .flash.ok{background:#0b2e1d;border-color:#155c38;color:#a6f4c5}
  html[data-theme="system"] .flash.err{background:#3a1512;border-color:#7a271a;color:#fecdca}
  html[data-theme="system"] .flash.warn{background:#3a2509;border-color:#7a4a0e;color:#fedf89}
  html[data-theme="system"] .flash.info{background:#0e2440;border-color:#1d4a85;color:#b2ddff}
}