/* Waleed Trade V4.12.5 — interactive daily / total P&L chart */
#dashboardView .unrealized-summary-cards{
  align-items:center!important;
  overflow:visible!important;
}
#dashboardView .unrealized-period-control{
  position:relative!important;
  flex:0 0 auto!important;
  width:82px!important;
  min-width:82px!important;
  height:30px!important;
  min-height:30px!important;
  display:grid!important;
  grid-template-columns:14px minmax(0,1fr) 10px!important;
  align-items:center!important;
  gap:3px!important;
  padding:0 8px!important;
  border:1px solid rgba(112,157,190,.17)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(13,28,45,.72),rgba(5,15,26,.58))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  color:#9fb2c5!important;
  cursor:pointer!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#dashboardView .unrealized-period-control:hover,
#dashboardView .unrealized-period-control:focus-within{
  border-color:rgba(105,188,232,.29)!important;
  background:linear-gradient(145deg,rgba(18,37,57,.82),rgba(7,18,30,.66))!important;
  color:#c4d8e8!important;
}
#dashboardView .unrealized-period-icon{
  font-size:10px!important;
  line-height:1!important;
  color:#72badf!important;
  opacity:.82!important;
}
#dashboardView .unrealized-period-label{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  direction:rtl!important;
  font-size:8.4px!important;
  font-weight:950!important;
  line-height:1!important;
}
#dashboardView .unrealized-period-chevron{
  font-size:10px!important;
  line-height:1!important;
  color:#7890a6!important;
  transform:translateY(-1px)!important;
}
#dashboardView .unrealized-period-control select{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
#dashboardView .unrealized-mini-stat[role="button"]{
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
#dashboardView .unrealized-mini-stat[role="button"]:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.035)!important;
}
#dashboardView .unrealized-mini-stat[role="button"]:focus-visible{
  outline:1px solid rgba(115,201,244,.72)!important;
  outline-offset:2px!important;
}
#dashboardView .unrealized-mini-stat.chart-mode-active{
  border-color:rgba(107,198,244,.48)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.075),
    0 8px 22px rgba(0,0,0,.20),
    0 0 0 1px rgba(94,188,238,.10),
    0 0 15px rgba(76,172,224,.11)!important;
}
#dashboardView .unrealized-mini-stat.chart-mode-active::after{
  background:linear-gradient(90deg,rgba(111,206,255,.86),rgba(var(--summary-rgb),.18),transparent)!important;
  box-shadow:0 0 9px rgba(88,190,244,.38)!important;
}
#dashboardView .unrealized-dashboard-pane[data-pnl-mode="daily"] .dashboard-chart-header h2::after,
#dashboardView .unrealized-dashboard-pane[data-pnl-mode="total"] .dashboard-chart-header h2::after{
  display:inline-flex!important;
  align-items:center!important;
  height:15px!important;
  margin-inline-start:6px!important;
  padding:0 6px!important;
  border:1px solid rgba(104,190,235,.14)!important;
  border-radius:999px!important;
  background:rgba(69,154,205,.055)!important;
  color:#7ea9c1!important;
  font-size:6.8px!important;
  font-weight:950!important;
  line-height:1!important;
  vertical-align:middle!important;
}
#dashboardView .unrealized-dashboard-pane[data-pnl-mode="daily"] .dashboard-chart-header h2::after{content:"اليومي"}
#dashboardView .unrealized-dashboard-pane[data-pnl-mode="total"] .dashboard-chart-header h2::after{content:"الإجمالي"}
#dashboardView #unrealizedChart{touch-action:pan-y!important}
#dashboardView #unrealizedChartTooltip .dashboard-tooltip-date{
  direction:rtl!important;
  text-align:right!important;
}

@media(max-width:1180px) and (min-width:761px){
  #dashboardView .unrealized-period-control{width:76px!important;min-width:76px!important;padding-inline:6px!important}
}
@media(max-width:760px){
  #dashboardView .unrealized-summary-cards{
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:2px!important;
  }
  #dashboardView .unrealized-summary-cards::-webkit-scrollbar{display:none!important}
  #dashboardView .unrealized-period-control{
    order:-1!important;
    width:76px!important;
    min-width:76px!important;
    height:29px!important;
    min-height:29px!important;
    padding-inline:6px!important;
  }
  #dashboardView .unrealized-period-label{font-size:8px!important}
  #dashboardView .unrealized-dashboard-pane[data-pnl-mode] .dashboard-chart-header h2::after{display:none!important}
}


