/* Bugreport modal styles – angelehnt an pm-theme.css */

.pm-modal {
  border: none;
  padding: 0;
  background: transparent;
}

.pm-modal::backdrop {
  background: rgba(0,0,0,.6);
}

.pm-modal__dialog {
  background: #fff;
  color: #052e16;
  border: 4px solid var(--pm-ink);
  border-radius: 20px;
  box-shadow: var(--pm-shadow-soft);
  max-width: 32rem;
  width: 90vw;
  margin: 0;
  padding: 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-sizing: border-box;
}

@media (min-width:480px){
  .pm-modal__dialog{
    padding:1.25rem 1.25rem 1rem;
  }
}

.pm-modal__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.5rem;
}

.pm-modal__header h3{
  font-size:1.25rem;
  font-weight:900;
  margin:0;
}

.pm-modal__close{
  background:#fee2e2;
  color:#7f1d1d;
  border:3px solid var(--pm-ink);
  border-radius:12px;
  font-weight:700;
  line-height:1;
  padding:.4rem .6rem;
  cursor:pointer;
}

.pm-modal__content{
  display:grid;
  gap:.75rem;
}

.pm-field label{
  display:block;
  font-weight:700;
  margin-bottom:.35rem;
  color:#022c22;
}

.pm-input,
.pm-textarea{
  width:100%;
  padding:.6rem .75rem;
  border:3px solid var(--pm-ink);
  border-radius:12px;
  background:#ecfdf5;
  color:#052e16;
  font-family:inherit;
  font-size:1rem;
  box-sizing:border-box;
}

.pm-textarea{
  min-height:6rem;
  resize:vertical;
}

.pm-input:focus,
.pm-textarea:focus{
  outline:none;
  border-color:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.25);
  background:#fff;
}

.pm-hint{
  font-size:.8rem;
  color:#475569;
  margin-top:.25rem;
}

.pm-modal__footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:.75rem;
  margin-top:.5rem;
}

.pm-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-left:auto;
}

.pm-btn{
  appearance:none;
  -webkit-appearance:none;
  background:var(--pm-green,#25a034);
  color:#fff;
  border:3px solid var(--pm-ink);
  border-radius:12px;
  font-weight:700;
  font-size:1rem;
  line-height:1.2;
  padding:.6rem 1rem;
  cursor:pointer;
  box-shadow:var(--pm-shadow);
}

.pm-btn--secondary{
  background:#ecfccb;
  color:#052e16;
}

.pm-btn[disabled],
.pm-btn.is-loading{
  opacity:.6;
  cursor:wait;
}