/* Shared message boxes for customer-facing status, success and error messages. */
.dkc-msg{--msg-bg:#eef4ff;--msg-line:#bcd0f5;--msg-ink:#17366a;--msg-icon:#214dc7;
 display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;width:100%;margin:14px 0;padding:12px 14px;
 background:var(--msg-bg);border:1px solid var(--msg-line);border-left:5px solid var(--msg-icon);border-radius:12px;
 color:var(--msg-ink);font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;animation:dkc-msg-in .2s ease-out}
.dkc-msg:empty{display:none}
.dkc-msg::before{content:"i";flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--msg-icon);color:#fff;
 font:800 13px/22px system-ui,sans-serif;text-align:center}
.dkc-msg a{color:inherit;font-weight:800;text-decoration:underline}
.dkc-msg--success{--msg-bg:#eaf8ef;--msg-line:#a6dcb9;--msg-ink:#14532d;--msg-icon:#1f8a4c}
.dkc-msg--success::before{content:"\2713"}
.dkc-msg--error{--msg-bg:#fdeeee;--msg-line:#f2b8b8;--msg-ink:#7f1d1d;--msg-icon:#c62828}
.dkc-msg--error::before{content:"!"}
.dkc-msg--warning{--msg-bg:#fff7df;--msg-line:#f2d58a;--msg-ink:#5c4100;--msg-icon:#c98a00}
.dkc-msg--warning::before{content:"!"}
.dkc-msg--loading::before{content:"";box-sizing:border-box;background:none;border:3px solid var(--msg-line);border-top-color:var(--msg-icon);animation:dkc-msg-spin .8s linear infinite}
@keyframes dkc-msg-spin{to{transform:rotate(360deg)}}
@keyframes dkc-msg-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Pop-up toast for messages that are not tied to a form. */
.dkc-toasts{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:10000;display:grid;gap:8px;
 width:min(440px,calc(100vw - 32px));pointer-events:none}
.dkc-toasts .dkc-msg{margin:0;box-shadow:0 12px 30px #17254c26;pointer-events:auto}

@media(prefers-reduced-motion:reduce){.dkc-msg{animation:none}.dkc-msg--loading::before{animation-duration:2.4s}}