/* Jagatindo Trade Integration — scoped styles */
.jt-dashboard {
  --jt-bg:#0b1220; --jt-panel:#111d30; --jt-panel-deep:#0d1727;
  --jt-border:#293b55; --jt-text:#e8eef8; --jt-muted:#9eacc1;
  --jt-green:#42d6a2; --jt-blue:#8fc4ff;
  width:100%; max-width:100%; min-width:0; box-sizing:border-box;
  padding:clamp(14px,2.2vw,28px); border:1px solid #233149; border-radius:18px;
  background:var(--jt-bg); color:var(--jt-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
}
.jt-dashboard *, .jt-dashboard *::before, .jt-dashboard *::after {box-sizing:border-box}
.jt-dashboard h2,.jt-dashboard h3,.jt-dashboard p {margin-top:0}
.jt-dashboard-head {display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;min-width:0}
.jt-dashboard-intro {min-width:0}
.jt-eyebrow,.jt-section-label {font-size:10px;letter-spacing:1.7px;color:#8ca6c9;font-weight:800}
.jt-dashboard h2 {font-size:clamp(21px,2.4vw,28px);line-height:1.2;margin:8px 0;color:#f7f9fc;overflow-wrap:anywhere}
.jt-dashboard-head p {color:var(--jt-muted);font-size:13px;line-height:1.6;margin-bottom:0}
.jt-connection-wrap {display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:100%}
.jt-status,.jt-pill {display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1.4;letter-spacing:.45px;padding:7px 10px;border:1px solid #33435b;border-radius:30px;color:#b7c8df;text-align:center}
.jt-status.is-configured {border-color:#236b57;color:#8de8c5}
.jt-status.is-error {border-color:#8b493f;color:#ffc1b1}
.jt-mode-label {font-size:9px;letter-spacing:.8px;color:#778ba8;text-align:right}
.jt-section-label {display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 10px}
.jt-market-updated {font-size:10px;letter-spacing:0;color:#778ba8;font-weight:500;text-align:right}
.jt-market-strip {display:flex;gap:9px;align-items:stretch;width:100%;min-height:74px;margin:0 0 24px;padding:10px;background:#101b2d;border:1px solid #24354d;border-radius:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#405572 #101b2d}
.jt-market-item {display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;gap:5px;min-width:145px;padding:9px 12px;border-right:1px solid #293b55}
.jt-market-symbol {font-size:13px;color:#f0f5fc;letter-spacing:.3px}
.jt-market-prices {font-size:11px;color:#aebdd1;white-space:nowrap}
.jt-market-change {font-size:10px;color:var(--jt-green)}
.jt-empty,.jt-muted {color:#8fa1ba;font-size:12px;line-height:1.6;align-self:center;padding:8px}
.jt-strategy-heading {margin-top:2px}
.jt-strategy-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.jt-strategy-card {display:flex;flex-direction:column;min-width:0;padding:17px;background:var(--jt-panel);border:1px solid var(--jt-border);border-radius:14px}
.jt-card-top {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.jt-card-icon {width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:#1d3555;color:#a9d0ff;font-weight:800;font-size:11px}
.jt-pill {font-size:9px;padding:5px 8px;white-space:nowrap}
.jt-strategy-card h3 {font-size:16px;line-height:1.3;margin:0 0 7px;color:#f3f6fb;overflow-wrap:anywhere}
.jt-card-description {font-size:12px;line-height:1.6;color:var(--jt-muted);margin:0;min-height:58px}
.jt-card-output {display:flex;align-items:center;min-height:58px;margin:14px 0 12px;padding:11px;background:var(--jt-panel-deep);border:1px solid #26364c;border-radius:9px;color:#b9c9dc;font-size:11px;line-height:1.55;overflow-wrap:anywhere}
.jt-card-controls {display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:7px;margin:0 0 10px}
.jt-symbol-input,.jt-timeframe-select {width:100%;min-width:0;min-height:38px;padding:8px 9px;border:1px solid #344966;border-radius:7px;background:#0b1525;color:#e5edf8;font:inherit;font-size:12px}
.jt-symbol-input:focus,.jt-timeframe-select:focus,.jt-button:focus-visible {outline:2px solid #77baff;outline-offset:2px}
.jt-card-actions {display:flex;gap:8px;margin-top:auto}
.jt-button {display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:40px;border:0;border-radius:8px;padding:10px 13px;font-weight:750;cursor:pointer;font-size:12px;line-height:1.2;transition:filter .15s ease,transform .15s ease}
.jt-button-primary {background:#1d8b6c;color:#fff}
.jt-button:hover:not(:disabled) {filter:brightness(1.12);transform:translateY(-1px)}
.jt-button:disabled {opacity:.55;cursor:wait}
.jt-disclaimer {margin-top:20px;padding:13px 14px;border:1px solid #594b35;border-radius:9px;background:#1a1a20;color:#c5b99e;font-size:11px;line-height:1.6}
.jt-notice {padding:12px;border:1px solid #754a3b;color:#ffc7ae;border-radius:8px}
.screen-reader-text {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1050px) {
  .jt-strategy-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px) {
  .jt-dashboard {padding:15px;border-radius:13px}
  .jt-dashboard-head {display:flex;flex-direction:column;gap:13px;margin-bottom:18px}
  .jt-connection-wrap {align-items:flex-start}
  .jt-mode-label {text-align:left}
  .jt-market-strip {margin-bottom:19px;padding:8px}
  .jt-strategy-grid {grid-template-columns:minmax(0,1fr);gap:10px}
  .jt-strategy-card {padding:15px}
  .jt-card-description {min-height:0}
  .jt-card-output {min-height:48px}
  .jt-section-label {font-size:9px;letter-spacing:1.1px}
}
@media (max-width:360px) {
  .jt-dashboard {padding:11px}
  .jt-card-controls {grid-template-columns:minmax(0,1fr) 72px}
  .jt-status {font-size:9px}
}
@media (prefers-reduced-motion:reduce) {
  .jt-button {transition:none}
  .jt-button:hover:not(:disabled) {transform:none}
}

.jt-mode-select {grid-column:1/-1;width:100%;min-height:38px;padding:8px 9px;border:1px solid #344966;border-radius:7px;background:#0b1525;color:#e5edf8;font:inherit;font-size:12px}
.jt-image-label {grid-column:1/-1;display:flex;flex-direction:column;gap:6px;color:#aebdd1;font-size:11px}
.jt-image-label input {width:100%;max-width:100%;font-size:11px;color:#cbd8e8}
.jt-card-output {display:block}
.jt-result-line {margin-top:5px}
.jt-result-line strong {color:#e7f1ff}
.jt-result-summary {margin:0 0 7px;color:#f2f7ff;font-weight:650}
.jt-result-raw {white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}
