/* brm-modal.css - simple accessible modal styles */

.brm-modal { position: fixed; inset: 0; display: none; z-index: 999999; }
.brm-modal[aria-hidden="false"] { display: block; }

.brm-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(3,6,23,0.55);
  backdrop-filter: blur(2px);
}

.brm-modal__panel {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 480px;
  width: calc(100% - 32px);
  background: #fff;
  padding: 22px;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(3,6,23,0.3);
  z-index: 1000000;
}

.brm-modal__close {
  position: absolute;
  right: 12px;
  top: 10px;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.brm-modal__panel h2 { margin:0 0 6px; font-size:20px; }
.brm-modal__subtitle { margin:0 0 12px; color:#666; font-size:14px; }

/* Form */
.brm-modal__form { display:flex; flex-direction:column; gap:10px; }
.brm-field label { display:block; font-size:13px; margin-bottom:6px; color:#333; }
.brm-field input { width:100%; padding:10px 12px; border-radius:8px; border:1px solid #ddd; font-size:15px; box-sizing:border-box; }
.brm-form__actions { display:flex; gap:10px; margin-top:6px; align-items:center; }
.brm-btn { padding:10px 14px; border-radius:8px; border:0; cursor:pointer; font-weight:700; }
.brm-btn--primary { background:#ff6b00; color:#fff; }
.brm-btn--ghost { background:transparent; color:#333; border:1px solid #ddd; }

/* feedback */
.brm-form__feedback { margin-top:10px; font-size:14px; }

/* Mobile modal full-screen tweak */
@media (max-width:520px) {
  .brm-modal__panel { width: 100%; height: 100%; left: 0; top: 0; transform: none; border-radius:0; padding:18px; overflow:auto; }
  .brm-modal__close { right: 16px; top: 16px; color:#fff; background:rgba(0,0,0,0.3); border-radius:50%; width:36px; height:36px; display:flex; align-items:center; justify-content:center; }
}