/* The same unread/overdue meaning on mobile, web and the native PC client. */
.room-meta60{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:6px;align-self:stretch;justify-content:center;min-width:38px}
.room-meta60 .chat-time{position:static!important;white-space:nowrap}
.room-meta60 .unread-badge,body .nav-unread{background:#FE5656!important;color:#111!important;border:0!important;box-shadow:none!important}
.room-meta60 .unread-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:20px;height:20px;line-height:20px;padding:0 6px;border-radius:20px;margin:0!important;font-size:11px;font-weight:800}
body .chip.bad,body .bad.chip,body .car-overdue-note,body .overdue-banner,body .overdue-alert,body .overdue-badge,body .overdue60{background:#FE5656!important;color:#111!important;border-color:#FE5656!important}
body .v28-event-dategrid .v28-event-day{aspect-ratio:auto!important;width:36px!important;height:36px!important;min-height:36px!important;max-width:100%;margin:3px auto;padding:0!important;font-size:16px!important;line-height:36px!important;border-radius:50%!important}
@media(hover:hover) and (pointer:fine){
 button:not(:disabled),a,[role=button],summary{cursor:pointer}
 #content button:not(:disabled),#nav button:not(:disabled),#content summary{transition:background-color .12s ease,box-shadow .12s ease}
 #content button:not(:disabled):hover,#nav button:not(:disabled):hover,#content summary:hover{box-shadow:inset 0 0 0 9999px #00000008}
 #content .cal-date:hover,#content .cal-cell:hover{background-color:#edf3ef!important}
 #content button:focus-visible,#nav button:focus-visible{outline:2px solid #222;outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){#content button,#nav button{transition:none!important}}