/*======================================================================
MF-16

ALERT / NOTICE FOUNDATION
Version : 3.0

======================================================================*/


.ms-modal{

position:fixed;

inset:0;

display:none;

align-items:center;

justify-content:center;

padding:var(--ms-space-8);

z-index:10000;

}

.ms-modal.is-open{

display:flex;

}


.ms-modal-backdrop{

position:absolute;

inset:0;

background:rgba(0,0,0,.72);

backdrop-filter:blur(6px);

}


.ms-modal-dialog{

position:relative;

width:min(720px,100%);

max-height:90vh;

overflow:auto;

background:var(--ms-surface);

border:1px solid var(--ms-border);

border-radius:var(--ms-radius-xl);

box-shadow:var(--ms-shadow-xl);

z-index:2;

}


.ms-modal-header{

display:flex;

align-items:center;

justify-content:space-between;

gap:var(--ms-space-4);

padding:var(--ms-space-6);

border-bottom:1px solid var(--ms-border);

}

.ms-modal-title{

margin:0;

font:inherit;

font-size:var(--ms-h3);

font-weight:600;

color:var(--ms-text);

}

.ms-modal-close{

display:inline-flex;

align-items:center;

justify-content:center;

width:40px;

height:40px;

border:0;

border-radius:50%;

background:transparent;

color:inherit;

cursor:pointer;

transition:background .25s ease,color .25s ease;

}

.ms-modal-close:hover{

background:rgba(197,165,114,.08);

color:var(--ms-gold);

}


.ms-modal-body{

padding:var(--ms-space-6);

overflow:auto;

}

.ms-modal-footer{

display:flex;

justify-content:flex-end;

gap:var(--ms-space-4);

padding:var(--ms-space-6);

border-top:1px solid var(--ms-border);

}


@media (max-width:767px){

.ms-modal{

padding:var(--ms-space-4);

}

.ms-modal-dialog{

width:100%;

max-height:100vh;

border-radius:var(--ms-radius-lg);

}

}