.pepper-matchmaking-modal .modal-content {
  border:1px solid #2b3d4d;
  border-radius:16px;
  background:linear-gradient(145deg,#111d27,#0d1821);
  color:#eef3f7;
}

.pepper-matchmaking-modal .modal-header {
  border-bottom:1px solid #2b3d4d;
  padding:20px 22px 16px;
}

.pepper-matchmaking-modal .modal-body {
  padding:22px;
}

.pepper-matchmaking-modal__eyebrow {
  margin-bottom:4px;
  color:#8fa0ae;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pepper-matchmaking-modal__intro {
  margin:0 0 18px;
  color:#a9b6c3;
  line-height:1.45;
}

.pepper-matchmaking-status {
  margin-top:16px;
  min-height:48px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 14px;
  border:1px solid #2b3d4d;
  border-radius:10px;
  background:#0b151d;
  color:#b9c4ce;
}

.pepper-matchmaking-status strong {
  color:#f1c968;
  font-size:18px;
}

.pepper-matchmaking-error {
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(219,60,69,.65);
  border-radius:10px;
  background:rgba(219,60,69,.1);
  color:#ff8b90;
}

.pepper-matchmaking-actions {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.pepper-matchmaking-actions .btn {
  min-height:44px;
}

@media (min-width:1200px) {
  #pepper-app > div > .row:first-child > .col-md-6:first-child .pepper-random-match-button {
    min-width:190px !important;
    background:linear-gradient(#243442,#1b2934) !important;
    border-color:#42586b !important;
    color:#f2f5f7 !important;
  }
}

html[data-pepper-theme="light"] .pepper-matchmaking-modal .modal-content {
  border-color:#cdd8d2;
  background:linear-gradient(145deg,#ffffff,#f5f8f6);
  color:#203129;
}

html[data-pepper-theme="light"] .pepper-matchmaking-modal .modal-header {
  border-bottom-color:#cdd8d2;
}

html[data-pepper-theme="light"] .pepper-matchmaking-modal__eyebrow,
html[data-pepper-theme="light"] .pepper-matchmaking-modal__intro {
  color:#6b7b72;
}

html[data-pepper-theme="light"] .pepper-matchmaking-status {
  border-color:#cdd8d2;
  background:#f5f8f6;
  color:#52655b;
}

html[data-pepper-theme="light"] .pepper-matchmaking-status strong {
  color:#8a6116;
}