#eg-bugr-modal {
  position: fixed; inset: 0;
  background: rgba(15, 23, 51, .72);
  z-index: 999999;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  animation: eg-bugr-fadein .18s ease-out;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
@keyframes eg-bugr-fadein { from { opacity: 0 } to { opacity: 1 } }

.eg-bugr__box {
  background: #fff;
  border-radius: 12px;
  width: 540px;
  max-width: 100%;
  max-height: 90vh;
  overflow: auto;
  box-shadow: 0 20px 60px rgba(0, 15, 143, .35);
  animation: eg-bugr-slidein .22s cubic-bezier(.2, .9, .3, 1);
}
@keyframes eg-bugr-slidein { from { transform: translateY(20px); opacity: 0 } to { transform: translateY(0); opacity: 1 } }

.eg-bugr__head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
  font-size: 17px; font-weight: 700; color: #000F8F;
}
.eg-bugr__x {
  background: none; border: 0; font-size: 26px; color: #999;
  cursor: pointer; line-height: 1; padding: 0 6px;
}
.eg-bugr__x:hover { color: #000F8F; }

.eg-bugr__body { padding: 16px 20px; }
.eg-bugr__body label {
  display: block; font-size: 12px; font-weight: 600;
  color: #444; margin: 10px 0 5px; letter-spacing: .01em;
}
.eg-bugr__req { color: #dc2626; }
.eg-bugr__body input,
.eg-bugr__body textarea,
.eg-bugr__body select {
  width: 100%; box-sizing: border-box;
  padding: 9px 11px;
  border: 1px solid #d0d5dd; border-radius: 6px;
  font-size: 13px; font-family: inherit;
  color: #111; background: #fff;
  transition: border-color .12s;
}
.eg-bugr__body input:focus,
.eg-bugr__body textarea:focus,
.eg-bugr__body select:focus {
  outline: 0; border-color: #000F8F; box-shadow: 0 0 0 3px rgba(0, 15, 143, .1);
}
.eg-bugr__body textarea { resize: vertical; min-height: 90px; font-family: inherit; }

.eg-bugr__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.eg-bugr__ctx {
  margin-top: 12px; padding: 10px 12px;
  background: #f0f4ff; border-left: 3px solid #000F8F;
  border-radius: 0 6px 6px 0;
  font-size: 11px; color: #444; line-height: 1.5;
}
.eg-bugr__ctx b { color: #000F8F; }

.eg-bugr__foot {
  display: flex; gap: 10px; justify-content: flex-end;
  padding: 12px 20px; border-top: 1px solid #eee;
  background: #fafbfc;
  border-radius: 0 0 12px 12px;
}
.eg-bugr__foot button {
  padding: 10px 20px; border-radius: 6px; border: 0;
  font-size: 13px; font-weight: 700;
  cursor: pointer;
  transition: transform .1s, background .12s;
}
.eg-bugr__cancel { background: #eee; color: #333; }
.eg-bugr__cancel:hover { background: #ddd; }
.eg-bugr__send { background: #000F8F; color: #fff; }
.eg-bugr__send:hover:not(:disabled) { background: #001acc; transform: translateY(-1px); }
.eg-bugr__send:disabled { opacity: .55; cursor: wait; }

.eg-bugr__msg {
  padding: 0 20px 12px; text-align: center;
  font-size: 12px; font-weight: 600; color: #666;
  min-height: 16px;
}

@media (max-width: 600px) {
  .eg-bugr__row { grid-template-columns: 1fr; }
  .eg-bugr__box { max-height: 95vh; }
}