/* V4.16.4 compact professional renderer — preserves the original page split and card size */
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  position:relative;
  width:100%;
  min-width:0;
  overflow:hidden;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  cursor:crosshair!important;
  touch-action:pan-y!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  width:100%;
  margin-top:7px;
  border-top:1px solid rgba(105,153,189,.13);
  background:transparent;
  overflow:hidden;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  direction:rtl;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  position:relative;
  min-width:0;
  min-height:47px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:6px 3px 4px;
  text-align:center;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div+div::before{
  content:"";
  position:absolute;
  right:0;
  top:20%;
  bottom:20%;
  width:1px;
  background:rgba(111,157,191,.12);
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{
  color:#879bb0;
  font-size:6.7px;
  font-weight:900;
  white-space:nowrap;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#edf5fc;
  font-size:9.5px;
  font-weight:950;
  direction:ltr;
  white-space:nowrap;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b.positive{color:#3cdd8d}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b.negative{color:#ff6670}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#657c92;
  font-size:5.8px;
  font-weight:800;
  direction:ltr;
  white-space:nowrap;
}
#dashboardView #dashboardUnrealizedPane .dashboard-chart-tooltip{
  z-index:12!important;
  min-width:132px!important;
  max-width:165px!important;
  padding:9px 10px!important;
  border-radius:11px!important;
  background:rgba(4,15,27,.94)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
#dashboardView .pnl-tooltip-session{
  display:block;
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid rgba(115,156,190,.13);
  color:#85a9c3;
  font-size:7px;
  font-weight:900;
  text-align:right;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div:nth-child(n+4){
    border-top:1px solid rgba(111,157,191,.09);
  }
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:43px;padding:5px 2px 3px}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:6.2px}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:8.8px}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{font-size:5.3px}
}


/* V4.16.8 — smooth immutable P&L history */
#dashboardView #dashboardUnrealizedPane .unrealized-chart-title{
  max-width:126px!important;
  font-size:11.4px!important;
  line-height:1.03!important;
  padding:4px 8px!important;
}
#dashboardView #dashboardUnrealizedPane .unrealized-chart-title span{
  font-size:inherit!important;
}
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header h2::after{
  display:none!important;
  content:none!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  display:none!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-last-update{
  position:absolute;
  z-index:4;
  right:12px;
  bottom:1px;
  display:flex;
  align-items:center;
  gap:4px;
  direction:rtl;
  pointer-events:none;
  color:#647b90;
  font-size:7px;
  font-weight:850;
  line-height:1;
  opacity:.82;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
}
#dashboardView #dashboardUnrealizedPane .pnl-last-update b{
  color:#758da3;
  font-size:7.2px;
  font-weight:900;
  direction:ltr;
}
#dashboardView #dashboardUnrealizedPane .pnl-last-update i{
  color:#6eaed1;
  font-size:8px;
  font-style:normal;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .unrealized-chart-title{
    max-width:112px!important;
    font-size:10.7px!important;
    padding:4px 7px!important;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-last-update{
    right:9px;
    font-size:6.6px;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-last-update b{font-size:6.8px}
}

/* V4.16.9 — refined smooth chart with fixed stats row */
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  display:block!important;
  margin-top:4px!important;
  border-top:1px solid rgba(105,153,189,.13)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:40px!important;
  padding:5px 3px 4px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{
  font-size:6.8px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{
  font-size:9.2px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-last-update{
  display:none!important;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
    min-height:38px!important;
    padding:4px 2px 3px!important;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:6.2px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:8.5px!important}
}

/* V4.16.21 — continuous movement timeline without clock animation */
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  height:310px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,22,37,.20),rgba(3,13,23,.05));
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  margin-top:2px!important;
  border-top:1px solid rgba(105,153,189,.15)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:48px!important;
  gap:3px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{
  font-size:7.1px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{
  font-size:10px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{
  display:block!important;
  font-size:6.2px!important;
  color:#6f859a!important;
}
#dashboardView #dashboardUnrealizedPane #pnlStatLatest::after{
  content:"●";
  display:inline-block;
  margin-inline-start:5px;
  color:#35dc89;
  font-size:7px;
  vertical-align:1px;
  text-shadow:0 0 7px rgba(53,220,137,.55);
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:285px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:44px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:6.4px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:8.8px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{font-size:5.5px!important}
}

/* Recorder test controls (legacy-compatible styling) */
.pnl-pro-footer{gap:12px;flex-wrap:wrap}
.pnl-test-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-inline-start:auto}
.pnl-test-tools button{border:1px solid rgba(245,185,66,.28);background:rgba(245,185,66,.08);color:#f5c45d;border-radius:999px;padding:7px 11px;font:900 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial;cursor:pointer;transition:.2s ease}
.pnl-test-tools button.active{background:rgba(245,185,66,.18);border-color:rgba(245,185,66,.62);box-shadow:0 0 0 3px rgba(245,185,66,.07)}
.pnl-test-tools small{color:var(--muted);font-size:9px;font-weight:800}
@media(max-width:620px){.pnl-test-tools{width:100%;justify-content:center}.pnl-test-tools small{display:none}}


/* V4.18.1 — readable fixed footer and no extra daily badge */
#dashboardView .unrealized-dashboard-pane[data-pnl-mode] .dashboard-chart-header h2::after{display:none!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:9px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:12px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{font-size:8px!important}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:8px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:10.5px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{font-size:7px!important}
}


