.civra-dialog-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}
.civra-dialog-layer.open{opacity:1;visibility:visible}
.civra-dialog-backdrop{position:absolute;inset:0;background:rgba(7,15,29,.62);backdrop-filter:blur(3px)}
.civra-dialog{position:relative;width:min(440px,100%);background:#fff;border:1px solid #dce3ed;border-radius:16px;box-shadow:0 28px 80px rgba(7,17,35,.24);padding:24px;transform:translateY(10px) scale(.985);transition:transform .18s ease;color:#172033;font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif}
.civra-dialog-layer.open .civra-dialog{transform:translateY(0) scale(1)}
.civra-dialog-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:17px;background:#e9f1fd;color:#164a9f;font-size:17px;font-weight:800}
.civra-dialog.warning .civra-dialog-mark{background:#fff5df;color:#a66708}.civra-dialog.danger .civra-dialog-mark{background:#fcecee;color:#c33a4a}.civra-dialog.success .civra-dialog-mark{background:#e9f7f1;color:#16825d}
.civra-dialog-kicker{display:block;margin-bottom:6px;color:#728096;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.civra-dialog h2{margin:0;color:#172033;font-size:20px;letter-spacing:-.025em}.civra-dialog p{margin:9px 0 0;color:#68768b;font-size:12px;line-height:1.55;white-space:pre-line}
.civra-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.civra-dialog-button{min-height:39px;border:1px solid #d7dee8;border-radius:9px;padding:0 15px;background:#fff;color:#3f4c61;font-size:11px;font-weight:750;cursor:pointer}.civra-dialog-button:hover{background:#f7f9fc}.civra-dialog-button.primary{border-color:#1d5dbd;background:#1d5dbd;color:#fff}.civra-dialog-button.primary:hover{background:#164a9f}.civra-dialog.danger .civra-dialog-button.primary{border-color:#c33a4a;background:#c33a4a}.civra-dialog.warning .civra-dialog-button.primary{border-color:#a66708;background:#a66708}
.civra-toast-region{position:fixed;right:22px;bottom:22px;z-index:1100;display:flex;flex-direction:column;gap:9px;pointer-events:none}.civra-toast{min-width:270px;max-width:390px;display:flex;align-items:flex-start;gap:10px;padding:13px 15px;background:#101a2d;color:#fff;border:1px solid rgba(255,255,255,.09);border-radius:11px;box-shadow:0 15px 40px rgba(7,17,35,.24);font:600 11px/1.45 "Segoe UI Variable","Segoe UI",Arial,sans-serif;opacity:0;transform:translateY(8px);transition:.18s;pointer-events:auto}.civra-toast.show{opacity:1;transform:none}.civra-toast:before{content:"";width:7px;height:7px;margin-top:4px;border-radius:50%;background:#4c8fe9;flex:none}.civra-toast.success:before{background:#2fc28b}.civra-toast.error:before{background:#ef6675}.civra-toast.warning:before{background:#e9a83a}
body.dialog-open{overflow:hidden}
@media(max-width:600px){.civra-dialog-layer{align-items:end;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.civra-dialog{width:100%;border-radius:15px;padding:21px}.civra-dialog-kicker{font-size:10px}.civra-dialog h2{font-size:21px}.civra-dialog p{font-size:14px}.civra-dialog-actions{flex-direction:column-reverse}.civra-dialog-button{width:100%;min-height:46px;font-size:14px}.civra-toast-region{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.civra-toast{min-width:0;max-width:none;width:100%;font-size:13px}}