/* Current interface rules share the established colour and contrast tokens. */
@layer er-earth {
 html.er-earth #app #page .er14508-weekbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px!important;margin:0 0 12px!important;background:var(--er-paper)!important;border:1px solid var(--er-line)!important;border-radius:12px!important;box-shadow:none!important;color:var(--er-ink)!important}
 html.er-earth #app #page .er14508-weeknav{display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;align-items:center!important;gap:4px!important;flex:1!important;min-width:0!important}
 html.er-earth #app #page .er14508-weeknav>div{text-align:center!important;min-width:0!important}
 html.er-earth #app #page .er14508-weeknav strong{display:block!important;font-size:14px!important;line-height:1.35!important;white-space:nowrap!important}
 html.er-earth #app #page .er14508-weeknav small{display:block!important;font-size:11px!important;line-height:1.5!important;color:var(--er-muted)!important}
 html.er-earth #app #page .er14508-weeknav button{display:grid!important;place-items:center!important;width:34px!important;height:44px!important;min-height:44px!important;padding:7px!important;background:transparent!important;border:0!important;border-radius:8px!important;color:var(--er-brand-text)!important}
 html.er-earth #app #page .er14508-weeknav button:last-child svg{transform:rotate(180deg)!important}
 html.er-earth #app #page .er14508-weekbar svg{width:18px!important;height:18px!important;flex:none!important}
 html.er-earth #app #page .er14508-add{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:44px!important;padding:8px 12px!important;border:0!important;border-radius:8px!important;background:#2d6547!important;color:#fff!important;font-size:12px!important;white-space:nowrap!important}
 html.er-earth #app #page .er1450-scope{margin:2px 0 8px!important}
 html.er-earth #app #page .er1450-scope>span{display:none!important}
 html.er-earth #app #page .er1450-scope button{min-height:34px!important;min-width:62px!important;padding:6px 12px!important}
 html.er-earth #app #page .ww521-roster-controls.er14508-week-controls{display:block!important;margin-bottom:10px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
 html.er-earth #app #page .er14508-week-controls .ww521-control-search{margin:0!important;padding:0!important}
 html.er-earth #app #page .er14508-week-controls .ww521-control-search-label{display:none!important}
 html.er-earth #app #page :is(.rwg-search,.v213-search,.ts-client-search){display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--er-line)!important;background:var(--er-paper)!important;box-shadow:none!important;border-radius:9px!important}
 html.er-earth #app #page :is(.rwg-search,.v213-search,.ts-client-search) input,html.er-earth #modalHost .ts-client-search input{flex:1!important;min-width:0!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important}
 html.er-earth #app #page .er915-search input{background:transparent!important;border:0!important;box-shadow:none!important}
 /* Badge dimensions include the complete number; no negative offsets. */
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:12px!important;overflow:visible!important;min-height:76px!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row :is(.cv-main,.cv-copy,.cv-content,.cv-body){min-width:0!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-top{min-width:0!important;gap:6px!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-name{min-width:0!important;flex:1!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-meta-right{display:inline-flex!important;align-items:center!important;gap:6px!important;flex:none!important;overflow:visible!important;line-height:normal!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-row .cv-side{position:static!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:5px!important;min-width:46px!important;overflow:visible!important;align-self:center!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-unread-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;transform:none!important;flex:none!important;min-width:20px!important;width:auto!important;height:20px!important;min-height:20px!important;max-height:none!important;line-height:20px!important;padding:0 6px!important;box-sizing:border-box!important;border:0!important;border-radius:10px!important;overflow:visible!important;font-size:10px!important;box-shadow:none!important;margin:0!important}
 html.er-earth body.ww-chat-active #app .chat-list.cv-list .cv-time{font-size:10px!important;line-height:1.4!important;white-space:nowrap!important}
 /* Compact staff rows: selection, name, hours and availability share one row. */
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-staff-picker{display:flex!important;flex-direction:column!important;gap:10px!important;padding:0!important;background:transparent!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-staff{padding:0 0 8px!important;margin:0!important;min-height:0!important;border:0!important;border-bottom:1px solid var(--er-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-head{font-size:12px!important;margin:0!important;min-height:24px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-staff:has(.er962-none-selected) .er962-selected-chips{display:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-searchbox input{font-size:16px!important;font-weight:400!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-searchbox input::placeholder{font-weight:400!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-none-selected{display:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-chips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:5px 0 0!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-chip{display:inline-flex!important;width:auto!important;max-width:100%!important;min-height:28px!important;padding:3px 7px!important;font-size:11px!important;gap:5px!important;border-radius:16px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er962-selected-chip :is(.av,.er962-chip-av){width:20px!important;height:20px!important;min-width:20px!important;font-size:8px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1023-staff-legend{padding:0!important;min-height:22px!important;font-size:10px!important;background:transparent!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-staff-list{gap:0!important;background:transparent!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1018-staff-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:6px!important;min-height:60px!important;height:auto!important;padding:9px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--er-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1018-staff-row[style*="display: none"]{display:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1018-staff-select{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:18px 28px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;padding:0!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-staff-av{width:28px!important;height:28px!important;min-width:28px!important;font-size:10px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-check{width:18px!important;height:18px!important;min-width:18px!important;border-radius:5px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-staff-copy b{font-size:12px!important;line-height:1.35!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-staff-copy small{font-size:10px!important;line-height:1.35!important;color:var(--er-muted)!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1018-hours-editor{grid-column:2!important;grid-row:1!important;min-height:32px!important;max-width:80px!important;width:auto!important;margin:0!important;font-size:11px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1018-hours-editor input{min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:16px!important;font-weight:600!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er1023-staff-badge{grid-column:3!important;grid-row:1!important;font-size:9px!important;padding:3px 6px!important;min-width:0!important}
 /* Colour choices occupy the section width rather than a narrow side column. */
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .er1370-colour{display:block!important;grid-template-columns:none!important;width:100%!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .er1370-colour>h3{margin:0 0 8px!important;font-size:12px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .er932-colour-row{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-picker{grid-column:1/-1!important;width:100%!important;min-width:0!important;padding:8px 0 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .er1395-colour-heading{margin:0 0 8px!important;font-size:12px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .er1395-colour-heading span{font-size:10px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-swatches{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;width:100%!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-option{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;width:100%!important;height:54px!important;min-height:54px!important;padding:5px 2px!important;border:1px solid var(--er-line)!important;border-radius:8px!important;background:var(--er-paper)!important;box-shadow:none!important;outline-offset:1px!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-option i{width:20px!important;height:20px!important;border-radius:50%!important;flex:none!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-option b{font-size:9px!important;line-height:1.2!important;font-weight:500!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
 html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-option.is-sel{border-color:#39714d!important;outline:2px solid #39714d!important;background:var(--er-soft)!important}
 html.er-earth #modalHost .er14508-timesheet .mr2{min-width:0!important}
 html.er-earth #modalHost .er14508-timesheet :is(#ae_user,#ae_date){width:100%!important;max-width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;font-size:16px!important;padding:8px 10px!important;box-sizing:border-box!important;text-align:left!important}
 html.er-earth #modalHost .er14508-timesheet .ts-client-search{display:flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 10px!important;border:1px solid var(--er-line)!important;border-radius:9px!important;background:var(--er-paper)!important}
 html.er-earth #modalHost .er14508-timesheet .ts-client-search svg{width:18px!important;height:18px!important;flex:none!important}
 @media(max-width:1023px){
  html.er-earth #app #page .er1450-admin-card .rc-t{font-size:18px!important;letter-spacing:-.3px!important}
  html.er-earth #app #page .er1024-roster-tools{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:8px!important}
  html.er-earth #app #page .er1450-week-day{font-size:14px!important;margin:14px 0 9px!important;padding-bottom:7px!important}
  html.er-earth body #app .shell nav.wwnav{height:calc(50px + env(safe-area-inset-bottom,0px))!important;min-height:calc(50px + env(safe-area-inset-bottom,0px))!important;padding:3px 3px calc(3px + env(safe-area-inset-bottom,0px))!important}
  html.er-earth body #app .shell nav.wwnav .wwnav-ic{position:relative!important;margin:0!important;inset:auto!important;transform:none!important}
  html.er-earth body.modal-open #modalHost#modalHost .modal :is(.modal-foot){position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;max-height:none!important;flex:0 0 auto!important;margin:0!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important;background:var(--er-paper)!important;border-top:1px solid var(--er-line)!important;box-shadow:none!important;transform:none!important}
  html.er-earth body.modal-open #modalHost#modalHost .modal .modal-foot .btn,html.er-earth body.modal-open #modalHost#modalHost .modal .modal-foot>button{min-height:44px!important;height:44px!important;margin:0!important;padding:8px 12px!important;font-size:13px!important;border-radius:8px!important;box-shadow:none!important}
  html.er-earth body[data-modal-type=admin-entry] #modalHost#modalHost .er14508-timesheet{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;height:calc(var(--er1450-modal-height,100dvh) - 16px)!important;max-height:calc(var(--er1450-modal-height,100dvh) - 16px)!important;overflow:hidden!important;margin:8px!important}
  html.er-earth body[data-modal-type=admin-entry] #modalHost#modalHost .er14508-timesheet .modal-body{min-height:0!important;overflow:auto!important;height:auto!important;padding:16px!important}
  html.er-earth #modalHost .er14508-timesheet .mr2>.mr2-field{min-width:0!important}
 }
 @media(max-width:350px){
  html.er-earth #app #page .er14508-add span{display:none!important}
  html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-shift .colour-swatches{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html.er-earth body[data-modal-type=shift] #modalHost#modalHost .er14508-staff-dialog .er932-staff-copy small{font-size:9px!important}
 }
 @media(min-width:1024px){
  html.er-earth #app #page .er1450-scope{display:none!important}
  html.er-earth #app #page .er1170-grid{grid-template-columns:180px repeat(7,minmax(190px,1fr))!important;min-width:1510px!important}
  html.er-earth #app #page .er1170-jobs{gap:5px!important;padding:5px!important}
  html.er-earth #app #page .er1170-job.er14508-desktop-card{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:3px!important;width:100%!important;min-width:0!important;height:auto!important;min-height:58px!important;max-height:76px!important;margin:0!important;padding:7px 9px!important;border:1px solid var(--er-line)!important;border-left:4px solid var(--er14508-card-colour)!important;border-radius:7px!important;background:var(--er14508-card-tint)!important;background-image:none!important;box-shadow:none!important;color:var(--er-ink)!important;overflow:hidden!important}
  html.er-earth #app #page .er14508-card-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;color:var(--er14508-card-colour)!important}
  html.er-earth #app #page .er14508-card-top b{font-size:10px!important;line-height:1.25!important;white-space:nowrap!important}
  html.er-earth #app #page .er14508-card-people{display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:9px!important;line-height:1.25!important;white-space:nowrap!important;color:var(--er-muted)!important}
  html.er-earth #app #page .er14508-card-people .er1174-status{position:static!important;display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;border-radius:50%!important}
  html.er-earth #app #page .er14508-card-people .er1174-status svg{width:10px!important;height:10px!important}
  html.er-earth #app #page .er14508-card-client{font-size:12px!important;line-height:1.3!important;color:var(--er-ink)!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html.er-earth #app #page .er14508-card-hours{display:flex!important;gap:10px!important;font-size:9px!important;line-height:1.25!important;color:var(--er-muted)!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-job-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;position:static!important;min-width:0!important;color:var(--er14508-card-colour)!important}
  html.er-earth #app #page .er14508-desktop-card .er1174-job-timewrap{display:block!important;min-width:0!important;flex:1!important}
  html.er-earth #app #page .er14508-desktop-card .er1174-shift-icon{display:none!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-job-time{font-size:10px!important;line-height:1.3!important;color:var(--er14508-card-colour)!important;white-space:nowrap!important;overflow:visible!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-job-staff{font-size:9px!important;line-height:1.3!important;color:var(--er-muted)!important;white-space:nowrap!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-job-client{font-size:12px!important;line-height:1.3!important;font-weight:650!important;color:var(--er-ink)!important;-webkit-text-fill-color:currentColor!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-hours{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important;margin:0!important;border:0!important;min-height:0!important;color:var(--er-muted)!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-hour{display:inline-flex!important;align-items:center!important;gap:3px!important;color:var(--er-muted)!important;border:0!important;padding:0!important;min-height:0!important}
  html.er-earth #app #page .er14508-desktop-card .er1170-hour :is(b,small){font-size:9px!important;line-height:1.25!important;color:var(--er-muted)!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important}
 }
 html.er-earth[data-er-theme=dark] #app #page .er14508-desktop-card{background:var(--er-soft)!important}
}