/* V4.18.4 — compact recorder controls; isolated to the daily unrealized P/L chart */
#dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:30px;margin:2px 0 5px;padding:0 2px;direction:rtl}
#dashboardView #dashboardUnrealizedPane .pnl-view-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(111,157,191,.16);border-radius:10px;background:rgba(5,15,26,.52);box-shadow:inset 0 1px rgba(255,255,255,.03)}
#dashboardView #dashboardUnrealizedPane .pnl-view-switch button{min-width:48px;height:24px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#7f95aa;font-size:8px;font-weight:950;cursor:pointer;transition:.16s ease}
#dashboardView #dashboardUnrealizedPane .pnl-view-switch button.active{background:linear-gradient(145deg,rgba(42,128,181,.32),rgba(24,78,118,.22));color:#dff4ff;box-shadow:0 0 0 1px rgba(99,194,242,.18),0 4px 12px rgba(0,0,0,.18)}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health{display:inline-flex;align-items:center;gap:5px;min-width:0;height:26px;padding:0 9px;border:1px solid rgba(111,157,191,.14);border-radius:9px;background:rgba(5,15,26,.42);white-space:nowrap}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-dot{width:6px;height:6px;border-radius:50%;background:#71869a;box-shadow:0 0 0 3px rgba(113,134,154,.10)}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health b{font-size:7.5px;color:#9eb1c3;font-weight:950}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health small{font-size:6.5px;color:#657c92;font-weight:850;direction:rtl}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health.recording .pnl-recorder-dot{background:#25dc83;box-shadow:0 0 0 3px rgba(37,220,131,.10),0 0 9px rgba(37,220,131,.38)}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health.delayed .pnl-recorder-dot{background:#ffad3d;box-shadow:0 0 0 3px rgba(255,173,61,.10)}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-health.offline .pnl-recorder-dot{background:#ff5d68;box-shadow:0 0 0 3px rgba(255,93,104,.10)}
@media(max-width:760px){#dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{margin-top:4px;gap:6px}#dashboardView #dashboardUnrealizedPane .pnl-recorder-health{padding-inline:7px}#dashboardView #dashboardUnrealizedPane .pnl-recorder-health small{display:none}#dashboardView #dashboardUnrealizedPane .pnl-view-switch button{min-width:43px;padding-inline:7px}}

/* V4.18.6 — raw mode is the continuous recorder; smart mode is a presentation-only summary. */


/* V4.18.7 — one chart only; five-second recorder with compact visual aggregation. */
#dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{
  justify-content:flex-end!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-view-switch{
  display:none!important;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{justify-content:center!important}
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-health{max-width:100%!important}
}

/* V4.19.1 — ordered session tabs and expanded daily view */
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  height:370px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  overflow:visible!important;
  padding-bottom:0;
}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{
  justify-content:space-between!important;
}
.pnl-chart-actions{display:flex;align-items:center;gap:6px;min-width:0}
.pnl-chart-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:28px;padding:0 10px;border:1px solid rgba(102,184,232,.22);
  border-radius:9px;background:rgba(19,71,103,.18);color:#bfe9ff;
  font:900 8px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial;
  cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.pnl-chart-actions button:hover{background:rgba(38,112,153,.26);border-color:rgba(112,205,250,.42)}
.pnl-chart-actions button:active{transform:scale(.97)}
.pnl-chart-actions button span{font-size:14px;line-height:1}

