/* Shared component extracted from the approved Living UI Guide. */
.toast-region{position:fixed;top:84px;right:20px;width:360px;max-width:calc(100vw - 32px);z-index:110;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast-region .toast{position:relative;inset:auto;left:auto;bottom:auto;transform:none;max-width:none;display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line, #d5dfeb);border-left:4px solid;border-radius:9px;background:white;color:var(--ink, #192638);box-shadow:0 8px 30px #26364c18;pointer-events:auto;animation:toast-in .18s ease-out}
.toast-region .toast>svg{width:21px;height:21px;margin-top:1px}
.toast-region .toast>div{flex:1;min-width:0}
.toast-region .toast strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.toast-region .toast p{font-size:12px;line-height:1.6;color:#6f7f96;margin:0}
.toast-region .toast>button{width:24px;height:24px;padding:0;display:grid;place-items:center;font-size:20px;line-height:1;color:#8794a6;flex-shrink:0;border-radius:4px}
.toast-region .toast>button:hover{background:#f1f4f8}
.toast-region .toast-success{border-left-color:#168b70}.toast-success>svg,.toast-success strong{color:#168b70}
.toast-region .toast-warning{border-left-color:#b47a22}.toast-warning>svg,.toast-warning strong{color:#a87324}
.toast-region .toast-error{border-left-color:#c83945}.toast-error>svg,.toast-error strong{color:#c83945}
@keyframes toast-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.toast-region .toast{animation:none}}
@media(max-width:600px){.toast-region{top:72px;right:12px;max-width:calc(100vw - 24px)}}
.toast-region{font-family:Roboto,Arial,sans-serif}.toast-region .toast{box-sizing:border-box;overflow-wrap:anywhere}.toast-region .toast>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.toast-region .toast>button{border:0;background:transparent;cursor:pointer;font-family:inherit}.toast-region .toast>button:focus-visible{outline:2px solid #c73e4470;outline-offset:2px}
