/* TJP Tracker v0.6.20: taxa de acerto diária e resumo mensal no topo do calendário. */

.calendar-month-summary-v620{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:10px 0 8px!important;
  padding:0!important;
  border:1px solid #1c242b;
  background:#1c242b;
  color:inherit;
}
.calendar-month-summary-v620>span{
  min-height:47px;
  padding:8px 11px;
  background:#080c0f;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:4px;
}
.calendar-month-summary-v620 small{
  color:#65717c;
  font-size:6px;
  font-weight:800;
  letter-spacing:.08em;
}
.calendar-month-summary-v620 strong{
  color:inherit;
  font-size:10px;
  line-height:1;
  white-space:nowrap;
}
.calendar-month-summary-v620 #monthResult.positive strong{color:var(--accent)}
.calendar-month-summary-v620 #monthResult.negative strong{color:var(--red)}
.calendar-month-summary-v620 #monthResult:not(.positive):not(.negative) strong{color:#f4f6f7}
.calendar-month-summary-v620 #monthCycleCount strong{color:#f4f6f7}

.calendar-cell{
  position:relative;
  min-height:92px;
}
.calendar-day-metrics-v620{
  position:absolute;
  left:6px;
  right:6px;
  top:50%;
  transform:translateY(-42%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  pointer-events:none;
  text-align:center;
}
.calendar-cycle-count-v620,
.calendar-winrate-v620{
  display:block;
  width:100%;
  font-size:6.5px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.calendar-cycle-count-v620{color:#68737d}
.calendar-day-pnl-v620{
  display:block;
  max-width:100%;
  font-size:9px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.calendar-winrate-v620{letter-spacing:.035em}
.calendar-wr-good-v620{color:var(--accent)}
.calendar-wr-mid-v620{color:#e5bb52}
.calendar-wr-low-v620{color:var(--red)}

.calendar-cell.outside .calendar-day-metrics-v620{opacity:.32}
.calendar-cell.today .calendar-day-metrics-v620{transform:translateY(-42%)}

@media(max-width:760px){
  .calendar-month-summary-v620{grid-template-columns:1fr 1fr}
  .calendar-cell{min-height:82px}
  .calendar-day-metrics-v620{gap:4px;left:3px;right:3px}
  .calendar-cycle-count-v620,.calendar-winrate-v620{font-size:5.8px}
  .calendar-day-pnl-v620{font-size:7.8px}
}
.app-shell.compact .calendar-cell{min-height:86px}