.pnl-chart-navigator{
  width:100%;margin-top:8px;padding:0 2px 3px;
}
.pnl-session-strip{
  direction:ltr;display:grid;grid-template-columns:minmax(72px,.95fr) 5.5fr 6.5fr 4fr;
  gap:3px;width:100%;min-height:40px;padding:3px;
  border:1px solid rgba(112,153,184,.13);border-radius:11px;
  background:rgba(3,13,23,.36);overflow:hidden;
}
.pnl-session-strip button{
  direction:rtl;min-width:0;border:1px solid transparent;border-radius:8px;padding:4px 4px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial;
  transition:filter .15s ease,background .15s ease,border-color .15s ease,transform .15s ease;
}
.pnl-session-strip button:hover{filter:brightness(1.18)}
.pnl-session-strip button:active{transform:scale(.985)}
.pnl-session-strip button b{font-size:8px;font-weight:950;white-space:nowrap}
.pnl-session-strip button small{font-size:6.3px;font-weight:800;direction:ltr;opacity:.76;white-space:nowrap}
.pnl-session-strip .all{color:#d7e8f4;background:rgba(90,130,158,.08)}
.pnl-session-strip .pre{color:#ffc06c;background:rgba(255,166,61,.075)}
.pnl-session-strip .regular{color:#65e6a8;background:rgba(32,215,120,.065)}
.pnl-session-strip .after{color:#6cc4ff;background:rgba(64,172,255,.075)}
.pnl-session-strip button.active{
  border-color:currentColor;background:rgba(35,72,94,.30);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}

.pnl-chart-modal{
  position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(1,7,13,.84);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.pnl-chart-modal.open{display:flex}
.pnl-chart-modal-dialog{
  width:min(96vw,1480px);max-height:94vh;overflow:auto;
  border:1px solid rgba(118,181,220,.20);border-radius:18px;
  background:linear-gradient(180deg,rgba(8,24,39,.985),rgba(3,13,23,.995));
  box-shadow:0 28px 90px rgba(0,0,0,.58);padding:14px;
}
.pnl-chart-modal-dialog>header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;direction:rtl;
  padding:2px 4px 12px;border-bottom:1px solid rgba(105,153,189,.13);margin-bottom:10px;
}
.pnl-chart-modal-dialog>header h2{margin:0;color:#e8f6ff;font-size:17px;font-weight:950}
.pnl-chart-modal-dialog>header p{margin:3px 0 0;color:#7891a6;font-size:9px;font-weight:850}
#pnlChartModalClose{
  width:36px;height:36px;border:1px solid rgba(118,181,220,.18);border-radius:10px;
  background:rgba(10,34,52,.62);color:#c9eaff;font-size:24px;line-height:1;cursor:pointer;
}
#pnlChartModalClose:hover{background:rgba(45,95,126,.38)}
.pnl-chart-modal-body{min-width:0}
.pnl-chart-modal-body .pnl-pro-stage{position:relative;width:100%;min-width:0;overflow:visible}
.pnl-chart-modal-body #unrealizedChart{
  display:block;width:100%!important;height:min(64vh,650px)!important;min-height:470px;
  cursor:crosshair;touch-action:pan-y;border-radius:12px;
}
.pnl-chart-modal-body .pnl-pro-footer{
  width:100%;margin-top:7px;border-top:1px solid rgba(105,153,189,.13);overflow:hidden;
}
.pnl-chart-modal-body .pnl-pro-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));direction:rtl}
.pnl-chart-modal-body .pnl-pro-stats>div{
  min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px;
}
.pnl-chart-modal-body .pnl-pro-stats span{font-size:8px;color:#8097ac;font-weight:900}
.pnl-chart-modal-body .pnl-pro-stats b{font-size:12px;font-weight:950}
.pnl-chart-modal-body .pnl-pro-stats small{font-size:7px;color:#6f859a;font-weight:850}
body.pnl-chart-modal-open{overflow:hidden!important}

@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:330px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-toolbar{justify-content:space-between!important}
  .pnl-chart-actions button{width:30px;padding:0}
  .pnl-chart-actions button b{display:none}
  .pnl-session-strip{height:42px}
  .pnl-session-strip button{flex-direction:column;gap:1px;padding:3px 1px}
  .pnl-session-strip button b{font-size:7px}
  .pnl-session-strip button small{font-size:5.8px}
  .pnl-zoom-row{grid-template-columns:26px minmax(0,1fr) 26px auto;gap:4px}
  .pnl-zoom-control{grid-template-columns:minmax(0,1fr) auto;gap:5px}
  .pnl-zoom-control>span{display:none}
  .pnl-zoom-control>b{font-size:6.8px;min-width:48px}
  .pnl-zoom-reset{padding:0 7px;font-size:7px}
  .pnl-chart-modal{padding:6px;align-items:stretch}
  .pnl-chart-modal-dialog{width:100%;max-height:none;height:100%;border-radius:14px;padding:9px;overflow:auto}
  .pnl-chart-modal-dialog>header{padding-bottom:8px;margin-bottom:6px}
  .pnl-chart-modal-dialog>header h2{font-size:14px}
  .pnl-chart-modal-body #unrealizedChart{height:61vh!important;min-height:390px}
}

/* V4.19.1 compact mobile session row */
@media(max-width:760px){
  .pnl-session-strip{grid-template-columns:.9fr 1.15fr 1.25fr 1.05fr;gap:2px;min-height:46px;padding:2px}
  .pnl-session-strip button{padding:3px 1px;gap:1px}
  .pnl-session-strip button b{font-size:6.8px}
  .pnl-session-strip button small{font-size:5.45px}
}


/* V4.19.2 — clean ten-second chart: compact sessions, status inside last update, breathing room. */
#dashboardView #dashboardUnrealizedPane{
  position:relative;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  height:330px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  overflow:visible!important;
  padding-top:2px;
}
#dashboardView #dashboardUnrealizedPane .pnl-chart-actions{
  position:absolute;
  top:5px;
  right:5px;
  z-index:8;
  margin:0;
}
#dashboardView #dashboardUnrealizedPane .pnl-chart-actions button{
  height:27px;
  padding:0 9px;
  border-radius:8px;
  background:rgba(7,28,44,.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
#dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
  margin-top:3px;
  padding:0 1px 2px;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip{
  grid-template-columns:minmax(66px,.86fr) 5.5fr 6.5fr 4fr;
  min-height:31px;
  padding:2px;
  gap:2px;
  border-radius:9px;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button{
  min-height:25px;
  padding:3px 2px;
  gap:0;
  border-radius:7px;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button b{
  font-size:8.2px;
  line-height:1;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button small{
  display:none!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  margin-top:3px;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:58px!important;
  padding:5px 4px!important;
  gap:2px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{
  font-size:8.5px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{
  font-size:11.5px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{
  font-size:7.3px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health{
  display:inline-flex!important;
  min-width:0!important;
  width:auto!important;
  height:17px!important;
  margin-top:1px!important;
  padding:0 6px!important;
  gap:4px!important;
  border-radius:999px!important;
  background:rgba(5,15,26,.34)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health b{
  color:#8fa7ba!important;
  font-size:6.7px!important;
  font-weight:900!important;
  direction:rtl!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-dot{
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health.recording b{color:#6be5a7!important}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health.delayed b{color:#ffc166!important}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health.offline b{color:#ff7d86!important}

/* The same clean layout moves with the chart into the expanded dialog. */
.pnl-chart-modal-body .pnl-chart-actions{
  position:absolute;
  top:5px;
  right:5px;
  z-index:8;
}
.pnl-chart-modal-body .pnl-chart-actions button{display:none}
.pnl-chart-modal-body .pnl-session-strip button small{display:none!important}
.pnl-chart-modal-body .pnl-session-strip{
  grid-template-columns:minmax(72px,.86fr) 5.5fr 6.5fr 4fr;
  min-height:34px;
  padding:2px;
  gap:2px;
}
.pnl-chart-modal-body .pnl-session-strip button{min-height:28px;padding:3px 2px;gap:0}
.pnl-chart-modal-body .pnl-session-strip button b{font-size:8.5px}
.pnl-chart-modal-body #unrealizedChart{
  height:min(57vh,590px)!important;
  min-height:420px!important;
}
.pnl-chart-modal-body .pnl-pro-stats>div{min-height:58px}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health{
  display:inline-flex;align-items:center;gap:4px;height:18px;margin-top:1px;padding:0 7px;
  border:1px solid rgba(111,157,191,.14);border-radius:999px;background:rgba(5,15,26,.34);
}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health b{font-size:6.8px;color:#8fa7ba;direction:rtl}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-dot{width:5px;height:5px;border-radius:50%;background:#71869a}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.recording .pnl-recorder-dot{background:#25dc83;box-shadow:0 0 7px rgba(37,220,131,.45)}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.recording b{color:#6be5a7}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.delayed .pnl-recorder-dot{background:#ffad3d}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.delayed b{color:#ffc166}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.offline .pnl-recorder-dot{background:#ff5d68}
.pnl-chart-modal-body .pnl-stat-latest .pnl-recorder-health.offline b{color:#ff7d86}

@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:292px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-chart-actions{top:3px;right:3px}
  #dashboardView #dashboardUnrealizedPane .pnl-chart-actions button{width:28px;height:26px;padding:0}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip{
    grid-template-columns:.86fr 1.13fr 1.24fr 1.02fr;
    min-height:34px;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button{min-height:28px;padding:2px 1px}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button b{font-size:6.8px}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:54px!important;padding:4px 2px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{font-size:7.3px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{font-size:10px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats small{font-size:6.4px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health{height:16px!important;padding-inline:5px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health b{font-size:5.8px!important}
  .pnl-chart-modal-body #unrealizedChart{height:55vh!important;min-height:360px!important}
}

/* V4.19.3 — cleaner dashboard: sessions only in expanded view, compact stats, header expand icon. */
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header{
  position:relative;
  padding-top:0!important;
  margin-bottom:0!important;
}
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header .pnl-chart-actions{
  position:static!important;
  margin-inline-start:6px!important;
  order:3;
  z-index:3;
}
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header .pnl-chart-actions button{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
}
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header .pnl-chart-actions button span{font-size:15px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{padding-top:0!important}
#dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{display:none!important}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{height:300px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{margin-top:0!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:48px!important;
  padding:4px 4px!important;
  gap:1px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div:not(.pnl-stat-latest) small{display:none!important}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest{
  grid-template-columns:auto auto!important;
  align-content:center!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health{
  margin-top:0!important;
  vertical-align:middle!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{
  display:block!important;
  margin-top:0!important;
  color:#70879a!important;
  font-size:6.6px!important;
  font-weight:850!important;
  white-space:nowrap;
}
.pnl-chart-modal-body .pnl-chart-navigator{display:block!important;margin-top:5px!important}
.pnl-chart-modal-body .pnl-session-strip{display:grid!important}
.pnl-chart-modal-body .pnl-pro-stats>div:not(.pnl-stat-latest) small{display:none!important}
.pnl-chart-modal-body .pnl-recorder-detail{display:block;font-size:7px;color:#71889d;font-weight:850}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:270px!important}
  #dashboardView #dashboardUnrealizedPane .dashboard-chart-header .pnl-chart-actions button{width:27px!important;min-width:27px!important;height:27px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:45px!important;padding:3px 2px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{font-size:5.8px!important}
}

/* V4.19.4 — compact in-chart session focus and one-line recorder status. */
#dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
  display:block!important;
  margin-top:2px!important;
  padding:0 1px 1px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  min-height:29px!important;
  padding:2px!important;
  gap:2px!important;
  border-radius:8px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button{
  min-height:24px!important;
  padding:2px 2px!important;
  gap:0!important;
  border-radius:6px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button b{
  font-size:7.7px!important;
  line-height:1!important;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{height:278px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{margin-top:1px!important}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:42px!important;
  padding:3px 3px!important;
  gap:1px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  justify-items:center!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-latest-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  width:100%!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-latest-inline>#pnlStatLatest{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest #pnlStatLatestDate{
  display:none!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health{
  flex:0 1 auto!important;
  max-width:120px!important;
  margin:0!important;
  height:16px!important;
  padding:0 5px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{
  display:block!important;
  margin:0!important;
  font-size:7px!important;
  line-height:1.05!important;
  color:#8aa0b3!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.pnl-chart-modal-body .pnl-latest-inline{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0
}
.pnl-chart-modal-body .pnl-stat-latest #pnlStatLatestDate{display:none!important}
.pnl-chart-modal-body .pnl-recorder-detail{font-size:7.4px!important;font-weight:950!important}

@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:252px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip{min-height:31px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button{min-height:26px!important;padding:2px 1px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button b{font-size:6.3px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:39px!important;padding:2px 1px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-latest-inline{gap:3px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health{max-width:88px!important;padding-inline:4px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health b{font-size:5.4px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{font-size:5.9px!important}
}


/* =========================================================
   Waleed Trade V4.19.7 — Compact P/L Space & Session Layout
   The chart rises into the unused header gap, market sections
   get priority width, full-day remains a small square on the left,
   and saved-point text is more legible.
   ========================================================= */

#dashboardView #dashboardUnrealizedPane .dashboard-chart-header{
  margin-bottom:-5px!important;
  min-height:34px!important;
  position:relative!important;
  z-index:4!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  margin-top:-5px!important;
  padding-top:0!important;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  height:292px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
  margin-top:-3px!important;
  padding:0 1px!important;
}

/* Visual order (RTL auto placement): before | official | after | full-day at far left. */
#dashboardView #dashboardUnrealizedPane .pnl-session-strip,
.pnl-chart-modal-body .pnl-session-strip{
  direction:rtl!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr) 38px!important;
  gap:5px!important;
  min-height:35px!important;
  padding:2px!important;
  align-items:center!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button,
.pnl-chart-modal-body .pnl-session-strip button{
  min-height:31px!important;
  height:31px!important;
  padding:3px 6px!important;
  border-radius:7px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button b,
.pnl-chart-modal-body .pnl-session-strip button b{
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all,
.pnl-chart-modal-body .pnl-session-strip button.all{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:2px!important;
  justify-self:center!important;
  border-radius:8px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all b,
.pnl-chart-modal-body .pnl-session-strip button.all b{
  font-size:7px!important;
  line-height:1.05!important;
  white-space:normal!important;
}

/* Pull the lower information row upward and keep it compact. */
#dashboardView #dashboardUnrealizedPane .pnl-pro-footer{
  margin-top:-1px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats{
  gap:4px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{
  min-height:38px!important;
  padding:2px 3px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats span{
  font-size:7.7px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stats b{
  font-size:10.2px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{
  font-size:8.2px!important;
  line-height:1.1!important;
  color:#aec0d0!important;
  font-weight:1000!important;
  letter-spacing:.05px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-stat-latest .pnl-recorder-health b{
  font-size:6.3px!important;
}

@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .dashboard-chart-header{margin-bottom:-3px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stage{margin-top:-3px!important}
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{height:270px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip{
    grid-template-columns:minmax(0,1fr) minmax(0,1.13fr) minmax(0,1fr) 35px!important;
    gap:3px!important;
    min-height:33px!important;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button{
    min-height:29px!important;height:29px!important;padding:2px 3px!important
  }
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button b{font-size:7.2px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all{
    width:31px!important;min-width:31px!important;height:31px!important;min-height:31px!important
  }
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all b{font-size:6.1px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stats>div{min-height:36px!important;padding:2px 1px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{font-size:6.8px!important}
}


/* =========================================================
   Waleed Trade V4.19.8 — Up/Left P&L Plot Expansion
   Expand the actual plot into unused space above and to the
   left while preserving the card height and lower controls.
   ========================================================= */
#dashboardView #dashboardUnrealizedPane .dashboard-chart-header{
  margin-bottom:-8px!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage{
  margin-top:-8px!important;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  margin-left:-3px!important;
  width:calc(100% + 3px)!important;
}

@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .dashboard-chart-header{margin-bottom:-6px!important}
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stage{margin-top:-6px!important}
  #dashboardView #dashboardUnrealizedPane #unrealizedChart{
    margin-left:-2px!important;
    width:calc(100% + 2px)!important;
  }
}


/* V4.20.14 — isolated portfolio background-recorder test in the original chart */
#dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode{
  width:auto!important;min-width:52px!important;height:27px!important;padding:0 8px!important;
  gap:5px!important;border-color:rgba(113,177,214,.24)!important;
  color:#a8cce0!important;background:rgba(15,48,69,.36)!important;
}
#dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode i{
  display:block;width:6px;height:6px;border-radius:50%;font-style:normal;font-size:0;
  background:#71899a;box-shadow:0 0 0 3px rgba(113,137,154,.10);
}
#dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode b{
  display:block!important;font-size:7.5px!important;font-weight:950!important;line-height:1!important;
}
#dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode.active{
  color:#76f0ad!important;border-color:rgba(79,226,143,.55)!important;
  background:linear-gradient(180deg,rgba(30,123,79,.36),rgba(10,72,48,.40))!important;
  box-shadow:inset 0 0 0 1px rgba(115,245,173,.08),0 0 14px rgba(50,220,130,.10)!important;
}
#dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode.active i{
  background:#52e798;box-shadow:0 0 0 3px rgba(82,231,152,.13),0 0 8px rgba(82,231,152,.75);
}
body.pnl-portfolio-test-mode #dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
  display:none!important;
}
body.pnl-portfolio-test-mode #dashboardView #dashboardUnrealizedPane .unrealized-period-control{
  opacity:.32!important;pointer-events:none!important;filter:saturate(.35)!important;
}
body.pnl-portfolio-test-mode #dashboardView #dashboardUnrealizedPane .unrealized-mini-stat:not(#unrealizedDailyCard){
  opacity:.46!important;
}
body.pnl-portfolio-test-mode #dashboardView #dashboardUnrealizedPane #unrealizedDailyCard{
  border-color:rgba(75,224,142,.30)!important;box-shadow:inset 0 0 0 1px rgba(75,224,142,.06)!important;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode{
    min-width:45px!important;width:45px!important;padding:0 4px!important;gap:3px!important;
  }
  #dashboardView #dashboardUnrealizedPane #pnlRecorderTestMode b{font-size:6.7px!important}
}
.pnl-chart-modal-body #pnlRecorderTestMode{display:none!important}
body.pnl-portfolio-test-mode .pnl-chart-modal-body .pnl-chart-navigator{display:none!important}

/* V4.20.17 — clearer saved-point count in the compact recorder footer. */
#dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{
  font-size:8.4px!important;
  line-height:1.15!important;
  color:#a8bfd1!important;
  font-weight:950!important;
  letter-spacing:.1px!important;
}
.pnl-chart-modal-body .pnl-recorder-detail{
  font-size:9px!important;
  color:#a8bfd1!important;
  font-weight:950!important;
}
@media(max-width:760px){
  #dashboardView #dashboardUnrealizedPane .pnl-recorder-detail{font-size:7.2px!important}
}


/* V4.21.4 — Correct left-to-right session order and exact chart time-block proportions. */
#dashboardView #dashboardUnrealizedPane .pnl-session-strip,
.pnl-chart-modal-body .pnl-session-strip{direction:ltr!important;grid-template-columns:48px minmax(0,6.5fr) minmax(0,5.5fr) minmax(0,4fr)!important;grid-template-areas:"all pre regular after"!important;gap:2px!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .all,.pnl-chart-modal-body .pnl-session-strip .all{grid-area:all!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .after,.pnl-chart-modal-body .pnl-session-strip .after{grid-area:after!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .regular,.pnl-chart-modal-body .pnl-session-strip .regular{grid-area:regular!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .pre,.pnl-chart-modal-body .pnl-session-strip .pre{grid-area:pre!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button,.pnl-chart-modal-body .pnl-session-strip button{width:100%!important;min-width:0!important;border-width:1px!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all,.pnl-chart-modal-body .pnl-session-strip button.all{width:100%!important;min-width:0!important;justify-self:stretch!important}

/* V4.21.5 — Pixel-perfect session strip alignment with the chart plot area.
   The left full-day control occupies the Y-axis gutter. The three session
   blocks use the exact 11:00→16:30, 16:30→22:00, 22:00→03:00 spans, while
   the right plot reserve remains empty. No gaps, so dividers line up 1:1. */
#dashboardView #dashboardUnrealizedPane .pnl-session-strip,
.pnl-chart-modal-body .pnl-session-strip{
  direction:ltr!important;
  grid-template-columns:56px minmax(0,5.5fr) minmax(0,5.5fr) minmax(0,5fr) 12px!important;
  grid-template-areas:"all pre regular after ."!important;
  column-gap:0!important;
  row-gap:0!important;
  padding:0!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .all,
.pnl-chart-modal-body .pnl-session-strip .all{grid-area:all!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .pre,
.pnl-chart-modal-body .pnl-session-strip .pre{grid-area:pre!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .regular,
.pnl-chart-modal-body .pnl-session-strip .regular{grid-area:regular!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .after,
.pnl-chart-modal-body .pnl-session-strip .after{grid-area:after!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button,
.pnl-chart-modal-body .pnl-session-strip button{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border-radius:0!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all,
.pnl-chart-modal-body .pnl-session-strip button.all{
  width:42px!important;
  min-width:42px!important;
  justify-self:center!important;
  border-radius:8px!important;
}
@media(max-width:520px){
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip,
  .pnl-chart-modal-body .pnl-session-strip{
    grid-template-columns:50px minmax(0,5.5fr) minmax(0,5.5fr) minmax(0,5fr) 10px!important;
  }
}


/* =========================================================
   Waleed Trade V4.21.6 — Final full-width session alignment
   Keep the exact visual order shown in the dashboard:
   full day | pre-market | regular market | after-hours.
   The full-day control consumes only the left Y-axis gutter.
   Session blocks use the exact chart spans:
   11:00→16:30 = 5.5h, 16:30→23:00 = 6.5h, 23:00→03:00 = 4h.
   ========================================================= */
#dashboardView #dashboardUnrealizedPane .pnl-pro-stage,
#dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
  width:calc(100% + 8px)!important;
  margin-left:-4px!important;
  margin-right:-4px!important;
}
#dashboardView #dashboardUnrealizedPane #unrealizedChart{
  width:100%!important;
  margin-left:0!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip,
.pnl-chart-modal-body .pnl-session-strip{
  direction:ltr!important;
  grid-template-columns:56px minmax(0,5.5fr) minmax(0,6.5fr) minmax(0,4fr)!important;
  grid-template-areas:"all pre regular after"!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(150,205,235,.12)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(31,59,76,.20),rgba(8,25,36,.18))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 4px 14px rgba(0,0,0,.10)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .all,
.pnl-chart-modal-body .pnl-session-strip .all{grid-area:all!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .pre,
.pnl-chart-modal-body .pnl-session-strip .pre{grid-area:pre!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .regular,
.pnl-chart-modal-body .pnl-session-strip .regular{grid-area:regular!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip .after,
.pnl-chart-modal-body .pnl-session-strip .after{grid-area:after!important}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button,
.pnl-chart-modal-body .pnl-session-strip button{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:inset -1px 0 0 rgba(190,225,245,.15),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.after,
.pnl-chart-modal-body .pnl-session-strip button.after{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#dashboardView #dashboardUnrealizedPane .pnl-session-strip button.all,
.pnl-chart-modal-body .pnl-session-strip button.all{
  width:42px!important;
  min-width:42px!important;
  justify-self:center!important;
  align-self:center!important;
  border:1px solid rgba(215,235,247,.70)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 10px rgba(130,190,225,.08)!important;
}
@media(max-width:520px){
  #dashboardView #dashboardUnrealizedPane .pnl-pro-stage,
  #dashboardView #dashboardUnrealizedPane .pnl-chart-navigator{
    width:calc(100% + 4px)!important;
    margin-left:-2px!important;
    margin-right:-2px!important;
  }
  #dashboardView #dashboardUnrealizedPane .pnl-session-strip,
  .pnl-chart-modal-body .pnl-session-strip{
    grid-template-columns:50px minmax(0,5.5fr) minmax(0,6.5fr) minmax(0,4fr)!important;
  }
}