:root{
  --api-gold:#d8aa3c;
  --api-gold-bright:#efc75e;
  --api-bg:#0d1419;
  --api-card:#121a1f;
  --api-card-2:#0e1519;
  --api-line:#29363d;
  --api-text:#eef2f2;
  --api-muted:#89969c;
  --api-green:#55d88e;
  --api-red:#ef7b7b;
}
.api-client-main{max-width:none!important}
.api-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 0 20px;border-bottom:1px solid #263137}
.api-hero h1{margin:5px 0 5px;font-size:30px;letter-spacing:-.035em;color:#f4f3ef}
.api-hero p{margin:0;max-width:760px;color:#89969c;font-size:12px;line-height:1.55}
.api-live-pill{flex:none;padding:7px 10px;border:1px solid #655124;border-radius:999px;background:#211a0d;color:#e9c15c;font-size:9px;font-weight:900;letter-spacing:.08em}
.api-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;padding:18px 0 50px}
.api-main-column,.api-side-column{display:grid;align-content:start;gap:14px}
.api-card{border:1px solid var(--api-line);border-radius:14px;background:var(--api-card);padding:16px;box-shadow:0 5px 18px rgba(0,0,0,.13)}
.api-card>span,.api-card-head>div>span{display:block;color:#967d45;font-size:8.5px;font-weight:900;letter-spacing:.13em}
.api-card h2,.api-card h3{color:#f3f1eb}
.api-card h2{margin:3px 0 0;font-size:17px}.api-card h3{margin:5px 0 8px;font-size:14px}
.api-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.api-status-pill{padding:5px 8px;border:1px solid #3b4347;border-radius:999px;background:#171d20;color:#8c969b;font-size:8.5px;font-weight:900;letter-spacing:.04em}
.api-status-pill.ready{border-color:#286141;background:#10291c;color:#63dd99}
.api-status-pill.off{border-color:#5d4721;background:#2a2110;color:#e1b752}
.api-endpoint-row,.api-key-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #2d393f;border-radius:10px;background:#0d1418}
.api-endpoint-row>div,.api-key-box>div{display:grid;gap:3px;min-width:0}
.api-endpoint-row small,.api-key-box small{color:#6f7c82;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.api-endpoint-row code,.api-key-box code{overflow:hidden;text-overflow:ellipsis;color:#ddd7c8;font:600 10.5px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.api-key-state{margin-top:9px}
.api-key-meta{display:flex;gap:10px;flex-wrap:wrap;margin:9px 2px 0;color:#758188;font-size:9px}
.api-key-meta b{color:#aab4b8}
.api-key-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.api-button,.api-copy,.api-copy-code,.api-key-actions button{
  min-height:32px;padding:6px 10px;border:1px solid #3b474d;border-radius:8px;background:#151d21;color:#dce3e4;
  font-size:9.5px;font-weight:850;cursor:pointer
}
.api-copy:hover,.api-copy-code:hover,.api-key-actions button:hover{border-color:#745d2a;background:#211b0e;color:#f0c861}
.api-key-actions .primary{background:linear-gradient(180deg,#efc75e,#d8aa3c);border-color:#d8aa3c;color:#161109}
.api-key-actions .danger{border-color:#603334;background:#291718;color:#ef9b9b}
.api-key-actions button:disabled{opacity:.5;cursor:wait}
.api-secret-box{margin-top:9px;padding:12px;border:1px solid #705925;border-radius:10px;background:#1b170e}
.api-secret-box>small{display:block;color:#d7b24f;font-size:8px;font-weight:900;text-transform:uppercase}
.api-secret-line{display:flex;align-items:center;gap:8px;margin-top:6px}
.api-secret-line code{flex:1;min-width:0;overflow-wrap:anywhere;color:#f0d886;font:650 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.api-secret-box p{margin:7px 0 0;color:#9e906c;font-size:9px}
.api-security-note,.api-callout{margin:10px 0 0;padding:9px 10px;border-radius:8px;font-size:9.5px;line-height:1.5}
.api-security-note{background:#12181b;color:#7f8b91;border-left:2px solid #5c4a25}
.api-security-note b{color:#d8b550}
.api-callout{background:#1b170e;border:1px solid #4e4122;color:#ab9b72}
.api-muted{color:var(--api-muted);font-size:10px;line-height:1.55}
.api-connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.api-connection-grid>div{display:grid;gap:3px;padding:9px;border:1px solid #29353b;border-radius:9px;background:#0e1519}
.api-connection-grid small{color:#69767d;font-size:7.5px;font-weight:900;text-transform:uppercase}
.api-connection-grid b{color:#dbe1e2;font-size:9.5px}
.api-docs-card{padding-bottom:18px}
.api-doc-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.api-doc-tabs::-webkit-scrollbar{display:none}
.api-doc-tabs button{flex:none;min-height:32px;padding:6px 10px;border:1px solid #303b40;border-radius:999px;background:#10171b;color:#87949a;font-size:9px;font-weight:850;cursor:pointer}
.api-doc-tabs button.active{background:#211b0e;border-color:#745b26;color:#efc65f}
.api-doc-panel{display:none;padding-top:10px}.api-doc-panel.active{display:block}
.api-action-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}
.api-action-title>div{display:grid;gap:3px}.api-action-title b{color:#edf0ef;font-size:12px}.api-action-title small{color:#758288;font-size:9.5px}
.api-action-title>span{padding:4px 7px;border-radius:6px;background:#1d190f;color:#e0b956;font:800 8.5px ui-monospace,SFMono-Regular,Consolas,monospace}
.api-param-table{display:grid;border:1px solid #29343a;border-radius:9px;overflow:hidden}
.api-param-table>div{display:grid;grid-template-columns:110px minmax(0,1fr) 90px;align-items:center;gap:10px;padding:8px 10px;border-top:1px solid #242e33;background:#10171b}
.api-param-table>div:first-child{border-top:0}
.api-param-table b{color:#d7dcdc;font:800 9.5px ui-monospace,SFMono-Regular,Consolas,monospace}
.api-param-table span{color:#879399;font-size:9.5px}.api-param-table em{justify-self:end;color:#766d56;font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase}
.api-param-table code{color:#e2bd5b}
.api-code-head{display:flex;align-items:center;justify-content:space-between;margin:12px 1px 5px;color:#777f83;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.api-copy-code{min-height:26px;padding:4px 8px}
.api-card pre{margin:0;max-width:100%;overflow:auto;padding:11px;border:1px solid #29343a;border-radius:9px;background:#090e11;color:#c6d0d3;font:500 9.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.api-quick-card ol{display:grid;gap:11px;margin:13px 0 0;padding:0;list-style:none;counter-reset:steps}
.api-quick-card li{position:relative;display:grid;gap:2px;padding-left:30px;counter-increment:steps}
.api-quick-card li:before{content:counter(steps);position:absolute;left:0;top:0;display:grid;place-items:center;width:21px;height:21px;border:1px solid #625126;border-radius:50%;background:#201a0e;color:#e9c05c;font-size:8.5px;font-weight:900}
.api-quick-card li b{color:#dce2e2;font-size:10px}.api-quick-card li small{color:#7f8b91;font-size:9px;line-height:1.4}
.api-dialog{max-width:390px;width:calc(100% - 32px);border:1px solid #3b4143;border-radius:13px;background:#12191d;color:#edf0ef;padding:18px}
.api-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.api-dialog h2{margin:0 0 7px;font-size:16px}.api-dialog p{margin:0;color:#8b969b;font-size:10px;line-height:1.5}
.api-dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}
.api-dialog-actions button{min-height:33px;padding:6px 11px;border:1px solid #39454a;border-radius:8px;background:#151d21;color:#dde3e4;font-size:9.5px;font-weight:850}
.api-dialog-actions .danger{background:#2c1819;border-color:#653336;color:#f09b9b}
@media(max-width:1050px){.api-layout{grid-template-columns:1fr}.api-side-column{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  .api-hero{align-items:flex-start;padding-top:18px}.api-hero h1{font-size:24px}.api-live-pill{margin-top:2px}
  .api-layout{padding-top:12px}.api-card{padding:13px;border-radius:12px}
  .api-connection-grid{grid-template-columns:1fr 1fr}.api-side-column{grid-template-columns:1fr}
  .api-param-table>div{grid-template-columns:80px minmax(0,1fr);gap:6px}.api-param-table em{grid-column:2;justify-self:start}
}
@media(max-width:520px){
  .api-client-main{padding-left:12px!important;padding-right:12px!important}
  .api-hero{gap:8px}.api-hero p{font-size:10px}.api-live-pill{font-size:7px;padding:5px 7px}
  .api-endpoint-row,.api-key-box{align-items:flex-start;flex-direction:column}.api-copy{align-self:flex-end}
  .api-connection-grid{grid-template-columns:1fr 1fr}
  .api-action-title{flex-direction:column;gap:6px}
}


/* API access polish v2 — compact on desktop and mobile */
.api-access-card{
  padding:18px!important;
  overflow:hidden!important;
}
.api-access-card .api-card-head{
  margin-bottom:12px!important;
}
.api-access-card .api-endpoint-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:54px!important;
  padding:9px 11px!important;
}
.api-access-card .api-endpoint-row>div{
  min-width:0!important;
}
.api-access-card .api-endpoint-row code{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.api-access-card .api-endpoint-row .api-copy{
  width:auto!important;
  min-width:78px!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
}

.api-key-state{
  display:grid!important;
  gap:9px!important;
  margin-top:9px!important;
  min-width:0!important;
}
.api-key-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  padding:9px 11px!important;
  overflow:hidden!important;
}
.api-key-summary{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.api-key-summary code,
.api-key-box code{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  color:#e8e2d4!important;
  font:650 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.api-key-box>.api-status-pill{
  justify-self:end!important;
  flex:none!important;
}

.api-secret-box{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:11px!important;
  overflow:hidden!important;
  border:1px solid #665021!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#1a170e,#15130d)!important;
}
.api-secret-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 8px!important;
}
.api-secret-head span{
  color:#e3b94f!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.065em!important;
}
.api-secret-head b{
  color:#8d856f!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.api-secret-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.api-secret-input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:38px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #344148!important;
  border-radius:8px!important;
  outline:none!important;
  background:#0d1519!important;
  color:#f1ce6e!important;
  box-shadow:none!important;
  font:650 10.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.api-secret-input:focus{
  border-color:#776027!important;
  box-shadow:0 0 0 2px rgba(216,170,60,.10)!important;
}
.api-secret-line .api-copy-secret{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:84px!important;
  max-width:none!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  flex:none!important;
  white-space:nowrap!important;
}
.api-secret-box p{
  margin:7px 1px 0!important;
  color:#8f8770!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}

.api-key-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
  margin:0!important;
}
.api-key-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0 11px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
.api-key-actions button:only-child{
  grid-column:1/-1!important;
}
.api-key-meta{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  min-height:18px!important;
  margin:0 2px!important;
  color:#76838a!important;
  font-size:8.5px!important;
  line-height:1.3!important;
}
.api-security-note{
  margin:9px 0 0!important;
  padding:8px 9px!important;
  font-size:8.8px!important;
  line-height:1.45!important;
}

/* Keep the rest of the API page dense and readable */
.api-layout{
  align-items:start!important;
}
.api-main-column,
.api-side-column{
  min-width:0!important;
}
.api-card{
  min-width:0!important;
}
.api-docs-card pre{
  max-height:320px!important;
}
.api-side-column .api-card{
  padding:14px!important;
}
.api-side-column .api-card pre{
  font-size:8.8px!important;
}

/* Avoid inherited client-page button/input sizing from stretching API controls */
.api-client-main .api-card button,
.api-client-main .api-dialog button{
  box-sizing:border-box!important;
}
.api-client-main .api-copy,
.api-client-main .api-copy-code{
  width:auto!important;
}
.api-client-main .api-secret-input{
  box-sizing:border-box!important;
}

@media(max-width:760px){
  .api-access-card{
    padding:13px!important;
  }
  .api-secret-head b{
    display:none!important;
  }
  .api-key-meta{
    gap:6px 10px!important;
  }
}

@media(max-width:520px){
  .api-access-card .api-endpoint-row{
    grid-template-columns:minmax(0,1fr) 70px!important;
    min-height:50px!important;
    padding:8px!important;
  }
  .api-access-card .api-endpoint-row .api-copy{
    min-width:70px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }
  .api-key-box{
    min-height:48px!important;
    padding:8px 9px!important;
  }
  .api-key-summary code,
  .api-key-box code{
    font-size:10px!important;
  }
  .api-secret-box{
    padding:9px!important;
  }
  .api-secret-line{
    grid-template-columns:minmax(0,1fr) 76px!important;
    gap:6px!important;
  }
  .api-secret-input{
    height:36px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }
  .api-secret-line .api-copy-secret{
    min-width:76px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }
  .api-key-actions{
    gap:6px!important;
  }
  .api-key-actions button{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:8.5px!important;
  }
  .api-key-meta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    font-size:8px!important;
  }
  .api-security-note{
    font-size:8.3px!important;
  }
}

@media(max-width:360px){
  .api-secret-line{
    grid-template-columns:1fr!important;
  }
  .api-secret-line .api-copy-secret{
    width:100%!important;
  }
  .api-key-actions{
    grid-template-columns:1fr!important;
  }
}