/* EarthRoster V1414 — admin Draft-only visual treatment.
   Preserves the V1413 card templates, sizes, colours for published / accepted / rejected.
   This intentionally runs after the older card-colour restoration rules. */

/* Current admin MOBILE roster uses the er794-card/rc-card renderer. */
@media(max-width:1023px){
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]),
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft),
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-draft-tag){
    background:#e9ebed!important;
    border:1px solid #c3c8cc!important;
    box-shadow:0 3px 10px rgba(52,60,65,.065)!important;
    opacity:1!important;
    filter:none!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) > .rc-l,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) > .rc-l,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-draft-tag) > .rc-l,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.er968-admin-draft .er794-time{
    background:linear-gradient(155deg,#a4a9ae,#848b92)!important;
    color:#343b43!important;
    box-shadow:none!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) > .rc-b,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) > .rc-b,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-draft-tag) > .rc-b{
    background:linear-gradient(135deg,#f2f3f4,#e9ebed)!important;
    color:#3d454a!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) .rc-t,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) .rc-t,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) .rc-ap,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) .rc-ap{
    color:#333b43!important;
    text-shadow:none!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) :is(.rc-1 h3,.rc-time,.rc-2,.rc-3,.rc-4,.rc-addr,.er794-title,.er794-meta),
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) :is(.rc-1 h3,.rc-time,.rc-2,.rc-3,.rc-4,.rc-addr,.er794-title,.er794-meta){
    color:#565e65!important;
    text-shadow:none!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) .rc-1 h3,
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) .rc-1 h3{
    color:#343e44!important;
  }
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:is(.er968-admin-draft,.v1096-draft-mobile,[data-status="draft"],[data-visibility="draft"]) :is(.avatar,.rc-av,.er794-team-pill),
  html body.ww-roster-active #app #page .roster-mobile > article.er794-card.rc-card.is-admin:has(.rc-st.draft) :is(.avatar,.rc-av,.er794-team-pill){
    background:#81898e!important;
    border-color:#d8dcde!important;
    color:#fff!important;
  }
  /* Older mobile admin roster card renderer: draft state is also is-admin + is-draft. */
  html body #app #page .roster-mobile .rcard.is-admin.is-draft{
    background:#ebedef!important;
    border:1px solid #c4c8cc!important;
    box-shadow:0 3px 10px rgba(42,48,56,.075)!important;
    opacity:1!important;
  }
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-badge{
    background:linear-gradient(155deg,#a7adb2,#858c92)!important;
    color:#303a42!important;
    box-shadow:none!important;
  }
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-badge :is(strong,.rc-ap),
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-time-range,
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-meta{color:#424b53!important}
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-info h3{color:#303941!important}
  html body #app #page .roster-mobile .rcard.is-admin.is-draft .rc-draft-tag{background:#d5d9dd!important;color:#4b535b!important;border-color:#b7bec5!important}
  html body #app #page .roster-mobile .ww512-roster-card.is-admin.is-draft{background:#eceef0!important;border:1px solid #bec4c9!important;box-shadow:0 3px 10px rgba(42,48,56,.075)!important}
  html body #app #page .roster-mobile .ww512-roster-card.is-admin.is-draft .ww512-hours-badge{background:linear-gradient(155deg,#a4aab0,#848c93)!important;color:#303941!important;box-shadow:none!important}
  html body #app #page .roster-mobile .ww512-roster-card.is-admin.is-draft .ww512-hours-badge :is(strong,span){color:#303941!important}
}

/* Desktop admin weekly grid: neutral grey draft cards, same size/actions. */
@media(min-width:1024px){
  html body.ww-roster-active #app #page .er1170-job.is-draft{
    background:linear-gradient(120deg,#e8eaed,#d9dde1)!important;
    border:1px solid #c4c9ce!important;
    border-left:4px solid #8f979f!important;
    box-shadow:0 1px 4px rgba(60,70,80,.085)!important;
    opacity:1!important;
    filter:none!important;
  }
  html body.ww-roster-active #app #page .er1170-job.is-draft :is(.er1170-job-time,.er1170-job-client,.er1170-hour b){color:#414951!important;text-shadow:none!important;text-decoration:none!important}
  html body.ww-roster-active #app #page .er1170-job.is-draft :is(.er1170-job-staff,.er1170-hour small){color:#727b83!important}
  html body.ww-roster-active #app #page .er1170-job.is-draft .er1174-shift-icon{background:#d0d5da!important;border-color:#b7bec5!important;color:#59636c!important}
  html body.ww-roster-active #app #page .er1170-job.is-draft .er1174-shift-icon svg{color:#59636c!important;stroke:#59636c!important}
  html body.ww-roster-active #app #page .er1170-job.is-draft .er1170-hours{border-top-color:#c8cdd1!important}
  html body.ww-roster-active #app #page .er1170-job.is-draft .er1174-status.draft{background:#f0f1f2!important;border-color:#b7bec5!important;color:#57616b!important}
  html body.ww-roster-active #app #page .rwg-cell .rgc.draft{
    background:linear-gradient(120deg,#e8eaed,#d9dde1)!important;
    border:1px solid #c4c9ce!important;
    border-left:4px solid #8f979f!important;
    box-shadow:0 1px 4px rgba(60,70,80,.085)!important;
  }
  html body.ww-roster-active #app #page .rwg-cell .rgc.draft :is(.rgc-time,.rgc-client,.rgc-dur){color:#434c54!important;text-decoration:none!important}
  html body.ww-roster-active #app #page .rwg-cell .rgc.draft .rgc-dot{background:#868f97!important;box-shadow:none!important}
}

/* High-priority final draft palette: legacy inline shift colours are normal
   declarations, so important grey variables win without altering any data. */
@media(max-width:1023px){
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.er968-admin-draft{
    --solid:#9ba2a8!important;
    --deep:#7b848b!important;
    --accent:#9ba2a8!important;
    --accent-deep:#68727a!important;
    --shift-accent:#9ba2a8!important;
    --shift-deep:#7b848b!important;
    --surface:#eceff1!important;
    --surface2:#d8dde0!important;
    background:#e9ecee!important;
    background-image:none!important;
    border:1px solid #c4c9cd!important;
    box-shadow:0 3px 10px rgba(47,55,63,.07)!important;
  }
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile > .rc-l,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.er968-admin-draft > .rc-l{
    background:#989fa5!important;
    background-image:none!important;
    border-color:#989fa5!important;
  }
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile > .rc-b,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.er968-admin-draft > .rc-b{
    background:#e9ecee!important;
    background-image:none!important;
    color:#454e55!important;
  }
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile .rc-1 h3,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.er968-admin-draft .rc-1 h3{
    color:#343d45!important;
  }
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile .rc-av,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile .er797-person-avatar{
    filter:grayscale(1)!important;
  }
}
@media(max-width:1023px){
  /* Whole-card neutralisation catches employee avatar fills and any legacy
     inline-important card surface while retaining clear readable text. */
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.v1096-draft-mobile,
  html body.ww-roster-active #app#app#app #page#page#page .roster-mobile > article.er794-card.rc-card.is-admin.er968-admin-draft{
    filter:grayscale(1) brightness(.955)!important;
  }
}