/* /comm/css/modal.core.css */
.c-modal {
  position: fixed; 
  inset: 0; 
  display: none; 
  z-index: 1000000; 
}
.c-modal[aria-hidden="false"] { 
  display: block; 
}

.c-modal__backdrop {
  position: absolute; 
  inset: 0; 
  background: rgba(0,0,0,.48);
  opacity: 0; 
  transition: .3s;
}
.c-modal[aria-hidden="false"] .c-modal__backdrop { 
  opacity: 1; 
}

.c-modal__dialog {
  position: absolute; 
  left: 50%; 
  top: 50%;
  transform: translate(-50%, -50%) scale(.98);
  background: #fff; 
  color: #000; 
  border-radius: 1rem;
  max-height: 92vh; 
  box-shadow: 0 10px 40px rgba(0,0,0,.4);
  transition: .3s;
  opacity: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.c-modal[aria-hidden="false"] .c-modal__dialog {
  transform: translate(-50%, -50%) scale(1); 
  opacity: 1;
}

.c-modal__header, 
.c-modal__footer { 
  padding: .5rem .75rem;
  display: flex;
  align-items: center;
}
.c-modal__title { 
  margin: 0 !important; 
  font-size: 1rem; 
  line-height: normal;
  font-weight: 700; 
  color: #000 !important;
}
.c-modal__close {
  margin-left: auto; 
  background: transparent; 
  border: 0;  
  font-size: 1.5rem; 
  line-height: 1; 
  cursor: pointer;
}
.c-modal__close svg path {
  color: #4E4E4E; 
  stroke: #4E4E4E;
  fill: #4E4E4E;
  transition: .3s;
}
.c-modal__close:hover svg path { 
  color: #1D1E1E; 
  stroke: #1D1E1E;
  fill: #1D1E1E;
}

.c-modal__body { 
  padding: 16px 20px;
  flex: 1; 
}
.c-modal__body--scroll { 
  overflow: auto; 
  max-height: 80vh; 
}

.btn {
  padding: .625rem 1rem; 
  border-radius: 10px; 
  border: 1px solid #3d6fb8; 
  background: #4b7dbc; 
  color: #fff; 
  cursor: pointer;
}
.btn--ghost { 
  background: transparent; 
  border-color: #666; 
  color: #ddd; 
}