
/* PriceLive Feature Suite UI - consolidated overrides */
.feature-page, .asset-page-shell { width:100%; min-width:0; }
.feature-page { color:var(--text-primary); }
.feature-page *, .asset-page-shell * { max-width:100%; }
.feature-hero, .feature-card { overflow:hidden; }
.feature-card h2, .feature-card h3 { color:var(--text-primary); margin-top:0; }
.feature-card code, .feature-card pre { direction:ltr; text-align:left; unicode-bidi:plaintext; }
.feature-card pre { white-space:pre; -webkit-overflow-scrolling:touch; }
.docs-grid { align-items:stretch; }
.docs-grid > .feature-card { height:100%; }
.doc-section { scroll-margin-top:90px; }
.doc-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
.doc-nav a { display:inline-flex; align-items:center; min-height:40px; padding:8px 13px; border-radius:12px; border:1px solid var(--border-color); color:var(--text-primary); text-decoration:none; background:var(--bg-card); }
.doc-nav a:hover { color:var(--tab-active); border-color:var(--tab-active); }
.doc-table { width:100%; border-collapse:separate; border-spacing:0; min-width:640px; }
.doc-table th, .doc-table td { vertical-align:top; border-bottom:1px solid var(--border-color); padding:12px 13px; }
.doc-table th { position:sticky; top:0; z-index:1; background:var(--bg-card); color:var(--text-primary); }
.doc-table code { font-size:.82em; }
.endpoint-card { border:1px solid var(--border-color); border-radius:18px; padding:18px; background:var(--bg-primary); margin-top:14px; }
.endpoint-method { display:inline-flex; align-items:center; border-radius:999px; padding:5px 10px; font-weight:800; font-size:.72rem; background:rgba(245,158,11,.13); color:var(--tab-active); margin-inline-end:8px; }
.endpoint-path { direction:ltr; unicode-bidi:plaintext; display:inline-block; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; }
.callout { border-right:4px solid var(--tab-active); padding:13px 15px; border-radius:12px; background:rgba(245,158,11,.08); margin:13px 0; color:var(--text-primary); }
.callout.danger { border-right-color:#ef4444; background:rgba(239,68,68,.08); }
.callout.success { border-right-color:#16a34a; background:rgba(22,163,74,.08); }
.inline-code { display:inline-block; direction:ltr; unicode-bidi:plaintext; padding:2px 7px; border-radius:7px; background:rgba(148,163,184,.13); }
.steps { counter-reset:step; display:grid; gap:10px; padding:0; margin:0; list-style:none; }
.steps li { counter-increment:step; display:grid; grid-template-columns:34px minmax(0,1fr); gap:10px; align-items:start; }
.steps li::before { content:counter(step); width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--tab-active); color:#fff; font-weight:800; }
.schema-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.schema-card { border:1px solid var(--border-color); border-radius:15px; padding:14px; background:var(--bg-primary); }
.schema-card strong { display:block; margin-bottom:6px; }
.faq-list details { border:1px solid var(--border-color); border-radius:14px; padding:12px 14px; margin:9px 0; background:var(--bg-primary); }
.faq-list summary { cursor:pointer; font-weight:700; }
.plan-card { position:relative; overflow:hidden; }
.plan-card .plan-features div { overflow-wrap:anywhere; }
.inline-form { min-width:0; }
.inline-form input, .inline-form select, .settings-form input, .settings-form select { min-width:0; }
.token-row { min-width:0; }
.token-row > div { min-width:0; }
.token-row code { overflow-wrap:anywhere; word-break:break-word; }
.asset-page-shell { box-sizing:border-box; }
.asset-chart-card { min-width:0; }
.asset-history-chart, .asset-chart { width:100%; min-width:0; overflow:hidden; }
.important-prices-grid { min-width:0; }
.important-price-card { min-width:0; overflow:hidden; }
@media (max-width: 900px) {
  .feature-page { padding-inline:14px; }
  .feature-hero, .feature-card { border-radius:18px; padding:20px; }
  .plan-grid { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
  .doc-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
}
@media (max-width: 620px) {
  .feature-page { padding:12px 10px 42px; }
  .feature-hero, .feature-card { padding:16px; border-radius:16px; }
  .feature-hero h1 { font-size:1.45rem; }
  .feature-card h2 { font-size:1.05rem; }
  .plan-grid { grid-template-columns:1fr; }
  .plan-card { min-height:0; }
  .api-actions { flex-direction:column; }
  .api-actions .feature-btn, .api-actions a { width:100%; }
  .token-row { align-items:stretch; }
  .endpoint-card { padding:14px; border-radius:14px; }
  .doc-nav { gap:6px; }
  .doc-nav a { width:100%; justify-content:center; }
  .steps li { grid-template-columns:30px minmax(0,1fr); }
  .schema-grid { grid-template-columns:1fr; }
  .asset-page-header { gap:12px; }
  .asset-page-price-box { width:100%; }
  .asset-chart-card { padding:16px; }
  .asset-history-toolbar { overflow-x:auto; flex-wrap:nowrap; padding-bottom:3px; }
  .asset-history-btn { flex:0 0 auto; }
}


/* API management */
.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.section-help{margin:.3rem 0 0!important;font-size:.78rem}
.new-token-box{margin:14px 0;padding:14px;border:1px solid rgba(22,163,74,.24);background:rgba(22,163,74,.07);border-radius:16px;display:grid;gap:10px}
.new-token-box>div:first-child{display:flex;flex-direction:column;gap:3px;color:var(--text-primary)}
.new-token-box>div:first-child span{font-size:.75rem;color:var(--text-secondary)}
.token-secret-line,.token-secret-highlight{display:flex;align-items:center;gap:8px;min-width:0}
.token-secret-line code,.token-secret-highlight code{direction:ltr;text-align:left;unicode-bidi:plaintext;display:block;min-width:0;flex:1;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(148,163,184,.11);padding:9px 11px;border-radius:10px}
.token-main{min-width:0;flex:1}
.token-meta,.token-legacy-note{margin-top:5px;color:var(--text-secondary);font-size:.72rem}
.token-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.status-off{color:#ef4444;margin-inline-end:4px}
.token-row.is-disabled{opacity:.82}
.gateway-note.danger{border-right:4px solid #ef4444;background:rgba(239,68,68,.08)}
.gateway-note.success{border-right:4px solid #16a34a;background:rgba(22,163,74,.08)}

/* Channel settings */
.channel-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}
.channel-steps>div{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-primary)}
.channel-steps b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(245,158,11,.13);color:var(--tab-active);flex:none}
.channel-steps span{font-size:.76rem;color:var(--text-secondary)}
.channel-actions{display:flex;flex-wrap:wrap;gap:8px}
.channel-actions .danger{margin-inline-start:0}
.channel-validation{display:flex;flex-direction:column;gap:5px;margin-top:15px;padding:14px 16px;border-radius:15px;border:1px solid var(--border-color);line-height:1.8}
.channel-validation.is-ok{border-color:rgba(22,163,74,.26);background:rgba(22,163,74,.07)}
.channel-validation.is-error{border-color:rgba(239,68,68,.26);background:rgba(239,68,68,.07)}
.channel-validation strong{color:var(--text-primary)}
.channel-validation span{font-size:.76rem;color:var(--text-secondary)}
@media (max-width:720px){
  .channel-steps{grid-template-columns:1fr}
  .channel-actions{display:grid;grid-template-columns:1fr}
  .channel-actions .feature-btn{width:100%}
  .token-actions{justify-content:flex-start}
}
.api-test-panel{margin-top:14px;padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-primary);display:grid;gap:12px}
.api-test-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.api-test-row label{font-weight:700;color:var(--text-primary)}
.api-test-row select{max-width:420px}
.api-test-result{display:grid;gap:5px;padding:13px 15px;border-radius:14px;border:1px solid var(--border-color);line-height:1.8}
.api-test-result.is-ok{background:rgba(22,163,74,.07);border-color:rgba(22,163,74,.25)}
.api-test-result.is-error{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.25)}
.api-test-result span{font-size:.75rem;color:var(--text-secondary)}
.api-test-result pre{margin:6px 0 0;max-height:260px;overflow:auto}
@media(max-width:620px){.api-test-row{align-items:stretch;display:grid}.api-test-row select,.api-test-row .feature-btn{max-width:none;width:100%}}
