/* =========================================================
   NGPAYX — documentação da API
   Layout em 3 colunas: menu lateral · conteúdo · código
   ========================================================= */
.dk-body{--top:64px;--side:268px;background:var(--ink);color:#d0d0d0}
.dk-body #progress{top:var(--top);height:2px;z-index:60}

/* ---------- barra do topo ---------- */
.dk-top{position:fixed;left:0;right:0;top:0;height:var(--top);z-index:70;display:flex;align-items:center;gap:14px;padding:0 20px;background:rgba(13,13,13,.86);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line-dark)}
.dk-brand{display:flex;align-items:center;gap:9px;min-height:44px;flex:none}
.dk-brand .brand-mark{height:22px;width:auto}
.dk-brand .brand-word{height:13px;width:auto}
.dk-pill{font:700 11.5px/1 var(--font-h);font-stretch:115%;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.108);color:var(--p-t);border:1px solid rgba(255,255,255,.22)}
.dk-search{position:relative;display:flex;align-items:center;gap:8px;flex:0 1 380px;min-width:0;margin-left:auto;height:40px;padding:0 8px 0 12px;border-radius:11px;background:#111111;border:1px solid var(--line-dark);transition:border-color .2s,box-shadow .2s}
.dk-search:focus-within{border-color:rgba(255,255,255,.55);box-shadow:0 0 0 4px rgba(255,255,255,.084)}
.dk-search svg{width:16px;height:16px;fill:none;stroke:#7a7a7a;stroke-width:2;stroke-linecap:round;flex:none}
.dk-search input{flex:1;min-width:0;width:100%;border:0;background:none;outline:none;color:#fff;font:14px var(--font)}
.dk-search input::placeholder{color:#7b7b7b}
.dk-search input::-webkit-search-cancel-button{display:none}
.dk-search kbd{font:600 11px var(--mono);color:#959595;padding:3px 6px;border-radius:6px;border:1px solid var(--line-dark);background:#111111;white-space:nowrap}
.dk-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.dk-url{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line-dark);background:none;color:#a3a3a3;font:12px var(--mono);cursor:pointer;transition:color .2s,border-color .2s}
.dk-url:hover{color:#fff;border-color:#474747}
.dk-url i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pingG 2s infinite}
.dk-url.ok{color:var(--ok);border-color:rgba(52,211,153,.4)}
.dk-menu{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-dark);background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
.dk-menu span{display:block;width:16px;height:2px;border-radius:2px;background:#fff;transition:transform .3s var(--ease)}
.dk-open .dk-menu span:first-child{transform:translateY(3.5px) rotate(45deg)}
.dk-open .dk-menu span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* ---------- menu lateral ---------- */
.dk-side{position:fixed;left:0;top:var(--top);bottom:0;width:var(--side);overflow-y:auto;padding:18px 12px 40px;border-right:1px solid var(--line-dark);background:#070707;z-index:50;scrollbar-width:thin;scrollbar-color:#353535 transparent}
.dk-back{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;margin-bottom:6px;font-size:13px;color:#959595;transition:color .2s}
.dk-back:hover{color:#fff}
.dk-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dk-g{margin-top:16px}
.dk-g small{display:block;font:700 11px/1 var(--font-h);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:#7b7b7b;padding:0 10px;margin-bottom:6px}
.dk-g a{position:relative;display:flex;align-items:center;gap:8px;min-height:34px;padding:0 10px;border-radius:8px;font-size:13.5px;color:#a3a3a3;transition:color .2s,background .2s}
.dk-g a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-g a:hover{color:#fff;background:rgba(255,255,255,.03)}
.dk-g a.on{color:#fff;background:rgba(255,255,255,.084)}
.dk-g a:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--p-t);transform:scaleY(0);transition:transform .3s var(--ease)}
.dk-g a.on:before{transform:scaleY(1)}
.dk-g a.hit span{color:#fff}
.dk-g a.hide,.dk-g.hide{display:none}
.dk-none{padding:10px;font-size:13px;color:#959595}
.dk-side-cta{display:none;grid-template-columns:1fr 1fr;gap:8px;padding:4px 4px 6px}

/* método HTTP */
.dk-m{font:700 9.5px/1 var(--mono);font-style:normal;padding:4px 5px;border-radius:5px;flex:none;letter-spacing:.03em}
.dk-m.get{background:rgba(52,211,153,.12);color:var(--ok)}
.dk-m.post{background:rgba(255,255,255,.12);color:var(--p-t)}
.dk-m.delete{background:rgba(248,113,113,.12);color:#f87171}

/* ---------- conteúdo ---------- */
.dk-main{margin-left:var(--side);padding-top:var(--top)}
.dk-s{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;padding:56px 48px;border-bottom:1px solid var(--line-dark);scroll-margin-top:var(--top)}
.dk-s:not(:has(.dk-r)){grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.dk-c{min-width:0;max-width:720px}
.dk-r{min-width:0;position:sticky;top:calc(var(--top) + 24px);align-self:start;display:grid;gap:14px}
[id]{scroll-margin-top:calc(var(--top) + 16px)}
.dk-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--font-h);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--p-t);margin-bottom:14px}
.dk-eyebrow:before{content:"";width:16px;height:2px;border-radius:2px;background:currentColor}
.dk-s h1{font:800 clamp(34px,4vw,48px)/1.05 var(--font-h);font-stretch:112%;color:#fff;margin-bottom:16px}
.dk-s h2{position:relative;font:800 clamp(24px,2.6vw,30px)/1.15 var(--font-h);font-stretch:110%;color:#fff;margin-bottom:12px}
.dk-s h3{position:relative;font:700 18px/1.3 var(--font-h);font-stretch:106%;color:#fff;margin-bottom:8px}
.dk-a{margin-left:8px;color:#585858;font-weight:600;opacity:0;transition:opacity .2s,color .2s}
h2:hover .dk-a,h3:hover .dk-a{opacity:1}
.dk-a:hover{color:var(--p-t)}
.dk-s p{font-size:15.5px;line-height:1.7;margin-bottom:12px}
.dk-s p b,.dk-s li b{color:#fff;font-weight:600}
.dk-lead{font-size:17px!important;color:#bebebe}
.dk-muted{color:#9c9c9c}
.dk-s code{overflow-wrap:anywhere;font:13px var(--mono);padding:2px 6px;border-radius:6px;background:#1b1b1b;border:1px solid #242424;color:#eeeeee}

/* passos do quickstart */
.dk-steps{list-style:none;position:relative;margin-top:30px;display:grid;gap:26px}
.dk-steps:before{content:"";position:absolute;left:17px;top:36px;bottom:20px;width:2px;background:var(--line-dark)}
.dk-steps:after{content:"";position:absolute;left:17px;top:36px;bottom:20px;width:2px;background:linear-gradient(var(--p),var(--p-t));transform:scaleY(var(--prog,0));transform-origin:top;transition:transform .2s linear}
.dk-steps li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px}
.dk-n{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:800 15px/1 var(--font-h);color:#fff;background:#1a1a1a;border:2px solid #353535;transition:background .4s,border-color .4s}
.dk-steps li.lit .dk-n{background:var(--p);border-color:var(--p);color:#000}
.dk-next{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--p-t)}
.dk-next svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.dk-next:hover svg{transform:translateX(3px)}

/* avisos */
.dk-call{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.048);border:1px solid rgba(255,255,255,.2)}
.dk-call svg{width:22px;height:22px;flex:none;color:var(--p-t);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.dk-call svg .a{fill:currentColor;stroke:none;opacity:.18}
.dk-call b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.dk-call p{font-size:14px!important;margin:0!important;color:#bebebe}
.dk-call.warn{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.25)}
.dk-call.warn svg{color:#fbbf24}

/* tabelas */
.dk-table{border:1px solid var(--line-dark);border-radius:12px;overflow:hidden;margin:6px 0 10px}
.dk-tr{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:14px;padding:11px 16px;font-size:14px;border-top:1px solid var(--line-dark)}
.dk-tr:first-child{border-top:0}
.dk-th{background:#141414;font:700 11px/1.4 var(--font-h);font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;color:#7a7a7a}
.dk-tr span{min-width:0;overflow-wrap:anywhere}

/* formas de autenticar */
.dk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}
.dk-opt{position:relative;padding:16px;border-radius:12px;background:#141414;border:1px solid var(--line-dark)}
.dk-opt h4{font:700 15px var(--font-h);font-stretch:106%;color:#fff;margin-bottom:4px}
.dk-opt p{font-size:14px!important;margin:0!important}
.dk-tag{position:absolute;right:12px;top:12px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:rgba(52,211,153,.12);color:var(--ok)}

/* visão geral do grupo */
.dk-ovs{display:grid;gap:6px;margin-top:10px}
.dk-ov{display:grid;grid-template-columns:52px minmax(0,auto) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#141414;border:1px solid var(--line-dark);transition:border-color .2s,transform .25s var(--ease)}
.dk-ov:hover{border-color:rgba(255,255,255,.4);transform:translateX(3px)}
.dk-ov .dk-m{justify-self:start}
.dk-ov code{background:none!important;border:0!important;padding:0!important;color:#fff!important;min-width:0;overflow-wrap:anywhere}
.dk-ov span{font-size:13.5px;color:#9c9c9c;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* endpoint */
.dk-ep-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dk-ep-h .dk-m{font-size:11px;padding:5px 8px}
.dk-ep-h code{background:none!important;border:0!important;padding:0!important;font-size:15px!important;color:#fff!important;word-break:break-all}
.dk-meta{display:flex;flex-wrap:wrap;gap:8px 28px;padding:14px 0;margin:14px 0 4px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.dk-meta small{display:block;font:700 10.5px/1.4 var(--font-h);font-stretch:112%;letter-spacing:.14em;text-transform:uppercase;color:#7b7b7b;margin-bottom:3px}
.dk-meta span{font-size:13.5px;color:#dddddd}
.dk-block{margin-top:24px}
.dk-block h4{font:700 11.5px/1 var(--font-h);font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:#959595;margin-bottom:10px}
.dk-params{border-top:1px solid var(--line-dark)}
.dk-p{padding:14px 0;border-bottom:1px solid var(--line-dark)}
.dk-p-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.dk-p-h code{background:none!important;border:0!important;padding:0!important;color:#fff!important;font-weight:600}
.dk-type{font:12px var(--mono);color:#7a7a7a}
.dk-req{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fbbf24}
.dk-req.opt{color:#7b7b7b}
.dk-p p{font-size:14.5px!important;margin:0 0 4px!important}
.dk-p small{font-size:12.5px;color:#7a7a7a}
.dk-resp{list-style:none;display:grid;gap:6px}
.dk-resp li{display:flex;align-items:flex-start;gap:12px;font-size:14px;padding:8px 0}
.dk-st{font:700 12px/1 var(--mono);padding:5px 8px;border-radius:6px;flex:none;min-width:44px;text-align:center}
.dk-st.s2{background:rgba(52,211,153,.12);color:var(--ok)}
.dk-st.s4{background:rgba(245,158,11,.12);color:#fbbf24}
.dk-st.s5{background:rgba(248,113,113,.12);color:#f87171}

/* painel de código */
.dk-code{border-radius:14px;background:#111111;border:1px solid #282828;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,0,0,.9)}
.dk-code-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 0 6px;border-bottom:1px solid #282828;background:#070707}
.dk-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.dk-tabs::-webkit-scrollbar{display:none}
.dk-tabs button{position:relative;border:0;background:none;color:#7a7a7a;font:600 12.5px var(--font);padding:8px 10px 10px;cursor:pointer;transition:color .2s;white-space:nowrap}
.dk-tabs button:hover{color:#fff}
.dk-tabs button.on{color:#fff}
.dk-tabs button.on:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--p-t);animation:tabIn .3s var(--ease)}
@keyframes tabIn{from{transform:scaleX(.3);opacity:0}}
.dk-lang{font:600 12px var(--mono);color:#7a7a7a;padding:8px 8px 10px}
.dk-copy{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:#959595;font:600 12px var(--font);padding:0 10px;min-height:30px;border-radius:7px;margin-bottom:5px;cursor:pointer;transition:background .2s,color .2s;flex:none}
.dk-copy:hover{background:rgba(255,255,255,.06);color:#fff}
.dk-copy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dk-copy.ok{color:var(--ok)}
.dk-code-l{padding:10px 16px 0;font:600 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#7b7b7b}
.dk-code pre{margin:0;padding:12px 16px 16px;overflow-x:auto;font:12.8px/1.75 var(--mono);color:#dddddd;scrollbar-width:thin;scrollbar-color:#353535 transparent}
.dk-code pre.in{animation:codeIn .35s var(--ease)}
@keyframes codeIn{from{opacity:0;transform:translateY(4px)}}
.dk-code code{font:inherit;background:none;border:0;padding:0;color:inherit}
.tk-s{color:#86efac}.tk-k{color:var(--lilac)}.tk-n{color:#fcd34d}.tk-f{color:#7dd3fc}.tk-c{color:#7b7b7b}

/* listas */
.dk-list{padding-left:20px;display:grid;gap:6px;margin:8px 0 12px;font-size:15px}
.dk-list li::marker{color:var(--p-t);font-weight:700}
.dk-checks{list-style:none;display:grid;gap:12px;margin-top:8px}
.dk-checks li{position:relative;padding-left:30px;font-size:15px;line-height:1.65}
.dk-checks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b794ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}

/* erros */
.dk-errs{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--line-dark)}
.dk-err{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line-dark)}
.dk-err h4{font:700 15px var(--font-h);font-stretch:106%;color:#fff;margin-bottom:3px}
.dk-err p{font-size:14px!important;margin:0!important}

/* fim */
.dk-end{border-bottom:0;grid-template-columns:minmax(0,1fr)}
.dk-end .dk-c{max-width:none}
.dk-help{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.132),rgba(255,255,255,.036));border:1px solid rgba(255,255,255,.25)}
.dk-help img{width:46px;height:auto}
.dk-help>div{flex:1 1 220px;min-width:0}
.dk-help h3{margin-bottom:2px}
.dk-help p{margin:0!important;font-size:14.5px!important}
.dk-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:32px;font-size:13.5px;color:#7a7a7a}
.dk-foot .credit a{color:#dddddd;font-weight:600}
.dk-foot .credit a:hover{color:var(--p-t)}

/* entrada suave */
.dk-c,.dk-r{animation:none}
.dk-s.pre .dk-c,.dk-s.pre .dk-r{opacity:0;transform:translateY(18px)}
.dk-s .dk-c,.dk-s .dk-r{transition:opacity .6s var(--ease),transform .6s var(--ease)}
.dk-s .dk-r{transition-delay:.08s}

/* ---------- responsivo ---------- */
@media (max-width:1240px){
  .dk-s,.dk-s:not(:has(.dk-r)){grid-template-columns:minmax(0,1fr);gap:22px;padding:48px 40px}
  .dk-r{position:static;max-width:720px}
}
@media (max-width:980px){
  .dk-url,.dk-login{display:none}
}
@media (max-width:900px){
  .dk-menu{display:flex}
  .dk-side{transform:translateX(-105%);transition:transform .35s var(--ease);width:min(300px,86vw);box-shadow:20px 0 50px rgba(0,0,0,.5)}
  .dk-open .dk-side{transform:none}
  .dk-shade{position:fixed;inset:var(--top) 0 0 0;z-index:45;background:rgba(8,8,8,.6);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .dk-open .dk-shade{opacity:1;visibility:visible}
  .dk-main{margin-left:0}
  .dk-search{margin-left:auto}
  .dk-right{margin-left:0}
}
@media (max-width:640px){
  .dk-body{--top:60px}
  .dk-top{gap:8px;padding:0 12px}
  .dk-brand .brand-word,.dk-pill,.dk-search kbd,.dk-right{display:none}
  .dk-side-cta{display:grid}
  .dk-search{flex:1 1 0;height:38px}
  .dk-s{padding:36px 16px}
  .dk-opts{grid-template-columns:minmax(0,1fr)}
  .dk-ov{grid-template-columns:48px minmax(0,1fr)}
  .dk-ov span{grid-column:2;text-align:left}
  .dk-tr{grid-template-columns:minmax(0,1fr);gap:2px}
  .dk-th{display:none}
  .dk-tr span:first-child{font-size:12.5px;color:#959595}
  .dk-err{grid-template-columns:minmax(0,1fr);gap:8px}
  .dk-err .dk-st{justify-self:start}
  .dk-code pre{font-size:12px;padding:12px}
  .dk-help .btn{width:100%}
  .dk-foot{flex-direction:column;align-items:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .dk-s.pre .dk-c,.dk-s.pre .dk-r{opacity:1;transform:none}
}

/* nenhum texto sai da caixa */
h1,h2,h3,h4,p,b,strong,small,li,label,dd,dt{overflow-wrap:anywhere}