.message-box{position:relative;width:min(460px,calc(100vw - 28px));height:280px;padding:0;border:1px solid #608d79;border-radius:24px;background:linear-gradient(145deg,#fff 0%,#f8fbf9 52%,#eef4f1 100%);color:#17201b;box-shadow:0 0 0 3px #f5f8f6,0 0 0 5px #9ab9ac,0 0 0 7px rgba(255,255,255,.92),0 24px 70px rgba(15,32,24,.3),inset 0 0 0 1px rgba(255,255,255,.95),inset 0 10px 24px rgba(255,255,255,.7),inset 0 -10px 22px rgba(76,119,99,.08);overflow:hidden}
.message-box::backdrop{background:rgba(13,28,21,.54);backdrop-filter:blur(3px)}
.message-box-shell{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:100%;padding:22px 28px;background:radial-gradient(circle at 50% 0,rgba(31,135,96,.055),transparent 55%)}
.message-box-icon{display:none}
.message-box-icon::before{content:"i"}
.message-box[data-type="succes"] .message-box-icon{background:#e2f5eb;color:#126242}.message-box[data-type="succes"] .message-box-icon::before{content:"✓"}
.message-box[data-type="erreur"] .message-box-icon{background:#fff0f0;color:#a52f2f}.message-box[data-type="erreur"] .message-box-icon::before{content:"!"}
.message-box[data-type="question"] .message-box-icon{background:#edf2fb;color:#30588e}.message-box[data-type="question"] .message-box-icon::before{content:"?"}
.message-box-content{display:grid;grid-row:1;place-items:center;min-width:0;padding:24px 42px 12px;text-align:center}.message-box-label{margin:0;color:#17201b;font-size:16px;font-weight:750;line-height:1.5;white-space:pre-line}
.message-box-close{position:absolute;z-index:2;top:20px;right:20px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f0f3f1;color:#566159;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.message-box-close:hover{background:#e5eae7;color:#17201b}.message-box-close:focus-visible,.message-box button:focus-visible{outline:3px solid rgba(19,107,75,.2);outline-offset:2px}
.message-box-actions{grid-column:1;grid-row:2;display:flex;justify-content:center;gap:9px;margin-top:8px;padding-top:16px;border-top:1px solid #d8e3dc}
.message-box-actions[hidden]{display:none}.message-box-actions button{min-height:42px;padding:9px 15px;border-radius:10px;font:inherit;font-weight:750;cursor:pointer}
.message-box-primary{border:1px solid #136b4b;background:#136b4b;color:#fff}.message-box-primary:hover{background:#0b4e36}
.message-box-secondary{border:1px solid #d8dfda;background:#fff;color:#175b43}.message-box-secondary:hover{background:#f5f9f7}
@media(max-width:520px){.message-box{height:280px;border-radius:20px}.message-box-shell{padding:19px 17px}.message-box-content{padding:24px 38px 12px}.message-box-close{top:16px;right:16px}.message-box-actions{flex-wrap:wrap}.message-box-actions button{flex:1 1 110px;max-width:180px}}