/* ===== extracted from ./apidoc.php ===== */
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100%}
.doc_container{padding:20px;max-width:100%;overflow-x:hidden}
.doc_container *{max-width:100%}
pre{max-width:100%}

/* HEADER BTN */
.doc_header_btn{height:48px;padding:0 22px;background:linear-gradient(135deg,#4B0687,#6A11CB);color:white;border-radius:14px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s}
.doc_header_btn:hover{transform:translateY(-2px);opacity:.9;color:white}

/* HERO */
.doc_hero{background:linear-gradient(135deg,#2B0152,#4B0687,#6A11CB);border-radius:28px;padding:40px;display:flex;gap:28px;align-items:center;margin-bottom:28px;position:relative;overflow:hidden}
.doc_hero::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.06);top:-80px;right:-40px}
.doc_hero_left{flex:1;min-width:0;position:relative;z-index:1}
.doc_hero_badge{display:inline-flex;align-items:center;padding:5px 14px;background:rgba(255,255,255,.15);border-radius:30px;font-size:12px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:14px}
.doc_hero h1{font-size:28px;font-weight:900;color:white;margin:0 0 10px}
.doc_hero p{font-size:14px;color:rgba(255,255,255,.8);margin:0 0 20px;line-height:1.7}
.doc_hero_btns{display:flex;gap:10px;flex-wrap:wrap}
.doc_hero_primary{height:42px;padding:0 18px;background:white;color:#4B0687;border-radius:12px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.doc_hero_primary:hover{color:#4B0687;opacity:.9}
.doc_hero_secondary{height:42px;padding:0 16px;background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.doc_hero_secondary:hover{background:rgba(255,255,255,.2);color:white}
.doc_hero_code{flex:1;max-width:340px;min-width:0;position:relative;z-index:1}
.doc_hero_code pre{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;font-size:12px;line-height:1.8;color:#C4B5FD;margin:0;overflow-x:auto;font-family:'Courier New',monospace}

/* LAYOUT */
.doc_layout{display:flex;gap:26px;align-items:flex-start}
.doc_nav{width:210px;flex-shrink:0;position:sticky;top:88px;background:white;border-radius:22px;padding:18px 0;border:1px solid #EAECF0;box-shadow:0 6px 20px rgba(0,0,0,.04);max-height:calc(100vh - 108px);overflow-y:auto}
.doc_nav_label{font-size:10px;font-weight:800;color:#9CA3AF;text-transform:uppercase;letter-spacing:.8px;padding:0 18px 10px}
.doc_nav_link{display:flex;align-items:center;gap:7px;padding:7px 18px;font-size:12px;font-weight:600;color:#6B7280;text-decoration:none;border-left:2px solid transparent;transition:.15s}
.doc_nav_indent{padding-left:26px;font-size:11px}
.doc_nav_link i{font-size:15px;flex-shrink:0}
.doc_nav_link:hover{color:#4B0687;background:rgba(75,6,135,.04);border-left-color:#4B0687}
.doc_content{flex:1;min-width:0}

/* SECTIONS */
.doc_section{margin-bottom:30px}
.doc_sh{font-size:20px;font-weight:800;color:#111827;margin:0 0 8px;padding-bottom:12px;border-bottom:2px solid #F3F4F6}
.doc_sp{font-size:13px;color:#6B7280;margin:0 0 16px;line-height:1.7}
.doc_card{background:white;border-radius:20px;border:1px solid #EAECF0;overflow:hidden}

/* BASE URL */
.doc_url_row{display:flex;align-items:center;gap:12px;background:#111827;border-radius:16px;padding:16px 20px;flex-wrap:wrap}
.doc_url_row code{color:#A78BFA;font-size:14px;font-family:monospace;font-weight:700;flex:1;word-break:break-all}

/* COPY BUTTONS */
.doc_copy_btn{padding:6px 14px;background:rgba(75,6,135,.08);color:#4B0687;border:none;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.doc_copy_btn:hover{background:#4B0687;color:white}
.doc_copy_green{background:#DCFCE7;color:#15803D}
.doc_copy_green:hover{background:#15803D;color:white}
.doc_copy_light{background:rgba(255,255,255,.12);color:#A78BFA}
.doc_copy_light:hover{background:#A78BFA;color:white}

/* KEY CARD */
.doc_key_card{background:#F0FDF4;border:1px solid #BBF7D0;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.doc_key_icon{width:42px;height:42px;border-radius:12px;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc_key_icon i{font-size:20px;color:#15803D}

/* PRICING */
.doc_price_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:18px}
.doc_price_item{background:#F9FAFB;border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #EAECF0}
.doc_price_item span{font-size:12px;color:#6B7280}
.doc_price_item strong{font-size:14px;font-weight:800;color:#4B0687;white-space:nowrap}

/* SECTION HEADERS */
.doc_sec_header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:white;border-radius:18px;border:1px solid #EAECF0;margin:24px 0 10px}
.doc_sec_icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc_sec_icon i{font-size:22px}
.doc_sec_header h3{font-size:17px;font-weight:800;color:#111827;margin:0;flex:1}
.doc_sec_count{font-size:11px;color:#9CA3AF;background:#F9FAFB;border:1px solid #EAECF0;border-radius:20px;padding:3px 10px;font-weight:600}

/* ENDPOINT ACCORDION */
.doc_ep_wrap{background:white;border-radius:18px;border:1px solid #EAECF0;overflow:hidden;margin-bottom:8px;transition:.2s}
.doc_ep_wrap:hover{border-color:#C4B5FD;box-shadow:0 4px 14px rgba(75,6,135,.07)}
.doc_ep_head{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;user-select:none;flex-wrap:wrap;gap:10px}
.doc_ep_head_open{background:#FAFAF9;border-bottom:1px solid #F3F4F6}
.doc_method_badge{padding:3px 10px;border-radius:30px;font-size:11px;font-weight:800;white-space:nowrap;flex-shrink:0}
.doc_post{background:#DBEAFE;color:#1D4ED8}
.doc_get{background:#DCFCE7;color:#15803D}
.doc_ep_path{font-size:12px;color:#4B0687;font-weight:700;font-family:monospace;word-break:break-all;flex:1;min-width:0}
.doc_ep_name{font-size:13px;font-weight:700;color:#374151;white-space:nowrap}
.doc_toggle_btn{width:32px;height:32px;border-radius:10px;background:#F5F3FF;color:#4B0687;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s;font-size:18px}
.doc_toggle_btn:hover{background:#4B0687;color:white}
.doc_ep_body{padding:20px;border-top:1px solid #F9FAFB}
.doc_ep_desc{font-size:13px;color:#6B7280;margin:0 0 18px;line-height:1.7}

/* PARAMS */
.doc_params_label{font-size:10px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.doc_params_table{border-radius:12px;overflow:hidden;border:1px solid #F3F4F6;margin-bottom:18px}
.doc_params_head,.doc_params_row{display:grid;grid-template-columns:1.3fr 0.8fr 0.9fr 2fr;padding:9px 12px;gap:8px;font-size:12px}
.doc_params_head{background:#F9FAFB;font-weight:700;color:#4B0687}
.doc_params_row{border-top:1px solid #F9FAFB;color:#374151}
.doc_params_row:hover{background:#FAFAFA}
.doc_params_row code{font-size:11px;background:rgba(75,6,135,.07);padding:2px 6px;border-radius:5px;color:#4B0687}
.doc_pt{color:#6B7280}
.doc_pd{color:#6B7280}
.doc_req{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;font-style:normal;white-space:nowrap}
.doc_req_yes{background:#FEF2F2;color:#DC2626}
.doc_req_no{background:#F0FDF4;color:#15803D}
.doc_req_cond{background:#FFF7ED;color:#EA580C}

/* CODE GRID */
.doc_code_grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.doc_code_label{font-size:10px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.doc_pre_wrap{position:relative}
.doc_pre{background:#111827;border-radius:12px;padding:14px 16px;font-size:11px;color:#C4B5FD;font-family:'Courier New',monospace;line-height:1.7;margin:0;overflow-x:auto;white-space:pre;max-width:100%}
.doc_pre_copy{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.1);color:#A78BFA;border:none;border-radius:8px;padding:4px 8px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:.15s}
.doc_pre_copy:hover{background:#A78BFA;color:white}
.doc_code_block{margin-bottom:14px}

/* ERRORS */
.doc_error_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:20px}
.doc_error_item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.doc_error_code{padding:7px 12px;border-radius:10px;font-size:16px;font-weight:900;display:block;width:100%;text-align:center}
.doc_error_msg{font-size:11px;font-weight:700;color:#111827}

/* LANG TABS */
.doc_lang_tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:0}
.doc_lang_btn{height:38px;padding:0 16px;border:none;border-radius:10px 10px 0 0;cursor:pointer;font-size:13px;font-weight:700;background:#F9FAFB;color:#9CA3AF;transition:.15s}
.doc_lang_btn.active,.doc_lang_btn:hover{background:#111827;color:#A78BFA}
.doc_hidden{display:none !important}
.doc_code_topbar{display:flex;justify-content:space-between;align-items:center;background:#1F2937;padding:9px 14px;border-radius:12px 12px 0 0}
.doc_code_topbar span{font-size:12px;font-weight:700;color:#A78BFA}
.doc_code_block .doc_pre{border-radius:0 0 12px 12px}

/* CTA */
.doc_cta{background:linear-gradient(135deg,#2B0152,#4B0687,#6A11CB);border-radius:26px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-top:10px}
.doc_cta h3{font-size:18px;font-weight:800;color:white;margin:0 0 5px}
.doc_cta p{font-size:13px;color:rgba(255,255,255,.8);margin:0}
.doc_cta_btn{height:50px;padding:0 24px;background:white;color:#4B0687;border-radius:14px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:.2s;white-space:nowrap;flex-shrink:0}
.doc_cta_btn:hover{transform:translateY(-2px);color:#4B0687}
.doc_code_block{margin-bottom:14px;border-radius:0 12px 12px 12px;overflow:hidden}

/* RESPONSIVE */
@media(max-width:960px){
    .doc_layout{flex-direction:column}
    .doc_nav{width:100%;position:static;max-height:none;display:flex;flex-wrap:wrap;padding:14px;gap:4px}
    .doc_nav_label{width:100%;padding:0 0 6px}
    .doc_nav_link{padding:5px 12px;border-radius:8px;border-left:none;border:1px solid #EAECF0;font-size:11px}
    .doc_nav_indent{padding-left:12px}
    .doc_nav_link:hover{border-color:#4B0687}
    .doc_hero{flex-direction:column;padding:26px}
    .doc_hero_code{max-width:100%;width:100%}
    .doc_code_grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    .doc_container{padding:12px}
    .doc_layout,.doc_content,.doc_ep_wrap,.doc_ep_body,
    .doc_card,.doc_params_table,.doc_code_grid,.doc_pre_wrap{
        width:100%;max-width:100%;overflow-x:hidden;
    }
    .doc_pre{overflow-x:auto;max-width:100%;font-size:11px;word-break:break-word;white-space:pre-wrap}
    .doc_ep_path{font-size:11px;word-break:break-all;max-width:100%;overflow:hidden}
    .doc_url_row code{font-size:12px;word-break:break-all}
    .doc_url_row{flex-direction:column;align-items:flex-start;gap:10px}
    .doc_ep_head{padding:12px 14px;gap:8px}
    .doc_ep_name{display:none}
    .doc_ep_body{padding:14px}
    .doc_sec_header{padding:14px 16px}
    .doc_sec_header h3{font-size:15px}
    .doc_price_grid{grid-template-columns:1fr 1fr;padding:12px;gap:8px}
    .doc_price_item{padding:10px 12px}
    .doc_price_item span{font-size:11px}
    .doc_price_item strong{font-size:13px}
    .doc_params_head,.doc_params_row{grid-template-columns:1.1fr 2fr;font-size:11px;padding:8px 10px}
    .doc_params_head span:nth-child(2),.doc_params_row span:nth-child(2),
    .doc_params_head span:nth-child(3),.doc_params_row span:nth-child(3){display:none}
    .doc_cta{flex-direction:column;text-align:center;padding:24px 20px}
    .doc_cta_btn{width:100%;justify-content:center}
    .doc_error_grid{grid-template-columns:repeat(2,1fr);padding:14px;gap:8px}
    .doc_lang_tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
    .doc_lang_btn{flex-shrink:0;font-size:12px;padding:0 12px}
    .doc_hero{padding:20px}
    .doc_hero h1{font-size:22px}
    .doc_hero p{font-size:13px}
    .doc_hero_btns{flex-direction:column}
    .doc_hero_primary,.doc_hero_secondary{width:100%;justify-content:center}
    .doc_key_card{flex-direction:column;align-items:flex-start}
    .doc_copy_btn{white-space:nowrap}
    .doc_code_block{border-radius:0 12px 12px 12px}
}
@media(max-width:480px){
    .doc_container{padding:10px}
    .doc_price_grid{grid-template-columns:1fr}
    .doc_error_grid{grid-template-columns:repeat(2,1fr)}
    .doc_sh{font-size:18px}
    .doc_ep_path{font-size:10px}
}