:root{--bg:#07111e;--bg2:#0a1727;--panel:#0c1a2a;--panel2:#111f32;--line:#20354f;--text:#f4f8ff;--muted:#8296ad;--blue:#1597ff;--green:#20d778;--red:#ff545f;--orange:#ffa31a;--purple:#a550ff;--shadow:0 4px 14px rgba(0,0,0,.16)}
body.light{--bg:#edf3f8;--bg2:#e6edf5;--panel:#fff;--panel2:#f5f8fb;--line:#d8e1eb;--text:#152236;--muted:#66778a;--shadow:0 3px 10px rgba(20,40,70,.06)}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
button,input,select{font:inherit}.app{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;border-left:1px solid var(--line);background:rgba(5,13,24,.88);padding:18px 10px;display:flex;flex-direction:column;align-items:center;}.light .side{background:rgba(255,255,255,.9)}
.mark{font-size:31px;color:var(--green);font-weight:900;margin:7px 0 24px}.nav{width:100%;display:grid;gap:11px}.nav button{height:74px;border:0;background:transparent;color:var(--muted);border-radius:12px;font-size:11px;font-weight:800;cursor:pointer}.nav button span{font-size:23px;display:block;margin-bottom:7px}.nav button.active{background:var(--panel2);color:var(--blue);box-shadow:inset 0 0 0 1px var(--line)}.side-bottom{margin-top:auto;display:grid;gap:10px;width:100%}.side-bottom button{height:48px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:11px;cursor:pointer}
.main{padding:19px 20px 28px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:31px;color:var(--green)}.brand h1{font-size:22px;margin:0}.top-actions{display:flex;gap:10px;align-items:center}.status{font-size:12px;color:var(--muted)}.status i{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-left:6px}.currency,.icon-btn{height:40px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:0 13px;font-weight:800}.icon-btn{width:48px;font-size:20px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.light .card{background:#fff}
.kpi{grid-column:span 3;padding:17px 18px;min-height:132px;position:relative;overflow:hidden}.kpi h3{font-size:13px;font-weight:700;margin:0;color:#cad5e2}.kpi .num{font-size:25px;font-weight:900;margin:15px 0 8px}.kpi .sub{font-size:12px;color:#c7d1df}.kpi-icon{position:absolute;left:17px;top:39px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:24px}.kpi.blue{border-color:#144d78}.kpi.blue .num{color:var(--blue)}.kpi.blue .kpi-icon{background:rgba(21,151,255,.16);color:var(--blue)}.kpi.green{border-color:#145c45}.kpi.green .num{color:var(--green)}.kpi.green .kpi-icon{background:rgba(32,215,120,.16);color:var(--green)}.kpi.purple{border-color:#49306c}.kpi.purple .num{color:#b362ff}.kpi.purple .kpi-icon{background:rgba(165,80,255,.16);color:#bd73ff}
.goal{grid-column:span 6;padding:18px}.chart-card{grid-column:span 6;padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-head h2{font-size:16px;margin:0}.range-select{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:7px 10px}
.goal-content{display:grid;grid-template-columns:1fr 230px 1fr;gap:18px;align-items:center;min-height:255px}.goal-side{display:grid;gap:15px}.goal-side .box{background:var(--panel2);border:1px solid var(--line);padding:13px;border-radius:10px}.goal-side span{display:block;color:var(--muted);font-size:11px}.goal-side b{font-size:18px;display:block;margin-top:6px}.gauge{width:220px;height:150px;position:relative;margin:auto}.gauge svg{width:100%;height:100%}.gauge-center{position:absolute;inset:35px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-center strong{font-size:37px}.gauge-center span{font-size:12px;color:var(--muted)}.goal-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:-2px}.goal-progress{margin-top:16px}.goal-progress .track{height:7px;background:#2a3443;border-radius:999px;position:relative}.goal-progress .fill{height:100%;background:linear-gradient(90deg,var(--green),#36e38b);border-radius:999px}.goal-progress .bubble{position:absolute;top:-31px;transform:translateX(50%);padding:4px 8px;background:#126a43;border-radius:6px;font-size:10px;color:white;font-weight:800}.goal-progress .labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}
.chart{width:100%;height:270px;display:block}.summary{grid-column:1/-1;padding:0}
.summary h2{font-size:16px;margin:0;padding:16px 18px;border-bottom:1px solid var(--line)}
.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:13px}
.summary-item{
  position:relative;text-align:right;padding:13px 14px 12px;border:1px solid var(--line);
  border-radius:11px;background:var(--panel2);overflow:hidden;min-height:88px
}
.summary-item:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--blue)}
.summary-item span{display:block;font-size:10px;color:var(--muted);min-height:auto;margin-bottom:7px}
.summary-item b{font-size:19px;display:block;margin-top:0}
.summary-item.positive{background:rgba(32,215,120,.055);border-color:rgba(32,215,120,.24)}
.summary-item.positive:before{background:var(--green)}
.summary-item.positive b{color:var(--green)}
.summary-item.negative{background:rgba(255,84,95,.055);border-color:rgba(255,84,95,.24)}
.summary-item.negative:before{background:var(--red)}
.summary-item.negative b{color:var(--red)}
.summary-item.neutral{background:rgba(21,151,255,.05);border-color:rgba(21,151,255,.22)}
.summary-item.neutral:before{background:var(--blue)}
.best-worst{grid-column:span 6;padding:17px}.bw-wrap{display:grid;grid-template-columns:1fr 1px 1fr;gap:13px;min-height:175px}.divider{background:var(--line)}.trade-highlight{padding:10px;border-radius:13px}.trade-highlight.good{background:linear-gradient(135deg,rgba(18,80,55,.34),rgba(16,48,42,.12));border:1px solid #205d48}.trade-highlight.bad{background:linear-gradient(135deg,rgba(96,35,42,.35),rgba(58,25,33,.12));border:1px solid #6e333c}.hl-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800}.hl-ticker{font-size:16px;font-weight:900;margin:25px 0 8px}.hl-date{font-size:11px;color:var(--muted)}.hl-value{font-size:22px;font-weight:900;margin-top:8px}.hl-percent{font-size:14px;font-weight:800;margin-top:7px}
.usage{grid-column:span 6;padding:17px}.mini-gauge svg{width:100%;height:100%}.usage-box{background:var(--panel2);border:1px solid var(--line);padding:13px;border-radius:10px}.usage-box span{display:block;color:var(--muted);font-size:11px}.usage-box b{font-size:20px;display:block;margin-top:6px}

.foot{grid-column:1/-1;padding:12px 16px;color:var(--muted);font-size:11px}
@media(max-width:1100px){.goal,.chart-card,.best-worst,.usage{grid-column:1/-1}}@media(max-width:760px){.app{grid-template-columns:1fr}.side{display:none}.main{padding:12px}.kpi{grid-column:span 6}.goal-content{grid-template-columns:1fr}.summary-row{grid-template-columns:repeat(2,1fr)}.usage-wrap{grid-template-columns:1fr}.top{align-items:flex-start}.status{display:none}}@media(max-width:480px){.kpi{grid-column:1/-1}}



*{animation:none!important;transition:none!important}
.card,.kpi,
.chart{image-rendering:auto}
@supports (-webkit-hyphens:none){
  .side{background:var(--bg)}
  .card{box-shadow:none}
}



.view{display:none}.view.active{display:block}
.trades-page{padding-top:2px}
.trades-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.trades-toolbar h2{margin:0;font-size:19px}
.add-trade-btn{
  display:inline-flex;align-items:center;gap:8px;border:0;
  background:linear-gradient(135deg,var(--blue),#3678ff);
  color:white;padding:10px 14px;border-radius:11px;
  font-weight:900;cursor:pointer
}
.add-trade-btn .plus{
  width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.17);
  font-size:17px;line-height:1
}
.trades-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:14px}
.overview-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}
.overview-card span{display:block;color:var(--muted);font-size:11px}
.overview-card b{display:block;margin-top:7px;font-size:19px}
.trades-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.trade-card{
  position:relative;background:var(--panel);border:1px solid var(--line);
  border-radius:15px;padding:16px;overflow:hidden
}
.trade-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--orange)}
.trade-card.risk-low:before{background:var(--green)}
.trade-card.risk-medium:before{background:var(--orange)}
.trade-card.risk-high:before{background:var(--red)}
.trade-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ticker-icon{
  width:52px;height:52px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(21,151,255,.22),rgba(165,80,255,.18));
  border:1px solid rgba(21,151,255,.3);
  font-size:13px;font-weight:950;letter-spacing:.4px;color:var(--text)
}
.risk-badge{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}
.risk-low .risk-badge{background:rgba(32,215,120,.12);color:var(--green)}
.risk-medium .risk-badge{background:rgba(255,163,26,.12);color:var(--orange)}
.risk-high .risk-badge{background:rgba(255,84,95,.12);color:var(--red)}
.trade-amount-label{color:var(--muted);font-size:11px;margin-top:16px}
.trade-amount{font-size:24px;font-weight:900;margin-top:5px}
.trade-sar{font-size:12px;color:var(--muted);margin-top:3px}
.trade-allocation{margin-top:14px}
.trade-allocation-row{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin-bottom:7px}
.trade-track{height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}
.trade-track i{display:block;height:100%;border-radius:inherit;background:var(--orange)}
.risk-low .trade-track i{background:var(--green)}
.risk-medium .trade-track i{background:var(--orange)}
.risk-high .trade-track i{background:var(--red)}
.trade-note{margin-top:14px;padding:11px;background:var(--panel2);border:1px solid var(--line);border-radius:11px}
.trade-note span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}
.trade-note b{font-size:13px;line-height:1.6}
.trade-actions{display:flex;gap:8px;margin-top:13px}
.trade-actions button{flex:1;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:8px;cursor:pointer;font-weight:800}
.trade-actions .danger{color:var(--red)}
.trades-chart-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px;position:sticky;top:18px}
.trades-chart-card h3{margin:0 0 12px;font-size:16px}
.trade-chart-wrap{display:flex;align-items:center;justify-content:center;min-height:280px}
#tradesChart{width:280px;height:280px}
.chart-legend{display:grid;gap:8px;margin-top:8px}
.legend-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.legend-name{display:flex;align-items:center;gap:7px}
.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}
.modal.show{display:flex}
.modal-box{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:18px}
.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.modal-head h3{margin:0}.modal-close{border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-field label{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}
.modal-field input,.modal-field select{width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px}
.modal-actions{display:flex;gap:8px;margin-top:15px}
.modal-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 13px;border-radius:9px;cursor:pointer;font-weight:800}
.modal-actions .save{background:var(--blue);border-color:var(--blue);color:white}
@media(max-width:1050px){.trades-layout{grid-template-columns:1fr}.trades-chart-card{position:static}.trade-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.trade-grid,.trades-overview,.modal-grid{grid-template-columns:1fr}.trades-toolbar{align-items:flex-start}.add-trade-btn{width:100%;justify-content:center}}



/* Keep dashboard untouched. These rules apply only inside #tradesView. */
#tradesView .trades-metrics{
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:8px 0 12px;
  background:linear-gradient(to bottom,var(--bg) 74%,rgba(7,17,30,0));
}
.light #tradesView .trades-metrics{
  background:linear-gradient(to bottom,var(--bg) 74%,rgba(237,243,248,0));
}
#tradesView .metric-mini{
  position:relative;
  min-height:96px;
  padding:12px 13px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
}
#tradesView .metric-mini .metric-title{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
#tradesView .metric-mini .metric-value{
  display:block;
  margin-top:8px;
  font-size:19px;
  font-weight:900;
}
#tradesView .metric-mini .metric-sar{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
}
#tradesView .metric-mini .metric-sub{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:10px;
}
#tradesView .metric-mini.blue{border-color:#144d78}
#tradesView .metric-mini.blue .metric-value{color:var(--blue)}
#tradesView .metric-mini.green{border-color:#145c45}
#tradesView .metric-mini.green .metric-value{color:var(--green)}
#tradesView .metric-mini.cash-good{border-color:#145c45}
#tradesView .metric-mini.cash-good .metric-value{color:var(--green)}
#tradesView .metric-mini.cash-warn{border-color:#70551b}
#tradesView .metric-mini.cash-warn .metric-value{color:var(--orange)}
#tradesView .metric-mini.cash-bad{border-color:#74313a}
#tradesView .metric-mini.cash-bad .metric-value{color:var(--red)}

/* Compact cards only in trades page */
#tradesView .trade-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
#tradesView .trade-card{
  padding:13px;
  border-radius:13px;
}
#tradesView .ticker-icon{
  width:44px;
  height:44px;
  border-radius:13px;
  font-size:12px;
}
#tradesView .trade-amount-label{margin-top:12px}
#tradesView .trade-amount{font-size:21px;margin-top:4px}
#tradesView .trade-sar{font-size:10px}
#tradesView .trade-allocation{margin-top:10px}
#tradesView .trade-note{margin-top:10px;padding:9px}
#tradesView .trade-note b{font-size:12px}
#tradesView .trade-actions{margin-top:9px}
#tradesView .trade-actions button{padding:7px;font-size:11px}

@media(max-width:1200px){
  #tradesView .trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  #tradesView .trades-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #tradesView .trade-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  #tradesView .trades-metrics{grid-template-columns:1fr}
}



#performanceView{padding-top:2px}
.performance-toolbar{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;flex-wrap:wrap;margin-bottom:14px
}
.performance-toolbar h2{margin:0;font-size:19px}
.performance-actions{display:flex;gap:8px;flex-wrap:wrap}
.performance-btn{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--line);background:var(--panel2);color:var(--text);
  padding:9px 12px;border-radius:10px;font-weight:850;cursor:pointer
}
.performance-btn.primary{
  border:0;background:linear-gradient(135deg,var(--blue),#3678ff);color:white
}
.performance-btn .plus{
  width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.17);font-size:16px
}
#performanceView .performance-metrics{
  position:sticky;top:0;z-index:20;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;padding:8px 0 12px;
  background:linear-gradient(to bottom,var(--bg) 74%,rgba(7,17,30,0))
}
.light #performanceView .performance-metrics{
  background:linear-gradient(to bottom,var(--bg) 74%,rgba(237,243,248,0))
}
#performanceView .metric-mini{
  min-height:96px;padding:12px 13px;background:var(--panel);
  border:1px solid var(--line);border-radius:12px
}
#performanceView .metric-title{color:var(--muted);font-size:10px;font-weight:800}
#performanceView .metric-value{display:block;margin-top:8px;font-size:19px;font-weight:900}
#performanceView .metric-sar{display:block;margin-top:3px;color:var(--muted);font-size:10px}
#performanceView .metric-sub{display:block;margin-top:5px;color:var(--muted);font-size:10px}
#performanceView .blue{border-color:#144d78}
#performanceView .blue .metric-value{color:var(--blue)}
#performanceView .green{border-color:#145c45}
#performanceView .green .metric-value{color:var(--green)}
#performanceView .cash-good{border-color:#145c45}
#performanceView .cash-good .metric-value{color:var(--green)}
#performanceView .cash-warn{border-color:#70551b}
#performanceView .cash-warn .metric-value{color:var(--orange)}
#performanceView .cash-bad{border-color:#74313a}
#performanceView .cash-bad .metric-value{color:var(--red)}

.performance-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;margin-bottom:14px
}
.performance-summary .box{
  position:relative;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:13px;overflow:hidden
}
.performance-summary .box:before{
  content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--blue)
}
.performance-summary .box.good:before{background:var(--green)}
.performance-summary .box.bad:before{background:var(--red)}
.performance-summary .box.gold:before{background:var(--orange)}
.performance-summary .box span{display:block;color:var(--muted);font-size:11px}
.performance-summary .box b{display:block;margin-top:7px;font-size:19px}
.performance-summary .box.good b{color:var(--green)}
.performance-summary .box.bad b{color:var(--red)}
.performance-summary .box.gold b{color:var(--orange)}

.performance-filters{
  display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr auto;
  gap:9px;background:var(--panel);border:1px solid var(--line);
  border-radius:12px;padding:12px;margin-bottom:12px
}
.performance-filters input,.performance-filters select{
  width:100%;border:1px solid var(--line);background:var(--panel2);
  color:var(--text);border-radius:9px;padding:9px
}
.clear-filter{
  border:1px solid var(--line);background:var(--panel2);
  color:var(--muted);border-radius:9px;padding:9px 11px;cursor:pointer;font-weight:800
}
.performance-table-card{
  background:var(--panel);border:1px solid var(--line);
  border-radius:13px;overflow:hidden
}
.performance-table-wrap{overflow:auto;max-height:620px}
.performance-table{width:100%;border-collapse:collapse;min-width:760px}
.performance-table th,.performance-table td{
  padding:11px 12px;border-bottom:1px solid var(--line);
  text-align:right;font-size:12px;vertical-align:middle
}
.performance-table th{
  position:sticky;top:0;z-index:3;background:var(--panel);
  color:var(--muted);font-weight:850;cursor:pointer
}
.performance-table tr.win td:first-child{border-right:3px solid var(--green)}
.performance-table tr.loss td:first-child{border-right:3px solid var(--red)}
.performance-table tr:hover td{background:rgba(21,151,255,.035)}
.performance-ticker{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:52px;height:30px;padding:0 10px;border-radius:10px;
  background:linear-gradient(135deg,rgba(21,151,255,.18),rgba(165,80,255,.15));
  border:1px solid rgba(21,151,255,.24);
  font-size:11px;font-weight:950;letter-spacing:.35px
}
.performance-result{font-size:13px;font-weight:900}
.performance-result.win{color:var(--green)}
.performance-result.loss{color:var(--red)}
.performance-note{color:var(--muted);line-height:1.65;max-width:430px}
.performance-footer{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;flex-wrap:wrap;padding:11px 13px;color:var(--muted);font-size:11px
}
.empty-performance{text-align:center!important;padding:30px!important;color:var(--muted)}
@media(max-width:920px){
  .performance-filters{grid-template-columns:1fr 1fr}
  .performance-summary{grid-template-columns:repeat(2,1fr)}
  #performanceView .performance-metrics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .performance-filters,.performance-summary,#performanceView .performance-metrics{grid-template-columns:1fr}
  .performance-actions{width:100%}.performance-actions .performance-btn{flex:1;justify-content:center}
}



#performanceView .yahoo-reference{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
#performanceView .yahoo-card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:12px;
  padding:13px;
}
#performanceView .yahoo-card span{
  display:block;
  color:var(--muted);
  font-size:11px;
}
#performanceView .yahoo-card b{
  display:block;
  margin-top:7px;
  font-size:19px;
  color:var(--blue);
}
#performanceView .yahoo-card.cash b{color:var(--orange)}
#performanceView .yahoo-card.realized b{color:var(--green)}
#performanceView .yahoo-card.unrealized b{color:var(--red)}
@media(max-width:900px){
  #performanceView .yahoo-reference{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  #performanceView .yahoo-reference{grid-template-columns:1fr}
}



#performanceView .import-panel{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:13px;
  padding:14px;
  margin-bottom:14px;
}
#performanceView .import-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:11px;
}
#performanceView .import-panel-head h3{
  margin:0;
  font-size:15px;
}
#performanceView .import-panel-head span{
  color:var(--muted);
  font-size:10px;
}
#performanceView .import-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#performanceView .import-box{
  position:relative;
  border:1px dashed var(--line);
  background:var(--panel2);
  border-radius:11px;
  padding:14px;
  cursor:pointer;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:11px;
}
#performanceView .import-box:hover{border-color:var(--blue)}
#performanceView .import-icon{
  width:38px;height:38px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(21,151,255,.12);
  color:var(--blue);
  font-size:20px;
  flex:0 0 auto;
}
#performanceView .import-copy strong{
  display:block;
  font-size:12px;
}
#performanceView .import-copy span{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-top:4px;
}
#performanceView .import-box input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
#performanceView .import-status{
  margin-top:9px;
  color:var(--muted);
  font-size:10px;
}
.performance-sar{
  display:block;
  margin-top:4px;
  font-size:10px;
  color:var(--muted);
  font-weight:700;
}
.performance-result.win + .performance-sar{color:var(--green)}
.performance-result.loss + .performance-sar{color:var(--red)}
@media(max-width:700px){
  #performanceView .import-grid{grid-template-columns:1fr}
}



.v3-import-btn,.v3-undo-btn{
  height:34px;border:1px solid var(--line);border-radius:10px;
  padding:0 9px;font-size:10px;font-weight:900;cursor:pointer;color:white
}
.v3-import-btn{background:linear-gradient(135deg,var(--blue),#3976ff);position:relative;display:inline-flex;align-items:center;gap:7px}
.v3-import-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.v3-undo-btn{background:var(--panel);color:var(--muted)}
.v3-undo-btn:disabled{opacity:.45;cursor:not-allowed}
.v3-status{
  display:none;margin-bottom:13px;padding:11px 13px;border:1px solid var(--line);
  background:var(--panel);border-radius:11px;font-size:11px;color:var(--muted)
}
.v3-status.show{display:block}.v3-status.ok{color:var(--green);border-color:rgba(32,215,120,.35)}
.v3-status.warn{color:var(--orange);border-color:rgba(255,163,26,.35)}
.v3-status.error{color:var(--red);border-color:rgba(255,84,95,.35)}
.chart-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.chart-insight{
  background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px
}
.chart-insight span{display:block;color:var(--muted);font-size:10px}
.chart-insight b{display:block;margin-top:6px;font-size:17px}
.chart-insight small{display:block;margin-top:4px;color:var(--muted);font-size:10px}
.smart-trade-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}
.smart-stat{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:8px}
.smart-stat span{display:block;color:var(--muted);font-size:9px}
.smart-stat b{display:block;margin-top:4px;font-size:12px}
.break-even-box{
  margin-top:10px;padding:10px;border-radius:10px;border:1px solid var(--line);
  background:rgba(21,151,255,.04)
}
.break-even-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}
.break-even-needed{font-size:17px;font-weight:950;margin-top:6px}
.break-even-needed.good{color:var(--green)}.break-even-needed.warn{color:var(--orange)}.break-even-needed.bad{color:var(--red)}
.exit-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.exit-level{padding:7px 5px;background:var(--panel2);border-radius:8px;text-align:center}
.exit-level span{display:block;color:var(--muted);font-size:8px}
.exit-level b{display:block;margin-top:4px;font-size:10px}
.import-review{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);
  z-index:2000;align-items:center;justify-content:center;padding:18px
}
.import-review.show{display:flex}
.import-review-box{
  width:min(620px,100%);max-height:85vh;overflow:auto;background:var(--panel);
  border:1px solid var(--line);border-radius:16px;padding:17px
}
.import-review-box h3{margin:0 0 12px}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.review-item{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center}
.review-item span{display:block;color:var(--muted);font-size:9px}.review-item b{display:block;margin-top:5px;font-size:17px}
.review-actions{display:flex;gap:8px;margin-top:14px}.review-actions button{flex:1;padding:10px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:900}
.review-actions .apply{background:var(--blue);border-color:var(--blue);color:white}
.snapshot-note{font-size:10px;color:var(--muted);margin-top:7px}
@media(max-width:760px){
  .top-actions{flex-wrap:wrap;justify-content:flex-end}
  .v3-import-btn,.v3-undo-btn{height:36px;font-size:10px;padding:0 9px}
  .chart-insights{grid-template-columns:1fr}
  .review-grid{grid-template-columns:repeat(2,1fr)}
}



:root{--sar:"⃁"}
.page-shell{display:grid;gap:14px}
.page-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.page-title h2{margin:0;font-size:19px}
.v4-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc-field label{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}
.calc-field input,.calc-field select,.settings-field input,.settings-field select,.note-form input,.note-form textarea{
 width:100%;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px
}
.calc-result{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.calc-result .item{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px}
.calc-result span{display:block;color:var(--muted);font-size:9px}.calc-result b{display:block;margin-top:5px;font-size:15px}
.quick-pcts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.quick-pcts button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:7px 10px;cursor:pointer}
.notes-layout{display:grid;grid-template-columns:330px 1fr;gap:14px}
.note-form{display:grid;gap:10px}.note-form textarea{min-height:120px;resize:vertical}
.note-save{border:0;background:var(--blue);color:white;border-radius:9px;padding:10px;font-weight:900;cursor:pointer}
.note-list{display:grid;gap:9px}
.note-card{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:12px}
.note-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.note-ticker{font-weight:950;color:var(--blue)}.note-date{font-size:9px;color:var(--muted)}
.note-text{margin-top:8px;line-height:1.7;font-size:12px}
.note-actions{display:flex;gap:7px;margin-top:9px}.note-actions button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:7px;padding:6px 8px;cursor:pointer}
.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.settings-section h3{margin:0 0 12px;font-size:15px}
.settings-field{margin-bottom:10px}.settings-field label{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}
.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.toggle-row input{width:20px;height:20px}
.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.settings-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer;font-weight:800}
.settings-actions .primary{background:var(--blue);border-color:var(--blue);color:white}
.settings-actions .danger{color:var(--red)}
.cost-market-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.cost-market-box{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:9px}
.cost-market-box span{display:block;color:var(--muted);font-size:9px}.cost-market-box b{display:block;margin-top:4px;font-size:14px}
.sar-new:before{content:"⃁ ";font-weight:900}
@media(max-width:850px){
 .calc-grid,.settings-grid,.notes-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
 .calc-form,.calc-result{grid-template-columns:1fr}
}



.hl-icon{
  font-size:10px!important;
  width:18px;height:18px;
  display:inline-grid;place-items:center;
  margin-left:5px;vertical-align:middle;
  border-radius:50%;
  background:rgba(255,255,255,.06)
}
.hl-title span{display:inline-flex;align-items:center;gap:2px}
.trade-highlight .hl-ticker{margin-top:18px}
.usage-wrap{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  align-items:center;
  justify-items:center
}
.mini-gauge{
  width:250px;
  height:165px;
  position:relative;
  margin:0 auto
}
.mini-gauge svg{width:100%;height:100%;display:block}
.mini-center{
  position:absolute;
  inset:62px 0 auto;
  text-align:center;
  pointer-events:none
}
.mini-center strong{
  display:block;
  font-size:28px;
  line-height:1;
  margin-bottom:7px
}
.mini-center span{
  display:block;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
  max-width:150px;
  margin:0 auto
}
.usage-boxes{
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.usage-box{
  text-align:center;
  min-height:72px;
  display:flex;
  flex-direction:column;
  justify-content:center
}
.usage-box b{font-size:18px}
@media(max-width:1100px){
  .summary-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .summary-row{grid-template-columns:1fr 1fr}
  .mini-gauge{width:220px;height:150px}
}
@media(max-width:520px){
  .summary-row{grid-template-columns:1fr}
  .usage-boxes{grid-template-columns:1fr}
}


/* V4.3 organized: confined open-position improvements */
#tradesView .trade-grid{gap:10px}
#tradesView .trade-card{padding:11px;border-radius:12px}
#tradesView .ticker-icon{width:44px;height:44px;font-size:13px}
#tradesView .cost-market-row{gap:7px;margin-top:8px}
#tradesView .cost-market-box{padding:8px 9px}
#tradesView .cost-market-box b{font-size:15px}
#tradesView .trade-sar{display:block;margin-top:3px;font-size:9px;color:var(--muted)}
#tradesView .smart-trade-stats{gap:6px;margin-top:7px}
#tradesView .smart-stat{padding:7px}
#tradesView .smart-stat b{font-size:12px}
#tradesView .break-even-box{margin-top:7px;padding:8px}
#tradesView .break-even-needed{font-size:16px;margin-top:4px}
#tradesView .exit-levels{gap:5px;margin-top:6px}
#tradesView .exit-level{padding:7px 4px}
#tradesView .exit-level b{font-size:11px;color:var(--green)}
#tradesView .exit-profit{display:block;margin-top:3px;font-size:9px;font-weight:900;color:var(--green)}
#tradesView .exit-profit-sar{display:block;margin-top:2px;font-size:8px;color:var(--green)}
#tradesView .trade-allocation,#tradesView .trade-note,#tradesView .trade-actions{margin-top:7px!important}
#importReview .review-actions button:disabled{opacity:.55;cursor:wait}


/* =========================================================
   V4.4 — الملاحظات الخمس المعتمدة
   ========================================================= */
.main{padding:12px 14px 18px}
.top{margin-bottom:11px}
.grid{gap:9px}
.kpi{padding:13px 15px;min-height:106px}
.kpi h3{font-size:12px}
.kpi .num{font-size:23px;margin:11px 0 5px}
.kpi .sub{font-size:11px}
.kpi-icon{width:40px;height:40px;top:34px;font-size:21px}

.goal,.chart-card{padding:13px}
.goal-content{grid-template-columns:1fr 178px 1fr;gap:10px;min-height:188px}
.goal-side{gap:8px}
.goal-side .box{padding:9px}
.goal-side span{font-size:10px}
.goal-side b{font-size:16px;margin-top:4px}
.gauge{width:178px;height:120px}
.gauge-center{inset:28px 0 0}
.gauge-center strong{font-size:29px}
.goal-progress{margin-top:10px}

.chart-insights{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}
.chart-insight{padding:8px}
.chart-insight b{font-size:15px;margin-top:3px}
.chart-insight small{font-size:9px}
.dashboard-chart-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dashboard-chart-pane{min-width:0;background:rgba(255,255,255,.012);border:1px solid var(--line);border-radius:10px;padding:9px}
.dashboard-chart-pane .section-head{margin-bottom:5px}
.dashboard-chart-pane .section-head h2{font-size:13px}
.dashboard-chart-pane .snapshot-note{font-size:8px}
.dashboard-chart-pane .chart{height:166px}

.summary h2{padding:11px 14px}
.summary-row{gap:7px;padding:9px}
.summary-item{min-height:70px;padding:9px 11px}
.summary-item span{font-size:9px;margin-bottom:4px}
.summary-item b{font-size:17px}
.best-worst,.usage{padding:12px}
.bw-wrap{min-height:142px}
.usage-wrap{gap:7px}
.mini-gauge{width:190px;height:124px}
.mini-center{inset:47px 0 auto}
.mini-center strong{font-size:24px}
.usage-box{min-height:58px;padding:8px}
.usage-box b{font-size:16px}

/* بطاقات الصفقات */
#tradesView .trade-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px}
#tradesView .trade-card{padding:12px!important}
#tradesView .ticker-icon{width:46px;height:46px;font-size:14px}
#tradesView .risk-badge{font-size:11px}
#tradesView .cost-market-row{margin-top:8px}
#tradesView .cost-market-box{padding:8px 10px}
#tradesView .cost-market-box span{font-size:10px}
#tradesView .cost-market-box b{font-size:16px}
#tradesView .trade-sar{font-size:10px}
#tradesView .smart-trade-stats{margin-top:8px}
#tradesView .smart-stat{padding:8px}
#tradesView .smart-stat span{font-size:10px}
#tradesView .smart-stat b{font-size:13px}
#tradesView .break-even-box{padding:9px;margin-top:8px}
#tradesView .break-even-title{font-size:10px}
#tradesView .break-even-needed{font-size:17px}
#tradesView .exit-level span{font-size:9px}
#tradesView .exit-level b{font-size:12px}
#tradesView .exit-profit{font-size:10px}
#tradesView .exit-profit-sar{font-size:9px}
#tradesView .trade-note{padding:8px 10px!important}
#tradesView .trade-note span{font-size:9px;margin-bottom:4px}
#tradesView .trade-note b{font-size:12px!important;line-height:1.45}
#tradesView .trade-actions button{font-size:11px!important;padding:7px!important}

@media(max-width:1200px){
  .dashboard-chart-pair{grid-template-columns:1fr}
  .dashboard-chart-pane .chart{height:180px}
}
@media(max-width:760px){
  .main{padding:10px}
  .goal-content{grid-template-columns:1fr}
}


/* =========================================================
   V4.5 — Dashboard polish only
   ========================================================= */

/* Keep dashboard visually dense but calm */
#dashboardView .grid{gap:10px}
#dashboardView .compact-head{margin-bottom:8px}
#dashboardView .compact-head h2{font-size:14px}

/* Summary */
.compact-summary{grid-column:span 6;padding:12px}
.compact-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.compact-summary-item{
  position:relative;
  min-height:72px;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
  overflow:hidden
}
.compact-summary-item:before{
  content:"";
  position:absolute;
  top:0;right:0;left:0;
  height:3px;
  background:var(--blue)
}
.compact-summary-item span{
  display:block;
  color:var(--muted);
  font-size:10px;
  margin-bottom:7px
}
.compact-summary-item b{
  display:block;
  font-size:17px;
  font-weight:900
}
.compact-summary-item.positive{background:rgba(32,215,120,.045);border-color:rgba(32,215,120,.22)}
.compact-summary-item.positive:before{background:var(--green)}
.compact-summary-item.positive b{color:var(--green)}
.compact-summary-item.negative{background:rgba(255,84,95,.045);border-color:rgba(255,84,95,.22)}
.compact-summary-item.negative:before{background:var(--red)}
.compact-summary-item.negative b{color:var(--red)}
.compact-summary-item.neutral{background:rgba(21,151,255,.04);border-color:rgba(21,151,255,.20)}

/* Best / worst */
.compact-best-worst{grid-column:span 3;padding:12px}
.compact-bw-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}
.compact-bw-card{
  border-radius:11px;
  padding:11px;
  min-height:150px;
  border:1px solid var(--line);
  background:var(--panel2)
}
.compact-bw-card.best{
  background:linear-gradient(135deg,rgba(32,215,120,.09),rgba(32,215,120,.025));
  border-color:rgba(32,215,120,.28)
}
.compact-bw-card.worst{
  background:linear-gradient(135deg,rgba(255,84,95,.09),rgba(255,84,95,.025));
  border-color:rgba(255,84,95,.28)
}
.compact-bw-title{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:900
}
.compact-bw-card.best .compact-bw-title,
.compact-bw-card.best .compact-bw-value,
.compact-bw-card.best .compact-bw-percent{color:var(--green)}
.compact-bw-card.worst .compact-bw-title,
.compact-bw-card.worst .compact-bw-value,
.compact-bw-card.worst .compact-bw-percent{color:var(--red)}
.compact-bw-icon{font-size:14px}
.compact-bw-ticker{
  margin-top:15px;
  font-size:16px;
  font-weight:950
}
.compact-bw-date{
  margin-top:4px;
  font-size:9px;
  color:var(--muted)
}
.compact-bw-value{
  margin-top:10px;
  font-size:20px;
  font-weight:950
}
.compact-bw-percent{
  margin-top:4px;
  font-size:12px;
  font-weight:900
}

/* Usage */
.compact-usage{grid-column:span 3;padding:12px}
.compact-usage-grid{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px;
  align-items:center
}
.compact-mini-gauge{
  position:relative;
  width:150px;
  height:104px
}
.compact-mini-gauge svg{width:100%;height:100%}
.compact-mini-center{
  position:absolute;
  inset:38px 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center
}
.compact-mini-center strong{
  font-size:24px;
  line-height:1
}
.compact-mini-center span{
  margin-top:4px;
  font-size:9px;
  color:var(--muted)
}
.compact-usage-stats{display:grid;gap:8px}
.compact-usage-box{
  min-height:57px;
  padding:9px 10px;
  border-radius:9px;
  background:var(--panel2);
  border:1px solid var(--line)
}
.compact-usage-box span{
  display:block;
  color:var(--muted);
  font-size:9px
}
.compact-usage-box b{
  display:block;
  margin-top:5px;
  font-size:16px
}
.compact-usage-box.used b{color:var(--orange)}
.compact-usage-box.available b{color:var(--green)}

/* Compact dashboard rows */
#dashboardView .foot{padding:9px 12px}
@media(max-width:1200px){
  .compact-summary{grid-column:1/-1}
  .compact-best-worst,.compact-usage{grid-column:span 6}
}
@media(max-width:760px){
  .compact-summary-grid{grid-template-columns:repeat(2,1fr)}
  .compact-best-worst,.compact-usage{grid-column:1/-1}
}
@media(max-width:480px){
  .compact-bw-grid{grid-template-columns:1fr}
  .compact-usage-grid{grid-template-columns:1fr}
  .compact-mini-gauge{margin:auto}
}


/* =========================================================
   V4.7 — Dashboard UI only (Yahoo engine untouched)
   ========================================================= */

#dashboardView .grid{
  gap:10px;
  align-items:start;
}

/* KPI colors */
#dashboardView .kpi.cash-gold{
  border-color:rgba(255,169,46,.52);
  background:
    radial-gradient(circle at 20% 45%,rgba(255,169,46,.08),transparent 32%),
    var(--panel);
}
#dashboardView .kpi.cash-gold .num{color:#ffb24a}
#dashboardView .kpi.cash-gold .kpi-icon{
  color:#ffad32;
  border-color:rgba(255,169,46,.35);
  background:rgba(255,169,46,.10);
}
#dashboardView .kpi.cash-gold .sar-line{color:#d9b778}

/* Goal section: same information, less empty space */
#dashboardView .goal{
  padding:14px;
}
#dashboardView .goal-content{
  grid-template-columns:minmax(185px,.8fr) minmax(190px,.9fr) minmax(210px,1fr);
  min-height:164px;
  gap:12px;
}
#dashboardView .goal-side{
  justify-content:center;
}
#dashboardView .goal-side > div:not(.box){
  padding:6px 4px;
}
#dashboardView .goal-side .box{
  min-height:48px;
  padding:8px 10px;
}
#dashboardView .gauge{
  width:170px;
  height:112px;
}
#dashboardView .gauge-center{
  inset:27px 0 0;
}
#dashboardView .gauge-center strong{
  font-size:29px;
}
#dashboardView .goal-progress{
  margin-top:8px;
}

/* Charts */
#dashboardView .chart-card{
  padding:12px;
}
#dashboardView .dashboard-chart-summary{
  display:block;
  margin:0 0 8px;
}
#dashboardView .hidden-metric{
  display:none!important;
}
#dashboardView .dashboard-unrealized-stat{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:45px;
  padding:8px 11px;
  border:1px solid rgba(255,84,95,.25);
  border-radius:10px;
  background:rgba(255,84,95,.035);
}
#dashboardView .dashboard-unrealized-stat span{
  color:var(--muted);
  font-size:10px;
  margin-inline-end:auto;
}
#dashboardView .dashboard-unrealized-stat b{
  color:var(--red);
  font-size:17px;
}
#dashboardView .dashboard-unrealized-stat small{
  color:var(--muted);
  font-size:9px;
}
#dashboardView .dashboard-chart-pair{
  gap:10px;
}
#dashboardView .dashboard-chart-pane{
  padding:10px;
  overflow:hidden;
}
#dashboardView .dashboard-chart-pane .chart{
  height:176px;
}

/* Premium summary */
.premium-summary{
  grid-column:1/-1;
  padding:14px;
}
.premium-section-head{
  margin-bottom:10px;
}
.premium-section-head h2{
  font-size:15px;
}
.summary-primary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.summary-primary-card{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:96px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--panel2);
}
.summary-primary-icon{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  border-radius:50%;
  font-size:18px;
  font-weight:900;
}
.summary-primary-card span,
.summary-secondary-card span{
  display:block;
  color:var(--muted);
  font-size:10px;
}
.summary-primary-card b{
  display:block;
  margin-top:5px;
  font-size:21px;
  line-height:1.1;
}
.summary-primary-card small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:9px;
}
.summary-primary-card.positive{
  border-color:rgba(32,215,120,.36);
  background:linear-gradient(135deg,rgba(32,215,120,.08),rgba(32,215,120,.02));
}
.summary-primary-card.positive .summary-primary-icon{
  color:var(--green);
  border:1px solid rgba(32,215,120,.45);
  background:rgba(32,215,120,.08);
}
.summary-primary-card.positive b{color:var(--green)}
.summary-primary-card.neutral{
  border-color:rgba(21,151,255,.36);
  background:linear-gradient(135deg,rgba(21,151,255,.08),rgba(21,151,255,.02));
}
.summary-primary-card.neutral .summary-primary-icon{
  color:var(--blue);
  border:1px solid rgba(21,151,255,.45);
  background:rgba(21,151,255,.08);
}
.summary-primary-card.neutral b{color:var(--blue)}

.summary-secondary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
}
.summary-secondary-card{
  min-height:66px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--panel2);
}
.summary-secondary-card b{
  display:block;
  margin-top:6px;
  font-size:16px;
}
.summary-secondary-card.positive{
  border-color:rgba(32,215,120,.30);
  background:rgba(32,215,120,.035);
}
.summary-secondary-card.positive b{color:var(--green)}
.summary-secondary-card.negative{
  border-color:rgba(255,84,95,.30);
  background:rgba(255,84,95,.035);
}
.summary-secondary-card.negative b{color:var(--red)}

/* Best / worst operation */
.compact-best-worst{
  padding:13px;
}
.compact-bw-card.best{
  border-color:rgba(32,215,120,.46);
  background:linear-gradient(135deg,rgba(32,215,120,.10),rgba(32,215,120,.025));
}
.compact-bw-card.worst{
  border-color:rgba(255,84,95,.46);
  background:linear-gradient(135deg,rgba(255,84,95,.10),rgba(255,84,95,.025));
}
.compact-bw-title.best-title,
.compact-bw-card.best .compact-bw-ticker,
.compact-bw-card.best .compact-bw-value,
.compact-bw-card.best .compact-bw-percent{
  color:var(--green)!important;
}
.compact-bw-title.worst-title,
.compact-bw-card.worst .compact-bw-ticker,
.compact-bw-card.worst .compact-bw-value,
.compact-bw-card.worst .compact-bw-percent{
  color:var(--red)!important;
}

/* Portfolio distribution */
.compact-usage{
  padding:13px;
}
.compact-usage-grid{
  grid-template-columns:145px 1fr;
  gap:11px;
}
.compact-mini-gauge{
  width:145px;
  height:102px;
}
.compact-usage-box.used{
  border-color:rgba(21,151,255,.30);
  background:rgba(21,151,255,.035);
}
.compact-usage-box.used b{
  color:var(--blue);
}
.compact-usage-box.available{
  border-color:rgba(255,169,46,.32);
  background:rgba(255,169,46,.035);
}
.compact-usage-box.available b{
  color:#ffb24a!important;
}

/* Compact footer */
.dashboard-foot{
  padding:8px 12px;
  min-height:auto;
  color:var(--muted);
  font-size:9px;
  text-align:center;
}

/* Remove visual dead space */
#dashboardView .best-worst,
#dashboardView .usage{
  min-height:0;
}
#dashboardView .compact-bw-card{
  min-height:137px;
}
#dashboardView .compact-summary,
#dashboardView .summary{
  min-height:0;
}

@media(max-width:1200px){
  .summary-primary-grid,
  .summary-secondary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .summary-primary-grid,
  .summary-secondary-grid{
    grid-template-columns:1fr;
  }
  #dashboardView .goal-content{
    grid-template-columns:1fr;
  }
}

/* V4.7.2 five top cards — visual only */
#dashboardView .grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:9px}
#dashboardView .grid>.top-kpi{grid-column:span 2!important;min-width:0}
#dashboardView .top-kpi{position:relative;min-height:154px;padding:14px 15px 12px;overflow:hidden;border-radius:12px}
#dashboardView .top-kpi h3{font-size:12px;margin:0 0 9px}
#dashboardView .top-kpi .num{font-size:25px;line-height:1.05;margin:0 0 5px}
#dashboardView .top-kpi .sar-line{font-size:10px}
#dashboardView .top-kpi .sub{position:absolute;right:14px;bottom:9px;z-index:3;font-size:10px;font-weight:800}
#dashboardView .top-kpi .kpi-icon{width:43px;height:43px;top:34px;left:14px;font-size:21px}
#dashboardView .top-spark{position:absolute;left:12px;right:12px;bottom:28px;width:calc(100% - 24px)!important;height:32px!important;display:block}
#dashboardView .capital-line{position:absolute;left:13px;right:13px;bottom:31px;height:5px;border-radius:999px;background:linear-gradient(90deg,#7a56e8,#9a71ff)}
#dashboardView .capital-top{border-color:rgba(126,91,237,.50);background:radial-gradient(circle at 18% 42%,rgba(126,91,237,.11),transparent 35%),var(--panel)}
#dashboardView .capital-top .num,#dashboardView .capital-top h3{color:#d7c9ff}
#dashboardView .capital-top .kpi-icon{color:#9673ff;border-color:rgba(126,91,237,.38);background:rgba(126,91,237,.11)}
#dashboardView .portfolio-top{border-color:rgba(21,151,255,.48);background:radial-gradient(circle at 18% 42%,rgba(21,151,255,.10),transparent 35%),var(--panel)}
#dashboardView .portfolio-top .num{color:#45adff}
#dashboardView .portfolio-top .kpi-icon{color:#1597ff;border-color:rgba(21,151,255,.38);background:rgba(21,151,255,.10)}
#dashboardView .pnl-top{border-color:rgba(32,215,120,.45);background:radial-gradient(circle at 18% 42%,rgba(32,215,120,.10),transparent 35%),var(--panel)}
#dashboardView .pnl-top .num{color:var(--green)}
#dashboardView .pnl-top .kpi-icon{color:var(--green);border-color:rgba(32,215,120,.36);background:rgba(32,215,120,.10)}
#dashboardView .cash-top{border-color:rgba(255,169,46,.50);background:radial-gradient(circle at 18% 42%,rgba(255,169,46,.10),transparent 35%),var(--panel)}
#dashboardView .cash-top .num{color:#ffad32}
#dashboardView .cash-top .kpi-icon{color:#ffad32;border-color:rgba(255,169,46,.38);background:rgba(255,169,46,.10)}
#dashboardView .used-top{border-color:rgba(49,180,255,.48);background:radial-gradient(circle at 18% 42%,rgba(49,180,255,.10),transparent 35%),var(--panel)}
#dashboardView .used-top .num{color:#5ec4ff}
#dashboardView .used-top .kpi-icon{color:#5ec4ff;border-color:rgba(49,180,255,.38);background:rgba(49,180,255,.10)}
#dashboardView .lower-usage-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:0!important;border:0!important}
#dashboardView .goal,#dashboardView .chart-card{grid-column:span 5!important}
#dashboardView .summary,#dashboardView .premium-summary,#dashboardView .best-worst{grid-column:1/-1!important}
@media(max-width:1350px){#dashboardView .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#dashboardView .grid>.top-kpi{grid-column:span 1!important}#dashboardView .grid>.used-top{grid-column:1/-1!important}}
@media(max-width:760px){#dashboardView .grid{grid-template-columns:1fr!important}#dashboardView .grid>.top-kpi{grid-column:1/-1!important}}


/* =========================================================
   V4.7.3 — Focused fixes only
   ========================================================= */

/* Better top sparklines */
#dashboardView .top-kpi{min-height:164px}
#dashboardView .top-spark{height:36px!important;bottom:28px}
#dashboardView .top-kpi .sub{bottom:8px}

/* Goal: no duplicated information */
#dashboardView .goal-clean{padding:13px}
#dashboardView .goal-clean-content{
  display:grid;
  grid-template-columns:190px 190px 1fr;
  align-items:center;
  gap:12px;
  min-height:186px;
}
#dashboardView .goal-clean-stats{display:grid;gap:8px}
#dashboardView .goal-clean-stat{
  min-height:52px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)
}
#dashboardView .goal-clean-stat span{display:block;font-size:9px;color:var(--muted)}
#dashboardView .goal-clean-stat b{display:block;margin-top:4px;font-size:16px}
#dashboardView .goal-clean-stat.warning b{color:var(--orange)}
#dashboardView .goal-clean-center{display:flex;justify-content:center}
#dashboardView .goal-clean .gauge{width:184px;height:124px}
#dashboardView .goal-clean .gauge-center{inset:31px 0 0}
#dashboardView .goal-clean .gauge-center strong{font-size:31px}
#dashboardView .goal-clean-progress{align-self:center}
#dashboardView .goal-clean-progress .goal-progress{margin:0}
#dashboardView .goal-clean-caption{margin-top:12px;text-align:center;font-size:10px;color:var(--muted)}
#dashboardView .goal-clean-caption b{color:var(--orange);font-size:15px;margin-inline-start:5px}

/* Charts: amount inside chart header, more space for both charts */
#dashboardView .chart-card-focused{padding:10px 11px}
#dashboardView .chart-card-focused .dashboard-chart-pair{gap:9px}
#dashboardView .chart-card-focused .dashboard-chart-pane{padding:8px 9px}
#dashboardView .chart-card-focused .dashboard-chart-pane .chart{height:205px}
#dashboardView .chart-title-with-value{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#dashboardView .chart-inline-value{text-align:left;direction:ltr;white-space:nowrap}
#dashboardView .chart-inline-value b{display:block;color:var(--red);font-size:18px;line-height:1.1}
#dashboardView .chart-inline-value small{display:block;color:var(--muted);font-size:9px;margin-top:3px}

/* Summary: uniform, clear typography */
#dashboardView .summary-primary-grid,
#dashboardView .summary-secondary-grid{gap:8px}
#dashboardView .summary-primary-card,
#dashboardView .summary-secondary-card{
  min-height:82px;padding:10px 11px;border-radius:10px
}
#dashboardView .summary-primary-card span,
#dashboardView .summary-secondary-card span{font-size:10px!important}
#dashboardView .summary-primary-card b,
#dashboardView .summary-secondary-card b{font-size:18px!important;line-height:1.15;margin-top:6px}
#dashboardView .summary-primary-card small,
#dashboardView .summary-secondary-card small{font-size:9px!important;margin-top:5px}
#dashboardView .summary-primary-icon{width:34px;height:34px;flex-basis:34px;font-size:15px}

@media(max-width:1200px){
  #dashboardView .goal-clean-content{grid-template-columns:1fr}
  #dashboardView .chart-card-focused .dashboard-chart-pane .chart{height:190px}
}


/* =========================================================
   V4.7.4 — Yahoo saved files manager
   ========================================================= */
.yahoo-archive-section{
  margin-top:14px;
}
.yahoo-archive-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.yahoo-archive-head h3{
  margin:0;
  font-size:16px;
}
.yahoo-archive-head p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:10px;
}
.yahoo-archive-count{
  min-width:95px;
  padding:9px 12px;
  text-align:center;
  border:1px solid rgba(21,151,255,.30);
  border-radius:10px;
  background:rgba(21,151,255,.045);
}
.yahoo-archive-count b{
  display:block;
  color:var(--blue);
  font-size:20px;
}
.yahoo-archive-count span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:9px;
}
.yahoo-archive-toolbar{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:13px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.yahoo-archive-toolbar button,
.archive-upload-btn{
  position:relative;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  border-radius:9px;
  padding:8px 11px;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.archive-upload-btn{
  background:var(--blue);
  border-color:var(--blue);
  color:white;
}
.archive-upload-btn input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.yahoo-archive-toolbar .danger{
  color:var(--red);
}
.yahoo-archive-list{
  display:grid;
  gap:9px;
  margin-top:12px;
}
.yahoo-archive-empty{
  padding:28px 14px;
  text-align:center;
  color:var(--muted);
  border:1px dashed var(--line);
  border-radius:11px;
  font-size:11px;
}
.yahoo-archive-item{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(340px,1.7fr) auto;
  gap:12px;
  align-items:center;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--panel2);
}
.yahoo-archive-item.active-record{
  border-color:rgba(32,215,120,.32);
  background:rgba(32,215,120,.025);
}
.archive-file-main{
  min-width:0;
}
.archive-file-date{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:950;
}
.archive-file-date .approved{
  color:var(--green);
  font-size:9px;
  border:1px solid rgba(32,215,120,.30);
  border-radius:999px;
  padding:3px 7px;
}
.archive-file-name{
  margin-top:5px;
  color:var(--muted);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.archive-file-time{
  margin-top:3px;
  color:var(--muted);
  font-size:8px;
}
.archive-metrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}
.archive-metric{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(130,150,173,.14);
  border-radius:8px;
  background:rgba(255,255,255,.012);
}
.archive-metric span{
  display:block;
  color:var(--muted);
  font-size:8px;
  white-space:nowrap;
}
.archive-metric b{
  display:block;
  margin-top:4px;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.archive-metric.profit b{color:var(--green)}
.archive-metric.loss b{color:var(--red)}
.archive-actions{
  display:grid;
  grid-template-columns:repeat(2,auto);
  gap:5px;
}
.archive-actions button{
  border:1px solid var(--line);
  background:transparent;
  color:var(--text);
  border-radius:7px;
  padding:6px 8px;
  font-size:9px;
  cursor:pointer;
}
.archive-actions button:hover{
  background:rgba(255,255,255,.04);
}
.archive-actions .restore{
  color:var(--green);
  border-color:rgba(32,215,120,.28);
}
.archive-actions .delete{
  color:var(--red);
  border-color:rgba(255,84,95,.28);
}
.archive-actions button:disabled{
  opacity:.38;
  cursor:not-allowed;
}
@media(max-width:1050px){
  .yahoo-archive-item{
    grid-template-columns:1fr;
  }
  .archive-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .archive-actions{
    display:flex;
    flex-wrap:wrap;
  }
}
@media(max-width:600px){
  .archive-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* V4.7.6 — Final dashboard polish */
#dashboardView .goal-left2-binding,
#dashboardView .goal-left2-hidden,
#dashboardView #goalLeft2{display:none!important}

#dashboardView .summary-onepage-stat span,
#dashboardView .premium-stat span,
#dashboardView .compact-summary-item span{
  font-size:10px!important;line-height:1.35!important
}
#dashboardView .summary-onepage-stat b,
#dashboardView .premium-stat b,
#dashboardView .compact-summary-item b{
  font-size:18px!important;line-height:1.2!important;font-weight:900!important
}
#dashboardView .summary-onepage-stat small,
#dashboardView .premium-stat small{
  font-size:9px!important;line-height:1.3!important
}

#dashboardView .compact-bw-card{
  min-height:138px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important
}
#dashboardView .compact-bw-title{justify-content:center!important;font-size:13px!important;margin:0!important}
#dashboardView .compact-bw-ticker{margin-top:10px!important;font-size:17px!important;font-weight:950!important}
#dashboardView .compact-bw-date{margin-top:4px!important;font-size:9px!important}
#dashboardView .compact-bw-value{margin-top:8px!important;font-size:22px!important;font-weight:950!important}
#dashboardView .compact-bw-percent{margin-top:4px!important;font-size:14px!important;font-weight:900!important}

.simple-yahoo-archive{margin-top:14px}
.simple-yahoo-archive .yahoo-archive-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.simple-yahoo-archive .yahoo-archive-head h3{margin:0;font-size:16px}
.simple-yahoo-archive .yahoo-archive-head p{margin:5px 0 0;color:var(--muted);font-size:10px}
.simple-yahoo-archive .yahoo-archive-count{min-width:92px;padding:8px 11px;text-align:center;border:1px solid rgba(21,151,255,.30);border-radius:10px;background:rgba(21,151,255,.045)}
.simple-yahoo-archive .yahoo-archive-count b{display:block;color:var(--blue);font-size:20px}
.simple-yahoo-archive .yahoo-archive-count span{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.simple-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.simple-toolbar button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}
.simple-archive-list{display:grid;gap:8px;margin-top:10px}
.simple-archive-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.simple-archive-main{min-width:0}
.simple-archive-date{font-size:13px;font-weight:900}
.simple-archive-name{margin-top:4px;color:var(--text);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-archive-time{margin-top:3px;color:var(--muted);font-size:8px}
.simple-archive-actions{display:flex;gap:5px;flex-shrink:0}
.simple-archive-actions button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:7px;padding:6px 8px;font-size:9px;cursor:pointer}
.simple-archive-actions button:disabled{opacity:.35;cursor:not-allowed}
.simple-archive-actions .delete{color:var(--red);border-color:rgba(255,84,95,.30)}

/* V4.7.7 — final requested top row and Yahoo Date+Time archive */
#dashboardView .summary-primary-card,
#dashboardView .summary-secondary-card{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}
#dashboardView .summary-primary-card{
  flex-direction:column!important;
  gap:6px!important;
}
#dashboardView .summary-primary-card > div:last-child{width:100%}
#dashboardView .summary-primary-card span,
#dashboardView .summary-secondary-card span{
  font-size:11px!important;
  line-height:1.35!important;
  text-align:center!important;
}
#dashboardView .summary-primary-card b,
#dashboardView .summary-secondary-card b{
  font-size:19px!important;
  line-height:1.2!important;
  text-align:center!important;
}
#dashboardView .summary-primary-card small,
#dashboardView .summary-secondary-card small{
  font-size:9px!important;
  text-align:center!important;
}
#dashboardView .portfolio-top{
  border-color:rgba(65,190,255,.55)!important;
  background:radial-gradient(circle at 18% 42%,rgba(65,190,255,.13),transparent 35%),var(--panel)!important;
}
#dashboardView .portfolio-top .num{color:#55c7ff!important}
#dashboardView .pnl-top .num{color:var(--green)}
.archive-yahoo-time{
  display:inline-block;margin-inline-start:7px;padding:2px 7px;border-radius:999px;
  color:#6dc9ff;background:rgba(21,151,255,.09);border:1px solid rgba(21,151,255,.24);
  font-size:9px;font-weight:800;direction:ltr
}

/* =========================================================
   V4.7.8 — final requested dashboard update
   ========================================================= */

/* Six equal cards; رأس المال keeps its original visual identity */
#dashboardView .grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
}
#dashboardView .grid > .top-kpi{
  grid-column:span 2!important;
}
#dashboardView .realized-total-top{
  border-color:rgba(32,197,201,.52)!important;
  background:
    radial-gradient(circle at 18% 42%,rgba(32,197,201,.12),transparent 35%),
    var(--panel)!important;
}
#dashboardView .realized-total-top .num{color:#48d8d9!important}
#dashboardView .realized-total-top .kpi-icon{
  color:#48d8d9!important;
  border-color:rgba(32,197,201,.38)!important;
  background:rgba(32,197,201,.10)!important;
}

/* The actual Yahoo market value card stays separate and clearly named */
#dashboardView .portfolio-top{
  border-color:rgba(65,190,255,.55)!important;
}
#dashboardView .portfolio-top .num{color:#55c7ff!important}

/* Smaller goal, wider two-chart panel */
#dashboardView .goal-clean{
  grid-column:span 4!important;
  padding:10px!important;
}
#dashboardView .chart-card-focused{
  grid-column:span 8!important;
  padding:10px 11px!important;
}
#dashboardView .goal-clean-content{
  grid-template-columns:135px minmax(120px,145px) 1fr!important;
  gap:8px!important;
  min-height:170px!important;
}
#dashboardView .goal-clean-stats{gap:6px!important}
#dashboardView .goal-clean-stat{
  min-height:44px!important;
  padding:6px 8px!important;
}
#dashboardView .goal-clean-stat span{font-size:8px!important}
#dashboardView .goal-clean-stat b{font-size:14px!important}
#dashboardView .goal-clean .gauge{
  width:145px!important;
  height:100px!important;
}
#dashboardView .goal-clean .gauge-center{
  inset:25px 0 0!important;
}
#dashboardView .goal-clean .gauge-center strong{
  font-size:26px!important;
}
#dashboardView .goal-clean-progress{
  margin:0!important;
}
#dashboardView .goal-clean-progress .goal-progress{
  margin:0!important;
}
/* The duplicated caption was removed from HTML; no empty space remains */
#dashboardView .goal-clean-caption{display:none!important}

/* Expand both charts */
#dashboardView .chart-card-focused .dashboard-chart-pair{
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
#dashboardView .chart-card-focused .dashboard-chart-pane{
  padding:9px 10px!important;
}
#dashboardView .chart-card-focused .dashboard-chart-pane .chart{
  height:225px!important;
}

/* Summary: clear, centered, consistent */
#dashboardView .summary-primary-card,
#dashboardView .summary-secondary-card{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
#dashboardView .summary-primary-card{
  flex-direction:column!important;
  gap:6px!important;
}
#dashboardView .summary-primary-card > div:last-child{
  width:100%!important;
}
#dashboardView .summary-primary-card span,
#dashboardView .summary-secondary-card span{
  display:block!important;
  font-size:11px!important;
  line-height:1.35!important;
  text-align:center!important;
}
#dashboardView .summary-primary-card b,
#dashboardView .summary-secondary-card b{
  display:block!important;
  font-size:19px!important;
  line-height:1.2!important;
  text-align:center!important;
}
#dashboardView .summary-primary-card small,
#dashboardView .summary-secondary-card small{
  display:block!important;
  font-size:9px!important;
  text-align:center!important;
}

/* Responsive: keep cards useful on narrower screens */
@media(max-width:1450px){
  #dashboardView .grid{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  #dashboardView .grid > .top-kpi{
    grid-column:span 2!important;
  }
  #dashboardView .goal-clean,
  #dashboardView .chart-card-focused{
    grid-column:1/-1!important;
  }
}
@media(max-width:900px){
  #dashboardView .grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #dashboardView .grid > .top-kpi{
    grid-column:span 1!important;
  }
  #dashboardView .goal-clean-content{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:600px){
  #dashboardView .grid{
    grid-template-columns:1fr!important;
  }
  #dashboardView .grid > .top-kpi{
    grid-column:1/-1!important;
  }
  #dashboardView .chart-card-focused .dashboard-chart-pair{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   V4.7.9 — final layout + chart readability update
   ========================================================= */

/* Lower and shrink the goal box; give more width to both charts */
#dashboardView .goal-clean{
  grid-column:span 3!important;
  align-self:end!important;
  margin-top:42px!important;
  padding:8px!important;
  min-height:0!important;
}
#dashboardView .chart-card-focused{
  grid-column:span 9!important;
  padding:9px 10px!important;
}
#dashboardView .goal-clean .section-head{
  margin-bottom:7px!important;
}
#dashboardView .goal-clean .section-head h2{
  font-size:14px!important;
}
#dashboardView .goal-clean-content{
  grid-template-columns:minmax(105px,1fr) 112px!important;
  grid-template-areas:
    "stats gauge"
    "progress progress"!important;
  gap:7px 8px!important;
  min-height:0!important;
  align-items:center!important;
}
#dashboardView .goal-clean-stats{
  grid-area:stats!important;
  gap:5px!important;
}
#dashboardView .goal-clean-center{
  grid-area:gauge!important;
}
#dashboardView .goal-clean-progress{
  grid-area:progress!important;
  margin-top:5px!important;
}
#dashboardView .goal-clean-stat{
  min-height:36px!important;
  padding:5px 7px!important;
}
#dashboardView .goal-clean-stat span{
  font-size:7.5px!important;
}
#dashboardView .goal-clean-stat b{
  margin-top:2px!important;
  font-size:12.5px!important;
}
#dashboardView .goal-clean .gauge{
  width:112px!important;
  height:78px!important;
}
#dashboardView .goal-clean .gauge-center{
  inset:19px 0 0!important;
}
#dashboardView .goal-clean .gauge-center strong{
  font-size:21px!important;
}
#dashboardView .goal-clean .gauge-center span{
  font-size:8px!important;
}
#dashboardView .goal-clean .goal-progress .track{
  height:5px!important;
}
#dashboardView .goal-clean .goal-progress .bubble{
  top:-27px!important;
  font-size:8px!important;
  padding:3px 6px!important;
}
#dashboardView .goal-clean .goal-progress .labels{
  font-size:8px!important;
  margin-top:6px!important;
}

/* Wider and taller canvases; JS now renders at the same true height */
#dashboardView .chart-card-focused .dashboard-chart-pair{
  grid-template-columns:1fr 1fr!important;
  gap:11px!important;
}
#dashboardView .chart-card-focused .dashboard-chart-pane{
  padding:9px 10px 6px!important;
}
#dashboardView .chart-card-focused .dashboard-chart-pane .chart{
  height:260px!important;
}
#dashboardView .chart-card-focused .section-head{
  margin-bottom:8px!important;
}

/* Keep responsive layout clean */
@media(max-width:1450px){
  #dashboardView .goal-clean{
    grid-column:1/-1!important;
    margin-top:0!important;
  }
  #dashboardView .chart-card-focused{
    grid-column:1/-1!important;
  }
}
@media(max-width:700px){
  #dashboardView .goal-clean-content{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "stats"
      "gauge"
      "progress"!important;
  }
  #dashboardView .chart-card-focused .dashboard-chart-pair{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   V4.8.0 — expand goal content inside its own card only
   ========================================================= */

/* Keep the outer grid width unchanged; fill the card more effectively */
#dashboardView .goal-clean{
  padding:10px 11px!important;
}
#dashboardView .goal-clean-content{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  column-gap:11px!important;
  row-gap:9px!important;
}
#dashboardView .goal-clean-stats{
  width:100%!important;
  gap:6px!important;
}
#dashboardView .goal-clean-stat{
  width:100%!important;
  min-height:42px!important;
  padding:7px 9px!important;
}
#dashboardView .goal-clean-stat span{
  font-size:8.5px!important;
}
#dashboardView .goal-clean-stat b{
  font-size:14px!important;
  line-height:1.15!important;
}
#dashboardView .goal-clean-center{
  width:132px!important;
  justify-self:center!important;
}
#dashboardView .goal-clean .gauge{
  width:132px!important;
  height:90px!important;
}
#dashboardView .goal-clean .gauge-center{
  inset:22px 0 0!important;
}
#dashboardView .goal-clean .gauge-center strong{
  font-size:24px!important;
}
#dashboardView .goal-clean .gauge-center span{
  font-size:8.5px!important;
}
#dashboardView .goal-clean-progress{
  width:100%!important;
  padding-inline:1px!important;
}
#dashboardView .goal-clean .goal-progress{
  width:100%!important;
}
#dashboardView .goal-clean .goal-progress .track{
  width:100%!important;
  height:6px!important;
}
#dashboardView .goal-clean .goal-progress .bubble{
  font-size:8.5px!important;
  padding:3px 7px!important;
}
#dashboardView .goal-clean .goal-progress .labels{
  font-size:8.5px!important;
}

@media(max-width:700px){
  #dashboardView .goal-clean-content{
    grid-template-columns:1fr!important;
  }
  #dashboardView .goal-clean-center{
    width:100%!important;
  }
}

/* =========================================================
   V4.8.1 — goal card full-height alignment only
   ========================================================= */
#dashboardView .goal-clean{
  align-self:stretch!important;
  margin-top:0!important;
  height:auto!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
#dashboardView .goal-clean-content{
  flex:1 1 auto!important;
  align-content:center!important;
}

/* =========================================================
   V4.9.0 — Open Positions redesign (dashboard untouched)
   ========================================================= */
#tradesView .mirror-top-strip,#performanceView .mirror-top-strip{
  position:sticky;top:0;z-index:28;display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;
  padding:7px 0 11px;margin-bottom:10px;
  background:linear-gradient(to bottom,var(--bg) 79%,rgba(7,17,30,0))
}
.light #tradesView .mirror-top-strip,.light #performanceView .mirror-top-strip{
  background:linear-gradient(to bottom,var(--bg) 79%,rgba(237,243,248,0))
}
#tradesView .mirror-top-strip .top-kpi,#performanceView .mirror-top-strip .top-kpi{
  position:relative;min-width:0;min-height:150px;padding:12px 13px;overflow:hidden
}
#tradesView .mirror-top-strip h3,#performanceView .mirror-top-strip h3{
  max-width:72%;margin:0;color:var(--muted);font-size:10px;line-height:1.35
}
#tradesView .mirror-top-strip .num,#performanceView .mirror-top-strip .num{
  margin:11px 0 4px;font-size:20px;line-height:1
}
#tradesView .mirror-top-strip .sar-line,#performanceView .mirror-top-strip .sar-line{color:var(--muted);font-size:9px}
#tradesView .mirror-top-strip .sub,#performanceView .mirror-top-strip .sub{
  position:absolute;right:13px;bottom:7px;z-index:2;font-size:9px
}
#tradesView .mirror-top-strip .kpi-icon,#performanceView .mirror-top-strip .kpi-icon{
  width:35px;height:35px;top:31px;left:12px;font-size:17px
}
#tradesView .mirror-top-strip .top-spark,#performanceView .mirror-top-strip .top-spark{
  position:absolute;right:12px;left:12px;bottom:25px;width:calc(100% - 24px);height:36px
}
#tradesView .mirror-top-strip .capital-top,#performanceView .mirror-top-strip .capital-top{
  border-color:rgba(21,151,255,.48);background:radial-gradient(circle at 18% 42%,rgba(21,151,255,.11),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .capital-top .num,#performanceView .mirror-top-strip .capital-top .num{color:#55c7ff}
#tradesView .mirror-top-strip .realized-total-top,#performanceView .mirror-top-strip .realized-total-top{
  border-color:rgba(32,197,201,.52);background:radial-gradient(circle at 18% 42%,rgba(32,197,201,.12),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .realized-total-top .num,#performanceView .mirror-top-strip .realized-total-top .num{color:#48d8d9}
#tradesView .mirror-top-strip .portfolio-top,#performanceView .mirror-top-strip .portfolio-top{
  border-color:rgba(65,190,255,.55);background:radial-gradient(circle at 18% 42%,rgba(65,190,255,.13),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .portfolio-top .num,#performanceView .mirror-top-strip .portfolio-top .num{color:#55c7ff}
#tradesView .mirror-top-strip .pnl-top,#performanceView .mirror-top-strip .pnl-top{
  border-color:rgba(32,215,120,.45);background:radial-gradient(circle at 18% 42%,rgba(32,215,120,.10),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .cash-top,#performanceView .mirror-top-strip .cash-top{
  border-color:rgba(255,169,46,.50);background:radial-gradient(circle at 18% 42%,rgba(255,169,46,.10),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .cash-top .num,#performanceView .mirror-top-strip .cash-top .num{color:#ffad32}
#tradesView .mirror-top-strip .used-top,#performanceView .mirror-top-strip .used-top{
  border-color:rgba(49,180,255,.48);background:radial-gradient(circle at 18% 42%,rgba(49,180,255,.10),transparent 35%),var(--panel)
}
#tradesView .mirror-top-strip .used-top .num,#performanceView .mirror-top-strip .used-top .num{color:#5ec4ff}

#tradesView .trades-overview{display:none!important}
#tradesView .trades-toolbar{margin-bottom:4px}
#tradesView .trades-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:11px;align-items:start}
#tradesView .trade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-items:start}
#tradesView .trades-chart-card{position:sticky;top:169px;padding:12px;border-radius:15px}

#tradesView .premium-trade-card{
  --position-color:var(--green);position:relative;padding:10px!important;
  border:1px solid color-mix(in srgb,var(--position-color) 42%,var(--line));
  border-radius:16px!important;
  background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--position-color) 8%,transparent),transparent 28%),linear-gradient(155deg,rgba(15,29,46,.96),rgba(10,22,36,.96));
  box-shadow:0 12px 26px rgba(0,0,0,.18);overflow:hidden
}
.light #tradesView .premium-trade-card{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(239,246,251,.98))}
#tradesView .premium-trade-card:before{
  content:"";position:absolute;top:0;right:14px;left:14px;height:3px;border-radius:0 0 999px 999px;
  background:var(--position-color);box-shadow:0 0 13px color-mix(in srgb,var(--position-color) 50%,transparent)
}
#tradesView .allocation-low{--position-color:var(--green)}
#tradesView .allocation-medium{--position-color:var(--orange)}
#tradesView .allocation-high{--position-color:var(--red)}

#tradesView .premium-trade-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(122px,.72fr);gap:8px;align-items:center;min-height:53px;padding:3px 3px 7px}
#tradesView .trade-identity{display:flex;align-items:center;gap:9px;min-width:0}
#tradesView .trade-identity .ticker-icon{
  flex:0 0 47px;width:47px;height:47px;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,#385dca,#1b3477);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);font-size:12px;font-weight:950
}
#tradesView .trade-identity h3{margin:0;font-size:19px;line-height:1;letter-spacing:.35px}
#tradesView .trade-identity span{display:block;max-width:135px;margin-top:5px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
#tradesView .risk-area{display:flex;align-items:center;gap:6px}
#tradesView .risk-area .risk-badge{padding:5px 8px;border-radius:999px;font-size:9px}
#tradesView .risk-bars{color:var(--position-color);font-size:12px;letter-spacing:1px}
#tradesView .allocation-hero{position:relative;min-width:0;padding-left:41px;text-align:right}
#tradesView .allocation-hero span{display:block;color:var(--muted);font-size:8.5px;white-space:nowrap}
#tradesView .allocation-hero strong{display:block;margin-top:3px;color:var(--position-color);font-size:23px;line-height:1}
#tradesView .allocation-ring{
  --allocation:0;position:absolute;top:1px;left:0;width:35px;height:35px;border-radius:50%;
  background:conic-gradient(var(--position-color) calc(var(--allocation)*1%),rgba(130,150,173,.18) 0)
}
#tradesView .allocation-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--panel)}

#tradesView .premium-money-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(21,151,255,.025)}
#tradesView .premium-money-box{display:grid;grid-template-columns:37px 1fr;gap:8px;align-items:center;min-width:0;padding:4px 5px}
#tradesView .premium-money-box+.premium-money-box{border-right:1px solid var(--line)}
#tradesView .money-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font-size:20px;font-weight:900}
#tradesView .cost .money-icon{color:#ff6868;background:rgba(255,84,95,.14)}
#tradesView .market .money-icon{color:#5ce399;background:rgba(32,215,120,.14)}
#tradesView .premium-money-box small{display:block;color:var(--muted);font-size:8.5px}
#tradesView .premium-money-box b{display:block;margin-top:3px;font-size:17px;line-height:1}
#tradesView .premium-money-box em{display:block;margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}

#tradesView .premium-stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:7px;padding:7px 3px;border:1px solid var(--line);border-radius:12px}
#tradesView .premium-stats-row>div{min-width:0;padding:2px 7px;text-align:center}
#tradesView .premium-stats-row>div+div{border-right:1px solid var(--line)}
#tradesView .premium-stats-row span{display:block;color:var(--muted);font-size:8.5px}
#tradesView .premium-stats-row b{display:block;margin-top:4px;overflow:hidden;font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
#tradesView .premium-stats-row .stamp{font-size:11px}
#tradesView .premium-stats-row small{display:block;margin-top:3px;color:var(--muted);font-size:8px}

#tradesView .premium-result-row{display:grid;grid-template-columns:1.25fr 1fr .7fr .7fr;gap:0;margin-top:7px;padding:8px 4px;border:1px solid var(--line);border-radius:12px}
#tradesView .premium-result-row>div{min-width:0;padding:1px 8px;text-align:center}
#tradesView .premium-result-row>div+div{border-right:1px dashed rgba(130,150,173,.28)}
#tradesView .premium-result-row span{display:block;color:var(--muted);font-size:8px}
#tradesView .unrealized-block strong{display:block;margin-top:5px;font-size:17px;line-height:1}
#tradesView .unrealized-block b{display:inline-block;margin-top:4px;padding:2px 6px;border:1px solid currentColor;border-radius:7px;font-size:10px}
#tradesView .unrealized-block small{display:block;margin-top:4px;color:var(--muted);font-size:8.5px}
#tradesView .positive{color:var(--green)!important}
#tradesView .negative{color:var(--red)!important}
#tradesView .breakeven-block strong{display:block;margin-top:7px;font-size:16px}
#tradesView .breakeven-block .good{color:var(--green)}#tradesView .breakeven-block .warn{color:var(--orange)}#tradesView .breakeven-block .bad{color:var(--red)}
#tradesView .breakeven-track{height:5px;margin-top:9px;overflow:hidden;border-radius:999px;background:rgba(130,150,173,.16)}
#tradesView .breakeven-track i{display:block;height:100%;border-radius:inherit}
#tradesView .breakeven-track i.good{background:var(--green)}#tradesView .breakeven-track i.warn{background:var(--orange)}#tradesView .breakeven-track i.bad{background:var(--red)}
#tradesView .target-block strong{display:block;margin-top:10px;color:var(--green);font-size:13px}

#tradesView .premium-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:7px;padding:7px 8px;border:1px solid var(--line);border-radius:12px}
#tradesView .note-line{min-width:0}
#tradesView .note-line span{display:block;color:var(--orange);font-size:8px}
#tradesView .note-line b{display:block;max-width:100%;margin-top:3px;overflow:hidden;color:var(--muted);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}
#tradesView .reinforcement-toggle{
  display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:6px 9px;border:1px solid rgba(89,111,255,.72);
  border-radius:9px;background:rgba(89,111,255,.08);color:#8999ff;font-size:9px;font-weight:900;cursor:pointer
}
#tradesView .reinforcement-toggle span{transition:transform .2s ease}
#tradesView .reinforcement-toggle.open span{transform:rotate(180deg)}
#tradesView .reinforcement-toggle.empty{border-color:var(--line);color:var(--muted);cursor:default}
#tradesView .reinforcement-panel{margin-top:7px;padding:8px;border:1px solid rgba(89,111,255,.28);border-radius:11px;background:rgba(89,111,255,.045)}
#tradesView .reinforcement-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
#tradesView .reinforcement-items>div,#tradesView .reinforcement-total{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.025);font-size:8.5px}
#tradesView .reinforcement-total{margin-top:5px;color:#8999ff;font-weight:900}
#tradesView .empty-trades{grid-column:1/-1;padding:36px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}

/* Ensure old controls never appear in cards */
#tradesView .trade-actions,#tradesView .trade-allocation,#tradesView .trade-note,#tradesView .cost-market-row,#tradesView .smart-trade-stats,#tradesView .break-even-box{display:none!important}

@media(max-width:1500px){
  #tradesView .mirror-top-strip,#performanceView .mirror-top-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  #tradesView .trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1120px){
  #tradesView .trades-layout{grid-template-columns:1fr}
  #tradesView .trades-chart-card{position:static;order:-1}
}
@media(max-width:800px){
  #tradesView .mirror-top-strip,#performanceView .mirror-top-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tradesView .trade-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  #tradesView .mirror-top-strip,#performanceView .mirror-top-strip{grid-template-columns:1fr}
  #tradesView .premium-trade-head{grid-template-columns:1fr auto}
  #tradesView .allocation-hero{grid-column:1/-1}
  #tradesView .premium-money-row{grid-template-columns:1fr}
  #tradesView .premium-money-box+.premium-money-box{border-right:0;border-top:1px solid var(--line)}
  #tradesView .premium-stats-row{grid-template-columns:repeat(2,1fr)}
  #tradesView .premium-result-row{grid-template-columns:1fr 1fr}
  #tradesView .premium-card-footer{grid-template-columns:1fr}
}

/* =========================================================
   V4.9.1 — final open positions fixes
   ========================================================= */

/* Mirror the dashboard's six-card row exactly on desktop */
#tradesView .mirror-top-strip,
#performanceView .mirror-top-strip{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:9px!important;
}
#tradesView .mirror-top-strip > .top-kpi,
#performanceView .mirror-top-strip > .top-kpi{
  grid-column:span 2!important;
  min-height:164px!important;
  padding:13px 15px!important;
}
#tradesView .mirror-top-strip .top-kpi h3,
#performanceView .mirror-top-strip .top-kpi h3{
  font-size:12px!important;
}
#tradesView .mirror-top-strip .top-kpi .num,
#performanceView .mirror-top-strip .top-kpi .num{
  margin:11px 0 5px!important;
  font-size:23px!important;
}
#tradesView .mirror-top-strip .top-kpi .kpi-icon,
#performanceView .mirror-top-strip .top-kpi .kpi-icon{
  width:40px!important;
  height:40px!important;
  top:34px!important;
  font-size:21px!important;
}
#tradesView .mirror-top-strip .top-spark,
#performanceView .mirror-top-strip .top-spark{
  bottom:28px!important;
  height:36px!important;
}
#tradesView .mirror-top-strip .top-kpi .sub,
#performanceView .mirror-top-strip .top-kpi .sub{
  bottom:8px!important;
  font-size:11px!important;
}

/* A position explicitly rated مرتفع is red, including ring, top line and border */
#tradesView .premium-trade-card.risk-high{
  --position-color:var(--red)!important;
  border-color:rgba(255,84,95,.62)!important;
}
#tradesView .premium-trade-card.risk-high:before{
  background:var(--red)!important;
  box-shadow:0 0 15px rgba(255,84,95,.55)!important;
}
#tradesView .premium-trade-card.risk-high .allocation-hero strong,
#tradesView .premium-trade-card.risk-high .risk-bars{
  color:var(--red)!important;
}
#tradesView .premium-trade-card.risk-high .allocation-ring{
  background:conic-gradient(var(--red) calc(var(--allocation)*1%),rgba(130,150,173,.18) 0)!important;
}

/* Keep one row on normal desktop widths; only collapse on genuinely small screens */
@media(min-width:901px){
  #tradesView .mirror-top-strip,
  #performanceView .mirror-top-strip{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
  }
  #tradesView .mirror-top-strip > .top-kpi,
  #performanceView .mirror-top-strip > .top-kpi{
    grid-column:span 2!important;
  }
}
@media(max-width:900px){
  #tradesView .mirror-top-strip,
  #performanceView .mirror-top-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #tradesView .mirror-top-strip > .top-kpi,
  #performanceView .mirror-top-strip > .top-kpi{
    grid-column:span 1!important;
  }
}
@media(max-width:560px){
  #tradesView .mirror-top-strip,
  #performanceView .mirror-top-strip{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   V4.9.2 — target profit details
   ========================================================= */
#tradesView .target-block span{
  color:var(--green)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
#tradesView .target-block strong{
  display:block!important;
  margin-top:5px!important;
  color:#69e9a2!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.05!important;
}
#tradesView .target-profit-usd{
  display:block!important;
  margin-top:6px!important;
  color:var(--green)!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.1!important;
}
#tradesView .target-profit-sar{
  display:block!important;
  margin-top:3px!important;
  color:var(--muted)!important;
  font-size:8.5px!important;
  font-weight:800!important;
  line-height:1.1!important;
}


/* =========================================================
   V4.9.3 — per-position price trend charts
   ========================================================= */
/* Stronger, clearer card borders based on position size */
#tradesView .premium-trade-card{
  border-width:2px!important;
  border-style:solid!important;
}
#tradesView .premium-trade-card.allocation-low{
  --position-color:var(--green)!important;
  border-color:rgba(32,215,120,.78)!important;
  box-shadow:0 0 0 1px rgba(32,215,120,.10),0 12px 28px rgba(0,0,0,.22),0 0 18px rgba(32,215,120,.10)!important;
}
#tradesView .premium-trade-card.allocation-medium{
  --position-color:var(--orange)!important;
  border-color:rgba(255,163,26,.84)!important;
  box-shadow:0 0 0 1px rgba(255,163,26,.12),0 12px 28px rgba(0,0,0,.22),0 0 18px rgba(255,163,26,.12)!important;
}
#tradesView .premium-trade-card.allocation-high{
  --position-color:var(--red)!important;
  border-color:rgba(255,84,95,.88)!important;
  box-shadow:0 0 0 1px rgba(255,84,95,.12),0 12px 28px rgba(0,0,0,.22),0 0 20px rgba(255,84,95,.14)!important;
}
#tradesView .premium-trade-card:before{height:4px!important;right:10px!important;left:10px!important}
#tradesView .premium-trade-card.allocation-low .allocation-hero strong,
#tradesView .premium-trade-card.allocation-low .risk-bars{color:var(--green)!important}
#tradesView .premium-trade-card.allocation-medium .allocation-hero strong,
#tradesView .premium-trade-card.allocation-medium .risk-bars{color:var(--orange)!important}
#tradesView .premium-trade-card.allocation-high .allocation-hero strong,
#tradesView .premium-trade-card.allocation-high .risk-bars{color:var(--red)!important}

/* Market value and the new price chart stay in the same rectangle */
#tradesView .premium-money-row{grid-template-columns:minmax(118px,.78fr) minmax(225px,1.42fr)!important}
#tradesView .market-with-trend{
  display:grid!important;
  grid-template-columns:minmax(86px,.7fr) minmax(122px,1.3fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  padding:4px 5px!important;
}
#tradesView .market-value-mini{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:7px;align-items:center;min-width:0
}
#tradesView .market-value-mini .money-icon{width:33px;height:33px;font-size:18px}
#tradesView .market-value-mini small{font-size:8px!important}
#tradesView .market-value-mini b{font-size:15px!important}
#tradesView .market-value-mini em{font-size:8px!important}
#tradesView .trade-trend-mini{
  min-width:0;padding:3px 5px 1px;border-right:1px solid var(--line)
}
#tradesView .trade-trend-head{
  display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:1px;white-space:nowrap
}
#tradesView .trade-trend-head span{color:var(--muted);font-size:7.5px;font-weight:800}
#tradesView .trade-trend-head b{font-size:8.5px;font-weight:950}
#tradesView .trade-trend-mini.up .trade-trend-head b{color:var(--green)}
#tradesView .trade-trend-mini.down .trade-trend-head b{color:var(--red)}
#tradesView .trade-trend-mini.flat .trade-trend-head b{color:var(--orange)}
#tradesView .trade-price-chart{display:block;width:100%;height:68px}
#tradesView .trade-chart-levels{
  display:flex;justify-content:center;gap:7px;align-items:center;margin-top:-1px;direction:rtl
}
#tradesView .trade-chart-levels span{font-size:7px;font-weight:900}
#tradesView .trade-chart-levels .break{color:#559cff}
#tradesView .trade-chart-levels .goal{color:var(--green)}
#tradesView .trade-chart-levels .second{color:#8bea73}

/* Target markers for 10% and 20% */
#tradesView .target-title{display:flex!important;align-items:center;justify-content:center;gap:4px}
#tradesView .target-marker{
  width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid rgba(32,215,120,.45);
  border-radius:50%;background:rgba(32,215,120,.09);color:var(--green);font-style:normal;font-size:12px;font-weight:950
}

@media(max-width:1650px){
  #tradesView .trade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
  #tradesView .premium-money-row{grid-template-columns:1fr!important}
  #tradesView .market-with-trend{grid-template-columns:minmax(90px,.7fr) minmax(150px,1.3fr)!important;border-top:1px solid var(--line);border-right:0!important}
}
@media(max-width:520px){
  #tradesView .market-with-trend{grid-template-columns:1fr!important}
  #tradesView .trade-trend-mini{border-right:0;border-top:1px solid var(--line);padding-top:6px}
}

/* =========================================================
   V4.9.4 — working price trend + compact readability
   ========================================================= */
/* Compact the approved card without changing its structure */
#tradesView .premium-trade-card{padding:8px!important;border-width:2.5px!important}
#tradesView .premium-trade-head{min-height:47px!important;padding:2px 2px 5px!important}
#tradesView .trade-identity .ticker-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
#tradesView .trade-identity h3{font-size:18px!important}
#tradesView .premium-money-row{padding:5px!important;gap:5px!important}
#tradesView .premium-stats-row{margin-top:5px!important;padding:5px 2px!important}
#tradesView .premium-result-row{margin-top:5px!important;padding:6px 3px!important}
#tradesView .premium-card-footer{margin-top:5px!important;padding:6px 7px!important}
#tradesView .reinforcement-panel{margin-top:5px!important;padding:7px!important}

/* More readable text, especially reinforcement details */
#tradesView .premium-trade-card span{font-weight:800}
#tradesView .premium-money-box small,#tradesView .premium-stats-row span,#tradesView .premium-result-row span{font-size:8.8px!important}
#tradesView .reinforcement-toggle{font-size:10.5px!important;min-height:33px!important;padding:7px 10px!important}
#tradesView .reinforcement-items>div,#tradesView .reinforcement-total{font-size:10px!important;padding:7px 8px!important}
#tradesView .note-line b{font-size:10px!important}

/* Trend title/status must be unmistakable */
#tradesView .trade-trend-head{margin-bottom:2px!important}
#tradesView .trade-trend-head span{font-size:8.5px!important}
#tradesView .trade-trend-head b{font-size:11px!important;padding:2px 6px;border-radius:999px}
#tradesView .trade-trend-mini.up .trade-trend-head b{background:rgba(32,215,120,.12)}
#tradesView .trade-trend-mini.down .trade-trend-head b{background:rgba(255,84,95,.12)}
#tradesView .trade-trend-mini.flat .trade-trend-head b{background:rgba(255,163,26,.12)}
#tradesView .trade-price-chart{height:72px!important}
#tradesView .trade-chart-levels{gap:12px!important;margin-top:0!important}
#tradesView .trade-chart-levels span{font-size:8px!important}
#tradesView .trade-chart-levels .second{display:none!important}

/* Make border and all size indicators follow the explicit position rating */
#tradesView .premium-trade-card.risk-high{--position-color:var(--red)!important;border-color:rgba(255,84,95,.95)!important;box-shadow:0 0 0 1px rgba(255,84,95,.22),0 12px 28px rgba(0,0,0,.22),0 0 22px rgba(255,84,95,.20)!important}
#tradesView .premium-trade-card.risk-medium{--position-color:var(--orange)!important;border-color:rgba(255,163,26,.94)!important;box-shadow:0 0 0 1px rgba(255,163,26,.20),0 12px 28px rgba(0,0,0,.22),0 0 21px rgba(255,163,26,.18)!important}
#tradesView .premium-trade-card.risk-low{--position-color:var(--green)!important;border-color:rgba(32,215,120,.90)!important;box-shadow:0 0 0 1px rgba(32,215,120,.18),0 12px 28px rgba(0,0,0,.22),0 0 20px rgba(32,215,120,.16)!important}
#tradesView .premium-trade-card.risk-high .allocation-hero strong,#tradesView .premium-trade-card.risk-high .risk-bars{color:var(--red)!important}
#tradesView .premium-trade-card.risk-medium .allocation-hero strong,#tradesView .premium-trade-card.risk-medium .risk-bars{color:var(--orange)!important}
#tradesView .premium-trade-card.risk-low .allocation-hero strong,#tradesView .premium-trade-card.risk-low .risk-bars{color:var(--green)!important}
#tradesView .premium-trade-card.risk-high .allocation-ring{background:conic-gradient(var(--red) calc(var(--allocation)*1%),rgba(130,150,173,.18) 0)!important}
#tradesView .premium-trade-card.risk-medium .allocation-ring{background:conic-gradient(var(--orange) calc(var(--allocation)*1%),rgba(130,150,173,.18) 0)!important}
#tradesView .premium-trade-card.risk-low .allocation-ring{background:conic-gradient(var(--green) calc(var(--allocation)*1%),rgba(130,150,173,.18) 0)!important}


/* =========================================================
   V4.9.5 — compact readability + smart breakeven colors
   Open positions only; dashboard and Yahoo engine untouched.
   ========================================================= */

/* Slightly shorter cards while keeping the approved structure */
#tradesView .premium-trade-card{
  padding:7px!important;
}
#tradesView .premium-trade-head{
  min-height:43px!important;
  padding:1px 2px 4px!important;
  gap:7px!important;
}
#tradesView .trade-identity .ticker-icon{
  width:40px!important;height:40px!important;flex-basis:40px!important;
}
#tradesView .premium-money-row{
  padding:4px!important;gap:4px!important;
}
#tradesView .premium-stats-row{
  margin-top:4px!important;padding:4px 2px!important;
}
#tradesView .premium-result-row{
  margin-top:4px!important;padding:5px 2px!important;
}
#tradesView .trade-price-chart{height:68px!important}
#tradesView .reinforcement-panel{
  margin-top:4px!important;padding:7px!important;
}

/* Make all secondary grey labels clearer, not faint */
#tradesView .premium-money-box small,
#tradesView .premium-stats-row span,
#tradesView .premium-result-row span,
#tradesView .trade-trend-head span,
#tradesView .trade-identity span{
  color:color-mix(in srgb,var(--text) 70%,var(--muted))!important;
  font-weight:850!important;
  letter-spacing:.05px;
}
#tradesView .premium-money-box small,
#tradesView .premium-stats-row span,
#tradesView .premium-result-row span{
  font-size:9.3px!important;
}
#tradesView .premium-stats-row b{font-size:13.5px!important}
#tradesView .premium-money-box b{font-size:17px!important}
#tradesView .unrealized-block strong{font-size:17px!important}

/* Saudi riyal amounts: larger, brighter and readable */
#tradesView .premium-money-box em,
#tradesView .unrealized-block small,
#tradesView .target-profit-sar{
  color:color-mix(in srgb,var(--text) 76%,var(--muted))!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
#tradesView .target-profit-sar{margin-top:4px!important}

/* Reinforcement button moved up into the header; compact but readable */
#tradesView .risk-area{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:4px!important;
}
#tradesView .risk-rating-row{
  display:flex;align-items:center;justify-content:center;gap:5px;
}
#tradesView .reinforcement-toggle{
  min-height:25px!important;
  padding:4px 7px!important;
  border-color:rgba(121,137,255,.78)!important;
  border-radius:8px!important;
  background:rgba(91,108,255,.13)!important;
  color:#a7b2ff!important;
  font-size:9.8px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 0 10px rgba(91,108,255,.10);
}
#tradesView .reinforcement-icon{font-size:11px!important;color:#a7b2ff!important}
#tradesView .reinforcement-chevron{font-size:9px!important}
#tradesView .reinforcement-toggle.open .reinforcement-chevron{transform:rotate(180deg)}
#tradesView .reinforcement-items>div,
#tradesView .reinforcement-total{
  font-size:10.5px!important;
  padding:7px 8px!important;
}

/* No notes/footer box: the card ends cleanly unless reinforcement is expanded */
#tradesView .premium-card-footer,
#tradesView .note-line{display:none!important}

/* Breakeven colors are independent from position-size border colors */
#tradesView .breakeven-block strong.good{color:var(--green)!important}
#tradesView .breakeven-block strong.warn{color:var(--orange)!important}
#tradesView .breakeven-block strong.bad{color:var(--red)!important}
#tradesView .breakeven-track i.good{
  background:var(--green)!important;
  box-shadow:0 0 8px rgba(32,215,120,.35);
}
#tradesView .breakeven-track i.warn{
  background:var(--orange)!important;
  box-shadow:0 0 8px rgba(255,163,26,.30);
}
#tradesView .breakeven-track i.bad{
  background:var(--red)!important;
  box-shadow:0 0 8px rgba(255,84,95,.30);
}
#tradesView .breakeven-block strong{
  font-size:17px!important;
  font-weight:950!important;
}
#tradesView .breakeven-track{
  height:6px!important;
  margin-top:8px!important;
}

@media(max-width:560px){
  #tradesView .risk-area{align-items:flex-end!important}
}


/* =========================================================
   V4.9.6 — final open-position header and chart balance
   Open positions only; dashboard and Yahoo import untouched.
   ========================================================= */

/* Header: ticker at right, reinforcement beside it, rating centred, allocation at left */
#tradesView .premium-trade-head{
  grid-template-columns:minmax(128px,1fr) auto auto minmax(122px,.72fr)!important;
  column-gap:9px!important;
}
#tradesView .reinforcement-slot{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
#tradesView .reinforcement-slot:empty{display:none}
#tradesView .risk-area{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
}
#tradesView .risk-rating-row{gap:7px!important}

/* Mobile-style ascending signal towers */
#tradesView .risk-towers{
  display:inline-flex;
  align-items:flex-end;
  justify-content:center;
  gap:2.5px;
  width:31px;
  height:20px;
  direction:ltr;
}
#tradesView .risk-towers i{
  display:block;
  width:4px;
  border-radius:2px 2px 1px 1px;
  background:rgba(130,150,173,.22);
  box-shadow:none;
}
#tradesView .risk-towers i:nth-child(1){height:6px}
#tradesView .risk-towers i:nth-child(2){height:10px}
#tradesView .risk-towers i:nth-child(3){height:14px}
#tradesView .risk-towers i:nth-child(4){height:18px}
#tradesView .risk-towers.low i.active{background:var(--green);box-shadow:0 0 6px rgba(32,215,120,.28)}
#tradesView .risk-towers.medium i.active{background:var(--orange);box-shadow:0 0 6px rgba(255,163,26,.26)}
#tradesView .risk-towers.high i.active{background:var(--red);box-shadow:0 0 6px rgba(255,84,95,.26)}
#tradesView .risk-bars{display:none!important}

/* Give more room to the chart and slightly reduce the full-cost box */
#tradesView .premium-money-row{
  grid-template-columns:minmax(104px,.56fr) minmax(265px,1.74fr)!important;
}
#tradesView .market-with-trend{
  grid-template-columns:minmax(80px,.52fr) minmax(190px,1.72fr)!important;
  gap:6px!important;
}
#tradesView .cost{
  grid-template-columns:31px minmax(0,1fr)!important;
  gap:6px!important;
  padding-inline:3px!important;
}
#tradesView .cost .money-icon{width:29px!important;height:29px!important;font-size:17px!important}
#tradesView .cost b{font-size:16px!important}
#tradesView .cost em{font-size:10px!important}

/* Trend status is centred; update count moves to the bottom legend */
#tradesView .trade-trend-mini{padding-inline:7px!important}
#tradesView .trade-trend-head{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:22px;
  text-align:center;
  white-space:nowrap;
}
#tradesView .trade-trend-head b{
  min-width:112px;
  text-align:center;
  font-size:12px!important;
  padding:3px 9px!important;
}
#tradesView .trade-price-chart{height:79px!important}
#tradesView .trade-chart-levels{
  gap:10px!important;
  min-height:15px;
  margin-top:1px!important;
}
#tradesView .trade-chart-levels span{font-size:8.4px!important}
#tradesView .trade-chart-levels .updates{
  color:color-mix(in srgb,var(--text) 68%,var(--muted));
  font-weight:850;
}

@media(max-width:850px){
  #tradesView .premium-money-row{grid-template-columns:1fr!important}
  #tradesView .market-with-trend{grid-template-columns:minmax(86px,.55fr) minmax(180px,1.7fr)!important}
}
@media(max-width:620px){
  #tradesView .premium-trade-head{grid-template-columns:minmax(0,1fr) auto!important}
  #tradesView .reinforcement-slot{grid-column:1;grid-row:2;justify-content:flex-start}
  #tradesView .risk-area{grid-column:2;grid-row:2}
  #tradesView .allocation-hero{grid-column:1/-1!important}
}
@media(max-width:520px){
  #tradesView .market-with-trend{grid-template-columns:1fr!important}
  #tradesView .trade-price-chart{height:88px!important}
}


/* =========================================================
   V4.9.7 — locked header positions + balanced market/chart row
   Open positions only; dashboard, Yahoo import and calculations untouched.
   ========================================================= */

/* Three stable header zones: identity/reinforcement, risk, allocation. */
#tradesView .premium-trade-head{
  grid-template-columns:minmax(235px,1fr) 108px 142px!important;
  column-gap:10px!important;
  align-items:center!important;
}
#tradesView .identity-reinforcement-group{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
#tradesView .identity-reinforcement-group .trade-identity{
  flex:1 1 auto;
  min-width:118px;
}
#tradesView .reinforcement-slot{
  display:flex!important;
  flex:0 0 108px;
  width:108px;
  min-width:108px;
  min-height:27px;
  align-items:center;
  justify-content:flex-start!important;
}
/* Reserve the same place when there is no reinforcement, while showing nothing. */
#tradesView .reinforcement-slot:empty{
  display:flex!important;
  visibility:hidden;
  pointer-events:none;
}
#tradesView .reinforcement-toggle{
  width:108px!important;
  max-width:108px!important;
  justify-content:center!important;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Risk label, towers and allocation percentage stay in identical positions on every card. */
#tradesView .risk-area{
  width:108px!important;
  min-width:108px!important;
  justify-content:center!important;
}
#tradesView .risk-rating-row{
  display:grid!important;
  grid-template-columns:48px 34px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:89px!important;
}
#tradesView .risk-area .risk-badge{
  box-sizing:border-box;
  width:48px!important;
  min-width:48px!important;
  padding:5px 3px!important;
  text-align:center!important;
  white-space:nowrap;
}
#tradesView .risk-towers{
  width:34px!important;
  min-width:34px!important;
}
#tradesView .allocation-hero{
  box-sizing:border-box;
  width:142px!important;
  min-width:142px!important;
  padding-left:41px!important;
}
#tradesView .allocation-hero span,
#tradesView .allocation-hero strong{
  white-space:nowrap;
}

/* Rebalance the full-cost box, market-value box and chart. */
#tradesView .premium-money-row{
  grid-template-columns:minmax(126px,.70fr) minmax(332px,1.72fr)!important;
  align-items:stretch!important;
}
#tradesView .market-with-trend{
  grid-template-columns:minmax(148px,.92fr) minmax(194px,1.28fr)!important;
  gap:7px!important;
  min-width:0;
  overflow:hidden;
}
#tradesView .market-value-mini{
  grid-template-columns:31px minmax(108px,1fr)!important;
  gap:7px!important;
  min-width:0;
  padding-inline:2px;
  overflow:visible;
}
#tradesView .market-value-mini>div{
  min-width:0;
}
#tradesView .market-value-mini b,
#tradesView .market-value-mini em{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
}
#tradesView .market-value-mini b{
  font-size:16px!important;
}
#tradesView .market-value-mini em{
  font-size:10px!important;
}
#tradesView .trade-trend-mini{
  min-width:0;
  overflow:hidden;
}
#tradesView .trade-price-chart{
  min-width:0;
}

@media(max-width:1180px) and (min-width:851px){
  #tradesView .premium-trade-head{
    grid-template-columns:minmax(220px,1fr) 104px 138px!important;
  }
  #tradesView .reinforcement-slot,
  #tradesView .reinforcement-toggle{
    width:104px!important;
    min-width:104px!important;
    flex-basis:104px!important;
  }
  #tradesView .risk-area{width:104px!important;min-width:104px!important}
  #tradesView .allocation-hero{width:138px!important;min-width:138px!important}
  #tradesView .premium-money-row{
    grid-template-columns:minmax(120px,.72fr) minmax(310px,1.68fr)!important;
  }
  #tradesView .market-with-trend{
    grid-template-columns:minmax(142px,.92fr) minmax(178px,1.18fr)!important;
  }
}

@media(max-width:850px){
  #tradesView .premium-trade-head{
    grid-template-columns:minmax(220px,1fr) 108px 142px!important;
  }
  #tradesView .premium-money-row{grid-template-columns:1fr!important}
  #tradesView .market-with-trend{
    grid-template-columns:minmax(148px,.92fr) minmax(194px,1.28fr)!important;
  }
}

@media(max-width:620px){
  #tradesView .premium-trade-head{
    grid-template-columns:1fr 108px!important;
  }
  #tradesView .identity-reinforcement-group{
    grid-column:1/-1;
  }
  #tradesView .risk-area{
    grid-column:1;
    grid-row:2;
    justify-self:start;
  }
  #tradesView .allocation-hero{
    grid-column:2;
    grid-row:2;
    justify-self:end;
  }
}

@media(max-width:520px){
  #tradesView .identity-reinforcement-group{
    gap:7px;
  }
  #tradesView .reinforcement-slot,
  #tradesView .reinforcement-toggle{
    width:102px!important;
    min-width:102px!important;
    flex-basis:102px!important;
  }
  #tradesView .market-with-trend{grid-template-columns:1fr!important}
  #tradesView .market-value-mini{
    grid-template-columns:34px minmax(0,1fr)!important;
  }
}

/* V4.10.0 — Performance Pro */
#performanceView{--perf-card:#0f1825;--perf-border:#26384c}
.performance-pro-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,.75fr);gap:14px;margin:14px 0}
.performance-equity-card,.performance-insights .insight-card{background:linear-gradient(155deg,rgba(18,29,43,.98),rgba(10,18,29,.98));border:1px solid var(--perf-border);border-radius:15px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.performance-equity-card{padding:16px 18px 13px;min-width:0}
.performance-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.performance-card-head h3{margin:3px 0 0;font-size:16px}.performance-card-head .eyebrow{font-size:10px;color:#8fa3b8;font-weight:800}
.trend-badge{padding:6px 10px;border-radius:999px;background:#122438;color:#72c8ff;font-size:11px;font-weight:900;white-space:nowrap}
.trend-badge.up{background:rgba(44,203,139,.12);color:#42d99a}.trend-badge.down{background:rgba(255,91,103,.12);color:#ff717d}
.performance-chart-wrap{height:245px;position:relative;min-width:0}.performance-chart-wrap canvas{width:100%;height:100%;display:block}
.performance-chart-legend{display:flex;gap:18px;align-items:center;justify-content:center;color:#8fa3b8;font-size:10px;margin-top:7px;flex-wrap:wrap}
.performance-chart-legend span{display:flex;align-items:center;gap:6px}.legend-line{width:20px;height:2px;background:#4fb6ff;border-radius:3px}.legend-dot{width:7px;height:7px;border-radius:50%}.legend-dot.win{background:#35d492}.legend-dot.loss{background:#ff6672}
.performance-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.performance-insights .insight-card{padding:13px 14px;min-height:98px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}
.performance-insights .insight-card:before{content:"";position:absolute;inset-inline-start:0;top:16px;bottom:16px;width:3px;background:#4187bd;border-radius:4px}
.performance-insights .insight-card.best:before{background:#35d492}.performance-insights .insight-card.worst:before{background:#ff6672}
.insight-card span{color:#91a4b8;font-size:10px;font-weight:800}.insight-card b{font-size:16px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.insight-card small{font-size:10px;color:#8799ab;margin-top:4px}.insight-card.best small{color:#42d99a}.insight-card.worst small{color:#ff717d}
.performance-quick-filters{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0 10px}.performance-quick-filters button{border:1px solid #2a3d52;background:#101a28;color:#9db0c3;padding:7px 12px;border-radius:9px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.performance-quick-filters button:hover,.performance-quick-filters button.active{border-color:#278ed7;background:rgba(39,142,215,.13);color:#61c3ff}
#performanceView .performance-summary{margin:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#performanceView .performance-summary .box{min-height:74px;padding:12px 14px;border-radius:12px}
#performanceView .performance-summary .box b{font-size:18px;margin-top:5px}
#performanceView .performance-filters{margin-top:0;grid-template-columns:minmax(220px,1.7fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(150px,.9fr) auto;gap:8px}
.performance-outcome{display:inline-flex;align-items:center;border:1px solid #31445a;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;margin-inline-end:7px;white-space:nowrap}.performance-outcome.target20{color:#40db98;border-color:rgba(64,219,152,.35);background:rgba(64,219,152,.08)}.performance-outcome.target10{color:#70d8ff;border-color:rgba(112,216,255,.35);background:rgba(112,216,255,.08)}.performance-outcome.breakEven{color:#f0b454;border-color:rgba(240,180,84,.35);background:rgba(240,180,84,.08)}.performance-outcome.loss{color:#ff7b85;border-color:rgba(255,123,133,.35);background:rgba(255,123,133,.08)}
#performanceView .performance-table th,#performanceView .performance-table td{padding:11px 12px}#performanceView .performance-note{font-size:11px}.performance-table tbody tr{transition:background .15s}
@media(max-width:980px){.performance-pro-grid{grid-template-columns:1fr}.performance-insights{grid-template-columns:repeat(4,1fr)}#performanceView .performance-filters{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.performance-insights{grid-template-columns:1fr 1fr}.performance-chart-wrap{height:215px}#performanceView .performance-summary{grid-template-columns:1fr 1fr}.performance-quick-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.performance-quick-filters button{flex:none}#performanceView .performance-filters{grid-template-columns:1fr}}

/* V4.10.2 — Interactive performance equity chart */
.performance-chart-wrap{overflow:visible}
#performanceEquityChart{cursor:crosshair}
.performance-hover-tooltip{position:absolute;z-index:30;min-width:178px;padding:12px 14px;border:1px solid rgba(112,139,165,.55);border-radius:12px;background:rgba(10,18,28,.96);box-shadow:0 14px 34px rgba(0,0,0,.38);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .14s ease,transform .14s ease;text-align:center;direction:rtl}
.performance-hover-tooltip.show{opacity:1;transform:translateY(0)}
.pht-cumulative span{display:block;color:#9fb0c1;font-size:11px;font-weight:800;margin-bottom:3px}.pht-cumulative b{display:block;color:#eef6ff;font-size:17px;font-weight:950;direction:ltr}.pht-divider{height:1px;background:rgba(135,157,179,.22);margin:9px 0}.pht-ticker{color:#f4f8fc;font-size:13px;font-weight:950;direction:ltr;margin-bottom:4px}.pht-value{font-size:18px;font-weight:950;direction:ltr}.pht-sar{font-size:12px;font-weight:850;margin-top:2px}.pht-percent{display:inline-block;margin-top:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:950;direction:ltr}.pht-value.positive,.pht-sar.positive,.pht-percent.positive{color:#39dc94}.pht-value.negative,.pht-sar.negative,.pht-percent.negative{color:#ff6674}.pht-percent.positive{background:rgba(57,220,148,.12);border:1px solid rgba(57,220,148,.28)}.pht-percent.negative{background:rgba(255,102,116,.12);border:1px solid rgba(255,102,116,.28)}


/* V4.10.3 — Performance visual polish */
#performanceView .performance-insights{
  gap:12px;
}
#performanceView .performance-insights .insight-card{
  min-height:132px;
  padding:14px 12px 13px;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:3px;
  isolation:isolate;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#performanceView .performance-insights .insight-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
#performanceView .performance-insights .insight-card:before{
  inset-inline-start:0;
  top:0;
  bottom:auto;
  width:100%;
  height:3px;
  border-radius:15px 15px 0 0;
}
#performanceView .performance-insights .insight-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.32;
  pointer-events:none;
}
#performanceView .performance-insights .insight-card.best,
#performanceView .performance-insights .insight-card.average-win{
  border-color:rgba(57,220,148,.38);
}
#performanceView .performance-insights .insight-card.worst,
#performanceView .performance-insights .insight-card.average-loss{
  border-color:rgba(255,102,116,.38);
}
#performanceView .performance-insights .insight-card.best:before,
#performanceView .performance-insights .insight-card.average-win:before{background:#39dc94}
#performanceView .performance-insights .insight-card.worst:before,
#performanceView .performance-insights .insight-card.average-loss:before{background:#ff6674}
#performanceView .performance-insights .insight-card.best:after,
#performanceView .performance-insights .insight-card.average-win:after{
  background:radial-gradient(circle at 50% 0,rgba(57,220,148,.17),transparent 62%);
}
#performanceView .performance-insights .insight-card.worst:after,
#performanceView .performance-insights .insight-card.average-loss:after{
  background:radial-gradient(circle at 50% 0,rgba(255,102,116,.16),transparent 62%);
}
#performanceView .insight-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  margin-bottom:2px;
  font-size:16px;
  line-height:1;
  font-weight:950;
  border:1px solid currentColor;
  background:rgba(255,255,255,.035);
}
#performanceView .best .insight-icon,
#performanceView .average-win .insight-icon{color:#39dc94;background:rgba(57,220,148,.1)}
#performanceView .worst .insight-icon,
#performanceView .average-loss .insight-icon{color:#ff6674;background:rgba(255,102,116,.1)}
#performanceView .insight-label{
  color:#c4d0dc;
  font-size:12px;
  font-weight:900;
  line-height:1.25;
}
#performanceView .insight-card .insight-ticker{
  width:100%;
  margin-top:3px;
  color:#f4f8fc;
  font-size:15px;
  line-height:1.18;
  font-weight:950;
  direction:ltr;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#performanceView .insight-card .insight-usd{
  display:block;
  margin-top:3px;
  font-size:19px;
  line-height:1.1;
  font-weight:950;
  direction:ltr;
  white-space:nowrap;
}
#performanceView .insight-card.best .insight-usd,
#performanceView .insight-card.average-win .insight-usd{color:#39dc94}
#performanceView .insight-card.worst .insight-usd,
#performanceView .insight-card.average-loss .insight-usd{color:#ff6674}
#performanceView .insight-card .insight-sar{
  display:block;
  margin-top:2px;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  direction:ltr;
  white-space:nowrap;
}
#performanceView .insight-card.best .insight-sar,
#performanceView .insight-card.average-win .insight-sar{color:rgba(57,220,148,.88)}
#performanceView .insight-card.worst .insight-sar,
#performanceView .insight-card.average-loss .insight-sar{color:rgba(255,102,116,.9)}

#performanceView .performance-summary{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:2px;
}
#performanceView .performance-summary .box{
  min-height:90px;
  padding:14px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-color:#2a3d52;
  background:linear-gradient(150deg,rgba(18,29,43,.98),rgba(10,18,29,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.14);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
#performanceView .performance-summary .box:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 30px rgba(0,0,0,.22);
}
#performanceView .performance-summary .summary-icon{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:11px;
  display:grid;
  place-items:center;
  font-size:17px;
  font-weight:950;
  color:#69c6ff;
  border:1px solid rgba(105,198,255,.34);
  background:rgba(105,198,255,.09);
}
#performanceView .performance-summary .box.gold .summary-icon{color:#ffb13b;border-color:rgba(255,177,59,.35);background:rgba(255,177,59,.09)}
#performanceView .performance-summary .box.good .summary-icon{color:#39dc94;border-color:rgba(57,220,148,.35);background:rgba(57,220,148,.09)}
#performanceView .performance-summary .box.bad .summary-icon{color:#ff6674;border-color:rgba(255,102,116,.35);background:rgba(255,102,116,.09)}
#performanceView .performance-summary .summary-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
#performanceView .performance-summary .box span:not(.summary-icon){
  color:#bdc9d5;
  font-size:12px;
  font-weight:850;
}
#performanceView .performance-summary .box b{
  margin-top:4px;
  font-size:21px;
  line-height:1.05;
  font-weight:950;
  direction:ltr;
}
#performanceView .performance-summary .box small{
  display:block;
  margin-top:4px;
  color:#879bad;
  font-size:11px;
  font-weight:800;
  direction:rtl;
  white-space:nowrap;
}
#performanceView .performance-summary .box.good small{color:rgba(57,220,148,.84);direction:ltr}
#performanceView .performance-summary .box.bad small{color:rgba(255,102,116,.86);direction:ltr}
#performanceView .performance-summary .box.gold small{color:rgba(255,177,59,.85)}

#performanceView .legend-line{
  height:3px;
  background:linear-gradient(90deg,#ff6674 0 48%,#39dc94 52% 100%);
}
#performanceView .performance-hover-tooltip{
  min-width:154px;
  padding:9px 11px;
  border-radius:10px;
}
#performanceView .pht-cumulative span{font-size:10px;margin-bottom:2px}
#performanceView .pht-cumulative b{font-size:15px}
#performanceView .pht-cumulative b.positive{color:#39dc94}
#performanceView .pht-cumulative b.negative{color:#ff6674}
#performanceView .pht-divider{margin:7px 0}
#performanceView .pht-ticker{font-size:12px;margin-bottom:3px}
#performanceView .pht-value{font-size:16px}
#performanceView .pht-sar{font-size:11px;margin-top:1px}
#performanceView .pht-percent{margin-top:5px;padding:2px 7px;font-size:10px}

@media(max-width:980px){
  #performanceView .performance-insights .insight-card{min-height:122px}
  #performanceView .performance-summary .box{min-height:86px}
}
@media(max-width:650px){
  #performanceView .performance-summary{grid-template-columns:1fr 1fr;gap:9px}
  #performanceView .performance-summary .box{padding:12px 11px;gap:9px}
  #performanceView .performance-summary .box b{font-size:18px}
  #performanceView .performance-summary .summary-icon{width:30px;height:30px;flex-basis:30px;font-size:15px}
}


/* V4.10.4 — Professional closed trades */
#performanceView .closed-trades-pro{margin-top:14px;border-radius:15px}
#performanceView .closed-trades-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px 11px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
#performanceView .closed-trades-head h3{margin:3px 0 0;font-size:16px;font-weight:950}
#performanceView .closed-trades-hint{color:var(--muted);font-size:11px;font-weight:850}
#performanceView .closed-trades-table{min-width:920px;table-layout:fixed}
#performanceView .closed-trades-table th:nth-child(1){width:15%}
#performanceView .closed-trades-table th:nth-child(2){width:24%}
#performanceView .closed-trades-table th:nth-child(3){width:15%;text-align:center}
#performanceView .closed-trades-table th:nth-child(4){width:22%}
#performanceView .closed-trades-table th:nth-child(5){width:24%}
#performanceView .closed-trades-table th,#performanceView .closed-trades-table td{padding:10px 12px;vertical-align:middle}
#performanceView .closed-trades-table tbody tr{height:82px}
#performanceView .closed-symbol-cell{white-space:nowrap}
#performanceView .closed-symbol-cell small{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:750}
#performanceView .trade-leg{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;align-items:center;min-width:0}
#performanceView .trade-leg-label{grid-row:1/3;display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:11px;font-size:10px;font-weight:950}
#performanceView .trade-leg.buy .trade-leg-label{color:#52dca0;background:rgba(64,219,152,.1);border:1px solid rgba(64,219,152,.25)}
#performanceView .trade-leg.sell .trade-leg-label{color:#70d8ff;background:rgba(112,216,255,.09);border:1px solid rgba(112,216,255,.23)}
#performanceView .trade-leg b{font-size:14px;font-weight:950;direction:ltr;text-align:right}
#performanceView .trade-leg small{color:#b7c4d4;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#performanceView .trade-leg em{grid-column:2;color:var(--muted);font-size:9px;font-style:normal;font-weight:750}
#performanceView .holding-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:95px;padding:8px 10px;border-radius:999px;border:1px solid;font-size:11px;font-weight:950;white-space:nowrap}
#performanceView .holding-badge i{font-style:normal;font-size:13px}
#performanceView .holding-badge.fast{color:#45df9c;background:rgba(69,223,156,.09);border-color:rgba(69,223,156,.3)}
#performanceView .holding-badge.day{color:#62cfff;background:rgba(98,207,255,.09);border-color:rgba(98,207,255,.3)}
#performanceView .holding-badge.short{color:#f3c45b;background:rgba(243,196,91,.09);border-color:rgba(243,196,91,.3)}
#performanceView .holding-badge.medium{color:#f09a54;background:rgba(240,154,84,.09);border-color:rgba(240,154,84,.3)}
#performanceView .holding-badge.long{color:#ff7b85;background:rgba(255,123,133,.08);border-color:rgba(255,123,133,.27)}
#performanceView .holding-badge.muted{color:var(--muted);background:rgba(255,255,255,.025);border-color:var(--line)}
#performanceView .closed-result{display:flex;flex-direction:column;align-items:flex-start;gap:2px;direction:ltr}
#performanceView .closed-result b{font-size:15px;font-weight:950}
#performanceView .closed-result small{font-size:11px;font-weight:900;opacity:.82}
#performanceView .closed-result strong{display:inline-flex;margin-top:3px;padding:3px 7px;border-radius:8px;font-size:11px;font-weight:950}
#performanceView .closed-result.win b,#performanceView .closed-result.win small,#performanceView .closed-result.win strong{color:var(--green)}
#performanceView .closed-result.loss b,#performanceView .closed-result.loss small,#performanceView .closed-result.loss strong{color:var(--red)}
#performanceView .closed-result.win strong{background:rgba(64,219,152,.09)}
#performanceView .closed-result.loss strong{background:rgba(255,123,133,.09)}
#performanceView .closed-trades-table tr.win td:first-child{border-right:3px solid var(--green)}
#performanceView .closed-trades-table tr.loss td:first-child{border-right:3px solid var(--red)}
@media(max-width:760px){#performanceView .closed-trades-head{align-items:flex-start;flex-direction:column}.closed-trades-hint{display:none}}

/* V4.10.5 — Closed trades data + locked layout */
#performanceView .closed-trades-table{min-width:1040px}
#performanceView .closed-trades-table th:nth-child(1){width:14%}
#performanceView .closed-trades-table th:nth-child(2){width:25%}
#performanceView .closed-trades-table th:nth-child(3){width:14%;text-align:center}
#performanceView .closed-trades-table th:nth-child(4){width:25%}
#performanceView .closed-trades-table th:nth-child(5){width:22%;text-align:center}
#performanceView .closed-result{align-items:center;text-align:center;min-width:118px}
#performanceView .closed-trades-table td:last-child{padding-left:24px;padding-right:18px}
#performanceView .symbol-line{display:flex;align-items:center;gap:7px;min-height:28px}
#performanceView .trade-meta{position:relative;display:inline-flex}
#performanceView .trade-meta summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;border:1px solid rgba(243,177,70,.34);background:rgba(243,177,70,.1);color:#f3b146;font-size:14px;font-weight:950;cursor:pointer;user-select:none}
#performanceView .trade-meta summary::-webkit-details-marker{display:none}
#performanceView .trade-meta-pop{position:absolute;z-index:30;top:31px;right:0;min-width:190px;display:grid;gap:5px;padding:10px;border-radius:11px;border:1px solid rgba(243,177,70,.28);background:#111a27;box-shadow:0 15px 35px rgba(0,0,0,.38);font-size:10px;font-weight:800;color:#c7d4e4}
#performanceView .trade-meta-pop b{font-size:11px;color:#f3b146}
#performanceView .trade-meta-pop span{direction:rtl;white-space:nowrap}
#performanceView .reimport-hint{grid-column:2;color:#f3b146!important;font-size:8px!important;white-space:normal!important;line-height:1.35}
#performanceView .trade-leg{grid-template-columns:40px minmax(115px,1fr)}
#performanceView .trade-leg b{font-size:15px}
#performanceView .trade-leg small{font-size:10.5px}
#performanceView .holding-badge.muted{color:#f3b146;border-color:rgba(243,177,70,.28);background:rgba(243,177,70,.07)}


/* V4.10.6 — Compact closed trades, fixed dates and advanced filters */
#performanceView .performance-filters-pro{
  grid-template-columns:minmax(230px,1.35fr) repeat(5,minmax(125px,.72fr)) auto;
  align-items:center;
}
#performanceView .closed-trades-table{min-width:990px}
#performanceView .closed-trades-table th:nth-child(1){width:18%}
#performanceView .closed-trades-table th:nth-child(2){width:24%}
#performanceView .closed-trades-table th:nth-child(3){width:13%;text-align:center}
#performanceView .closed-trades-table th:nth-child(4){width:24%}
#performanceView .closed-trades-table th:nth-child(5){width:21%;text-align:center}
#performanceView .closed-trades-table th,
#performanceView .closed-trades-table td{padding:7px 9px}
#performanceView .closed-trades-table tbody tr{height:66px}
#performanceView .closed-symbol-cell{padding-right:12px!important}
#performanceView .symbol-line{gap:6px;min-height:32px}
#performanceView .performance-ticker.ticker-card{
  min-width:72px;height:34px;padding:0 13px;border-radius:10px;
  font-size:13px;font-weight:950;letter-spacing:.5px;
  color:#f4f8ff;background:linear-gradient(135deg,rgba(21,151,255,.2),rgba(165,80,255,.16));
  border:1px solid rgba(102,190,255,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)
}
#performanceView .symbol-entry-moment{
  display:flex!important;align-items:center;gap:5px;margin-top:3px!important;
  color:#c0ccdb!important;font-size:9.5px!important;direction:rtl
}
#performanceView .symbol-entry-moment span{color:#68d6aa;font-weight:900}
#performanceView .trade-leg.trade-leg-compact{
  display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;
  gap:2px 7px;align-items:center
}
#performanceView .trade-leg.trade-leg-compact .trade-leg-label{
  grid-row:1/4;width:34px;height:34px;border-radius:9px;font-size:9.5px
}
#performanceView .trade-main-line{
  grid-column:2;display:flex;align-items:center;gap:8px;min-width:0;direction:rtl
}
#performanceView .trade-main-line b{font-size:14px;direction:ltr;white-space:nowrap}
#performanceView .qty-chip{
  display:inline-flex;align-items:center;padding:3px 7px;border-radius:7px;
  color:#d6e0ec;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);
  font-size:9.5px;font-weight:850;white-space:nowrap
}
#performanceView .trade-order-value{
  grid-column:2;display:flex!important;align-items:center;gap:5px;
  color:#9eacbd!important;font-size:9.5px!important;overflow:visible!important;text-overflow:clip!important
}
#performanceView .trade-order-value strong{color:#d9e4ef;font-size:10px;font-weight:900;direction:ltr}
#performanceView .sell-moment{
  grid-column:2!important;color:#8fa0b4!important;font-size:9px!important;
  font-style:normal;direction:rtl
}
#performanceView .holding-badge{min-width:82px;padding:6px 8px;font-size:10.5px}
#performanceView .closed-result{min-width:104px;gap:1px}
#performanceView .closed-result b{font-size:14px}
#performanceView .closed-result small{font-size:10px}
#performanceView .closed-result strong{margin-top:2px;padding:2px 6px;font-size:10px}
#performanceView .closed-trades-table td:last-child{padding-left:12px;padding-right:10px}
@media(max-width:1280px){
  #performanceView .performance-filters-pro{grid-template-columns:1.4fr repeat(3,1fr);}
  #performanceView .performance-filters-pro .clear-filter{grid-column:auto}
}
@media(max-width:760px){
  #performanceView .performance-filters-pro{grid-template-columns:1fr 1fr}
  #performanceView .performance-filters-pro #performanceSearch{grid-column:1/-1}
}

#performanceView .closed-trades-table th{cursor:default}


/* V4.10.7 — Performance details + Profit Calculator polish */
#performanceView .insight-count{
  display:block;margin-top:5px;color:var(--muted);font-size:9px;font-style:normal;font-weight:850
}
#performanceView .closed-trades-table{min-width:1180px}
#performanceView .closed-trades-table th:nth-child(1){width:11%}
#performanceView .closed-trades-table th:nth-child(2){width:29%}
#performanceView .closed-trades-table th:nth-child(3){width:29%}
#performanceView .closed-trades-table th:nth-child(4){width:16%;text-align:center}
#performanceView .closed-trades-table th:nth-child(5){width:15%;text-align:center}
#performanceView .closed-trades-table th,
#performanceView .closed-trades-table td{padding:8px 8px}
#performanceView .closed-trades-table tbody tr{height:94px}
#performanceView .closed-symbol-cell{padding-right:12px!important}
#performanceView .symbol-line{justify-content:flex-start;align-items:center}
#performanceView .performance-ticker.ticker-card{min-width:76px;height:38px;font-size:14px}
#performanceView .trade-leg-card{
  border:1px solid var(--line);border-radius:12px;padding:8px 9px;
  background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
  min-width:0
}
#performanceView .trade-leg-card.buy{border-color:rgba(57,220,148,.25);box-shadow:inset 3px 0 0 rgba(57,220,148,.55)}
#performanceView .trade-leg-card.sell{border-color:rgba(255,102,116,.24);box-shadow:inset 3px 0 0 rgba(255,102,116,.55)}
#performanceView .trade-leg-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
#performanceView .trade-leg-card-head time{color:#9dadbf;font-size:9px;font-weight:800;direction:ltr;white-space:nowrap}
#performanceView .trade-action-badge{
  display:inline-flex;align-items:center;justify-content:center;min-width:43px;height:24px;padding:0 8px;
  border-radius:7px;font-size:10px;font-weight:950;border:1px solid
}
#performanceView .trade-action-badge.buy{color:#48df9a;background:rgba(57,220,148,.1);border-color:rgba(57,220,148,.32)}
#performanceView .trade-action-badge.sell{color:#ff7581;background:rgba(255,102,116,.1);border-color:rgba(255,102,116,.32)}
#performanceView .trade-leg-metrics{display:grid;grid-template-columns:1fr 1.22fr .82fr;gap:7px;align-items:stretch}
#performanceView .trade-leg-metrics>div{
  min-width:0;padding:5px 6px;border-radius:8px;background:rgba(2,8,16,.24);border:1px solid rgba(255,255,255,.045)
}
#performanceView .trade-leg-metrics span{display:block;color:#91a1b4;font-size:8.5px;font-weight:800;white-space:nowrap}
#performanceView .trade-leg-metrics b{display:block;margin-top:3px;color:#edf4fc;font-size:12px;font-weight:950;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#performanceView .trade-leg-metrics small{display:block;margin-top:2px;color:#9aaabd;font-size:8px;font-weight:850;direction:ltr;white-space:nowrap}
#performanceView .result-card{
  min-width:120px;align-items:center!important;justify-content:center;padding:8px 7px;border-radius:11px;
  border:1px solid;background:rgba(255,255,255,.02)
}
#performanceView .result-card>span{color:#9cacbf;font-size:8.5px;font-weight:850;direction:rtl}
#performanceView .result-card.win{border-color:rgba(57,220,148,.24);background:rgba(57,220,148,.045)}
#performanceView .result-card.loss{border-color:rgba(255,102,116,.24);background:rgba(255,102,116,.045)}
#performanceView .result-card b{font-size:16px!important;line-height:1.2}
#performanceView .result-card small{font-size:10.5px!important}
#performanceView .result-card strong{font-size:10.5px!important}
#performanceView .holding-card{
  min-width:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:9px 8px;border-radius:11px;border:1px solid;background:rgba(255,255,255,.025);text-align:center
}
#performanceView .holding-card>span{color:#9cacbf;font-size:8.5px;font-weight:850}
#performanceView .holding-card b{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:950;white-space:nowrap}
#performanceView .holding-card b i{font-style:normal;font-size:12px}
#performanceView .holding-card small{font-size:7.5px;font-weight:750;color:#a3b0bf}
#performanceView .holding-card.fast{color:#45df9c;border-color:rgba(69,223,156,.3);background:rgba(69,223,156,.07)}
#performanceView .holding-card.day{color:#62cfff;border-color:rgba(98,207,255,.3);background:rgba(98,207,255,.07)}
#performanceView .holding-card.short{color:#f3c45b;border-color:rgba(243,196,91,.3);background:rgba(243,196,91,.07)}
#performanceView .holding-card.medium{color:#f09a54;border-color:rgba(240,154,84,.3);background:rgba(240,154,84,.07)}
#performanceView .holding-card.long{color:#ff7b85;border-color:rgba(255,123,133,.28);background:rgba(255,123,133,.06)}
#performanceView .holding-card.muted{color:#f3b146;border-color:rgba(243,177,70,.26);background:rgba(243,177,70,.06)}

.profit-calculator-card{position:relative;overflow:hidden;border-color:rgba(57,220,148,.18)}
.profit-calculator-card::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#39dc94,transparent);opacity:.75
}
.profit-calc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.profit-calc-head h3{margin:2px 0 3px;font-size:17px}
.profit-calc-head small{color:var(--muted);font-size:9.5px}
.profit-calc-kicker{color:#39dc94;font-size:9px;font-weight:950}
.profit-calc-icon{
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;
  color:#39dc94;background:rgba(57,220,148,.1);border:1px solid rgba(57,220,148,.25);font-size:22px;font-weight:950
}
.profit-calc-form{grid-template-columns:1fr 1fr}
.profit-calc-form .profit-pct-field{grid-column:1/-1}
.profit-quick-pcts{justify-content:center;margin-top:11px}
.profit-quick-pcts button{min-width:51px;font-weight:900;transition:.18s ease}
.profit-quick-pcts button:hover,.profit-quick-pcts button.active{
  color:#07140f;background:#39dc94;border-color:#39dc94;transform:translateY(-1px);box-shadow:0 6px 18px rgba(57,220,148,.18)
}
.profit-target-hero{
  margin-top:13px;padding:13px 14px;border-radius:13px;text-align:center;
  background:linear-gradient(135deg,rgba(57,220,148,.12),rgba(57,220,148,.035));border:1px solid rgba(57,220,148,.24)
}
.profit-target-hero span{display:block;color:#a9b8c8;font-size:9.5px;font-weight:850}
.profit-target-hero b{display:block;margin-top:5px;color:#39dc94;font-size:27px;font-weight:1000;direction:ltr;text-shadow:0 0 22px rgba(57,220,148,.22)}
.profit-target-hero small{display:block;margin-top:2px;color:rgba(57,220,148,.78);font-size:10px;font-weight:900;direction:ltr}
.profit-target-hero.calculated{animation:profitTargetPulse .34s ease}
@keyframes profitTargetPulse{0%{transform:scale(.985);opacity:.72}100%{transform:scale(1);opacity:1}}
.profit-calc-result{margin-top:10px}
.profit-calc-result .item{padding:10px 11px}
.profit-calc-result .item>small{display:block;margin-top:3px;color:#93a4b7;font-size:8.5px;font-weight:800;direction:ltr}
.profit-calc-result .profit-positive{border-color:rgba(57,220,148,.16);background:rgba(57,220,148,.035)}
.profit-calc-result .profit-positive b,.profit-calc-result .profit-positive>small{color:#39dc94}
@media(max-width:1280px){
  #performanceView .closed-trades-table{min-width:1120px}
  #performanceView .trade-leg-metrics{gap:5px}
}
@media(max-width:760px){
  .profit-calc-form{grid-template-columns:1fr}
  .profit-calc-form .profit-pct-field{grid-column:auto}
}


/* V4.10.8 — Calculator polish, aligned closed trades and smooth position charts */

/* Closed trades: equal-height cards, stronger typography and centered content. */
#performanceView .closed-trades-table tbody tr{height:116px}
#performanceView .closed-trades-table td{vertical-align:middle}
#performanceView .trade-leg-card,
#performanceView .result-card,
#performanceView .holding-card{
  width:100%;height:100px;min-height:100px;box-sizing:border-box;text-align:center
}
#performanceView .trade-leg-card{
  display:flex;flex-direction:column;justify-content:center;padding:9px 10px
}
#performanceView .trade-leg-card-head{
  flex-direction:column;justify-content:center;gap:4px;margin-bottom:7px;text-align:center
}
#performanceView .trade-leg-card-head time{font-size:10px;font-weight:900;color:#b5c2d0;text-align:center}
#performanceView .trade-action-badge{min-width:48px;height:25px;font-size:11px}
#performanceView .trade-leg-metrics{width:100%;gap:7px;align-items:stretch}
#performanceView .trade-leg-metrics>div{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6px 5px
}
#performanceView .trade-leg-metrics span{font-size:9.5px;font-weight:900;text-align:center}
#performanceView .trade-leg-metrics b{width:100%;font-size:13.5px;font-weight:1000;text-align:center;overflow:visible;text-overflow:clip}
#performanceView .trade-leg-metrics small{font-size:10px;font-weight:950;text-align:center;color:#c7d3df}
#performanceView .trade-leg-card.buy .trade-leg-metrics small{color:rgba(72,223,154,.9)}
#performanceView .trade-leg-card.sell .trade-leg-metrics small{color:rgba(255,117,129,.92)}
#performanceView .result-card{
  display:flex;flex-direction:column;align-items:center!important;justify-content:center!important;gap:4px;padding:9px
}
#performanceView .result-card>span{font-size:10px;font-weight:900}
#performanceView .result-card b{font-size:17px!important;font-weight:1000}
#performanceView .result-card small{font-size:11.5px!important;font-weight:950;opacity:1}
#performanceView .result-card strong{font-size:11.5px!important;margin-top:1px}
#performanceView .holding-card{min-width:116px;gap:7px;padding:10px}
#performanceView .holding-card>span{font-size:10px;font-weight:900}
#performanceView .holding-card b{font-size:13.5px;font-weight:1000}
#performanceView .holding-card b i{font-size:14px}
#performanceView .holding-card small{display:none}

/* Profit calculator: three centered result cards with clear financial colors. */
.profit-calc-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.profit-calc-result .item{
  min-height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:13px 10px
}
.profit-calc-result .item>span{font-size:10px;font-weight:950;text-align:center}
.profit-calc-result .item>b{margin-top:7px;font-size:20px;font-weight:1000;text-align:center;direction:ltr}
.profit-calc-result .item>small{margin-top:4px;font-size:10.5px;font-weight:950;text-align:center;direction:ltr}
.profit-calc-result .item>strong{display:inline-flex;margin-top:6px;padding:3px 8px;border-radius:8px;font-size:11px;font-weight:1000}
.profit-calc-result .profit-order{border-color:rgba(255,166,43,.28);background:rgba(255,166,43,.055)}
.profit-calc-result .profit-order span,.profit-calc-result .profit-order b,.profit-calc-result .profit-order small{color:#ffad3d}
.profit-calc-result .profit-sale{border-color:rgba(74,178,255,.28);background:rgba(74,178,255,.055)}
.profit-calc-result .profit-sale span,.profit-calc-result .profit-sale b,.profit-calc-result .profit-sale small{color:#67c4ff}
.profit-calc-result .profit-gain{border-color:rgba(57,220,148,.25);background:rgba(57,220,148,.05)}
.profit-calc-result .profit-gain span,.profit-calc-result .profit-gain b,.profit-calc-result .profit-gain small,.profit-calc-result .profit-gain strong{color:#39dc94}
.profit-calc-result .profit-gain strong{background:rgba(57,220,148,.1)}

/* Averaging calculator: same trusted calculation, upgraded visual hierarchy. */
.average-calculator-card{position:relative;overflow:hidden;border-color:rgba(78,190,255,.2)}
.average-calculator-card::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,transparent,#52c2ff,#8b7cff,transparent);opacity:.8
}
.average-calc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.average-calc-head h3{margin:2px 0 3px;font-size:17px}
.average-calc-head small{color:var(--muted);font-size:9.5px}
.average-calc-kicker{color:#62c7ff;font-size:9px;font-weight:950}
.average-calc-icon{
  display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;
  color:#69caff;background:rgba(78,190,255,.1);border:1px solid rgba(78,190,255,.27);font-size:23px;font-weight:1000
}
.average-calc-form{grid-template-columns:1fr 1fr}
.average-calc-form .avg-ticker-field{grid-column:1/-1}
.average-calculator-card .calc-field input:focus,.average-calculator-card .calc-field select:focus{
  border-color:rgba(98,199,255,.65);box-shadow:0 0 0 3px rgba(98,199,255,.09);outline:none
}
.average-calc-result{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.average-calc-result .item{
  min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:11px
}
.average-calc-result .item span{font-size:9.5px;font-weight:900}
.average-calc-result .item b{margin-top:7px;font-size:18px;font-weight:1000;text-align:center;direction:ltr}
.average-calc-result .avg-new-shares{border-color:rgba(82,194,255,.22);background:rgba(82,194,255,.045)}
.average-calc-result .avg-new-shares b{color:#69caff}
.average-calc-result .avg-new-average{border-color:rgba(57,220,148,.22);background:rgba(57,220,148,.045)}
.average-calc-result .avg-new-average b{color:#43dc98;text-shadow:0 0 18px rgba(57,220,148,.16)}
.average-calc-result .avg-total-shares{border-color:rgba(139,124,255,.22);background:rgba(139,124,255,.045)}
.average-calc-result .avg-total-shares b{color:#a99bff}
.average-calc-result .avg-breakeven{border-color:rgba(255,166,43,.22);background:rgba(255,166,43,.045)}
.average-calc-result.calculated{animation:averageResultPulse .34s ease}
@keyframes averageResultPulse{0%{transform:scale(.988);opacity:.78}100%{transform:scale(1);opacity:1}}

@media(max-width:760px){
  .profit-calc-result,.average-calc-result{grid-template-columns:1fr}
  .average-calc-form{grid-template-columns:1fr}
  .average-calc-form .avg-ticker-field{grid-column:auto}
}


/* V4.10.9 — final calculator + compact closed-trades table */
#performanceView .performance-table-wrap{max-height:640px;overflow:auto;position:relative}
#performanceView .closed-trades-table{min-width:1120px;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}
#performanceView .closed-trades-table thead{position:sticky;top:0;z-index:8}
#performanceView .closed-trades-table th{padding:11px 7px;text-align:center;font-size:10.5px;font-weight:950;background:#111922;border-bottom:1px solid rgba(255,255,255,.11);white-space:nowrap}
#performanceView .closed-trades-table th.head-buy{color:#48df9a;background:linear-gradient(180deg,rgba(54,213,143,.13),#111922)}
#performanceView .closed-trades-table th.head-sell{color:#ff7381;background:linear-gradient(180deg,rgba(255,91,107,.13),#111922)}
#performanceView .closed-trades-table th.head-result{color:#f0c55f}
#performanceView .closed-trades-table th.head-holding{color:#7fcfff}
#performanceView .closed-trades-table th:nth-child(1){width:13%}
#performanceView .closed-trades-table th:nth-child(2){width:11%}
#performanceView .closed-trades-table th:nth-child(3){width:14%}
#performanceView .closed-trades-table th:nth-child(4){width:9%}
#performanceView .closed-trades-table th:nth-child(5){width:11%}
#performanceView .closed-trades-table th:nth-child(6){width:14%}
#performanceView .closed-trades-table th:nth-child(7){width:16%}
#performanceView .closed-trades-table th:nth-child(8){width:12%}
#performanceView .closed-trades-table tbody tr{height:62px;background:rgba(255,255,255,.012)}
#performanceView .closed-trades-table tbody tr:hover{background:rgba(255,255,255,.035)}
#performanceView .closed-trades-table td{padding:7px 6px;text-align:center;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06)}
#performanceView .closed-trades-table tr.win td:first-child{border-right:3px solid var(--green)}
#performanceView .closed-trades-table tr.loss td:first-child{border-right:3px solid var(--red)}
#performanceView .closed-symbol-cell .symbol-line{justify-content:center;gap:5px}
#performanceView .closed-symbol-cell .ticker-card{font-size:13px;padding:5px 9px}
#performanceView .closed-symbol-cell .entry-date,#performanceView .sell-cell time{display:block;margin-top:4px;color:#92a3b6;font-size:8px;font-weight:800;direction:ltr;white-space:nowrap}
#performanceView .buy-cell,#performanceView .sell-cell{position:relative}
#performanceView .buy-cell{background:rgba(54,213,143,.025)}
#performanceView .sell-cell{background:rgba(255,91,107,.025)}
#performanceView .buy-cell b{color:#54e5a2}
#performanceView .sell-cell b{color:#ff7c89}
#performanceView .closed-trades-table td>b{font-size:11.5px;font-weight:950;direction:ltr;white-space:nowrap}
#performanceView .money-cell small,#performanceView .result-cell small{display:block;margin-top:3px;font-size:8.5px;font-weight:850;direction:ltr;white-space:nowrap}
#performanceView .buy-cell.money-cell small{color:rgba(84,229,162,.8)}
#performanceView .sell-cell.money-cell small{color:rgba(255,124,137,.82)}
#performanceView .result-cell b{display:block;font-size:12.5px;font-weight:1000;direction:ltr}
#performanceView .result-cell small{color:inherit;opacity:.82}
#performanceView .result-cell strong{display:block;margin-top:2px;font-size:9px;direction:ltr}
#performanceView .result-cell.win{color:var(--green)}
#performanceView .result-cell.loss{color:var(--red)}
#performanceView .holding-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:86px;padding:7px 9px;border:1px solid;border-radius:9px;font-size:10px;font-weight:950;white-space:nowrap}
#performanceView .holding-pill i{font-style:normal}
#performanceView .holding-pill.fast{color:#45df9c;border-color:rgba(69,223,156,.3);background:rgba(69,223,156,.07)}
#performanceView .holding-pill.day{color:#62cfff;border-color:rgba(98,207,255,.3);background:rgba(98,207,255,.07)}
#performanceView .holding-pill.short{color:#f3c45b;border-color:rgba(243,196,91,.3);background:rgba(243,196,91,.07)}
#performanceView .holding-pill.medium{color:#f09a54;border-color:rgba(240,154,84,.3);background:rgba(240,154,84,.07)}
#performanceView .holding-pill.long{color:#ff7b85;border-color:rgba(255,123,133,.28);background:rgba(255,123,133,.06)}
#performanceView .holding-pill.muted{color:#b1bdca;border-color:rgba(177,189,202,.22);background:rgba(177,189,202,.05)}

.average-calc-result{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.average-calc-result .item{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 10px}
.average-calc-result .item.featured{min-height:94px}
.average-calc-result .item small{display:block;margin-top:4px;font-size:10px;font-weight:900;direction:ltr}
.average-calc-result .avg-current-cost{border-color:rgba(255,166,43,.34);background:linear-gradient(145deg,rgba(255,166,43,.1),rgba(255,166,43,.025))}
.average-calc-result .avg-current-cost b,.average-calc-result .avg-current-cost small{color:#ffad3d}
.average-calc-result .avg-add-cost{border-color:rgba(78,190,255,.24);background:rgba(78,190,255,.05)}
.average-calc-result .avg-add-cost b,.average-calc-result .avg-add-cost small{color:#68caff}
.average-calc-result .avg-total-cost{grid-column:1/-1;border-color:rgba(57,220,148,.34);background:linear-gradient(145deg,rgba(57,220,148,.11),rgba(57,220,148,.025))}
.average-calc-result .avg-total-cost b{font-size:22px;color:#43dc98;text-shadow:0 0 18px rgba(57,220,148,.18)}
.average-calc-result .avg-total-cost small{color:#65e7ac}
.average-calc-result .avg-breakeven{grid-column:1/-1}
@media(max-width:760px){.average-calc-result{grid-template-columns:1fr}.average-calc-result .avg-total-cost,.average-calc-result .avg-breakeven{grid-column:auto}}

/* V4.11.0 — final spacing, table readability and cost-basis cash sync */
.calc-grid{align-items:start}
.average-calculator-card,.profit-calculator-card{align-self:start;height:auto;min-height:0}

/* Keep both calculators compact: no artificial empty area below their content. */
#calculatorView .v4-card{display:flex;flex-direction:column}
#calculatorView .average-calc-result,
#calculatorView .profit-calc-result{flex:0 0 auto}

/* Averaging calculator: seven balanced cards with no center gaps. */
.average-calc-result{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  align-items:stretch
}
.average-calc-result .item{
  min-height:86px;
  height:100%;
  padding:11px 9px
}
.average-calc-result .item span{font-size:10px;line-height:1.45}
.average-calc-result .item b{font-size:18px}
.average-calc-result .item small{font-size:10px}
.average-calc-result .avg-total-cost{grid-column:auto}
.average-calc-result .avg-total-cost b{font-size:19px}
.average-calc-result .avg-breakeven{grid-column:1/-1;min-height:72px}

/* Profit calculator ends exactly after the result cards. */
.profit-calculator-card{padding-bottom:16px}
.profit-calc-result{margin-bottom:0}

/* Closed trades: larger readable typography and fixed column rhythm. */
#performanceView .closed-trades-table th{
  font-size:12px;
  padding:12px 7px;
  letter-spacing:.05px
}
#performanceView .closed-trades-table th.head-quantity{
  color:#69caff;
  background:linear-gradient(180deg,rgba(74,178,255,.14),#111922)
}
#performanceView .closed-trades-table tbody tr{height:68px}
#performanceView .closed-trades-table td{padding:8px 7px;font-size:12px}
#performanceView .closed-trades-table td>b{font-size:13.5px}
#performanceView .closed-symbol-cell .ticker-card{
  min-width:78px;
  font-size:14.5px;
  padding:6px 10px
}
#performanceView .closed-symbol-cell .entry-date,
#performanceView .sell-cell time{
  margin-top:5px;
  font-size:10px;
  font-weight:900;
  color:#aab9c9
}
#performanceView .money-cell small,
#performanceView .result-cell small{
  margin-top:4px;
  font-size:10.5px;
  font-weight:950;
  opacity:1
}
#performanceView .result-cell b{font-size:14px}
#performanceView .result-cell strong{font-size:10.5px;margin-top:3px}
#performanceView .holding-pill{
  min-width:100px;
  padding:8px 10px;
  font-size:11.5px;
  line-height:1.25
}

/* Quantity is neutral information: blue and visually separate from buy/sell colors. */
#performanceView .quantity-cell{
  color:#69caff;
  background:rgba(74,178,255,.035)
}
#performanceView .quantity-cell b{display:block;color:#69caff;font-size:14px;font-weight:1000;direction:ltr}
#performanceView .quantity-cell small{display:block;margin-top:3px;color:rgba(105,202,255,.82);font-size:9.5px;font-weight:900}

/* Fixed note/reinforcement control to the right of the ticker. */
#performanceView .closed-symbol-cell .symbol-line{
  direction:rtl;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:nowrap
}
#performanceView .trade-meta-slot{
  flex:0 0 28px;
  width:28px;
  min-width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center
}
#performanceView .trade-meta summary{
  width:26px;
  height:26px;
  font-size:15px
}
#performanceView .trade-meta-pop{right:0;top:33px}

@media(max-width:1100px){
  .average-calc-result{grid-template-columns:repeat(2,minmax(0,1fr))}
  .average-calc-result .avg-breakeven{grid-column:1/-1}
}
@media(max-width:760px){
  .average-calc-result{grid-template-columns:1fr}
  .average-calc-result .avg-breakeven{grid-column:auto}
}
#performanceView .price-cell small{
  display:block;
  margin-top:3px;
  font-size:10px;
  font-weight:950;
  direction:ltr;
  white-space:nowrap
}
#performanceView .buy-cell.price-cell small{color:rgba(84,229,162,.82)}
#performanceView .sell-cell.price-cell small{color:rgba(255,124,137,.84)}

/* =========================================================
   V4.11.1 — Dashboard Motion & Portfolio Path (UI only)
   Financial sources and formulas are unchanged.
   ========================================================= */

#dashboardView .portfolio-path-card{
  grid-column:span 4!important;
  align-self:stretch!important;
  margin:0!important;
  min-height:100%!important;
  padding:12px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  overflow:visible!important;
  border-color:rgba(89,124,255,.30)!important;
  background:
    radial-gradient(circle at 14% 8%,rgba(32,215,120,.09),transparent 31%),
    radial-gradient(circle at 88% 16%,rgba(89,124,255,.10),transparent 34%),
    var(--panel)!important;
}
#dashboardView .portfolio-path-head{margin:0!important;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#dashboardView .portfolio-path-head h2{font-size:15px!important;margin:0 0 3px!important}
#dashboardView .portfolio-path-subtitle{display:block;color:var(--muted);font-size:8.5px;font-weight:700}
#dashboardView .path-stage-badge{
  flex:0 0 auto;padding:5px 9px;border-radius:999px;border:1px solid rgba(65,190,255,.35);
  color:#6dc9ff;background:rgba(65,190,255,.08);font-size:8.5px;font-weight:950;white-space:nowrap
}
#dashboardView .path-stage-badge.negative{color:#ff737c;border-color:rgba(255,84,95,.38);background:rgba(255,84,95,.08)}
#dashboardView .path-stage-badge.blue{color:#6dc9ff;border-color:rgba(65,190,255,.38);background:rgba(65,190,255,.08)}
#dashboardView .path-stage-badge.positive{color:#56eaa0;border-color:rgba(32,215,120,.40);background:rgba(32,215,120,.08)}
#dashboardView .path-stage-badge.gold{color:#ffd36d;border-color:rgba(244,195,77,.42);background:rgba(244,195,77,.08)}

#dashboardView .portfolio-path-overview{
  display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:8px;align-items:center
}
#dashboardView .path-value-card{
  min-width:0;min-height:70px;padding:9px 8px;border:1px solid var(--line);border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.018)
}
#dashboardView .path-value-card.current{border-color:rgba(32,215,120,.28);background:rgba(32,215,120,.035)}
#dashboardView .path-value-card.next{border-color:rgba(65,190,255,.28);background:rgba(65,190,255,.035)}
#dashboardView .path-value-card span{font-size:8px;color:var(--muted);font-weight:800}
#dashboardView .path-value-card b{display:block;margin-top:5px;font-size:16px;line-height:1;color:var(--text);direction:ltr;white-space:nowrap}
#dashboardView .path-value-card.current b{color:#56eaa0}
#dashboardView .path-value-card.next b{color:#6dc9ff}
#dashboardView .path-value-card small{display:block;margin-top:5px;color:var(--muted);font-size:8px;direction:ltr;white-space:nowrap}

#dashboardView .path-ring-wrap{position:relative;width:88px;height:88px;display:grid;place-items:center;justify-self:center}
#dashboardView .path-ring{width:88px;height:88px;transform:rotate(-90deg);overflow:visible}
#dashboardView .path-ring-track{fill:none;stroke:#273342;stroke-width:9}
#dashboardView .path-ring-progress{fill:none;stroke:#20d778;stroke-width:9;stroke-linecap:round;transition:stroke-dasharray .75s cubic-bezier(.2,.75,.2,1),stroke .3s ease}
#dashboardView .path-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
#dashboardView .path-ring-center strong{font-size:18px;line-height:1;direction:ltr}
#dashboardView .path-ring-center span{margin-top:4px;color:var(--muted);font-size:7.5px;font-weight:800}

#dashboardView .portfolio-journey{padding:6px 4px 0}
#dashboardView .journey-track{position:relative;height:7px;border-radius:999px;background:#273342;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
#dashboardView .journey-fill{
  position:absolute;right:0;top:0;bottom:0;width:0;border-radius:999px;
  background:linear-gradient(90deg,#54e49b,#20d778);box-shadow:0 0 12px rgba(32,215,120,.28);
  transition:width .8s cubic-bezier(.2,.75,.2,1),background .3s ease
}
#dashboardView .journey-fill.negative{background:linear-gradient(90deg,#ff7b84,#ff545f);box-shadow:0 0 12px rgba(255,84,95,.25)}
#dashboardView .journey-marker{
  position:absolute;right:0;top:50%;width:19px;height:19px;transform:translateY(-50%);border-radius:50%;
  display:grid;place-items:center;background:#07111e;border:3px solid #20d778;box-shadow:0 0 0 4px rgba(32,215,120,.10),0 0 13px rgba(32,215,120,.42);
  transition:right .8s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease;z-index:3
}
#dashboardView .journey-marker i{width:5px;height:5px;border-radius:50%;background:#20d778}
#dashboardView .journey-marker b{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:3px 6px;border:1px solid rgba(32,215,120,.35);
  border-radius:7px;background:#0b1725;color:#56eaa0;font-size:8px;direction:ltr;white-space:nowrap
}
#dashboardView .journey-marker.negative{border-color:#ff545f;box-shadow:0 0 0 4px rgba(255,84,95,.10),0 0 13px rgba(255,84,95,.35)}
#dashboardView .journey-marker.negative i{background:#ff545f}
#dashboardView .journey-marker.negative b{color:#ff737c;border-color:rgba(255,84,95,.35)}
#dashboardView .journey-milestones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:13px}
#dashboardView .journey-milestone{
  position:relative;min-width:0;padding:5px 3px;border:0;background:transparent;color:var(--muted);text-align:center;cursor:default
}
#dashboardView .journey-milestone i{display:block;width:7px;height:7px;margin:0 auto 4px;border-radius:50%;background:#344255;border:2px solid #526276}
#dashboardView .journey-milestone span{display:block;font-size:7.5px;font-weight:850;white-space:nowrap}
#dashboardView .journey-milestone b{display:block;margin-top:3px;font-size:8px;direction:ltr;white-space:nowrap}
#dashboardView .journey-milestone.reached{color:#56eaa0}
#dashboardView .journey-milestone.reached i{background:#20d778;border-color:#56eaa0;box-shadow:0 0 8px rgba(32,215,120,.34)}
#dashboardView .journey-milestone.current{color:#6dc9ff}
#dashboardView .journey-milestone.current i{background:#41beff;border-color:#84d5ff;box-shadow:0 0 8px rgba(65,190,255,.38)}
#dashboardView .journey-milestone::after{
  content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,5px);z-index:20;
  min-width:150px;padding:7px 9px;border:1px solid rgba(132,213,255,.24);border-radius:8px;background:#091523;
  color:var(--text);font-size:8px;font-weight:800;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 12px 30px rgba(0,0,0,.28);
  transition:opacity .15s ease,transform .15s ease,visibility .15s
}
#dashboardView .journey-milestone:hover::after{opacity:1;visibility:visible;transform:translate(-50%,0)}

#dashboardView .path-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#dashboardView .path-insights>div{min-width:0;padding:7px 5px;border:1px solid var(--line);border-radius:8px;text-align:center;background:rgba(255,255,255,.014)}
#dashboardView .path-insights span{display:block;color:var(--muted);font-size:7px;font-weight:800;white-space:nowrap}
#dashboardView .path-insights b{display:block;margin-top:4px;font-size:11px;line-height:1;direction:ltr;white-space:nowrap}
#dashboardView .path-insights small{display:block;margin-top:4px;color:var(--muted);font-size:7px;direction:ltr;white-space:nowrap}
#dashboardView .path-message{margin:0;padding:7px 9px;border-radius:8px;text-align:center;color:#b9c8d9;background:rgba(65,190,255,.04);font-size:8px;font-weight:800;line-height:1.5}

#dashboardView .chart-card-focused{grid-column:span 8!important;padding:10px 11px!important}
#dashboardView .dashboard-chart-pane{position:relative!important;overflow:visible!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005))}
#dashboardView .dashboard-chart-pane .chart{height:270px!important;cursor:crosshair}
#dashboardView .dashboard-chart-tooltip{
  position:absolute;z-index:35;min-width:150px;max-width:190px;padding:9px 11px;border:1px solid rgba(135,158,183,.30);
  border-radius:10px;background:rgba(7,17,30,.96);box-shadow:0 14px 35px rgba(0,0,0,.38);backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px) scale(.98);transition:opacity .12s ease,transform .12s ease,visibility .12s;
  text-align:right;direction:rtl
}
#dashboardView .dashboard-chart-tooltip.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
#dashboardView .dashboard-chart-tooltip .dashboard-tooltip-date{display:block;margin-bottom:6px;color:#8ea2b9;font-size:8px;font-weight:800;direction:ltr;text-align:left}
#dashboardView .dashboard-chart-tooltip strong{display:block;color:#b8c7d8;font-size:8px;font-weight:850}
#dashboardView .dashboard-chart-tooltip b{display:block;margin-top:3px;color:#f3f7fb;font-size:15px;line-height:1.1;direction:ltr;text-align:right}
#dashboardView .dashboard-chart-tooltip b.positive{color:#56eaa0}
#dashboardView .dashboard-chart-tooltip b.negative{color:#ff737c}
#dashboardView .dashboard-chart-tooltip em{display:block;margin-top:3px;color:#8ea2b9;font-size:8px;font-style:normal;direction:ltr;text-align:right}
#dashboardView .dashboard-tooltip-divider{height:1px;margin:7px 0;background:rgba(135,158,183,.17)}

#dashboardView .dashboard-intelligence-strip{
  grid-column:1/-1!important;padding:10px 12px!important;border-color:rgba(92,119,148,.25)!important;
  background:linear-gradient(135deg,rgba(65,190,255,.025),rgba(32,215,120,.018)),var(--panel)!important
}
#dashboardView .intelligence-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#dashboardView .intelligence-strip-head h2{margin:0;font-size:13px}
#dashboardView .intelligence-strip-head>div>span{display:block;margin-top:2px;color:var(--muted);font-size:7.5px;font-weight:750}
#dashboardView .intelligence-count{display:flex;align-items:baseline;gap:5px;padding:4px 8px;border:1px solid rgba(65,190,255,.22);border-radius:8px;background:rgba(65,190,255,.04)}
#dashboardView .intelligence-count b{color:#6dc9ff;font-size:14px}
#dashboardView .intelligence-count span{color:var(--muted);font-size:8px}
#dashboardView .intelligence-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:rgba(255,255,255,.012)}
#dashboardView .intelligence-item{
  min-width:0;min-height:78px;padding:9px 8px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;
  border-inline-start:1px solid var(--line);transition:background .18s ease,transform .18s ease
}
#dashboardView .intelligence-item:first-child{border-inline-start:0}
#dashboardView .intelligence-item:hover{background:rgba(255,255,255,.025)}
#dashboardView .intelligence-icon{flex:0 0 25px;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:950;background:rgba(135,158,183,.08);color:#9fb1c5}
#dashboardView .intelligence-item>div{min-width:0}
#dashboardView .intelligence-item small{display:block;color:var(--muted);font-size:7.5px;font-weight:850;white-space:nowrap}
#dashboardView .intelligence-item b{display:block;margin-top:4px;font-size:14px;line-height:1;direction:ltr;white-space:nowrap}
#dashboardView .intelligence-item em{display:block;margin-top:4px;color:var(--muted);font-size:7.5px;font-style:normal;direction:ltr;white-space:nowrap}
#dashboardView .intelligence-item strong{display:block;margin-top:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:9px;direction:ltr;white-space:nowrap}
#dashboardView .intelligence-meta{display:block;margin-top:3px;color:var(--muted);font-size:6.8px;direction:ltr;white-space:nowrap}
#dashboardView .intelligence-item.positive b,#dashboardView .intelligence-item.best b{color:#56eaa0}
#dashboardView .intelligence-item.positive .intelligence-icon,#dashboardView .intelligence-item.best .intelligence-icon{color:#56eaa0;background:rgba(32,215,120,.08)}
#dashboardView .intelligence-item.negative b,#dashboardView .intelligence-item.worst b{color:#ff737c}
#dashboardView .intelligence-item.negative .intelligence-icon,#dashboardView .intelligence-item.worst .intelligence-icon{color:#ff737c;background:rgba(255,84,95,.08)}
#dashboardView .intelligence-item.success b{color:#ffd36d}
#dashboardView .intelligence-item.success .intelligence-icon{color:#ffd36d;background:rgba(244,195,77,.08)}
#dashboardView .intelligence-item.net.positive b{color:#56eaa0}
#dashboardView .intelligence-item.net.negative b{color:#ff737c}

#dashboardView .top-kpi{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#dashboardView .top-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
#dashboardView .portfolio-path-card,#dashboardView .chart-card-focused,#dashboardView .dashboard-intelligence-strip{animation:dashboardPolishIn .38s ease both}
@keyframes dashboardPolishIn{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1450px){
  #dashboardView .portfolio-path-card,#dashboardView .chart-card-focused{grid-column:1/-1!important}
  #dashboardView .portfolio-path-card{min-height:auto!important}
  #dashboardView .intelligence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #dashboardView .intelligence-item:nth-child(4){border-inline-start:0;border-top:1px solid var(--line)}
  #dashboardView .intelligence-item:nth-child(5),#dashboardView .intelligence-item:nth-child(6){border-top:1px solid var(--line)}
}
@media(max-width:760px){
  #dashboardView .portfolio-path-overview{grid-template-columns:1fr 82px 1fr}
  #dashboardView .path-insights{grid-template-columns:1fr}
  #dashboardView .journey-milestones{gap:1px}
  #dashboardView .chart-card-focused .dashboard-chart-pair{grid-template-columns:1fr!important}
  #dashboardView .dashboard-chart-pane .chart{height:235px!important}
  #dashboardView .intelligence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #dashboardView .intelligence-item:nth-child(odd){border-inline-start:0}
  #dashboardView .intelligence-item:nth-child(n+3){border-top:1px solid var(--line)}
}


/* =========================================================
   V4.11.2 — Dashboard readability, interactive KPI polish,
   compact tooltips and latest-five trades ticker (UI only).
   Financial sources, formulas and Yahoo import logic unchanged.
   ========================================================= */

/* Portfolio path: stronger typography and contrast in the same card footprint. */
#dashboardView .portfolio-path-card{gap:8px!important;padding:11px 13px!important}
#dashboardView .portfolio-path-head h2{font-size:16px!important;letter-spacing:.1px}
#dashboardView .portfolio-path-subtitle{font-size:9.5px!important;color:#aebed0!important;font-weight:800!important}
#dashboardView .path-stage-badge{font-size:9.5px!important;padding:5px 9px!important}
#dashboardView .portfolio-path-overview{gap:7px!important}
#dashboardView .path-value-card{min-height:67px!important;padding:7px 7px!important}
#dashboardView .path-value-card span{font-size:9.5px!important;color:#afbed0!important;font-weight:900!important}
#dashboardView .path-value-card b{font-size:17px!important;margin-top:4px!important}
#dashboardView .path-value-card small{font-size:9.5px!important;margin-top:4px!important;color:#b9c8d8!important;font-weight:900!important}
#dashboardView .path-ring-center strong{font-size:19px!important}
#dashboardView .path-ring-center span{font-size:9px!important;color:#b3c1d0!important;font-weight:900!important}
#dashboardView .journey-marker b{font-size:9px!important}
#dashboardView .journey-milestone{padding:4px 2px!important;color:#aebdd0!important}
#dashboardView .journey-milestone span{font-size:9px!important;font-weight:950!important}
#dashboardView .journey-milestone b{font-size:9.5px!important;font-weight:900!important;color:#c5d2df}
#dashboardView .journey-milestone.reached b{color:#74edaf}
#dashboardView .journey-milestone.current b{color:#83d6ff}
#dashboardView .journey-milestone::after{font-size:9px!important;line-height:1.55!important}
#dashboardView .path-insights{gap:5px!important}
#dashboardView .path-insights>div{padding:6px 4px!important;background:linear-gradient(145deg,rgba(255,255,255,.027),rgba(255,255,255,.01))!important}
#dashboardView .path-insights span{font-size:8.5px!important;color:#adbdce!important;font-weight:900!important}
#dashboardView .path-insights b{font-size:12.5px!important;margin-top:3px!important}
#dashboardView .path-insights small{font-size:9px!important;margin-top:3px!important;color:#b9c8d7!important;font-weight:900!important}
#dashboardView .path-message{font-size:9.2px!important;padding:6px 8px!important;color:#c7d4e1!important}

/* Performance indicators: clearer type, distinct backgrounds and lightweight interaction. */
#dashboardView .dashboard-intelligence-strip{padding:11px 12px!important}
#dashboardView .intelligence-strip-head h2{font-size:15px!important}
#dashboardView .intelligence-strip-head>div>span{font-size:9px!important;color:#a9bacd!important;font-weight:850!important}
#dashboardView .intelligence-count{padding:5px 9px!important;transition:transform .18s ease,box-shadow .18s ease}
#dashboardView .intelligence-count:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(65,190,255,.10)}
#dashboardView .intelligence-count b{font-size:16px!important}
#dashboardView .intelligence-count span{font-size:9px!important}
#dashboardView .intelligence-grid{gap:7px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
#dashboardView .intelligence-item{
  min-height:82px!important;padding:9px 8px!important;border:1px solid rgba(120,145,170,.18)!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(116,140,166,.065),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease!important
}
#dashboardView .intelligence-item:hover{transform:translateY(-3px)!important;border-color:rgba(126,158,191,.36)!important;box-shadow:0 12px 24px rgba(0,0,0,.18)!important}
#dashboardView .intelligence-item.positive,#dashboardView .intelligence-item.best{background:linear-gradient(145deg,rgba(32,215,120,.105),rgba(32,215,120,.018))!important;border-color:rgba(32,215,120,.19)!important}
#dashboardView .intelligence-item.negative,#dashboardView .intelligence-item.worst{background:linear-gradient(145deg,rgba(255,84,95,.105),rgba(255,84,95,.018))!important;border-color:rgba(255,84,95,.19)!important}
#dashboardView .intelligence-item.success{background:linear-gradient(145deg,rgba(244,195,77,.11),rgba(244,195,77,.018))!important;border-color:rgba(244,195,77,.20)!important}
#dashboardView .intelligence-item.net{background:linear-gradient(145deg,rgba(65,190,255,.10),rgba(65,190,255,.018))!important;border-color:rgba(65,190,255,.19)!important}
#dashboardView .intelligence-item.net.positive{background:linear-gradient(145deg,rgba(32,215,120,.105),rgba(32,215,120,.018))!important;border-color:rgba(32,215,120,.19)!important}
#dashboardView .intelligence-item.net.negative{background:linear-gradient(145deg,rgba(255,84,95,.105),rgba(255,84,95,.018))!important;border-color:rgba(255,84,95,.19)!important}
#dashboardView .intelligence-icon{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:13px!important;transition:transform .2s ease,filter .2s ease}
#dashboardView .intelligence-item:hover .intelligence-icon{transform:scale(1.08) rotate(-3deg);filter:brightness(1.12)}
#dashboardView .intelligence-item small{font-size:9px!important;color:#b1c0d0!important;font-weight:950!important}
#dashboardView .intelligence-item b{font-size:16px!important;margin-top:5px!important}
#dashboardView .intelligence-item em{font-size:9.5px!important;color:#c0cddd!important;font-weight:900!important}
#dashboardView .intelligence-item strong{font-size:11px!important;margin-top:4px!important}
#dashboardView .intelligence-meta{font-size:8px!important;color:#a7b8ca!important}

/* Smaller dashboard hover card, with a clearer Saudi-riyal line. */
#dashboardView .dashboard-chart-tooltip{min-width:128px!important;max-width:158px!important;padding:7px 9px!important;border-radius:9px!important}
#dashboardView .dashboard-chart-tooltip .dashboard-tooltip-date{font-size:7.5px!important;margin-bottom:5px!important}
#dashboardView .dashboard-chart-tooltip strong{font-size:7.8px!important}
#dashboardView .dashboard-chart-tooltip b{font-size:13.5px!important;margin-top:2px!important}
#dashboardView .dashboard-chart-tooltip em{font-size:9.5px!important;margin-top:3px!important;color:#d4deea!important;font-weight:950!important;opacity:1!important}
#dashboardView .dashboard-chart-tooltip em.positive{color:#65e8a7!important}
#dashboardView .dashboard-chart-tooltip em.negative{color:#ff828c!important}
#dashboardView .dashboard-tooltip-divider{margin:6px 0!important}

/* Calculator SAR lines: clearly readable below the USD amount. */
#calculatorView #avgCurrentCostSar,#calculatorView #avgAddCostSar,#calculatorView #avgNewAverageSar,#calculatorView #avgTotalCostSar,
#calculatorView #profitSellSar,#calculatorView #profitCostSar,#calculatorView #profitSaleValueSar,#calculatorView #profitSar{
  font-size:11.5px!important;font-weight:1000!important;line-height:1.35!important;opacity:1!important;letter-spacing:.05px;text-shadow:0 0 12px currentColor
}
#calculatorView #avgCurrentCostSar{color:#ffc064!important}
#calculatorView #avgAddCostSar{color:#85d4ff!important}
#calculatorView #avgNewAverageSar,#calculatorView #avgTotalCostSar,#calculatorView #profitSellSar,#calculatorView #profitSar{color:#72eab2!important}
#calculatorView #profitCostSar{color:#ffc064!important}
#calculatorView #profitSaleValueSar{color:#86d6ff!important}

/* Latest five closed trades: calm left-to-right activity ribbon. */
#dashboardView .recent-trades-ticker{
  grid-column:1/-1!important;min-height:58px!important;padding:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
  align-items:stretch!important;overflow:hidden!important;border-color:rgba(91,126,161,.25)!important;
  background:linear-gradient(90deg,rgba(65,190,255,.035),rgba(32,215,120,.025),rgba(255,84,95,.022)),var(--panel)!important
}
#dashboardView .recent-ticker-label{position:relative;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 14px;border-inline-end:1px solid rgba(118,143,168,.18);background:rgba(8,17,28,.82);white-space:nowrap}
#dashboardView .recent-ticker-label b{display:block;font-size:11px;font-weight:1000}
#dashboardView .recent-ticker-label small{display:block;margin-top:2px;color:#9eafc1;font-size:8px;font-weight:850}
#dashboardView .recent-ticker-live{width:8px;height:8px;border-radius:50%;background:#35da91;box-shadow:0 0 0 4px rgba(53,218,145,.09),0 0 12px rgba(53,218,145,.38);animation:recentTickerPulse 1.8s ease-in-out infinite}
@keyframes recentTickerPulse{50%{transform:scale(.78);opacity:.62}}
#dashboardView .recent-ticker-window{min-width:0;overflow:hidden;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#dashboardView .recent-ticker-track{display:flex;width:max-content;align-items:center;direction:ltr;will-change:transform;animation:recentTradesMoveLTR 34s linear infinite}
#dashboardView .recent-ticker-window:hover .recent-ticker-track{animation-play-state:paused}
#dashboardView .recent-ticker-group{display:flex;align-items:center;gap:9px;flex:none;padding-inline:9px}
#dashboardView .recent-trade-event{direction:rtl;display:flex;align-items:center;gap:7px;min-width:max-content;padding:7px 10px;border:1px solid rgba(121,145,169,.17);border-radius:10px;background:rgba(255,255,255,.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);transition:transform .18s ease,background .18s ease}
#dashboardView .recent-trade-event:hover{transform:translateY(-1px);background:rgba(255,255,255,.035)}
#dashboardView .recent-trade-event.positive{border-color:rgba(53,218,145,.20);background:rgba(53,218,145,.045)}
#dashboardView .recent-trade-event.negative{border-color:rgba(255,99,112,.20);background:rgba(255,99,112,.045)}
#dashboardView .recent-trade-dot{width:6px;height:6px;border-radius:50%;background:#8fa2b7;box-shadow:0 0 8px currentColor}
#dashboardView .recent-trade-event.positive .recent-trade-dot{background:#35da91;color:#35da91}
#dashboardView .recent-trade-event.negative .recent-trade-dot{background:#ff6370;color:#ff6370}
#dashboardView .recent-trade-event strong{font-size:11px;font-weight:1000;direction:ltr;color:#edf4fb}
#dashboardView .recent-trade-event b{font-size:11px;font-weight:1000;direction:ltr}
#dashboardView .recent-trade-event em{font-size:8.5px;font-style:normal;font-weight:900;direction:ltr;color:#c3cfdb}
#dashboardView .recent-trade-event i{padding:3px 6px;border-radius:999px;font-size:8.5px;font-style:normal;font-weight:1000;direction:ltr}
#dashboardView .recent-trade-event.positive b,#dashboardView .recent-trade-event.positive i{color:#56eaa0}
#dashboardView .recent-trade-event.positive i{background:rgba(53,218,145,.09)}
#dashboardView .recent-trade-event.negative b,#dashboardView .recent-trade-event.negative i{color:#ff7b86}
#dashboardView .recent-trade-event.negative i{background:rgba(255,99,112,.09)}
#dashboardView .recent-ticker-empty{display:block;padding:12px 18px;color:#9aacbf;font-size:10px;font-weight:850}
#dashboardView .recent-ticker-track.is-empty{animation:none}
@keyframes recentTradesMoveLTR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media(max-width:900px){
  #dashboardView .recent-trades-ticker{grid-template-columns:1fr!important}
  #dashboardView .recent-ticker-label{border-inline-end:0;border-bottom:1px solid rgba(118,143,168,.18);padding:7px 11px}
  #dashboardView .recent-ticker-label small{display:none}
  #dashboardView .recent-ticker-window{min-height:43px}
}
@media(prefers-reduced-motion:reduce){
  #dashboardView .recent-ticker-track,#dashboardView .recent-ticker-live{animation:none!important}
  #dashboardView .recent-ticker-window{overflow:auto}
}


/* =========================================================
   V4.11.2 — Final dashboard polish + recent activity
   Presentation only. Financial formulas and sources unchanged.
   ========================================================= */

/* Portfolio path: same card size, clearer typography, two milestones only */
#dashboardView .portfolio-path-card{gap:8px!important;padding:11px 13px!important}
#dashboardView .portfolio-path-head h2{font-size:16px!important;letter-spacing:.1px}
#dashboardView .portfolio-path-subtitle{font-size:10px!important;color:#a9b8c9!important;font-weight:850!important}
#dashboardView .path-stage-badge{font-size:10px!important;padding:5px 10px!important}
#dashboardView .path-value-card{min-height:68px!important;padding:8px!important}
#dashboardView .path-value-card span{font-size:9.5px!important;color:#b2c0cf!important;font-weight:900!important}
#dashboardView .path-value-card b{font-size:17px!important}
#dashboardView .path-value-card small{font-size:9.5px!important;color:#9fb1c4!important;font-weight:850!important}
#dashboardView .path-ring-center strong{font-size:19px!important}
#dashboardView .path-ring-center span{font-size:9px!important;color:#a9b8c9!important}
#dashboardView .journey-milestones.two-stops{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;margin-top:12px!important}
#dashboardView .journey-milestone{color:#aab8c7!important;padding:4px 5px!important}
#dashboardView .journey-milestone span{font-size:10px!important;font-weight:950!important}
#dashboardView .journey-milestone b{font-size:10.5px!important;margin-top:4px!important}
#dashboardView .journey-milestone i{width:9px!important;height:9px!important;border-color:#718095!important;background:#445267!important}
#dashboardView .journey-milestone.reached{color:#61e8a3!important}
#dashboardView .journey-milestone.current{color:#79d1ff!important}
#dashboardView .path-insights span{font-size:8.7px!important;color:#aebccc!important;font-weight:900!important}
#dashboardView .path-insights b{font-size:12.5px!important}
#dashboardView .path-insights small{font-size:8.8px!important;color:#9fb1c4!important;font-weight:850!important}
#dashboardView .path-message{font-size:9.5px!important;color:#d0d9e4!important;font-weight:900!important}

/* Dashboard performance strip: larger type, subtle colored tiles and interaction */
#dashboardView .intelligence-strip-head h2{font-size:15px!important}
#dashboardView .intelligence-strip-head>div>span{font-size:9px!important;color:#9fb0c2!important}
#dashboardView .intelligence-count b{font-size:16px!important}
#dashboardView .intelligence-count span{font-size:9px!important}
#dashboardView .intelligence-item{min-height:84px!important;padding:10px 9px!important;position:relative;overflow:hidden;transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important}
#dashboardView .intelligence-item::after{content:"";position:absolute;inset:auto 12% 0;height:2px;border-radius:99px;background:rgba(130,151,176,.30);opacity:.75}
#dashboardView .intelligence-item:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.10)!important}
#dashboardView .intelligence-item.net{background:linear-gradient(145deg,rgba(89,124,255,.10),rgba(89,124,255,.018))}
#dashboardView .intelligence-item.positive{background:linear-gradient(145deg,rgba(32,215,120,.10),rgba(32,215,120,.018))}
#dashboardView .intelligence-item.negative{background:linear-gradient(145deg,rgba(255,84,95,.10),rgba(255,84,95,.018))}
#dashboardView .intelligence-item.best{background:linear-gradient(145deg,rgba(244,195,77,.10),rgba(32,215,120,.025))}
#dashboardView .intelligence-item.worst{background:linear-gradient(145deg,rgba(255,84,95,.11),rgba(255,84,95,.018))}
#dashboardView .intelligence-item.success{background:linear-gradient(145deg,rgba(244,195,77,.11),rgba(244,195,77,.018))}
#dashboardView .intelligence-item.positive::after,#dashboardView .intelligence-item.best::after{background:#38d98f}
#dashboardView .intelligence-item.negative::after,#dashboardView .intelligence-item.worst::after{background:#ff6672}
#dashboardView .intelligence-item.success::after{background:#f4c34d}
#dashboardView .intelligence-icon{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:14px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
#dashboardView .intelligence-item small{font-size:9px!important;color:#aebccd!important}
#dashboardView .intelligence-item b{font-size:16px!important;margin-top:5px!important}
#dashboardView .intelligence-item em{font-size:9px!important;color:#a6b6c8!important;font-weight:850!important}
#dashboardView .intelligence-item strong{font-size:10.5px!important}
#dashboardView .intelligence-meta{font-size:8px!important;color:#98aabd!important}

/* Smaller chart hover card with clearer SAR */
#dashboardView .dashboard-chart-tooltip{min-width:126px!important;max-width:160px!important;padding:7px 9px!important;border-radius:9px!important}
#dashboardView .dashboard-chart-tooltip .dashboard-tooltip-date{font-size:7.8px!important;margin-bottom:5px!important}
#dashboardView .dashboard-chart-tooltip strong{font-size:8.2px!important}
#dashboardView .dashboard-chart-tooltip b{font-size:14px!important;margin-top:2px!important}
#dashboardView .dashboard-chart-tooltip em{font-size:9.5px!important;margin-top:3px!important;color:#c0cedd!important;font-weight:900!important}
#dashboardView .dashboard-tooltip-divider{margin:6px 0!important}

/* Calculator SAR values: clearer beneath USD, no formula changes */
#calculatorView .profit-target-hero small,
#calculatorView .profit-calc-result .item>small,
#calculatorView .average-calc-result .item>small{
  font-size:11.5px!important;line-height:1.25!important;font-weight:1000!important;color:#c8d5e3!important;opacity:1!important;letter-spacing:.05px
}
#calculatorView .profit-calc-result .profit-order>small{color:#ffc06a!important}
#calculatorView .profit-calc-result .profit-sale>small{color:#8bd5ff!important}
#calculatorView .profit-calc-result .profit-gain>small{color:#70e9b2!important}
#calculatorView .average-calc-result .avg-current-cost>small{color:#ffc06a!important}
#calculatorView .average-calc-result .avg-add-cost>small{color:#8bd5ff!important}
#calculatorView .average-calc-result .avg-new-average>small,
#calculatorView .average-calc-result .avg-total-cost>small{color:#70e9b2!important}

/* Recent five trades ticker — gentle left-to-right motion */
#dashboardView .dashboard-activity-ticker{
  grid-column:1/-1!important;min-height:48px;padding:0!important;display:flex;align-items:stretch;overflow:hidden!important;
  border-color:rgba(92,119,148,.28)!important;background:linear-gradient(90deg,rgba(65,190,255,.035),rgba(255,255,255,.012),rgba(32,215,120,.028)),var(--panel)!important
}
#dashboardView .activity-ticker-label{
  flex:0 0 auto;min-width:118px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;
  border-inline-end:1px solid rgba(122,145,169,.20);background:rgba(7,17,30,.38);font-size:10px;font-weight:950;color:#d8e3ee;z-index:3
}
#dashboardView .activity-pulse{width:8px;height:8px;border-radius:50%;background:#20d778;box-shadow:0 0 0 0 rgba(32,215,120,.42);animation:activityPulse 2s ease-out infinite}
@keyframes activityPulse{0%{box-shadow:0 0 0 0 rgba(32,215,120,.38)}70%{box-shadow:0 0 0 7px rgba(32,215,120,0)}100%{box-shadow:0 0 0 0 rgba(32,215,120,0)}}
#dashboardView .activity-ticker-viewport{position:relative;flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#dashboardView .activity-ticker-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:dashboardTickerLTR 34s linear infinite}
#dashboardView .activity-ticker-track:hover{animation-play-state:paused}
#dashboardView .activity-ticker-track.empty{width:100%;animation:none;justify-content:center}
#dashboardView .activity-ticker-group{display:flex;align-items:center;gap:13px;padding-inline:13px;flex:0 0 auto}
#dashboardView .activity-trade{
  appearance:none;border:0;background:transparent;color:var(--text);padding:7px 5px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;
  border-radius:8px;transition:background .16s ease,transform .16s ease;direction:ltr
}
#dashboardView .activity-trade:hover{background:rgba(255,255,255,.035);transform:translateY(-1px)}
#dashboardView .activity-dot{width:7px;height:7px;border-radius:50%;background:#8495a9}
#dashboardView .activity-trade.positive .activity-dot{background:#20d778;box-shadow:0 0 8px rgba(32,215,120,.36)}
#dashboardView .activity-trade.negative .activity-dot{background:#ff545f;box-shadow:0 0 8px rgba(255,84,95,.32)}
#dashboardView .activity-trade strong{font-size:11px;font-weight:1000;color:#f0f5fa}
#dashboardView .activity-trade b{font-size:11px;font-weight:1000}
#dashboardView .activity-trade small{font-size:9px;font-weight:900;color:#aebed0}
#dashboardView .activity-trade em{font-size:9px;font-style:normal;font-weight:1000;padding:2px 6px;border-radius:999px}
#dashboardView .activity-trade.positive b,#dashboardView .activity-trade.positive em{color:#56eaa0}
#dashboardView .activity-trade.positive em{background:rgba(32,215,120,.08);border:1px solid rgba(32,215,120,.20)}
#dashboardView .activity-trade.negative b,#dashboardView .activity-trade.negative em{color:#ff737c}
#dashboardView .activity-trade.negative em{background:rgba(255,84,95,.08);border:1px solid rgba(255,84,95,.20)}
#dashboardView .activity-separator{color:#52657a;font-size:10px}
#dashboardView .activity-empty{color:var(--muted);font-size:10px;font-weight:850}
@keyframes dashboardTickerLTR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#dashboardView .activity-pulse{animation:none!important}}
@media(max-width:760px){#dashboardView .activity-ticker-label{min-width:92px;padding:0 8px;font-size:9px}#dashboardView .dashboard-activity-ticker{min-height:44px}}

/* V4.11.3 hotfix: reliable dashboard ticker motion */
#dashboardView .activity-ticker-track:not(.empty){animation-name:dashboardTickerLTR!important;animation-duration:30s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running;min-width:max-content!important}
#dashboardView .activity-ticker-viewport:hover .activity-ticker-track{animation-play-state:paused!important}


/* V4.11.4 — open-position holding counter + portfolio reconciliation calculator */
.trade-name-copy{min-width:0}
.trade-name-line{display:flex;align-items:center;gap:8px;min-height:30px}
.trade-name-line h3{margin:0}
.open-trade-age{
  flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:1000;line-height:1;direction:ltr;border:1px solid currentColor;
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.18)
}
.open-trade-age.fresh{color:#42df98;background:rgba(66,223,152,.12)}
.open-trade-age.week{color:#61caff;background:rgba(97,202,255,.12)}
.open-trade-age.month{color:#ffad3d;background:rgba(255,173,61,.12)}
.open-trade-age.old{color:#ff6978;background:rgba(255,105,120,.12)}
.open-trade-age.unknown{color:#8795a5;background:rgba(135,149,165,.1)}

.money-reconcile-card{margin-top:18px;position:relative;overflow:hidden;border-color:rgba(167,126,255,.23)}
.money-reconcile-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#9b7cff,#52c2ff,transparent);opacity:.85}
.money-reconcile-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}
.money-reconcile-head h3{margin:2px 0 4px;font-size:18px}
.money-reconcile-head small{color:var(--muted);font-size:10px}
.money-reconcile-kicker{color:#ad98ff;font-size:9px;font-weight:950}
.money-reconcile-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;color:#ad98ff;background:rgba(155,124,255,.11);border:1px solid rgba(155,124,255,.28);font-size:22px;font-weight:1000}
.money-reconcile-layout{display:grid;grid-template-columns:.75fr 1.15fr 1.25fr;gap:12px;align-items:stretch}
.money-reconcile-inputs{display:grid;gap:10px;align-content:start;padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.open-money-reference{padding:12px;border-radius:14px;background:rgba(82,194,255,.035);border:1px solid rgba(82,194,255,.14)}
.open-money-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.07)}
.open-money-title span{font-size:10px;font-weight:900;color:#aebccc}
.open-money-title strong{font-size:16px;color:#68caff;direction:ltr}
.open-money-list{display:grid;gap:6px;margin-top:8px;max-height:210px;overflow:auto;padding-inline-end:2px}
.open-money-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:8px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.025)}
.open-money-row span{font-size:11px;font-weight:1000;color:#d9e5f0}
.open-money-row b{font-size:11px;text-align:left;direction:ltr;color:#f5f8fb}
.open-money-row small{font-size:8.5px;direction:ltr;color:#91a6ba}
.open-money-empty{padding:20px;text-align:center;color:var(--muted);font-size:10px}
.money-reconcile-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.reconcile-total-card,.reconcile-reference-card,.reconcile-status-card{min-height:96px;padding:12px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.reconcile-total-card span,.reconcile-reference-card span,.reconcile-status-card span{font-size:9.5px;font-weight:900;color:#aebccc}
.reconcile-total-card b,.reconcile-reference-card b,.reconcile-status-card b{margin-top:6px;font-size:19px;font-weight:1000;direction:ltr}
.reconcile-total-card small,.reconcile-reference-card small,.reconcile-status-card small{margin-top:3px;font-size:10px;font-weight:900;direction:ltr}
.reconcile-total-card{border-color:rgba(255,173,61,.2);background:rgba(255,173,61,.045)}
.reconcile-total-card b,.reconcile-total-card small{color:#ffad3d}
.reconcile-reference-card{border-color:rgba(82,194,255,.2);background:rgba(82,194,255,.045)}
.reconcile-reference-card b,.reconcile-reference-card small{color:#68caff}
.reconcile-status-card{grid-column:1/-1;min-height:82px;transition:.2s ease}
.reconcile-status-card.matched{border-color:rgba(57,220,148,.4);background:rgba(57,220,148,.1);box-shadow:0 0 22px rgba(57,220,148,.08)}
.reconcile-status-card.matched span,.reconcile-status-card.matched b,.reconcile-status-card.matched small{color:#43dc98}
.reconcile-status-card.short{border-color:rgba(255,105,120,.38);background:rgba(255,105,120,.09)}
.reconcile-status-card.short span,.reconcile-status-card.short b,.reconcile-status-card.short small{color:#ff6978}
.reconcile-status-card.over{border-color:rgba(255,173,61,.38);background:rgba(255,173,61,.09)}
.reconcile-status-card.over span,.reconcile-status-card.over b,.reconcile-status-card.over small{color:#ffad3d}
.reconcile-status-card.neutral b,.reconcile-status-card.neutral small{color:#8695a5}
@media(max-width:1000px){.money-reconcile-layout{grid-template-columns:1fr 1fr}.money-reconcile-summary{grid-column:1/-1}}
@media(max-width:700px){.money-reconcile-layout{grid-template-columns:1fr}.money-reconcile-summary{grid-column:auto;grid-template-columns:1fr}.reconcile-status-card{grid-column:auto}.open-money-row{grid-template-columns:58px 1fr auto}}


/* V4.11.5 — reconciliation history, input currency, reliable holding age, glass ticker */
.money-reconcile-card{margin-top:10px!important;padding:18px!important;background:linear-gradient(145deg,rgba(16,27,42,.96),rgba(9,18,30,.98))!important;box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.money-reconcile-head h3{font-size:20px!important;font-weight:1000}.money-reconcile-head small{font-size:11px!important;line-height:1.7}.money-reconcile-kicker{font-size:10px!important;letter-spacing:.2px}
.reconcile-currency-bar{display:flex;align-items:center;gap:10px;margin:-2px 0 12px;padding:9px 11px;border:1px solid rgba(155,124,255,.16);border-radius:12px;background:linear-gradient(90deg,rgba(155,124,255,.06),rgba(82,194,255,.035))}
.reconcile-currency-bar>span{font-size:11px;font-weight:1000;color:#dce7f2}.reconcile-currency-bar>small{margin-inline-start:auto;color:#8fa3b8;font-size:9px;font-weight:800}
.reconcile-currency-toggle{display:flex;gap:5px;padding:3px;border-radius:10px;background:rgba(4,11,19,.55);border:1px solid rgba(255,255,255,.07)}
.reconcile-currency-toggle button{border:0;border-radius:8px;padding:7px 12px;background:transparent;color:#8fa3b8;font-size:10px;font-weight:1000;cursor:pointer;transition:.18s ease}
.reconcile-currency-toggle button.active{color:#fff;background:linear-gradient(135deg,#8e72ff,#587cff);box-shadow:0 5px 14px rgba(111,93,255,.25)}
.money-reconcile-layout{grid-template-columns:.82fr 1.18fr 1.25fr!important;gap:10px!important}.money-reconcile-inputs{padding:13px!important;gap:12px!important;background:linear-gradient(160deg,rgba(155,124,255,.055),rgba(255,255,255,.018))!important}
.reconcile-input-field label{font-size:11px!important;font-weight:950!important;color:#c7d4e1!important}.reconcile-input-wrap{position:relative}.reconcile-input-wrap input{width:100%;padding-inline-end:50px!important;font-size:18px!important;font-weight:1000!important;text-align:center;color:#fff!important;border-color:rgba(155,124,255,.24)!important;background:rgba(3,10,18,.55)!important}
.reconcile-input-wrap span{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:1000;color:#ad98ff;padding:3px 5px;border-radius:6px;background:rgba(155,124,255,.1)}
.open-money-reference{background:linear-gradient(160deg,rgba(82,194,255,.055),rgba(255,255,255,.018))!important}.open-money-title span{font-size:11px!important}.open-money-title strong{font-size:18px!important}.open-money-list{gap:7px!important}
.open-money-row{position:relative;overflow:hidden;grid-template-columns:74px 1fr auto!important;padding:9px 10px!important;border:1px solid color-mix(in srgb,var(--row-accent) 24%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--row-accent) 8%,transparent),rgba(255,255,255,.018))!important}
.open-money-row::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--row-accent)}.open-money-row span{font-size:12px!important}.open-money-row b{font-size:12px!important}.open-money-row small{font-size:9.5px!important;font-weight:900!important;color:#a9bfd2!important}
.open-money-row.risk-high{--row-accent:#ff6978!important}.open-money-row.risk-medium{--row-accent:#ffad3d!important}.open-money-row.risk-low{--row-accent:#43dc98!important}
.reconcile-total-card,.reconcile-reference-card,.reconcile-status-card{border-radius:14px!important}.reconcile-total-card span,.reconcile-reference-card span,.reconcile-status-card span{font-size:10.5px!important}.reconcile-total-card b,.reconcile-reference-card b,.reconcile-status-card b{font-size:21px!important}.reconcile-total-card small,.reconcile-reference-card small,.reconcile-status-card small{font-size:11px!important}
.reconcile-save-panel{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;margin-top:11px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018)}
.reconcile-note-field label{font-size:10.5px!important}.reconcile-note-field input{font-size:12px!important;min-height:42px!important}.reconcile-save-button{min-height:42px;border:1px solid rgba(67,220,152,.3);border-radius:11px;padding:0 17px;background:linear-gradient(135deg,rgba(67,220,152,.2),rgba(55,160,255,.14));color:#67e7ac;font-size:11px;font-weight:1000;cursor:pointer;transition:.18s ease}.reconcile-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(67,220,152,.12)}.reconcile-save-button:disabled{opacity:.38;cursor:not-allowed}.reconcile-save-button span{font-size:16px;vertical-align:-1px}
.reconcile-compare-note{grid-column:1/-1;min-height:15px;font-size:9.5px;font-weight:900}.reconcile-compare-note.improved{color:#43dc98}.reconcile-compare-note.worse{color:#ff6978}.reconcile-compare-note.same{color:#9fb0c1}
.reconcile-history-section{margin-top:11px;border:1px solid rgba(255,255,255,.075);border-radius:15px;overflow:hidden;background:rgba(4,11,19,.28)}.reconcile-history-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.065);background:linear-gradient(90deg,rgba(155,124,255,.055),rgba(82,194,255,.03))}.reconcile-history-head span{font-size:8.5px;color:#9b7cff;font-weight:1000}.reconcile-history-head h4{margin:2px 0 0;font-size:14px}.reconcile-history-head b{min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#ad98ff;background:rgba(155,124,255,.1);border:1px solid rgba(155,124,255,.22);font-size:11px}
.reconcile-history-list{display:grid;gap:7px;padding:9px;max-height:280px;overflow:auto}.reconcile-history-empty{padding:20px;text-align:center;color:#8092a5;font-size:10px}.reconcile-history-row{display:grid;grid-template-columns:135px 150px minmax(120px,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018)}.reconcile-history-row.matched{border-color:rgba(67,220,152,.17)}.reconcile-history-row.short{border-color:rgba(255,105,120,.17)}.reconcile-history-row.over{border-color:rgba(255,173,61,.17)}
.reconcile-history-state{display:grid;gap:2px}.reconcile-history-state span{font-size:11px;font-weight:1000}.reconcile-history-row.matched .reconcile-history-state span,.reconcile-history-row.matched .reconcile-history-difference b{color:#43dc98}.reconcile-history-row.short .reconcile-history-state span,.reconcile-history-row.short .reconcile-history-difference b{color:#ff6978}.reconcile-history-row.over .reconcile-history-state span,.reconcile-history-row.over .reconcile-history-difference b{color:#ffad3d}.reconcile-history-state time{font-size:8.5px;color:#8496aa}.reconcile-history-difference{display:grid;direction:ltr;text-align:left}.reconcile-history-difference b{font-size:12px}.reconcile-history-difference small{font-size:9px;color:#a8b9ca}.reconcile-history-note{font-size:10px;color:#d3dce5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reconcile-history-note span{color:#718398}.reconcile-history-actions{display:flex;gap:5px}.reconcile-history-actions button{border:1px solid rgba(82,194,255,.18);border-radius:8px;padding:6px 8px;background:rgba(82,194,255,.055);color:#77ccfa;font-size:8.5px;font-weight:950;cursor:pointer}.reconcile-history-actions button.delete{color:#ff7b87;border-color:rgba(255,105,120,.18);background:rgba(255,105,120,.055)}
.open-trade-age{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:13px!important;font-weight:1000!important;border-width:1.5px!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.03),0 0 15px color-mix(in srgb,currentColor 18%,transparent)!important}.trade-name-line{gap:9px!important}
#dashboardView .dashboard-activity-ticker{min-height:58px!important;border-color:rgba(126,156,190,.19)!important;background:linear-gradient(90deg,rgba(12,23,37,.96),rgba(8,17,29,.92))!important}.activity-ticker-label{min-width:112px!important;font-size:11px!important}.activity-ticker-track:not(.empty){animation-duration:38s!important}.activity-ticker-group{gap:12px!important;padding-inline:12px!important}.activity-trade.activity-glass{display:grid!important;grid-template-columns:auto auto auto auto!important;align-items:center!important;gap:8px!important;min-width:max-content!important;padding:8px 12px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.11)!important;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.18)!important}.activity-trade.activity-glass.positive{border-color:rgba(67,220,152,.18)!important}.activity-trade.activity-glass.negative{border-color:rgba(255,105,120,.18)!important}.activity-trade.activity-glass strong{font-size:12px!important}.activity-money{display:grid;gap:1px;text-align:left;direction:ltr}.activity-money b{font-size:12px!important}.activity-money small{font-size:9.5px!important;color:#b5c6d6!important}.activity-trade.activity-glass em{font-size:9.5px!important;padding:3px 7px!important}.activity-separator{display:none!important}
@media(max-width:900px){.reconcile-currency-bar{flex-wrap:wrap}.reconcile-currency-bar>small{width:100%;margin:0}.reconcile-save-panel{grid-template-columns:1fr}.reconcile-history-row{grid-template-columns:1fr 1fr}.reconcile-history-note{grid-column:1/-1}.reconcile-history-actions{justify-content:flex-end}}
@media(max-width:600px){.reconcile-history-row{grid-template-columns:1fr}.reconcile-history-note{grid-column:auto}.reconcile-history-actions{justify-content:stretch}.reconcile-history-actions button{flex:1}.reconcile-currency-toggle{width:100%}.reconcile-currency-toggle button{flex:1}}


/* V4.11.6 — daily dashboard analytics, working ranges and final compact polish */
#dashboardView .dashboard-chart-header{align-items:flex-start!important;gap:12px!important;flex-wrap:wrap}
#dashboardView .growth-chart-tools,#dashboardView .unrealized-summary-cards{display:flex;align-items:stretch;gap:8px;margin-inline-start:auto}
#dashboardView .growth-range-select{min-width:94px;height:48px;padding:0 11px;border:1px solid rgba(91,151,214,.25);border-radius:12px;background:rgba(7,17,30,.72);color:#dce8f3;font-size:10px;font-weight:950;outline:none}
#dashboardView .chart-glass-stat{min-width:130px;padding:7px 11px;border:1px solid rgba(153,177,204,.18);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 22px rgba(0,0,0,.17);display:grid;align-content:center;gap:2px;text-align:center}
#dashboardView .chart-glass-stat span{color:#9fb1c4;font-size:8.5px;font-weight:950}#dashboardView .chart-glass-stat b{font-size:15px;line-height:1.1;direction:ltr}#dashboardView .chart-glass-stat small{font-size:9.5px;font-weight:950;direction:ltr;color:#c6d3df}#dashboardView .chart-glass-stat em{font-style:normal;font-size:8px;font-weight:900;color:#8fa2b5}
#dashboardView .chart-glass-stat.positive{border-color:rgba(51,221,145,.25);background:linear-gradient(145deg,rgba(32,215,120,.10),rgba(255,255,255,.018))}#dashboardView .chart-glass-stat.positive b,#dashboardView .chart-glass-stat.positive small,#dashboardView .chart-glass-stat.positive em{color:#5ce7a5}
#dashboardView .chart-glass-stat.negative{border-color:rgba(255,84,95,.25);background:linear-gradient(145deg,rgba(255,84,95,.10),rgba(255,255,255,.018))}#dashboardView .chart-glass-stat.negative b,#dashboardView .chart-glass-stat.negative small,#dashboardView .chart-glass-stat.negative em{color:#ff7b84}
#dashboardView .chart-glass-stat.neutral{border-color:rgba(93,158,224,.2)}
.open-trade-age{flex:0 0 38px!important;width:38px!important;height:32px!important;border-radius:10px!important;font-size:15px!important;font-weight:1000!important;border:1.5px solid currentColor!important;color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.45)!important;box-shadow:inset 0 1px rgba(255,255,255,.11),0 6px 16px rgba(0,0,0,.18)!important}
.open-trade-age.fresh{background:linear-gradient(135deg,#147f58,#31d58d)!important}.open-trade-age.week{background:linear-gradient(135deg,#15699a,#45bdf3)!important}.open-trade-age.month{background:linear-gradient(135deg,#a9610d,#f2a63d)!important}.open-trade-age.old{background:linear-gradient(135deg,#9b2e3b,#ed5968)!important}.open-trade-age.unknown{background:linear-gradient(135deg,#4f5d6b,#7d8c9c)!important}
#calculatorView .open-money-list{max-height:none!important;overflow:visible!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
#calculatorView .open-money-row{grid-template-columns:minmax(62px,.8fr) 1fr auto!important;padding:7px 9px!important;min-height:42px!important}#calculatorView .open-money-row span{font-size:11px!important}#calculatorView .open-money-row b{font-size:11.5px!important}#calculatorView .open-money-row small{font-size:9px!important}
#calculatorView .calc-grid{align-items:stretch!important}#calculatorView .average-calculator-card,#calculatorView .profit-calculator-card{height:100%!important}#calculatorView .profit-calculator-card{justify-content:space-between!important}.money-reconcile-card{margin-top:10px!important}
#dashboardView .activity-ticker-track:not(.empty){animation:dashboardTickerContinuous 44s linear infinite!important;animation-play-state:running!important}#dashboardView .activity-ticker-viewport:hover .activity-ticker-track,#dashboardView .activity-ticker-track:hover{animation-play-state:running!important}
@keyframes dashboardTickerContinuous{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
@media(max-width:900px){#dashboardView .growth-chart-tools,#dashboardView .unrealized-summary-cards{width:100%;margin:0}#dashboardView .chart-glass-stat{flex:1;min-width:0}#calculatorView .open-money-list{grid-template-columns:1fr!important}}


/* V4.11.7 — dashboard micro-polish, accurate trade trends and full reconciliation snapshots */
#dashboardView .growth-chart-tools{gap:6px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#dashboardView .growth-range-buttons{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(118,151,187,.16);border-radius:11px;background:rgba(5,14,24,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.035)}
#dashboardView .growth-range-buttons button{min-width:36px;height:27px;padding:0 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#879caf;font-size:8.6px;font-weight:950;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;white-space:nowrap}
#dashboardView .growth-range-buttons button:hover{color:#d9e7f3;background:rgba(79,169,238,.075)}
#dashboardView .growth-range-buttons button.active{color:#72d7ff;border-color:rgba(82,194,255,.28);background:linear-gradient(145deg,rgba(82,194,255,.16),rgba(82,194,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 15px rgba(23,125,192,.09)}
#dashboardView .growth-period-stat{min-width:108px!important;min-height:46px!important;padding:6px 9px!important;border-radius:10px!important;gap:1px!important}
#dashboardView .growth-period-stat span{font-size:7.8px!important}
#dashboardView .growth-period-stat b{font-size:13.5px!important}
#dashboardView .growth-period-stat .period-secondary{display:flex;align-items:center;justify-content:center;gap:7px;direction:ltr}
#dashboardView .growth-period-stat small{font-size:8.8px!important}
#dashboardView .growth-period-stat em{font-size:10px!important;font-weight:1000!important;padding:2px 5px;border-radius:6px;background:rgba(255,255,255,.055)}
#dashboardView .unrealized-summary-cards{gap:6px!important}
#dashboardView .unrealized-mini-stat{min-width:103px!important;min-height:47px!important;padding:6px 8px!important;border-radius:10px!important;align-content:center!important;justify-items:center!important;gap:1px!important}
#dashboardView .unrealized-mini-stat span{font-size:8px!important;line-height:1.1!important}
#dashboardView .unrealized-mini-stat b{font-size:14px!important;line-height:1.15!important;margin:0!important}
#dashboardView .unrealized-mini-stat small{font-size:9px!important;line-height:1.1!important;margin:0!important}

/* Holding counter: compact transparent glass, centered and legible. */
#tradesView .open-trade-age{flex:0 0 36px!important;width:36px!important;height:32px!important;border-radius:9px!important;display:inline-grid!important;place-items:center!important;font-size:15px!important;line-height:1!important;font-weight:1000!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);text-shadow:none!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 14px rgba(0,0,0,.16)!important}
#tradesView .open-trade-age.fresh{color:#4ee5a0!important;border-color:rgba(78,229,160,.52)!important}
#tradesView .open-trade-age.week{color:#64cfff!important;border-color:rgba(100,207,255,.5)!important}
#tradesView .open-trade-age.month{color:#ffb349!important;border-color:rgba(255,179,73,.5)!important}
#tradesView .open-trade-age.old{color:#ff7582!important;border-color:rgba(255,117,130,.5)!important}
#tradesView .open-trade-age.unknown{color:#9aaabd!important;border-color:rgba(154,170,189,.38)!important}
#tradesView .premium-stats-row .average-buy-stat{background:linear-gradient(145deg,rgba(255,166,43,.085),rgba(255,166,43,.018));border-radius:8px}
#tradesView .premium-stats-row .average-buy-stat span,#tradesView .premium-stats-row .average-buy-stat b{color:#ffad3d!important}

/* Interactive compact chart tooltip for each open position. */
#tradesView .trade-price-chart-wrap{position:relative;min-width:0;height:79px}
#tradesView .trade-price-chart-wrap .trade-price-chart{position:absolute;inset:0;width:100%!important;height:79px!important}
#tradesView .trade-price-tooltip{position:absolute;z-index:8;min-width:96px;padding:6px 7px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(145deg,rgba(12,24,39,.91),rgba(5,14,24,.84));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);opacity:0;visibility:hidden;transform:translateY(3px) scale(.97);transition:.14s ease;pointer-events:none;text-align:center}
#tradesView .trade-price-tooltip.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
#tradesView .trade-price-tooltip time{display:block;color:#93a8bd;font-size:7px;font-weight:900;direction:ltr}
#tradesView .trade-price-tooltip div{display:flex;justify-content:center;gap:5px;align-items:center;margin-top:3px;font-size:8px;font-weight:950}
#tradesView .trade-price-tooltip strong{display:block;margin-top:3px;color:#eaf2f8;font-size:11px;direction:ltr}
#tradesView .trade-price-tooltip.up div{color:#51e5a0}#tradesView .trade-price-tooltip.down div{color:#ff7580}#tradesView .trade-price-tooltip.flat div{color:#ffb24a}
#tradesView .trade-chart-hover-line{position:absolute;top:30px;bottom:5px;width:1px;border-left:1px dashed rgba(219,231,243,.46);opacity:0;pointer-events:none}
#tradesView .trade-chart-hover-dot{position:absolute;width:8px;height:8px;border:2px solid currentColor;border-radius:50%;background:#07111e;transform:translate(-50%,-50%);opacity:0;pointer-events:none;box-shadow:0 0 9px currentColor}
#tradesView .trade-chart-hover-line.show,#tradesView .trade-chart-hover-dot.show{opacity:1}
#tradesView .trade-chart-hover-dot.up{color:#20d778}#tradesView .trade-chart-hover-dot.down{color:#ff545f}#tradesView .trade-chart-hover-dot.flat{color:#ffa31a}

/* Full saved reconciliation operation. */
#calculatorView .reconcile-history-list{max-height:440px!important;gap:9px!important}
#calculatorView .reconcile-snapshot-card{display:block!important;padding:10px!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important}
#calculatorView .reconcile-snapshot-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.055)}
#calculatorView .reconcile-snapshot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px}
#calculatorView .reconcile-snapshot-metric{min-width:0;padding:7px 6px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.018);text-align:center}
#calculatorView .reconcile-snapshot-metric span{display:block;color:#879aad;font-size:7.5px;font-weight:950;white-space:nowrap}
#calculatorView .reconcile-snapshot-metric b{display:block;margin-top:3px;color:#e8f0f7;font-size:10.5px;font-weight:1000;direction:ltr;white-space:nowrap}
#calculatorView .reconcile-snapshot-metric small{display:block;margin-top:2px;color:#afbdca;font-size:7.8px;font-weight:900;direction:ltr;white-space:nowrap}
#calculatorView .reconcile-snapshot-metric.bank{border-color:rgba(83,190,255,.14)}#calculatorView .reconcile-snapshot-metric.platform{border-color:rgba(155,124,255,.14)}#calculatorView .reconcile-snapshot-metric.open{border-color:rgba(255,174,61,.14)}#calculatorView .reconcile-snapshot-metric.matched{border-color:rgba(67,220,152,.2)}#calculatorView .reconcile-snapshot-metric.short{border-color:rgba(255,105,120,.2)}#calculatorView .reconcile-snapshot-metric.over{border-color:rgba(255,173,61,.2)}
#calculatorView .reconcile-snapshot-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
#calculatorView .reconcile-snapshot-trades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055)}
#calculatorView .reconcile-snapshot-trades>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 7px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055)}
#calculatorView .reconcile-snapshot-trades span{font-size:9px;font-weight:1000;color:#dbe6f0}#calculatorView .reconcile-snapshot-trades b{font-size:9px;direction:ltr}#calculatorView .reconcile-snapshot-trades small{grid-column:2;font-size:7.5px;color:#9fb0c0;direction:ltr}
@media(max-width:1100px){#calculatorView .reconcile-snapshot-grid{grid-template-columns:repeat(3,1fr)}#calculatorView .reconcile-snapshot-trades{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#dashboardView .growth-range-buttons{flex-wrap:wrap}#dashboardView .growth-range-buttons button{flex:1;min-width:44px}#dashboardView .growth-period-stat{min-width:100px!important}#calculatorView .reconcile-snapshot-grid{grid-template-columns:repeat(2,1fr)}#calculatorView .reconcile-snapshot-trades{grid-template-columns:1fr}#calculatorView .reconcile-snapshot-footer{align-items:flex-start;flex-direction:column}}


/* V4.11.8 — Live market status and portfolio events */
#dashboardView .market-status-panel{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr 1.15fr;align-items:stretch;gap:12px;padding:13px 15px;border:1px solid rgba(112,151,190,.22);background:linear-gradient(135deg,rgba(11,25,42,.96),rgba(8,18,31,.92));box-shadow:0 18px 44px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.045);overflow:hidden}
.market-clock-block,.market-state-block,.market-holiday-block{min-width:0;border-radius:15px;padding:12px 15px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.market-panel-kicker,.market-state-label{font-size:10px;font-weight:800;color:#9db0c4;letter-spacing:.2px}.market-digital-clock{direction:ltr;font-variant-numeric:tabular-nums;font-size:30px;line-height:1.05;letter-spacing:2.2px;color:#f3f8ff;text-shadow:0 0 18px rgba(83,176,255,.28);margin:5px 0}.market-clock-block small,.market-holiday-block small{font-size:10.5px;color:#b7c7d7;font-weight:700}.market-state-block{transition:border-color .25s,background .25s,box-shadow .25s}.market-state-badge{font-size:15px;line-height:1;margin:6px 0 9px;padding:7px 13px;border-radius:999px}.market-state-block.premarket{border-color:rgba(65,157,255,.32);background:linear-gradient(145deg,rgba(37,119,214,.16),rgba(255,255,255,.015))}.market-state-block.premarket .market-state-badge,.market-state-block.premarket .market-countdown{color:#63b4ff}.market-state-block.open{border-color:rgba(44,220,143,.34);background:linear-gradient(145deg,rgba(25,176,106,.17),rgba(255,255,255,.015));box-shadow:inset 0 0 24px rgba(36,211,133,.06)}.market-state-block.open .market-state-badge,.market-state-block.open .market-countdown{color:#35df94}.market-state-block.afterhours{border-color:rgba(255,164,54,.34);background:linear-gradient(145deg,rgba(212,124,20,.17),rgba(255,255,255,.015))}.market-state-block.afterhours .market-state-badge,.market-state-block.afterhours .market-countdown{color:#ffad4f}.market-state-block.closed{border-color:rgba(142,158,176,.24)}.market-state-block.closed .market-state-badge,.market-state-block.closed .market-countdown{color:#a9bacb}.market-countdown{direction:ltr;font-size:20px;font-weight:900;letter-spacing:1.4px;font-variant-numeric:tabular-nums}.market-state-block small{font-size:9.5px;color:#9fb0c1}.market-holiday-block b{font-size:14px;color:#f2f6fb;margin:5px 0}.market-holiday-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;flex-wrap:wrap}.market-holiday-meta span{font-size:9px;padding:4px 8px;border-radius:999px;background:rgba(255,171,70,.12);color:#ffb35d;border:1px solid rgba(255,171,70,.2)}.market-holiday-meta strong{font-size:11px;color:#d8e5f1}
#dashboardView .dashboard-events-ticker{grid-column:1/-1;min-height:50px;display:flex;align-items:center;padding:0;overflow:hidden;border-color:rgba(100,148,188,.18);background:linear-gradient(90deg,rgba(9,20,34,.96),rgba(10,24,40,.91))}.events-ticker-label{height:100%;min-width:118px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border-left:1px solid rgba(255,255,255,.07);font-size:10.5px;color:#d9e7f3;z-index:2}.events-pulse{width:7px;height:7px;border-radius:50%;background:#3bd997;box-shadow:0 0 0 0 rgba(59,217,151,.55);animation:eventsPulse 1.8s ease-out infinite}.events-ticker-viewport{position:relative;flex:1;min-width:0;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.events-ticker-track{display:flex;align-items:center;width:max-content;animation:eventsTicker 40s linear infinite;will-change:transform}.events-ticker-group{display:flex;align-items:center;gap:12px;padding-inline:12px;flex:0 0 auto}.portfolio-event{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px;padding:7px 11px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.014));white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.04)}.portfolio-event b{font-size:9px;color:#9fb1c4}.portfolio-event strong{font-size:11.5px;color:#eef5fb}.portfolio-event em{font-size:10.5px;font-style:normal;font-weight:900}.portfolio-event.positive{border-color:rgba(54,218,145,.18)}.portfolio-event.positive em{color:#35dc94}.portfolio-event.negative{border-color:rgba(255,92,108,.18)}.portfolio-event.negative em{color:#ff6677}.portfolio-event.neutral em{color:#67b8ff}@keyframes eventsTicker{from{transform:translateX(0)}to{transform:translateX(-33.3333%)}}@keyframes eventsPulse{70%{box-shadow:0 0 0 7px rgba(59,217,151,0)}100%{box-shadow:0 0 0 0 rgba(59,217,151,0)}}
@media(max-width:760px){#dashboardView .market-status-panel{grid-template-columns:1fr;padding:9px;gap:8px}.market-clock-block,.market-state-block,.market-holiday-block{padding:9px 10px}.market-digital-clock{font-size:25px}.market-state-block{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}.market-state-block .market-state-label,.market-state-block .market-state-badge{grid-column:1/-1}.events-ticker-label{min-width:92px;font-size:9px}.portfolio-event{padding:6px 9px;gap:6px}}


/* V4.11.9 — compact market header, clean pages and synchronized interactive tickers */
.platform-top{display:grid!important;grid-template-columns:auto minmax(430px,1fr) auto;align-items:center;gap:14px;margin-bottom:12px!important}
.platform-top .brand{min-width:max-content}.platform-top .brand h1{font-size:21px}
.market-status-header{display:grid;grid-template-columns:.85fr 1fr 1.1fr;align-items:stretch;gap:7px;min-width:0;padding:7px!important;border:1px solid rgba(105,145,185,.2);border-radius:14px;background:linear-gradient(135deg,rgba(10,24,40,.94),rgba(7,17,30,.9));box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)}
.market-status-header .market-clock-block,.market-status-header .market-state-block,.market-status-header .market-holiday-block{padding:7px 10px;min-height:66px;border-radius:11px}
.market-status-header .market-panel-kicker,.market-status-header .market-state-label{font-size:8px}.market-status-header .market-digital-clock{font-size:22px;letter-spacing:1.6px;margin:2px 0}.market-status-header .market-clock-block small,.market-status-header .market-holiday-block small{font-size:8.5px}.market-status-header .market-state-badge{font-size:11.5px;margin:3px 0 4px;padding:4px 9px}.market-status-header .market-countdown{font-size:15px;letter-spacing:1px}.market-status-header .market-state-block small{font-size:8px}.market-status-header .market-holiday-block b{font-size:10.5px;margin:2px 0}.market-status-header .market-holiday-meta{gap:5px;margin-top:4px}.market-status-header .market-holiday-meta span{font-size:7.5px;padding:2px 6px}.market-status-header .market-holiday-meta strong{font-size:8.5px}
.market-state-block.premarket{border-color:rgba(255,166,55,.35)!important;background:linear-gradient(145deg,rgba(216,127,23,.18),rgba(255,255,255,.015))!important}.market-state-block.premarket .market-state-badge,.market-state-block.premarket .market-countdown{color:#ffad4f!important}
.market-state-block.open{border-color:rgba(44,220,143,.36)!important;background:linear-gradient(145deg,rgba(25,176,106,.18),rgba(255,255,255,.015))!important}.market-state-block.open .market-state-badge,.market-state-block.open .market-countdown{color:#35df94!important}
.market-state-block.afterhours{border-color:rgba(72,158,255,.36)!important;background:linear-gradient(145deg,rgba(37,119,214,.18),rgba(255,255,255,.015))!important}.market-state-block.afterhours .market-state-badge,.market-state-block.afterhours .market-countdown{color:#63b4ff!important}
.market-state-block.closed{border-color:rgba(142,158,176,.24)!important;background:linear-gradient(145deg,rgba(116,132,150,.08),rgba(255,255,255,.012))!important}.market-state-block.closed .market-state-badge,.market-state-block.closed .market-countdown{color:#a9bacb!important}
.clean-top-actions{display:flex;align-items:center;gap:8px;min-width:max-content}.currency-pair{height:40px;display:flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.currency-pair span{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:7px;font-size:10px;color:#cfd9e4}.currency-pair span+span{border-inline-start:1px solid rgba(255,255,255,.08)}.currency-pair b{font-size:10px;letter-spacing:.2px}
#tradesView,#performanceView{padding-top:2px}.trades-toolbar,.performance-toolbar,.closed-trades-head{display:none!important}.performance-table-card.closed-trades-pro{overflow:hidden}.performance-table-wrap{border-top:0!important}
#dashboardView .dashboard-activity-ticker,#dashboardView .dashboard-events-ticker{min-height:56px!important;height:56px!important;border-radius:13px!important}
#dashboardView .activity-ticker-label,.events-ticker-label{min-width:116px!important;font-size:10px!important;background:rgba(7,17,30,.42)!important}
#dashboardView .activity-ticker-track:not(.empty),#dashboardView .events-ticker-track{animation:dashboardTickerUnified 42s linear infinite!important;animation-play-state:running!important;will-change:transform}
#dashboardView .activity-ticker-viewport:hover .activity-ticker-track,#dashboardView .events-ticker-viewport:hover .events-ticker-track{animation-play-state:paused!important}
@keyframes dashboardTickerUnified{from{transform:translateX(0)}to{transform:translateX(-33.333333%)}}
#dashboardView .activity-ticker-group,#dashboardView .events-ticker-group{gap:12px!important;padding-inline:12px!important}
#dashboardView .portfolio-event.event-glass{appearance:none;color:var(--text);cursor:pointer;min-height:38px;padding:7px 11px!important;border-radius:12px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#dashboardView .portfolio-event.event-glass:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.22)}#dashboardView .portfolio-event.featured{box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.015)}
.trade-card-focus{animation:tradeCardFocus 1.8s ease}@keyframes tradeCardFocus{0%,100%{box-shadow:var(--shadow)}35%{box-shadow:0 0 0 2px rgba(71,177,255,.7),0 0 32px rgba(71,177,255,.28)}}
@media(max-width:1180px){.platform-top{grid-template-columns:auto 1fr}.platform-top .top-actions{grid-column:1/-1;justify-content:flex-end}.market-status-header{min-width:0}}
@media(max-width:760px){.platform-top{grid-template-columns:1fr;gap:8px}.platform-top .brand{justify-content:center}.market-status-header{grid-template-columns:1fr 1fr 1fr!important;padding:5px!important}.market-status-header .market-clock-block,.market-status-header .market-state-block,.market-status-header .market-holiday-block{display:flex!important;min-height:63px;padding:6px!important}.market-status-header .market-digital-clock{font-size:18px}.market-status-header .market-countdown{font-size:13px}.clean-top-actions{justify-content:center!important;flex-wrap:wrap}.clean-top-actions .v3-import-btn{flex:1;justify-content:center}.currency-pair{flex:0 0 auto}#dashboardView .activity-ticker-label,.events-ticker-label{min-width:90px!important;font-size:8.5px!important}}


/* V4.11.10 — live compact market command strip and full portfolio events */
.market-status-header{
  grid-template-columns:.82fr 1.24fr .72fr 1.08fr!important;
  gap:6px!important;padding:5px!important;min-height:78px;
}
.market-status-header .market-glass-block,.market-status-header .market-state-block{
  min-width:0;min-height:68px!important;padding:6px 8px!important;border-radius:11px!important;
  border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.016));
  box-shadow:inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
}
.market-panel-kicker,.market-state-label{font-size:9.5px!important;font-weight:850!important;color:#a9bdd0!important;line-height:1.1}
.market-clock-block{display:grid!important;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;gap:2px;border-color:rgba(76,181,255,.22)!important;background:linear-gradient(145deg,rgba(31,124,190,.13),rgba(255,255,255,.018))!important}
.market-clock-row{display:flex;direction:ltr;align-items:center;justify-content:center;gap:7px;min-width:0}
.market-clock-icon{--hour-angle:0deg;--minute-angle:0deg;position:relative;display:inline-block;flex:0 0 25px;width:25px;height:25px;border-radius:50%;border:1.5px solid rgba(126,218,255,.85);background:radial-gradient(circle at 42% 38%,rgba(144,229,255,.22),rgba(28,112,166,.08) 55%,rgba(5,17,29,.2));box-shadow:0 0 14px rgba(77,188,255,.26),inset 0 0 10px rgba(101,207,255,.1)}
.market-clock-icon:before,.market-clock-icon:after{content:"";position:absolute;left:50%;bottom:50%;width:1.6px;border-radius:99px;background:#d9f5ff;transform-origin:50% 100%;box-shadow:0 0 5px rgba(111,215,255,.75)}
.market-clock-icon:before{height:7px;transform:translateX(-50%) rotate(var(--hour-angle))}.market-clock-icon:after{height:9px;transform:translateX(-50%) rotate(var(--minute-angle));background:#78d9ff}
.market-digital-clock{font-size:21px!important;line-height:1!important;letter-spacing:1.45px!important;margin:0!important;color:#8fe1ff!important;text-shadow:0 0 15px rgba(62,187,255,.32)!important}
.market-date-glass{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:3px 6px;border:1px solid rgba(114,198,244,.14);border-radius:8px;background:rgba(67,156,211,.07);white-space:nowrap}
.market-date-glass b{font-size:10.5px;color:#e5f5ff}.market-date-glass small{font-size:9.5px!important;color:#b9d2e3!important;direction:ltr}
.market-state-block{display:grid!important;grid-template-rows:auto auto auto auto;place-items:center;gap:2px!important;text-align:center;transition:.25s ease}
.market-state-main{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.market-state-light{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.025),0 0 14px currentColor;animation:marketLightBreath 2.1s ease-in-out infinite}
.market-state-badge{font-size:15px!important;line-height:1.05!important;margin:1px 0!important;padding:0!important;background:none!important;border:0!important;white-space:nowrap}
.market-countdown-row{display:flex;align-items:baseline;justify-content:center;gap:7px;min-width:0;white-space:nowrap}
.market-countdown-row small{font-size:9.5px!important;color:#b5c6d7!important}.market-countdown{font-size:17px!important;line-height:1!important;letter-spacing:1.15px!important}
.market-next-target{font-size:8.8px!important;color:#9fb3c6!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.market-state-block.premarket .market-state-light{color:#ffad4f}.market-state-block.open .market-state-light{color:#35df94}.market-state-block.afterhours .market-state-light{color:#63b4ff}.market-state-block.closed .market-state-light{color:#a9bacb}
@keyframes marketLightBreath{0%,100%{opacity:.82;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
.market-weekend-block{display:grid!important;grid-template-rows:auto 1fr auto;place-items:center;gap:1px;border-color:rgba(92,168,255,.2)!important;background:linear-gradient(145deg,rgba(42,115,207,.115),rgba(255,255,255,.016))!important}
.market-weekend-main{display:flex;direction:ltr;align-items:baseline;justify-content:center;gap:4px}.market-weekend-main strong{font-size:25px;line-height:1;color:#72b9ff;text-shadow:0 0 14px rgba(81,164,255,.26)}.market-weekend-main small{font-size:9.5px;color:#afc8e2}.market-weekend-block>b{font-size:9.3px;color:#d7e7f6;white-space:nowrap}
.market-holiday-block{display:grid!important;grid-template-columns:minmax(0,1fr) 47px!important;align-items:center!important;gap:6px!important;text-align:right!important;border-color:rgba(83,220,161,.2)!important;background:linear-gradient(145deg,rgba(30,153,104,.105),rgba(255,255,255,.016))!important}
.market-holiday-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;gap:2px}.market-holiday-copy>b{font-size:10.7px!important;line-height:1.2!important;margin:0!important;color:#eaf8f1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.market-holiday-copy>small{font-size:9px!important;color:#b8d1c5!important;direction:ltr}.market-holiday-type{font-size:7.8px;padding:2px 5px;border:1px solid rgba(77,218,155,.18);border-radius:999px;background:rgba(55,207,140,.08);color:#69e6ab;white-space:nowrap}
.market-holiday-count-card{height:55px;border:1px solid rgba(74,222,155,.22);border-radius:10px;background:linear-gradient(145deg,rgba(49,211,140,.13),rgba(14,74,53,.09));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 1px rgba(255,255,255,.045)}.market-holiday-count-card strong{font-size:22px;line-height:1;color:#53e7a3;text-shadow:0 0 14px rgba(53,223,148,.24)}.market-holiday-count-card small{font-size:8.5px!important;color:#b9ddca!important}
#dashboardView .activity-ticker-track:not(.empty),#dashboardView .events-ticker-track{animation-duration:var(--ticker-duration,42s)!important}
#dashboardView .portfolio-event.event-glass{grid-template-columns:auto auto auto!important;min-height:38px!important;background:linear-gradient(135deg,rgba(255,255,255,.064),rgba(255,255,255,.018))!important}
#dashboardView .portfolio-event.event-glass b{font-size:9.2px!important}#dashboardView .portfolio-event.event-glass strong{font-size:11.8px!important}#dashboardView .portfolio-event.event-glass em{font-size:10.2px!important}
#dashboardView .portfolio-event.best-event{border-color:rgba(46,228,143,.55)!important;background:linear-gradient(135deg,rgba(30,206,124,.24),rgba(21,101,70,.105))!important;box-shadow:0 0 20px rgba(36,211,133,.11),inset 0 1px rgba(255,255,255,.08)!important}
#dashboardView .portfolio-event.worst-event{border-color:rgba(255,83,103,.54)!important;background:linear-gradient(135deg,rgba(228,54,78,.23),rgba(103,27,43,.1))!important;box-shadow:0 0 20px rgba(255,80,101,.105),inset 0 1px rgba(255,255,255,.075)!important}
#dashboardView .portfolio-event.summary{min-width:max-content}.event-up-count{color:#42dfa0;margin-inline-end:7px}.event-down-count{color:#ff6576}
@media(max-width:1320px){.platform-top{grid-template-columns:auto minmax(520px,1fr) auto}.market-status-header{grid-template-columns:.78fr 1.2fr .68fr 1fr!important}.market-holiday-block{grid-template-columns:minmax(0,1fr) 42px!important}.market-holiday-count-card{height:52px}}
@media(max-width:1100px){.platform-top{grid-template-columns:auto 1fr!important}.market-status-header{grid-column:1/-1;grid-row:2;order:3}.platform-top .top-actions{grid-column:auto!important;justify-content:flex-end!important}.market-status-header{grid-template-columns:.82fr 1.2fr .72fr 1.05fr!important}}
@media(max-width:760px){.market-status-header{grid-template-columns:1fr 1.35fr!important;min-height:0!important;gap:6px!important}.market-status-header .market-glass-block,.market-status-header .market-state-block{min-height:68px!important}.market-clock-block{grid-row:1}.market-state-block{grid-row:1}.market-weekend-block,.market-holiday-block{grid-row:2}.market-state-badge{font-size:14px!important}.market-countdown{font-size:15px!important}.market-next-target{font-size:8px!important}.market-holiday-block{grid-template-columns:minmax(0,1fr) 44px!important}}

/* V4.11.10 mobile width guard */
@media(max-width:760px){
  .platform-top{grid-template-columns:minmax(0,1fr)!important;width:100%!important;min-width:0!important}
  .platform-top .brand,.platform-top .top-actions,.market-status-header{grid-column:1!important;grid-row:auto!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .platform-top .brand{justify-content:center!important}.platform-top .brand h1{font-size:18px!important;white-space:nowrap}
  .platform-top .top-actions{justify-content:center!important;flex-wrap:wrap!important}
  .market-status-header{overflow:hidden!important}
  .market-clock-row,.market-countdown-row,.market-state-main,.market-date-glass{min-width:0!important;max-width:100%!important}
  .market-state-badge,.market-next-target,.market-holiday-copy>b,.market-weekend-block>b{overflow:hidden;text-overflow:ellipsis;max-width:100%}
}

/* =========================================================
   Waleed Trade — requested UI refinements (presentation only)
   ========================================================= */

/* Official compact wordmark; remains inside the existing header footprint. */
.platform-top .platform-brand{
  min-width:178px!important;
  height:68px;
  display:grid!important;
  grid-template-columns:43px minmax(0,1fr);
  align-items:center;
  gap:10px!important;
  padding:7px 9px;
  border:1px solid rgba(97,178,232,.2);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(18,43,66,.72),rgba(7,18,31,.82));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.16);
  overflow:hidden;
}
.platform-brand .brand-monogram{
  position:relative;
  width:41px;
  height:47px;
  display:grid;
  grid-template-columns:1fr 1fr;
  place-items:center;
  border:1px solid rgba(102,207,255,.42);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(58,173,232,.16),rgba(24,83,123,.06));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 18px rgba(65,184,239,.12);
  direction:ltr;
}
.platform-brand .brand-monogram:before,
.platform-brand .brand-monogram:after{
  content:"";
  position:absolute;
  background:linear-gradient(90deg,transparent,#6fd6ff,transparent);
  opacity:.85;
}
.platform-brand .brand-monogram:before{right:5px;left:5px;top:50%;height:1px}
.platform-brand .brand-monogram:after{top:6px;bottom:6px;left:50%;width:1px;background:linear-gradient(180deg,transparent,#6fd6ff,transparent)}
.platform-brand .brand-monogram i{
  position:relative;
  z-index:1;
  color:#dff6ff;
  font-size:13px;
  font-style:normal;
  font-weight:1000;
  letter-spacing:-1px;
}
.platform-brand .brand-wordmark{min-width:0;display:grid;align-content:center;gap:4px;text-align:left;direction:ltr}
.platform-brand .brand-wordmark h1{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin:0!important;
  font-family:Arial Black,Arial,sans-serif;
  font-size:14px!important;
  line-height:1;
  letter-spacing:1.2px;
  white-space:nowrap;
}
.platform-brand .brand-wordmark h1 span{color:#f2f8fc;font-weight:900}
.platform-brand .brand-wordmark h1 strong{color:#61cff8;font-weight:1000;text-shadow:0 0 12px rgba(77,197,244,.25)}
.platform-brand .brand-divider{display:block;width:100%;height:1px;background:linear-gradient(90deg,#57c9f5,rgba(87,201,245,.32),transparent)}
.platform-brand .brand-wordmark small{color:#819bb0;font-size:7.3px;font-weight:950;letter-spacing:1.4px;white-space:nowrap}

/* The clock becomes green only while the regular market is open. */
.market-clock-block.market-open{
  border-color:rgba(44,220,143,.38)!important;
  background:linear-gradient(145deg,rgba(25,176,106,.18),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 22px rgba(42,214,139,.08)!important;
}
.market-clock-block.market-open .market-clock-icon{border-color:rgba(102,235,171,.92);box-shadow:0 0 14px rgba(64,224,149,.28),inset 0 0 10px rgba(74,224,157,.11)}
.market-clock-block.market-open .market-clock-icon:before,
.market-clock-block.market-open .market-clock-icon:after{background:#dfffee;box-shadow:0 0 5px rgba(76,232,158,.75)}
.market-clock-block.market-open .market-digital-clock{color:#62e7a7!important;text-shadow:0 0 15px rgba(50,220,142,.3)!important}
.market-clock-block.market-open .market-date-glass{border-color:rgba(77,224,154,.17);background:rgba(46,194,128,.07)}

/* Clearer final line in the market-state card. */
.market-next-target{
  min-height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border:1px solid rgba(158,183,207,.13);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c3d3e1!important;
  font-size:9.4px!important;
  font-weight:850;
  letter-spacing:.05px;
}

/* Weekend card: clean numeric countdown on weekdays, holiday mode on Saturday/Sunday. */
.market-weekend-main strong{font-variant-numeric:tabular-nums}
.market-weekend-block.is-holiday{
  border-color:rgba(129,151,176,.25)!important;
  background:linear-gradient(145deg,rgba(104,123,145,.12),rgba(255,255,255,.014))!important;
}
.market-weekend-block.is-holiday .market-weekend-main strong{
  color:#e2ebf3;
  font-size:16px;
  letter-spacing:.3px;
  text-shadow:0 0 12px rgba(185,205,224,.12);
}
.market-weekend-block.is-holiday .market-weekend-main small{display:none}
.market-weekend-block.is-holiday>b{color:#b9c9d7;font-size:8.8px;direction:rtl;font-variant-numeric:tabular-nums}

/* Holiday card changes emphasis as the date approaches. */
.market-holiday-block{transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.market-holiday-block.holiday-future{--holiday-accent:#53e7a3;--holiday-rgb:53,231,163}
.market-holiday-block.holiday-soon{--holiday-accent:#6fcfff;--holiday-rgb:111,207,255}
.market-holiday-block.holiday-near{--holiday-accent:#ffb348;--holiday-rgb:255,179,72}
.market-holiday-block.holiday-today{--holiday-accent:#ff6677;--holiday-rgb:255,102,119}
.market-holiday-block.holiday-future,
.market-holiday-block.holiday-soon,
.market-holiday-block.holiday-near,
.market-holiday-block.holiday-today{
  border-color:rgba(var(--holiday-rgb),.28)!important;
  background:linear-gradient(145deg,rgba(var(--holiday-rgb),.12),rgba(255,255,255,.014))!important;
}
.market-holiday-block.holiday-near,
.market-holiday-block.holiday-today{box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 22px rgba(var(--holiday-rgb),.07)!important}
.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-count-card{
  border-color:rgba(var(--holiday-rgb),.29);
  background:linear-gradient(145deg,rgba(var(--holiday-rgb),.16),rgba(var(--holiday-rgb),.045));
}
.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-count-card strong{color:var(--holiday-accent);text-shadow:0 0 14px rgba(var(--holiday-rgb),.25)}
.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-type{color:var(--holiday-accent);border-color:rgba(var(--holiday-rgb),.21);background:rgba(var(--holiday-rgb),.075)}
.market-holiday-copy>b{font-weight:950!important}
.market-holiday-copy>small{font-weight:850}

/* Portfolio events use visual symbols rather than repeated labels. */
#dashboardView .portfolio-event.event-glass{grid-template-columns:22px auto auto!important;gap:8px!important}
#dashboardView .portfolio-event .event-symbol{
  width:21px;
  height:21px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.1);
  border-radius:7px;
  background:rgba(255,255,255,.045);
  color:#d6e2ed;
  font-size:15px;
  font-weight:1000;
  line-height:1;
}
#dashboardView .portfolio-event.positive .event-symbol{color:#43dfa0;border-color:rgba(67,223,160,.22);background:rgba(67,223,160,.07)}
#dashboardView .portfolio-event.negative .event-symbol{color:#ff6979;border-color:rgba(255,105,121,.22);background:rgba(255,105,121,.07)}
#dashboardView .portfolio-event.neutral .event-symbol{color:#f1f5f8;border-color:rgba(235,242,248,.16);background:rgba(255,255,255,.04)}
#dashboardView .event-bag{position:relative}
#dashboardView .event-bag:before{content:"";width:11px;height:8px;border:1.5px solid currentColor;border-radius:2px;background:transparent;transform:translateY(2px)}
#dashboardView .event-bag:after{content:"";position:absolute;top:4px;width:6px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:3px 3px 0 0}
#dashboardView .event-count-pair{display:flex!important;align-items:center;gap:5px}
#dashboardView .event-count-pair>span{min-width:34px;height:23px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;border:1px solid currentColor;border-radius:8px;background:rgba(255,255,255,.025);font-size:12px;font-weight:1000}
#dashboardView .event-count-pair i{font-style:normal;font-size:13px}
#dashboardView .event-up-count{margin:0;color:#42dfa0}
#dashboardView .event-down-count{color:#ff6576}
#dashboardView .event-total-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.055);color:#f0f4f7!important;font-size:10px!important}
#dashboardView .portfolio-event.neutral em{color:#f1f5f8!important}

/* Only the mirrored KPI cards on Open Positions and Performance are shortened from below. */
#tradesView .mirror-top-strip,
#performanceView .mirror-top-strip{padding-bottom:5px!important;margin-bottom:7px!important;background:linear-gradient(to bottom,var(--bg) 91%,rgba(7,17,30,0))!important}
.light #tradesView .mirror-top-strip,
.light #performanceView .mirror-top-strip{background:linear-gradient(to bottom,var(--bg) 91%,rgba(237,243,248,0))!important}
#tradesView .mirror-top-strip > .top-kpi,
#performanceView .mirror-top-strip > .top-kpi{
  min-height:98px!important;
  height:98px!important;
  padding:10px 15px!important;
}
#tradesView .mirror-top-strip .top-kpi .num,
#performanceView .mirror-top-strip .top-kpi .num{margin:8px 0 4px!important}
#tradesView .mirror-top-strip .top-kpi .kpi-icon,
#performanceView .mirror-top-strip .top-kpi .kpi-icon{top:29px!important}
#tradesView .mirror-top-strip .top-spark,
#performanceView .mirror-top-strip .top-spark{bottom:7px!important;height:24px!important;opacity:.65}
#tradesView .mirror-top-strip .top-kpi .sub,
#performanceView .mirror-top-strip .top-kpi .sub{bottom:6px!important}
#tradesView .trades-chart-card{top:112px!important}

/* Calculator starts directly with its cards; internal calculator titles remain unchanged. */
#calculatorView .page-shell{padding-top:0!important}
#calculatorView .calc-grid{margin-top:0!important}
#calculatorView .money-reconcile-title-only{display:flex;align-items:center;min-height:42px}
#calculatorView .money-reconcile-title-only .money-reconcile-kicker{
  color:#c9bcff;
  font-size:18px!important;
  line-height:1;
  font-weight:1000;
  letter-spacing:.1px;
}
#calculatorView .money-reconcile-head{margin-bottom:11px}

/* Slightly larger saved-differences typography, including bank/platform and shortage/extra states. */
#calculatorView .reconcile-history-head span{font-size:9.5px!important}
#calculatorView .reconcile-history-head h4{font-size:15.5px!important}
#calculatorView .reconcile-history-state span{font-size:12.5px!important}
#calculatorView .reconcile-history-state time{font-size:9.5px!important}
#calculatorView .reconcile-history-difference b{font-size:14px!important}
#calculatorView .reconcile-history-difference small{font-size:10px!important}
#calculatorView .reconcile-snapshot-metric span{font-size:9px!important}
#calculatorView .reconcile-snapshot-metric b{font-size:12px!important}
#calculatorView .reconcile-snapshot-metric small{font-size:9px!important}
#calculatorView .reconcile-history-note{font-size:11px!important}
#calculatorView .reconcile-snapshot-trades span{font-size:10px!important}
#calculatorView .reconcile-snapshot-trades b{font-size:10px!important}
#calculatorView .reconcile-snapshot-trades small{font-size:8.5px!important}

@media(max-width:760px){
  .platform-top .platform-brand{width:min(100%,210px)!important;min-width:0!important;height:66px;margin-inline:auto}
  .platform-brand .brand-wordmark h1{font-size:13px!important}
  #tradesView .mirror-top-strip > .top-kpi,
  #performanceView .mirror-top-strip > .top-kpi{height:96px!important;min-height:96px!important}
}


/* =========================================================
   Waleed Trade — Header Step 01 (UI only)
   ========================================================= */

/* Tools moved under Settings in the right sidebar. */
.side{overflow-y:auto;scrollbar-width:none}.side::-webkit-scrollbar{display:none}
.side-tools{width:100%;display:grid;gap:6px;margin-top:9px;padding:7px;border:1px solid rgba(106,177,225,.18);border-radius:12px;background:linear-gradient(150deg,rgba(16,38,60,.78),rgba(7,18,31,.9));box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.14)}
.side-currency-pair{display:grid;gap:4px;padding:4px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.side-currency-pair span{height:23px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:7px;color:#d8e5ef;font-size:8.5px;font-weight:950;letter-spacing:.35px;direction:ltr}
.side-currency-pair span+span{border-top:1px solid rgba(255,255,255,.055)}.side-currency-pair i{font-style:normal;font-size:12px}.side-currency-pair b{font-size:8px}
.side-yahoo-btn,.side-capture-btn{position:relative;height:32px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(94,190,244,.2);border-radius:9px;background:linear-gradient(145deg,rgba(42,151,218,.15),rgba(255,255,255,.025));color:#dff4ff;cursor:pointer;overflow:hidden;font-size:8.5px;font-weight:950;transition:.18s ease}
.side-yahoo-btn:hover,.side-capture-btn:hover{transform:translateY(-1px);border-color:rgba(99,205,255,.42);box-shadow:0 7px 18px rgba(23,139,208,.12)}.side-yahoo-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.side-yahoo-btn span,.side-capture-btn span{font-size:13px;color:#72d3ff}.side-capture-btn.busy{opacity:.6;cursor:wait}.side-capture-btn.busy span{animation:snapshotSpin .9s linear infinite}@keyframes snapshotSpin{to{transform:rotate(360deg)}}
.side-bottom{margin-top:9px!important}

/* Header uses the freed width and reads as one premium terminal. */
.platform-top{direction:ltr!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;grid-template-areas:"brand market";align-items:stretch!important;gap:12px!important;margin-bottom:12px!important;padding:8px;border:1px solid rgba(100,165,211,.19);border-radius:17px;background:linear-gradient(128deg,rgba(8,22,38,.97),rgba(11,29,48,.93) 48%,rgba(7,18,31,.97));box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05);overflow:hidden;position:relative}
.platform-top:before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(111,211,255,.44),rgba(255,255,255,.18),transparent);pointer-events:none}
.platform-top .platform-brand{grid-area:brand;width:100%!important;min-width:0!important;height:auto!important;min-height:88px!important;direction:ltr;padding:10px 12px!important;border-color:rgba(91,198,247,.25)!important;border-radius:14px!important;background:radial-gradient(circle at 18% 22%,rgba(68,190,244,.12),transparent 45%),linear-gradient(145deg,rgba(18,45,69,.84),rgba(6,18,31,.9))!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.17)!important}
.platform-brand .brand-monogram{width:48px!important;height:54px!important;border-radius:11px!important}.platform-brand .brand-monogram i{font-size:15px!important}.platform-brand .brand-wordmark{gap:6px!important}.platform-brand .brand-wordmark h1{font-size:17px!important;letter-spacing:1.55px!important;gap:6px!important}.platform-brand .brand-divider{height:1px;background:linear-gradient(90deg,#6ad5ff,rgba(106,213,255,.38),transparent)!important}.platform-brand .brand-wordmark small{font-size:7.8px!important;color:#9ab1c3!important;letter-spacing:1.6px!important}
.market-status-header{grid-area:market;direction:rtl;width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:.92fr 1.18fr .84fr 1.12fr!important;gap:7px!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.market-status-header .market-glass-block,.market-status-header .market-state-block{position:relative;min-height:88px!important;padding:8px 10px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(150deg,rgba(255,255,255,.07),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 10px 25px rgba(0,0,0,.13)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden}
.market-status-header .market-glass-block:before,.market-status-header .market-state-block:before{content:"";position:absolute;inset:0 10% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.market-panel-kicker,.market-state-label{font-size:9px!important;font-weight:900!important;color:#9fb5c8!important;letter-spacing:.12px!important}

/* Clock: clean terminal time, green only when the regular market is open. */
.market-clock-block{grid-template-rows:auto 1fr auto!important;gap:4px!important;border-color:rgba(73,182,242,.22)!important;background:radial-gradient(circle at 50% 8%,rgba(73,188,247,.12),transparent 54%),linear-gradient(150deg,rgba(26,91,135,.14),rgba(255,255,255,.018))!important}
.market-clock-row{gap:8px!important}.market-clock-icon{width:27px!important;height:27px!important;flex-basis:27px!important}.market-digital-clock{font-size:23px!important;letter-spacing:1.8px!important;color:#a5e7ff!important}.market-date-glass{width:auto!important;min-width:88%;padding:4px 8px!important;border-radius:999px!important;background:rgba(70,162,216,.07)!important}.market-date-glass b{font-size:10px!important}.market-date-glass small{font-size:9px!important}
.market-clock-block.market-open{border-color:rgba(46,221,145,.35)!important;background:radial-gradient(circle at 50% 8%,rgba(46,221,145,.14),transparent 56%),linear-gradient(150deg,rgba(25,136,91,.16),rgba(255,255,255,.018))!important}.market-clock-block.market-open .market-digital-clock{color:#6cebb0!important}

/* Market state: one strong status line with a clean countdown rail. */
.market-state-block{grid-template-rows:auto auto auto auto!important;gap:4px!important;padding-inline:13px!important}.market-state-main{gap:8px!important}.market-state-light{width:9px!important;height:9px!important;flex-basis:9px!important}.market-state-badge{font-size:15px!important;font-weight:1000!important}.market-countdown-row{width:100%;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(3,12,22,.2);justify-content:space-between!important;gap:8px!important}.market-countdown-row small{font-size:8.7px!important}.market-countdown{font-size:17px!important}.market-next-target{width:100%;min-height:18px!important;padding:3px 7px!important;border-radius:8px!important;font-size:8.5px!important;background:rgba(255,255,255,.025)!important}
.market-state-block.premarket{border-color:rgba(255,174,76,.28)!important;background:linear-gradient(150deg,rgba(199,117,26,.16),rgba(255,255,255,.018))!important}.market-state-block.open{border-color:rgba(50,224,149,.32)!important;background:linear-gradient(150deg,rgba(28,154,99,.17),rgba(255,255,255,.018))!important}.market-state-block.afterhours{border-color:rgba(82,167,255,.3)!important;background:linear-gradient(150deg,rgba(38,111,194,.17),rgba(255,255,255,.018))!important}.market-state-block.closed{border-color:rgba(144,162,181,.2)!important;background:linear-gradient(150deg,rgba(100,118,138,.09),rgba(255,255,255,.016))!important}

/* Weekend: fixed premium blue with the number inside a true glass tile. */
.market-weekend-block{grid-template-rows:auto 1fr auto!important;gap:4px!important;border-color:rgba(79,166,255,.24)!important;background:radial-gradient(circle at 50% 10%,rgba(71,159,255,.14),transparent 58%),linear-gradient(150deg,rgba(36,96,170,.14),rgba(255,255,255,.018))!important}.market-weekend-main{min-width:72px;min-height:43px;padding:5px 10px!important;border:1px solid rgba(106,190,255,.19);border-radius:11px;background:linear-gradient(145deg,rgba(78,170,255,.13),rgba(23,72,129,.08));box-shadow:inset 0 1px rgba(255,255,255,.07),0 7px 18px rgba(25,92,160,.09)}.market-weekend-main strong{font-size:24px!important;color:#86c8ff!important}.market-weekend-main small{font-size:9px!important}.market-weekend-block>b{font-size:9px!important;color:#c7dced!important;max-width:100%;overflow:hidden;text-overflow:ellipsis}.market-weekend-block.is-holiday .market-weekend-main{min-width:86px}.market-weekend-block.is-holiday .market-weekend-main strong{font-size:15px!important;color:#e4edf5!important}

/* Holiday: neutral premium treatment; number remains the anchor and the copy is properly ordered. */
.market-holiday-block{grid-template-columns:60px minmax(0,1fr)!important;direction:ltr!important;gap:9px!important;text-align:right!important;border-color:rgba(83,207,209,.23)!important;background:radial-gradient(circle at 14% 16%,rgba(73,205,209,.13),transparent 51%),linear-gradient(150deg,rgba(27,117,122,.12),rgba(255,255,255,.018))!important}.market-holiday-copy{direction:rtl;align-items:flex-start!important;gap:4px!important}.market-holiday-copy .market-state-label{order:0}.market-holiday-copy>b{order:1;font-size:11.4px!important;color:#eaf7f7!important;line-height:1.2!important}.market-holiday-copy>small{order:2;font-size:9px!important;color:#adc9cb!important}.market-holiday-type{order:3;font-size:8px!important;padding:3px 7px!important;color:#79dfe2!important;border-color:rgba(91,216,219,.18)!important;background:rgba(75,204,207,.07)!important}.market-holiday-count-card{direction:rtl;width:60px!important;height:61px!important;border-radius:13px!important;border-color:rgba(90,219,221,.24)!important;background:linear-gradient(145deg,rgba(73,204,207,.16),rgba(20,89,93,.08))!important}.market-holiday-count-card strong{font-size:25px!important;color:#82e4e6!important}.market-holiday-count-card small{font-size:8px!important;color:#c3e2e3!important}.market-holiday-block.holiday-future,.market-holiday-block.holiday-soon,.market-holiday-block.holiday-near,.market-holiday-block.holiday-today{border-color:rgba(83,207,209,.23)!important;background:radial-gradient(circle at 14% 16%,rgba(73,205,209,.13),transparent 51%),linear-gradient(150deg,rgba(27,117,122,.12),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 10px 25px rgba(0,0,0,.13)!important}.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-count-card{border-color:rgba(90,219,221,.24)!important;background:linear-gradient(145deg,rgba(73,204,207,.16),rgba(20,89,93,.08))!important}.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-count-card strong{color:#82e4e6!important;text-shadow:0 0 14px rgba(77,212,214,.2)!important}.market-holiday-block:is(.holiday-future,.holiday-soon,.holiday-near,.holiday-today) .market-holiday-type{color:#79dfe2!important;border-color:rgba(91,216,219,.18)!important;background:rgba(75,204,207,.07)!important}

/* Bottom line only: arrows and colors based on the financial state. */
.top-kpi .sub.kpi-trend-positive{color:#4ee39d!important;font-weight:950!important}.top-kpi .sub.kpi-trend-negative{color:#ff6977!important;font-weight:950!important}.top-kpi .sub.kpi-trend-neutral{color:#a9b9c9!important;font-weight:900!important}.top-kpi .sub{transition:color .18s ease}

/* One calm glass title language across the requested dashboard sections. */
#dashboardView .activity-ticker-label b,#dashboardView .events-ticker-label b,#dashboardView .portfolio-path-head h2,#dashboardView .dashboard-chart-header h2,#dashboardView .intelligence-strip-head h2{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;border:1px solid rgba(104,190,235,.16);border-radius:9px;background:linear-gradient(145deg,rgba(79,170,220,.09),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.055);color:#a9dcf3!important;font-size:inherit!important;font-weight:900!important;line-height:1.1!important;text-shadow:0 0 12px rgba(82,184,229,.11)}
#dashboardView .activity-ticker-label,#dashboardView .events-ticker-label{background:rgba(7,17,30,.4)!important}

/* Mobile keeps Yahoo and snapshot accessible even though the sidebar is hidden. */
.mobile-quick-tools{display:none}.snapshot-toast{position:fixed;left:50%;bottom:26px;z-index:9999;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(7,18,31,.94);box-shadow:0 14px 34px rgba(0,0,0,.28);color:#e6f1f8;font-size:11px;font-weight:900;transition:.2s ease}.snapshot-toast.show{opacity:1;transform:translate(-50%,0)}.snapshot-toast.ok{border-color:rgba(57,221,148,.28);color:#78ebb2}.snapshot-toast.error{border-color:rgba(255,100,116,.3);color:#ff8995}.snapshot-toast.wait{border-color:rgba(99,195,245,.27);color:#91dbff}

@media(max-height:800px) and (min-width:761px){.nav{gap:6px}.nav button{height:62px}.nav button span{font-size:20px;margin-bottom:4px}.mark{margin-bottom:12px}.side{padding-top:10px;padding-bottom:10px}}
@media(max-width:1180px) and (min-width:761px){.platform-top{grid-template-columns:190px minmax(0,1fr)!important}.market-status-header{grid-template-columns:.9fr 1.15fr .82fr 1.08fr!important}.platform-brand .brand-wordmark h1{font-size:15px!important}.market-holiday-block{grid-template-columns:52px minmax(0,1fr)!important}.market-holiday-count-card{width:52px!important}}
@media(max-width:760px){
  .platform-top{grid-template-columns:1fr!important;grid-template-areas:"brand" "market";padding:7px!important;gap:7px!important}.platform-top .platform-brand{grid-area:brand;width:min(100%,260px)!important;min-height:70px!important;margin-inline:auto!important}.market-status-header{grid-area:market;grid-template-columns:1fr 1.28fr!important;gap:6px!important}.market-status-header .market-glass-block,.market-status-header .market-state-block{min-height:76px!important}.market-clock-block,.market-state-block{grid-row:1}.market-weekend-block,.market-holiday-block{grid-row:2}.market-holiday-block{grid-template-columns:53px minmax(0,1fr)!important}.market-holiday-count-card{width:53px!important;height:56px!important}.market-state-badge{font-size:13px!important}.market-countdown{font-size:14px!important}
  .mobile-quick-tools{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:6px;margin:-4px 0 10px;padding:6px;border:1px solid rgba(95,170,220,.17);border-radius:12px;background:linear-gradient(145deg,rgba(14,36,57,.82),rgba(7,18,31,.9));box-shadow:inset 0 1px rgba(255,255,255,.05)}.mobile-currencies{display:grid;gap:2px;padding:3px 6px;border-radius:8px;background:rgba(255,255,255,.025);font-size:7.5px;font-weight:950;direction:ltr;color:#cfdae5}.mobile-yahoo-btn,.mobile-capture-btn{position:relative;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(91,184,237,.18);border-radius:9px;background:rgba(56,157,218,.09);color:#d9f1ff;font-size:9px;font-weight:950;overflow:hidden}.mobile-yahoo-btn input{position:absolute;inset:0;opacity:0}.mobile-capture-btn{cursor:pointer}
  #dashboardView .activity-ticker-label b,#dashboardView .events-ticker-label b{padding:4px 7px}
}
.light .platform-top,.light .side-tools,.light .mobile-quick-tools{background:linear-gradient(145deg,rgba(245,250,254,.96),rgba(229,239,247,.95));border-color:rgba(73,130,170,.18)}.light .market-status-header .market-glass-block,.light .market-status-header .market-state-block{background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(224,235,244,.7))!important}.light .snapshot-toast{background:rgba(248,251,254,.97);color:#203044}

/* Final focused refinement — requested layout only */
.platform-top{grid-template-columns:280px minmax(0,1fr)!important;padding:6px 8px!important;margin-bottom:10px!important}
.platform-top .platform-brand{min-height:82px!important;padding:8px 14px!important}
.platform-brand .brand-wordmark h1{font-size:18px!important;letter-spacing:1.7px!important;white-space:nowrap}
.market-status-header{grid-template-columns:1.04fr 1.22fr .82fr 1.35fr!important;gap:8px!important}
.market-status-header .market-glass-block,.market-status-header .market-state-block{min-height:82px!important;padding:9px 12px!important}
.market-state-block.premarket{border-color:rgba(255,166,61,.38)!important;background:linear-gradient(145deg,rgba(213,122,20,.16),rgba(255,255,255,.015))!important}
.market-state-block.premarket .market-state-badge,.market-state-block.premarket .market-countdown{color:#ffad4f!important}
.market-state-block.afterhours{border-color:rgba(72,160,255,.38)!important;background:linear-gradient(145deg,rgba(31,105,205,.16),rgba(255,255,255,.015))!important}
.market-state-block.afterhours .market-state-badge,.market-state-block.afterhours .market-countdown{color:#65b4ff!important}
.market-state-block.open .market-state-badge,.market-state-block.open .market-countdown{color:#35df94!important}
.market-state-block.closed .market-state-badge,.market-state-block.closed .market-countdown{color:#a9bacb!important}
.market-weekend-block>b{display:none!important}
.market-weekend-block{grid-template-rows:auto 1fr!important}
.market-holiday-block{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:9px 13px!important;align-items:center!important}
.market-holiday-count-card{width:88px!important;height:66px!important;border-radius:14px!important}
.market-holiday-count-card strong{font-size:31px!important;line-height:1!important}
.market-holiday-copy>b{font-size:13px!important;line-height:1.25!important;white-space:normal!important}
.market-holiday-copy>small{font-size:9.5px!important}
.market-holiday-block.holiday-future .market-holiday-copy>b,.market-holiday-block.holiday-future .market-holiday-type{color:#66dfa2!important}
#dashboardView .activity-ticker-label b,#dashboardView .events-ticker-label b,#dashboardView .portfolio-path-head h2,#dashboardView .dashboard-chart-header h2,#dashboardView .intelligence-strip-head h2{font-size:13px!important;padding:4px 9px!important;border-radius:8px!important}
#dashboardView .portfolio-path-card,#dashboardView .chart-card,#dashboardView .dashboard-intelligence-strip{padding:18px!important}
#dashboardView .dashboard-chart-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:10px!important;margin-bottom:10px!important}
#dashboardView .dashboard-chart-header>div:first-child{flex:0 0 auto!important}
#dashboardView .growth-chart-tools,#dashboardView .unrealized-summary-cards{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;min-width:0!important}
#dashboardView .growth-range-buttons{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;scrollbar-width:none}
#dashboardView .growth-range-buttons::-webkit-scrollbar{display:none}
#dashboardView .growth-range-buttons button{padding:5px 7px!important;font-size:9px!important;white-space:nowrap!important}
#dashboardView .chart-glass-stat{min-width:88px!important;padding:6px 8px!important}
#dashboardView .snapshot-note,.portfolio-path-subtitle,.intelligence-strip-head>div>span{display:none!important}
.mirror-top-strip .top-kpi{position:relative;overflow:hidden}
.mirror-top-strip .top-kpi:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,29,.78),rgba(6,17,29,.28) 58%,rgba(6,17,29,.08));pointer-events:none;z-index:1}
.mirror-top-strip .top-kpi>h3,.mirror-top-strip .top-kpi>.num,.mirror-top-strip .top-kpi>.sar-line,.mirror-top-strip .top-kpi>.sub,.mirror-top-strip .top-kpi>.kpi-icon{position:relative;z-index:2}
@media(max-width:1180px) and (min-width:761px){.platform-top{grid-template-columns:235px minmax(0,1fr)!important}.market-status-header{grid-template-columns:1fr 1.2fr .78fr 1.28fr!important}.market-holiday-block{grid-template-columns:76px minmax(0,1fr)!important}.market-holiday-count-card{width:72px!important}}
@media(max-width:760px){.platform-top{grid-template-columns:1fr!important}.platform-top .platform-brand{width:min(100%,300px)!important}.market-status-header{grid-template-columns:1fr 1fr!important}.market-holiday-block{grid-template-columns:72px minmax(0,1fr)!important}.market-holiday-count-card{width:68px!important}.dashboard-chart-header{flex-wrap:wrap!important}.growth-chart-tools,.unrealized-summary-cards{width:100%!important;overflow-x:auto!important}}

/* Final market header pass — compact, split status, annual holiday list */
.main{padding-top:6px!important}
.platform-top{margin-top:-2px!important;margin-bottom:8px!important;padding-top:4px!important;padding-bottom:5px!important}
.market-status-header{grid-template-columns:1fr 1.38fr .72fr 2.05fr!important;gap:7px!important;min-height:76px!important;padding:5px!important}
.market-status-header .market-glass-block,.market-status-header .market-state-block{min-height:76px!important;padding:7px 10px!important}

/* Market state: bold live status on the right, quiet divider, timing on the left. */
.market-state-block{direction:rtl!important;display:grid!important;grid-template-columns:minmax(104px,.88fr) 1px minmax(145px,1.12fr)!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:stretch!important;gap:10px!important;text-align:right!important}
.market-state-title-zone{grid-column:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding-inline:2px}
.market-state-title-line{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.market-state-title-line .market-state-label{font-size:11px!important;font-weight:1000!important;line-height:1!important;color:#e7eef5!important;white-space:nowrap;text-shadow:0 1px 10px rgba(255,255,255,.06)}
.market-state-title-line .market-state-light{width:9px!important;height:9px!important;flex-basis:9px!important}
.market-state-title-zone .market-state-badge{font-size:14.5px!important;font-weight:1000!important;line-height:1.1!important;white-space:normal!important;text-align:right!important}
.market-state-divider{grid-column:2;width:1px;height:56px;justify-self:center;border-radius:99px;background:linear-gradient(180deg,transparent,rgba(170,201,227,.25) 20%,rgba(170,201,227,.25) 80%,transparent);box-shadow:0 0 10px rgba(123,183,224,.07)}
.market-state-details{grid-column:3;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.market-state-details .market-countdown-row{width:100%;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;gap:3px!important}
.market-state-details .market-countdown-row small{font-size:8.3px!important;line-height:1.15!important;white-space:normal!important;text-align:center!important}
.market-state-details .market-countdown{font-size:17px!important}
.market-state-details .market-next-target{width:100%;padding:3px 6px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.022);font-size:8px!important;text-align:center!important}
.market-state-block.premarket .market-state-light{color:#ffad4f!important}.market-state-block.open .market-state-light{color:#35df94!important}.market-state-block.afterhours .market-state-light{color:#63b4ff!important}.market-state-block.closed .market-state-light{color:#a9bacb!important}

/* Holiday card: keep the nearest holiday intact and use the right half for the rest of the year. */
.market-holiday-block{direction:rtl!important;display:grid!important;grid-template-columns:minmax(155px,1.08fr) 1px minmax(165px,1fr)!important;grid-template-rows:1fr!important;gap:9px!important;padding:7px 10px!important;text-align:right!important;overflow:hidden}
.market-holiday-upcoming{grid-column:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;gap:3px}
.market-holiday-divider{grid-column:2;width:1px;height:58px;justify-self:center;border-radius:99px;background:linear-gradient(180deg,transparent,rgba(111,220,195,.24) 18%,rgba(111,220,195,.24) 82%,transparent)}
.market-holiday-primary{grid-column:3;direction:ltr;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:8px}
.market-holiday-primary .market-holiday-copy{direction:rtl;min-width:0}
.market-holiday-primary .market-holiday-count-card{width:58px!important;height:60px!important;border-radius:12px!important}
.market-holiday-primary .market-holiday-count-card strong{font-size:27px!important}
.market-holiday-primary .market-holiday-copy>b{font-size:11px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.market-holiday-primary .market-holiday-copy>small{font-size:8px!important}
.market-holiday-primary .market-state-label{font-size:8.3px!important}
.market-holiday-type{font-size:7px!important;font-weight:1000!important;padding:3px 6px!important}
.market-holiday-type.full-close{color:#ffd5d9!important;border-color:rgba(255,103,121,.36)!important;background:rgba(255,73,96,.15)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.market-holiday-type.early-close{color:#ffd39b!important;border-color:rgba(255,173,79,.3)!important;background:rgba(255,158,47,.12)!important}
.market-holiday-upcoming-title{font-size:8.2px;font-weight:1000;color:#b9d7d1;line-height:1;white-space:nowrap}
.market-holiday-upcoming-list{display:grid;gap:2px;min-width:0}
.market-holiday-upcoming-item{direction:rtl;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:2px 4px;border:1px solid rgba(255,255,255,.045);border-radius:6px;background:rgba(255,255,255,.018)}
.market-holiday-upcoming-item>span{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}
.market-holiday-upcoming-item>span>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7.3px;color:#e4f0ed;font-weight:900}
.market-holiday-upcoming-item>span>small{font-size:6.5px!important;color:#91aaa5!important;white-space:nowrap;direction:ltr}
.market-holiday-upcoming-item>span>small em{font-style:normal;font-weight:950}
.market-holiday-upcoming-item.full-close>span>small em{color:#ff8d9a}.market-holiday-upcoming-item.early-close>span>small em{color:#ffc06f}
.market-holiday-upcoming-item>strong{font-size:7.5px;color:#73deb1;direction:ltr;white-space:nowrap}
.market-holiday-upcoming-empty{font-size:8px!important;color:#91aaa5!important}

/* Cash remaining is neutral at 100%, red below it, and green only above it. */
#cashPct.kpi-trend-negative,[id$="CashPct"].kpi-trend-negative{color:#ff6977!important}
#cashPct.kpi-trend-positive,[id$="CashPct"].kpi-trend-positive{color:#4ee39d!important}

@media(max-width:1180px) and (min-width:761px){
  .market-status-header{grid-template-columns:.92fr 1.3fr .68fr 1.72fr!important}
  .market-state-block{grid-template-columns:minmax(92px,.82fr) 1px minmax(130px,1.18fr)!important;gap:7px!important}
  .market-holiday-block{grid-template-columns:minmax(132px,1fr) 1px minmax(145px,1fr)!important;gap:6px!important}
  .market-holiday-primary{grid-template-columns:minmax(0,1fr) 50px;gap:5px}.market-holiday-primary .market-holiday-count-card{width:50px!important}
  .market-holiday-upcoming-item>span>b{font-size:6.8px}.market-holiday-upcoming-item>span>small{font-size:6px!important}
}
@media(max-width:760px){
  .main{padding-top:8px!important}.platform-top{margin-top:0!important}
  .market-status-header{grid-template-columns:1fr 1.35fr!important}
  .market-state-block{grid-template-columns:minmax(86px,.85fr) 1px minmax(105px,1.15fr)!important;gap:6px!important}
  .market-state-title-line .market-state-label{font-size:9.5px!important}.market-state-title-zone .market-state-badge{font-size:12px!important}.market-state-divider{height:48px}
  .market-weekend-block{grid-column:1/-1!important;grid-row:2!important;min-height:64px!important}
  .market-holiday-block{grid-column:1/-1!important;grid-row:3!important;min-height:104px!important;grid-template-columns:minmax(160px,1.08fr) 1px minmax(160px,1fr)!important}
  .market-holiday-upcoming-item>span>b{font-size:7px}.market-holiday-upcoming-item>span>small{font-size:6.2px!important}
}
/* Grid-row lock and compact holiday typography. */
.market-state-title-zone,.market-state-divider,.market-state-details{grid-row:1!important}
.market-holiday-primary,.market-holiday-divider,.market-holiday-upcoming{grid-row:1!important}
.market-holiday-upcoming,.market-holiday-upcoming-list,.market-holiday-upcoming-item,.market-holiday-upcoming-item *{min-height:0!important}
.market-holiday-upcoming-item b,.market-holiday-upcoming-item small,.market-holiday-upcoming-item strong,.market-holiday-upcoming-item em{margin:0!important;line-height:1!important}
.market-holiday-upcoming-list{gap:1px!important}
.market-holiday-upcoming-item{padding:1px 3px!important;min-height:12px!important}
.market-holiday-upcoming-title{margin:0!important;line-height:1!important}
@media(max-width:760px){
  .market-status-header .market-state-block{display:grid!important}
  .market-status-header .market-holiday-block{display:grid!important}
}


/* Final micro-polish requested: preserve all card dimensions */
/* Market state title centered like the neighboring header labels */
.market-state-block{position:relative!important;padding-top:25px!important}
.market-state-title-zone{grid-column:1!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding-inline:4px!important;gap:5px!important}
.market-state-title-line{position:absolute!important;top:8px!important;left:0!important;right:0!important;justify-content:center!important;gap:0!important}
.market-state-title-line .market-state-label{font-size:9px!important;font-weight:900!important;color:#9fb5c8!important;text-shadow:none!important;letter-spacing:.12px!important}
.market-state-title-line .market-state-light{display:none!important}
.market-state-title-zone .market-state-badge{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0!important;padding:6px 12px 6px 14px!important;font-size:14px!important;font-weight:1000!important;text-align:center!important;white-space:nowrap!important}
.market-state-title-zone .market-state-badge:before{content:"";width:10px;height:10px;border-radius:50%;flex:0 0 10px;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.035),0 0 14px currentColor}
.market-state-details .market-countdown-row small{font-size:9px!important;font-weight:850!important;color:#b8c8d8!important}
.market-state-details .market-next-target{font-size:8.8px!important;font-weight:850!important;color:#c3d2df!important}

/* Weekend: cleaner numeric treatment; remove the confusing unit text */
.market-weekend-main small{display:none!important}
.market-weekend-main{min-width:58px!important;padding-inline:12px!important}
.market-weekend-main strong{font-size:27px!important}

/* Holiday readability without changing the card box or grid dimensions */
.market-holiday-upcoming-title{font-size:7.8px!important;font-weight:900!important;color:#c6ddd8!important;letter-spacing:.03px!important}
.market-holiday-upcoming-item{padding:2px 4px!important;gap:5px!important}
.market-holiday-upcoming-item>span{gap:5px!important}
.market-holiday-upcoming-item>span>b{font-size:7.8px!important;font-weight:950!important;color:#f0f7f5!important}
.market-holiday-upcoming-item>span>small{font-size:7.1px!important;font-weight:850!important;color:#b5c8c4!important}
.market-holiday-upcoming-item>span>small em{display:inline-block;padding:1px 4px;border-radius:999px;font-weight:1000!important}
.market-holiday-upcoming-item.full-close>span>small em{color:#ffd7dc!important;background:rgba(255,78,101,.14)!important;border:1px solid rgba(255,100,119,.24)!important}
.market-holiday-upcoming-item.early-close>span>small em{color:#ffe0b4!important;background:rgba(255,163,53,.13)!important;border:1px solid rgba(255,179,81,.23)!important}
.market-holiday-upcoming-item>strong{font-size:8.4px!important;font-weight:1000!important;color:#8cecc3!important}
.market-holiday-primary{gap:12px!important}
.market-holiday-primary .market-holiday-copy{gap:5px!important}
.market-holiday-primary .market-holiday-copy>b{font-size:11.4px!important}
.market-holiday-primary .market-holiday-copy>small{font-size:8.7px!important;color:#bdd0d0!important}
.market-holiday-type{font-size:8.2px!important;font-weight:1000!important;padding:4px 8px!important}

/* Snapshot feature removed completely from the visible platform */
.side-capture-btn,.mobile-capture-btn{display:none!important}

@media(max-width:1180px) and (min-width:761px){
  .market-holiday-upcoming-item>span>b{font-size:7.2px!important}
  .market-holiday-upcoming-item>span>small{font-size:6.7px!important}
  .market-holiday-upcoming-item>strong{font-size:7.8px!important}
}
@media(max-width:760px){
  .market-state-block{padding-top:23px!important}
  .market-state-title-line{top:7px!important}
  .market-state-title-zone .market-state-badge{font-size:12.5px!important;padding:5px 9px!important}
}


/* Final approved header and settings clarity update — dimensions and calculations unchanged */
/* Keep the market-state title inside the right status zone and away from the center divider. */
.market-state-title-line{
  top:5px!important;
  right:10px!important;
  left:auto!important;
  width:41%!important;
  justify-content:center!important;
  transform:translateX(2px)!important;
  pointer-events:none!important;
}
.market-state-title-line .market-state-label{
  font-size:9.2px!important;
  font-weight:900!important;
  color:#9fb5c8!important;
  line-height:1!important;
}
.market-state-title-zone{
  padding-top:4px!important;
}
.market-state-title-zone .market-state-badge{
  margin-top:2px!important;
}

/* Weekly break card: clear wording, number-only counter, useful state caption. */
.market-weekend-block{
  grid-template-rows:auto 1fr auto!important;
  gap:2px!important;
}
.market-weekend-block>.market-state-label{
  font-size:8.6px!important;
  font-weight:900!important;
  color:#9fb5c8!important;
  white-space:nowrap!important;
}
.market-weekend-block>b{
  display:block!important;
  margin:0!important;
  font-size:7.8px!important;
  line-height:1!important;
  color:#aebfce!important;
  font-weight:850!important;
}
.market-weekend-block.is-holiday>b{
  color:#78e9b3!important;
}
.market-weekend-main{
  padding-inline:10px!important;
  min-width:54px!important;
}
.market-weekend-main strong{
  font-size:27px!important;
  line-height:1!important;
}

/* Holiday list: smaller section label, clearer names, dates, close badges, and day counts. */
.market-holiday-upcoming-title{
  font-size:7.2px!important;
  font-weight:900!important;
  color:#c6ddd8!important;
  letter-spacing:0!important;
}
.market-holiday-upcoming-item>span>b{
  font-size:8.35px!important;
  font-weight:1000!important;
  color:#f4faf8!important;
  text-shadow:0 0 8px rgba(255,255,255,.035)!important;
}
.market-holiday-upcoming-item>span>small{
  font-size:7.55px!important;
  font-weight:900!important;
  color:#c4d4d0!important;
}
.market-holiday-upcoming-item>span>small em{
  font-size:7.35px!important;
  padding:1.5px 4.5px!important;
}
.market-holiday-upcoming-item>strong{
  font-size:9px!important;
  font-weight:1000!important;
  color:#96f0ca!important;
}
.market-holiday-primary .market-state-label{
  font-size:8.8px!important;
  font-weight:950!important;
  color:#a9bdcf!important;
}
.market-holiday-primary .market-holiday-copy>b{
  font-size:11.8px!important;
  font-weight:1000!important;
}
.market-holiday-primary .market-holiday-copy>small{
  font-size:9px!important;
  font-weight:900!important;
  color:#c5d5d4!important;
}
.market-holiday-type{
  font-size:8.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  padding:4px 8px!important;
}

/* Settings rail: flags only, larger and clearer; Yahoo label more legible. */
.side-currency-pair{
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
  padding:5px!important;
}
.side-currency-pair span{
  height:30px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.018)!important;
}
.side-currency-pair span+span{
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.side-currency-pair i{
  display:block!important;
  font-size:20px!important;
  line-height:1!important;
  filter:saturate(1.12) contrast(1.05)!important;
  transform:translateY(-.5px)!important;
}
.side-yahoo-btn{
  height:34px!important;
  gap:6px!important;
}
.side-yahoo-btn b{
  font-size:10.5px!important;
  font-weight:1000!important;
  letter-spacing:.2px!important;
  color:#eef9ff!important;
  text-shadow:0 0 10px rgba(104,210,255,.16)!important;
}
.side-yahoo-btn span{
  font-size:15px!important;
}

@media(max-width:1180px) and (min-width:761px){
  .market-state-title-line{right:8px!important;width:42%!important}
  .market-holiday-upcoming-item>span>b{font-size:7.7px!important}
  .market-holiday-upcoming-item>span>small{font-size:7px!important}
  .market-holiday-upcoming-item>strong{font-size:8.4px!important}
}
@media(max-width:760px){
  .market-state-title-line{top:5px!important;right:7px!important;width:42%!important;transform:none!important}
  .market-state-title-line .market-state-label{font-size:8.8px!important}
  .market-weekend-block>.market-state-label{font-size:8.4px!important}
  .market-weekend-block>b{font-size:7.5px!important}
  .mobile-quick-tools{grid-template-columns:auto 1fr!important}
  .mobile-currencies{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:72px!important;
    padding:4px 7px!important;
  }
  .mobile-currencies span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:26px!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.025)!important;
    border:1px solid rgba(255,255,255,.055)!important;
    font-size:18px!important;
    line-height:1!important;
  }
  .mobile-yahoo-btn{
    font-size:10.2px!important;
    font-weight:1000!important;
    letter-spacing:.1px!important;
  }
}


/* V4.11.11 — focused requested refinements; existing card footprints stay locked. */
/* Holiday title: same calm header treatment as the neighboring market cards. */
.market-holiday-block{position:relative!important;padding-top:24px!important}
.market-holiday-card-title{position:absolute!important;top:7px!important;left:0!important;right:0!important;z-index:3;display:block!important;text-align:center!important;font-size:9px!important;font-weight:900!important;color:#9fb5c8!important;line-height:1!important;letter-spacing:.12px!important;pointer-events:none}
.market-holiday-primary,.market-holiday-divider,.market-holiday-upcoming{align-self:center!important}

/* Only the live status text and its lamp glow; the closed state remains calm grey. */
.market-state-block.premarket .market-state-badge{color:#ffad4f!important;text-shadow:0 0 12px rgba(255,173,79,.48),0 0 22px rgba(255,173,79,.18)!important}
.market-state-block.open .market-state-badge{color:#35df94!important;text-shadow:0 0 12px rgba(53,223,148,.5),0 0 22px rgba(53,223,148,.2)!important}
.market-state-block.afterhours .market-state-badge{color:#65b4ff!important;text-shadow:0 0 12px rgba(101,180,255,.5),0 0 22px rgba(101,180,255,.18)!important}
.market-state-block.closed .market-state-badge{color:#a9bacb!important;text-shadow:none!important}
.market-state-block.premarket .market-state-badge:before{background:#ffad4f!important;box-shadow:0 0 0 3px rgba(255,173,79,.06),0 0 15px rgba(255,173,79,.78)!important}
.market-state-block.open .market-state-badge:before{background:#35df94!important;box-shadow:0 0 0 3px rgba(53,223,148,.06),0 0 15px rgba(53,223,148,.8)!important}
.market-state-block.afterhours .market-state-badge:before{background:#65b4ff!important;box-shadow:0 0 0 3px rgba(101,180,255,.06),0 0 15px rgba(101,180,255,.8)!important}
.market-state-block.closed .market-state-badge:before{background:#8fa1b3!important;box-shadow:none!important;opacity:.82!important}

/* Used cash and open-position allocation share one meaning: high usage is risk/red. */
.top-kpi .sub.kpi-usage-danger,[id$="UsedPct"].kpi-usage-danger{color:#ff6977!important;font-weight:1000!important}
.top-kpi .sub.kpi-usage-warning,[id$="UsedPct"].kpi-usage-warning{color:#ffad4f!important;font-weight:1000!important}
.top-kpi .sub.kpi-usage-safe,[id$="UsedPct"].kpi-usage-safe{color:#4ee39d!important;font-weight:1000!important}

/* Percentage chips fit in the top-left of the existing unrealized summary boxes. */
#dashboardView .unrealized-mini-stat{position:relative!important;padding-top:8px!important}
#dashboardView .unrealized-mini-stat .unrealized-stat-pct{position:absolute!important;top:5px!important;left:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:15px!important;padding:0 4px!important;border:1px solid currentColor!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;font-size:7.7px!important;font-weight:1000!important;line-height:1!important;direction:ltr!important;opacity:.95!important}
#dashboardView .unrealized-mini-stat.neutral .unrealized-stat-pct{color:#9fb1c4!important}

/* Daily portfolio event: amount and percentage share the existing middle cell. */
#dashboardView .portfolio-event .event-daily-value{display:inline-flex!important;align-items:center!important;gap:6px!important;direction:ltr!important}
#dashboardView .portfolio-event .event-daily-value>span{font-size:11.8px!important;font-weight:1000!important;color:inherit!important}
#dashboardView .portfolio-event .event-daily-value>small{display:inline-flex!important;align-items:center!important;height:17px!important;padding:0 5px!important;border:1px solid currentColor!important;border-radius:999px!important;background:rgba(255,255,255,.03)!important;font-size:8.2px!important;font-weight:1000!important;color:inherit!important;line-height:1!important}
#dashboardView .portfolio-event.positive .event-daily-value{color:#43dfa0!important}
#dashboardView .portfolio-event.negative .event-daily-value{color:#ff6979!important}
#dashboardView .portfolio-event.neutral .event-daily-value{color:#eef5fb!important}

/* Open-position chart tooltip: smaller, clearer date, no time, and more transparent. */
#tradesView .trade-price-tooltip{min-width:82px!important;max-width:104px!important;padding:4px 6px!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(12,24,39,.68),rgba(5,14,24,.55))!important;border-color:rgba(255,255,255,.11)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 6px 16px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.045)!important}
#tradesView .trade-price-tooltip time{font-size:9px!important;font-weight:1000!important;color:#d2dfeb!important;letter-spacing:.1px!important}
#tradesView .trade-price-tooltip div{gap:4px!important;margin-top:2px!important;font-size:7.6px!important}
#tradesView .trade-price-tooltip strong{margin-top:2px!important;font-size:10.5px!important}

@media(max-width:760px){
  .market-holiday-block{padding-top:23px!important}
  .market-holiday-card-title{top:7px!important;font-size:8.7px!important}
  #dashboardView .portfolio-event .event-daily-value{gap:4px!important}
  #dashboardView .portfolio-event .event-daily-value>small{font-size:7.6px!important;padding-inline:4px!important}
}


/* V4.11.12 — precision polish requested on the approved focused-refinements build. */
/* Unify the four market-card headers without changing any card footprint. */
.market-status-header .market-panel-kicker,
.market-state-title-line .market-state-label,
.market-weekend-block > .market-state-label,
.market-holiday-card-title{
  font-size:9.2px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12px!important;
  color:#9fb5c8!important;
}
.market-holiday-card-title{top:7px!important}

/* Annual-holidays subheading: quieter size, clear orange accent. */
.market-holiday-upcoming-title{
  font-size:6.8px!important;
  font-weight:950!important;
  color:#ffad4f!important;
  text-shadow:0 0 9px rgba(255,173,79,.12)!important;
  letter-spacing:0!important;
}

/* Move the nearest-holiday copy only a few pixels left; count card and layout stay locked. */
.market-holiday-primary .market-holiday-copy{
  transform:translateX(-4px)!important;
}

/* The small lower market strip now describes the next live event, on one compact line. */
.market-state-details .market-next-target{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:18px!important;
  padding:3px 7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.market-state-details .market-next-target>b{
  flex:0 0 auto!important;
  margin:0!important;
  font-size:7.7px!important;
  font-weight:1000!important;
  color:#ffad4f!important;
  line-height:1!important;
}
.market-state-details .market-next-target>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:8.5px!important;
  font-weight:900!important;
  color:#c9d7e3!important;
  line-height:1!important;
  direction:rtl!important;
}

/* Professional horizontal summaries: use width, never extra height, so the chart is not compressed. */
#dashboardView .unrealized-summary-cards{
  flex:0 0 auto!important;
  align-items:center!important;
  gap:7px!important;
  overflow:visible!important;
}
#dashboardView .unrealized-mini-stat{
  box-sizing:border-box!important;
  width:clamp(116px,10.5vw,142px)!important;
  min-width:116px!important;
  height:48px!important;
  min-height:48px!important;
  padding:5px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(42px,auto) minmax(0,1fr)!important;
  grid-template-rows:13px 17px 11px!important;
  align-content:center!important;
  align-items:center!important;
  gap:1px 7px!important;
  direction:ltr!important;
  text-align:right!important;
  overflow:hidden!important;
}
#dashboardView .unrealized-mini-stat>span{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  font-size:8.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
#dashboardView .unrealized-mini-stat>.unrealized-stat-pct{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:40px!important;
  height:17px!important;
  padding:0 6px!important;
  font-size:9.2px!important;
  font-weight:1000!important;
  line-height:1!important;
  border-radius:999px!important;
  direction:ltr!important;
}
#dashboardView .unrealized-mini-stat>b{
  grid-column:1/-1!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:end!important;
  margin:0!important;
  font-size:14.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:ltr!important;
}
#dashboardView .unrealized-mini-stat>small{
  grid-column:1/-1!important;
  grid-row:3!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  font-size:9.3px!important;
  font-weight:950!important;
  line-height:1!important;
  direction:ltr!important;
}

/* Growth result uses the same visual hierarchy as total / daily unrealized. */
#dashboardView .growth-period-stat{
  box-sizing:border-box!important;
  width:clamp(116px,10vw,136px)!important;
  min-width:116px!important;
  height:48px!important;
  min-height:48px!important;
  padding:5px 9px!important;
  display:grid!important;
  grid-template-columns:minmax(42px,auto) minmax(0,1fr)!important;
  grid-template-rows:13px 17px 11px!important;
  align-content:center!important;
  align-items:center!important;
  gap:1px 7px!important;
  direction:ltr!important;
  text-align:right!important;
  overflow:hidden!important;
}
#dashboardView .growth-period-stat>span{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  font-size:8.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
#dashboardView .growth-period-stat>b{
  grid-column:1/-1!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:end!important;
  margin:0!important;
  font-size:14.5px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:ltr!important;
}
#dashboardView .growth-period-stat>.period-secondary{display:contents!important}
#dashboardView .growth-period-stat>.period-secondary>em{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:40px!important;
  height:17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 6px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  font-size:9.2px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:ltr!important;
}
#dashboardView .growth-period-stat>.period-secondary>small{
  grid-column:1/-1!important;
  grid-row:3!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  font-size:9.3px!important;
  font-weight:950!important;
  line-height:1!important;
  direction:ltr!important;
}

/* Dashboard chart hover cards: date only, clearer weight rather than oversized type. */
#dashboardView .dashboard-chart-tooltip .dashboard-tooltip-date{
  font-size:8px!important;
  font-weight:1000!important;
  color:#e1ebf4!important;
  letter-spacing:.08px!important;
}

/* Open-position chart hover: a touch smaller percentage and a lighter glass surface. */
#tradesView .trade-price-tooltip{
  background:linear-gradient(145deg,rgba(12,24,39,.56),rgba(5,14,24,.43))!important;
  border-color:rgba(255,255,255,.095)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.04)!important;
}
#tradesView .trade-price-tooltip div>b{
  font-size:7.15px!important;
  font-weight:1000!important;
}

@media(max-width:1180px) and (min-width:761px){
  #dashboardView .unrealized-mini-stat{width:118px!important;min-width:118px!important}
  #dashboardView .growth-period-stat{width:116px!important;min-width:116px!important}
}
@media(max-width:760px){
  .market-status-header .market-panel-kicker,
  .market-state-title-line .market-state-label,
  .market-weekend-block > .market-state-label,
  .market-holiday-card-title{font-size:8.7px!important}
  .market-holiday-primary .market-holiday-copy{transform:translateX(-2px)!important}
  #dashboardView .unrealized-mini-stat{width:126px!important;min-width:126px!important}
  #dashboardView .growth-period-stat{width:122px!important;min-width:122px!important}
}


/* V4.11.13 — final card refinement on the approved V4.11.12 build. */
/* Holiday headings: only reduce type, leaving the approved layout untouched. */
.market-holiday-card-title{
  font-size:8.35px!important;
}
.market-holiday-upcoming-title{
  font-size:6.15px!important;
}

/* Shared premium KPI-card language for daily, total, and portfolio growth. */
#dashboardView .unrealized-mini-stat,
#dashboardView .growth-period-stat{
  --summary-tone:#85a3bf;
  --summary-rgb:133,163,191;
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  width:clamp(138px,11.7vw,158px)!important;
  min-width:138px!important;
  height:48px!important;
  min-height:48px!important;
  padding:5px 10px 5px 11px!important;
  display:grid!important;
  grid-template-columns:minmax(48px,auto) minmax(0,1fr)!important;
  grid-template-rows:12px 19px 11px!important;
  align-content:center!important;
  align-items:center!important;
  gap:0 9px!important;
  direction:ltr!important;
  text-align:right!important;
  overflow:hidden!important;
  border:1px solid rgba(var(--summary-rgb),.28)!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 9% 88%,rgba(var(--summary-rgb),.10),transparent 42%),
    linear-gradient(145deg,rgba(16,30,48,.96),rgba(7,17,29,.93))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.055),
    0 8px 22px rgba(0,0,0,.19),
    0 0 14px rgba(var(--summary-rgb),.075)!important;
}
#dashboardView .unrealized-mini-stat::before,
#dashboardView .growth-period-stat::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-1px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:var(--summary-tone);
  box-shadow:0 0 9px rgba(var(--summary-rgb),.72);
  opacity:.95;
}
#dashboardView .unrealized-mini-stat::after,
#dashboardView .growth-period-stat::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:8px;
  right:8px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(var(--summary-rgb),.75),rgba(var(--summary-rgb),.08),transparent);
  box-shadow:0 0 8px rgba(var(--summary-rgb),.35);
}
#dashboardView .unrealized-mini-stat.positive,
#dashboardView .growth-period-stat.positive{
  --summary-tone:#57e8a6;
  --summary-rgb:87,232,166;
}
#dashboardView .unrealized-mini-stat.negative,
#dashboardView .growth-period-stat.negative{
  --summary-tone:#ff6e7c;
  --summary-rgb:255,110,124;
}
#dashboardView .unrealized-mini-stat.neutral,
#dashboardView .growth-period-stat.neutral{
  --summary-tone:#7cbcff;
  --summary-rgb:124,188,255;
}

/* Titles remain calm, while all values—including SAR—follow the card state. */
#dashboardView .unrealized-mini-stat>span,
#dashboardView .growth-period-stat>span{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  color:rgba(var(--summary-rgb),.90)!important;
  font-size:8.2px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
#dashboardView .unrealized-mini-stat>b,
#dashboardView .growth-period-stat>b{
  position:static!important;
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:end!important;
  margin:0!important;
  color:var(--summary-tone)!important;
  font-size:15.2px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:ltr!important;
  text-shadow:0 0 10px rgba(var(--summary-rgb),.10)!important;
  white-space:nowrap!important;
}
#dashboardView .unrealized-mini-stat>small,
#dashboardView .growth-period-stat>.period-secondary>small{
  position:static!important;
  grid-column:2!important;
  grid-row:3!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  color:var(--summary-tone)!important;
  font-size:9.2px!important;
  font-weight:950!important;
  line-height:1!important;
  direction:ltr!important;
  opacity:.96!important;
  white-space:nowrap!important;
}
#dashboardView .unrealized-mini-stat>.unrealized-stat-pct,
#dashboardView .growth-period-stat>.period-secondary>em{
  position:static!important;
  grid-column:1!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:43px!important;
  height:19px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 6px!important;
  border:1px solid rgba(var(--summary-rgb),.42)!important;
  border-radius:999px!important;
  background:rgba(var(--summary-rgb),.08)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 9px rgba(var(--summary-rgb),.06)!important;
  color:var(--summary-tone)!important;
  font-size:10.1px!important;
  font-weight:1000!important;
  line-height:1!important;
  direction:ltr!important;
  opacity:1!important;
  white-space:nowrap!important;
}
#dashboardView .growth-period-stat>.period-secondary{
  display:contents!important;
}

/* Open-position hover: make the direction the clearest label, without oversizing it. */
#tradesView .trade-price-tooltip time{
  font-size:8px!important;
}
#tradesView .trade-price-tooltip div{
  font-size:8px!important;
}
#tradesView .trade-price-tooltip div>span{
  font-size:9.25px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.05px!important;
}
#tradesView .trade-price-tooltip.up div>span{color:#59e8a7!important;text-shadow:0 0 8px rgba(89,232,167,.18)}
#tradesView .trade-price-tooltip.down div>span{color:#ff7683!important;text-shadow:0 0 8px rgba(255,118,131,.16)}
#tradesView .trade-price-tooltip.flat div>span{color:#88bfff!important}
#tradesView .trade-price-tooltip div>b{
  font-size:7.9px!important;
  font-weight:950!important;
}

@media(max-width:1180px) and (min-width:761px){
  #dashboardView .unrealized-mini-stat,
  #dashboardView .growth-period-stat{width:136px!important;min-width:136px!important}
}
@media(max-width:760px){
  .market-holiday-card-title{font-size:8.1px!important}
  .market-holiday-upcoming-title{font-size:5.95px!important}
  #dashboardView .unrealized-mini-stat,
  #dashboardView .growth-period-stat{width:130px!important;min-width:130px!important}
  #dashboardView .unrealized-mini-stat>b,
  #dashboardView .growth-period-stat>b{font-size:14.3px!important}
  #dashboardView .unrealized-mini-stat>.unrealized-stat-pct,
  #dashboardView .growth-period-stat>.period-secondary>em{font-size:9.5px!important;min-width:40px!important}
}

/* Keep the state rails above the glass surface and the card content above the rails. */
#dashboardView .unrealized-mini-stat::before,
#dashboardView .unrealized-mini-stat::after,
#dashboardView .growth-period-stat::before,
#dashboardView .growth-period-stat::after{z-index:0!important}
#dashboardView .unrealized-mini-stat>span,
#dashboardView .unrealized-mini-stat>b,
#dashboardView .unrealized-mini-stat>small,
#dashboardView .unrealized-mini-stat>.unrealized-stat-pct,
#dashboardView .growth-period-stat>span,
#dashboardView .growth-period-stat>b,
#dashboardView .growth-period-stat>.period-secondary>small,
#dashboardView .growth-period-stat>.period-secondary>em{z-index:1!important}

/* V4.11.14 — compact readability balance requested after V4.11.13. */
/* Header holiday labels: reduce only the typography, keep the approved layout. */
.market-holiday-card-title{
  font-size:7.55px!important;
}
.market-holiday-upcoming-title{
  font-size:5.55px!important;
}

/* Give the three chart summary cards a little more horizontal breathing room. */
#dashboardView .unrealized-mini-stat,
#dashboardView .growth-period-stat{
  width:clamp(158px,13vw,178px)!important;
  min-width:158px!important;
  grid-template-columns:minmax(50px,auto) minmax(84px,1fr)!important;
  gap:0 10px!important;
  padding-inline:12px!important;
}
#dashboardView .unrealized-mini-stat>b,
#dashboardView .growth-period-stat>b{
  max-width:100%!important;
  font-size:14.8px!important;
  letter-spacing:-.15px!important;
}
#dashboardView .unrealized-mini-stat>.unrealized-stat-pct,
#dashboardView .growth-period-stat>.period-secondary>em{
  min-width:46px!important;
  padding-inline:6px!important;
}

/* Portfolio-events live ticker: daily percentage is plain text at the same visual level. */
#dashboardView .portfolio-event .event-daily-value>small{
  display:inline!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11.8px!important;
  font-weight:1000!important;
  line-height:1!important;
}

/* Open-position hover: percentage matches the direction label size. */
#tradesView .trade-price-tooltip div>b{
  font-size:9.25px!important;
  font-weight:1000!important;
  line-height:1!important;
}

@media(max-width:1180px) and (min-width:761px){
  #dashboardView .unrealized-mini-stat,
  #dashboardView .growth-period-stat{width:154px!important;min-width:154px!important}
}
@media(max-width:760px){
  .market-holiday-card-title{font-size:7.35px!important}
  .market-holiday-upcoming-title{font-size:5.35px!important}
  #dashboardView .unrealized-mini-stat,
  #dashboardView .growth-period-stat{width:142px!important;min-width:142px!important;padding-inline:9px!important;gap:0 7px!important;grid-template-columns:minmax(43px,auto) minmax(76px,1fr)!important}
  #dashboardView .unrealized-mini-stat>b,
  #dashboardView .growth-period-stat>b{font-size:13.8px!important}
  #dashboardView .portfolio-event .event-daily-value>small{font-size:10.8px!important}
}


/* =========================================================
   Waleed Trade V4.11.15 — exact header type + spacing fix
   ========================================================= */
/* Remove the old visual mismatch: all four main market-card headings use one exact size. */
.market-status-header .market-panel-kicker,
.market-state-title-line .market-state-label,
.market-weekend-block > .market-state-label,
.market-holiday-card-title{
  font-size:9.2px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12px!important;
  color:#9fb5c8!important;
}
.market-holiday-card-title{top:7px!important}
.market-holiday-upcoming-title{
  font-size:6.8px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#ffad4f!important;
  letter-spacing:0!important;
}

/* Make the final weekly-break caption easier to read without changing the card footprint. */
.market-weekend-block>b{
  font-size:8.6px!important;
  font-weight:950!important;
  line-height:1.05!important;
  color:#d3e0eb!important;
  letter-spacing:.02px!important;
}
.market-weekend-block.is-holiday>b{color:#78e9b3!important}

/* Growth card gets a wider value lane so long dollar values never collide with the percentage. */
#dashboardView .growth-period-stat{
  width:clamp(178px,14.7vw,198px)!important;
  min-width:178px!important;
  grid-template-columns:52px minmax(100px,1fr)!important;
  gap:0 13px!important;
  padding-inline:13px!important;
}
#dashboardView .growth-period-stat>b{
  max-width:100%!important;
  font-size:14.8px!important;
  letter-spacing:-.2px!important;
}
#dashboardView .growth-period-stat>.period-secondary>em{
  min-width:47px!important;
  padding-inline:6px!important;
}

/* Daily and total: enlarge only the percentage pill by one visual step. */
#dashboardView .unrealized-mini-stat>.unrealized-stat-pct{
  min-width:49px!important;
  height:20px!important;
  padding-inline:7px!important;
  font-size:10.7px!important;
}

/* Portfolio events: daily change shows USD + direction + plain percentage; SAR is intentionally removed. */
#dashboardView .portfolio-event.daily-summary{
  grid-template-columns:22px auto!important;
  gap:8px!important;
}
#dashboardView .portfolio-event.daily-summary .event-symbol{
  font-size:16px!important;
  font-weight:1000!important;
}
#dashboardView .portfolio-event.daily-summary .event-daily-value{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  direction:ltr!important;
}
#dashboardView .portfolio-event.daily-summary .event-daily-value>span,
#dashboardView .portfolio-event.daily-summary .event-daily-value>small{
  font-size:11.8px!important;
  font-weight:1000!important;
  line-height:1!important;
}
#dashboardView .portfolio-event.daily-summary .event-daily-value>small{
  display:inline!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

@media(max-width:1180px) and (min-width:761px){
  #dashboardView .growth-period-stat{width:172px!important;min-width:172px!important;grid-template-columns:50px minmax(96px,1fr)!important;gap:0 11px!important}
}
@media(max-width:760px){
  .market-status-header .market-panel-kicker,
  .market-state-title-line .market-state-label,
  .market-weekend-block > .market-state-label,
  .market-holiday-card-title{font-size:8.7px!important}
  .market-holiday-upcoming-title{font-size:6.35px!important}
  .market-weekend-block>b{font-size:8.2px!important}
  #dashboardView .growth-period-stat{width:156px!important;min-width:156px!important;grid-template-columns:47px minmax(86px,1fr)!important;gap:0 8px!important;padding-inline:10px!important}
  #dashboardView .unrealized-mini-stat>.unrealized-stat-pct{min-width:46px!important;height:19px!important;font-size:10.1px!important;padding-inline:6px!important}
  #dashboardView .portfolio-event.daily-summary .event-daily-value{gap:5px!important}
  #dashboardView .portfolio-event.daily-summary .event-daily-value>span,
  #dashboardView .portfolio-event.daily-summary .event-daily-value>small{font-size:10.8px!important}
}

/* =========================================================
   Waleed Trade V4.11.16 — final micro-polish
   ========================================================= */
/* 1) Holiday labels: improve clarity by one restrained step. */
.market-holiday-type.full-close{
  font-size:8.8px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.market-holiday-upcoming-title{
  font-size:7.25px!important;
  font-weight:1000!important;
  line-height:1!important;
}

/* 2) Unrealized total card: keep the percent pill clearly separated from USD. */
#dashboardView #unrealizedTotalCard{
  grid-template-columns:minmax(52px,auto) minmax(88px,1fr)!important;
  column-gap:15px!important;
  width:clamp(164px,13.5vw,184px)!important;
  min-width:164px!important;
}
#dashboardView #unrealizedTotalCard>.unrealized-stat-pct{
  justify-self:start!important;
  margin-right:0!important;
}

/* 3) Open-position hover: direction + percentage inside one centered glass pill. */
#tradesView .trade-price-tooltip>div{
  width:max-content!important;
  max-width:calc(100% - 8px)!important;
  min-height:20px!important;
  margin:5px auto 3px!important;
  padding:3px 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 3px 10px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
#tradesView .trade-price-tooltip>div>span,
#tradesView .trade-price-tooltip>div>b{
  font-size:10.25px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#tradesView .trade-price-tooltip.up>div{
  border-color:rgba(89,232,167,.22)!important;
  background:rgba(89,232,167,.075)!important;
}
#tradesView .trade-price-tooltip.down>div{
  border-color:rgba(255,118,131,.22)!important;
  background:rgba(255,118,131,.075)!important;
}
#tradesView .trade-price-tooltip.flat>div{
  border-color:rgba(136,191,255,.20)!important;
  background:rgba(136,191,255,.065)!important;
}

@media(max-width:760px){
  .market-holiday-type.full-close{font-size:8.35px!important}
  .market-holiday-upcoming-title{font-size:6.85px!important}
  #dashboardView #unrealizedTotalCard{
    width:148px!important;
    min-width:148px!important;
    grid-template-columns:minmax(47px,auto) minmax(76px,1fr)!important;
    column-gap:10px!important;
  }
  #tradesView .trade-price-tooltip>div>span,
  #tradesView .trade-price-tooltip>div>b{font-size:9.8px!important}
}


/* =========================================================
   Waleed Trade V4.11.17 — three focused refinements only
   ========================================================= */
/* 1) Compact the desktop header by one small step. */
@media(min-width:761px){
  .platform-top{
    padding-top:2px!important;
    padding-bottom:3px!important;
  }
  .platform-top .platform-brand{
    min-height:76px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  .market-status-header{
    min-height:72px!important;
  }
  .market-status-header .market-glass-block,
  .market-status-header .market-state-block{
    min-height:72px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
}

/* 2) Unrealized P/L total: give the percentage pill a clearly separate lane. */
#dashboardView #unrealizedTotalCard{
  grid-template-columns:minmax(54px,auto) minmax(94px,1fr)!important;
  column-gap:24px!important;
  width:clamp(176px,14.4vw,198px)!important;
  min-width:176px!important;
}
#dashboardView #unrealizedTotalCard>.unrealized-stat-pct{
  justify-self:start!important;
  margin-left:0!important;
  transform:translateX(-2px)!important;
}

/* 3) Portfolio events daily change: wallet mark before the USD value. */
#dashboardView .portfolio-event.daily-summary{
  grid-template-columns:20px 18px auto!important;
  gap:7px!important;
}
#dashboardView .portfolio-event.daily-summary .event-wallet{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#dceaf5!important;
  opacity:.92!important;
}
#dashboardView .portfolio-event.daily-summary .event-wallet svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:760px){
  #dashboardView #unrealizedTotalCard{
    width:158px!important;
    min-width:158px!important;
    grid-template-columns:minmax(48px,auto) minmax(80px,1fr)!important;
    column-gap:14px!important;
  }
  #dashboardView .portfolio-event.daily-summary{
    grid-template-columns:18px 16px auto!important;
    gap:5px!important;
  }
  #dashboardView .portfolio-event.daily-summary .event-wallet,
  #dashboardView .portfolio-event.daily-summary .event-wallet svg{
    width:16px!important;
    height:16px!important;
  }
}

/* Waleed Trade V4.11.18 — PIN security */
html.wt-auth-locked, html.wt-auth-locked body{overflow:hidden!important}
#wtAuthGate[hidden]{display:none!important}
#wtAuthGate{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(22,113,255,.16),transparent 38%),rgba(3,9,17,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.wt-auth-card{width:min(430px,100%);padding:30px 28px 26px;border:1px solid rgba(123,177,255,.2);border-radius:26px;background:linear-gradient(145deg,rgba(15,30,51,.94),rgba(7,16,29,.94));box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);text-align:center}
.wt-auth-brand{font-size:29px;font-weight:900;letter-spacing:.4px;color:#f4f8ff}.wt-auth-brand span{color:#59a7ff}
.wt-auth-version{margin-top:3px;font-size:11px;color:#6f839e;letter-spacing:1.4px}
.wt-auth-title{margin:25px 0 6px;font-size:18px;font-weight:800;color:#eaf2ff}.wt-auth-subtitle{margin:0 0 18px;color:#8fa4bf;font-size:13px}
.wt-pin-wrap{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border:1px solid rgba(111,167,239,.22);border-radius:15px;background:rgba(5,13,24,.72)}
.wt-pin-wrap:focus-within{border-color:rgba(56,153,255,.7);box-shadow:0 0 0 3px rgba(36,133,255,.1)}
#wtPinInput{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#f5f9ff!important;text-align:center;font-size:24px!important;letter-spacing:9px;font-weight:900;padding:10px 2px!important;box-shadow:none!important}
#wtTogglePin{border:0;background:transparent;color:#7fb6f3;font-size:12px;font-weight:800;padding:9px;cursor:pointer}
.wt-auth-options{display:flex;align-items:center;justify-content:flex-start;margin:14px 2px 17px;color:#a7b8cc;font-size:12px}.wt-auth-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.wt-auth-options input{accent-color:#2f94ff}
#wtLoginBtn{width:100%;border:1px solid rgba(87,168,255,.4);border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,#1675e7,#2399ff);color:white;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(17,119,231,.25)}
#wtLoginBtn:disabled{opacity:.55;cursor:not-allowed}.wt-auth-message{min-height:20px;margin-top:11px;font-size:12px;font-weight:700}.wt-auth-message.error{color:#ff7f88}.wt-auth-message.success{color:#55dda0}
.security-pin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.security-pin-grid input{text-align:center;letter-spacing:3px}.security-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.security-bad{color:#ff7f88!important}.security-good{color:#55dda0!important}
@media(max-width:640px){.wt-auth-card{padding:25px 18px 22px;border-radius:22px}.security-pin-grid{grid-template-columns:1fr}}


/* V4.11.21 - Compact portfolio PDF reports */
.reports-settings-section{grid-column:1/-1;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(34,190,255,.13),transparent 34%),linear-gradient(145deg,rgba(12,31,49,.96),rgba(7,19,31,.98));border-color:rgba(80,197,247,.24)}
.reports-settings-section:after{content:"";position:absolute;inset:auto -85px -110px auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(32,215,120,.11),transparent 68%);pointer-events:none}
.reports-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;position:relative;z-index:1}
.reports-settings-head h3{margin:0 0 6px!important;font-size:16px!important}
.reports-settings-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;max-width:680px}
.reports-pdf-badge{direction:ltr;display:grid;place-items:center;min-width:48px;height:28px;border:1px solid rgba(98,210,255,.35);border-radius:9px;background:rgba(64,184,238,.1);color:#74d9ff;font-size:11px;font-weight:1000;letter-spacing:1px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.report-export-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.report-export-button{appearance:none;border:1px solid rgba(130,167,193,.22);border-radius:13px;background:linear-gradient(145deg,rgba(19,43,64,.88),rgba(10,26,42,.94));color:var(--text);padding:13px 14px;display:grid;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:11px;text-align:right;cursor:pointer;transition:.18s ease;box-shadow:inset 0 1px rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.12)}
.report-export-button:hover{transform:translateY(-1px);border-color:rgba(84,201,249,.48);box-shadow:inset 0 1px rgba(255,255,255,.075),0 13px 28px rgba(0,0,0,.18)}
.report-export-button:disabled{opacity:.62;cursor:wait;transform:none}
.report-export-button>span:nth-child(2){display:grid;gap:3px;min-width:0}
.report-export-button b{font-size:14px;font-weight:950}
.report-export-button small{color:#879caf;font-size:10.5px;white-space:normal;line-height:1.45}
.report-export-button>i{font-style:normal;font-size:21px;color:#70d5ff;text-align:center}
.report-export-icon{direction:ltr;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:1000;border:1px solid rgba(80,205,255,.28);background:linear-gradient(145deg,rgba(44,176,231,.2),rgba(21,92,137,.08));color:#79dbff}
.report-export-button.monthly .report-export-icon{border-color:rgba(50,222,143,.28);background:linear-gradient(145deg,rgba(37,200,126,.19),rgba(18,96,65,.08));color:#63e6a4}
.report-export-button.monthly>i{color:#63e6a4}
@media(max-width:700px){.report-export-buttons{grid-template-columns:1fr}.reports-settings-head{align-items:center}.reports-settings-head p{font-size:11px}.report-export-button{padding:12px}}


/* =========================================================
   Waleed Trade V4.12.2 — Live extended range, overlay timeline, current value
   ========================================================= */

/* Dashboard: focused portfolio summary instead of every minor movement. */
#dashboardView .events-ticker-label{min-width:132px!important}
#dashboardView .portfolio-event.usage-summary{grid-template-columns:22px auto auto!important;gap:8px!important}
#dashboardView .event-usage-value{display:flex!important;align-items:center!important;gap:6px!important;direction:rtl!important}
#dashboardView .event-usage-value b{color:#9eb3c5!important;font-size:8.5px!important;font-weight:900!important}
#dashboardView .event-usage-value span{direction:ltr;color:inherit;font-size:11.8px!important;font-weight:1000!important}
#dashboardView .event-usage-total{direction:ltr;color:#dce8f2!important;font-size:9px!important}
#dashboardView .portfolio-event.strong-move{position:relative;overflow:hidden}
#dashboardView .portfolio-event.strong-move:after{content:"";position:absolute;inset:auto 5px 3px 5px;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.65}
#dashboardView .portfolio-event.strong-move.positive{box-shadow:0 0 16px rgba(48,221,145,.10),inset 0 1px rgba(255,255,255,.06)!important}
#dashboardView .portfolio-event.strong-move.negative{box-shadow:0 0 16px rgba(255,96,114,.10),inset 0 1px rgba(255,255,255,.06)!important}
#dashboardView .portfolio-event .strong-bolt{font-size:12px!important}

/* Open positions: compact day range inside the former update cell. */
#tradesView .premium-stats-row>.day-range-stat{padding:1px 8px!important;display:grid!important;grid-template-rows:auto auto 19px!important;align-content:center!important;gap:1px!important;overflow:visible!important;direction:ltr!important}
#tradesView .day-range-title{direction:rtl!important;text-align:center!important;margin:0!important;font-size:9px!important;line-height:1!important;color:color-mix(in srgb,var(--text) 70%,var(--muted))!important;font-weight:850!important}
#tradesView .day-range-values{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;min-width:0!important;direction:ltr!important}
#tradesView .day-range-values b{display:block!important;margin:0!important;overflow:visible!important;color:#c9d7e3!important;font-size:9.2px!important;line-height:1!important;text-overflow:clip!important;white-space:nowrap!important}
#tradesView .day-range-track{position:relative!important;height:18px!important;margin:0 3px!important;overflow:visible!important}
#tradesView .day-range-track:before{content:"";position:absolute;left:0;right:0;top:5px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(131,151,171,.30),rgba(174,190,205,.52),rgba(131,151,171,.30));box-shadow:inset 0 1px 1px rgba(0,0,0,.28)}
#tradesView .day-range-track i{position:absolute;left:var(--range-position);top:1px;width:10px;height:10px;border:2px solid #07111d;border-radius:50%;background:var(--range-tone,#f2a13a);box-shadow:0 0 8px color-mix(in srgb,var(--range-tone,#f2a13a) 70%,transparent);transform:translateX(-50%);z-index:2}
#tradesView .day-range-track em{position:absolute;left:clamp(21px,var(--range-position),calc(100% - 21px));top:11px;max-width:66px;overflow:visible;transform:translateX(-50%);color:var(--range-tone,#f2a13a)!important;font-size:8.5px!important;font-style:normal!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;z-index:3}
#tradesView .day-range-stat.low{--range-tone:#ff6574}
#tradesView .day-range-stat.mid{--range-tone:#f3a33d}
#tradesView .day-range-stat.high{--range-tone:#42de9b}
#tradesView .day-range-stat.unavailable{grid-template-rows:auto 1fr!important;place-content:center!important;gap:5px!important;direction:rtl!important}
#tradesView .day-range-empty{display:block!important;margin:0!important;color:#768a9d!important;font-size:8.5px!important;line-height:1.15!important;white-space:normal!important}

/* Inline stock timeline, shown only for reinforced positions. */
#tradesView .timeline-toggle{border-color:rgba(91,183,255,.55)!important;background:linear-gradient(145deg,rgba(56,154,229,.14),rgba(79,94,220,.08))!important;color:#8ed5ff!important;box-shadow:0 0 11px rgba(50,165,238,.08)!important}
#tradesView .timeline-toggle .reinforcement-icon{color:#8ed5ff!important}
#tradesView .timeline-panel{padding:10px 11px!important;border-color:rgba(75,180,241,.24)!important;background:linear-gradient(145deg,rgba(36,120,178,.065),rgba(74,84,182,.035))!important}
#tradesView .timeline-flow{position:relative;display:grid;gap:8px;padding:1px 0}
#tradesView .timeline-flow:before{content:"";position:absolute;top:10px;bottom:10px;right:7px;width:1px;background:linear-gradient(180deg,rgba(82,198,255,.62),rgba(105,120,255,.22))}
#tradesView .timeline-event{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:7px;align-items:start;direction:rtl}
#tradesView .timeline-node{position:relative;z-index:2;width:9px;height:9px;margin:8px 3px 0 0;border:2px solid #08121e;border-radius:50%;background:#59c8ff;box-shadow:0 0 8px rgba(89,200,255,.52)}
#tradesView .timeline-event.reinforcement .timeline-node{background:#8d9bff;box-shadow:0 0 8px rgba(122,137,255,.48)}
#tradesView .timeline-event-body{min-width:0;padding:7px 9px;border:1px solid rgba(132,171,205,.14);border-radius:9px;background:rgba(255,255,255,.024)}
#tradesView .timeline-event-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
#tradesView .timeline-event-head b{color:#e5f2fb;font-size:10.5px}
#tradesView .timeline-event-head time{direction:ltr;color:#8195a9;font-size:8.5px;font-weight:800}
#tradesView .timeline-event-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#tradesView .timeline-event-metrics span{display:grid;gap:3px;color:#8095a9;font-size:8px;font-weight:800}
#tradesView .timeline-event-metrics strong{direction:ltr;color:#d9e8f3;font-size:9.5px;white-space:nowrap}
#tradesView .timeline-final-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(115,169,207,.16)}
#tradesView .timeline-final-summary>div{display:grid;gap:4px;padding:7px;border:1px solid rgba(89,184,239,.14);border-radius:8px;background:rgba(43,142,203,.04);text-align:center}
#tradesView .timeline-final-summary span{color:#8197aa;font-size:8.5px;font-weight:850}
#tradesView .timeline-final-summary b{direction:ltr;color:#8ed7ff;font-size:10.5px}
#tradesView .timeline-legacy-note{margin-top:8px;padding:6px 8px;border-radius:7px;background:rgba(244,164,57,.065);color:#d4a35c;font-size:8.5px;text-align:center}

@media(max-width:760px){
  #dashboardView .events-ticker-label{min-width:104px!important}
  #tradesView .premium-stats-row>.day-range-stat{padding-inline:10px!important}
  #tradesView .timeline-event-metrics,#tradesView .timeline-final-summary{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:430px){
  #tradesView .day-range-values b{font-size:8.6px!important}
  #tradesView .day-range-track em{font-size:8px!important}
  #tradesView .timeline-event-metrics{grid-template-columns:1fr 1fr}
  #tradesView .timeline-event-metrics span:last-child{grid-column:1/-1}
  #tradesView .timeline-final-summary{grid-template-columns:1fr 1fr 1fr;gap:4px}
  #tradesView .timeline-final-summary>div{padding:6px 3px}
}


/* =========================================================
   Waleed Trade V4.12.2 — focused corrections
   ========================================================= */
#dashboardView .portfolio-event.current-value-summary{grid-template-columns:22px minmax(88px,auto) auto!important;gap:7px!important}
#dashboardView .event-current-value{display:grid!important;gap:1px!important;min-width:0!important;text-align:right!important}
#dashboardView .event-current-value b{color:#8da3b5!important;font-size:8px!important;font-weight:900!important;line-height:1!important}
#dashboardView .event-current-value span{direction:ltr;color:inherit!important;font-size:11.5px!important;font-weight:1000!important;line-height:1.05!important;white-space:nowrap!important}
#dashboardView .event-current-sar{direction:ltr;color:inherit!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}
#dashboardView .portfolio-event.current-value-summary.positive{color:#42de9b!important}
#dashboardView .portfolio-event.current-value-summary.negative{color:#ff6574!important}
#dashboardView .portfolio-event.current-value-summary.neutral{color:#dce8f2!important}

#tradesView .day-range-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important}
#tradesView .day-range-live{direction:ltr;display:inline-grid;place-items:center;min-width:24px;height:11px;padding:0 3px;border:1px solid rgba(68,224,157,.35);border-radius:999px;background:rgba(52,211,153,.08);color:#55e5a5;font-size:6.6px;font-weight:1000;letter-spacing:.6px;line-height:1}
#tradesView .day-range-stat.is-live{box-shadow:inset 0 0 0 1px rgba(57,217,155,.045)}

#tradesView .premium-trade-card{position:relative!important}
#tradesView .timeline-panel{position:absolute!important;inset:0!important;z-index:30!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:0!important;margin:0!important;padding:0!important;border:1px solid rgba(102,197,255,.36)!important;border-radius:inherit!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(9,24,39,.91),rgba(13,31,52,.87))!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;box-shadow:inset 0 1px rgba(255,255,255,.085),0 18px 50px rgba(0,0,0,.34)!important}
#tradesView .timeline-panel[hidden]{display:none!important}
#tradesView .timeline-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid rgba(115,184,226,.17);background:linear-gradient(180deg,rgba(64,145,200,.09),rgba(255,255,255,.015))}
#tradesView .timeline-overlay-head>div{display:grid;gap:2px;min-width:0}
#tradesView .timeline-overlay-head span{color:#7f98ac;font-size:8.5px;font-weight:850}
#tradesView .timeline-overlay-head b{direction:ltr;color:#e9f5fc;font-size:12px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tradesView .timeline-close{appearance:none;width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(125,191,232,.25);border-radius:9px;background:rgba(255,255,255,.045);color:#b9d7e9;font-size:20px;line-height:1;cursor:pointer}
#tradesView .timeline-close:hover{border-color:rgba(255,113,128,.45);background:rgba(255,91,109,.08);color:#ff8290}
#tradesView .timeline-overlay-body{min-height:0;overflow:auto;padding:10px 12px 12px;overscroll-behavior:contain;scrollbar-width:thin}
#tradesView .trade-card.timeline-open>header,#tradesView .trade-card.timeline-open>section:not(.timeline-panel){filter:blur(2px);opacity:.22;pointer-events:none;user-select:none}
#tradesView .timeline-toggle.open{border-color:rgba(104,207,255,.72)!important;color:#c5ecff!important}

@media(max-width:760px){
  #dashboardView .portfolio-event.current-value-summary{grid-template-columns:20px minmax(78px,auto) auto!important}
  #tradesView .timeline-overlay-head{padding:9px 10px}
  #tradesView .timeline-overlay-body{padding:8px 9px 10px}
}

/* =========================================================
   Waleed Trade V4.12.2 — Live portfolio summary and positions
   ========================================================= */
#dashboardView .portfolio-event.event-glass{position:relative!important}
#dashboardView .event-live-badge{position:absolute;left:5px;top:3px;display:inline-flex;align-items:center;height:11px;padding:0 4px;border:1px solid rgba(62,222,157,.30);border-radius:999px;background:rgba(47,205,143,.08);color:#54e4a5;font-size:6.2px;font-weight:1000;letter-spacing:.5px;line-height:1;direction:ltr;pointer-events:none}
#dashboardView .event-live-badge.cached{border-color:rgba(145,167,187,.20);background:rgba(145,167,187,.05);color:#8095a8;letter-spacing:0}
#dashboardView .event-current-value small{direction:ltr;color:inherit!important;font-size:7.4px!important;font-weight:950!important;line-height:1!important;opacity:.88}
#dashboardView .portfolio-event.unrealized-summary{grid-template-columns:22px minmax(86px,auto) auto!important;gap:7px!important}
#dashboardView .event-unrealized-value{display:grid!important;grid-template-columns:auto auto!important;align-items:end!important;gap:6px!important;min-width:0!important}
#dashboardView .event-unrealized-value b{color:#8da3b5!important;font-size:8px!important;font-weight:900!important;line-height:1!important}
#dashboardView .event-unrealized-value span{direction:ltr;color:inherit!important;font-size:11.4px!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important}
#dashboardView .portfolio-event.unrealized-summary.positive{color:#42de9b!important}
#dashboardView .portfolio-event.unrealized-summary.negative{color:#ff6574!important}
#dashboardView .portfolio-event.unrealized-summary.neutral{color:#dce8f2!important}
#dashboardView .portfolio-live-trade{grid-template-columns:22px minmax(64px,auto) auto!important;gap:8px!important;min-width:132px!important;padding-inline-end:12px!important}
#dashboardView .event-live-trade-copy{display:grid!important;grid-template-columns:auto auto!important;align-items:center!important;gap:7px!important;min-width:0!important;direction:ltr!important}
#dashboardView .event-live-trade-copy b{color:#eef5fb!important;font-size:11.5px!important;font-weight:1000!important;line-height:1!important}
#dashboardView .event-live-trade-copy span{color:#9fb2c3!important;font-size:8.8px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}
#dashboardView .portfolio-live-trade em{min-width:48px;text-align:left;direction:ltr}
#dashboardView .portfolio-live-trade.is-live .event-live-trade-copy span{color:#c6d7e4!important}
#dashboardView .portfolio-live-trade.cached{opacity:.82}
#dashboardView .trade-live-dot{position:absolute;left:5px;bottom:4px;width:5px;height:5px;border-radius:50%;background:#42de9b;box-shadow:0 0 0 0 rgba(66,222,155,.55);animation:eventsPulse 1.8s ease-out infinite;pointer-events:none}
#dashboardView .portfolio-live-trade.best-event .event-live-trade-copy b:after{content:" الأعلى";margin-inline-start:4px;color:#44dda0;font-size:6.8px;font-weight:950}
#dashboardView .portfolio-live-trade.worst-event .event-live-trade-copy b:after{content:" الأدنى";margin-inline-start:4px;color:#ff7180;font-size:6.8px;font-weight:950}
@media(max-width:760px){
  #dashboardView .portfolio-live-trade{min-width:119px!important;gap:6px!important}
  #dashboardView .event-live-trade-copy{gap:5px!important}
  #dashboardView .event-live-trade-copy b{font-size:10.8px!important}
  #dashboardView .event-live-trade-copy span{font-size:8px!important}
  #dashboardView .portfolio-event.unrealized-summary{grid-template-columns:20px minmax(78px,auto) auto!important}
}

/* =========================================================
   Waleed Trade V4.12.3 — live controls and connection status
   ========================================================= */
.side-live-connection{margin:8px 8px 4px;padding:8px 7px;display:grid;grid-template-columns:8px 1fr;align-items:center;gap:3px 7px;border:1px solid rgba(124,169,198,.16);border-radius:11px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.035);font-size:8px;font-weight:900;color:#91a6b7}
.side-live-connection i{width:7px;height:7px;border-radius:50%;background:#8ca0b0;box-shadow:none}
.side-live-connection span{white-space:nowrap}.side-live-connection small{grid-column:2;color:#718697;font-size:6.8px;font-weight:850;direction:rtl}
.side-live-connection.is-connected{border-color:rgba(62,222,157,.27);background:rgba(45,207,143,.055);color:#58e7aa}.side-live-connection.is-connected i{background:#42de9b;box-shadow:0 0 10px rgba(66,222,155,.7)}
.side-live-connection.is-retrying{border-color:rgba(255,182,72,.26);color:#ffc36d}.side-live-connection.is-retrying i{background:#ffb648;box-shadow:0 0 9px rgba(255,182,72,.55)}
.side-live-connection.is-paused{color:#8fa0ad}.side-live-connection.is-paused i{background:#748694}
.live-data-settings-section{position:relative}.live-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.live-settings-head p{margin:4px 0 0;color:#738da1;font-size:10px;line-height:1.5}.settings-live-state{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border:1px solid rgba(125,169,197,.18);border-radius:999px;background:rgba(255,255,255,.025);color:#8ca1b2;font-size:8px;white-space:nowrap}.settings-live-state i{width:7px;height:7px;border-radius:50%;background:#8799a8}.settings-live-state.connected{border-color:rgba(62,222,157,.28);color:#53e4a5;background:rgba(46,205,143,.055)}.settings-live-state.connected i{background:#42de9b;box-shadow:0 0 9px rgba(66,222,155,.7)}.settings-live-state.retrying{color:#ffc36d;border-color:rgba(255,182,72,.28)}.settings-live-state.retrying i{background:#ffb648}.settings-live-state.paused i{background:#788a98}
.live-data-settings-section select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:0 12px;font:inherit;font-weight:850}.live-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-update-meta{margin-top:10px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(117,166,198,.13);border-radius:10px;background:rgba(255,255,255,.018);font-size:9px;color:#7f96a8}.live-update-meta b{direction:ltr;color:#bfd0dc;font-size:9px}
body.hide-live-high-low #tradesView .day-range-stat{display:none!important}
body.hide-live-day-change #dashboardView .portfolio-live-trade em,body.hide-live-day-change #dashboardView .portfolio-event.day-change-summary{display:none!important}
body.hide-live-extended #tradesView .day-range-live{display:none!important}
body.hide-live-value #dashboardView .current-value-summary{display:none!important}
body.hide-live-unrealized #dashboardView .unrealized-summary{display:none!important}
@media(max-width:760px){.live-settings-grid{grid-template-columns:1fr}.side-live-connection{margin-inline:5px;padding-inline:5px}}


/* =========================================================
   Waleed Trade V4.14.0 — Official / Extended + P/L polish
   ========================================================= */
.market-price-mode{width:calc(100% - 16px);margin:4px 8px 7px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid rgba(124,169,198,.18);border-radius:10px;background:rgba(255,255,255,.028);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.market-price-mode button{min-width:0;height:28px;padding:0 4px;border:0;border-radius:7px;background:transparent;color:#8298aa;font-size:9px;font-weight:1000;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.market-price-mode button:hover{color:#dcecf6;transform:translateY(-1px)}
.market-price-mode button.active{color:#eef8ff;background:linear-gradient(145deg,rgba(49,132,205,.24),rgba(20,67,108,.24));box-shadow:inset 0 0 0 1px rgba(110,190,242,.28),0 0 10px rgba(68,157,220,.10)}
body[data-market-price-mode="extended"] #marketModeExtended.active{color:#8fd6ff;box-shadow:inset 0 0 0 1px rgba(95,190,247,.34),0 0 10px rgba(58,163,226,.16)}
body[data-market-price-mode="official"] #marketModeOfficial.active{color:#75eab1;box-shadow:inset 0 0 0 1px rgba(76,224,158,.32),0 0 10px rgba(50,208,143,.14)}
.light .market-price-mode{background:rgba(255,255,255,.55);border-color:rgba(70,125,165,.18)}
#dashboardView .unrealized-chart-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:1px!important;max-width:138px!important;line-height:1.04!important;white-space:normal!important}
#dashboardView .unrealized-chart-title span{display:block!important;white-space:nowrap!important}
#dashboardView .unrealized-summary-cards{gap:8px!important}
#dashboardView .unrealized-mini-stat{overflow:hidden!important}
#dashboardView .unrealized-mini-stat>span,#dashboardView .unrealized-mini-stat>b,#dashboardView .unrealized-mini-stat>small,#dashboardView .unrealized-mini-stat>.unrealized-stat-pct{max-width:100%!important}
#dashboardView #unrealizedChart{filter:saturate(1.04)}
@media(max-width:760px){.market-price-mode{display:none}.unrealized-chart-title{max-width:118px!important}}


/* =========================================================
   Waleed Trade V4.14.1 — daily chart clarity + summary cleanup
   ========================================================= */
/* Lift the holiday title slightly to create a clean gap above its content. */
.market-holiday-card-title{top:4px!important}
/* The daily line is rendered with a single high-quality stroke in pnl-chart.js. */
#dashboardView #unrealizedChart{filter:saturate(1.02) contrast(1.015)}


/* V4.14.3 — Session +20% peak movers */
#tradesView .trades-side-stack{
  position:sticky;
  top:112px;
  display:grid;
  gap:11px;
  min-width:0;
  align-self:start;
}
#tradesView .trades-side-stack .trades-chart-card{
  position:static!important;
  top:auto!important;
}
.session-movers-card{
  position:relative;
  min-height:154px;
  overflow:hidden;
  padding:12px;
  border:1px solid rgba(94,139,178,.22);
  border-radius:15px;
  background:
    radial-gradient(circle at 12% 0%,rgba(32,215,120,.08),transparent 38%),
    linear-gradient(145deg,rgba(11,25,40,.96),rgba(8,18,30,.94));
  box-shadow:0 16px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
}
.session-movers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
.session-movers-head h3{margin:0;font-size:13px;line-height:1.2;color:var(--text)}
.session-movers-head h3 b{color:var(--green);font-size:11px}
.session-movers-head small{display:block;margin-top:4px;color:var(--muted);font-size:8px}
.session-movers-head>span{
  min-width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(32,215,120,.24);
  border-radius:8px;background:rgba(32,215,120,.07);color:var(--green);font-size:10px;font-weight:900
}
.session-movers-list{display:grid;gap:7px}
.session-mover-row{
  width:100%;border:1px solid rgba(133,168,198,.14);border-radius:11px;padding:8px 9px 9px;
  background:linear-gradient(135deg,rgba(255,255,255,.026),rgba(255,255,255,.010));
  color:inherit;text-align:inherit;cursor:pointer;transition:.18s ease;overflow:hidden
}
.session-mover-row:hover{transform:translateY(-1px);border-color:rgba(32,215,120,.28);background:rgba(32,215,120,.035)}
.session-mover-peak-time{
  direction:ltr;display:block;width:max-content;margin:0 0 8px auto;color:rgba(164,184,202,.66);
  font-size:8px;line-height:1;font-weight:700;letter-spacing:.15px
}
.session-mover-main{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.session-mover-identity{display:flex;align-items:center;gap:6px;min-width:0}
.session-mover-rank{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:rgba(75,170,255,.08);color:#8bc9ff;font-size:9px;font-weight:900;flex:0 0 auto}
.session-mover-ticker{font-size:12px;font-weight:950;letter-spacing:.35px;color:var(--text);direction:ltr}
.session-mover-status{display:inline-flex;align-items:center;gap:4px;max-width:82px;padding:2px 5px;border-radius:99px;font-size:7px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.session-mover-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.session-mover-status.near{color:#35dc91;background:rgba(53,220,145,.08)}
.session-mover-status.correcting{color:#ffc35b;background:rgba(255,195,91,.08)}
.session-mover-status.burned{color:#ff6974;background:rgba(255,105,116,.08)}
.session-mover-current{direction:ltr;color:var(--green);font-size:12px;font-weight:950;white-space:nowrap}
.session-mover-current.negative{color:var(--red)}
.session-mover-progress{direction:ltr;display:grid;grid-template-columns:27px minmax(0,1fr) 45px;align-items:center;gap:6px;margin-top:7px}
.session-mover-progress>span{color:rgba(161,183,201,.64);font-size:7px;font-weight:800;text-align:left}
.session-mover-progress>strong{color:#39e797;font-size:9px;font-weight:950;text-align:right;white-space:nowrap}
.session-mover-track{position:relative;height:5px;border-radius:99px;background:rgba(124,159,187,.16);box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.session-mover-track>i{position:absolute;inset:0 auto 0 0;width:var(--current-position);border-radius:inherit;background:linear-gradient(90deg,rgba(32,215,120,.34),#29dc86);box-shadow:0 0 8px rgba(32,215,120,.22)}
.session-mover-track>em{position:absolute;left:var(--current-position);top:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#dfffee;border:2px solid #27d881;box-shadow:0 0 8px rgba(39,216,129,.7)}
.session-movers-empty{min-height:86px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:9px;line-height:1.7;border:1px dashed rgba(133,168,198,.14);border-radius:11px;padding:12px}
.session-movers-empty b{display:block;color:rgba(220,232,241,.82);font-size:10px}
.session-mover-overlay{
  position:absolute;inset:0;z-index:5;padding:12px;border-radius:inherit;
  background:linear-gradient(145deg,rgba(7,17,29,.78),rgba(8,20,33,.72));
  backdrop-filter:blur(10px) saturate(1.12);-webkit-backdrop-filter:blur(10px) saturate(1.12);
  border:1px solid rgba(119,180,220,.18);box-shadow:inset 0 1px rgba(255,255,255,.035)
}
.session-mover-overlay[hidden]{display:none}
.session-mover-overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
.session-mover-overlay-head small{display:block;color:rgba(164,184,202,.66);font-size:8px;margin-bottom:5px;direction:ltr;text-align:right}
.session-mover-overlay-head h4{margin:0;font-size:14px;direction:ltr;text-align:right}
.session-mover-overlay-head button{width:25px;height:25px;border:1px solid rgba(157,190,216,.18);border-radius:8px;background:rgba(255,255,255,.035);color:var(--text);font-size:16px;cursor:pointer}
.session-mover-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.session-mover-detail{min-width:0;padding:7px;border:1px solid rgba(141,173,199,.12);border-radius:9px;background:rgba(255,255,255,.022)}
.session-mover-detail span{display:block;color:var(--muted);font-size:7px;margin-bottom:4px}
.session-mover-detail b{display:block;color:var(--text);font-size:10px;direction:ltr;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.session-mover-detail.highlight{border-color:rgba(32,215,120,.24);background:rgba(32,215,120,.04)}
.session-mover-detail.highlight b{color:var(--green);font-size:12px}
.session-mover-detail.drop b{color:#ff7b84}
.session-mover-catalyst{grid-column:1/-1}
.session-mover-catalyst b{direction:rtl;text-align:right;font-size:9px}
.session-mover-catalyst em{display:inline-flex;margin-top:5px;padding:2px 6px;border-radius:99px;background:rgba(255,169,46,.08);color:#ffc05a;font-size:7px;font-style:normal;font-weight:800}
@media(max-width:1050px){
  #tradesView .trades-side-stack{position:static;order:-1;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:start}
}
@media(max-width:720px){
  #tradesView .trades-side-stack{grid-template-columns:1fr}
  .session-movers-card{min-height:148px}
}
body.light .session-movers-card{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,249,253,.96));border-color:rgba(51,104,145,.16)}
body.light .session-mover-row{background:rgba(255,255,255,.72)}
body.light .session-mover-overlay{background:linear-gradient(145deg,rgba(240,247,252,.84),rgba(255,255,255,.78))}


/* V4.14.4 — Compact glass allocation + refined Session Peaks */
#tradesView .compact-distribution-card{
  position:relative!important;
  padding:10px 10px 9px!important;
  min-height:0!important;
  overflow:hidden;
}
#tradesView .trades-chart-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
#tradesView .trades-chart-title h3{margin:0!important;font-size:13px!important;line-height:1.2}
#tradesView .trade-bubbles{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;
  gap:6px;min-height:125px;padding:2px 0 1px;
}
#tradesView .trade-bubble{
  position:relative;isolation:isolate;width:var(--bubble-size);height:var(--bubble-size);flex:0 0 var(--bubble-size);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--bubble-color) 58%,rgba(255,255,255,.22));
  background:
    radial-gradient(circle at 33% 23%,rgba(255,255,255,.22),transparent 27%),
    radial-gradient(circle at 54% 68%,color-mix(in srgb,var(--bubble-color) 22%,transparent),rgba(9,21,34,.72) 72%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.13),inset 0 -10px 22px rgba(0,0,0,.16),0 5px 14px rgba(0,0,0,.14);
  color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
  overflow:hidden;
}
#tradesView .trade-bubble::after{content:"";position:absolute;inset:5px;border-radius:inherit;border:1px solid rgba(255,255,255,.035);pointer-events:none}
#tradesView .trade-bubble:hover,#tradesView .trade-bubble.active{transform:translateY(-2px);border-color:var(--bubble-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--bubble-color) 18%,transparent),0 8px 18px rgba(0,0,0,.20),inset 0 1px 1px rgba(255,255,255,.16)}
#tradesView .trade-bubble strong{font-size:10px;line-height:1;font-weight:1000;letter-spacing:.25px;direction:ltr;text-shadow:0 1px 3px rgba(0,0,0,.35)}
#tradesView .trade-bubble b{font-size:11px;line-height:1;font-weight:950;color:color-mix(in srgb,var(--bubble-color) 74%,white);direction:ltr;text-shadow:0 1px 3px rgba(0,0,0,.35)}
#tradesView .trade-bubbles-empty{display:grid;place-items:center;width:100%;min-height:110px;border:1px dashed rgba(133,168,198,.14);border-radius:11px;color:var(--muted);font-size:9px}
#tradesView .trade-distribution-detail{
  position:absolute;z-index:8;inset:34px 7px 7px;padding:9px;border-radius:12px;
  border:1px solid rgba(119,180,220,.22);
  background:linear-gradient(145deg,rgba(7,17,29,.48),rgba(8,20,33,.40));
  backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18);
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 25px rgba(0,0,0,.14)
}
#tradesView .trade-distribution-detail[hidden]{display:none}
#tradesView .trade-distribution-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
#tradesView .trade-distribution-detail-head>b{font-size:13px;direction:ltr}
#tradesView .trade-distribution-detail-head button{width:23px;height:23px;border:1px solid rgba(157,190,216,.20);border-radius:7px;background:rgba(255,255,255,.045);color:var(--text);font-size:15px;cursor:pointer}
#tradesView .trade-distribution-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#tradesView .trade-distribution-detail-grid>div{min-width:0;padding:6px;border:1px solid rgba(141,173,199,.12);border-radius:8px;background:rgba(255,255,255,.025)}
#tradesView .trade-distribution-detail-grid span{display:block;color:var(--muted);font-size:7px;margin-bottom:4px}
#tradesView .trade-distribution-detail-grid strong{display:block;font-size:9px;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tradesView .trade-distribution-detail-grid strong small{font-size:7px;color:inherit}

#tradesView .session-movers-card{min-height:146px;padding:10px}
#tradesView .session-movers-head{margin-bottom:7px;align-items:center}
#tradesView .session-movers-head h3{font-size:12px}
#tradesView .session-movers-head h3 b{font-size:9px}
#tradesView .session-mover-row.active{border-color:rgba(32,215,120,.42);background:rgba(32,215,120,.05);box-shadow:inset 0 0 0 1px rgba(32,215,120,.10),0 0 14px rgba(32,215,120,.08)}
#tradesView .session-mover-peak-time{
  margin:0 0 8px auto!important;color:#8ff0bf!important;font-size:8px!important;font-weight:800!important;
  text-shadow:0 0 8px rgba(65,225,147,.22)
}
#tradesView .session-mover-overlay{
  padding:10px;
  background:linear-gradient(145deg,rgba(7,17,29,.48),rgba(8,20,33,.38));
  backdrop-filter:blur(14px) saturate(1.18);-webkit-backdrop-filter:blur(14px) saturate(1.18);
  border-color:rgba(119,180,220,.22)
}
#tradesView .session-mover-overlay-head{margin-bottom:8px}
#tradesView .session-mover-overlay-head small{color:#8ff0bf;font-weight:800;text-shadow:0 0 8px rgba(65,225,147,.22)}
#tradesView .session-mover-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#tradesView .session-mover-detail{padding:7px 8px;background:rgba(255,255,255,.026);border-color:rgba(141,173,199,.14)}
#tradesView .session-mover-detail span{font-size:7px;margin-bottom:5px}
#tradesView .session-mover-detail b{font-size:11px}
#tradesView .session-mover-detail>small{display:block;margin-top:3px;font-size:8px;font-weight:850;direction:ltr;text-align:right}
#tradesView .session-mover-peak-card{border-color:rgba(32,215,120,.30);background:rgba(32,215,120,.055)}
#tradesView .session-mover-peak-card b{color:#43e79a;font-size:14px}
#tradesView .session-mover-peak-card>small{color:#91efc0}
#tradesView .session-mover-current-card{border-color:rgba(255,169,46,.32);background:rgba(255,169,46,.055)}
#tradesView .session-mover-current-card b{color:#ffb34d;font-size:14px}
#tradesView .session-mover-current-card>small{color:#ffd08a}
#tradesView .session-mover-detail.drop b{color:#ff7b84;font-size:12px}
#tradesView .session-mover-catalyst{grid-column:auto}
#tradesView .session-mover-catalyst b{font-size:9px;direction:rtl;text-align:right}
#tradesView .session-mover-move-state{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px}
#tradesView .session-mover-move-state span{margin:0}
#tradesView .session-mover-move-state b{font-size:10px}
#tradesView .session-mover-move-state.near b{color:#35dc91}
#tradesView .session-mover-move-state.correcting b{color:#ffc35b}
#tradesView .session-mover-move-state.burned b{color:#ff6974}
body.light #tradesView .trade-bubble{background:radial-gradient(circle at 33% 23%,rgba(255,255,255,.88),transparent 29%),radial-gradient(circle at 54% 68%,color-mix(in srgb,var(--bubble-color) 18%,transparent),rgba(240,247,252,.90) 72%);color:#142334}
body.light #tradesView .trade-distribution-detail{background:linear-gradient(145deg,rgba(240,247,252,.58),rgba(255,255,255,.52))}
body.light #tradesView .session-mover-overlay{background:linear-gradient(145deg,rgba(240,247,252,.56),rgba(255,255,255,.48))}
@media(max-width:720px){
  #tradesView .trade-bubbles{min-height:116px}
  #tradesView .trade-bubble{--bubble-size:58px!important}
}



/* =========================================================
   Waleed Trade V4.16.3 — Compact Session Peaks (up to 6 visible)
   ========================================================= */
#tradesView .session-movers-card{
  height:auto!important;
  min-height:0!important;
  padding:9px!important;
  overflow:hidden!important;
}
#tradesView .session-movers-card.detail-open{min-height:286px!important}
#tradesView .session-movers-head{
  position:relative!important;
  min-height:27px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:6px!important;
  padding:0 34px!important;
  text-align:center!important;
}
#tradesView .session-movers-head>div{width:100%;display:flex;justify-content:center}
#tradesView .session-movers-head h3{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
  text-align:center!important;
}
#tradesView .session-movers-title-icon{font-size:14px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,195,60,.35))}
#tradesView .session-movers-head h3 b{font-size:9px!important;padding:2px 5px;border-radius:99px;background:rgba(32,215,120,.08)}
#tradesView .session-movers-head>span{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  min-width:23px!important;
  height:23px!important;
  font-size:9px!important;
}
#tradesView .session-movers-list{
  display:grid!important;
  gap:5px!important;
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:289px!important;
  overflow-y:auto!important;
  padding-left:2px!important;
}
#tradesView .session-mover-row{
  height:44px!important;
  min-height:44px!important;
  padding:5px 7px 5px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
#tradesView .session-mover-main{gap:5px!important;min-height:20px!important}
#tradesView .session-mover-identity{gap:4px!important;overflow:hidden}
#tradesView .session-mover-rank{width:16px!important;height:16px!important;border-radius:5px!important;font-size:8px!important}
#tradesView .session-mover-ticker{font-size:11px!important;letter-spacing:.25px!important}
#tradesView .session-mover-status{
  max-width:72px!important;
  padding:2px 5px!important;
  font-size:7.5px!important;
  font-weight:900!important;
}
#tradesView .session-mover-status::before{width:4px!important;height:4px!important}
#tradesView .session-mover-values{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto;direction:ltr;white-space:nowrap}
#tradesView .session-mover-current{font-size:10px!important;line-height:1!important}
#tradesView .session-mover-peak{color:#42e795;font-size:8px;font-weight:950;line-height:1;direction:ltr}
#tradesView .session-mover-progress{
  grid-template-columns:31px minmax(0,1fr) 24px!important;
  gap:5px!important;
  margin-top:3px!important;
  min-height:8px!important;
}
#tradesView .session-mover-progress time{color:rgba(161,183,201,.68);font-size:7px;font-weight:850;text-align:left;direction:ltr}
#tradesView .session-mover-progress>span{font-size:7px!important;text-align:right!important}
#tradesView .session-mover-track{height:3px!important}
#tradesView .session-mover-track>em{width:6px!important;height:6px!important;border-width:1px!important}
#tradesView .session-movers-empty{min-height:68px!important;padding:10px!important}
#tradesView .session-mover-overlay{padding:10px!important}
@media(max-width:720px){
  #tradesView .session-movers-card{height:auto!important;min-height:0!important}
  #tradesView .session-movers-card.detail-open{min-height:286px!important}
  #tradesView .session-movers-list{max-height:301px!important}
  #tradesView .session-mover-row{height:46px!important;min-height:46px!important}
}

/* V4.16.15 — مفتاح Yahoo / مباشر */
.market-live-control{width:calc(100% - 16px);margin:4px 8px 7px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(124,169,198,.18);border-radius:11px;background:rgba(255,255,255,.028);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.market-live-copy{min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.15}.market-live-copy b{font-size:10px;color:#c4d3df}.market-live-copy small{font-size:7px;color:#708797;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-live-toggle{position:relative;flex:0 0 auto;width:38px;height:21px;padding:0;border:1px solid rgba(135,165,185,.28);border-radius:999px;background:rgba(86,105,120,.30);cursor:pointer;transition:.2s ease;box-shadow:inset 0 1px 4px rgba(0,0,0,.22)}
.market-live-toggle i{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#9badb9;transition:.2s ease;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.market-live-toggle.active{background:rgba(38,201,125,.25);border-color:rgba(72,235,157,.56);box-shadow:inset 0 0 0 1px rgba(72,235,157,.14),0 0 11px rgba(38,201,125,.15)}
.market-live-toggle.active i{right:20px;background:#61f0ad;box-shadow:0 0 8px rgba(72,235,157,.75)}
body[data-market-price-mode="extended"] .market-live-copy b{color:#68edab}body[data-market-price-mode="official"] .market-live-copy b{color:#d0dbe3}
.light .market-live-control{background:rgba(255,255,255,.58);border-color:rgba(70,125,165,.18)}
@media(max-width:760px){.market-live-control{display:flex;width:auto;min-width:132px;margin:3px 7px 6px}.market-live-copy small{max-width:82px}}

/* V4.18.0 CLOUD TEST — cloud status and Yahoo cloud files */
.cloud-test-status{margin:8px 10px 0;padding:8px 9px;border:1px solid rgba(120,151,176,.16);border-radius:12px;background:rgba(9,24,38,.42);display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:center;color:var(--muted)}
.cloud-test-status i{width:7px;height:7px;border-radius:50%;background:#7d90a2;grid-row:1/3;box-shadow:0 0 0 4px rgba(125,144,162,.08)}
.cloud-test-status span{font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-test-status small{font-size:7px;font-weight:950;letter-spacing:.8px;opacity:.7}
.cloud-test-status.connected i{background:#20d778;box-shadow:0 0 0 4px rgba(32,215,120,.1),0 0 12px rgba(32,215,120,.28)}
.cloud-test-status.syncing i{background:#f5b942;animation:cloudPulse 1s infinite}
.cloud-test-status.offline i{background:#ff6573}
.cloud-test-status.waiting i{background:#54b9ff}
@keyframes cloudPulse{50%{opacity:.35;transform:scale(.8)}}
.cloud-files-panel{margin-top:14px;padding:14px;border:1px solid rgba(111,165,196,.14);border-radius:18px;background:rgba(10,27,42,.55)}
.cloud-files-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.cloud-files-head small{color:#54b9ff;font-size:9px;font-weight:950;letter-spacing:.5px}
.cloud-files-head h4{margin:3px 0 0;font-size:15px}
.cloud-files-head>div:last-child{display:flex;align-items:center;gap:8px}
.cloud-files-head b{min-width:28px;height:28px;border-radius:9px;background:rgba(84,185,255,.1);display:grid;place-items:center;color:#6fc8ff}
.cloud-files-head button,.cloud-file-actions button{border:1px solid rgba(111,165,196,.2);background:rgba(21,48,67,.7);color:#eaf5fb;border-radius:9px;padding:7px 10px;font-weight:850;cursor:pointer}
.cloud-files-state{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;margin-bottom:10px;border-radius:11px;background:rgba(7,20,32,.55);color:var(--muted);font-size:10px}
.cloud-files-state b{color:#dfeaf2}
.cloud-files-list{display:grid;gap:8px}
.cloud-file-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid rgba(116,164,192,.11);border-radius:13px;background:rgba(12,31,47,.68)}
.cloud-file-row.active{border-color:rgba(32,215,120,.3);background:rgba(15,55,45,.38)}
.cloud-file-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(84,185,255,.1);color:#69c4ff;font-size:9px;font-weight:950}
.cloud-file-copy{min-width:0}
.cloud-file-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.cloud-file-copy small{display:block;color:var(--muted);font-size:8.5px;margin-top:4px;direction:ltr;text-align:right}
.cloud-file-actions{display:flex;align-items:center;gap:6px}
.cloud-file-actions span{color:#20d778;font-size:8px;font-weight:950}
.cloud-files-empty{padding:18px;text-align:center;color:var(--muted);font-size:10px;font-weight:800}
.cloud-files-empty.error{color:#ff7b86}
@media(max-width:620px){.cloud-file-row{grid-template-columns:36px minmax(0,1fr)}.cloud-file-icon{width:34px;height:34px}.cloud-file-actions{grid-column:1/-1;justify-content:flex-end}.cloud-test-status{display:none}}

/* V4.18.1 — price fallback + clear per-position update time */
#tradesView .trade-chart-levels .updates{color:var(--muted);font-size:8.5px!important;font-weight:900!important;direction:ltr;white-space:nowrap}
@media(max-width:520px){#tradesView .trade-chart-levels{gap:8px!important}#tradesView .trade-chart-levels .updates{font-size:8px!important}}