/* FRA Prop HQ v7.9.45 — purpose-built mobile Trading Calendar */
.calendar-pnl-compact,.calendar-trades-compact{display:none}

@media(max-width:620px){
  #view-calendar{min-width:0}
  #view-calendar .calendar-page-head{display:none!important}
  #view-calendar .trading-calendar-page-panel{
    overflow:hidden;
    border-radius:18px;
  }
  #view-calendar .trading-calendar-head{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
    padding:16px 14px 13px;
  }
  #view-calendar .trading-calendar-head .section-kicker{font-size:9px;letter-spacing:.16em}
  #view-calendar .trading-calendar-head h2{margin:4px 0 4px;font-size:27px;line-height:1.05;letter-spacing:-.035em}
  #view-calendar .trading-calendar-head p{font-size:11px;line-height:1.4;max-width:310px}
  #view-calendar .trading-calendar-controls{
    display:grid;
    grid-template-columns:42px 1fr 42px;
    gap:8px;
    width:100%;
  }
  #view-calendar .trading-calendar-controls .mini-button,
  #view-calendar .trading-calendar-controls .button{
    min-width:0;
    width:100%;
    height:40px;
    min-height:40px;
    padding:0 10px;
    border-radius:11px;
    font-size:12px;
  }

  #view-calendar .trading-calendar-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #view-calendar .trading-calendar-stat{
    min-width:0;
    padding:10px 12px 11px;
  }
  #view-calendar .trading-calendar-stat span{font-size:8px;letter-spacing:.13em;white-space:nowrap}
  #view-calendar .trading-calendar-stat strong{margin-top:4px;font-size:16px;letter-spacing:-.02em;white-space:nowrap}

  #view-calendar .trading-calendar-weekdays{padding:0 5px}
  #view-calendar .trading-calendar-weekdays span{
    padding:8px 0;
    font-size:7.5px;
    letter-spacing:.06em;
    text-align:center;
  }
  #view-calendar .trading-calendar-grid{
    min-height:0!important;
    padding:6px;
    gap:3px;
  }
  #view-calendar .trading-calendar-day{
    min-width:0;
    min-height:58px!important;
    padding:6px 5px 5px;
    border-radius:8px;
    overflow:hidden;
  }
  #view-calendar .trading-calendar-day:hover{transform:none}
  #view-calendar .trading-calendar-date{display:block;line-height:1}
  #view-calendar .trading-calendar-date b{display:block;font-size:12px;line-height:1.05}
  #view-calendar .trading-calendar-today-label{display:none!important}
  #view-calendar .trading-calendar-pnl{
    display:block;
    margin-top:9px;
    max-width:100%;
    overflow:hidden;
    font-size:10px;
    line-height:1;
    font-weight:850;
    letter-spacing:-.035em;
    white-space:nowrap;
    text-overflow:clip;
  }
  #view-calendar .calendar-pnl-full{display:none}
  #view-calendar .calendar-pnl-compact{display:inline}
  #view-calendar .trading-calendar-trades{
    display:block;
    min-height:9px;
    margin-top:5px;
    overflow:hidden;
    color:var(--muted);
    font-size:7px;
    line-height:1;
    white-space:nowrap;
  }
  #view-calendar .calendar-trades-full{display:none}
  #view-calendar .calendar-trades-compact{display:inline}
  #view-calendar .trading-calendar-activity{display:none!important}

  #view-calendar .trading-calendar-legend{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 6px;
    padding:11px 12px 12px;
    font-size:8px;
  }
  #view-calendar .trading-calendar-legend span{gap:5px;white-space:nowrap}
  #view-calendar .trading-calendar-legend span:last-child{
    grid-column:1/-1;
    width:auto;
    margin:2px 0 0;
    padding-top:9px;
    border-top:1px solid var(--border,var(--line));
    white-space:normal;
  }
  #view-calendar .calendar-legend-dot{width:6px;height:6px;flex:0 0 auto}
}

@media(max-width:390px){
  #view-calendar .trading-calendar-head{padding-left:12px;padding-right:12px}
  #view-calendar .trading-calendar-head h2{font-size:25px}
  #view-calendar .trading-calendar-stat{padding:9px 10px 10px}
  #view-calendar .trading-calendar-stat strong{font-size:15px}
  #view-calendar .trading-calendar-grid{padding:5px;gap:2px}
  #view-calendar .trading-calendar-day{min-height:55px!important;padding:5px 4px 4px;border-radius:7px}
  #view-calendar .trading-calendar-date b{font-size:11px}
  #view-calendar .trading-calendar-pnl{margin-top:8px;font-size:9px}
  #view-calendar .trading-calendar-trades{font-size:6.5px}
}