/* Operation feedback uses one layout in native pages and HTMX fragments. */
.lc-message-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.lc-message-list:not(:empty){margin-bottom:20px}
.lc-message{--message-accent:#1d4ed8;--message-border:#bfdbfe;--message-bg:#eff6ff;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin:0;background:var(--message-bg);border:1px solid var(--message-border);border-inline-start:3px solid var(--message-accent);border-radius:8px;color:#334155;font-size:14px;line-height:1.6}
.lc-message[data-level=success]{--message-accent:#15803d;--message-border:#bbf7d0;--message-bg:#f0fdf4}
.lc-message[data-level=warning]{--message-accent:#a16207;--message-border:#fde68a;--message-bg:#fffbeb}
.lc-message[data-level=error]{--message-accent:#b91c1c;--message-border:#fecaca;--message-bg:#fef2f2}
.dark .lc-message{--message-accent:#93c5fd;--message-border:#334155;--message-bg:#172335;color:#e2e8f0}
.dark .lc-message[data-level=success]{--message-accent:#86efac;--message-border:#28513f;--message-bg:#142d26}
.dark .lc-message[data-level=warning]{--message-accent:#fcd34d;--message-border:#665327;--message-bg:#30291d}
.dark .lc-message[data-level=error]{--message-accent:#fca5a5;--message-border:#66363f;--message-bg:#34212a}
.lc-message-icon{color:var(--message-accent);font-size:22px;line-height:1.6;flex-shrink:0}
.lc-message-content{flex:1;min-width:0}
.lc-message-title{display:block;color:var(--message-accent);font-weight:600}
.lc-message-body{max-width:90ch;overflow-wrap:anywhere}
.lc-message-body a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.lc-message-body p{margin:0}
.lc-message-dismiss{display:none;flex-shrink:0;place-items:center;width:32px;height:32px;margin:-2px -4px 0 0;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer}
.lc-messages-interactive .lc-message-dismiss{display:grid}
.lc-message-dismiss:hover{background:#64748b22}
.lc-message-dismiss:focus-visible,.lc-message-body a:focus-visible{outline:2px solid var(--message-accent);outline-offset:2px}
.lc-message-dismiss .material-symbols-outlined{font-size:20px}
@media(max-width:640px){.lc-message{padding:12px;gap:10px}.lc-message-body{max-width:100%}}