/* EarthRoster V1452.20 — mobile Bookings outer-edge refinement only.
   Keep the V1452.19 action layout, 3/2/3 status filters, job cards and menu as-is.
   Inset existing controls inside their own surfaces; do not create new cards. */
@layer er-earth {
  @media (max-width:1023px) {
    /* Existing add/import surface: consistent, intentional inset around buttons. */
    html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v919-booking-actions,
    html.er-earth body #app #page .bookings-page.v213-bookings.er145217-bookings .v919-booking-actions {
      box-sizing:border-box!important;
      width:100%!important;
      margin:0 0 8px!important;
      padding:8px!important;
      gap:7px!important;
      border:1px solid #dce6dd!important;
      border-radius:15px!important;
      background:#fbfdfb!important;
      box-shadow:0 1px 2px rgba(27,58,40,.045)!important;
      overflow:hidden!important;
    }
    /* The original search + status area gets a calm border with room inside
       so first/last filter pills do not touch the outside rounded edges. */
    html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-toolbar,
    html.er-earth body #app #page .bookings-page.v213-bookings.er145217-bookings .v213-toolbar {
      box-sizing:border-box!important;
      display:grid!important;
      width:100%!important;
      min-width:0!important;
      gap:6px!important;
      margin:0!important;
      padding:8px!important;
      border:1px solid #dce6dd!important;
      border-radius:15px!important;
      background:#fbfdfb!important;
      box-shadow:0 1px 2px rgba(27,58,40,.045)!important;
      overflow:visible!important;
    }
    /* Keep the existing heights/labels; make their nested corners harmonious. */
    html.er-earth body #app #page .bookings-page.v213-bookings.er145217-bookings .v213-search {
      box-sizing:border-box!important;
      width:100%!important;
      min-width:0!important;
      border-radius:10px!important;
      border-color:#dbe5df!important;
    }
    html.er-earth body #app #page .bookings-page.v213-bookings.er145217-bookings .v213-filter-row {
      box-sizing:border-box!important;
      width:100%!important;
      min-width:0!important;
      margin:0!important;
      padding:0!important;
    }
  }
}