/* v21: dashboard indicators and Safari-safe shift selectors. */
#liveStatusText strong{font-size:17px;line-height:1.25;font-weight:750}
#liveRefresh,#verificationStatus.alarm-button{box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 32px;padding:0}
#liveRefresh svg,#verificationStatus.alarm-button svg{width:17px;height:17px}
#shiftReportScreen .shift-filter{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;column-gap:24px;row-gap:18px;align-items:end;min-width:0;max-width:100%}
#shiftReportScreen .shift-filter>label{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:0;line-height:1.4}
#shiftReportScreen .shift-filter input,#shiftReportScreen .shift-filter select{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:46px;min-height:46px;margin:0;padding:10px 12px;font-size:16px;line-height:24px}
#shiftReportDate{-webkit-appearance:none;appearance:none;text-align:left;overflow:hidden}
#shiftReportDate::-webkit-date-and-time-value{text-align:left;min-width:0;margin:0}
#shiftReportDate::-webkit-datetime-edit{display:block;min-width:0;padding:0}
#shiftReportScreen .shift-filter .shift-button{box-sizing:border-box;height:46px;min-height:46px;margin:0;white-space:nowrap}
@media(max-width:1100px){
 #shiftReportScreen .shift-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #shiftReportScreen .shift-filter .shift-button{grid-column:1/-1;justify-self:end;width:auto}
}
@media(max-width:760px){
 #shiftReportScreen .shift-filter{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}
 #shiftReportScreen .shift-filter .shift-button{grid-column:auto;justify-self:stretch;width:100%}
 #liveStatusText strong{font-size:16px}
}
@media print{#liveStatusText,#liveRefresh,#verificationStatus{display:none!important}}