/* equity.css */
.equity-cell{padding:0!important;white-space:normal!important}.equity-terminal{padding:22px;background:#0a0f13;min-width:0}.equity-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.equity-kicker{font-size:10px;letter-spacing:1.6px;color:#6c8a7c}.equity-top h3{margin:7px 0 0;font-size:17px;font-weight:650;color:#edf4f0}.equity-top small{font-size:10px;color:#85a293;border:1px solid #2a4137;padding:3px 6px;border-radius:4px;margin-left:6px}.equity-top button{padding:8px 11px;border:1px solid #2c3c34;border-radius:6px;background:#13201b;color:#aec7b9;font-size:11px;cursor:pointer}.equity-top button:hover{border-color:#21d99a;color:#fff}.equity-metrics{display:flex;gap:38px;flex-wrap:wrap;padding:22px 0 18px;border-bottom:1px solid #202c33;margin-bottom:10px}.equity-metrics span{display:block;color:#83978d;font-size:11px;margin-bottom:7px}.equity-metrics b{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.equity-plot{position:relative}#equityCanvas{height:290px;width:100%;min-width:0}#equityTooltip{position:absolute;z-index:4;pointer-events:none;white-space:pre-line;background:#14231ef2;border:1px solid #345948;border-radius:6px;padding:9px 12px;color:#e3f5eb;font-size:11px;line-height:1.7;box-shadow:0 8px 24px #0007}#equityEmpty{position:absolute;top:42%;width:100%;text-align:center;font-size:12px;color:#94a99d;pointer-events:none}.equity-footer{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;color:#718479;margin-top:12px}.equity-footer a,.equity-license a{color:#8ca99a;text-decoration:none}.equity-license{margin-top:9px;color:#62766a;font-size:10px}.equity-license summary{cursor:pointer}.account-activity-slot:has(.equity-terminal) .table-wrap{max-height:none}.table-wrap:has(.equity-terminal)>table{table-layout:fixed;min-width:0;width:100%}@media(max-width:600px){.equity-terminal{padding:14px 10px}.equity-metrics{gap:16px;padding-top:18px}.equity-metrics b{font-size:15px}.equity-top h3{font-size:15px}#equityCanvas{height:270px}.equity-footer{font-size:9px}}

#equityCanvas table{table-layout:auto!important;min-width:0!important;margin:0!important}#equityCanvas td{padding:0!important;border:0!important;background:transparent!important}
.equity-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.equity-units{display:flex;gap:3px}.equity-units button[aria-pressed="true"]{background:#1c654b;color:#e8fff2;border-color:#21d99a}.equity-rate{font-size:11px;color:#809c8e;margin:14px 0 0;white-space:normal}@media(max-width:600px){.equity-top{align-items:flex-start;flex-wrap:wrap}.equity-controls{justify-content:flex-start}}
.equity-terminal .equity-footer{display:none}

.equity-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.equity-metrics>div:last-child{text-align:right}

/* pnl-history.css */
.table-wrap:has(.pnl-history){max-height:none;overflow:visible}.table-wrap:has(.pnl-history) table{min-width:0;width:100%;table-layout:fixed}.pnl-cell{padding:0!important;white-space:normal!important}.pnl-history{padding:24px;color:#e4eee8;background:#0c1411}.pnl-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.pnl-heading h3{font-size:22px;margin:6px 0}.pnl-eyebrow{font-size:11px;color:#8ca99a}.pnl-heading>strong{font-size:27px;font-variant-numeric:tabular-nums}.pnl-history .positive{color:#36dba0}.pnl-history .negative{color:#f76c8c}.pnl-muted{color:#87a092;font-size:11px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.pnl-history h4{font-size:16px;margin:24px 0 16px}.pnl-distribution{display:flex;align-items:center;gap:30px;padding:10px 0 22px}.pnl-ring{width:116px;height:116px;border-radius:50%;position:relative;flex-shrink:0}.pnl-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#0c1411}.pnl-ring>span{position:absolute;inset:0;display:grid;place-items:center;color:#94ac9e;font-size:12px}.pnl-legend{flex:1;min-width:0}.pnl-legend-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:13px}.pnl-legend-line span{display:flex;align-items:center;gap:8px}.pnl-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.pnl-toolbar,.pnl-period,.pnl-modes{display:flex;align-items:center;gap:8px}.pnl-toolbar{justify-content:space-between;margin-bottom:14px}.pnl-history button{cursor:pointer;font:inherit}.pnl-period button,.pnl-modes button{border:1px solid #2b4033;border-radius:6px;padding:6px 12px;background:#14221a;color:#adc9b7}.pnl-modes button[aria-pressed=true]{background:#24553c;color:#75e6b1}.pnl-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.pnl-weekday{text-align:center;background:#142019;padding:10px 0;color:#80988a;font-size:11px}.pnl-day{min-width:0;min-height:70px;border:1px solid transparent;border-radius:6px;background:#101a14;color:#aec1b4;padding:8px 2px;display:grid;align-content:center;gap:8px;text-align:center}.pnl-day span{font-size:12px}.pnl-day b{font-size:11px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pnl-day.win{background:#123728;color:#48dfaa}.pnl-day.loss{background:#321a25;color:#f67f9a}.pnl-day.selected{border-color:#79e5b6}.pnl-history button:focus-visible{outline:2px solid #79e5b6;outline-offset:1px}.pnl-year{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pnl-details{margin-top:22px;border-top:1px solid #26392e;padding-top:16px}.pnl-details summary{font-size:12px;color:#a2c8b3;cursor:pointer}.pnl-trade{padding:15px 0;border-bottom:1px solid #1b3024}.pnl-trade>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.pnl-trade p{margin:5px 0 0}@media(max-width:600px){.pnl-history{padding:14px}.pnl-heading>strong{font-size:21px}.pnl-heading h3{font-size:18px}.pnl-ring{width:88px;height:88px}.pnl-ring:before{inset:9px}.pnl-distribution{gap:18px}.pnl-legend-line{font-size:12px}.pnl-day{min-height:62px}.pnl-day b{font-size:9px}.pnl-year{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Match the transaction panel and keep one shared month selector above it. */
.pnl-history{background:transparent;padding:20px 22px;color:#dce7e5}
.pnl-heading h3{font-size:18px;font-weight:600;margin:6px 0 0}.pnl-heading>strong{font-size:26px}.pnl-eyebrow,.pnl-muted{font-size:12px;color:#8b9b9a}
.pnl-history h4{font-size:14px;font-weight:600;margin:20px 0 12px}.pnl-distribution{gap:22px;padding:4px 0 18px;border-bottom:1px solid #1c2b2c}.pnl-ring{width:84px;height:84px}.pnl-ring:before{inset:9px;background:#0c1215}.pnl-ring>span{font-size:12px}.pnl-legend-line{padding:7px 0}
.pnl-toolbar{margin:18px 0 10px}.pnl-toolbar h4{margin:0}.pnl-modes{gap:2px;padding:3px;background:#111d20;border-radius:7px}.pnl-modes button{padding:5px 12px;border:0;background:transparent;color:#8caaa3}.pnl-modes button[aria-pressed=true]{background:#1c3c33;color:#39d9ab}
.pnl-weekday{background:transparent;padding:8px 0;color:#748984}.pnl-calendar{gap:3px}.pnl-day{min-height:58px;border-radius:5px;background:#101a1c;color:#93a5a1;gap:6px}.pnl-day.win{background:#11372d;color:#37d5a5}.pnl-day.loss{background:#311d28;color:#ed7b9b}.pnl-day b{font-size:11px}.pnl-details{border-color:#1c2b2c;margin-top:18px;padding-top:14px}
@media(max-width:600px){.pnl-history{padding:16px 12px}.pnl-heading>strong{font-size:22px}.pnl-heading h3{font-size:17px}.pnl-distribution{gap:16px}.pnl-ring{width:72px;height:72px}.pnl-ring:before{inset:8px}.pnl-legend-line{font-size:12px}.pnl-day{min-height:56px}.pnl-day b{font-size:10px;letter-spacing:-.3px}.pnl-day span{font-size:11px}}
.pnl-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 0;border-top:1px solid #1c2b2c;border-bottom:1px solid #1c2b2c}.pnl-breakdown>div{display:grid;gap:7px;min-width:0}.pnl-breakdown span{font-size:12px;color:#8b9b9a}.pnl-breakdown b{font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}@media(max-width:600px){.pnl-breakdown{gap:8px}.pnl-breakdown b{font-size:13px}}
.account-activity-slot .activity:has(.pnl-history){height:auto;min-height:0}
#accountDialog .account-activity-slot .table-wrap:has(.pnl-history){max-height:none;height:auto;overflow:visible}
#accountDialog .account-activity-slot .activity:has(.pnl-history){overflow:hidden}
.pnl-history{padding:16px;background:#0d1417}
.pnl-distribution{gap:16px;padding:2px 0 14px;justify-content:flex-start}
.pnl-legend{flex:0 1 420px}.pnl-legend-line{padding:7px 0;gap:24px}.pnl-legend-line b{font-variant-numeric:tabular-nums}
.pnl-ring{width:68px;height:68px}.pnl-ring:before{inset:7px;background:#0d1417}
.pnl-history h4{margin:16px 0 10px}.pnl-toolbar{margin:14px 0 8px}.pnl-toolbar h4{margin:0}
.pnl-calendar{gap:5px}.pnl-weekday{padding:5px 0}.pnl-day{min-height:52px;padding:7px 3px;gap:4px;border:1px solid #19272a;background:#101a1c}.pnl-day.win{border-color:#1b4b3c}.pnl-day.loss{border-color:#4a2637}
.pnl-details{margin-top:14px;padding-top:12px}
@media(max-width:600px){.pnl-history{padding:12px}.pnl-distribution{gap:12px}.pnl-legend{flex:1}.pnl-legend-line{gap:8px;font-size:11px}.pnl-calendar{gap:3px}.pnl-day{min-height:48px}.pnl-ring{width:60px;height:60px}}

.pnl-day{container-type:inline-size}.pnl-day .pnl-amount{display:block;min-width:0;white-space:nowrap;overflow-wrap:normal;line-height:1.3}.pnl-day .pnl-amount span{font-size:inherit;letter-spacing:0}.pnl-amount-short{display:none}@container(max-width:78px){.pnl-day .pnl-amount-full{display:none}.pnl-day .pnl-amount-short{display:inline}.pnl-day .pnl-amount{font-size:clamp(8px,20cqi,11px)}}

.pnl-history .pnl-heading{align-items:flex-end;gap:16px}.pnl-history .pnl-heading>div{min-width:0}.pnl-history .pnl-eyebrow{display:block;font-size:11px;line-height:1.4;letter-spacing:0}.pnl-history .pnl-heading h3{font-size:19px;line-height:1.3;font-weight:600;margin:5px 0 0;letter-spacing:0;font-variant-numeric:tabular-nums}.pnl-history .pnl-heading>strong{font-size:23px;line-height:1.08;font-weight:650;letter-spacing:0;white-space:nowrap;font-variant-numeric:tabular-nums}.pnl-history .pnl-heading+.pnl-muted{margin:9px 0 13px;font-size:11px;line-height:1.5}@media(max-width:600px){.pnl-history .pnl-heading{gap:10px}.pnl-history .pnl-heading h3{font-size:17px}.pnl-history .pnl-heading>strong{font-size:20px}}
.pnl-summary-card{container-type:inline-size;padding:18px 20px;border:0;border-bottom:1px solid #23342e;border-radius:0;background:transparent;margin:14px 0}
.pnl-summary-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);align-items:center;gap:26px}
.pnl-summary-card .pnl-breakdown{padding:0;border:0;gap:20px}
.pnl-summary-card .pnl-breakdown>div{gap:9px;grid-template-rows:auto auto;align-content:start;text-align:left}.pnl-summary-card .pnl-breakdown span{line-height:1.4}.pnl-summary-card .pnl-breakdown b{white-space:nowrap;font-variant-numeric:tabular-nums}
.pnl-summary-card .pnl-breakdown b{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.3px}
.pnl-summary-card .pnl-breakdown>div:nth-child(2){text-align:center}.pnl-summary-card .pnl-breakdown>div:last-child{border:0;padding:0;text-align:right}
.pnl-summary-card .pnl-distribution{margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #283a32;gap:16px}
.pnl-summary-card .pnl-ring{width:66px;height:66px}.pnl-summary-card .pnl-ring:before{inset:6px;background:#0d171a}
.pnl-summary-card .pnl-legend{flex:1}.pnl-summary-card .pnl-legend-line{gap:12px;font-size:12px;padding:7px 0}.pnl-summary-card .pnl-legend-line b{font-size:13px;text-align:right;overflow-wrap:anywhere}
.pnl-summary-note{font-size:11px;line-height:1.7;color:#809b8f;margin:17px 0 0;padding-top:12px;border-top:1px solid #23342e}
@container(max-width:760px){.pnl-summary-row{grid-template-columns:minmax(0,1fr);gap:16px}.pnl-summary-card .pnl-breakdown{gap:12px}.pnl-summary-card .pnl-breakdown>div:nth-child(2){text-align:center}.pnl-summary-card .pnl-breakdown>div:last-child{border:0;padding:0;text-align:right}.pnl-summary-card .pnl-breakdown b{font-size:clamp(12px,4.2cqi,18px)}.pnl-summary-card .pnl-breakdown span{font-size:11px}.pnl-summary-card .pnl-distribution{border-left:0;border-top:1px solid #23342e;padding:16px 0 0}.pnl-summary-card .pnl-ring{width:56px;height:56px}.pnl-summary-card .pnl-ring:before{inset:5px}.pnl-summary-card .pnl-ring>span{font-size:10px}.pnl-summary-card .pnl-legend-line{font-size:11px}.pnl-summary-card .pnl-legend-line b{font-size:12px}.pnl-summary-note{font-size:10px}}
@media(max-width:600px){.pnl-summary-card{padding:14px 12px}}

/* Only monetary figures carry profit/loss colors. */
.pnl-history{background:#111417;color:#dce0e5}
.pnl-history .pnl-day,.pnl-history .pnl-day.win,.pnl-history .pnl-day.loss{background:#1b1e22;border-color:#34383e;color:#aeb4bc}
.pnl-history .pnl-day.win .pnl-amount{color:#37d5a5}
.pnl-history .pnl-day.loss .pnl-amount{color:#ed7b9b}
.pnl-history .pnl-day.selected{border-color:#c1c7cf;box-shadow:inset 0 0 0 1px #c1c7cf}
.pnl-history .pnl-modes{background:#202328}
.pnl-history .pnl-modes button{background:transparent;color:#aeb4bc}
.pnl-history .pnl-modes button[aria-pressed=true]{background:#41464d;color:#f0f2f5}
.pnl-history button:focus-visible{outline:2px solid #c1c7cf}
.pnl-history .pnl-weekday,.pnl-history .pnl-muted,.pnl-history .pnl-breakdown span{color:#a0a6af}
.pnl-history .pnl-details,.pnl-history .pnl-trade,.pnl-history .pnl-summary-card,.pnl-history .pnl-distribution{border-color:#34383e}
.pnl-history .pnl-details summary{color:#bcc2ca}
.pnl-history .pnl-ring:before{background:#111417}
.pnl-navigation{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;color:#dce0e5;font-size:14px}
.pnl-navigation button{min-width:44px;min-height:40px;border:0;background:transparent;color:#dce0e5;font-size:22px}
.pnl-navigation button:disabled{opacity:.3;cursor:default}
.history-month-label{font-size:14px;color:#dce0e5;white-space:nowrap}

.anke-spinner{display:inline-block;box-sizing:border-box;width:18px;height:18px;border:2px solid #555b64;border-top-color:#dce1e8;border-radius:50%;animation:anke-spin .75s linear infinite;vertical-align:middle;flex-shrink:0}.pnl-history[aria-busy=true]{min-height:110px;display:grid;place-items:center}.table-wrap:has(.anke-spinner) table{min-width:0;width:100%}.empty:has(.anke-spinner){text-align:center!important}#usdValuation .anke-spinner{width:16px;height:16px}@keyframes anke-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.anke-spinner{animation-duration:2s}}

/* coinbase-chart.css */
.coinbase-chart{height:100%;min-height:260px;display:flex;flex-direction:column;background:#0b1317;color:#afc2c6}.cb-toolbar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #1c292e;font-size:11px}.cb-toolbar strong{font-size:12px;color:#dce7e5}.cb-status{color:#50c8a7;font-size:10px}.cb-toolbar button,.cb-empty button{background:#152822;border:1px solid #294339;color:#b4d8cb;border-radius:5px;padding:5px 8px;font-size:10px;cursor:pointer}.cb-reset{margin-left:auto}.cb-plot{position:relative;flex:1;min-height:190px;overflow:hidden}.cb-plot canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.cb-plot canvas:focus-visible{outline:1px solid #41cba2;outline-offset:-2px}.cb-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;background:#0b1317}.cb-empty[hidden]{display:none}.cb-footer{display:flex;justify-content:space-between;padding:7px 12px;border-top:1px solid #1c292e;font-size:10px;color:#7f989f}
.cb-cross-price,.cb-cross-time,.cb-tooltip{position:absolute;pointer-events:none;z-index:2;font-family:Arial,sans-serif}.cb-cross-price{box-sizing:border-box;line-height:22px;padding:0 6px;background:#425a65;color:#fff;font-size:11px;font-variant-numeric:tabular-nums}.cb-cross-time{padding:4px 7px;border-radius:3px;background:#425a65;color:#fff;font-size:10px;white-space:nowrap}.cb-tooltip{box-sizing:border-box;width:178px;padding:11px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;text-shadow:0 1px 3px #050a0d;color:#d8e6e7;font-size:11px}.cb-tooltip>strong{display:block;font-size:11px;margin-bottom:8px;padding-bottom:7px;border-bottom:0}.cb-tooltip>div{display:flex;justify-content:space-between;gap:10px;line-height:1.9}.cb-tooltip span{color:#8fa9ae}.cb-tooltip b{font-weight:500;font-variant-numeric:tabular-nums}.cb-cross-price[hidden],.cb-cross-time[hidden],.cb-tooltip[hidden]{display:none}@media(max-width:480px){.cb-tooltip{width:154px;padding:8px;font-size:10px}.cb-tooltip>strong{font-size:10px}}
.chart-area,.chart-area *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.coinbase-chart canvas{-webkit-user-drag:none}
.coinbase-chart .cb-footer{display:none}.coinbase-chart .cb-plot,.coinbase-chart .cb-plot canvas{touch-action:none;overscroll-behavior:contain}
.deriv-chart-range{position:absolute;top:8px;right:78px;z-index:2;border:0;border-bottom:1px solid #35453e;border-radius:0;background:#0d1115;color:#9fb5aa;padding:5px 7px;font-size:11px;cursor:pointer}.deriv-chart-range:focus-visible{outline:1px solid #9fb5aa;outline-offset:2px}
.deriv-chart-canvas{position:relative}.deriv-live-price{position:absolute;right:0;top:0;z-index:2;height:20px;line-height:20px;padding:0 6px;box-sizing:border-box;color:#08120f;font:11px/20px Arial,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.deriv-live-price[hidden]{display:none}

/* terminal.css */
/* ANKE trading workspace: chart-first layout with a focused contract ticket. */
:root{--bg:#080c0f;--panel:#0d1317;--panel2:#131c20;--line:#22302e;--muted:#83968f;--green:#20cf93}
.app{grid-template-rows:72px 1fr}.topbar{padding:0 24px;gap:24px;background:#0c1215;border-bottom:1px solid #27342e}.brand{font-size:20px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:3px}.brand .logo{width:42px;height:42px}.workspace-title{border-left:1px solid #2c3833;padding-left:24px;font-size:13px;color:#becdc6;white-space:nowrap}.workspace-title small{display:block;color:#678176;font-size:10px;margin-top:4px;letter-spacing:1px}.account{gap:20px}.account .balance b{font-size:18px}.account .usd-valuation b{font-size:16px}.account .market-activity{display:none}.header-deposit{border:0;background:#20cf93;color:#032319;padding:11px 18px;border-radius:7px;font-weight:800;white-space:nowrap}.account-login{border:1px solid #34483d;padding:10px 13px;border-radius:7px;color:#c7ded1;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-login.signed-in{color:#d7eee1}
.terminal{padding:16px;gap:14px;grid-template-columns:224px minmax(0,1fr) 320px;grid-template-rows:minmax(480px,calc(100vh - 260px)) auto;align-items:stretch}.markets{grid-row:1/3;background:#0d1317;border:1px solid var(--line);border-radius:10px;max-height:calc(100vh - 104px)}.panel-head{height:52px;padding:0 14px;gap:14px}.market-tab{height:52px;font-size:11px}.market-tab.active{border-color:var(--green);color:var(--green)}.search{margin:14px 10px}.search input{background:#151f23;border:1px solid #23362e;font-size:12px}.market-header,.market-row{grid-template-columns:minmax(0,1fr) 64px 46px;gap:4px;padding:10px}.market-row{min-height:65px;border-bottom:1px solid #192520}.market-row.selected{background:#122d23;box-shadow:inset 3px 0 #20cf93}.market-row:hover{background:#16251e}.market-name b{font-weight:650}.filter-row{padding-bottom:12px}
.chart-area{border:1px solid var(--line);border-radius:10px;overflow:hidden;grid-template-rows:auto 46px minmax(0,1fr);background:#0a1014}.ticker-head{padding:17px 18px;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);flex:none}.symbol-head{font-size:15px}.main-price{font-size:23px;min-width:124px;letter-spacing:-.4px}.main-price small{letter-spacing:0;font-size:10px}.ticker-head .metric{display:none}.ticker-head .mode-tag{background:#113526;border-color:#205f42;color:#64dfa8}.chart-tabs{padding:0 16px;gap:16px;font-size:11px}.chart-tabs b{height:46px;border-color:var(--green);font-weight:600}.chart-tabs>span{font-size:10px;color:#506b5e}.intervals{gap:1px}.intervals button{font-size:11px;padding:6px 7px}.intervals button.active{background:#19392b;color:#71e5af}.chart{min-height:300px;height:100%}
.ticket{grid-row:1/3;background:#0f171b;border:1px solid #2a3c32;border-radius:10px;padding:20px;overflow:visible}.ticket-head{margin:-20px -20px 20px;padding:0 20px;height:56px}.ticket-head b{height:auto;border:0;font-size:16px}.contract-badge{font-size:10px;background:#173829;color:#7dddb1;border:1px solid #28513b;padding:5px 8px;border-radius:5px}.ticket .label{font-size:12px;color:#99b0a4;margin:19px 0 9px}.asset-card{background:#16221e;border-color:#2b4136;padding:13px;border-radius:8px}.asset-card strong{font-size:14px}.asset-card span{font-size:12px}.duration-select{background:#121d19;border-color:#365343;color:#edf8f1;padding:14px;font-size:14px}.duration-select:focus{border-color:#20cf93;box-shadow:0 0 0 3px #20cf931a}.amount-field{background:#121d19;border-color:#365343}.amount-field input{font-size:24px;padding:14px;min-width:0}.amount-field span{font-size:12px;color:#9fbdac}.quick-row{gap:7px;margin-top:10px}.quick-row button{background:#15211c;border-color:#2a3e32;padding:8px;color:#a9c4b4;font-size:11px}.quick-row button:hover{border-color:#20cf93;color:#fff}.quote-card{margin-top:22px;background:#0b1310;border:1px solid #294334;padding:14px;border-radius:8px}.quote-line{font-size:11px;padding:7px 0}.quote-line:first-child{padding-bottom:13px;margin-bottom:5px;border-bottom:1px solid #213b2c}.quote-line .payout{font-size:26px;font-weight:750;letter-spacing:-1px}.quote-line b{font-size:12px}.direction-buttons{grid-template-columns:1fr;gap:10px;margin-top:16px}.direction-btn{display:block;text-align:left;padding:15px 18px;font-size:17px;border:1px solid transparent;transition:background .15s,transform .15s}.direction-btn:hover{filter:brightness(1.08)}.direction-btn:active{transform:translateY(1px)}.direction-btn small{font-size:11px;margin-top:5px;font-weight:400}.call-btn{background:#20cf93;color:#03271b}.put-btn{background:#302027;border-color:#713947;color:#ff8d9f}.account-card{margin-top:23px;padding-top:16px}.stat-line{padding:8px 0;font-size:11px}.ticket-footnote{color:#678373;font-size:10px;line-height:1.6;margin-top:16px}
.activity{border:1px solid var(--line);border-radius:10px;background:#0d1417;overflow:hidden}.activity-tabs{height:48px;gap:22px;padding:0 18px}.activity-tabs button{height:48px;font-size:12px}.activity-tabs button.active{color:#62dfaa;border-color:#20cf93}.empty{padding:36px!important}.table-wrap{max-height:260px}.account-activity-slot .activity{border-radius:0}.account-dialog{border-color:#2d4739}.account-dialog-head{background:#13211a}.account-dialog-body{background:#0d1511}.deposit-primary{background:#20cf93}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #61e7b6;outline-offset:3px}
@media(max-width:1250px){.terminal{grid-template-columns:190px minmax(0,1fr) 290px;gap:10px;padding:10px}.ticket{padding:16px}.ticket-head{margin:-16px -16px 16px;padding:0 16px}.account{gap:12px}.workspace-title{display:none}.topbar{padding:0 16px}.market-header,.market-row{grid-template-columns:minmax(0,1fr) 60px 42px;padding:9px 7px}.market-price{font-size:11px}.ticker-head{gap:10px;padding:12px}.ticker-head .mode-tag{display:none}}
@media(max-width:1000px){.terminal{grid-template-columns:minmax(0,1fr) 290px}.markets{grid-column:1/3;grid-row:1;max-height:220px}.chart-area{grid-column:1;grid-row:2;min-height:530px}.ticket{grid-column:2;grid-row:2/4}.activity{grid-column:1;grid-row:3}.terminal{grid-template-rows:auto minmax(530px,65vh) auto}.account .usd-valuation{display:none}#marketList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.market-row{border-right:1px solid var(--line)}.market-header,.filter-row{display:none}.markets .panel-head{float:left;border:0}.search{margin:8px 12px 8px auto;max-width:260px}.market-open{padding:7px;font-size:10px}}
@media(max-width:680px){.app{grid-template-rows:auto 1fr}.topbar{padding:12px;gap:10px;min-height:70px;flex-wrap:wrap}.brand{font-size:16px}.brand .logo{width:32px;height:32px}.brand small{display:block}.account{gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:1}.account-login{font-size:10px;padding:8px;max-width:110px}.header-deposit{padding:9px 11px;font-size:11px}.account .balance{order:0;flex:0 0 auto;text-align:right;padding:4px 0 4px 10px;border-left:1px solid #294136}.account .balance span{display:block;font-size:9px;margin:0 0 3px;color:#789487}.account .balance b{display:block;font-size:12px;font-variant-numeric:tabular-nums}.terminal{display:flex;flex-direction:column;padding:8px;gap:10px}.markets{max-height:202px;order:0}.markets .panel-head{float:none;height:42px}.market-tab{height:42px}.search{max-width:none;margin:6px 10px}.market-row{min-height:50px}#marketList{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-area{order:1;height:450px;min-height:450px}.ticker-head{order:0;width:auto;gap:10px;padding:12px}.ticker-head .symbol-head{font-size:13px}.main-price{font-size:19px}.chart-tabs{padding:0 8px;gap:8px}.chart-tabs>span{display:none}.intervals button{padding:6px}.chart{min-height:270px}.ticket{order:2;padding:18px}.ticket-head{margin:-18px -18px 16px;padding:0 18px}.direction-buttons{grid-template-columns:1fr 1fr}.direction-btn{padding:14px;font-size:16px}.direction-btn small{font-size:10px}.activity{order:3;min-height:180px}.account-card{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-line{display:block}.stat-line b{display:block;margin-top:7px}.ticket-footnote{margin-bottom:0}}
.market-name{min-width:0}.market-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media(min-width:681px){.ticket .label{margin:12px 0 7px}.ticket-head{margin-bottom:12px;height:48px}.asset-card{padding:10px}.duration-select{padding:11px}.amount-field input{padding:10px;font-size:22px}.quick-row{margin:8px 0}.quote-card{margin-top:14px;padding:10px 12px}.quote-line{padding:5px 0}.quote-line:first-child{padding-bottom:8px}.quote-line .payout{font-size:23px}.direction-buttons{gap:8px;margin-top:12px}.direction-btn{padding:11px 14px;font-size:16px}.direction-btn small{margin-top:3px}.account-card{margin-top:14px;padding-top:10px}.stat-line{padding:5px 0}}
.app{grid-template-columns:minmax(0,1fr)}.terminal,.topbar,.account{min-width:0}.terminal>*{min-width:0}@media(max-width:680px){.account{flex-basis:220px}.account .balance{min-width:0}.markets{width:100%}.chart-area,.ticket,.activity{width:100%}}
@media(max-width:680px){.market-row{grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:9px 7px}.market-name{grid-row:1/3}.market-name b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-price{grid-column:2;font-size:10px}.market-change{grid-column:2;font-size:10px}.market-name small{font-size:9px}}

/* Deriv public market data */
.deriv-chart-canvas{position:absolute;inset:0 0 34px}.chart:has(.deriv-chart-canvas){position:relative}.deriv-chart-status{position:absolute;bottom:0;left:0;width:100%;height:34px;background:#101d17;color:#97b5a4;border:0;border-top:1px solid #243a30;text-align:left;padding:0 12px;font-size:12px}.deriv-row{grid-template-columns:minmax(0,1fr) auto}.deriv-row .market-name{grid-column:1/-1}.deriv-row .market-name b{font-size:13px;white-space:normal}.deriv-row .market-price{text-align:left;font-size:14px}.deriv-row .market-change small{display:block;color:#83968f;font-size:10px;margin-top:2px}.deriv-display-note{color:#98beaa;font-size:13px;line-height:1.5}.direction-btn:disabled{opacity:.4;cursor:not-allowed}.deriv-row:focus-visible{outline:2px solid #20cf93;outline-offset:-2px}@media(max-width:680px){.deriv-row .market-name{grid-row:auto}.deriv-row .market-price{grid-column:1}.deriv-row .market-change{grid-column:2}.deriv-row .market-name b{font-size:12px}}


/* Header navigation order */
.topbar .account #marketOpen{order:-3}.topbar .account .activity-unified{order:-2}.topbar .account #accountLogin{order:-1}

/* Compact ANKE feedback */
.toast{box-sizing:border-box;width:max-content;max-width:min(340px,calc(100vw - 32px));bottom:max(24px,calc(env(safe-area-inset-bottom) + 14px));padding:11px 16px;background:#11251e;color:#d9f2e6;border:1px solid #315b49;border-left:3px solid #20cf93;border-radius:10px;box-shadow:0 8px 28px #0005;font-size:13px;font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere}.toast>span{display:block}.toast>small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#91b2a3}@media(prefers-reduced-motion:reduce){.toast{transition:none}}
.markets .panel-head{gap:16px}.markets .panel-head #marketOpen{border:0;border-radius:0;padding:0;background:transparent;font-size:12px;font-weight:750;white-space:nowrap;color:#79cba7;align-self:stretch}.markets .panel-head #marketOpen:hover{color:#b4f4d5}@media(max-width:680px){.topbar .account{column-gap:12px;row-gap:8px}.topbar .account-login{max-width:95px}.markets .panel-head{gap:16px}.markets .panel-head #marketOpen{font-size:12px}}
.topbar .balance-toggle{display:grid;flex:none;background:transparent;color:inherit;border:0;border-left:1px solid #294136;border-radius:0;padding:4px 0 4px 12px;cursor:pointer;text-align:right;font:inherit}.topbar .balance-toggle>.usd-valuation,.topbar .balance-toggle>.balance{display:block;grid-area:1/1;margin:0;padding:0;border:0;min-width:0;visibility:hidden}.topbar .balance-toggle[data-mode=usd]>.usd-valuation,.topbar .balance-toggle[data-mode=balance]>.balance{visibility:visible}.topbar .balance-toggle span{display:block;font-size:10px;color:#81998d;margin:0 0 3px}.topbar .balance-toggle b{display:block;font-size:15px;font-variant-numeric:tabular-nums}.topbar .balance-toggle:focus-visible{outline:2px solid #63dcac;outline-offset:4px;border-radius:4px}@media(max-width:680px){.topbar .balance-toggle{padding-left:8px}.topbar .balance-toggle b{font-size:12px}.topbar .balance-toggle span{font-size:9px}}

@media(min-width:1101px){.terminal{grid-template-columns:280px minmax(0,1fr) 320px}.markets .panel-head{padding:0 14px;gap:17px}.markets .market-tab{font-size:12px}.markets .search input{font-size:13px}.markets .market-header,.markets .market-row{grid-template-columns:minmax(0,1fr) 78px 54px;gap:6px;padding:12px}.markets .market-row{min-height:72px}.markets .market-name b,.markets .market-price{font-size:13px}.markets .market-name small{font-size:11px}.markets .market-change{font-size:12px}.markets .deriv-row{grid-template-columns:minmax(0,1fr) auto}}
.toast.toast-text-only{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;color:#d9f2e6}

/* account-layout.css */
#accountDialog{padding:0;max-height:calc(100dvh - 32px);overflow:hidden;border-radius:18px;background:#0d1115;border-color:#242a31}
#accountDialog .account-dialog-head{height:62px;padding:16px 20px;box-sizing:border-box;background:#11161b;border-bottom-color:#242a31}
.account-navigation{display:flex;gap:6px;padding:8px 16px;background:#0f1419;border-bottom:1px solid #242a31}
.account-navigation button{flex:1;border:0;border-radius:8px;background:transparent;color:#91afa0;padding:11px 8px;font-weight:700;cursor:pointer}
.account-navigation button[aria-pressed=true]{background:#1a3c2c;color:#4fe0a8}
#accountDialog .account-dialog-body{padding:20px;background:#0d1115;max-height:calc(100dvh - 162px);overflow:auto;overscroll-behavior:contain}
#accountDialog [hidden]{display:none!important}
.account-overview{max-width:520px;margin:auto}.account-overview .account-avatar{margin:0 auto 12px}.account-overview .account-name,.account-overview .account-email{text-align:center}.account-overview .deposit-primary{width:100%;min-height:44px}.account-overview .signout-btn{margin-top:12px;min-height:44px;box-sizing:border-box}.account-overview .pin-settings{flex-wrap:wrap}
#accountDialog .account-activity-slot .activity{margin:0;grid-column:auto;grid-row:auto;border:1px solid #254132;border-radius:10px;overflow:visible}
#accountDialog .account-activity-slot .table-wrap{max-height:50dvh}
#accountDialog .chat-shell{margin:0;height:min(480px,60dvh)}
@media(max-width:650px){
 #accountDialog{width:calc(100% - 20px);margin:auto;max-height:calc(100dvh - 24px)}
 #accountDialog .account-dialog-body{padding:14px;max-height:calc(100dvh - 154px)}
 #accountDialog input,#accountDialog textarea{font-size:16px}
 #accountDialog .chat-shell{display:flex;flex-direction:column;height:min(540px,calc(100dvh - 192px));min-height:280px}
 #accountDialog .chat-contacts{display:flex;gap:6px;flex-shrink:0;max-height:76px;overflow-x:auto;border-right:0;border-bottom:1px solid #254132;padding:8px}
 #accountDialog .chat-contact{width:auto;max-width:170px;flex-shrink:0;padding:6px 9px}
 #accountDialog .chat-contact>span{display:block}#accountDialog .chat-contact>span span{display:none}
 #accountDialog .chat-panel{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}
 #accountDialog .chat-panel-head{flex-wrap:wrap;gap:8px;padding:10px}
 #accountDialog .chat-panel-head b{max-width:100%;overflow-wrap:anywhere;font-size:13px}
 #accountDialog .chat-transfer{margin-left:auto}#accountDialog .chat-transfer input{width:95px}
 #accountDialog .chat-compose{padding:10px;gap:6px}#accountDialog .chat-compose textarea{height:44px;resize:none}#accountDialog .chat-compose button{height:44px}
 #accountDialog .social-empty{color:#829f8e;font-size:12px;line-height:1.7;padding:14px 6px;text-align:center}
 #accountDialog .activity-tabs{gap:14px;padding:0 10px}#accountDialog .activity-tabs button{font-size:12px}
 #accountDialog .account-email{overflow-wrap:anywhere}#accountDialog .account-summary{align-items:center;gap:8px}
}

.account-fund-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.account-overview .account-fund-actions button{width:100%;margin:0;min-height:44px;border-radius:8px;font-weight:750}.account-fund-actions .signout-btn{background:#15291f;border:1px solid #37634e;color:#bcebd2}

.trade-quota{margin-top:12px;padding:12px 14px;border:1px solid #254132;border-radius:9px;background:#102219}
.trade-quota h3{margin:0 0 9px;font-size:14px;color:#ddf5e8}
.quota-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quota-stats span{display:block;color:#9db5a8;font-size:12px}
.quota-stats b{display:block;margin-top:3px;font-size:18px;line-height:1.3;color:#4fe0a8}
.trade-quota p{margin:8px 0;font-size:12px;line-height:1.5;color:#b1cbbb;overflow-wrap:anywhere}
.trade-quota .quota-rules{padding-top:7px;border-top:1px solid #254132;color:#94ad9f}
.trade-quota button{border:1px solid #315c4a;border-radius:6px;background:#163b2b;color:#d9f5e7;padding:8px 12px;cursor:pointer}

.trade-quota .quota-rules summary{cursor:pointer;font-size:12px;line-height:1.5;color:#94ad9f}.trade-quota .quota-rules summary:hover{color:#4fe0a8}.trade-quota .quota-rules p{margin:7px 0 0;color:inherit}

.account-overview button.signout-btn{width:100%;font:inherit;cursor:pointer;background:transparent}
.account-user-code{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 12px;font-size:12px;color:#91afa0}
.account-user-code .user-code-copy{padding:5px 9px;border:1px solid #285746;border-radius:6px;background:#10271e;color:#5aebba;font:600 13px ui-monospace,monospace;letter-spacing:1px;cursor:pointer;min-height:30px}
.account-user-code .user-code-copy:hover{background:#17382a;border-color:#42b58c}.user-code-status{font-size:11px;color:#91afa0}
.account-overview .account-summary{padding:12px 14px;border-radius:9px;margin:12px 0 10px}.account-overview .account-summary b{font-size:18px}.account-overview .account-summary span{font-size:11px}
.account-overview .account-fund-actions{gap:8px;margin:10px 0}.account-overview .account-fund-actions button{min-height:36px;padding:7px 10px;font-size:12px;border-radius:7px}
.account-profile-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 14px}
.account-profile-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.account-profile-info{min-width:0}
.account-overview .account-profile-row .account-avatar{width:34px;height:34px;flex:0 0 34px;margin:0;font-size:16px}
.account-overview .account-profile-row .account-name,.account-overview .account-profile-row .account-email{text-align:left;overflow-wrap:anywhere}
.account-profile-row .account-name{font-size:14px}.account-profile-row .account-email{font-size:11px}
.account-profile-row .account-user-code{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;margin:0;flex-shrink:0;font-size:11px}
.account-profile-row .user-code-copy,.account-profile-row .user-code-copy:hover{border:0;background:transparent;border-radius:0;padding:0;min-height:24px;font-size:12px;letter-spacing:.7px}
.account-profile-row .user-code-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:380px){.account-profile-row{gap:10px}.account-profile-identity{gap:7px}.account-overview .account-profile-row .account-avatar{width:28px;height:28px;flex-basis:28px}.account-profile-row .user-code-copy{font-size:11px}}

.account-overview .pin-settings{margin:12px 0;padding:10px 0;border:0;border-top:1px solid #24372f;border-bottom:1px solid #24372f;border-radius:0;gap:10px}.account-overview .pin-settings span{font-size:12px;color:#a6beb1}.account-overview .pin-settings button{padding:6px 10px;min-height:30px;font-size:12px;border:1px solid #315747;border-radius:6px;background:#163528;color:#70dfb0;cursor:pointer}
.account-profile-row .account-user-code>span{color:#fff}

.quota-stats>div:last-child{text-align:right}.quota-stats>div{min-width:0}
@media(max-width:650px){#accountDialog #historyExport{position:relative}#accountDialog .anke-month{position:static}#accountDialog .month-popover{left:8px;right:8px;top:calc(100% + 5px);width:auto;box-sizing:border-box;padding:12px;max-height:55dvh;overflow:auto}#accountDialog .month-popover header{margin-bottom:8px}#accountDialog .month-grid{gap:4px}#accountDialog .month-popover button{padding:8px;font-size:12px}#accountDialog .statement-day{margin-top:10px;padding-top:10px;gap:6px}#accountDialog .statement-day label{font-size:12px}#accountDialog .statement-day input{width:0;font-size:16px;min-height:36px}#accountDialog .month-popover footer{font-size:10px}}
.account-overview .trade-quota,.account-overview .fund-summary{border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 0}.account-overview>[data-signout]{margin-top:20px}

/* brand-theme.css */
/* Blend the dark image backing into each ANKE surface without changing the artwork. */
img[src="/anke-brand-v3.png"]{mix-blend-mode:lighten;object-fit:contain}
.brand .logo{filter:none}

/* activity-toolbar.css */
.activity:has(#historyExport:not([hidden])){display:grid;grid-template-columns:minmax(0,1fr) auto;position:relative}
.activity:has(#historyExport:not([hidden]))>.activity-tabs{grid-column:1;grid-row:1;min-width:0;gap:16px;padding:0 14px;height:48px}
.activity #historyExport:not([hidden]){grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;padding:6px 12px!important;border-bottom:1px solid #26372f}
.activity #historyExport .month-trigger{padding:7px 9px;font-size:12px;white-space:nowrap}
.activity #historyExport #exportTradesPdf{margin-left:0!important;padding:8px 12px!important;font-size:12px;white-space:nowrap}
.activity:has(#historyExport:not([hidden]))>.table-wrap{grid-column:1/-1;grid-row:2;min-width:0}
@media(max-width:650px){
 .activity:has(#historyExport:not([hidden]))>.activity-tabs,#accountDialog .activity:has(#historyExport:not([hidden]))>.activity-tabs{gap:8px;padding:0 8px}
 .activity:has(#historyExport:not([hidden])) .activity-tabs button,#accountDialog .activity:has(#historyExport:not([hidden])) .activity-tabs button{font-size:10px;white-space:nowrap}
 .activity #historyExport:not([hidden]){gap:5px;padding:6px!important;position:static!important}
 .activity #historyExport .month-trigger{font-size:10px;padding:6px}
 .activity #historyExport #exportTradesPdf{font-size:10px;padding:7px!important}
 .activity #historyExport .anke-month{position:static}
 .activity #historyExport .month-popover,#accountDialog .activity #historyExport .month-popover{left:8px;right:8px;top:49px;width:auto;box-sizing:border-box}
}

.activity:has(#historyExport:not([hidden]))>.activity-tabs,.activity #historyExport:not([hidden]){height:48px;box-sizing:border-box;border-bottom:1px solid #30343a!important}

/* udc-chart-refined.css */
.markets[data-category=udc] #marketList{display:block}
.markets[data-category=udc] .market-row{grid-template-columns:minmax(0,1fr) 76px 52px}

.udc-extremes{display:none;gap:24px;margin-left:auto;font-variant-numeric:tabular-nums}
.udc-view .udc-extremes{display:flex}
.udc-extremes>div{display:grid;gap:4px}
.udc-extremes span{font-size:11px;color:#87a399}
.udc-extremes b{font-size:14px;color:#deeee7;font-weight:600}
.udc-extremes small{font-size:10px;color:#708c81}
@media(max-width:680px){.udc-view .udc-extremes{width:100%;margin:0;padding-top:10px;border-top:1px solid #20342b;gap:18px}.udc-extremes>div{flex:1}.udc-extremes b{font-size:13px}.udc-view .chart-area{height:530px;min-height:530px}}

/* deposit-refined.css */
#depositDialog{width:min(440px,calc(100% - 24px));padding:20px;border:1px solid #29363b;border-radius:16px;background:#0d1418;color:#e6eef1;max-height:90dvh;box-shadow:0 24px 80px #0008;font-size:13px;line-height:1.5}
#depositDialog::backdrop{background:#020608b8;backdrop-filter:blur(6px)}
#depositDialog header{margin-bottom:12px}#depositTitle{font-size:17px;letter-spacing:.01em;font-weight:600}
#depositDialog .dialog-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff04;color:#8a9fa7;font-size:21px;padding:0;line-height:1}
#depositDialog button:focus-visible{outline:1px solid #59cfaa;outline-offset:3px}
#depositDialog>p:has([data-udc-rate]){padding:7px 9px;background:#ffffff02;border:0;border-radius:6px;color:#8fa6af;font-size:11px;margin:0 0 12px}
#depositDialog .fund-policy{background:transparent;border:0;border-left:2px solid #38574e;padding:0 0 0 8px;margin:0 0 14px;font-size:11px;line-height:1.6;color:#819a94}
#depositDialog .deposit-step{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;margin:0 0 10px;color:#d8e3e8}#depositDialog .deposit-step>span{color:#637f83;font-size:10px;letter-spacing:.04em;font-weight:500}
#depositDialog label{font-size:11px;color:#829aa4;margin:0 0 9px}
#depositDialog input{background:#080f13;border:1px solid #26363d;border-radius:7px;min-height:40px;margin-top:5px;padding:8px 11px;font-size:16px;outline:none;color:#eaf0f3;font-variant-numeric:tabular-nums;transition:border-color .15s}
#depositDialog input:focus{border-color:#4c9e86;box-shadow:0 0 0 2px #3bab8710}#depositDialog input::placeholder{color:#4f646e}
#depositDialog .deposit-quote{padding:5px 0 11px;gap:10px}#depositDialog .deposit-quote span{font-size:11px;color:#829aa4}#depositDialog .deposit-quote b{font-size:20px;font-weight:600;color:#64d5ae;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#depositDialog .deposit-primary{width:100%;min-height:40px;border-radius:7px;padding:9px 14px;background:#47c99e;color:#06251b;font-size:13px;font-weight:600;transition:background .15s}#depositDialog .deposit-primary:hover{background:#63d8b2}
#depositPayment{border-top:1px solid #ffffff0a;margin-top:17px;padding-top:15px}
#depositDialog .deposit-pay-summary{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}#depositDialog .deposit-pay-summary>span{color:#829aa4;font-size:11px}#depositPayAmount{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
#depositDialog .deposit-address-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#829aa4;margin-bottom:3px}#depositDialog .deposit-address-head>span:last-child{color:#58736e;font-size:10px}
#copyDepositAddress{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:5px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#bdd6cc;font-weight:400;text-align:left;cursor:pointer}#copyDepositAddress:hover{background:none;color:#e2f4ec}
.deposit-address-value{display:block;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;overflow-wrap:anywhere;word-break:break-all;text-wrap:initial;user-select:text}
.deposit-copy-label{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:10px;color:#63c6a6;border:0;margin:0;padding:0;white-space:nowrap}.deposit-copy-label>span{font-size:16px;line-height:1}
#depositCopyStatus{font-size:10px;min-height:15px;margin:0;color:#64caa7}
#depositDialog #depositStatus{font-size:11px;color:#8ea5af;margin:9px 0;line-height:1.6}#depositStatus:empty{display:none}
#depositDialog details{border-top:1px solid #ffffff0a;margin-top:14px;padding-top:11px}#depositDialog summary{margin:0;color:#8199a3;font-size:11px}#depositDialog .deposit-history{font-size:11px;color:#849da7}#depositDialog #refreshDeposits{font-size:11px;padding:5px 9px}
#depositDialog .deposit-instructions{margin:4px 0 15px;padding:0;border:0;border-radius:0;background:none}
#depositDialog .deposit-instructions h4{margin:0 0 7px;color:#8fa99d;font-size:11px;font-weight:500}
#depositDialog .deposit-instructions ol{margin:0;padding-left:17px;color:#8fa99d;font-size:11px;line-height:1.75}#depositDialog .deposit-instructions li{padding-left:3px;margin:4px 0}#depositDialog .deposit-instructions li::marker{color:#69b795;font-variant-numeric:tabular-nums}
@media(max-width:400px){#depositDialog{padding:17px 16px;border-radius:14px}.deposit-copy-label{font-size:10px}#copyDepositAddress{gap:9px}}
@media(prefers-reduced-motion:reduce){#depositDialog input,#depositDialog .deposit-primary{transition:none}}

/* trade-controls.css */
.anke-duration{position:relative}.anke-duration:after{display:none}.anke-duration select[hidden]{display:none!important}.duration-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #2c4c3e;border-radius:10px;background:#101f19;color:#e5f4ec;padding:13px 14px;font-size:14px;font-weight:650;cursor:pointer}.duration-trigger:after{content:'⌄';color:#77bc9e}.duration-trigger:hover,.duration-trigger[aria-expanded=true]{border-color:#4eae86;background:#13281f}.duration-trigger:focus-visible{outline:2px solid #51dca4;outline-offset:2px}.duration-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:264px;overflow:auto;overscroll-behavior:contain;padding:6px;background:#102019;border:1px solid #315443;border-radius:12px;box-shadow:0 12px 32px #0009;scrollbar-width:thin;scrollbar-color:#39634e transparent}.duration-options[hidden]{display:none}.duration-options button{display:flex;justify-content:space-between;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#b9d2c5;text-align:left;font:inherit;font-size:13px;cursor:pointer}.duration-options button:hover,.duration-options button:focus{outline:0;background:#203b2e;color:#e2fff0}.duration-options button[aria-selected=true]{background:#1c4734;color:#66e8ac;font-weight:700}.duration-options button[aria-selected=true]:after{display:none}
.amount-field input{min-width:0;appearance:textfield}.amount-field input::-webkit-inner-spin-button,.amount-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.trade-unit-switch{display:flex;flex-shrink:0;gap:2px;margin-right:7px;padding:3px;background:#0a1510;border:1px solid #294234;border-radius:8px}.trade-unit-switch button{padding:7px 8px;border:0;border-radius:5px;background:transparent;color:#829f8f;font-size:11px;font-weight:700;cursor:pointer}.trade-unit-switch button[aria-pressed=true]{color:#83edbc;background:#204936}.trade-unit-switch button:focus-visible{outline:2px solid #56dba3;outline-offset:1px}.trade-unit-hint{font-size:11px;line-height:1.5;color:#91b3a1;margin:7px 0}.trade-unit-hint[hidden]{display:none}
.ticket .amount-field input:focus-visible{outline:none;box-shadow:none}.ticket .amount-field:focus-within{border-color:#57ce98;box-shadow:0 0 0 2px #32c98c20}.ticket .amount-field input{flex:1 1 0;width:0}.ticket .trade-unit-switch{margin-left:4px}

/* Compact order ticket, with touch-friendly primary actions. */
.ticket{padding:12px;align-self:start}.ticket .ticket-head{height:40px;margin:-12px -12px 10px;padding:0 12px}.ticket .ticket-head b{font-size:14px}.ticket .contract-badge{font-size:10px;padding:4px 7px}.ticket .label{font-size:11px;margin:10px 0 5px}.ticket .asset-card{padding:9px 11px;border-radius:7px}.ticket .asset-card strong{font-size:13px}.ticket .duration-trigger{padding:9px 11px;font-size:13px;border-radius:7px;min-height:36px}.ticket .amount-field input{font-size:18px;padding:9px 11px}.ticket .trade-unit-switch{padding:2px;margin-right:5px}.ticket .trade-unit-switch button{padding:6px 7px;font-size:10px}.ticket .quick-row{gap:6px;margin:6px 0}.ticket .quick-row button{padding:7px 4px;min-height:30px}.ticket .quote-card{margin-top:10px;padding:8px 11px}.ticket .quote-line{padding:4px 0;font-size:11px}.ticket .quote-line:first-child{padding-bottom:7px;margin-bottom:3px}.ticket .quote-line .payout{font-size:18px}.ticket .direction-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ticket .direction-btn{padding:10px 11px;font-size:15px;min-height:54px}.ticket .direction-btn small{font-size:10px;margin-top:3px}.ticket .ticket-footnote{margin-top:9px;font-size:10px}.ticket .account-card{margin-top:10px;padding-top:8px}
@media(max-width:650px){.ticket .amount-field input{font-size:18px}.ticket .direction-btn{min-height:56px}.ticket .duration-trigger{min-height:38px}}

.ticket .account-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.ticket .account-card .stat-line{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:4px 0}.ticket .account-card .stat-line[hidden]{display:none!important}.ticket .account-card .stat-line:last-child{align-items:center;margin-left:auto}.ticket .account-card .stat-line b{display:block;margin:0;line-height:1.4}
.ticket{padding-top:8px}.ticket>.label:first-child{margin-top:0;margin-bottom:4px;line-height:1.4}
.amount-slider{margin:10px 0 12px}.amount-slider-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8fa99e;margin-bottom:2px}.amount-slider-heading output{color:#43d6a6;font-variant-numeric:tabular-nums}.ticket .amount-slider input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--fill:0%}.amount-slider input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#20cb97 var(--fill),#263d32 var(--fill))}.amount-slider input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:#75e6bc;border:2px solid #0f241b;box-shadow:0 0 0 1px #2db687}.amount-slider input::-moz-range-track{height:4px;border-radius:4px;background:#263d32}.amount-slider input::-moz-range-progress{height:4px;background:#20cb97}.amount-slider input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#75e6bc;border:2px solid #0f241b}.amount-slider input:focus-visible{outline:1px solid #44d8a9;outline-offset:2px;border-radius:4px}.amount-slider input:disabled{opacity:.4;cursor:default}.amount-slider-ticks{display:flex;justify-content:space-between;font-size:10px;color:#8fa99e;padding:0 3px}.amount-slider-ticks span{width:25%;text-align:center}.amount-slider-ticks span:first-child,.amount-slider-ticks span:last-child{width:12.5%}.amount-slider-ticks span:first-child{text-align:left}.amount-slider-ticks span:last-child{text-align:right}
.amount-slider-ticks{position:relative;margin:0 7px;padding:0}.amount-slider-ticks span{position:relative}.amount-slider-ticks span:before{content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#84b5a0;pointer-events:none}.amount-slider-ticks span:first-child:before{left:0}.amount-slider-ticks span:last-child:before{left:100%}.amount-slider-ticks{pointer-events:none}
/* A 48px touch surface and 44px thumb hit box; the visible handle stays compact. */
.ticket .amount-slider input[type=range]{height:48px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.amount-slider input::-webkit-slider-thumb{box-sizing:border-box;width:44px;height:44px;margin-top:-20px;border:12px solid transparent;background:#75e6bc;background-clip:padding-box;box-shadow:none}
.amount-slider input::-moz-range-thumb{box-sizing:border-box;width:44px;height:44px;border:12px solid transparent;background:#75e6bc;background-clip:padding-box;box-shadow:none}
.amount-slider-ticks{margin:0 22px}.amount-slider-ticks span:before{top:-26px}
.amount-slider input:active::-webkit-slider-thumb{background-color:#b0ffdd}.amount-slider input:active::-moz-range-thumb{background-color:#b0ffdd}
.ticket .amount-slider input[type=range]:focus,.ticket .amount-slider input[type=range]:focus-visible,.ticket .amount-slider input[type=range]:active{outline:none;box-shadow:none;border:0}.amount-slider input:focus-visible::-webkit-slider-thumb{background-color:#b0ffdd}.amount-slider input:focus-visible::-moz-range-thumb{background-color:#b0ffdd}
/* Compact allocation control with a 32px drag target. */
.ticket .amount-slider{margin:6px 0 8px}.amount-slider-heading{margin-bottom:0;line-height:1.3}.ticket .amount-slider input[type=range]{height:32px}.amount-slider input::-webkit-slider-thumb{width:32px;height:32px;border-width:8px;margin-top:-14px}.amount-slider input::-moz-range-thumb{width:32px;height:32px;border-width:8px}.amount-slider-ticks{margin:0 16px;line-height:1.2}.amount-slider-ticks span:before{top:-18px;width:4px;height:4px}
.ticket .quote-card{border:0;border-radius:0;background:transparent}

.ticket .quote-line b{font-variant-numeric:tabular-nums}.ticket .quote-line:first-child{min-height:32px}.ticket .quote-line .payout{min-width:5.5em;text-align:right;line-height:1.2}
/* Refined allocation slider: inset emerald rail and a luminous precision handle. */
.ticket .amount-slider{margin:10px 0 14px}
.ticket .amount-slider input[type=range]{height:40px;--fill:0%}
.amount-slider input::-webkit-slider-runnable-track{height:3px;border-radius:99px;background:linear-gradient(90deg,#248968 0%,#68dfb4 var(--fill),#20332d var(--fill),#20332d 100%);box-shadow:0 1px 0 #ffffff06}
.amount-slider input::-moz-range-track{height:3px;border-radius:99px;background:#20332d;box-shadow:0 1px 0 #ffffff06}
.amount-slider input::-moz-range-progress{height:3px;border-radius:99px;background:linear-gradient(90deg,#248968,#68dfb4)}
.amount-slider input::-webkit-slider-thumb{box-sizing:border-box;width:44px;height:44px;margin-top:-20.5px;border:12px solid transparent;border-radius:50%;background:radial-gradient(circle at center,#edfff7 0 2px,#183c30 2.5px 6px,#85dfbb 6.5px 8px,#255442 8.5px);background-clip:padding-box;box-shadow:none;filter:drop-shadow(0 2px 3px #0008);transition:filter .18s ease}
.amount-slider input::-moz-range-thumb{box-sizing:border-box;width:44px;height:44px;border:12px solid transparent;border-radius:50%;background:radial-gradient(circle at center,#edfff7 0 2px,#183c30 2.5px 6px,#85dfbb 6.5px 8px,#255442 8.5px);background-clip:padding-box;box-shadow:none;filter:drop-shadow(0 2px 3px #0008);transition:filter .18s ease}
.amount-slider input:hover::-webkit-slider-thumb,.amount-slider input:focus-visible::-webkit-slider-thumb,.amount-slider input[data-dragging]::-webkit-slider-thumb{filter:drop-shadow(0 0 5px #69e8b67a)}
.amount-slider input:hover::-moz-range-thumb,.amount-slider input:focus-visible::-moz-range-thumb,.amount-slider input[data-dragging]::-moz-range-thumb{filter:drop-shadow(0 0 5px #69e8b67a)}
.amount-slider-ticks{height:16px;position:relative;margin:0 22px;color:#819d90;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.amount-slider-ticks span,.amount-slider-ticks span:first-child,.amount-slider-ticks span:last-child{position:absolute;width:auto;transform:translateX(-50%);text-align:center;white-space:nowrap}
.amount-slider-ticks span:nth-child(1){left:0}.amount-slider-ticks span:nth-child(2){left:25%}.amount-slider-ticks span:nth-child(3){left:50%}.amount-slider-ticks span:nth-child(4){left:75%}.amount-slider-ticks span:nth-child(5){left:100%}
.amount-slider-ticks span:before,.amount-slider-ticks span:first-child:before,.amount-slider-ticks span:last-child:before{left:50%;top:-21.5px;width:3px;height:3px;border-radius:50%;background:#638d78;box-shadow:0 0 0 3px #0e191480}
.amount-slider:focus-within .amount-slider-ticks{color:#afcdbd}
@media(prefers-reduced-motion:reduce){.amount-slider input::-webkit-slider-thumb{transition:none}.amount-slider input::-moz-range-thumb{transition:none}}
/* Align the visible rail with the 44px handle's center travel. */
.amount-slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#248968 0%,#68dfb4 var(--fill),#20332d var(--fill),#20332d 100%) center / calc(100% - 44px) 3px no-repeat;box-shadow:none}
.amount-slider input::-moz-range-track{background:linear-gradient(90deg,#248968 0%,#68dfb4 var(--fill),#20332d var(--fill),#20332d 100%) center / calc(100% - 44px) 3px no-repeat;box-shadow:none}
.amount-slider input::-moz-range-progress{background:transparent}

/* terminal-flat.css */
/* Open trading workspace: sections are separated by rhythm and rules, not cards. */
:root{--bg:#0d1115;--panel:#0d1115;--panel2:#151b21;--line:#242b33;--muted:#89959f}
body,.app,.terminal{background:#0d1115}
.topbar{background:#0d1115;border-bottom-color:#242b33}.topbar .account-login{border:0;background:transparent;border-radius:0;font-weight:500}
.terminal{gap:24px;padding:20px 24px}
.terminal>.markets,.terminal>.chart-area,.terminal>.ticket,.terminal>.activity{border:0;border-radius:0;background:transparent;box-shadow:none}
.terminal .markets{scrollbar-width:thin;scrollbar-color:#303941 transparent}
.markets .panel-head{padding:0 12px;border-bottom:1px solid #242b33}.markets .market-tab,.markets .panel-head #marketOpen{font-weight:500;font-size:12px}
.markets .search{margin:10px 12px 12px}.markets .search input{border:0;border-bottom:1px solid #303943;border-radius:0;background:transparent;padding-top:10px;padding-bottom:10px;color:#dce2e7}
.markets .filter-row{padding-left:12px;color:#99a4ad}.markets .market-header{color:#77848f}
.markets .market-row{border:0;border-bottom:1px solid #1e252c;border-radius:0;background:transparent;box-shadow:none}
.markets .market-row.selected{background:#182127;box-shadow:inset 2px 0 #20cf93}.markets .market-row:hover{background:#171e24}.markets .market-name b{font-weight:600}.markets .market-name small{color:#7f8c97}
.chart-area .ticker-head{padding:14px 12px 16px;border-bottom:1px solid #242b33}.chart-area .main-price{font-weight:600;letter-spacing:-.5px}.chart-area .symbol-head{font-weight:600}.chart-area .ticker-head .mode-tag{border:0;background:transparent}
.chart-area .chart-tabs{border-bottom:1px solid #242b33;padding:0 12px}.chart-area .chart-tabs b{font-weight:500;border:0;color:#aeb8c0}.chart-area .intervals{gap:4px}.chart-area .intervals button{border:0;border-radius:3px;padding:7px 8px;color:#89959f}.chart-area .intervals button.active{background:#202931;color:#edf1f4}
.chart-area .coinbase-chart,.chart-area .cb-empty{background:#0d1115}.chart-area .cb-toolbar{border:0;padding:10px 12px 4px}.chart-area .cb-toolbar button{border:0;background:transparent;border-radius:0;color:#9aa6af;padding:6px}.chart-area .deriv-chart-status{background:#0d1115;border-color:#242b33}
.terminal>.ticket{padding:14px 0 0}.ticket .label{margin:17px 0 5px;color:#89959f;font-size:11px;font-weight:400}.ticket .asset-card{border:0;border-radius:0;background:transparent;padding:7px 0 13px;border-bottom:1px solid #242b33}.ticket .asset-card strong{font-size:14px;font-weight:600}.ticket .asset-card span{font-weight:500}
.ticket .duration-trigger,.ticket .duration-select{border:0;border-bottom:1px solid #303943;border-radius:0;background:transparent;padding:10px 0;min-height:42px;font-weight:500}.ticket .duration-trigger:hover,.ticket .duration-trigger[aria-expanded=true]{background:#151b21;border-color:#697a85}
.ticket .amount-field{border:0;border-bottom:1px solid #303943;border-radius:0;background:transparent;box-shadow:none}.ticket .amount-field:focus-within{border-color:#20cf93;box-shadow:none}.ticket .amount-field input{font-size:24px;font-weight:500;padding:10px 0;background:transparent}.ticket .trade-unit-switch{background:transparent;border:0;border-radius:0;margin-right:0;padding:0;gap:4px}.ticket .trade-unit-switch button{border-radius:3px;font-weight:500;padding:7px 8px}.ticket .trade-unit-switch button[aria-pressed=true]{background:#202931;color:#edf1f4}
.ticket .duration-options{border:0;border-radius:4px;background:#1a2229;box-shadow:0 10px 28px #0008}.ticket .duration-options button{border-radius:2px}.ticket .duration-options button[aria-selected=true],.ticket .duration-options button:hover{background:#27343d}
.ticket .quote-card{border:0;border-radius:0;box-shadow:none;background:transparent;padding:0;margin-top:8px}.ticket .quote-line{padding:4px 0;font-size:12px;line-height:20px}.ticket .quote-line:first-child{border-bottom:1px solid #242b33;padding-bottom:6px;margin-bottom:3px;min-height:26px}.ticket .quote-line .payout{font-size:20px;font-weight:600;letter-spacing:-.3px}.ticket .quote-line b{font-weight:600}
.ticket .direction-buttons{gap:10px;margin-top:17px}.ticket .direction-btn{border:0;border-radius:4px;box-shadow:none;min-height:56px;padding:12px;font-weight:600}.ticket .put-btn{background:#342029;color:#f18a9b}.ticket .direction-btn small{font-size:10px;font-weight:400;opacity:.85}
.ticket .account-card{border-color:#242b33;margin-top:18px;padding-top:12px}.ticket .trade-fee-details{border-color:#242b33;margin-top:14px;color:#89959f}.ticket .amount-slider-heading,.ticket .amount-slider-ticks{color:#89959f}
.ticket .amount-slider input::-webkit-slider-thumb{background:#20cf93;background-clip:content-box;border:16px solid transparent;filter:none;box-shadow:none}.ticket .amount-slider input::-moz-range-thumb{background:#20cf93;background-clip:content-box;border:16px solid transparent;filter:none;box-shadow:none}.ticket .amount-slider-ticks span:before{box-shadow:none;background:#64717c}
.terminal>.activity{border-top:1px solid #242b33}.terminal .activity-tabs{padding:0 12px;border-color:#242b33}.terminal .activity-tabs button{font-weight:500}.terminal .activity-tabs .count{border:0;background:transparent;color:#9aa6af}.terminal .pnl-history{padding-left:12px;padding-right:12px}.terminal .pnl-ring:before{background:#0d1115}
@media(min-width:1001px){.terminal>.ticket{padding-left:8px}.terminal>.markets{padding-right:4px}}
@media(min-width:681px) and (max-width:1000px){.terminal{gap:20px;padding:16px}.terminal>.ticket{padding-top:14px}}
@media(max-width:680px){.terminal{padding:0 16px 24px;gap:0}.terminal>.markets{max-height:208px;padding:0 0 12px;border-bottom:1px solid #242b33;margin-bottom:8px}.markets .panel-head{padding:0;height:44px;border:0}.markets .search{margin:2px 0 10px}.markets .market-row{padding:9px 8px;min-height:52px}.markets .market-name b,.markets .market-price{font-size:11px}.markets .market-name small,.markets .market-change{font-size:10px}.terminal>.chart-area{height:450px;min-height:450px;margin-bottom:0}.chart-area .ticker-head{padding:14px 0}.chart-area .chart-tabs{padding:0}.chart-area .cb-toolbar{padding-left:0;padding-right:0}.terminal>.ticket{padding:18px 0 24px;border-top:1px solid #242b33}.ticket .direction-btn{min-height:56px}.terminal>.activity{margin-top:0;min-height:180px}.terminal .activity-tabs{padding:0}.udc-view .chart-area{height:530px;min-height:530px}.topbar{padding:12px 16px}.chart-area .intervals{gap:0}.chart-area .intervals button{padding:7px 6px}}
@media(prefers-reduced-motion:reduce){.terminal *{scroll-behavior:auto}}
/* Matched neutral account and activity controls. */
.topbar .account .account-login,.topbar .account .activity-unified{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;min-height:36px;min-width:52px;padding:8px 12px;border:1px solid #343c45;border-radius:7px;background:transparent;color:#c7cdd3;font-size:12px;font-weight:500;line-height:18px;box-shadow:none;cursor:pointer}
.topbar .account .activity-unified>b{font:inherit}
.topbar .account .account-login:hover,.topbar .account .activity-unified:hover{background:#ffffff06;border-color:#65717c;color:#edf1f4}
.topbar .account .account-login:focus-visible,.topbar .account .activity-unified:focus-visible{outline:2px solid #a8b2bc;outline-offset:3px}
@media(max-width:680px){.topbar .account .account-login,.topbar .account .activity-unified{height:32px;min-height:32px;min-width:0;padding:8px;font-size:10px;line-height:14px}}
/* One compact row: selected market, investment, expiry. */
.ticket .ticket-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.85fr);gap:12px;padding:0 0 8px;border-bottom:1px solid #242b33;align-items:start}
.ticket .ticket-input-group{min-width:0}.ticket .ticket-input-group>.label{display:block;margin:0 0 4px;font-size:11px;white-space:nowrap;line-height:16px}
.ticket .ticket-selected .asset-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0;min-width:0}.ticket .ticket-selected .asset-card strong{display:flex;align-items:center;min-height:28px;max-width:100%;font-size:13px;font-weight:600;line-height:22px;overflow-wrap:anywhere}.ticket .ticket-selected .asset-card span{max-width:100%;font-size:11px;line-height:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ticket .ticket-investment .amount-field{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;padding:0;overflow:visible}.ticket .ticket-investment .amount-field input{box-sizing:border-box;width:100%;flex:none;min-height:28px;height:28px;padding:0;font-size:20px;line-height:28px}.ticket .ticket-investment .amount-field:focus-within{box-shadow:none}.ticket .ticket-investment .amount-field input,.ticket .ticket-investment .amount-field input:focus,.ticket .ticket-investment .amount-field input:focus-visible{border:0;outline:none;box-shadow:none;border-radius:0;caret-color:#82dcb8}.ticket .ticket-investment .amount-field input:focus{color:#a6edcf}
.ticket .ticket-investment .trade-unit-switch{margin:0;gap:3px;max-width:100%}.ticket .ticket-investment .trade-unit-switch button{padding:4px 5px;min-height:26px;font-size:10px;line-height:16px;border:0;border-radius:0;background:transparent;color:#84929e}.ticket .ticket-investment .trade-unit-hint{font-size:10px;line-height:1.5;overflow-wrap:anywhere;margin-bottom:0}
.ticket .ticket-expiry .duration-trigger,.ticket .ticket-expiry .duration-select{padding:3px 0;min-height:28px;height:28px;border:0;background:transparent;font-size:13px;line-height:22px}.ticket .ticket-expiry .duration-options{left:auto;right:0;width:140px;max-width:calc(100vw - 32px)}
.ticket .ticket-input-row+.amount-slider{margin:8px 0 4px}.ticket .amount-slider-heading{line-height:16px}.ticket .amount-slider-ticks{height:14px;line-height:14px;font-size:10px}
@media(max-width:360px){.ticket .ticket-input-row{gap:9px}.ticket .ticket-input-group>.label{font-size:10px}.ticket .ticket-selected .asset-card strong{font-size:12px}.ticket .ticket-selected .asset-card span{font-size:10px}.ticket .ticket-investment .trade-unit-switch button{padding:4px;font-size:10px}}

.ticket .ticket-investment .trade-unit-switch button[aria-pressed=true]{background:transparent;color:#e1e7ec;border-bottom:1px solid #8b9eac}.ticket .ticket-investment .trade-unit-switch button:hover{color:#fff;background:#ffffff05}
.ticket .ticket-expiry .duration-trigger{gap:8px;font-weight:500}.ticket .ticket-expiry .duration-trigger:after{content:"";width:5px;height:5px;margin:0 4px 3px 0;border-right:1px solid #97a5b1;border-bottom:1px solid #97a5b1;transform:rotate(45deg);flex:none}.ticket .ticket-expiry .duration-trigger[aria-expanded=true]:after{transform:rotate(225deg);margin-bottom:-2px}
/* UDC charts begin at five minutes; other markets retain one minute. */
.terminal.udc-view .intervals button[data-int="1"],.chart-area .intervals button[hidden]{display:none}
/* Keep market headings on one line and align UDC values to the wider change column. */
.terminal .markets .market-header>span{white-space:nowrap}
@media(min-width:1001px){.terminal .markets[data-category=udc] .market-header,.terminal .markets[data-category=udc] .market-row{grid-template-columns:minmax(0,1fr) 70px 64px;gap:6px}}

.udc-quote-disclosure{display:inline-block;position:relative;font-size:12px;font-weight:400;color:#aab8bf}.udc-quote-disclosure[hidden],.udc-settlement-disclosure[hidden]{display:none!important}.udc-quote-disclosure summary{cursor:pointer;list-style:none;border-bottom:1px dotted #73858f;padding:4px 0;white-space:nowrap}.udc-quote-disclosure summary::-webkit-details-marker{display:none}.udc-quote-disclosure p{position:absolute;left:0;top:100%;width:min(210px,calc(100vw - 144px));margin:4px 0 0;padding:10px;background:#172028;border:1px solid #34404a;border-radius:4px;z-index:20;color:#e2e9eb;white-space:normal;line-height:1.5}.udc-settlement-disclosure{font-size:12px;color:#aab8bf;margin:8px 0 10px}

/* Keep the quote disclosure with its price, clear of the symbol heading. */
.main-price .udc-quote-disclosure{display:block;width:fit-content;max-width:100%;margin-top:6px;font-size:14px;letter-spacing:0;line-height:1.5;text-align:left}
.main-price .udc-quote-disclosure summary{padding:2px 0}
.main-price .udc-quote-disclosure summary:focus-visible{outline:2px solid #20cf93;outline-offset:4px}
.main-price .udc-quote-disclosure p{position:static;width:auto;max-width:240px;margin-top:6px;font-size:14px}

/* Give long amounts a full row when the order panel is narrow. */
.ticket{container-type:inline-size;container-name:order-ticket}
.ticket .ticket-investment .amount-field input{font-size:18px;font-variant-numeric:tabular-nums}
@container order-ticket (max-width:400px){
 .ticket .ticket-input-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:12px}
 .ticket .ticket-selected{grid-column:1;grid-row:1}
 .ticket .ticket-expiry{grid-column:2;grid-row:1}
 .ticket .ticket-investment{grid-column:1 / -1;grid-row:2}
 .ticket .ticket-investment .amount-field{flex-direction:row;align-items:center;gap:12px}
 .ticket .ticket-investment .amount-field input{flex:1 1 0;min-width:0;width:0}
 .ticket .ticket-investment .trade-unit-switch{flex:none}
}