/* V1452.143 — targeted desktop readability & app flow. Do not restyle mobile header/menu or Clock. */
@layer er120 {
@media (min-width:1024px) and (pointer:fine) {
/* Keep seven-day roster, but restore readable shift text instead of cramming four lines into 57px. */
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card.er1170-job{
 height:69px!important;min-height:69px!important;max-height:69px!important;padding:4px 5px 4px 2px!important;gap:4px!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail{
 flex:0 0 34px!important;min-width:34px!important;width:34px!important;padding:2px 0!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-body{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:17px 13px 17px 11px!important;gap:0!important;min-width:0!important;overflow:hidden!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-client{
 font-size:10.5px!important;line-height:17px!important;min-height:17px!important;max-height:17px!important;font-weight:700!important;
 white-space:nowrap!important;text-overflow:ellipsis!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address,
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er54-desktop-address>*{
 font-size:9.4px!important;line-height:13px!important;min-height:13px!important;max-height:13px!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-footer{
 height:17px!important;min-height:17px!important;max-height:17px!important;gap:2px!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-time{
 font-size:9.8px!important;line-height:15px!important;font-weight:750!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status{
 font-size:7.5px!important;line-height:14px!important;height:15px!important;max-height:15px!important;max-width:51px!important;
}
html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-clash{
 display:inline-flex!important;align-items:center!important;gap:3px!important;position:static!important;
 height:11px!important;line-height:11px!important;max-height:11px!important;margin:0!important;
 padding:0!important;background:none!important;color:#ad4c39!important;font-size:9px!important;
 font-weight:700!important;white-space:nowrap!important;
}
/* Hover buttons must not obscure shift timings or change card dimensions. */
html.er-earth body.ww-roster-active #app #page .er14509-roster .er14509-card .er1196-quick{
 position:absolute!important;top:2px!important;right:2px!important;bottom:auto!important;max-height:17px!important;
}
/* A consistent, compact Settings dialog on desktop, matching the approved mobile one. */
html.er-earth body dialog#er151-dialog.er154-settings[open]{
 display:flex!important;flex-direction:column!important;width:min(520px,calc(100vw - 36px))!important;
 max-width:520px!important;height:auto!important;max-height:min(90dvh,780px)!important;min-height:0!important;
 border-radius:17px!important;border:1px solid #d9e5db!important;overflow:hidden!important;box-shadow:0 22px 60px #1b3b2736!important;
}
html.er-earth body #er151-dialog.er154-settings>header{background:#f3f7f2!important;padding:14px 17px!important;min-height:0!important}
html.er-earth body #er151-dialog.er154-settings>header h2{font-size:20px!important;line-height:1.2!important;font-weight:740!important}
html.er-earth body #er151-dialog.er154-settings>.er151-body{min-height:0!important;overflow-y:auto!important;padding:13px 17px!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options{display:grid!important;gap:8px!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options>label{
 min-height:0!important;padding:11px 13px!important;border-radius:10px!important;
 border:1px solid #d9e5db!important;border-left:4px solid #8ba995!important;background:#f6faf5!important;
 gap:12px!important;
}
html.er-earth body #er151-dialog.er154-settings .er154-field-options>label:has(input:checked){border-left-color:#2b7150!important;background:#edf6ef!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options strong{font-size:13px!important;line-height:1.35!important;font-weight:700!important}
html.er-earth body #er151-dialog.er154-settings .er154-field-options small{font-size:11px!important;line-height:1.45!important;font-weight:450!important}
html.er-earth body #er151-dialog.er154-settings .er154-settings-note{background:#f4f7f2!important;border-radius:9px!important;padding:11px!important;font-size:11px!important}
html.er-earth body #er151-dialog.er154-settings>footer{padding:12px 17px!important;background:#fff!important;border-top:1px solid #e4ebe2!important;gap:10px!important}
/* Floating Messages widget: simple message list instead of over-sized stacked cards. */
html.er-earth body #er1121Messenger .er1121-drawer{border-radius:15px!important;overflow:hidden!important;border:1px solid #ccdcd1!important;box-shadow:0 18px 42px #173b2d2b!important}
html.er-earth body #er1121Messenger .er1121-bar{min-height:50px!important;padding:10px 13px!important;background:#224b39!important}
html.er-earth body #er1121Messenger .er1122-real-message-list.chat-list.cv-list{background:#fff!important;grid-template-rows:44px 34px minmax(0,1fr)!important;padding:10px!important;gap:5px!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-search{height:42px!important;min-height:42px!important;border-radius:9px!important;background:#f7f9f6!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-search input{height:40px!important;font-size:12px!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filter{height:29px!important;min-height:29px!important;padding:0 10px!important;border-radius:8px!important;font-size:11px!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-threads{gap:0!important;padding:0 1px 8px!important;background:#fff!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row,
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row.cv-pinned,
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row.cv-person{
 display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;min-height:59px!important;
 height:auto!important;padding:7px 9px!important;margin:0!important;gap:9px!important;
 border:0!important;border-bottom:1px solid #e5ebe5!important;border-radius:0!important;
 background:#fff!important;box-shadow:none!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row:hover{background:#f3f8f3!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row.active{background:#eaf4eb!important;box-shadow:inset 3px 0 #2e7953!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-av,
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-av .avatar{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;border-radius:10px!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-name{font-size:12px!important;font-weight:740!important}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-last,
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-sub{font-size:10px!important;font-weight:450!important}
}
/* Notification clicks should reveal the existing chat view rather than show a second opaque splash.
   Authentication and server-side entitlement checks still run. */
html.er121-notification-entry #er101-auth-launch,
html.er121-notification-entry #er108-early-launch,
html.er121-notification-entry #er115-access-status{display:none!important}
}
@layer er120 {
@media (min-width:1024px) {
/* Align conversation name and date on one line; never let timestamps cover names. */
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row>.cv-body{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 justify-content:center!important;min-width:0!important;overflow:hidden!important;gap:3px!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-top{
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;
 width:100%!important;min-width:0!important;overflow:hidden!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-name{
 flex:1 1 auto!important;min-width:0!important;max-width:none!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 font-size:12px!important;line-height:16px!important;text-align:left!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-meta-right{
 flex:0 0 auto!important;min-width:0!important;margin-left:auto!important;max-width:74px!important;
 display:inline-flex!important;align-items:center!important;gap:3px!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-time{
 font-size:9px!important;white-space:nowrap!important;font-weight:500!important;
}
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-last,
html.er-earth body #er1121Messenger .er1122-real-message-list .cv-row .cv-sub{
 display:block!important;min-width:0!important;max-width:100%!important;
 overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
 font-size:10px!important;line-height:13px!important;
}
}
}