/* Final mobile adjustments, shared by all main-application screens. */
@media(max-width:700px){
 .daily-history-periods{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
 .daily-history-periods button{padding:8px 4px;min-height:40px;font-size:10px}
 .daily-history-platform-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
 .daily-history-platform-tabs button{min-width:0;min-height:40px;padding:8px 4px;font-size:10px;white-space:normal}
 .daily-history-buttons{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch}
 .daily-history-buttons .daily-history-export{width:100%;min-height:44px}
 .daily-history-buttons .daily-history-export-styled{width:44px;min-width:44px;height:44px;min-height:44px;justify-self:end}
 .daily-history-buttons .daily-history-clear{grid-column:1/-1;width:100%;min-height:44px}
 .daily-history-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .daily-history-total{padding:11px 9px}
 .daily-history-total span{line-height:1.5}
 .daily-history-total strong{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
 .stats-panel{overflow-x:auto;overscroll-behavior-x:contain}
 .stats-chart{min-width:calc(var(--bar-count,7)*44px)}
 .stats-bar-value{font-size:9px;overflow:visible;text-overflow:clip}
 .stats-bar-label{font-size:8px}
 .hourly-stat strong{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
 .daily-history-row small{flex-basis:100%;line-height:1.65}
 .daily-history-row .daily-history-actions{gap:8px}
 .daily-history-row .daily-history-actions button{min-height:36px!important}
}
@media(max-width:360px){
 .hourly-results{grid-template-columns:minmax(0,1fr)}
 .stats-totals{flex-direction:column}
 .daily-history-platform-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .daily-history-platform-tabs button{min-width:0;min-height:40px}
 .daily-history-total strong{font-size:12px}
}

/* iOS native date/time controls can impose a wider intrinsic inline size. */
@media(max-width:700px){
 .app .field input[type="time"],.app .field input[type="date"],.app input[type="month"]{
  display:block;box-sizing:border-box;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;
  height:44px;min-height:44px;padding:10px 9px;font-size:16px;line-height:22px;-webkit-appearance:none;appearance:none;
 }
 .app input[type="time"]::-webkit-date-and-time-value,.app input[type="date"]::-webkit-date-and-time-value,.app input[type="month"]::-webkit-date-and-time-value{
  min-width:0;min-height:22px;text-align:center;
 }
 .app input[type="time"]::-webkit-datetime-edit,.app input[type="date"]::-webkit-datetime-edit{min-width:0;padding:0}
 .charge-form-fields>.field{width:100%;min-width:0;min-inline-size:0}
}