#appMessageCentre,.app-message-centre{position:fixed;inset:0;z-index:100000;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px;gap:12px}
.app-message{pointer-events:auto;position:relative;width:min(680px,calc(100vw - 36px));display:grid;gap:6px;padding:15px 48px 15px 17px;border-radius:12px;border-left:6px solid;box-shadow:0 12px 34px rgba(0,0,0,.22);font-family:Arial,sans-serif}
.app-message strong{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.app-message span{font-size:1rem}.app-message small{line-height:1.45;opacity:.86}
.app-message-i{background:#eef5ff;color:#163957;border-color:#3578c4}.app-message-w{background:#fff4cf;color:#5c3b00;border-color:#d89b00}.app-message-e{background:#ffeded;color:#690000;border-color:#c40000}.app-message-d{background:#f4edff;color:#3e155c;border-color:#7d35b2;font-family:Consolas,monospace}
.app-message button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:inherit;font-size:1.35rem;cursor:pointer}
.app-message.mode-toast{margin-left:auto;width:min(440px,calc(100vw - 36px))}
.app-message.mode-inline{position:relative}
.app-message.mode-modal{margin-top:min(18vh,160px)}
.app-message.mode-modal::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:-1;pointer-events:auto}
.field-message{display:block;margin-top:5px;color:#b00000;font-size:.82rem}
[aria-invalid=true]{border-color:#b00000!important;outline-color:#b00000!important}
@media(max-width:600px){#appMessageCentre,.app-message-centre{padding:10px}.app-message.mode-modal{margin-top:12vh}}