.pmx-api-page{padding:14px 0 24px;color:var(--pmx-text)}
.pmx-api-wrap{max-width:1100px;margin:0 auto;padding:0 6px}
.pmx-api-card,.pmx-api-type-panel,.pmx-api-code{
  background:linear-gradient(180deg,var(--pmx-surface) 0,var(--pmx-surface-2) 100%);
  border:1px solid var(--pmx-border);
  box-shadow:var(--pmx-shadow-soft)
}
.pmx-api-card{border-radius:22px;padding:20px}
.pmx-api-head{
  display:flex;align-items:center;gap:14px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--pmx-border)
}
.pmx-api-head__icon{
  width:46px;height:46px;min-width:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);color:#fff;font-size:18px
}
.pmx-api-title{margin:0 0 4px;color:var(--pmx-text);font-size:28px;font-weight:700;line-height:1.2}
.pmx-api-subtitle{margin:0;color:var(--pmx-text-muted);font-size:13px;line-height:1.6}

.pmx-api-section{margin-bottom:20px}
.pmx-api-section:last-of-type{margin-bottom:0}
.pmx-api-section__title{margin:0 0 12px;color:var(--pmx-text);font-size:19px;font-weight:700}
.pmx-api-method-head{display:flex;align-items:center;justify-content:space-between;gap:12px}

.pmx-api-typebar{margin-bottom:14px}
.pmx-api-label{display:block;margin-bottom:8px;color:var(--pmx-text);font-size:13px;font-weight:700}
.pmx-api-select{position:relative;max-width:260px}
.pmx-api-select:after{
  content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;margin-top:-7px;
  border-right:2px solid var(--pmx-accent);border-bottom:2px solid var(--pmx-accent);transform:rotate(45deg);pointer-events:none
}
.pmx-api-select .form-control{
  width:100%;height:50px;border-radius:15px;border:1px solid var(--pmx-border-strong);
  background:var(--pmx-surface-3);color:var(--pmx-text);box-shadow:none;padding:12px 42px 12px 15px;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none
}
.pmx-api-select .form-control:focus{
  border-color:var(--pmx-accent-border);background:var(--pmx-surface);box-shadow:0 0 0 4px rgba(124,58,237,.10)
}

.pmx-api-type-panel{border-radius:18px;padding:14px}
.pmx-api-table-wrap{overflow-x:auto}
.pmx-api-table{margin:0}
.pmx-api-table thead th{
  color:var(--pmx-text-muted);font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  border-bottom:1px solid var(--pmx-border)!important
}
.pmx-api-table td,.pmx-api-table th{
  background:transparent!important;color:var(--pmx-text);border-color:var(--pmx-border)!important;
  vertical-align:middle!important;word-break:break-word
}
.pmx-api-key{width:36%;font-weight:700;color:var(--pmx-text)}
.pmx-api-url{overflow-wrap:anywhere}

.pmx-api-example{margin-top:14px}
.pmx-api-example__title{margin-bottom:8px;color:var(--pmx-text);font-size:14px;font-weight:700}
.pmx-api-code{
  margin:0;padding:14px 16px;border-radius:16px;color:var(--pmx-text);font-size:13px;line-height:1.7;
  overflow:auto;white-space:pre-wrap;word-break:break-word
}

.pmx-api-footer{margin-top:18px}
.pmx-api-btn{
  min-height:46px;padding:11px 18px;border:0;border-radius:14px;
  background:linear-gradient(135deg,var(--pmx-accent) 0,var(--pmx-accent-2) 100%);
  color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important
}

.rtl .pmx-api-card,[dir="rtl"] .pmx-api-card{text-align:right}
.rtl .pmx-api-head,[dir="rtl"] .pmx-api-head{flex-direction:row-reverse}
.rtl .pmx-api-select:after,[dir="rtl"] .pmx-api-select:after{right:auto;left:16px}
.rtl .pmx-api-select .form-control,[dir="rtl"] .pmx-api-select .form-control{padding-right:15px;padding-left:42px}

@media (max-width:767px){
  .pmx-api-page{padding:12px 0 20px}
  .pmx-api-wrap{padding:0 2px}
  .pmx-api-card{padding:14px;border-radius:18px}
  .pmx-api-head{gap:12px;padding-bottom:14px;margin-bottom:16px}
  .pmx-api-head__icon{width:40px;height:40px;min-width:40px;border-radius:13px;font-size:16px}
  .pmx-api-title{font-size:22px}
  .pmx-api-type-panel{padding:12px}
  .pmx-api-key{width:auto}
}