.portal-toast-region{position:fixed;z-index:10050;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.portal-toast,.portal-inline{--portal-accent:#326394;background:var(--color-bg-secondary,#fff);color:var(--color-text,#17252b);border:1px solid var(--color-border,#d6e1e5);border-left:5px solid var(--portal-accent);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.16);overflow-wrap:anywhere}
.portal-toast{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:13px 14px;pointer-events:auto}
.portal-toast strong{grid-column:1;font-size:.93rem}.portal-toast span{grid-column:1;font-size:.9rem}.portal-toast-close{grid-column:2;grid-row:1/3;align-self:start;min-width:36px;min-height:36px;border:0;background:transparent;color:inherit;font:inherit;font-size:1.5rem;cursor:pointer}
.portal-inline{padding:12px 14px;margin:12px 0;box-shadow:none}
.portal-success{--portal-accent:#16835c}.portal-error{--portal-accent:#bb3d43}.portal-warning{--portal-accent:#a56a0c}.portal-info{--portal-accent:#326394}
.portal-dialog-backdrop{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:20px;background:rgba(10,25,30,.65)}
.portal-dialog{width:min(100%,460px);max-height:calc(100vh - 40px);overflow:auto;padding:clamp(20px,4vw,28px);border:1px solid var(--color-border,#d6e1e5);border-radius:16px;background:var(--color-bg-secondary,#fff);color:var(--color-text,#17252b);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.portal-dialog h2{margin:0 0 10px;font-size:1.3rem;color:inherit}.portal-dialog p{margin:0 0 20px;line-height:1.5;color:var(--color-text-secondary,#43545b)}
.portal-dialog label{display:grid;gap:8px;font-weight:600}.portal-dialog textarea{width:100%;max-width:100%;padding:10px;border:1px solid var(--color-border,#d6e1e5);border-radius:9px;background:var(--color-bg,#fff);color:var(--color-text,#17252b);font:inherit}
.portal-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}.portal-dialog-actions button{min-height:44px;padding:9px 18px;border-radius:9px;border:1px solid var(--color-border,#d6e1e5);font:inherit;font-weight:700;cursor:pointer}.portal-dialog-cancel{background:var(--color-bg,#fff);color:var(--color-text,#17252b)}.portal-dialog-danger{background:#a92f39;color:#fff;border-color:#a92f39!important}.portal-dialog-primary{background:var(--color-primary,#326394);color:#fff;border-color:transparent!important}
.portal-dialog :focus-visible,.portal-toast :focus-visible{outline:3px solid var(--color-primary,#326394);outline-offset:2px}
body.dark .portal-toast,body.dark .portal-inline,body.dark .portal-dialog,[data-theme=dark] .portal-toast,[data-theme=dark] .portal-inline,[data-theme=dark] .portal-dialog{background:var(--color-bg-secondary,#1d2d32);color:var(--color-text,#f1f5f5);border-color:var(--color-border,#405258);border-left-color:var(--portal-accent)}
@media(max-width:600px){.portal-toast-region{top:auto;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;width:auto}.portal-dialog-backdrop{padding:16px}.portal-dialog-actions button{flex:1}}
@media(max-width:600px){body:has(.mobile-bottom-nav) .portal-toast-region{bottom:calc(82px + env(safe-area-inset-bottom))}}