/* Form Container */
#cpr-form {
  max-width: 600px;
  margin: 2em auto;
  padding: 2em;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: sans-serif;
}

/* Radio Toggle Buttons */
.cpr-method-title {
  text-align: center;
  font-size: 1.25em;
  margin-bottom: 1em;
  color: #333;
}
.cpr-method-selector {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-bottom: 2em;
}
.cpr-method-selector input {
  display: none;
}
.cpr-method-selector label {
  padding: 0.6em 1.2em;
  border: 2px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  color: #555;
}
.cpr-method-selector input:checked + label {
  background: #5E22E2;
  border-color: #5E22E2;
  color: #fff;
}

/* Fields */
.cpr-fields p { margin-bottom: 1.2em; }
#cpr-form input { width:100%; padding:0.75em; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; }

/* Submit */
button.cpr-submit-btn {
  width:100%; padding:0.9em; background:#5E22E2; color:#fff; font-size:1.1em;
  border:none; border-radius:4px; cursor:pointer; transition:background .2s;
}
button.cpr-submit-btn:hover { background:#4b1bb5; }

/* Success & Error Msgs */
.cpr-success-msg {
  margin-top:1em; padding:0.75em; background:#e8f8f5;
  border:1px solid #22a77d; color:#0f5132; border-radius:4px;
  text-align:center; font-weight:bold;
}
.cpr-error-msg {
  margin-top:1em; padding:0.75em; background:#f8d7da;
  border:1px solid #dc3545; color:#721c24; border-radius:4px;
  text-align:center; font-weight:bold;
}

/* Custom Dropdown */
.cpr-custom-select { position:relative; width:100%; max-width:320px; margin:0.5em 0; user-select:none;}
.cpr-select-trigger {
  display:block; padding:0.75em; background:#fff; border:1px solid #ccc; border-radius:4px; cursor:pointer;
}
.cpr-custom-select.open .cpr-select-trigger { border-color:#5E22E2; }
.cpr-options {
  display:none; position:absolute; top:100%; left:0; right:0; background:#fff;
  border:1px solid #ccc; border-top:none; border-radius:0 0 4px 4px;
  max-height:8em; overflow-y:auto; z-index:10;
}
.cpr-custom-select.open .cpr-options { display:block; }
.cpr-option { padding:0.75em; cursor:pointer; }
.cpr-option:hover { background:#f2f2f2; }

/* History Table */
table.payout-history {
  width:100%; margin:2em auto; border-collapse:collapse; font-family:sans-serif;
}
table.payout-history th, table.payout-history td {
  padding:0.75em 1em; border:1px solid #eee; text-align:left;
}
table.payout-history th {
  background:#5E22E2; color:#fff; text-transform:uppercase; font-size:0.9em;
}
table.payout-history tr:nth-child(even) { background:#fafafa; }
table.payout-history .cpr-status {
  padding:0.25em 0.6em; border-radius:4px; color:#fff; font-weight:bold; font-size:0.85em;
}
.cpr-status.approved   { background:#28a745; }
.cpr-status.rejected   { background:#dc3545; }
.cpr-status.in-review  { background:#ffc107; color:#212529; }

/* MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
  #cpr-form { padding:1.5em; margin:1em; }
  .cpr-method-title { font-size:1.1em; }
  .cpr-method-selector { flex-direction:column; gap:0.5em; }
  button.cpr-submit-btn { font-size:1em; padding:0.75em; }

  table.payout-history { font-size:0.9em; }
  table.payout-history thead { display:none; }
  table.payout-history tr {
    display:block; margin-bottom:1em; border:1px solid #eee;
    border-radius:6px; overflow:hidden;
  }
  table.payout-history td {
    display:flex; justify-content:space-between;
    padding:0.6em 1em; border:none; border-bottom:1px solid #f0f0f0;
  }
  table.payout-history td:last-child { border-bottom:none; }
  table.payout-history td:before {
    content: attr(data-label); font-weight:bold;
    margin-right:1em; flex:1;
  }
}