/* Responsive portal cards, API tools and shared small-screen controls. */
.mm-api-access{max-width:100%;min-width:0}.mm-api-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.mm-api-heading>h3{min-width:0;overflow-wrap:anywhere}.mm-api-key-row{display:flex;align-items:stretch;gap:9px;margin:8px 0 20px;min-width:0}.mm-api-key-row>input{flex:1;min-width:0;font-size:12px}.mm-api-key-row>button{flex-shrink:0;padding:10px 16px}.mm-api-endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.mm-api-endpoints>div{min-width:0;background:var(--bg-input)!important;border-color:var(--border-subtle)!important}.mm-api-endpoints strong{color:var(--text-main)!important}.mm-api-endpoints code{display:block;overflow-wrap:anywhere;white-space:normal;font-size:11px;color:var(--accent-color)!important;margin:8px 0}.mm-api-code{max-width:100%;min-width:0;overflow:auto;overscroll-behavior:contain;padding:16px;border-radius:10px;background:var(--bg-input);border:1px solid var(--border-subtle);margin:8px 0 20px}.mm-api-code code{white-space:pre-wrap!important;overflow-wrap:anywhere;color:var(--text-secondary)!important;font-size:11px;line-height:1.8}.mm-api-test-row{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.mm-api-test-row select{flex:1;min-width:0}.mm-api-test-row button{flex:none}#apiLiveResponse{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap!important;background:var(--bg-input)!important;color:var(--text-secondary)!important}.mm-api-admin-key-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin-bottom:12px;min-width:0}.mm-api-admin-key-row input{min-width:0!important;flex:1}.mm-api-admin-key-row button{flex:none}.mm-referral-grid{width:100%;max-width:680px;grid-template-columns:minmax(0,1fr)}.mm-referral-grid>*,.mm-referral-grid form{min-width:0}.mm-referral-grid .table-wrap{max-width:100%;overflow-x:auto}.mm-referral-grid table{min-width:490px}
@media(max-width:767px){body[data-mm-reseller] .page-head{flex-wrap:wrap;align-items:flex-start;padding:20px 16px;gap:12px}body[data-mm-reseller] .page-head h2{font-size:21px;overflow-wrap:anywhere}body[data-mm-reseller] .page-head h2 small{line-height:1.7;letter-spacing:.5px}body[data-mm-reseller] .sub-edit-grid{grid-template-columns:minmax(0,1fr)}body[data-mm-reseller] .sub-card-head strong{overflow-wrap:anywhere}body[data-mm-admin] .panel-header{flex-wrap:wrap}body[data-mm-admin] .panel-header h2{min-width:0;overflow-wrap:anywhere}.mm-referral-grid>section{width:100%}body[data-mm-service=docs] .top{flex-wrap:wrap;gap:10px}body[data-mm-service=docs] .top .brand{font-size:13px}body[data-mm-service=docs] .wrap,body[data-mm-service=docs] .endpoint,body[data-mm-service=docs] .keyrow,body[data-mm-service=docs] .testbar{min-width:0}body[data-mm-service=docs] .endpoint>*,body[data-mm-service=docs] .keyrow>*{min-width:0}body[data-mm-service=docs] .role{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:600px){.mm-api-access{padding:20px 16px}.mm-api-heading{align-items:flex-start;gap:14px}.mm-api-heading>h3{font-size:18px}.mm-api-heading>a{width:100%!important;text-align:center;justify-content:center;white-space:normal}.mm-api-key-row{flex-direction:column}.mm-api-key-row>button{width:100%!important;min-height:44px}.mm-api-endpoints{grid-template-columns:minmax(0,1fr)}.mm-api-test-row{flex-direction:column}.mm-api-test-row select{width:100%;max-width:none!important}.mm-api-test-row button{width:100%!important;min-height:46px}.mm-api-access form>button{width:100%;min-height:44px;white-space:normal}.mm-api-admin-key-row{flex-direction:column}.mm-api-admin-key-row input,.mm-api-admin-key-row button{width:100%}.mm-api-panel .panel-body form>button{width:100%;white-space:normal}.mm-referral-grid h4{font-size:20px}.mm-referral-grid .vip-stat-icon{flex-shrink:0}.vip-modal-backdrop .vip-modal{max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);overflow-y:auto}.mm-admin-feature,.vip-card,.card-box{min-width:0}.mm-admin-feature :is(input,select,textarea),body[data-mm-reseller] main :is(input,select,textarea){max-width:100%}.mm-api-access :is(input,select){font-size:14px}body[data-mm-service=docs] .grid{grid-template-columns:minmax(0,1fr)}body[data-mm-service=docs] .code{overflow-wrap:anywhere;word-break:break-word}body[data-mm-service=docs] .card{padding:18px}body[data-mm-service=docs] .errors{display:block;overflow-x:auto;max-width:100%}}

@media(max-width:600px){.mm-key-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mm-key-toolbar>*{width:100%;min-width:0;margin:0;text-align:center;justify-content:center}.mm-key-toolbar .mm-reset-all-form{display:block}.mm-key-toolbar .mm-reset-all-form>button{width:100%;height:100%}}