/* EarthRoster V1452.144 — targeted desktop polish, no mobile changes.
   Restores slim, readable card proportions and a clean, modern Messages tab selector. */
@layer er120 {
@media (min-width:1024px) and (pointer:fine) {
  /* Floating messenger filters: three simple tabs with a single continuous bottom border.
     Remove the raised/gapped All button, thick shadow and outline that looked uneven. */
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filters{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:stretch!important;justify-content:stretch!important;gap:0!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    padding:0!important;margin:1px 0 5px!important;
    border:0!important;border-bottom:1px solid #dce7df!important;
    border-radius:0!important;background:#fff!important;overflow:visible!important;
    box-shadow:none!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filter,
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filter.is-active{
    display:flex!important;justify-content:center!important;align-items:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    padding:4px 3px!important;margin:0!important;
    border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;transform:none!important;
    font-size:11px!important;font-weight:590!important;line-height:15px!important;
    color:#66786c!important;-webkit-text-fill-color:currentColor!important;
    white-space:nowrap!important;outline-offset:-2px!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filter.is-active{
    color:#215e42!important;background:#f3f8f4!important;
    border-bottom:2px solid #2c8658!important;font-weight:720!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1020-chat-filter:hover:not(.is-active){
    color:#1e6445!important;background:#f6faf7!important;
  }

  /* Desktop roster: 52px high, a slim horizontal strip with the same employee colours.
     Use three concise rows; the warning becomes a 1-character icon with accessible title. */
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card.er1170-job{
    height:52px!important;min-height:52px!important;max-height:52px!important;
    width:100%!important;display:flex!important;flex-direction:row!important;
    align-items:stretch!important;gap:3px!important;
    border-radius:6px!important;border-left-width:2px!important;
    padding:2px 3px 2px 1px!important;
    box-shadow:0 1px 2px #1b3c2420!important;
    transition:background-color .12s ease,box-shadow .12s ease!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er1170-jobs{
    gap:3px!important;padding:3px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail{
    flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
    padding:1px 0!important;gap:1px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail b{
    font-size:9.5px!important;line-height:12px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-rail small{
    font-size:7px!important;line-height:8px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-job-hours{
    max-width:29px!important;min-width:0!important;padding:0 1px!important;
    font-size:7.5px!important;line-height:10px!important;white-space:nowrap!important;
    letter-spacing:-.25px!important;overflow:hidden!important;text-overflow:clip!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:15px 11px 15px!important;align-content:center!important;
    gap:0!important;overflow:hidden!important;position:relative!important;
    min-width:0!important;padding:0!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-client{
    min-height:15px!important;max-height:15px!important;line-height:15px!important;
    font-size:10.3px!important;font-weight:690!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
    padding:0 13px 0 0!important;letter-spacing:-.18px!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>*{
    min-height:11px!important;max-height:11px!important;line-height:11px!important;
    font-size:8.5px!important;white-space:nowrap!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-desktop-footer{
    display:flex!important;align-items:center!important;height:15px!important;
    min-height:15px!important;max-height:15px!important;
    gap:2px!important;overflow:hidden!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-time{
    font-size:9.4px!important;line-height:14px!important;flex:1 1 auto!important;
    font-weight:680!important;min-width:0!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-status{
    font-size:7px!important;line-height:12px!important;height:14px!important;
    min-height:14px!important;max-height:14px!important;
    padding:0 2px!important;max-width:48px!important;flex:0 1 auto!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er14509-clash{
    position:absolute!important;right:1px!important;top:0!important;
    left:auto!important;bottom:auto!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:13px!important;min-height:13px!important;max-height:13px!important;
    width:12px!important;min-width:12px!important;max-width:12px!important;
    margin:0!important;padding:0!important;border-radius:3px!important;
    background:#fff3dc!important;color:#a65e2b!important;
    font-size:10px!important;line-height:12px!important;font-weight:800!important;
    overflow:hidden!important;white-space:nowrap!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er1196-quick{
    top:1px!important;right:1px!important;max-height:17px!important;
    transform:none!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:hover .er14509-clash{
    right:18px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card:hover .er14509-client{
    padding-right:31px!important;
  }
 }
}
@layer er120 {
@media(min-width:1024px) and (pointer:fine) {
  /* Keep the New Conversation action, but place it properly alongside Search.
     Older desktop rules left only a green sliver of this button visible above All. */
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1381-inbox-toolbar{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    gap:6px!important;justify-content:space-between!important;position:relative!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;
    width:100%!important;min-width:0!important;overflow:visible!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1381-inbox-toolbar .cv-search{
    flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0!important;
    height:42px!important;max-height:42px!important;margin:0!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1381-inbox-toolbar .cv-new{
    position:static!important;inset:auto!important;transform:none!important;
    display:grid!important;place-items:center!important;flex:0 0 34px!important;
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;max-height:34px!important;
    margin:0!important;padding:7px!important;
    background:#e9f2eb!important;color:#245e40!important;
    border:1px solid #d4e4d8!important;border-radius:9px!important;
    box-shadow:none!important;opacity:1!important;visibility:visible!important;
  }
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1381-inbox-toolbar .cv-new:hover{
    background:#dbece0!important;color:#174e35!important;
  }
}
}
@layer er120 {
@media(min-width:1024px) and (pointer:fine) {
  html.er-earth body #er1121Messenger .er1122-real-message-list .er1381-inbox-toolbar .cv-new svg{
    stroke:#245e40!important;color:#245e40!important;opacity:1!important;
    width:17px!important;height:17px!important;
  }
  html.er-earth body.ww-roster-active #app #page#page#page#page .er14509-roster .er14509-card .er53-job-hours{
    white-space:normal!important;overflow-wrap:normal!important;
    max-height:19px!important;line-height:8px!important;
    font-size:7px!important;text-overflow:clip!important;
  }
}
}