.melli-notice{box-sizing:border-box;font:inherit;color:#193c39;background:#fff;border:1px solid #d7e6e3;border-radius:18px;box-shadow:0 18px 65px #102e3026;direction:rtl;text-align:right;padding:24px;overflow-wrap:anywhere}
.melli-notice h2{font-size:18px;line-height:1.8;margin:0 0 8px;font-weight:700;color:inherit}
.melli-notice p{font-size:14px;line-height:1.9;white-space:pre-wrap;margin:8px 0;color:inherit}
.melli-notice__mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e3f5ef;color:#087f73;font-size:20px;font-weight:700;margin-bottom:12px}
.melli-notice[data-type="error"] .melli-notice__mark{background:#fff0f0;color:#bd3030}
.melli-notice[data-type="warning"] .melli-notice__mark{background:#fff4d9;color:#8c6100}
.melli-notice__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.melli-notice button{font:inherit;font-size:14px;cursor:pointer;min-height:42px;border-radius:10px;padding:8px 18px;background:#087f73;color:white;border:1px solid transparent}
.melli-notice button[data-choice="denied"]{background:#b53131}
.melli-notice button[data-choice="canceled"]{background:transparent;border-color:#bacfca;color:inherit}
.melli-notice button:focus-visible{outline:3px solid #27b4a2;outline-offset:3px}
dialog.melli-notice{position:fixed;inset:0;margin:auto;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);z-index:2147483000}
dialog.melli-notice::backdrop{background:#112d3680;backdrop-filter:blur(3px)}
.melli-notice-stack{position:fixed;z-index:2147483001;display:grid;gap:12px;max-height:calc(100dvh - 32px);overflow:auto;width:min(380px,calc(100vw - 32px));padding:4px;pointer-events:none}
.melli-notice-stack[data-position^="top"]{top:16px}.melli-notice-stack[data-position^="bottom"]{bottom:16px}
.melli-notice-stack[data-position$="end"]{right:16px}.melli-notice-stack[data-position$="start"]{left:16px}
.melli-notice-stack[data-position="center"]{top:50%;left:50%;transform:translate(-50%,-50%)}
.melli-notice-stack[data-position="top"],.melli-notice-stack[data-position="bottom"]{left:50%;transform:translateX(-50%)}
.melli-notice-stack .melli-notice{pointer-events:auto;padding:18px}.melli-notice-stack h2{font-size:15px}
.dark .melli-notice{background:#152e32;border-color:#355056;color:#eef8f5}.dark .melli-notice button[data-choice="canceled"]{border-color:#58716e}
@media(prefers-reduced-motion:reduce){dialog.melli-notice::backdrop{backdrop-filter:none}}