/* Copen brand tokens: Jade for ownership/actions, Gold only for AI. */
:root{--brand-jade:#1F8A70;--brand-jade-pressed:#18725D;--brand-jade-soft:#73B9A7;--brand-jade-wash:#E8F5F0;--brand-ai:#D6A85F;--brand-ai-highlight:#E8C987;--trade-profit:#32C48D;--trade-loss:#E45B5B;--warning:#E59B45;--security:#419D9A;--quant:#8176A3;--primary:#1F8A70;--primary-light:#E8F5F0;--green:#32C48D;--red:#E45B5B;--surface:#F4F8F5;--ink:#233B36;--line:#DFEBE6;--muted:#657771}
body{background:#E9F1ED;color:var(--ink)}
#phone{--cp-bg:#FCFDFC;--cp-card:#fff;--cp-soft:#F4F8F5;--cp-border:#DFEBE6;--cp-text:#233B36;--cp-muted:#657771;--cp-accent:#1F8A70;--cp-tint:#E8F5F0;--cp-up:#32C48D;--cp-down:#E45B5B;--cp-edge:#90ABA2;--cp-warning:#E59B45;--cp-warning-bg:#FFF3E5;--cp-cta:#1F8A70;--cp-cta-ink:#fff;--primary:#1F8A70;--primary-light:#E8F5F0;--green:#32C48D;--red:#E45B5B;--surface:#F4F8F5;--line:#DFEBE6;--muted:#657771;--ink:#233B36;background:var(--cp-bg);color:var(--cp-text)}
#phone.is-copen{--cp-accent:#1F8A70;--cp-tint:#E8F5F0;--cp-up:#32C48D;--cp-down:#E45B5B;--cp-cta:#1F8A70;--cp-cta-ink:#fff;--primary:#1F8A70;--primary-light:#E8F5F0;--green:#32C48D;--red:#E45B5B}
#phone[data-theme="dark"]{--cp-bg:#15231F;--cp-card:#1B2D27;--cp-soft:#243830;--cp-border:#345047;--cp-text:#ECF4EF;--cp-muted:#B1C8BD;--cp-accent:#73B9A7;--cp-tint:#21483D;--cp-up:#32C48D;--cp-down:#E45B5B;--cp-edge:#648477;--cp-cta:#1F8A70;--cp-cta-ink:#fff;--primary:#1F8A70;--primary-light:#21483D;--surface:#243830;--line:#345047;--ink:#ECF4EF;--muted:#B1C8BD}
#phone[data-theme="dark"].is-copen-pro{--cp-accent:#73B9A7;--cp-tint:#21483D}
#phone .primary,#phone .cp-primary,#phone .cp-modal .cp-button:not(.cp-secondary):not(.cp-danger){background:#1F8A70;color:#fff!important;border-color:#1F8A70}
#phone .primary:active,#phone .cp-primary:active,#phone .cp-modal .cp-button:not(.cp-secondary):active{background:#18725D!important}
#phone .cp-long,#phone .primary.green{background:#32C48D!important;color:#123E30!important;border-color:#32C48D!important}
#phone .cp-short,#phone .cp-modal .cp-button.cp-danger{background:#E45B5B!important;color:#3B1616!important;border-color:#E45B5B!important}
#phone .cp-up,#phone .up,#phone .badge.green{color:#167756}#phone .cp-down,#phone .down{color:#AD3232}
#phone[data-theme="dark"] .cp-up,#phone.is-copen-pro[data-theme="dark"] .cp-up{color:#63DDAF}#phone[data-theme="dark"] .cp-down,#phone.is-copen-pro[data-theme="dark"] .cp-down{color:#FF8D8D}
#phone .cp-mode button.active,#phone .cp-chart-periods .active,#phone .cp-info-tabs .active,#phone .nav button.active{color:#18725D}
#phone[data-theme="dark"] .cp-mode button.active,#phone.is-copen-pro[data-theme="dark"] .cp-mode button.active,#phone.is-copen-pro[data-theme="dark"] .cp-chart-periods .active{color:#73B9A7}
#phone .v6-hub-circle{background:#E8F5F0;box-shadow:0 4px 14px #1F8A7018}#phone .v6-hub-circle span{color:#1F8A70;font-weight:800;font-size:29px;line-height:1}
#phone .v6-search-launch{background:#F4F8F5;border-color:#DFEBE6;color:#557467}#phone .v6-search-launch span{color:#1F8A70}
#phone .v6-hub-list button>span,#phone .v6-result-mark{background:#E8F5F0;color:#18725D}#phone .v6-search-filters button.active{background:#E8F5F0;color:#18725D}
#phone .v6-recent button{background:#F4F8F5}#phone .v6-leverage-adjust input,#phone .v6-margin-mode input{accent-color:#1F8A70}
#phone .v6-leverage-adjust button{background:#E8F5F0}#phone .v6-sheet-preview,#phone .v6-sheet-label input{background:#F4F8F5}
#phone .v7-wallet-symbol{width:25px;height:25px;display:block;object-fit:contain;flex:none}
#phone .wallet-logo .v7-wallet-symbol{width:23px;height:23px}
.brand .v7-wallet-symbol{width:28px;height:28px}
#phone .cp-ai-entry,#phone .quick.ai,#phone .quick.ai .tile{color:#80602B}
#phone .quick.ai .tile,#phone[data-current-page="ai"] .model.active,#phone[data-current-page="ai"] .strategy.active{background:#FBF1DC;border-color:#D6A85F;color:#80602B}
#phone[data-current-page="ai"] .primary,#phone[data-current-page="ai"] .cp-primary{background:#D6A85F!important;border-color:#D6A85F!important;color:#302414!important}
#phone[data-current-page="ai"] .primary:active{background:#BE9048!important}
#phone .nav button[data-page="ai"].active{background:#FBF1DC;color:#80602B}
#phone .cp-ai-note small,#phone[data-current-page="ai"] .badge{color:#80602B}
#phone .badge.orange{color:#94551B;background:#FFF3E5}
#phone .cp-funding-chart .cp-price-line{stroke:#8176A3}#phone .cp-chart .cp-ma,#phone .cp-chart .cp-ema,#phone .cp-chart .cp-boll{stroke:#8176A3}
#phone svg path[stroke="#6b55ef"]{stroke:#1F8A70}#phone svg stop[stop-color="#7764fa"]{stop-color:#1F8A70}
#phone .v5-token-button{border:1px solid var(--cp-border);border-radius:12px;padding:8px 12px;background:var(--cp-tint);color:var(--cp-accent);font-weight:700}
#phone .v5-choice:focus-visible,#phone .v5-token-button:focus-visible{outline:3px solid #73B9A7}
/* Chart and order share a scroll container; the chart remains visible while editing. */
#phone .cp-terminal-grid>.cp-trade-stack{min-width:0;grid-column:1/-1;align-self:stretch}
#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-chart-module{position:sticky;top:0;z-index:6;padding:10px 12px;margin:0 0 8px;box-shadow:0 6px 18px #1B3F3121}
#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-chart{height:133px;min-height:133px;width:100%;object-fit:contain}
#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-stats,#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-chart-foot{display:none}
#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-quote>div>strong{font-size:22px}
#phone .cp-trade-stack .cp-order-inline{margin:0 0 12px}
#phone .cp-chart-periods{display:flex;overflow-x:auto;scrollbar-width:none;white-space:nowrap;align-items:center;gap:3px}
#phone .cp-chart-periods button{flex:0 0 auto}
#phone .cp-chart-periods .v7-more-period{color:var(--cp-accent);margin-left:auto;padding:0 6px}
#phone .v7-indicator-select{display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;border-top:1px solid var(--cp-border);padding:7px 0 0;margin-top:4px}
#phone .v7-indicator-select>span{font-size:11px;color:var(--cp-muted);margin-right:4px}
#phone .v7-indicator-select button{flex:0 0 auto;min-height:34px;padding:3px 10px;border-radius:10px;background:var(--cp-soft);color:var(--cp-muted);border:1px solid var(--cp-border);font-size:11px}
#phone .v7-indicator-select button.active{background:var(--cp-tint);color:var(--cp-accent);border-color:var(--cp-accent);font-weight:700}
#phone .v7-period-overlay.sheet-wrap{background:#15231F24;backdrop-filter:none;align-items:flex-end}
#phone .v7-period-overlay .sheet{max-height:min(52dvh,450px);overflow:auto;border-radius:24px 24px 0 0;box-shadow:0 -12px 30px #15231F22}
#phone .v7-period-picker>div{border-bottom:1px solid var(--cp-border);padding:7px 0 12px}#phone .v7-period-picker>div:last-child{border:0}
#phone .v7-period-picker h3{font-size:13px;margin:4px 0 10px}
#phone .v7-period-picker button{min-height:44px;min-width:54px;margin:0 6px 7px 0;padding:6px 9px;background:var(--cp-soft);color:var(--cp-text);border-radius:12px;font-size:12px}
#phone .v7-period-picker button.active{background:var(--cp-tint);border:1px solid var(--cp-accent);color:var(--cp-accent);font-weight:700}
@media(max-width:360px){#phone .cp-trade-stack:has(.cp-order-inline:not(:empty)) .cp-chart{height:112px;min-height:112px}#phone .v7-indicator-select button{padding:3px 7px}}
#phone .status-check,#phone .cp-state-icon.success{color:#419D9A;background:#E9F5F4}
#phone .cp-warning,#phone .badge.orange{border-color:#E59B4544}
