/* Add your local overrides here. This file is loaded after the template CSS. */

/* v1.0.109 - compact section typography and logout control */
.cs-template .cs-app-kicker,
.cs-app-kicker {
  display: none !important;
}

.cs-template .cs-app-title,
.cs-app-title {
  font-size: clamp(2.10rem, 3.35vw, 3.08rem) !important;
  line-height: 0.98 !important;
}

.cs-template .cs-app-screen--inventory .cs-app-title {
  font-size: clamp(2.18rem, 3.05vw, 3.23rem) !important;
}

.cs-template .cs-app-panel__title,
.cs-app-panel__title,
.cs-template .cs-app-table caption,
.cs-app-table caption {
  font-size: 0.84rem !important;
  line-height: 1.22 !important;
}

.cs-template .cs-panel-heading .cs-app-panel__title,
.cs-panel-heading .cs-app-panel__title,
.cs-template .cs-inventory-home__head .cs-app-panel__title,
.cs-inventory-home__head .cs-app-panel__title {
  font-size: 0.84rem !important;
}

.cs-template .user-pill-menu__panel,
.user-pill-menu__panel {
  min-width: 118px !important;
  padding: 5px !important;
  border-radius: 11px !important;
}

.cs-template .user-pill-menu__logout,
.user-pill-menu__logout {
  min-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}



/* v1.0.191 - Force Joomla login button compact Export/Clear style
   Targets Joomla com_users login markup directly, including fallback selectors
   for pages where the body/page wrapper classes differ.
*/
body[class*="com-users"] button[type="submit"],
body[class*="com-users"] input[type="submit"],
body[class*="users"] button[type="submit"],
body[class*="users"] input[type="submit"],
body[class*="login"] button[type="submit"],
body[class*="login"] input[type="submit"],
.com-users-login button[type="submit"],
.com-users-login input[type="submit"],
.login button[type="submit"],
.login input[type="submit"],
.login form button,
.login form .btn,
.login form .button,
form[action*="users/login"] button[type="submit"],
form[action*="users/login"] input[type="submit"],
form[action*="component/users"] button[type="submit"],
form[action*="component/users"] input[type="submit"],
#member-login button[type="submit"],
#member-login input[type="submit"],
#login-form button[type="submit"],
#login-form input[type="submit"],
button.login-button,
input.login-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 12px auto 0 auto !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease !important;
}

body[class*="com-users"] button[type="submit"]:hover,
body[class*="com-users"] input[type="submit"]:hover,
body[class*="users"] button[type="submit"]:hover,
body[class*="users"] input[type="submit"]:hover,
body[class*="login"] button[type="submit"]:hover,
body[class*="login"] input[type="submit"]:hover,
.com-users-login button[type="submit"]:hover,
.com-users-login input[type="submit"]:hover,
.login button[type="submit"]:hover,
.login input[type="submit"]:hover,
.login form button:hover,
.login form .btn:hover,
.login form .button:hover,
form[action*="users/login"] button[type="submit"]:hover,
form[action*="users/login"] input[type="submit"]:hover,
form[action*="component/users"] button[type="submit"]:hover,
form[action*="component/users"] input[type="submit"]:hover,
#member-login button[type="submit"]:hover,
#member-login input[type="submit"]:hover,
#login-form button[type="submit"]:hover,
#login-form input[type="submit"]:hover,
button.login-button:hover,
input.login-button:hover {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 8px 18px rgba(255, 122, 24, 0.12) !important;
  transform: translateY(-1px) !important;
}

body[class*="com-users"] form,
body[class*="users"] form,
body[class*="login"] form,
.com-users-login form,
.login form,
#member-login,
#login-form {
  text-align: left !important;
}

body[class*="com-users"] form .control-group:last-child,
body[class*="users"] form .control-group:last-child,
body[class*="login"] form .control-group:last-child,
.com-users-login form .control-group:last-child,
.login form .control-group:last-child,
#member-login .control-group:last-child,
#login-form .control-group:last-child {
  display: flex !important;
  justify-content: center !important;
}

/* Specific safety net for the Cycling Support login screen markup. */
.cs-template .login .btn-primary,
.cs-template .login .btn,
.cs-template .com-users-login .btn-primary,
.cs-template .com-users-login .btn,
.cs-template #member-login .btn-primary,
.cs-template #login-form .btn-primary {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  color: #0d2f68 !important;
}

.cs-template .login .btn-primary:hover,
.cs-template .login .btn:hover,
.cs-template .com-users-login .btn-primary:hover,
.cs-template .com-users-login .btn:hover,
.cs-template #member-login .btn-primary:hover,
.cs-template #login-form .btn-primary:hover {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  color: #e45f0a !important;
}


/* v1.0.192 - Login button forced Export/Clear visual state */
html body .cs-login-submit-forced,
html body .cs-template .cs-login-submit-forced,
html body button.cs-login-submit-forced,
html body input.cs-login-submit-forced,
html body .btn.cs-login-submit-forced,
html body .btn-primary.cs-login-submit-forced {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 12px auto 0 auto !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  border: 1px solid #c9d7ea !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .cs-login-submit-forced:hover,
html body .cs-template .cs-login-submit-forced:hover,
html body button.cs-login-submit-forced:hover,
html body input.cs-login-submit-forced:hover,
html body .btn.cs-login-submit-forced:hover,
html body .btn-primary.cs-login-submit-forced:hover {
  border-color: #ff7a18 !important;
  background-color: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 8px 18px rgba(255, 122, 24, 0.12) !important;
  transform: translateY(-1px) !important;
}


/* v1.0.194 - Compact login button Export/Clear style */
html body .cs-login-submit-forced,
html body button.cs-login-submit-forced,
html body input.cs-login-submit-forced,
body[class*="com-users"] button[type="submit"],
body[class*="com-users"] input[type="submit"],
body[class*="login"] button[type="submit"],
body[class*="login"] input[type="submit"],
.com-users-login button[type="submit"],
.com-users-login input[type="submit"],
.login button[type="submit"],
.login input[type="submit"],
#member-login button[type="submit"],
#member-login input[type="submit"],
#login-form button[type="submit"],
#login-form input[type="submit"] {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  margin: 12px auto 0 auto !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .cs-login-submit-forced:hover,
html body button.cs-login-submit-forced:hover,
html body input.cs-login-submit-forced:hover,
body[class*="com-users"] button[type="submit"]:hover,
body[class*="com-users"] input[type="submit"]:hover,
body[class*="login"] button[type="submit"]:hover,
body[class*="login"] input[type="submit"]:hover,
.com-users-login button[type="submit"]:hover,
.com-users-login input[type="submit"]:hover,
.login button[type="submit"]:hover,
.login input[type="submit"]:hover,
#member-login button[type="submit"]:hover,
#member-login input[type="submit"]:hover,
#login-form button[type="submit"]:hover,
#login-form input[type="submit"]:hover {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 8px 18px rgba(255, 122, 24, 0.12) !important;
  transform: translateY(-1px) !important;
}


/* v1.0.195 - Login form vertical layout */
body[class*="com-users"] form,
body[class*="login"] form,
.com-users-login form,
.login form,
#member-login,
#login-form,
form[action*="component/users"],
form[action*="users/login"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
}

body[class*="com-users"] form .control-group,
body[class*="login"] form .control-group,
.com-users-login form .control-group,
.login form .control-group,
#member-login .control-group,
#login-form .control-group,
form[action*="component/users"] .control-group,
form[action*="users/login"] .control-group {
  display: block !important;
  width: 276px !important;
  max-width: 276px !important;
  margin: 0 0 12px 0 !important;
}

body[class*="com-users"] form .control-label,
body[class*="login"] form .control-label,
.com-users-login form .control-label,
.login form .control-label,
#member-login .control-label,
#login-form .control-label,
form[action*="component/users"] .control-label,
form[action*="users/login"] .control-label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

body[class*="com-users"] form .controls,
body[class*="login"] form .controls,
.com-users-login form .controls,
.login form .controls,
#member-login .controls,
#login-form .controls,
form[action*="component/users"] .controls,
form[action*="users/login"] .controls {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

body[class*="com-users"] form input[type="text"],
body[class*="com-users"] form input[type="password"],
body[class*="login"] form input[type="text"],
body[class*="login"] form input[type="password"],
.com-users-login form input[type="text"],
.com-users-login form input[type="password"],
.login form input[type="text"],
.login form input[type="password"],
#member-login input[type="text"],
#member-login input[type="password"],
#login-form input[type="text"],
#login-form input[type="password"],
form[action*="component/users"] input[type="text"],
form[action*="component/users"] input[type="password"],
form[action*="users/login"] input[type="text"],
form[action*="users/login"] input[type="password"] {
  display: block !important;
  width: 276px !important;
  max-width: 276px !important;
  height: 40px !important;
  box-sizing: border-box !important;
}

body[class*="com-users"] form .control-group:last-child,
body[class*="login"] form .control-group:last-child,
.com-users-login form .control-group:last-child,
.login form .control-group:last-child,
#member-login .control-group:last-child,
#login-form .control-group:last-child,
form[action*="component/users"] .control-group:last-child,
form[action*="users/login"] .control-group:last-child {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 276px !important;
  max-width: 276px !important;
  margin-top: 0 !important;
}

body[class*="com-users"] button[type="submit"],
body[class*="com-users"] input[type="submit"],
body[class*="login"] button[type="submit"],
body[class*="login"] input[type="submit"],
.com-users-login button[type="submit"],
.com-users-login input[type="submit"],
.login button[type="submit"],
.login input[type="submit"],
#member-login button[type="submit"],
#member-login input[type="submit"],
#login-form button[type="submit"],
#login-form input[type="submit"],
form[action*="component/users"] button[type="submit"],
form[action*="component/users"] input[type="submit"],
form[action*="users/login"] button[type="submit"],
form[action*="users/login"] input[type="submit"] {
  margin: 0 auto !important;
}


/* v1.0.196 - Stable perfectly centered login screen */
.cs-template .cs-login-minimal,
.cs-login-minimal {
  width: 100% !important;
  max-width: 276px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
}

.cs-template .cs-login-minimal-form,
.cs-login-minimal-form,
.cs-template #login-form.cs-login-minimal-form,
#login-form.cs-login-minimal-form {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 276px !important;
  row-gap: 12px !important;
  justify-content: center !important;
  align-items: start !important;
  text-align: left !important;
}

.cs-template .cs-login-minimal__field,
.cs-login-minimal__field {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: left !important;
}

.cs-template .cs-login-minimal__field label,
.cs-login-minimal__field label {
  display: block !important;
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.15 !important;
}

.cs-template .cs-login-minimal__field input,
.cs-login-minimal__field input,
.cs-template #login-form.cs-login-minimal-form input[type="text"],
.cs-template #login-form.cs-login-minimal-form input[type="password"],
#login-form.cs-login-minimal-form input[type="text"],
#login-form.cs-login-minimal-form input[type="password"] {
  box-sizing: border-box !important;
  display: block !important;
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #c9d7ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 140ms ease, box-shadow 140ms ease !important;
}

.cs-template .cs-login-minimal__field input:focus,
.cs-login-minimal__field input:focus,
.cs-template #login-form.cs-login-minimal-form input[type="text"]:focus,
.cs-template #login-form.cs-login-minimal-form input[type="password"]:focus,
#login-form.cs-login-minimal-form input[type="text"]:focus,
#login-form.cs-login-minimal-form input[type="password"]:focus {
  border-color: #9fb4d1 !important;
  box-shadow: 0 0 0 3px rgba(13, 47, 104, 0.08) !important;
}

.cs-template .cs-login-minimal__submit,
.cs-login-minimal__submit,
.cs-template #login-form.cs-login-minimal-form .cs-login-minimal__submit,
#login-form.cs-login-minimal-form .cs-login-minimal__submit {
  box-sizing: border-box !important;
  justify-self: center !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

.cs-template .cs-login-minimal__submit:hover,
.cs-login-minimal__submit:hover,
.cs-template #login-form.cs-login-minimal-form .cs-login-minimal__submit:hover,
#login-form.cs-login-minimal-form .cs-login-minimal__submit:hover,
.cs-template .cs-login-minimal__submit:focus,
.cs-login-minimal__submit:focus {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
  transform: none !important;
}

/* Prevent older generic login overrides from turning fields/button into a horizontal row. */
.cs-template .cs-login-minimal-form > *,
.cs-login-minimal-form > * {
  grid-column: 1 !important;
}


/* v1.0.197 - Login screen fixed CSS-only layout
   No JavaScript resizing. All login elements have fixed dimensions and stable alignment.
*/

/* Outer guest/login screen: keep content centered and stable. */
.cs-template .cs-auth-shell,
.cs-auth-shell,
.cs-template .cs-login-minimal,
.cs-login-minimal {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Logo / brand block */
.cs-template .cs-auth-brand,
.cs-auth-brand {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 auto 22px auto !important;
  padding: 0 !important;
  display: block !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.cs-template .cs-auth-brand img,
.cs-auth-brand img,
.cs-template .cs-login-minimal img,
.cs-login-minimal img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Remove card/form adaptation and lock a single central column. */
.cs-template .cs-auth-card,
.cs-auth-card {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

.cs-template .cs-auth-form,
.cs-auth-form,
.cs-template .cs-login-minimal-form,
.cs-login-minimal-form,
.cs-template #login-form,
#login-form {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Each field is a fixed vertical block. */
.cs-template .cs-auth-field,
.cs-auth-field,
.cs-template .cs-login-minimal__field,
.cs-login-minimal__field {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
  float: none !important;
  clear: both !important;
}

.cs-template .cs-auth-field label,
.cs-auth-field label,
.cs-template .cs-login-minimal__field label,
.cs-login-minimal__field label {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  text-align: left !important;
  line-height: 1.15 !important;
  box-sizing: border-box !important;
}

/* Inputs never change size. */
.cs-template .cs-auth-field input,
.cs-auth-field input,
.cs-template .cs-login-minimal__field input,
.cs-login-minimal__field input,
.cs-template #login-form input[type="text"],
.cs-template #login-form input[type="password"],
#login-form input[type="text"],
#login-form input[type="password"] {
  width: 276px !important;
  max-width: 276px !important;
  min-width: 276px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #c9d7ea !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
  transition: border-color 140ms ease, box-shadow 140ms ease !important;
}

.cs-template .cs-auth-field input:focus,
.cs-auth-field input:focus,
.cs-template .cs-login-minimal__field input:focus,
.cs-login-minimal__field input:focus,
.cs-template #login-form input[type="text"]:focus,
.cs-template #login-form input[type="password"]:focus,
#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus {
  border-color: #9fb4d1 !important;
  box-shadow: 0 0 0 3px rgba(13, 47, 104, 0.08) !important;
  transform: none !important;
}

/* Button: fixed, centered, no movement/adaptation. */
.cs-template .cs-auth-submit,
.cs-auth-submit,
.cs-template .cs-login-minimal__submit,
.cs-login-minimal__submit,
.cs-template #login-form button[type="submit"],
#login-form button[type="submit"],
.cs-template #login-form input[type="submit"],
#login-form input[type="submit"] {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

.cs-template .cs-auth-submit:hover,
.cs-auth-submit:hover,
.cs-template .cs-login-minimal__submit:hover,
.cs-login-minimal__submit:hover,
.cs-template #login-form button[type="submit"]:hover,
#login-form button[type="submit"]:hover,
.cs-template #login-form input[type="submit"]:hover,
#login-form input[type="submit"]:hover,
.cs-template .cs-auth-submit:focus,
.cs-auth-submit:focus,
.cs-template .cs-login-minimal__submit:focus,
.cs-login-minimal__submit:focus {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
  transform: none !important;
}

/* Hard reset against older global form rules that caused horizontal alignment. */
.cs-template .cs-auth-form > *,
.cs-auth-form > *,
.cs-template .cs-login-minimal-form > *,
.cs-login-minimal-form > * {
  float: none !important;
  position: static !important;
}


/* v1.0.198 - Optical centering for login logo and stable login column
   The logo image artwork has asymmetric visual weight, so the image box can be mathematically centered
   while the visible logo feels slightly off. This block centers the login column to the viewport
   and applies a small optical correction to the logo only.
*/
html body .cs-auth-shell,
html body .cs-template .cs-auth-shell,
html body .cs-login-minimal,
html body .cs-template .cs-login-minimal {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-align: center !important;
}

/* Fixed central login stack: no responsive/morphing behavior. */
html body .cs-auth-shell > main,
html body .cs-auth-shell .cs-auth-main,
html body .cs-auth-card,
html body .cs-login-minimal {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  text-align: center !important;
}

/* Logo block: mathematically centered to the viewport column. */
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  margin: 0 auto 22px auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* Logo image optical correction.
   Use translateX(-6px) because the visible artwork weight is slightly right-heavy.
*/
html body .cs-auth-brand img,
html body .cs-template .cs-auth-brand img,
html body .cs-login-minimal__brand img,
html body .cs-template .cs-login-minimal__brand img,
html body .cs-login-minimal img,
html body .cs-template .cs-login-minimal img {
  display: block !important;
  margin: 0 auto !important;
  transform: translateX(-6px) !important;
  transform-origin: center center !important;
  max-width: 276px !important;
  height: auto !important;
}

/* Login form is centered under the same 276px column. */
html body .cs-auth-form,
html body .cs-template .cs-auth-form,
html body .cs-login-minimal-form,
html body .cs-template .cs-login-minimal-form,
html body #login-form.cs-login-minimal-form,
html body .cs-template #login-form.cs-login-minimal-form {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

/* Stable field geometry */
html body .cs-auth-field,
html body .cs-template .cs-auth-field,
html body .cs-login-minimal__field,
html body .cs-template .cs-login-minimal__field {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

html body .cs-auth-field input,
html body .cs-template .cs-auth-field input,
html body .cs-login-minimal__field input,
html body .cs-template .cs-login-minimal__field input,
html body #login-form input[type="text"],
html body #login-form input[type="password"] {
  width: 276px !important;
  min-width: 276px !important;
  max-width: 276px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Button fixed and centered under the form, no position shift on hover. */
html body .cs-auth-submit,
html body .cs-template .cs-auth-submit,
html body .cs-login-minimal__submit,
html body .cs-template .cs-login-minimal__submit,
html body #login-form button[type="submit"],
html body #login-form input[type="submit"] {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important;
}

html body .cs-auth-submit:hover,
html body .cs-template .cs-auth-submit:hover,
html body .cs-login-minimal__submit:hover,
html body .cs-template .cs-login-minimal__submit:hover,
html body #login-form button[type="submit"]:hover,
html body #login-form input[type="submit"]:hover {
  transform: none !important;
}


/* v1.0.199 - Smaller login fields and button */
html body .cs-auth-shell > main,
html body .cs-auth-shell .cs-auth-main,
html body .cs-auth-card,
html body .cs-login-minimal,
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand,
html body .cs-auth-form,
html body .cs-template .cs-auth-form,
html body .cs-login-minimal-form,
html body .cs-template .cs-login-minimal-form,
html body #login-form.cs-login-minimal-form,
html body .cs-template #login-form.cs-login-minimal-form,
html body .cs-auth-field,
html body .cs-template .cs-auth-field,
html body .cs-login-minimal__field,
html body .cs-template .cs-login-minimal__field,
html body .cs-auth-field label,
html body .cs-template .cs-auth-field label,
html body .cs-login-minimal__field label,
html body .cs-template .cs-login-minimal__field label {
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
}

html body .cs-auth-field input,
html body .cs-template .cs-auth-field input,
html body .cs-login-minimal__field input,
html body .cs-template .cs-login-minimal__field input,
html body #login-form input[type="text"],
html body #login-form input[type="password"] {
  width: 238px !important;
  min-width: 238px !important;
  max-width: 238px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
}

html body .cs-auth-submit,
html body .cs-template .cs-auth-submit,
html body .cs-login-minimal__submit,
html body .cs-template .cs-login-minimal__submit,
html body #login-form button[type="submit"],
html body #login-form input[type="submit"] {
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 0.74rem !important;
}

html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand {
  margin-bottom: 20px !important;
}

html body .cs-auth-field,
html body .cs-template .cs-auth-field,
html body .cs-login-minimal__field,
html body .cs-template .cs-login-minimal__field {
  margin-bottom: 11px !important;
}


/* v1.0.200 - Smaller Log in button only */
html body .cs-auth-submit,
html body .cs-template .cs-auth-submit,
html body .cs-login-minimal__submit,
html body .cs-template .cs-login-minimal__submit,
html body #login-form button[type="submit"],
html body #login-form input[type="submit"] {
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  font-size: 0.70rem !important;
  line-height: 1 !important;
}


/* v1.0.201 - Smaller login input fields only */
html body .cs-auth-shell > main,
html body .cs-auth-shell .cs-auth-main,
html body .cs-auth-card,
html body .cs-login-minimal,
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand,
html body .cs-auth-form,
html body .cs-template .cs-auth-form,
html body .cs-login-minimal-form,
html body .cs-template .cs-login-minimal-form,
html body #login-form.cs-login-minimal-form,
html body .cs-template #login-form.cs-login-minimal-form,
html body .cs-auth-field,
html body .cs-template .cs-auth-field,
html body .cs-login-minimal__field,
html body .cs-template .cs-login-minimal__field,
html body .cs-auth-field label,
html body .cs-template .cs-auth-field label,
html body .cs-login-minimal__field label,
html body .cs-template .cs-login-minimal__field label {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

html body .cs-auth-field input,
html body .cs-template .cs-auth-field input,
html body .cs-login-minimal__field input,
html body .cs-template .cs-login-minimal__field input,
html body #login-form input[type="text"],
html body #login-form input[type="password"] {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
}


/* v1.0.202 - Tiny Login button and stronger optical logo centering */

/* Keep the reduced input-column from v1.0.201. */
html body .cs-auth-shell > main,
html body .cs-auth-shell .cs-auth-main,
html body .cs-auth-card,
html body .cs-login-minimal,
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand,
html body .cs-auth-form,
html body .cs-template .cs-auth-form,
html body .cs-login-minimal-form,
html body .cs-template .cs-login-minimal-form,
html body #login-form.cs-login-minimal-form,
html body .cs-template #login-form.cs-login-minimal-form,
html body .cs-auth-field,
html body .cs-template .cs-auth-field,
html body .cs-login-minimal__field,
html body .cs-template .cs-login-minimal__field,
html body .cs-auth-field label,
html body .cs-template .cs-auth-field label,
html body .cs-login-minimal__field label,
html body .cs-template .cs-login-minimal__field label {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
}

/* Logo optical centering: stronger correction than v1.0.198. */
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

html body .cs-auth-brand img,
html body .cs-template .cs-auth-brand img,
html body .cs-login-minimal__brand img,
html body .cs-template .cs-login-minimal__brand img,
html body .cs-login-minimal img,
html body .cs-template .cs-login-minimal img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: translateX(-12px) !important;
  transform-origin: center center !important;
}

/* Inputs stay reduced. */
html body .cs-auth-field input,
html body .cs-template .cs-auth-field input,
html body .cs-login-minimal__field input,
html body .cs-template .cs-login-minimal__field input,
html body #login-form input[type="text"],
html body #login-form input[type="password"] {
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
}

/* Make Log in clearly smaller. */
html body .cs-auth-submit,
html body .cs-template .cs-auth-submit,
html body .cs-login-minimal__submit,
html body .cs-template .cs-login-minimal__submit,
html body #login-form button[type="submit"],
html body #login-form input[type="submit"],
html body .login-button,
html body button.login-button {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  font-size: 0.66rem !important;
  line-height: 1 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

/* Avoid any old hover rule visually enlarging it. */
html body .cs-auth-submit:hover,
html body .cs-template .cs-auth-submit:hover,
html body .cs-login-minimal__submit:hover,
html body .cs-template .cs-login-minimal__submit:hover,
html body #login-form button[type="submit"]:hover,
html body #login-form input[type="submit"]:hover,
html body .login-button:hover,
html body button.login-button:hover {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 10px !important;
  transform: none !important;
}


/* v1.0.203 - Real Log in button size, not underline only */
html body .cs-login-real-button,
html body button.cs-login-real-button,
html body .cs-auth-submit.cs-login-real-button,
html body .cs-login-minimal__submit.cs-login-real-button,
html body #login-form button.cs-login-real-button,
html body .cs-template .cs-login-real-button,
html body .cs-template button.cs-login-real-button,
html body .cs-template .cs-auth-submit.cs-login-real-button,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  inline-size: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  block-size: 26px !important;
  padding: 0 10px !important;
  margin: 0 auto !important;
  border-radius: 6px !important;
  border: 1px solid #c9d7ea !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  overflow: hidden !important;
}

html body .cs-login-real-button:hover,
html body button.cs-login-real-button:hover,
html body .cs-auth-submit.cs-login-real-button:hover,
html body .cs-login-minimal__submit.cs-login-real-button:hover,
html body #login-form button.cs-login-real-button:hover,
html body .cs-template .cs-login-real-button:hover,
html body .cs-template button.cs-login-real-button:hover,
html body .cs-template .cs-auth-submit.cs-login-real-button:hover,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button:hover,
html body .cs-login-real-button:focus,
html body button.cs-login-real-button:focus,
html body .cs-auth-submit.cs-login-real-button:focus,
html body .cs-login-minimal__submit.cs-login-real-button:focus {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  inline-size: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  block-size: 26px !important;
  padding: 0 10px !important;
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-color: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
  transform: none !important;
}

/* Remove decorative underline/pseudo-elements that can look like the only resized part. */
html body .cs-login-real-button::before,
html body .cs-login-real-button::after,
html body .cs-auth-submit::before,
html body .cs-auth-submit::after,
html body .cs-login-minimal__submit::before,
html body .cs-login-minimal__submit::after,
html body button.login-button::before,
html body button.login-button::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Make sure the parent does not stretch the real button. */
html body .cs-auth-form .cs-login-real-button,
html body .cs-login-minimal-form .cs-login-real-button,
html body #login-form .cs-login-real-button {
  justify-self: center !important;
  align-self: center !important;
  flex: 0 0 76px !important;
}


/* v1.0.204 - Keep Log in button identical size on hover / underline */
html body .cs-login-real-button,
html body button.cs-login-real-button,
html body .cs-auth-submit.cs-login-real-button,
html body .cs-login-minimal__submit.cs-login-real-button,
html body #login-form button.cs-login-real-button,
html body .cs-template .cs-login-real-button,
html body .cs-template button.cs-login-real-button,
html body .cs-template .cs-auth-submit.cs-login-real-button,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button,
html body .cs-login-real-button:hover,
html body button.cs-login-real-button:hover,
html body .cs-auth-submit.cs-login-real-button:hover,
html body .cs-login-minimal__submit.cs-login-real-button:hover,
html body #login-form button.cs-login-real-button:hover,
html body .cs-template .cs-login-real-button:hover,
html body .cs-template button.cs-login-real-button:hover,
html body .cs-template .cs-auth-submit.cs-login-real-button:hover,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button:hover,
html body .cs-login-real-button:focus,
html body button.cs-login-real-button:focus,
html body .cs-auth-submit.cs-login-real-button:focus,
html body .cs-login-minimal__submit.cs-login-real-button:focus,
html body #login-form button.cs-login-real-button:focus,
html body .cs-login-real-button:active,
html body button.cs-login-real-button:active,
html body .cs-auth-submit.cs-login-real-button:active,
html body .cs-login-minimal__submit.cs-login-real-button:active,
html body #login-form button.cs-login-real-button:active {
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  inline-size: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  block-size: 26px !important;
  padding: 0 10px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  transform: none !important;
  scale: 1 !important;
  text-decoration: none !important;
}

/* If the template/browser renders an underline/pseudo-element on hover,
   keep it visually tied to the full button size instead of shrinking. */
html body .cs-login-real-button::before,
html body .cs-login-real-button::after,
html body .cs-login-real-button:hover::before,
html body .cs-login-real-button:hover::after,
html body .cs-login-real-button:focus::before,
html body .cs-login-real-button:focus::after,
html body .cs-login-real-button:active::before,
html body .cs-login-real-button:active::after,
html body .cs-auth-submit::before,
html body .cs-auth-submit::after,
html body .cs-auth-submit:hover::before,
html body .cs-auth-submit:hover::after,
html body .cs-login-minimal__submit::before,
html body .cs-login-minimal__submit::after,
html body .cs-login-minimal__submit:hover::before,
html body .cs-login-minimal__submit:hover::after {
  display: none !important;
  content: none !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  transform: none !important;
  scale: 1 !important;
}

/* Hover changes only colors/shadow, never dimensions. */
html body .cs-login-real-button:hover,
html body button.cs-login-real-button:hover,
html body .cs-auth-submit.cs-login-real-button:hover,
html body .cs-login-minimal__submit.cs-login-real-button:hover,
html body #login-form button.cs-login-real-button:hover,
html body .cs-login-real-button:focus,
html body button.cs-login-real-button:focus,
html body .cs-auth-submit.cs-login-real-button:focus,
html body .cs-login-minimal__submit.cs-login-real-button:focus,
html body #login-form button.cs-login-real-button:focus {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-color: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
}


/* v1.0.205 - Definitive fixed Log in button size for all states */
html body button.cs-login-real-button,
html body .cs-login-real-button,
html body .cs-auth-submit.cs-login-real-button,
html body .cs-login-minimal__submit.cs-login-real-button,
html body #login-form button.cs-login-real-button,
html body .cs-template button.cs-login-real-button,
html body .cs-template .cs-login-real-button,
html body .cs-template .cs-auth-submit.cs-login-real-button,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button,

html body button.cs-login-real-button:hover,
html body .cs-login-real-button:hover,
html body .cs-auth-submit.cs-login-real-button:hover,
html body .cs-login-minimal__submit.cs-login-real-button:hover,
html body #login-form button.cs-login-real-button:hover,
html body .cs-template button.cs-login-real-button:hover,
html body .cs-template .cs-login-real-button:hover,
html body .cs-template .cs-auth-submit.cs-login-real-button:hover,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button:hover,

html body button.cs-login-real-button:focus,
html body .cs-login-real-button:focus,
html body .cs-auth-submit.cs-login-real-button:focus,
html body .cs-login-minimal__submit.cs-login-real-button:focus,
html body #login-form button.cs-login-real-button:focus,
html body .cs-template button.cs-login-real-button:focus,
html body .cs-template .cs-login-real-button:focus,
html body .cs-template .cs-auth-submit.cs-login-real-button:focus,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button:focus,

html body button.cs-login-real-button:active,
html body .cs-login-real-button:active,
html body .cs-auth-submit.cs-login-real-button:active,
html body .cs-login-minimal__submit.cs-login-real-button:active,
html body #login-form button.cs-login-real-button:active,
html body .cs-template button.cs-login-real-button:active,
html body .cs-template .cs-login-real-button:active,
html body .cs-template .cs-auth-submit.cs-login-real-button:active,
html body .cs-template .cs-login-minimal__submit.cs-login-real-button:active {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  inline-size: 84px !important;

  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  block-size: 32px !important;

  padding: 0 10px !important;
  margin: 0 auto !important;
  border-radius: 7px !important;
  border-width: 1px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;

  transform: none !important;
  scale: 1 !important;
  overflow: hidden !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Normal state */
html body button.cs-login-real-button,
html body .cs-login-real-button,
html body .cs-auth-submit.cs-login-real-button,
html body .cs-login-minimal__submit.cs-login-real-button,
html body #login-form button.cs-login-real-button {
  border-color: #c9d7ea !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
}

/* Hover/focus/active: color only, same size. */
html body button.cs-login-real-button:hover,
html body .cs-login-real-button:hover,
html body .cs-auth-submit.cs-login-real-button:hover,
html body .cs-login-minimal__submit.cs-login-real-button:hover,
html body #login-form button.cs-login-real-button:hover,
html body button.cs-login-real-button:focus,
html body .cs-login-real-button:focus,
html body .cs-auth-submit.cs-login-real-button:focus,
html body .cs-login-minimal__submit.cs-login-real-button:focus,
html body #login-form button.cs-login-real-button:focus,
html body button.cs-login-real-button:active,
html body .cs-login-real-button:active,
html body .cs-auth-submit.cs-login-real-button:active,
html body .cs-login-minimal__submit.cs-login-real-button:active,
html body #login-form button.cs-login-real-button:active {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-color: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
}

/* No underline/pseudo-element visual resize. */
html body .cs-login-real-button::before,
html body .cs-login-real-button::after,
html body .cs-login-real-button:hover::before,
html body .cs-login-real-button:hover::after,
html body .cs-login-real-button:focus::before,
html body .cs-login-real-button:focus::after,
html body .cs-login-real-button:active::before,
html body .cs-login-real-button:active::after,
html body .cs-auth-submit.cs-login-real-button::before,
html body .cs-auth-submit.cs-login-real-button::after,
html body .cs-login-minimal__submit.cs-login-real-button::before,
html body .cs-login-minimal__submit.cs-login-real-button::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}


/* v1.0.206 - Isolated fixed-size login button
   The login submit no longer uses Bootstrap/template button classes.
   Same box in normal, hover, focus and active.
*/
html body .cs-login-fixed-button,
html body button.cs-login-fixed-button,
html body .cs-login-fixed-button:hover,
html body button.cs-login-fixed-button:hover,
html body .cs-login-fixed-button:focus,
html body button.cs-login-fixed-button:focus,
html body .cs-login-fixed-button:active,
html body button.cs-login-fixed-button:active,
html body .cs-login-fixed-button:visited,
html body button.cs-login-fixed-button:visited {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  inline-size: 84px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  block-size: 32px !important;
  padding: 0 10px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 84px !important;
  align-self: center !important;
  justify-self: center !important;
  border-radius: 7px !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: none !important;
  transform: none !important;
  scale: 1 !important;
  overflow: hidden !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease !important;
}

html body .cs-login-fixed-button,
html body button.cs-login-fixed-button {
  border-color: #c9d7ea !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0d2f68 !important;
  box-shadow: none !important;
}

html body .cs-login-fixed-button:hover,
html body button.cs-login-fixed-button:hover,
html body .cs-login-fixed-button:focus,
html body button.cs-login-fixed-button:focus,
html body .cs-login-fixed-button:active,
html body button.cs-login-fixed-button:active {
  border-color: #ff7a18 !important;
  background: #fff2e8 !important;
  background-color: #fff2e8 !important;
  background-image: none !important;
  color: #e45f0a !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.12) !important;
  transform: none !important;
  scale: 1 !important;
}

/* Kill all decorative underline / pseudo-element behavior for the isolated button. */
html body .cs-login-fixed-button::before,
html body .cs-login-fixed-button::after,
html body button.cs-login-fixed-button::before,
html body button.cs-login-fixed-button::after,
html body .cs-login-fixed-button:hover::before,
html body .cs-login-fixed-button:hover::after,
html body button.cs-login-fixed-button:hover::before,
html body button.cs-login-fixed-button:hover::after,
html body .cs-login-fixed-button:focus::before,
html body .cs-login-fixed-button:focus::after,
html body button.cs-login-fixed-button:focus::before,
html body button.cs-login-fixed-button:focus::after,
html body .cs-login-fixed-button:active::before,
html body .cs-login-fixed-button:active::after,
html body button.cs-login-fixed-button:active::before,
html body button.cs-login-fixed-button:active::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Keep the button centered in both login form variants. */
html body .cs-auth-form .cs-login-fixed-button,
html body .cs-login-minimal-form .cs-login-fixed-button,
html body #login-form .cs-login-fixed-button {
  margin-left: auto !important;
  margin-right: auto !important;
  display: inline-flex !important;
}


/* v1.0.212 - Safe visible title styling
   This version restores title visibility and avoids broad rules that can hide page titles.
*/
.cs-template .component-panel h1,
.cs-template .component-panel .page-header h1,
.cs-template .cs-page-title,
.cs-template .page-title,
.cs-template h1.cs-title,
.cs-template [data-page-title],
.cs-template [data-component-title],
.cs-template .dashboard-page-title,
.cs-template .materials-inventory-page-title,
.cs-template .material-allocations-page-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #0d2f68 !important;
  font-size: 25px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

.cs-template .component-panel h2,
.cs-template .component-panel .page-header h2,
.cs-template .cs-section-title,
.cs-template .section-title,
.cs-template h2.cs-title,
.cs-template .cs-app-panel__title,
.cs-template .cs-card-title,
.cs-template .cs-dashboard-card__title,
.cs-template .card-title,
.cs-template .panel-title,
.cs-template .table-title,
.cs-template .dashboard-section-title,
.cs-template .dashboard-card-title,
.cs-template .materials-inventory-section-title,
.cs-template .materials-inventory-card-title,
.cs-template .material-allocations-section-title,
.cs-template .material-allocations-card-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #0d2f68 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
}

.cs-template .cs-title-word,
.cs-title-word {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.cs-template .cs-title-word--blue,
.cs-template .cs-title-word--first,
.cs-title-word--blue,
.cs-title-word--first {
  color: #0d2f68 !important;
}

.cs-template .cs-title-word--orange,
.cs-template .cs-title-word--second,
.cs-title-word--orange,
.cs-title-word--second {
  color: #f25f12 !important;
}

.cs-template .cs-title-word--rest,
.cs-title-word--rest {
  color: #0d2f68 !important;
}


/* v1.0.215 - remove bike slot icons from markup and force-hide any cached leftovers */
.cs-template .cs-app-screen--bikes .cs-bike-slot,
.cs-template .cs-bike-slot {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-slot__icon,
.cs-template .cs-bike-slot__icon,
.cs-template .cs-app-screen--bikes .cs-bike-slot__svg,
.cs-template .cs-bike-slot__svg {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-slot__icon::before,
.cs-template .cs-bike-slot__icon::before,
.cs-template .cs-app-screen--bikes .cs-bike-slot__icon::after,
.cs-template .cs-bike-slot__icon::after {
  display: none !important;
  content: none !important;
}


/* v1.0.216 - Bikes Allocation rider card title colors */
.cs-template .cs-app-screen--bikes .cs-bike-rider-card__head h2,
.cs-template .cs-bike-rider-card__head h2,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2,
.cs-template .cs-bike-rider-card h2 {
  color: #0d2f68 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word,
.cs-template .cs-bike-rider-card h2 .cs-title-word,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--second,
.cs-template .cs-bike-rider-card h2 .cs-title-word--second,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--blue,
.cs-template .cs-bike-rider-card h2 .cs-title-word--blue,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--orange,
.cs-template .cs-bike-rider-card h2 .cs-title-word--orange {
  color: #0d2f68 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-rider-card__head p,
.cs-template .cs-bike-rider-card__head p,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card p,
.cs-template .cs-bike-rider-card p {
  color: #f25f12 !important;
}


/* v1.0.217 - Rider placeholder avatar and Latest Bikes Allocation title refinement */
.cs-template .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: #eef3f8 url("../images/rider-placeholder.svg") center / cover no-repeat !important;
}

.cs-template .cs-bike-rider-card__avatar img + .cs-bike-rider-card__placeholder {
  display: none !important;
}

.cs-template .cs-bike-rider-card__avatar img[style*="display: none"] + .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header h2,
.cs-template .cs-bike-updates > header h2 {
  color: #f25f12 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}


/* v1.0.218 - force orange latest title and smaller Jayco block */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-app-screen--bikes .cs-bike-updates header h2.cs-bike-updates__title,
.cs-template .cs-bike-updates header h2.cs-bike-updates__title {
  color: #f25f12 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

.cs-template .side-rail__team-logo {
  width: calc(var(--side-rail-width) - 86px) !important;
  max-width: 156px !important;
  min-height: 100px !important;
  margin: 0 auto 6px !important;
  padding: 8px 10px !important;
}

.cs-template .side-rail__team-logo-image {
  max-width: 100% !important;
  max-height: 78px !important;
}


/* v1.0.219 - Bikes Allocation latest title orange + taller table header */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title *,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2 *,
.cs-template .cs-bike-updates > header > h2,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title *,
.cs-template .cs-bike-updates > header > h2 * {
  color: #f25f12 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates thead th,
.cs-template .cs-bike-updates thead th {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  line-height: 1.15 !important;
}


/* v1.0.220 - Bikes Allocation latest title uses the exact same orange as the main page title */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  color: #f25f12 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-title-word--orange,
.cs-template .cs-bike-updates > header > h2,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-bike-updates > header > h2.cs-title-word--orange {
  color: #f25f12 !important;
  -webkit-text-fill-color: #f25f12 !important;
  text-fill-color: #f25f12 !important;
}


/* v1.0.222 - Latest Bikes Allocation left aligned dark-grey title + official rider photos compatibility */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-bike-updates > header > h2,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title {
  color: #4f5b6d !important;
  -webkit-text-fill-color: #4f5b6d !important;
  text-fill-color: #4f5b6d !important;
  text-align: left !important;
  margin: 0 auto 0 0 !important;
}


/* v1.0.223 - Latest Bikes Allocation title nudged right, lighter grey, 1pt smaller */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title,
.cs-template .cs-app-screen--bikes .cs-bike-updates header h2.cs-bike-updates__title,
.cs-template .cs-bike-updates header h2.cs-bike-updates__title {
  color: #6f7b8c !important;
  -webkit-text-fill-color: #6f7b8c !important;
  text-fill-color: #6f7b8c !important;
  font-size: 17px !important;
  margin-left: 10px !important;
  margin-right: auto !important;
  text-align: left !important;
}


/* v1.0.224 - Latest Bikes Allocation soft pill effect, slightly smaller */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  justify-content: flex-start !important;
  text-align: left !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 auto 0 10px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #ffd7be !important;
  background: #fff3ea !important;
  color: #f25f12 !important;
  -webkit-text-fill-color: #f25f12 !important;
  text-fill-color: #f25f12 !important;
  font-size: 16px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
  text-align: left !important;
  box-shadow: none !important;
}


/* v1.0.225 - Latest Bikes Allocation softer beveled background, smaller text */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill {
  padding: 5px 12px !important;
  border-radius: 8px !important; /* smoothed corners, not rounded pill */
  background: #fff3ea !important;
  border: 1px solid #ffd7be !important;
  color: #f25f12 !important;
  -webkit-text-fill-color: #f25f12 !important;
  text-fill-color: #f25f12 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  letter-spacing: 0.015em !important;
  font-weight: 850 !important;
  margin-left: 10px !important;
}


/* v1.0.226 - more space between Latest Bikes Allocation title and table */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  margin-bottom: 8px !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill {
  margin-bottom: 2px !important;
}


/* v1.0.227 - Latest Bikes Allocation title slightly left + equal vertical spacing above/below */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--soft-pill {
  margin-left: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* v1.0.228 - keep rider placeholder hidden while retrying photos */
.cs-template .cs-bike-rider-card__avatar img:not([style*="display: none"]) + .cs-bike-rider-card__placeholder {
  display: none !important;
}

/* v1.0.230 - show local rider photos cleanly in Bikes Allocation cards */
.cs-template .cs-bike-rider-card__avatar img {
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* v1.0.231 - keep rider photos hidden until a local image is confirmed loaded */
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="pending"],
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="missing"] {
  display: none !important;
}
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="loaded"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: inherit !important;
}
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="loaded"] + .cs-bike-rider-card__placeholder {
  display: none !important;
}
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="pending"] + .cs-bike-rider-card__placeholder,
.cs-template .cs-bike-rider-card__avatar img[data-cs-rider-photo-state="missing"] + .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
}

/* v1.0.232 - global responsive layout pass for desktop, tablet and mobile */
.cs-template,
.cs-template * {
  box-sizing: border-box;
}

.cs-template img,
.cs-template svg,
.cs-template video,
.cs-template canvas {
  max-width: 100%;
}

.cs-template .workspace,
.cs-template .dashboard,
.cs-template .cs-app-main,
.cs-template .cs-app-screen,
.cs-template .component-panel,
.cs-template .cs-app-panel,
.cs-template .panel,
.cs-template .module-card,
.cs-template .cs-table-wrap {
  min-width: 0;
}

.cs-template .cs-table-wrap,
.cs-template .table-responsive,
.cs-template .cs-app-panel--table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.cs-template .cs-table-wrap table,
.cs-template .cs-app-table,
.cs-template table {
  max-width: 100%;
}

.cs-template .cs-app-table {
  white-space: nowrap;
}

.cs-template .cs-app-table td,
.cs-template .cs-app-table th {
  vertical-align: middle;
}

.cs-template .cs-app-screen {
  width: 100%;
  gap: clamp(14px, 2vw, 22px);
}

.cs-template .cs-app-hero,
.cs-template .hero-card,
.cs-template .panel,
.cs-template .cs-app-panel,
.cs-template .module-card {
  overflow: hidden;
}

.cs-template .cs-app-hero {
  align-items: center;
  gap: clamp(12px, 2vw, 20px);
}

.cs-template .cs-app-title,
.cs-template .default-hero-title {
  overflow-wrap: anywhere;
}

.cs-template .cs-app-subtitle,
.cs-template .default-hero-copy,
.cs-template .cs-muted {
  overflow-wrap: anywhere;
}

.cs-template .dashboard-grid,
.cs-template .dashboard-grid--events,
.cs-template .dashboard-grid--three,
.cs-template .dashboard-grid--two,
.cs-template .dashboard-grid--overview,
.cs-template .cs-card-grid,
.cs-template .cs-category-grid,
.cs-template .cs-stat-grid,
.cs-template .content-grid {
  min-width: 0;
}

.cs-template .cs-material-form__grid,
.cs-template .cs-product-sheet__layout,
.cs-template .cs-product-sheet__identity,
.cs-template .cs-product-sheet__stats,
.cs-template .cs-bike-tracking-top,
.cs-template .cs-bike-rider-grid {
  min-width: 0;
}

@media (min-width: 1181px) and (max-width: 1440px) {
  .cs-template .dashboard,
  .cs-template .workspace {
    min-width: 0 !important;
  }

  .cs-template .dashboard-grid--three,
  .cs-template .dashboard-grid--events {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }

  .cs-template .dashboard-grid--overview {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
  }

  .cs-template .cs-card-grid,
  .cs-template .cs-category-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }

  .cs-template .cs-app-screen--bikes .cs-bike-rider-grid {
    grid-template-columns: repeat(3, minmax(250px, 1fr)) !important;
  }
}

@media (min-width: 741px) and (max-width: 1180px) {
  .cs-template .dashboard-grid--three,
  .cs-template .dashboard-grid--events,
  .cs-template .dashboard-grid--overview,
  .cs-template .cs-card-grid,
  .cs-template .cs-category-grid,
  .cs-template .cs-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cs-template .dashboard-grid--single,
  .cs-template .notification-panel,
  .cs-template .cs-app-screen,
  .cs-template .content-grid,
  .cs-template .content-grid.has-sidebar-left,
  .cs-template .content-grid.has-sidebar-right,
  .cs-template .content-grid.has-sidebar-left.has-sidebar-right {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-material-form__grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }

  .cs-template .cs-product-sheet__layout {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-product-sheet__identity {
    grid-template-columns: minmax(120px, 170px) minmax(0, 1fr) !important;
  }

  .cs-template .cs-app-screen--bikes .cs-bike-rider-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 1024px) {
  .cs-template .app-shell {
    display: block !important;
    width: 100% !important;
    min-height: 100vh !important;
    overflow-x: clip !important;
  }

  .cs-template .side-rail {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #d8e4f1 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    background: rgba(255,255,255,0.98) !important;
  }

  .cs-template .brand-mark,
  .cs-template .brand-mark--split-original {
    flex: 0 0 auto !important;
    width: 150px !important;
    min-width: 150px !important;
    margin: 0 !important;
    padding: 4px 6px !important;
  }

  .cs-template .brand-mark__symbol-original {
    max-height: 42px !important;
  }

  .cs-template .brand-mark__wordmark-original {
    max-height: 30px !important;
  }

  .cs-template .rail-nav,
  .cs-template .rail-nav--primary,
  .cs-template .rail-nav--all {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .cs-template .rail-nav__fallback,
  .cs-template .cs-rail-menu {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: column !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: max-content !important;
    min-width: 100% !important;
  }

  .cs-template .rail-nav__link,
  .cs-template .cs-rail-menu__link {
    flex: 0 0 auto !important;
    min-width: 76px !important;
    max-width: 112px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 6px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3px !important;
    text-align: center !important;
  }

  .cs-template .cs-rail-menu__icon-box {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
  }

  .cs-template .cs-rail-menu__icon {
    max-width: 22px !important;
    max-height: 22px !important;
  }

  .cs-template .cs-rail-menu__text {
    display: block !important;
    max-width: 100% !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.04em !important;
    white-space: normal !important;
  }

  .cs-template .side-rail__flex-gap,
  .cs-template .side-rail__team-logo {
    display: none !important;
  }

  .cs-template .workspace {
    width: 100% !important;
    min-width: 0 !important;
  }

  .cs-template .topbar {
    position: sticky !important;
    top: 71px !important;
    z-index: 60 !important;
    min-height: 54px !important;
    padding: 8px 14px !important;
    gap: 10px !important;
  }

  .cs-template .topbar__actions {
    min-width: 0 !important;
    gap: 8px !important;
  }

  .cs-template .user-pill {
    min-width: 0 !important;
  }

  .cs-template .dashboard {
    width: 100% !important;
    padding: 16px !important;
  }

  .cs-template .cs-app-hero {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-app-actions,
  .cs-template .cs-material-form__actions,
  .cs-template .cs-product-sheet__top-actions {
    flex-wrap: wrap !important;
  }

  .cs-template .cs-app-side,
  .cs-template .sidebar-panel {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 740px) {
  .cs-template .side-rail {
    padding: 7px 8px !important;
    gap: 8px !important;
  }

  .cs-template .brand-mark,
  .cs-template .brand-mark--split-original {
    width: 108px !important;
    min-width: 108px !important;
  }

  .cs-template .brand-mark__symbol-original {
    max-height: 36px !important;
  }

  .cs-template .brand-mark__wordmark-original {
    max-height: 22px !important;
  }

  .cs-template .rail-nav__link,
  .cs-template .cs-rail-menu__link {
    min-width: 62px !important;
    max-width: 84px !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 5px 6px !important;
  }

  .cs-template .cs-rail-menu__icon-box {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
  }

  .cs-template .cs-rail-menu__text {
    font-size: 7.6px !important;
  }

  .cs-template .topbar {
    top: 64px !important;
    padding: 8px 10px !important;
    flex-wrap: wrap !important;
  }

  .cs-template .topbar__system,
  .cs-template .topbar__actions {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .cs-template .team-lockup--brand {
    display: none !important;
  }

  .cs-template .user-pill span,
  .cs-template .user-pill__chevron {
    display: none !important;
  }

  .cs-template .dashboard {
    padding: 12px !important;
    gap: 12px !important;
  }

  .cs-template .dashboard-grid,
  .cs-template .dashboard-grid--two,
  .cs-template .dashboard-grid--three,
  .cs-template .dashboard-grid--events,
  .cs-template .dashboard-grid--overview,
  .cs-template .cs-card-grid,
  .cs-template .cs-category-grid,
  .cs-template .cs-stat-grid,
  .cs-template .content-grid,
  .cs-template .content-grid.has-sidebar-left,
  .cs-template .content-grid.has-sidebar-right,
  .cs-template .content-grid.has-sidebar-left.has-sidebar-right,
  .cs-template .cs-app-screen {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .cs-template .cs-app-hero,
  .cs-template .hero-card,
  .cs-template .panel,
  .cs-template .cs-app-panel,
  .cs-template .module-card {
    border-radius: 14px !important;
  }

  .cs-template .cs-app-hero,
  .cs-template .hero-card,
  .cs-template .cs-app-panel,
  .cs-template .panel,
  .cs-template .module-card {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .cs-template .cs-app-title,
  .cs-template .default-hero-title {
    font-size: clamp(24px, 8vw, 34px) !important;
    line-height: 1.05 !important;
  }

  .cs-template .cs-app-subtitle,
  .cs-template .default-hero-copy {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .cs-template .cs-app-actions,
  .cs-template .cs-material-form__actions,
  .cs-template .cs-product-sheet__top-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .cs-template .cs-btn,
  .cs-template button.cs-btn,
  .cs-template a.cs-btn,
  .cs-template .btn,
  .cs-template input[type="submit"] {
    max-width: 100% !important;
  }

  .cs-template .cs-material-form__grid,
  .cs-template .cs-product-sheet__layout,
  .cs-template .cs-product-sheet__identity,
  .cs-template .cs-product-sheet__stats,
  .cs-template .cs-bike-tracking-top,
  .cs-template .cs-bike-rider-grid {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-material-form label,
  .cs-template .cs-material-form input,
  .cs-template .cs-material-form select,
  .cs-template .cs-material-form textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .cs-template .cs-product-sheet__image {
    width: 100% !important;
    max-width: 180px !important;
    margin-inline: auto !important;
  }

  .cs-template .cs-app-table {
    min-width: 640px !important;
    font-size: 12px !important;
  }

  .cs-template .cs-app-table th,
  .cs-template .cs-app-table td {
    padding: 9px 10px !important;
  }

  .cs-template .cs-app-screen--bikes .cs-bike-updates .cs-app-table,
  .cs-template .cs-bike-updates .cs-app-table,
  .cs-template .cs-app-screen--bikes .cs-bike-updates table,
  .cs-template .cs-bike-updates table {
    min-width: 560px !important;
  }

  .cs-template .cs-bike-rider-card {
    max-width: none !important;
  }

  .cs-template .cs-bike-rider-card__head {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .cs-template .cs-bike-rider-card__avatar {
    width: 58px !important;
    height: 58px !important;
  }

  .cs-template .cs-bike-slot {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
  }
}

@media (max-width: 420px) {
  .cs-template .dashboard {
    padding: 10px !important;
  }

  .cs-template .brand-mark,
  .cs-template .brand-mark--split-original {
    width: 88px !important;
    min-width: 88px !important;
  }

  .cs-template .rail-nav__link,
  .cs-template .cs-rail-menu__link {
    min-width: 56px !important;
    max-width: 70px !important;
  }

  .cs-template .cs-rail-menu__text {
    font-size: 7px !important;
  }

  .cs-template .cs-app-hero,
  .cs-template .hero-card,
  .cs-template .cs-app-panel,
  .cs-template .panel,
  .cs-template .module-card {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .cs-template .icon-button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }
}

/* v1.0.233 - stronger mobile responsive refinement */
@media (max-width: 780px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .cs-template {
    --cs-mobile-pad: 12px;
    --cs-mobile-radius: 16px;
    --cs-mobile-nav-height: 74px;
    overflow-x: hidden !important;
  }

  .cs-template .app-shell {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-bottom: calc(var(--cs-mobile-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    overflow-x: hidden !important;
  }

  .cs-template .side-rail {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
    height: auto !important;
    min-height: calc(var(--cs-mobile-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    max-height: none !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(190, 207, 224, 0.92) !important;
    border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -12px 32px rgba(12, 36, 64, 0.16) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
  }

  .cs-template .brand-mark,
  .cs-template .brand-mark--split-original,
  .cs-template .side-rail__team-logo,
  .cs-template .side-rail__flex-gap {
    display: none !important;
  }

  .cs-template .rail-nav,
  .cs-template .rail-nav--primary,
  .cs-template .rail-nav--all {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .cs-template .rail-nav::-webkit-scrollbar,
  .cs-template .rail-nav--primary::-webkit-scrollbar,
  .cs-template .rail-nav--all::-webkit-scrollbar {
    display: none !important;
  }

  .cs-template .rail-nav__fallback,
  .cs-template .cs-rail-menu {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(64px, 1fr) !important;
    grid-template-columns: none !important;
    gap: 7px !important;
    width: max-content !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
  }

  .cs-template .rail-nav__link,
  .cs-template .cs-rail-menu__link {
    width: 100% !important;
    min-width: 64px !important;
    max-width: 78px !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 5px 4px !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    text-align: center !important;
  }

  .cs-template .cs-rail-menu__icon-box {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 10px !important;
  }

  .cs-template .cs-rail-menu__icon {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
  }

  .cs-template .cs-rail-menu__text {
    display: block !important;
    max-width: 100% !important;
    font-size: 7.4px !important;
    line-height: 1.05 !important;
    letter-spacing: 0.035em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .cs-template .workspace {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .cs-template .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 7px var(--cs-mobile-pad) !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(217, 228, 239, 0.95) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px) !important;
  }

  .cs-template .topbar__system {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .cs-template .topbar__eyebrow,
  .cs-template .topbar__title,
  .cs-template .team-lockup--brand,
  .cs-template .user-pill span,
  .cs-template .user-pill__chevron {
    display: none !important;
  }

  .cs-template .topbar__actions {
    flex: 0 0 auto !important;
    width: auto !important;
    gap: 6px !important;
    justify-content: flex-end !important;
  }

  .cs-template .icon-button,
  .cs-template .user-pill,
  .cs-template .notification-button {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
  }

  .cs-template .dashboard,
  .cs-template main.workspace,
  .cs-template .workspace > main,
  .cs-template .component-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .cs-template .dashboard {
    padding: var(--cs-mobile-pad) !important;
    gap: 12px !important;
  }

  .cs-template .dashboard-grid,
  .cs-template .dashboard-grid--two,
  .cs-template .dashboard-grid--three,
  .cs-template .dashboard-grid--events,
  .cs-template .dashboard-grid--overview,
  .cs-template .dashboard-grid--single,
  .cs-template .notification-panel,
  .cs-template .cs-app-screen,
  .cs-template .cs-card-grid,
  .cs-template .cs-category-grid,
  .cs-template .cs-stat-grid,
  .cs-template .content-grid,
  .cs-template .content-grid.has-sidebar-left,
  .cs-template .content-grid.has-sidebar-right,
  .cs-template .content-grid.has-sidebar-left.has-sidebar-right,
  .cs-template .cs-material-form__grid,
  .cs-template .cs-product-sheet__layout,
  .cs-template .cs-product-sheet__identity,
  .cs-template .cs-product-sheet__stats,
  .cs-template .cs-bike-tracking-top,
  .cs-template .cs-bike-rider-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  .cs-template .cs-app-hero,
  .cs-template .hero-card,
  .cs-template .panel,
  .cs-template .cs-app-panel,
  .cs-template .module-card,
  .cs-template .notification-panel,
  .cs-template .component-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: var(--cs-mobile-radius) !important;
    padding: 14px !important;
    overflow: hidden !important;
  }

  .cs-template .hero-card,
  .cs-template .cs-app-hero {
    min-height: 0 !important;
    align-items: flex-start !important;
  }

  .cs-template .cs-app-title,
  .cs-template .default-hero-title,
  .cs-template .hero-title,
  .cs-template h1 {
    font-size: clamp(22px, 7.5vw, 30px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    overflow-wrap: anywhere !important;
  }

  .cs-template .cs-app-subtitle,
  .cs-template .default-hero-copy,
  .cs-template .hero-copy,
  .cs-template .cs-muted {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
  }

  .cs-template .cs-app-actions,
  .cs-template .cs-material-form__actions,
  .cs-template .cs-product-sheet__top-actions,
  .cs-template .actions,
  .cs-template .button-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 8px !important;
  }

  .cs-template .cs-btn,
  .cs-template button.cs-btn,
  .cs-template a.cs-btn,
  .cs-template .btn,
  .cs-template input[type="submit"],
  .cs-template input[type="button"] {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .cs-template input,
  .cs-template select,
  .cs-template textarea,
  .cs-template .inputbox,
  .cs-template .form-control {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    font-size: 16px !important;
  }

  .cs-template .cs-table-wrap,
  .cs-template .table-responsive,
  .cs-template .cs-app-panel--table,
  .cs-template .cs-app-panel:has(table) {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 6px !important;
  }

  .cs-template table,
  .cs-template .cs-app-table,
  .cs-template .table {
    min-width: 640px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .cs-template th,
  .cs-template td,
  .cs-template .cs-app-table th,
  .cs-template .cs-app-table td {
    padding: 9px 10px !important;
    line-height: 1.25 !important;
  }

  .cs-template .cs-app-panel__title,
  .cs-template .module-card__title,
  .cs-template .panel-title,
  .cs-template h2 {
    font-size: clamp(16px, 5vw, 21px) !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }

  .cs-template .cs-product-sheet__image,
  .cs-template .cs-product-image,
  .cs-template .product-image {
    max-width: 180px !important;
    margin-inline: auto !important;
  }

  .cs-template .cs-bike-rider-card {
    max-width: none !important;
    width: 100% !important;
    border-radius: 16px !important;
    padding: 12px !important;
  }

  .cs-template .cs-bike-rider-card__head {
    grid-template-columns: 70px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .cs-template .cs-bike-rider-card__avatar {
    width: 70px !important;
    height: 70px !important;
    border-radius: 13px !important;
  }

  .cs-template .cs-bike-rider-card__name,
  .cs-template .cs-bike-rider-card__team {
    overflow-wrap: anywhere !important;
  }

  .cs-template .cs-bike-slot {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    min-height: 50px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  .cs-template .cs-bike-slot__meta,
  .cs-template .cs-bike-slot__label,
  .cs-template .cs-bike-slot__value {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .cs-template .modal,
  .cs-template .cs-modal,
  .cs-template .cs-bike-movement-modal,
  .cs-template .modal-dialog,
  .cs-template .joomla-modal {
    max-width: calc(100vw - 20px) !important;
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 32px) !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 380px) {
  .cs-template {
    --cs-mobile-pad: 10px;
    --cs-mobile-nav-height: 70px;
  }

  .cs-template .rail-nav__fallback,
  .cs-template .cs-rail-menu {
    grid-auto-columns: minmax(58px, 1fr) !important;
    gap: 5px !important;
  }

  .cs-template .rail-nav__link,
  .cs-template .cs-rail-menu__link {
    min-width: 58px !important;
    max-width: 66px !important;
    min-height: 54px !important;
    height: 54px !important;
  }

  .cs-template .cs-rail-menu__text {
    font-size: 6.8px !important;
  }

  .cs-template .cs-app-hero,
  .cs-template .hero-card,
  .cs-template .panel,
  .cs-template .cs-app-panel,
  .cs-template .module-card,
  .cs-template .notification-panel,
  .cs-template .component-panel {
    padding: 12px !important;
  }

  .cs-template .cs-bike-rider-card__head {
    grid-template-columns: 62px minmax(0, 1fr) !important;
  }

  .cs-template .cs-bike-rider-card__avatar {
    width: 62px !important;
    height: 62px !important;
  }
}

/* v1.0.264 - Latest Bikes Allocation body text regular weight */
body.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td,
.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td,
body.cs-template .cs-bike-updates tbody td,
.cs-template .cs-bike-updates tbody td,
body.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td *,
.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td *,
body.cs-template .cs-bike-updates tbody td *,
.cs-template .cs-bike-updates tbody td * {
  font-weight: 400 !important;
}

body.cs-template .cs-app-screen--bikes .cs-bike-updates thead th,
.cs-template .cs-app-screen--bikes .cs-bike-updates thead th,
body.cs-template .cs-bike-updates thead th,
.cs-template .cs-bike-updates thead th {
  font-weight: 700 !important;
}

/* v1.0.265 - Latest Bikes Allocation body text reduced by 1pt */
body.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td,
.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td,
body.cs-template .cs-bike-updates tbody td,
.cs-template .cs-bike-updates tbody td {
  font-size: calc(1em - 1pt) !important;
  font-weight: 400 !important;
}

body.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td *,
.cs-template .cs-app-screen--bikes .cs-bike-updates tbody td *,
body.cs-template .cs-bike-updates tbody td *,
.cs-template .cs-bike-updates tbody td * {
  font-size: inherit !important;
  font-weight: 400 !important;
}

body.cs-template .cs-app-screen--bikes .cs-bike-updates thead th,
.cs-template .cs-app-screen--bikes .cs-bike-updates thead th,
body.cs-template .cs-bike-updates thead th,
.cs-template .cs-bike-updates thead th {
  font-weight: 700 !important;
}

/* v1.0.266 - Recent Bike Movements style inspired by Example 9 */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 18px 10px;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header::after,
.cs-template .cs-bike-updates > header::after {
  content: "";
  flex: 1 1 auto;
  height: 3px;
  border-radius: 999px;
  background: #f47a20;
  opacity: 0.95;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 10px 16px 10px 14px;
  border-radius: 14px;
  border: 1.5px solid rgba(244, 122, 32, 0.35);
  background: #fff8f2;
  color: #f47a20 !important;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon,
.cs-template .cs-bike-updates__title-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: 1.8px solid currentColor;
  border-radius: 4px;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::before,
.cs-template .cs-bike-updates__title-icon::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 4px;
  height: 1.8px;
  background: currentColor;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::after,
.cs-template .cs-bike-updates__title-icon::after {
  content: "";
  position: absolute;
  top: -3px;
  left: 3px;
  width: 2px;
  height: 5px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 6px 0 0 currentColor;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table thead th,
.cs-template .cs-bike-updates .cs-table-wrap table thead th {
  background: #f4f7fb !important;
  color: #153a78 !important;
  border-bottom: 1px solid #dbe5f2 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table thead th:first-child,
.cs-template .cs-bike-updates .cs-table-wrap table thead th:first-child {
  border-top-left-radius: 14px;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table thead th:last-child,
.cs-template .cs-bike-updates .cs-table-wrap table thead th:last-child {
  border-top-right-radius: 14px;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table tbody td,
.cs-template .cs-bike-updates .cs-table-wrap table tbody td {
  vertical-align: middle;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell,
.cs-template .cs-bike-cell {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell i,
.cs-template .cs-bike-cell i {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--date i,
.cs-template .cs-bike-cell--date i {
  width: 14px;
  height: 14px;
  border: 1.8px solid #f47a20;
  border-radius: 4px;
  box-sizing: border-box;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--date i::before,
.cs-template .cs-bike-cell--date i::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  top: 3px;
  height: 1.6px;
  background: #f47a20;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--date i::after,
.cs-template .cs-bike-cell--date i::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 3px;
  width: 2px;
  height: 4px;
  border-radius: 999px;
  background: #f47a20;
  box-shadow: 4px 0 0 #f47a20;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--location i,
.cs-template .cs-bike-cell--location i {
  width: 13px;
  height: 13px;
  border: 1.7px solid #405f9a;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  box-sizing: border-box;
  margin-right: 2px;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--location i::after,
.cs-template .cs-bike-cell--location i::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #405f9a;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--updated i,
.cs-template .cs-bike-cell--updated i {
  width: 14px;
  height: 14px;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--updated i::before,
.cs-template .cs-bike-cell--updated i::before {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: 5px;
  height: 5px;
  border: 1.7px solid #405f9a;
  border-radius: 50%;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell--updated i::after,
.cs-template .cs-bike-cell--updated i::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 0;
  width: 11px;
  height: 6px;
  border: 1.7px solid #405f9a;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media (max-width: 760px) {
  .cs-template .cs-app-screen--bikes .cs-bike-updates > header,
  .cs-template .cs-bike-updates > header {
    gap: 10px;
    padding: 0 12px 8px;
  }

  .cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
  .cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log {
    padding: 9px 12px;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
  }
}

/* v1.0.267 - Recent Bike Movements left-aligned text */
.cs-template .cs-app-screen--bikes .cs-bike-updates > header,
.cs-template .cs-bike-updates > header {
  justify-content: flex-start;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table thead th,
.cs-template .cs-bike-updates .cs-table-wrap table thead th,
.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table tbody td,
.cs-template .cs-bike-updates .cs-table-wrap table tbody td {
  text-align: left !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table thead th,
.cs-template .cs-bike-updates .cs-table-wrap table thead th {
  padding-left: 18px !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap table tbody td,
.cs-template .cs-bike-updates .cs-table-wrap table tbody td {
  padding-left: 18px !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-cell,
.cs-template .cs-bike-cell {
  justify-content: flex-start;
  width: 100%;
}

/* v1.0.269 - Bikes Allocation status label descender fix */
body.cs-template .cs-app-screen--bikes .cs-bike-slot__status small,
.cs-template .cs-app-screen--bikes .cs-bike-slot__status small,
body.cs-template .cs-bike-slot__status small,
.cs-template .cs-bike-slot__status small {
  line-height: 1.18 !important;
  min-height: 1.15em !important;
  padding-bottom: 1px !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* v1.0.270 - Bikes Allocation secondary bike label uppercase */
body.cs-template .cs-app-screen--bikes .cs-bike-slot__bike small,
.cs-template .cs-app-screen--bikes .cs-bike-slot__bike small,
body.cs-template .cs-bike-slot__bike small,
.cs-template .cs-bike-slot__bike small {
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

/* v1.0.271 - Recent Bike Movements 6 visible rows */
body.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap,
.cs-template .cs-app-screen--bikes .cs-bike-updates .cs-table-wrap,
body.cs-template .cs-bike-updates .cs-table-wrap,
.cs-template .cs-bike-updates .cs-table-wrap {
  min-height: 206px !important;
  max-height: 206px !important;
}

/* v1.0.273 - Bike Movement modal header refinement */
.cs-template .cs-bike-movement-modal__card header {
  align-items: center !important;
  padding: 22px 24px 18px !important;
}

.cs-template .cs-bike-movement-modal__title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
}

.cs-template .cs-bike-movement-modal__title-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-block !important;
  position: relative !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  border: 1.9px solid #f25f12 !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  color: #f25f12 !important;
}

.cs-template .cs-bike-movement-modal__title-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  right: 3px !important;
  top: 5px !important;
  height: 1.8px !important;
  background: currentColor !important;
  border-radius: 999px !important;
}

.cs-template .cs-bike-movement-modal__title-icon::after {
  content: "" !important;
  position: absolute !important;
  top: -3px !important;
  left: 4px !important;
  width: 2px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  box-shadow: 7px 0 0 currentColor !important;
}

.cs-template .cs-bike-movement-modal__card .cs-bike-movement-modal__title h2,
.cs-template .cs-bike-movement-modal__card h2#cs-bike-movement-title {
  margin: 0 !important;
  color: #f25f12 !important;
  -webkit-text-fill-color: #f25f12 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.cs-template .cs-bike-movement-modal__card header button {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 520px) {
  .cs-template .cs-bike-movement-modal__card .cs-bike-movement-modal__title h2,
  .cs-template .cs-bike-movement-modal__card h2#cs-bike-movement-title {
    font-size: 13px !important;
    letter-spacing: 0.1em !important;
  }
}

/* v1.0.274 - Bike Movement modal destination buttons */
.cs-template .cs-bike-movement-modal__card form {
  gap: 15px !important;
}

.cs-template .cs-bike-movement-modal input[readonly],
.cs-template .cs-bike-movement-modal input[name="bikeDisplay"] {
  cursor: default !important;
  color: #102b5c !important;
  background: #f2f6fb !important;
}

.cs-template .cs-bike-destination-panel {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
}

.cs-template .cs-bike-destination-panel__label {
  display: block !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: #62728a !important;
}

.cs-template .cs-bike-destination-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}

.cs-template .cs-bike-destination-recents {
  display: contents !important;
}

.cs-template .cs-bike-destination-option {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 7px 11px !important;
  border-radius: 12px !important;
  border: 1px solid #d8e2ef !important;
  background: #ffffff !important;
  color: #102b5c !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.035em !important;
}

.cs-template .cs-bike-destination-option:hover,
.cs-template .cs-bike-destination-option:focus-visible {
  border-color: #93add0 !important;
  box-shadow: 0 0 0 3px rgba(13, 47, 104, 0.08) !important;
  outline: none !important;
}

.cs-template .cs-bike-destination-option.is-selected {
  border-color: #f47a20 !important;
  background: #fff6ef !important;
  color: #f25f12 !important;
  box-shadow: 0 0 0 3px rgba(244, 122, 32, 0.12) !important;
}

.cs-template .cs-bike-destination-option b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  border: 1px solid currentColor !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.cs-template .cs-bike-destination-option span {
  white-space: nowrap !important;
}

.cs-template .cs-bike-destination-option--custom b {
  color: #ef680e !important;
}

.cs-template .cs-bike-destination-add {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

.cs-template .cs-bike-destination-add input {
  min-height: 42px !important;
}

.cs-template .cs-bike-destination-add .cs-btn {
  min-height: 42px !important;
  white-space: nowrap !important;
}

.cs-template .cs-bike-destination-hint {
  display: block !important;
  margin: 0 !important;
  color: #6c7b91 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

@media (max-width: 720px) {
  .cs-template .cs-bike-destination-add {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-bike-destination-option {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

/* v1.0.275 - Bike Movement destination buttons status colors */
.cs-template .cs-bike-destination-option--sc {
  border-color: #b8ecd1 !important;
  background: #f5fff9 !important;
  color: #16864b !important;
}

.cs-template .cs-bike-destination-option--sc b {
  background: #e9fbf1 !important;
  color: #0e9f55 !important;
  border-color: #2abe70 !important;
}

.cs-template .cs-bike-destination-option--na {
  border-color: #d4dde8 !important;
  background: #f5f7fa !important;
  color: #657386 !important;
}

.cs-template .cs-bike-destination-option--na b {
  background: #eef2f6 !important;
  color: #657386 !important;
  border-color: #9aa7b8 !important;
}

.cs-template .cs-bike-destination-option--ext,
.cs-template .cs-bike-destination-option--custom {
  border-color: #ffd0ad !important;
  background: #fff7ef !important;
  color: #ef680e !important;
}

.cs-template .cs-bike-destination-option--ext b,
.cs-template .cs-bike-destination-option--custom b {
  background: #fff0e4 !important;
  color: #ef680e !important;
  border-color: #ff7a18 !important;
}

.cs-template .cs-bike-destination-option--sc:hover,
.cs-template .cs-bike-destination-option--sc:focus-visible,
.cs-template .cs-bike-destination-option--sc.is-selected {
  border-color: #22c56f !important;
  background: #ebfff4 !important;
  color: #118346 !important;
  box-shadow: 0 0 0 3px rgba(34, 197, 111, 0.14) !important;
}

.cs-template .cs-bike-destination-option--na:hover,
.cs-template .cs-bike-destination-option--na:focus-visible,
.cs-template .cs-bike-destination-option--na.is-selected {
  border-color: #9aa7b8 !important;
  background: #eef2f6 !important;
  color: #4f5f72 !important;
  box-shadow: 0 0 0 3px rgba(154, 167, 184, 0.18) !important;
}

.cs-template .cs-bike-destination-option--ext:hover,
.cs-template .cs-bike-destination-option--ext:focus-visible,
.cs-template .cs-bike-destination-option--custom:hover,
.cs-template .cs-bike-destination-option--custom:focus-visible,
.cs-template .cs-bike-destination-option--ext.is-selected,
.cs-template .cs-bike-destination-option--custom.is-selected {
  border-color: #ff7a18 !important;
  background: #fff1e5 !important;
  color: #ef5f0a !important;
  box-shadow: 0 0 0 3px rgba(244, 122, 32, 0.14) !important;
}

.cs-template .cs-bike-destination-hint {
  display: none !important;
}



/* v1.0.276 - Bikes Allocation clearer movement choices and lighter bike model text */
body.cs-template .cs-app-screen--bikes .cs-bike-slot__bike small,
.cs-template .cs-app-screen--bikes .cs-bike-slot__bike small,
body.cs-template .cs-bike-slot__bike small,
.cs-template .cs-bike-slot__bike small {
  font-weight: 500 !important;
}

.cs-template .cs-bike-destination-options {
  gap: 10px !important;
  align-items: stretch !important;
}

.cs-template .cs-bike-destination-option {
  position: relative !important;
  min-height: 42px !important;
  padding: 8px 13px !important;
  border-width: 1.5px !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.55), 0 1px 2px rgba(16,43,92,0.04) !important;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

.cs-template .cs-bike-destination-option b {
  flex: 0 0 auto !important;
  min-width: 31px !important;
  height: 26px !important;
  border-radius: 9px !important;
  font-weight: 900 !important;
}

.cs-template .cs-bike-destination-option span {
  font-weight: 900 !important;
  letter-spacing: .055em !important;
}

.cs-template .cs-bike-destination-option:hover,
.cs-template .cs-bike-destination-option:focus-visible {
  transform: translateY(-1px) !important;
}

.cs-template .cs-bike-destination-option.is-selected {
  padding-right: 36px !important;
  border-width: 2px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.75), 0 0 0 4px rgba(16,43,92,0.06) !important;
}

.cs-template .cs-bike-destination-option.is-selected::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  right: 11px !important;
  width: 17px !important;
  height: 17px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  background: currentColor !important;
  color: #ffffff !important;
}

.cs-template .cs-bike-destination-option--sc {
  border-color: #30c779 !important;
  background: #f2fff8 !important;
  color: #0f8f4d !important;
}

.cs-template .cs-bike-destination-option--sc b {
  background: #dcfbea !important;
  color: #0f8f4d !important;
  border-color: #22b869 !important;
}

.cs-template .cs-bike-destination-option--na {
  border-color: #98a6b8 !important;
  background: #f5f7fa !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--na b {
  background: #e9eef4 !important;
  color: #536376 !important;
  border-color: #98a6b8 !important;
}

.cs-template .cs-bike-destination-option--ext,
.cs-template .cs-bike-destination-option--custom {
  border-color: #ff8a2a !important;
  background: #fff5ec !important;
  color: #e85d08 !important;
}

.cs-template .cs-bike-destination-option--ext b,
.cs-template .cs-bike-destination-option--custom b {
  background: #ffead8 !important;
  color: #e85d08 !important;
  border-color: #ff7a18 !important;
}

.cs-template .cs-bike-destination-option--sc.is-selected,
.cs-template .cs-bike-destination-option--sc:hover,
.cs-template .cs-bike-destination-option--sc:focus-visible {
  background: #e8fff2 !important;
  border-color: #13b965 !important;
  color: #087b40 !important;
}

.cs-template .cs-bike-destination-option--na.is-selected,
.cs-template .cs-bike-destination-option--na:hover,
.cs-template .cs-bike-destination-option--na:focus-visible {
  background: #eef2f6 !important;
  border-color: #8292a7 !important;
  color: #45566b !important;
}

.cs-template .cs-bike-destination-option--ext.is-selected,
.cs-template .cs-bike-destination-option--custom.is-selected,
.cs-template .cs-bike-destination-option--ext:hover,
.cs-template .cs-bike-destination-option--custom:hover,
.cs-template .cs-bike-destination-option--ext:focus-visible,
.cs-template .cs-bike-destination-option--custom:focus-visible {
  background: #fff0e4 !important;
  border-color: #f0640c !important;
  color: #d94d00 !important;
}


/* v1.0.277 - Bike Movement rider photo and softer destination choices */
.cs-template .cs-bike-movement-rider {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
}

.cs-template .cs-bike-movement-rider__avatar {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  display: block !important;
  background: #f2f6fb !important;
  border: 1px solid #d8e2ef !important;
  box-shadow: 0 1px 3px rgba(16,43,92,0.06) !important;
  position: relative !important;
}

.cs-template .cs-bike-movement-rider__avatar::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px 14px 10px !important;
  border-radius: 999px 999px 8px 8px !important;
  background: linear-gradient(180deg, #d9e3f0, #c6d3e2) !important;
}

.cs-template .cs-bike-movement-rider.has-photo .cs-bike-movement-rider__avatar::before {
  display: none !important;
}

.cs-template .cs-bike-movement-rider__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: none !important;
}

.cs-template .cs-bike-movement-rider.has-photo .cs-bike-movement-rider__avatar img {
  display: block !important;
}

.cs-template .cs-bike-destination-options {
  gap: 9px !important;
}

.cs-template .cs-bike-destination-option {
  min-height: 40px !important;
  padding: 7px 12px !important;
  border-width: 1px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(16,43,92,0.035) !important;
  transform: none !important;
}

.cs-template .cs-bike-destination-option b {
  min-width: 30px !important;
  height: 24px !important;
  border-radius: 8px !important;
  border-width: 1px !important;
  font-size: 10px !important;
}

.cs-template .cs-bike-destination-option span {
  font-weight: 800 !important;
  letter-spacing: .045em !important;
}

.cs-template .cs-bike-destination-option:hover,
.cs-template .cs-bike-destination-option:focus-visible {
  transform: none !important;
  box-shadow: 0 2px 5px rgba(16,43,92,0.07) !important;
}

.cs-template .cs-bike-destination-option.is-selected {
  padding-right: 24px !important;
  border-width: 1px !important;
  box-shadow: 0 0 0 2px rgba(16,43,92,0.05), 0 2px 6px rgba(16,43,92,0.08) !important;
}

.cs-template .cs-bike-destination-option.is-selected::after {
  content: "" !important;
  right: 10px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  color: currentColor !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.cs-template .cs-bike-destination-option--sc {
  border-color: #b9e7cf !important;
  background: #fbfffd !important;
  color: #147e48 !important;
}

.cs-template .cs-bike-destination-option--sc b {
  background: #eefbf4 !important;
  color: #147e48 !important;
  border-color: #9edcbc !important;
}

.cs-template .cs-bike-destination-option--na {
  border-color: #d2dae4 !important;
  background: #ffffff !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--na b {
  background: #f3f6f9 !important;
  color: #536376 !important;
  border-color: #c6d0dc !important;
}

.cs-template .cs-bike-destination-option--ext,
.cs-template .cs-bike-destination-option--custom {
  border-color: #ffd3b5 !important;
  background: #fffdfb !important;
  color: #df5b10 !important;
}

.cs-template .cs-bike-destination-option--ext b,
.cs-template .cs-bike-destination-option--custom b {
  background: #fff3ea !important;
  color: #df5b10 !important;
  border-color: #ffc49c !important;
}

.cs-template .cs-bike-destination-option--sc.is-selected,
.cs-template .cs-bike-destination-option--sc:hover,
.cs-template .cs-bike-destination-option--sc:focus-visible {
  background: #f3fff8 !important;
  border-color: #7fd0a5 !important;
  color: #0f7b44 !important;
}

.cs-template .cs-bike-destination-option--na.is-selected,
.cs-template .cs-bike-destination-option--na:hover,
.cs-template .cs-bike-destination-option--na:focus-visible {
  background: #f7f9fb !important;
  border-color: #aeb9c7 !important;
  color: #45566b !important;
}

.cs-template .cs-bike-destination-option--ext.is-selected,
.cs-template .cs-bike-destination-option--custom.is-selected,
.cs-template .cs-bike-destination-option--ext:hover,
.cs-template .cs-bike-destination-option--custom:hover,
.cs-template .cs-bike-destination-option--ext:focus-visible,
.cs-template .cs-bike-destination-option--custom:focus-visible {
  background: #fff7f0 !important;
  border-color: #ffad79 !important;
  color: #d45108 !important;
}


/* v1.0.278 - Softer Bike Movement choices and uppercase recent movement locations */
.cs-template .cs-bike-cell--location span {
  text-transform: uppercase !important;
  letter-spacing: .025em !important;
}

.cs-template .cs-bike-destination-options {
  gap: 8px !important;
}

.cs-template .cs-bike-destination-option {
  min-height: 38px !important;
  padding: 7px 11px !important;
  border-width: 1px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  border-color: #dbe5f0 !important;
  color: #18345f !important;
  box-shadow: none !important;
  outline: none !important;
}

.cs-template .cs-bike-destination-option b {
  min-width: 28px !important;
  height: 22px !important;
  border-radius: 7px !important;
  border-width: 1px !important;
  background: #f5f8fb !important;
  border-color: #d2dce8 !important;
  color: #536376 !important;
  font-size: 9px !important;
  box-shadow: none !important;
}

.cs-template .cs-bike-destination-option span {
  font-weight: 750 !important;
  letter-spacing: .04em !important;
}

.cs-template .cs-bike-destination-option:hover,
.cs-template .cs-bike-destination-option:focus-visible {
  transform: none !important;
  border-color: #b8c7d8 !important;
  background: #f8fbfe !important;
  box-shadow: none !important;
}

.cs-template .cs-bike-destination-option.is-selected {
  padding-right: 22px !important;
  border-width: 1px !important;
  background: #f7faff !important;
  border-color: #8fa3bc !important;
  box-shadow: inset 0 0 0 1px rgba(16,43,92,.08) !important;
}

.cs-template .cs-bike-destination-option.is-selected::after {
  right: 9px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: .55 !important;
  box-shadow: none !important;
}

.cs-template .cs-bike-destination-option--sc {
  border-color: #cfeadc !important;
  background: #ffffff !important;
  color: #137846 !important;
}

.cs-template .cs-bike-destination-option--sc b {
  background: #f1fbf5 !important;
  border-color: #b9dfca !important;
  color: #137846 !important;
}

.cs-template .cs-bike-destination-option--na {
  border-color: #d5dde8 !important;
  background: #ffffff !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--na b {
  background: #f5f7fa !important;
  border-color: #cad4df !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--ext,
.cs-template .cs-bike-destination-option--custom {
  border-color: #f2d4c0 !important;
  background: #ffffff !important;
  color: #d95b14 !important;
}

.cs-template .cs-bike-destination-option--ext b,
.cs-template .cs-bike-destination-option--custom b {
  background: #fff6ef !important;
  border-color: #efc8ae !important;
  color: #d95b14 !important;
}

.cs-template .cs-bike-destination-option--sc.is-selected,
.cs-template .cs-bike-destination-option--sc:hover,
.cs-template .cs-bike-destination-option--sc:focus-visible {
  background: #f8fffb !important;
  border-color: #a6d8bc !important;
  color: #0f7541 !important;
}

.cs-template .cs-bike-destination-option--na.is-selected,
.cs-template .cs-bike-destination-option--na:hover,
.cs-template .cs-bike-destination-option--na:focus-visible {
  background: #f8fafc !important;
  border-color: #b3bfcd !important;
  color: #4d5e72 !important;
}

.cs-template .cs-bike-destination-option--ext.is-selected,
.cs-template .cs-bike-destination-option--custom.is-selected,
.cs-template .cs-bike-destination-option--ext:hover,
.cs-template .cs-bike-destination-option--custom:hover,
.cs-template .cs-bike-destination-option--ext:focus-visible,
.cs-template .cs-bike-destination-option--custom:focus-visible {
  background: #fffaf6 !important;
  border-color: #eabf9f !important;
  color: #cf520e !important;
}


/* v1.0.279 - Bike Movement selected buttons: color change only, no dot marker */
.cs-template .cs-bike-destination-option {
  min-height: 38px !important;
  padding: 7px 11px !important;
  border-width: 1px !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  outline: none !important;
  transition: background-color .16s ease, color .16s ease, border-color .16s ease !important;
}

.cs-template .cs-bike-destination-option:hover,
.cs-template .cs-bike-destination-option:focus-visible {
  transform: none !important;
  box-shadow: none !important;
}

.cs-template .cs-bike-destination-option.is-selected {
  padding-right: 11px !important;
  border-width: 1px !important;
  box-shadow: none !important;
  transform: none !important;
}

.cs-template .cs-bike-destination-option::after,
.cs-template .cs-bike-destination-option.is-selected::after {
  content: none !important;
  display: none !important;
}

.cs-template .cs-bike-destination-option--sc {
  border-color: #cfeadc !important;
  background: #ffffff !important;
  color: #137846 !important;
}

.cs-template .cs-bike-destination-option--sc b {
  background: #f1fbf5 !important;
  border-color: #b9dfca !important;
  color: #137846 !important;
}

.cs-template .cs-bike-destination-option--sc:hover,
.cs-template .cs-bike-destination-option--sc:focus-visible {
  background: #f7fdf9 !important;
  color: #137846 !important;
  border-color: #cfeadc !important;
}

.cs-template .cs-bike-destination-option--sc.is-selected {
  background: #eaf8f0 !important;
  color: #106f3d !important;
  border-color: #cfeadc !important;
}

.cs-template .cs-bike-destination-option--sc.is-selected b {
  background: #daf0e2 !important;
  border-color: #b9dfca !important;
  color: #106f3d !important;
}

.cs-template .cs-bike-destination-option--na {
  border-color: #d5dde8 !important;
  background: #ffffff !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--na b {
  background: #f5f7fa !important;
  border-color: #cad4df !important;
  color: #536376 !important;
}

.cs-template .cs-bike-destination-option--na:hover,
.cs-template .cs-bike-destination-option--na:focus-visible {
  background: #fafbfd !important;
  color: #536376 !important;
  border-color: #d5dde8 !important;
}

.cs-template .cs-bike-destination-option--na.is-selected {
  background: #eef2f6 !important;
  color: #4f6073 !important;
  border-color: #d5dde8 !important;
}

.cs-template .cs-bike-destination-option--na.is-selected b {
  background: #e5ebf2 !important;
  border-color: #cad4df !important;
  color: #4f6073 !important;
}

.cs-template .cs-bike-destination-option--ext,
.cs-template .cs-bike-destination-option--custom {
  border-color: #f2d4c0 !important;
  background: #ffffff !important;
  color: #d95b14 !important;
}

.cs-template .cs-bike-destination-option--ext b,
.cs-template .cs-bike-destination-option--custom b {
  background: #fff6ef !important;
  border-color: #efc8ae !important;
  color: #d95b14 !important;
}

.cs-template .cs-bike-destination-option--ext:hover,
.cs-template .cs-bike-destination-option--custom:hover,
.cs-template .cs-bike-destination-option--ext:focus-visible,
.cs-template .cs-bike-destination-option--custom:focus-visible {
  background: #fffaf6 !important;
  color: #d95b14 !important;
  border-color: #f2d4c0 !important;
}

.cs-template .cs-bike-destination-option--ext.is-selected,
.cs-template .cs-bike-destination-option--custom.is-selected {
  background: #fff1e6 !important;
  color: #cf520e !important;
  border-color: #f2d4c0 !important;
}

.cs-template .cs-bike-destination-option--ext.is-selected b,
.cs-template .cs-bike-destination-option--custom.is-selected b {
  background: #ffe6d6 !important;
  border-color: #efc8ae !important;
  color: #cf520e !important;
}


/* v1.0.281 - Larger Bike Movement rider photo with rider name outside the bike field */
.cs-template .cs-bike-movement-rider {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 14px !important;
}

.cs-template .cs-bike-movement-rider__avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 16px !important;
}

.cs-template .cs-bike-movement-rider__avatar::before {
  inset: 15px 18px 12px !important;
}

.cs-template .cs-bike-movement-rider__body {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.cs-template .cs-bike-movement-rider__name {
  display: block !important;
  margin: 0 !important;
  color: #16345d !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.cs-template .cs-bike-movement-rider__body label {
  margin: 0 !important;
}

@media (max-width: 640px) {
  .cs-template .cs-bike-movement-rider {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .cs-template .cs-bike-movement-rider__avatar {
    width: 64px !important;
    height: 64px !important;
  }
}


/* v1.0.282 - Larger Bike Movement rider header and no Bike input box */
.cs-template .cs-bike-movement-rider {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 2px 0 8px !important;
}

.cs-template .cs-bike-movement-rider__avatar {
  width: 96px !important;
  height: 96px !important;
  border-radius: 18px !important;
  background: #f2f6fb !important;
  border: 1px solid #d8e2ef !important;
  box-shadow: 0 2px 8px rgba(16,43,92,0.08) !important;
}

.cs-template .cs-bike-movement-rider__avatar::before {
  inset: 20px 24px 16px !important;
}

.cs-template .cs-bike-movement-rider__body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.cs-template .cs-bike-movement-rider__name {
  margin: 0 !important;
  color: #0b2f63 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.cs-template .cs-bike-movement-rider__bike {
  display: block !important;
  color: #415674 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 640px) {
  .cs-template .cs-bike-movement-rider {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .cs-template .cs-bike-movement-rider__avatar {
    width: 82px !important;
    height: 82px !important;
  }
  .cs-template .cs-bike-movement-rider__name {
    font-size: 16px !important;
  }
}


/* v1.0.283 - Bike detail under rider name should not be bold */
.cs-template .cs-bike-movement-rider__bike {
  font-weight: 400 !important;
}


/* v1.0.285 - subtle background gradient for New Bike Movement modal */
.cs-template .cs-bike-movement-modal__card {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 54%, #f5f8fc 100%) !important;
}

.cs-template .cs-bike-movement-modal__card header {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,251,255,0.96) 100%) !important;
}

.cs-template .cs-bike-movement-modal__card form {
  background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(243,247,252,0.4) 100%) !important;
}


/* v1.0.286 - background option 4: Subtle Card Depth */
.cs-template .cs-bike-movement-modal__card {
  background: linear-gradient(180deg, #ffffff 0%, #fafcff 50%, #f3f6fa 100%) !important;
}

.cs-template .cs-bike-movement-modal__card header {
  background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(249,252,255,0.97) 100%) !important;
}

.cs-template .cs-bike-movement-modal__card form {
  background: linear-gradient(180deg, rgba(255,255,255,0.08) 0%, rgba(245,248,252,0.42) 100%) !important;
}


/* v1.0.287 - Add new location input remains white */
.cs-template .cs-bike-destination-add input,
.cs-template .cs-bike-destination-add input[type="text"],
.cs-template input[data-cs-bike-custom-destination] {
  background: #ffffff !important;
  background-image: none !important;
}


/* v1.0.288 - Bikes Allocation page and left menu background aligned with NA bike slot */
body.cs-template:has(.cs-app-screen--bikes),
body.cs-template:has(.cs-app-screen--bikes) .app-shell,
body.cs-template:has(.cs-app-screen--bikes) .dashboard,
body.cs-template:has(.cs-app-screen--bikes) .cs-app-main,
body.cs-template:has(.cs-app-screen--bikes) .cs-app-screen--bikes {
  background: #f5f7fa !important;
  background-color: #f5f7fa !important;
}

body.cs-template:has(.cs-app-screen--bikes)::before {
  background: none !important;
}

body.cs-template:has(.cs-app-screen--bikes) .side-rail {
  background: #f5f7fa !important;
  background-color: #f5f7fa !important;
}

@supports not selector(body:has(.cs-app-screen--bikes)) {
  body.cs-template .cs-app-screen--bikes,
  body.cs-template .cs-app-screen--bikes .cs-app-main {
    background: #f5f7fa !important;
    background-color: #f5f7fa !important;
  }
  body.cs-template .side-rail {
    background: #f5f7fa !important;
    background-color: #f5f7fa !important;
  }
}


/* v1.0.289 - force Bikes Allocation page + left menu to match Not assigned slot background */
body.cs-template.cs-nav-active-bikes,
body.cs-template.cs-nav-active-bikes .app-shell,
body.cs-template.cs-nav-active-bikes .workspace,
body.cs-template.cs-nav-active-bikes #main-content,
body.cs-template.cs-nav-active-bikes .dashboard,
body.cs-template.cs-nav-active-bikes .cs-app-screen,
body.cs-template.cs-nav-active-bikes .cs-app-screen--bikes,
body.cs-template.cs-nav-active-bikes .com-content-article,
body.cs-template.cs-nav-active-bikes .item-page,
body.cs-template.cs-nav-active-bikes .page,
body.cs-template:has(.cs-app-screen--bikes),
body.cs-template:has(.cs-app-screen--bikes) .app-shell,
body.cs-template:has(.cs-app-screen--bikes) .workspace,
body.cs-template:has(.cs-app-screen--bikes) #main-content,
body.cs-template:has(.cs-app-screen--bikes) .dashboard,
body.cs-template:has(.cs-app-screen--bikes) .cs-app-screen,
body.cs-template:has(.cs-app-screen--bikes) .cs-app-screen--bikes {
  background: #f5f7fa !important;
  background-color: #f5f7fa !important;
  background-image: none !important;
}

body.cs-template.cs-nav-active-bikes .side-rail,
body.cs-template.cs-nav-active-bikes .side-rail::before,
body.cs-template.cs-nav-active-bikes .side-rail::after,
body.cs-template.cs-nav-active-bikes .brand-mark,
body.cs-template.cs-nav-active-bikes .rail-nav,
body.cs-template.cs-nav-active-bikes .rail-nav__fallback,
body.cs-template.cs-nav-active-bikes .side-rail__flex-gap,
body.cs-template:has(.cs-app-screen--bikes) .side-rail,
body.cs-template:has(.cs-app-screen--bikes) .side-rail::before,
body.cs-template:has(.cs-app-screen--bikes) .side-rail::after,
body.cs-template:has(.cs-app-screen--bikes) .brand-mark,
body.cs-template:has(.cs-app-screen--bikes) .rail-nav,
body.cs-template:has(.cs-app-screen--bikes) .rail-nav__fallback,
body.cs-template:has(.cs-app-screen--bikes) .side-rail__flex-gap {
  background: #f5f7fa !important;
  background-color: #f5f7fa !important;
  background-image: none !important;
}

body.cs-template.cs-nav-active-bikes .side-rail {
  border-right-color: #dbe4ef !important;
}


/* v1.0.290 - Bikes Allocation left menu item uses Not Assigned grey background */
body.cs-template .side-rail .cs-rail-menu__link--bikes,
body.cs-template .side-rail .rail-nav__link[data-nav-key="bikes"] {
  background: #f5f7fa !important;
  background-image: none !important;
  background-color: #f5f7fa !important;
}

body.cs-template .side-rail .cs-rail-menu__link--bikes:hover,
body.cs-template .side-rail .rail-nav__link[data-nav-key="bikes"]:hover,
body.cs-template .side-rail .cs-rail-menu__link--bikes.is-active,
body.cs-template .side-rail .rail-nav__link[data-nav-key="bikes"].is-active,
body.cs-template .side-rail .cs-rail-menu__link--bikes[aria-current="page"],
body.cs-template .side-rail .rail-nav__link[data-nav-key="bikes"][aria-current="page"] {
  background: #f5f7fa !important;
  background-image: none !important;
  background-color: #f5f7fa !important;
  border-color: #dbe4ef !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.95) inset !important;
}

body.cs-template .side-rail .cs-rail-menu__link--bikes .cs-rail-menu__icon-box,
body.cs-template .side-rail .rail-nav__link[data-nav-key="bikes"] .cs-rail-menu__icon-box {
  background: #edf2f7 !important;
  background-image: none !important;
  background-color: #edf2f7 !important;
  border-color: #cfd9e6 !important;
}


/* v1.0.293 - definitive left sidebar button states
   Non selected: white background + gray border.
   Selected/current: light orange background.
   This block is deliberately placed at the end and uses high-specificity selectors to override older cached styles. */
@media (min-width: 921px) {
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #cfd4dc !important;
    border-color: #cfd4dc !important;
    box-shadow: none !important;
    color: #0d2f68 !important;
    transform: none !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:focus-visible,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:focus-visible,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #bfc6cf !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link[aria-current="page"],
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"],
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"] {
    background: #f7eadb !important;
    background-color: #f7eadb !important;
    border-color: #efc59c !important;
    box-shadow: none !important;
    color: #0d2f68 !important;
    transform: none !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link .cs-rail-menu__icon-box {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #cfd4dc !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"] .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__icon-box {
    background: rgba(255,255,255,0.72) !important;
    background-color: rgba(255,255,255,0.72) !important;
    border-color: #efc59c !important;
  }
}


/* v1.0.294 - Sidebar hover/underline state becomes gray */
@media (min-width: 921px) {
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:focus-visible,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:focus-visible,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link:focus-visible,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link:focus-visible,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:focus-visible,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:focus-visible {
    background: #eef2f6 !important;
    background-color: #eef2f6 !important;
    border-color: #bfc6cf !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:focus-visible .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:focus-visible .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link:hover .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link:hover .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link:hover .cs-rail-menu__icon-box,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link:hover .cs-rail-menu__icon-box {
    background: #f6f8fb !important;
    background-color: #f6f8fb !important;
    border-color: #bfc6cf !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"]:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"]:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link.is-active:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link.is-active:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[aria-current="page"]:hover,
  html .cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[aria-current="page"]:hover {
    background: #f7eadb !important;
    background-color: #f7eadb !important;
    border-color: #efc59c !important;
  }
}

@media (max-width: 920px) {
  html body.cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link:hover,
  html body.cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link:focus-visible,
  html .cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link:hover,
  html .cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link:focus-visible {
    background: #eef2f6 !important;
    background-color: #eef2f6 !important;
    border-color: #bfc6cf !important;
  }

  html body.cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link.is-active:hover,
  html body.cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link[aria-current="page"]:hover,
  html .cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link.is-active:hover,
  html .cs-template .cs-mobile-bottom-nav .topbar__mobile-nav-link[aria-current="page"]:hover {
    background: #f7eadb !important;
    background-color: #f7eadb !important;
    border-color: #efc59c !important;
  }
}

/* v1.0.295 - Rider deliveries quick summary return workflow; Actions panel removed on Rider Deliveries */

/* Rider Deliveries landing cards - v1.0.296 */
.cs-template .cs-delivery-rider-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

.cs-template .cs-delivery-rider-card {
  background: #fff;
  border: 1px solid rgba(44, 40, 73, 0.12);
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(30, 23, 62, 0.08);
  padding: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 360px;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 100%;
  height: 238px;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, #f7f4ff 0%, #eef2f7 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
}

.cs-template .cs-delivery-rider-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.cs-template .cs-delivery-rider-card__photo .cs-bike-rider-card__placeholder {
  width: 92px;
  height: 92px;
  margin-bottom: 54px;
}

.cs-template .cs-delivery-rider-card h2 {
  margin: 16px 0 14px;
  font-size: 1.02rem;
  line-height: 1.2;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: #24213d;
}

.cs-template .cs-delivery-rider-card__button {
  margin-top: auto;
  width: 100%;
  justify-content: center;
  min-height: 42px;
  border-radius: 999px;
  font-size: .78rem;
  letter-spacing: .02em;
}

@media (max-width: 1180px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr;
  }

  .cs-template .cs-delivery-rider-card {
    min-height: 0;
  }
}


/* v1.0.297 - Rider Deliveries clean one-rider rows */
.cs-template .cs-delivery-rider-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.cs-template .cs-delivery-rider-card {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) minmax(260px, auto) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 0 !important;
  padding: 14px 18px !important;
  text-align: left !important;
  border-radius: 20px !important;
  border: 1px solid rgba(12, 42, 84, 0.11) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%) !important;
  box-shadow: 0 10px 26px rgba(15, 35, 67, 0.07) !important;
  overflow: hidden !important;
}

.cs-template .cs-delivery-rider-card:hover {
  transform: translateY(-1px);
  border-color: rgba(12, 55, 122, 0.18) !important;
  box-shadow: 0 14px 32px rgba(15, 35, 67, 0.10) !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 76px !important;
  height: 92px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #eef3f8 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  flex: 0 0 76px !important;
  position: relative !important;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 84, 0.08) !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="pending"],
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] {
  display: none !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: inherit !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] + .cs-bike-rider-card__placeholder {
  display: none !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="pending"] + .cs-bike-rider-card__placeholder,
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] + .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
}

.cs-template .cs-delivery-rider-card__photo .cs-bike-rider-card__placeholder {
  width: 42px !important;
  height: 42px !important;
  margin: 0 0 20px !important;
  opacity: .72 !important;
}

.cs-template .cs-delivery-rider-card__content {
  min-width: 0 !important;
}

.cs-template .cs-delivery-rider-card h2 {
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.18 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: #082d63 !important;
  overflow-wrap: anywhere !important;
}

.cs-template .cs-delivery-rider-card__actions {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
}

.cs-template .cs-delivery-rider-card__button {
  width: auto !important;
  max-width: 100% !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  text-align: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

@media (max-width: 980px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  .cs-template .cs-delivery-rider-card__actions {
    grid-column: 1 / -1 !important;
    justify-content: stretch !important;
  }

  .cs-template .cs-delivery-rider-card__button {
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .cs-template .cs-delivery-rider-card__photo {
    width: 64px !important;
    height: 78px !important;
    border-radius: 14px !important;
  }

  .cs-template .cs-delivery-rider-card h2 {
    font-size: .94rem !important;
  }
}

/* v1.0.298 - Rider Deliveries Bikes Allocation-style cards and material-delivery log */
.cs-template .cs-delivery-tracking-top {
  margin-bottom: 28px !important;
}

.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) {
  min-width: 210px !important;
}

.cs-template .cs-delivery-rider-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.cs-template .cs-delivery-rider-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 188px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(12, 42, 84, 0.14) !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 35, 67, 0.06) !important;
  overflow: hidden !important;
  text-align: left !important;
}

.cs-template .cs-delivery-rider-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(12, 55, 122, 0.22) !important;
  box-shadow: 0 15px 30px rgba(15, 35, 67, 0.09) !important;
}

.cs-template .cs-delivery-rider-card__head {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  margin-bottom: 16px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 56px !important;
  height: 76px !important;
  flex: 0 0 56px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #edf2f7 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  position: relative !important;
  box-shadow: inset 0 0 0 1px rgba(12, 42, 84, 0.08) !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="pending"],
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] {
  display: none !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: inherit !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] + .cs-bike-rider-card__placeholder {
  display: none !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="pending"] + .cs-bike-rider-card__placeholder,
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] + .cs-bike-rider-card__placeholder,
.cs-template .cs-delivery-rider-card__photo .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 0 18px !important;
  opacity: .7 !important;
}

.cs-template .cs-delivery-rider-card h2 {
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.08 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: #07306c !important;
  font-weight: 900 !important;
}

.cs-template .cs-delivery-rider-card h2::first-line {
  color: #07306c !important;
}

.cs-template .cs-delivery-rider-card__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: auto !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(9, 48, 108, .14) !important;
  background: linear-gradient(180deg, #0c3b86 0%, #062c68 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(8, 48, 108, .16) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.cs-template .cs-delivery-rider-card__button:hover {
  background: linear-gradient(180deg, #104796 0%, #073474 100%) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

.cs-template .cs-delivery-rider-card__button-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .14) !important;
  font-size: .9rem !important;
  line-height: 1 !important;
}

@media (max-width: 1380px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.300 - Rider Deliveries full-width surname sorting button refresh */
.cs-template .cs-app-screen--logistics.cs-app-screen--no-side,
.cs-template .cs-app-screen--logistics .cs-app-main,
.cs-template .cs-app-screen--logistics .cs-app-hero,
.cs-template .cs-app-screen--logistics .cs-delivery-tracking-top,
.cs-template .cs-app-screen--logistics .cs-delivery-rider-grid {
  width: 100% !important;
  max-width: 100% !important;
}

.cs-template .cs-app-screen--logistics .cs-app-main {
  overflow: visible !important;
}

.cs-template .cs-app-screen--logistics .cs-app-hero {
  margin-right: 0 !important;
}

.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(5, minmax(210px, 1fr)) !important;
  gap: 20px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 182px !important;
  padding: 16px 16px 14px !important;
  border-radius: 20px !important;
}

.cs-template .cs-delivery-rider-card__head {
  margin-bottom: 14px !important;
}

.cs-template .cs-delivery-rider-card h2 {
  font-size: 1.01rem !important;
  line-height: 1.05 !important;
}

.cs-template .cs-delivery-rider-card__button {
  justify-content: flex-start !important;
  min-height: 46px !important;
  padding: 10px 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(8, 53, 116, 0.12) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
  color: #0a3a7c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 8px 18px rgba(15, 35, 67, 0.05) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  letter-spacing: .005em !important;
}

.cs-template .cs-delivery-rider-card__button:hover {
  background: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%) !important;
  border-color: rgba(241, 112, 37, 0.34) !important;
  color: #0a3a7c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 12px 22px rgba(15, 35, 67, 0.07) !important;
  transform: translateY(-1px) !important;
}

.cs-template .cs-delivery-rider-card__button-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  background: rgba(241, 112, 37, 0.12) !important;
  color: #ef6c1a !important;
  box-shadow: inset 0 0 0 1px rgba(241, 112, 37, 0.18) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
}

@media (max-width: 1520px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
  }
}

@media (max-width: 1220px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.301 - Rider Deliveries true full-width expansion */
body.cs-template.cs-nav-active-logistics main#main-content.dashboard,
body.cs-template.cs-nav-active-logistics .dashboard,
body.cs-template.cs-nav-active-logistics .content-grid--app,
body.cs-template.cs-nav-active-logistics .component-panel--app,
body.cs-template.cs-nav-active-logistics .component-panel--app .cs-content-article {
  width: 100% !important;
  max-width: none !important;
}

body.cs-template.cs-nav-active-logistics .dashboard {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.cs-template .cs-app-screen--logistics.cs-app-screen--no-side,
.cs-template .cs-app-screen--logistics.cs-app-screen--dynamic {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  gap: 14px !important;
}

.cs-template .cs-app-screen--logistics .cs-app-main,
.cs-template .cs-app-screen--logistics .cs-app-hero,
.cs-template .cs-app-screen--logistics .cs-delivery-tracking-top,
.cs-template .cs-app-screen--logistics .cs-delivery-updates,
.cs-template .cs-app-screen--logistics .cs-table-wrap,
.cs-template .cs-app-screen--logistics .cs-delivery-rider-grid {
  width: 100% !important;
  max-width: none !important;
}

.cs-template .cs-app-screen--logistics .cs-app-hero {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.cs-template .cs-delivery-updates table th,
.cs-template .cs-delivery-updates table td {
  white-space: nowrap !important;
}

.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(5, minmax(185px, 1fr)) !important;
  gap: 18px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 174px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 52px !important;
  height: 72px !important;
  flex-basis: 52px !important;
}

.cs-template .cs-delivery-rider-card h2 {
  font-size: 0.98rem !important;
}

.cs-template .cs-delivery-rider-card__button {
  min-height: 44px !important;
  padding: 9px 12px !important;
  font-size: 0.73rem !important;
}

@media (min-width: 1580px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(6, minmax(175px, 1fr)) !important;
  }
}

@media (max-width: 1460px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(5, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 1240px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(4, minmax(170px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
  }
}

@media (max-width: 540px) {
  body.cs-template.cs-nav-active-logistics .dashboard {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .cs-template .cs-app-screen--logistics .cs-app-hero {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.302 - Rider Deliveries larger rider cards */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
  gap: 22px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 236px !important;
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
}

.cs-template .cs-delivery-rider-card__head {
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 64px !important;
  height: 88px !important;
  flex: 0 0 64px !important;
  border-radius: 14px !important;
}

.cs-template .cs-delivery-rider-card h2 {
  font-size: 1.14rem !important;
  line-height: 1.08 !important;
}

.cs-template .cs-delivery-rider-card__button {
  min-height: 54px !important;
  padding: 12px 14px !important;
  font-size: 0.82rem !important;
  border-radius: 16px !important;
}

.cs-template .cs-delivery-rider-card__button-icon {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  font-size: 1.02rem !important;
}

@media (min-width: 1580px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(4, minmax(255px, 1fr)) !important;
  }
}

@media (max-width: 1400px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(235px, 1fr)) !important;
  }
}

@media (max-width: 980px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.303 - Rider Deliveries option 1 card style */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(3, minmax(320px, 1fr)) !important;
  gap: 24px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 228px !important;
  padding: 22px 24px 18px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #d8e1ec !important;
  box-shadow: 0 10px 24px rgba(31, 51, 84, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
}

.cs-template .cs-delivery-rider-card__head {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  margin-bottom: 18px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 96px !important;
  height: 132px !important;
  flex: 0 0 96px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #f2f5f9 0%, #edf2f7 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(205, 215, 227, .82) !important;
}

.cs-template .cs-delivery-rider-card__photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.cs-template .cs-delivery-rider-card__identity {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.cs-template .cs-delivery-rider-card__name {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.cs-template .cs-delivery-rider-card__first,
.cs-template .cs-delivery-rider-card__last {
  display: block !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  overflow-wrap: anywhere !important;
}

.cs-template .cs-delivery-rider-card__first {
  color: #123a78 !important;
  font-size: 1.34rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  color: #ef6c1a !important;
  font-size: 1.30rem !important;
}

.cs-template .cs-delivery-rider-card__icon-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 999px !important;
  border: 1px solid #d3dbe7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #f06e1f !important;
  text-decoration: none !important;
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 10px rgba(31, 51, 84, 0.04) !important;
}

.cs-template .cs-delivery-rider-card__icon-link:hover {
  transform: translateY(-1px) !important;
  border-color: #f3c9aa !important;
  box-shadow: 0 8px 16px rgba(31, 51, 84, 0.08) !important;
}

.cs-template .cs-delivery-rider-card__divider {
  height: 1px !important;
  width: 100% !important;
  margin: 2px 0 14px !important;
  background: #dbe3ec !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: auto !important;
  padding: 6px 2px 0 !important;
  margin-top: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #10386f !important;
  box-shadow: none !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1:hover {
  color: #ef6c1a !important;
  transform: none !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  color: #10386f !important;
  font-size: 1.65rem !important;
  line-height: 1 !important;
  margin-left: 12px !important;
}

@media (max-width: 1460px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(290px, 1fr)) !important;
  }
}

@media (max-width: 1120px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }

  .cs-template .cs-delivery-rider-card {
    padding: 18px 18px 16px !important;
  }

  .cs-template .cs-delivery-rider-card__head {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .cs-template .cs-delivery-rider-card__photo {
    width: 78px !important;
    height: 108px !important;
    flex-basis: 78px !important;
  }

  .cs-template .cs-delivery-rider-card__icon-link {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    font-size: 1.55rem !important;
  }

  .cs-template .cs-delivery-rider-card__first {
    font-size: 1.18rem !important;
  }

  .cs-template .cs-delivery-rider-card__last {
    font-size: 1.14rem !important;
  }

  .cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
    font-size: .92rem !important;
  }
}


/* v1.0.304 - Rider Deliveries smaller option 1 cards + new CTA */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(3, minmax(285px, 1fr)) !important;
  gap: 20px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 196px !important;
  padding: 18px 20px 14px !important;
  border-radius: 20px !important;
}

.cs-template .cs-delivery-rider-card__head {
  grid-template-columns: 78px minmax(0, 1fr) !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 78px !important;
  height: 108px !important;
  flex: 0 0 78px !important;
  border-radius: 14px !important;
}

.cs-template .cs-delivery-rider-card__first {
  font-size: 1.18rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: 1.14rem !important;
}

.cs-template .cs-delivery-rider-card__icon-link {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  font-size: 1.65rem !important;
}

.cs-template .cs-delivery-rider-card__divider {
  margin: 0 0 10px !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  font-size: 0.92rem !important;
  line-height: 1.15 !important;
  padding-top: 4px !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  font-size: 1.4rem !important;
  margin-left: 10px !important;
}

@media (max-width: 1460px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(255px, 1fr)) !important;
  }
}

@media (max-width: 1120px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(255px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.305 - Rider Deliveries narrower cards */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(4, minmax(235px, 1fr)) !important;
  gap: 18px !important;
}

.cs-template .cs-delivery-rider-card {
  min-height: 188px !important;
  padding: 16px 18px 13px !important;
}

.cs-template .cs-delivery-rider-card__head {
  grid-template-columns: 70px minmax(0, 1fr) !important;
  gap: 14px !important;
  margin-bottom: 12px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  width: 70px !important;
  height: 98px !important;
  flex: 0 0 70px !important;
  border-radius: 12px !important;
}

.cs-template .cs-delivery-rider-card__first {
  font-size: 1.08rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: 1.05rem !important;
}

.cs-template .cs-delivery-rider-card__icon-link {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  font-size: 1.5rem !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  font-size: 0.86rem !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  font-size: 1.25rem !important;
  margin-left: 8px !important;
}

@media (max-width: 1480px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  }
}

@media (max-width: 1080px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v1.0.306 - Rider Deliveries option 7 horizontal split cards */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(2, minmax(390px, 1fr)) !important;
  gap: 20px !important;
}

.cs-template .cs-delivery-rider-card {
  display: grid !important;
  grid-template-columns: 36% minmax(0, 1fr) !important;
  grid-template-rows: minmax(96px, auto) auto auto !important;
  min-height: 176px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  box-shadow: 0 10px 24px rgba(31, 51, 84, 0.055) !important;
}

.cs-template .cs-delivery-rider-card__head {
  display: contents !important;
}

.cs-template .cs-delivery-rider-card__photo {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 176px !important;
  flex: none !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #6140a3 0%, #7a57bc 48%, #ebe6f4 100%) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  border-radius: 0 !important;
}

.cs-template .cs-delivery-rider-card__photo .cs-bike-rider-card__placeholder {
  margin: 0 0 48px !important;
}

.cs-template .cs-delivery-rider-card__identity {
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 22px 22px 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.cs-template .cs-delivery-rider-card__name {
  gap: 3px !important;
}

.cs-template .cs-delivery-rider-card__first {
  font-size: 1.22rem !important;
  line-height: 1.02 !important;
  color: #113a78 !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: 1.18rem !important;
  line-height: 1.02 !important;
  color: #f06b1b !important;
}

.cs-template .cs-delivery-rider-card__icon-link {
  display: none !important;
}

.cs-template .cs-delivery-rider-card__divider {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  height: 1px !important;
  margin: 0 22px 0 !important;
  background: #dbe3ec !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  grid-column: 2 !important;
  grid-row: 3 !important;
  align-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 12px 22px 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #10386f !important;
  font-size: .92rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1:hover {
  color: #f06b1b !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  color: #10386f !important;
  font-size: 1.38rem !important;
  margin-left: 10px !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1:hover .cs-delivery-rider-card__button-trail {
  color: #f06b1b !important;
}

@media (max-width: 1280px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(340px, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-columns: 34% minmax(0, 1fr) !important;
    min-height: 150px !important;
  }

  .cs-template .cs-delivery-rider-card__photo {
    min-height: 150px !important;
  }

  .cs-template .cs-delivery-rider-card__identity {
    padding: 18px 16px 6px !important;
  }

  .cs-template .cs-delivery-rider-card__first {
    font-size: 1.06rem !important;
  }

  .cs-template .cs-delivery-rider-card__last {
    font-size: 1.02rem !important;
  }

  .cs-template .cs-delivery-rider-card__divider {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
    padding: 10px 16px 14px !important;
    font-size: .84rem !important;
  }
}


/* v1.0.308 - Rider Deliveries compact option 7 cards with extra graphic details */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(3, minmax(300px, 1fr)) !important;
  gap: 18px !important;
}

.cs-template .cs-delivery-rider-card {
  position: relative !important;
  grid-template-columns: 34% minmax(0, 1fr) !important;
  grid-template-rows: minmax(84px, auto) auto auto !important;
  min-height: 154px !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(31, 51, 84, 0.045) !important;
}

.cs-template .cs-delivery-rider-card::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 16px 0 16px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #f06b1b 0%, rgba(240, 107, 27, 0.18) 72%, rgba(240, 107, 27, 0) 100%) !important;
}

.cs-template .cs-delivery-rider-card__photo {
  min-height: 154px !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(255,255,255,0.18) 0 22px, transparent 23px),
    linear-gradient(135deg, #5d3a9e 0%, #7754bb 44%, #ede8f6 100%) !important;
}

.cs-template .cs-delivery-rider-card__photo::after {
  content: "" !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  box-shadow: inset 0 0 0 8px rgba(255,255,255,0.07) !important;
}

.cs-template .cs-delivery-rider-card__identity {
  padding: 16px 18px 6px !important;
}

.cs-template .cs-delivery-rider-card__name {
  position: relative !important;
  padding-top: 12px !important;
}

.cs-template .cs-delivery-rider-card__name::before {
  content: "RIDER" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  font-size: .58rem !important;
  letter-spacing: .18em !important;
  font-weight: 800 !important;
  color: #8ca0bb !important;
}

.cs-template .cs-delivery-rider-card__first {
  font-size: 1.06rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: 1.03rem !important;
}

.cs-template .cs-delivery-rider-card__divider {
  margin: 0 18px !important;
  background: linear-gradient(90deg, #d9e2ec 0%, #eaf0f6 100%) !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  min-height: 38px !important;
  padding: 9px 18px 14px !important;
  font-size: .84rem !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  font-size: 1.16rem !important;
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(240, 107, 27, 0.10) !important;
  color: #f06b1b !important;
}

@media (max-width: 1380px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(290px, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-columns: 33% minmax(0, 1fr) !important;
    min-height: 144px !important;
  }

  .cs-template .cs-delivery-rider-card__photo {
    min-height: 144px !important;
  }

  .cs-template .cs-delivery-rider-card__identity {
    padding: 14px 14px 5px !important;
  }

  .cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
    padding: 8px 14px 12px !important;
    font-size: .8rem !important;
  }
}


/* v1.0.309 - Rider Deliveries CTA wording refinement */
.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  letter-spacing: -.01em !important;
}


/* v1.0.310 - Rider Deliveries CTA vertical centering */
.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
  line-height: 1 !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 > span:first-child {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  align-self: center !important;
}


/* v1.0.311 - Rider Deliveries CTA text restore and true vertical centering */
.cs-template .cs-delivery-rider-card {
  grid-template-rows: minmax(84px, auto) auto minmax(54px, 1fr) !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  align-self: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 18px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 > span:first-child {
  display: flex !important;
  align-items: center !important;
  min-height: 100% !important;
  line-height: 1.15 !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  align-self: center !important;
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-rows: minmax(78px, auto) auto minmax(50px, 1fr) !important;
  }

  .cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
    padding: 0 14px 0 !important;
  }
}


/* v1.0.312 - Rider Deliveries rider name size +1pt */
.cs-template .cs-delivery-rider-card__first {
  font-size: 1.14rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: 1.11rem !important;
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card__first {
    font-size: 1.08rem !important;
  }

  .cs-template .cs-delivery-rider-card__last {
    font-size: 1.05rem !important;
  }
}



/* v1.0.318 - Rider Deliveries material type colors */
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"] {
  border-color: #fecaca !important;
  background: #fff7f7 !important;
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"] b {
  border-color: #fecaca !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"].is-selected {
  border-color: #ef4444 !important;
  background: #fef2f2 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.14) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"].is-selected span {
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"] {
  border-color: #fde68a !important;
  background: #fffbeb !important;
  color: #92400e !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"] b {
  border-color: #facc15 !important;
  background: #fef3c7 !important;
  color: #92400e !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.16) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected span {
  color: #92400e !important;
}
.cs-template .cs-rider-delivery-type-note--consumable {
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-type-note--returnable {
  color: #92400e !important;
}


/* v1.0.320 - Rider Deliveries owner-only edit/delete actions */
.cs-rider-delivery-row-actions{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;}
.cs-rider-delivery-row-action{appearance:none;border:1px solid #cbd5e1;background:#fff;color:#64748b;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700;line-height:1;cursor:pointer;}
.cs-rider-delivery-row-action:hover{border-color:#94a3b8;color:#334155;}
.cs-rider-delivery-row-action--delete{border-color:#f1b8b8;color:#b42318;}
.cs-rider-delivery-row-action--delete:hover{border-color:#e58a8a;color:#8f1d13;}
.cs-rider-delivery-locked{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11px;font-weight:700;white-space:nowrap;}
.cs-rider-delivery-history table th:last-child,
.cs-rider-delivery-history table td:last-child{text-align:center;white-space:nowrap;}

/* v1.0.321 - Rider Deliveries neutral buttons until selected */
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:hover,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:focus-visible,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location],
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:hover,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:focus-visible {
  border-color: #d5dde8 !important;
  background: #ffffff !important;
  color: #536376 !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:hover b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:focus-visible b,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location] b,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:hover b,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:focus-visible b {
  border-color: #cad4df !important;
  background: #f5f7fa !important;
  color: #536376 !important;
}
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:hover span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:focus-visible span,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location] span,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:hover span,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:focus-visible span {
  color: #536376 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"].is-selected {
  border-color: #ef4444 !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.14) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"].is-selected b {
  border-color: #ef4444 !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="consumable"].is-selected span {
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected {
  border-color: #f59e0b !important;
  background: #fffbeb !important;
  color: #92400e !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.16) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected b {
  border-color: #f59e0b !important;
  background: #fef3c7 !important;
  color: #92400e !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected span {
  color: #92400e !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location="Service Course"].is-selected {
  border-color: #13b965 !important;
  background: #e8fff2 !important;
  color: #087b40 !important;
  box-shadow: 0 0 0 2px rgba(19, 185, 101, 0.14) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location="Service Course"].is-selected b {
  border-color: #13b965 !important;
  background: #dcfbea !important;
  color: #087b40 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location="Service Course"].is-selected span {
  color: #087b40 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location].is-selected:not([data-cs-rider-delivery-location="Service Course"]) {
  border-color: #f0640c !important;
  background: #fff0e4 !important;
  color: #d94d00 !important;
  box-shadow: 0 0 0 2px rgba(240, 100, 12, 0.14) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location].is-selected:not([data-cs-rider-delivery-location="Service Course"]) b {
  border-color: #f0640c !important;
  background: #ffead8 !important;
  color: #d94d00 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location].is-selected:not([data-cs-rider-delivery-location="Service Course"]) span {
  color: #d94d00 !important;
}


/* v1.0.322 - Rider Deliveries start with no default selections and centered actions */
.cs-template .cs-rider-delivery-modal__card form > footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  grid-column: 1 / -1 !important;
  padding-top: 18px !important;
  margin: 8px auto 0 !important;
  text-align: center !important;
}
.cs-template .cs-rider-delivery-modal__card form > footer .cs-btn {
  min-width: 124px !important;
}

/* v1.0.324 - Reduced package size */
.cs-template .cs-rider-delivery-notes-field{display:block;margin:0 26px 18px;}
.cs-template .cs-rider-delivery-notes-field span{display:block;margin:0 0 6px;color:#08275c;font-size:15px;font-weight:500;}
.cs-template .cs-rider-delivery-notes-field textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:76px;border:1px solid #d6e0ee;border-radius:12px;background:#fff;color:#08275c;padding:11px 13px;font:inherit;line-height:1.35;box-shadow:inset 0 1px 2px rgba(8,39,92,.04);}
.cs-template .cs-rider-delivery-notes-field textarea::placeholder{color:#94a3b8;}
.cs-template .cs-rider-delivery-note{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:600;line-height:1.35;text-transform:none;letter-spacing:0;}
@media(max-width:760px){.cs-template .cs-rider-delivery-notes-field{margin:0 16px 16px;}}


/* v1.0.325 - Rider Deliveries action column and regular date weight */
.cs-template .cs-rider-delivery-history tbody td:first-child,
.cs-template .cs-rider-delivery-history .cs-bike-cell--date span,
.cs-template .cs-delivery-updates tbody td:first-child,
.cs-template .cs-delivery-updates .cs-bike-cell--date span {
  font-weight: 400 !important;
}
.cs-template .cs-delivery-updates table th:last-child,
.cs-template .cs-delivery-updates table td:last-child {
  text-align: center !important;
  white-space: nowrap !important;
}
.cs-template .cs-delivery-updates table {
  min-width: 980px !important;
}
@media (max-width: 760px) {
  .cs-template .cs-delivery-updates table {
    min-width: 820px !important;
  }
}

/* v1.0.331 - Rider Deliveries: returnable type blue and notes regular weight */
.cs-template .cs-rider-delivery-note {
  font-weight: 400 !important;
}
.cs-template .cs-rider-delivery-type-note--returnable {
  color: #2563eb !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"] {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"] b {
  border-color: #93c5fd !important;
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected {
  border-color: #2563eb !important;
  background: #eff6ff !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.16) inset !important;
}
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-type="returnable"].is-selected span {
  color: #1d4ed8 !important;
}

/* v1.0.334 - Rider Deliveries recent table: make Quantity column readable */
.cs-template .cs-delivery-updates table { table-layout: fixed !important; min-width: 1080px !important; }
.cs-template .cs-delivery-updates table th:nth-child(1),
.cs-template .cs-delivery-updates table td:nth-child(1) { width: 13% !important; text-align: center !important; }
.cs-template .cs-delivery-updates table th:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) { width: 16% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) { width: 25% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) { width: 10% !important; min-width: 92px !important; text-align: center !important; white-space: nowrap !important; }
.cs-template .cs-delivery-updates table th:nth-child(5),
.cs-template .cs-delivery-updates table td:nth-child(5) { width: 12% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) { width: 12% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(7),
.cs-template .cs-delivery-updates table td:nth-child(7) { width: 12% !important; text-align: center !important; white-space: nowrap !important; }
.cs-template .cs-delivery-updates table th:nth-child(4) { padding-left: 8px !important; padding-right: 8px !important; font-size: 10px !important; letter-spacing: .12em !important; }
.cs-template .cs-delivery-updates table td:nth-child(4) { color: #102f61 !important; font-weight: 800 !important; font-size: 13px !important; }
@media (max-width: 900px) { .cs-template .cs-delivery-updates table { min-width: 980px !important; } }


/* v1.0.335 - Rider Deliveries modal: split Delivery records by material type */
.cs-template .cs-rider-delivery-history-group {
  margin-top: 14px !important;
}
.cs-template .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}
.cs-template .cs-rider-delivery-history-group h4 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  padding: 7px 11px !important;
  border: 1px solid #dbe7f5 !important;
  border-radius: 10px !important;
  background: #f8fbff !important;
  color: #08275c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-history-group--consumable h4 {
  border-color: #fecaca !important;
  background: #fff7f7 !important;
  color: #b91c1c !important;
}
.cs-template .cs-rider-delivery-history-group--returnable h4 {
  border-color: #bfdbfe !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}
.cs-template .cs-rider-delivery-history-group table {
  min-width: 900px !important;
}
.cs-template .cs-rider-delivery-history-group table th:nth-child(1),
.cs-template .cs-rider-delivery-history-group table td:nth-child(1) { width: 17% !important; text-align: center !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(2),
.cs-template .cs-rider-delivery-history-group table td:nth-child(2) { width: 33% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) { width: 10% !important; text-align: center !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(4),
.cs-template .cs-rider-delivery-history-group table td:nth-child(4) { width: 16% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) { width: 14% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(6),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) { width: 10% !important; text-align: center !important; }

/* v1.0.336 - Rider Deliveries recent table: center Quantity/Action headers with row content and keep quantity regular */
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) {
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table td:nth-child(4) {
  font-weight: 400 !important;
  color: #102f61 !important;
}
.cs-template .cs-delivery-updates table th:nth-child(7),
.cs-template .cs-delivery-updates table td:nth-child(7) {
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) {
  padding-left: 8px !important;
  padding-right: 8px !important;
}


/* v1.0.337 - Rider Deliveries: center Quantity, Delivered by and Action row content */
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(7) {
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6) .cs-bike-cell--updated {
  justify-content: center !important;
  width: 100% !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) .cs-rider-delivery-row-actions {
  justify-content: center !important;
  width: 100% !important;
}
.cs-template .cs-rider-delivery-history-group table td:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) .cs-bike-cell--updated {
  justify-content: center !important;
  width: 100% !important;
}
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) .cs-rider-delivery-row-actions {
  justify-content: center !important;
  width: 100% !important;
}


/* v1.0.338 - Rider Deliveries: true center alignment for Quantity, Delivered by and Action cells */
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(7),
.cs-template .cs-delivery-updates table td:nth-child(7) {
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) {
  font-weight: 400 !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(7),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6) .cs-bike-cell--updated,
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) .cs-bike-cell--updated {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cs-template .cs-rider-delivery-history-group table th:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3),
.cs-template .cs-rider-delivery-history-group table th:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5),
.cs-template .cs-rider-delivery-history-group table th:nth-child(6),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) {
  text-align: center !important;
  vertical-align: middle !important;
}


/* v1.0.340 - Rider Deliveries: real visual centering for row values in Quantity, Delivered by and Action */
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(7),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table td:nth-child(4) > .cs-rider-delivery-qty-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) > .cs-rider-delivery-qty-center {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  font-weight: 400 !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6) > .cs-rider-delivery-deliveredby-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) > .cs-rider-delivery-deliveredby-center {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6) > .cs-rider-delivery-deliveredby-center::after,
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) > .cs-rider-delivery-deliveredby-center::after {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 1px !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) > .cs-rider-delivery-actions-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) > .cs-rider-delivery-actions-center {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}


/* v1.0.341 - Rider Deliveries: lock Quantity and Action header/value alignment in Recent Material Deliveries */
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table th:nth-child(7),
.cs-template .cs-delivery-updates table td:nth-child(7) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) {
  width: 10% !important;
  min-width: 92px !important;
}
.cs-template .cs-delivery-updates table th:nth-child(7),
.cs-template .cs-delivery-updates table td:nth-child(7) {
  width: 12% !important;
  min-width: 108px !important;
}
.cs-template .cs-delivery-updates table th:nth-child(4) > span,
.cs-template .cs-delivery-updates table th:nth-child(7) > span {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
.cs-template .cs-delivery-updates table td:nth-child(4) > .cs-rider-delivery-qty-center,
.cs-template .cs-delivery-updates table td:nth-child(7) > .cs-rider-delivery-actions-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.cs-template .cs-delivery-updates table td:nth-child(7) .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto !important;
}

/* v1.0.342 - Rider Deliveries: returned material stays only on rider card and does not affect inventory */
.cs-template .cs-rider-delivery-type-note--returned {
  color: #0f766e;
  letter-spacing: .08em;
}
.cs-template .cs-rider-delivery-row-action--return {
  border-color: #99f6e4;
  color: #0f766e;
  background: #f0fdfa;
}
.cs-template .cs-rider-delivery-row-action--return:hover {
  border-color: #5eead4;
  color: #115e59;
}
.cs-template .cs-rider-delivery-history-group--returned h4 {
  color: #0f766e;
  border-color: #99f6e4;
  background: #f0fdfa;
}
.cs-template .cs-rider-delivery-history-group--returned table th:nth-child(3),
.cs-template .cs-rider-delivery-history-group--returned table td:nth-child(3),
.cs-template .cs-rider-delivery-history-group--returned table th:nth-child(5),
.cs-template .cs-rider-delivery-history-group--returned table td:nth-child(5) {
  text-align: center;
}
.cs-template .cs-rider-delivery-history-group--returned table td:nth-child(5) .cs-rider-delivery-row-actions {
  justify-content: center;
}

/* v1.0.343 - Rider Deliveries: returned records remain visible in To Be Returned as read-only muted rows */
.cs-template .cs-rider-delivery-row--returned-archive {
  color: #94a3b8;
}
.cs-template .cs-rider-delivery-row--returned-archive td,
.cs-template .cs-rider-delivery-row--returned-archive strong,
.cs-template .cs-rider-delivery-row--returned-archive small,
.cs-template .cs-rider-delivery-row--returned-archive span {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
.cs-template .cs-rider-delivery-row--returned-archive .cs-bike-cell i {
  opacity: .45;
  filter: grayscale(1);
}
.cs-template .cs-rider-delivery-type-note--muted,
.cs-template .cs-rider-delivery-note--muted {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}
.cs-template .cs-rider-delivery-returned-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 11px;
  border: 1px solid #dbe3ea;
  border-radius: 999px;
  background: #f8fafc;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.cs-template .cs-rider-delivery-row-actions--returned {
  pointer-events: none;
}


/* v1.0.344 - Rider Deliveries: all unselected modal option buttons stay white on open */
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:not(.is-selected),
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:not(.is-selected) {
  background: #ffffff !important;
  border-color: #dbe5f0 !important;
  color: #536376 !important;
  box-shadow: none !important;
}

.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:not(.is-selected) b,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:not(.is-selected) b {
  background: #f5f8fb !important;
  border-color: #d2dce8 !important;
  color: #536376 !important;
  box-shadow: none !important;
}

.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:not(.is-selected) span,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:not(.is-selected) span {
  color: #536376 !important;
}

.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:not(.is-selected):hover,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-option:not(.is-selected):focus-visible,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:not(.is-selected):hover,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-location]:not(.is-selected):focus-visible {
  background: #ffffff !important;
  border-color: #c7d3e1 !important;
  color: #536376 !important;
  box-shadow: none !important;
}


/* v1.0.368 - Rider Deliveries: rider header matches landing cards, batch heading added, and modal width aligned */
.cs-template .cs-delivery-updates table th:nth-child(6) {
  font-size: 0.56rem !important;
  letter-spacing: 0.22em !important;
}
.cs-template .cs-rider-delivery-rider-head {
  align-items: center !important;
}
.cs-template .cs-rider-delivery-rider-head .cs-bike-movement-rider__avatar {
  align-self: center !important;
}
.cs-template .cs-rider-delivery-rider-head .cs-bike-movement-rider__body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
}
.cs-template .cs-rider-delivery-rider-label {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #8ea0bd !important;
}
.cs-template .cs-rider-delivery-rider-name-split {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  line-height: 1.02 !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  display: block !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first {
  color: #153e7e !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  color: #f97316 !important;
}
.cs-template .cs-rider-delivery-batch {
  width: calc(100% - 52px) !important;
}
.cs-template .cs-rider-delivery-batch__heading {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  color: #08275c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-rider-head .cs-bike-movement-rider__bike {
  display: none !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 17px !important;
  }
  .cs-template .cs-rider-delivery-batch {
    width: calc(100% - 32px) !important;
  }
}


/* v1.0.369 - Rider Deliveries: larger single-line modal title/icon, greener Returned material pill, and exact batch width */
.cs-template .cs-rider-delivery-modal__card > header {
  min-height: 74px !important;
  padding: 16px 26px !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title {
  gap: 14px !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title-icon {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
  background-size: 31px 31px !important;
}
.cs-template .cs-rider-delivery-modal__card > header #cs-rider-delivery-title,
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title h2 {
  white-space: nowrap !important;
  font-size: 27px !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-batch,
.cs-template .cs-rider-delivery-history {
  margin-left: 26px !important;
  margin-right: 26px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-history {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cs-template .cs-rider-delivery-batch {
  width: auto !important;
}
.cs-template .cs-rider-delivery-batch__heading {
  font-size: 14px !important;
  letter-spacing: 0.12em !important;
  margin-bottom: 14px !important;
}
.cs-template .cs-rider-delivery-batch__lines,
.cs-template .cs-rider-delivery-batch .cs-rider-delivery-line,
.cs-template .cs-rider-delivery-add-row {
  width: 100% !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-history-group--returned h4 {
  color: #0f766e !important;
  border-color: #86efac !important;
  background: #ecfdf3 !important;
  box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .06) !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
    background-size: 24px 24px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header #cs-rider-delivery-title,
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title h2 {
    font-size: 18px !important;
    letter-spacing: .06em !important;
  }
  .cs-template .cs-rider-delivery-batch,
  .cs-template .cs-rider-delivery-history {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}

/* v1.0.370 - Rider Deliveries: larger rider name, true one-line title, wider icon, returned green pill, equal record widths */
.cs-template .cs-rider-delivery-modal__card > header {
  min-height: 82px !important;
  padding: 18px 26px !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 64px) !important;
  overflow: visible !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title-icon {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 14px !important;
  background-size: 37px 37px !important;
}
.cs-template .cs-rider-delivery-modal__card > header #cs-rider-delivery-title,
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title h2 {
  display: inline-block !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 31px !important;
  line-height: 1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  font-size: 24px !important;
  line-height: 1.02 !important;
}
.cs-template .cs-rider-delivery-batch,
.cs-template .cs-rider-delivery-history {
  width: calc(100% - 52px) !important;
  margin-left: 26px !important;
  margin-right: 26px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-batch {
  margin-bottom: 18px !important;
}
.cs-template .cs-rider-delivery-batch__lines,
.cs-template .cs-rider-delivery-batch .cs-rider-delivery-line,
.cs-template .cs-rider-delivery-add-row,
.cs-template .cs-rider-delivery-history .cs-table-wrap {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-history-group--returned h4 {
  color: #15803d !important;
  border-color: #86efac !important;
  background: #dcfce7 !important;
  box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .12) !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card > header {
    min-height: 70px !important;
    padding: 14px 16px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title {
    gap: 10px !important;
    max-width: calc(100% - 52px) !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title-icon {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
    background-size: 28px 28px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header #cs-rider-delivery-title,
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-modal__title h2 {
    font-size: 20px !important;
    letter-spacing: .05em !important;
  }
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 20px !important;
  }
  .cs-template .cs-rider-delivery-batch,
  .cs-template .cs-rider-delivery-history {
    width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}


/* v1.0.373 - Rider Deliveries: clear Returned material pill border/background, no blur/inner shadow */
.cs-template .cs-rider-delivery-history-group--returned h4 {
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
  background: #f0fdf4 !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}


/* v1.0.374 - Rider Deliveries: records-first modal flow, original add-row button size, equal batch/history widths */
.cs-template .cs-rider-delivery-record-toggle,
.cs-template .cs-rider-delivery-batch,
.cs-template .cs-rider-delivery-history {
  width: calc(100% - 52px) !important;
  max-width: calc(100% - 52px) !important;
  margin-left: 26px !important;
  margin-right: 26px !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-history {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.cs-template .cs-rider-delivery-record-toggle {
  display: flex !important;
  justify-content: flex-start !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
}
.cs-template .cs-rider-delivery-record-toggle__button {
  appearance: none !important;
  border: 1px solid #0b3478 !important;
  background: #ffffff !important;
  color: #0b3478 !important;
  border-radius: 10px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-record-toggle__button.is-open {
  background: #f8fbff !important;
}
.cs-template .cs-rider-delivery-batch {
  width: calc(100% - 52px) !important;
  max-width: calc(100% - 52px) !important;
}
.cs-template .cs-rider-delivery-batch__lines,
.cs-template .cs-rider-delivery-batch .cs-rider-delivery-line,
.cs-template .cs-rider-delivery-history .cs-table-wrap {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-add-row {
  display: inline-flex !important;
  width: auto !important;
  min-width: 150px !important;
  margin-top: 10px !important;
  padding: 0 18px !important;
  background: #fff !important;
  color: #0b3478 !important;
  box-shadow: none !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-record-toggle,
  .cs-template .cs-rider-delivery-batch,
  .cs-template .cs-rider-delivery-history {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
}


/* v1.0.375 - Rider Deliveries: header replaced with rider hero (photo, name, description) */
.cs-template .cs-rider-delivery-modal__card > header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: auto !important;
  padding: 18px 26px 14px !important;
}
.cs-template .cs-rider-delivery-modal__hero {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
  width: 92px !important;
  height: 92px !important;
  flex: 0 0 92px !important;
  border-radius: 18px !important;
}
.cs-template .cs-rider-delivery-modal__hero-body {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 4px !important;
}
.cs-template .cs-rider-delivery-rider-description {
  color: #6f86a6 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-modal__card > form > .cs-rider-delivery-rider-head {
  display: none !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card > header {
    padding: 14px 16px 12px !important;
    gap: 12px !important;
  }
  .cs-template .cs-rider-delivery-modal__hero {
    gap: 12px !important;
  }
  .cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
    width: 70px !important;
    height: 70px !important;
    flex-basis: 70px !important;
    border-radius: 14px !important;
  }
  .cs-template .cs-rider-delivery-rider-description {
    font-size: 11px !important;
  }
}


/* v1.0.376 - Rider Deliveries: no big Material Deliveries title, rider name normal case, batch opens directly under button */
.cs-template .cs-rider-delivery-rider-name-split,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  text-transform: none !important;
  letter-spacing: -0.02em !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  font-size: 22px !important;
  line-height: 1.04 !important;
}
.cs-template .cs-rider-delivery-rider-description {
  margin-top: 2px !important;
  color: #7b8da8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  padding-bottom: 12px !important;
}
.cs-template .cs-rider-delivery-record-toggle {
  margin-top: 4px !important;
  margin-bottom: 14px !important;
}
.cs-template .cs-rider-delivery-batch {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 18px !important;
  }
}


/* v1.0.380 - Rider Deliveries: clean modal hero title, header delivery toggle, wider material record row */
.cs-template .cs-rider-delivery-modal__card {
  max-width: min(1260px, calc(100vw - 72px)) !important;
}
.cs-template .cs-rider-delivery-rider-description:empty {
  display: none !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  align-items: center !important;
}
.cs-template .cs-rider-delivery-record-toggle--header,
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
  width: auto !important;
  max-width: none !important;
  margin: 0 10px 0 auto !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle .cs-rider-delivery-record-toggle__button {
  min-height: 38px !important;
  padding: 0 17px !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-batch {
  width: calc(100% - 52px) !important;
  max-width: calc(100% - 52px) !important;
  margin-top: 8px !important;
}
.cs-template .cs-rider-delivery-line {
  grid-template-columns: 126px 142px minmax(270px, 1.35fr) minmax(255px, .95fr) 92px !important;
  gap: 9px 12px !important;
  padding: 13px !important;
}
.cs-template .cs-rider-delivery-line input {
  font-size: 12px !important;
}
.cs-template .cs-rider-delivery-line__material input {
  font-size: 12px !important;
}
.cs-template .cs-rider-delivery-line-type-options button em {
  max-width: none !important;
  font-size: 9px !important;
  letter-spacing: .03em !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-line__location {
  grid-template-columns: minmax(470px, 1.12fr) minmax(360px, .88fr) !important;
  gap: 7px 14px !important;
}
.cs-template .cs-rider-delivery-line-location-options {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.cs-template .cs-rider-delivery-line-location-options .cs-bike-destination-option {
  max-width: none !important;
  min-width: max-content !important;
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.cs-template .cs-rider-delivery-line-location-options .cs-bike-destination-option span {
  max-width: 132px !important;
  font-size: 9px !important;
}
.cs-template .cs-rider-delivery-line-location-add {
  grid-template-columns: minmax(220px, 1fr) 118px !important;
}
.cs-template .cs-rider-delivery-line-location-add button {
  white-space: nowrap !important;
}
@media (max-width: 1120px) {
  .cs-template .cs-rider-delivery-line {
    grid-template-columns: 1fr 1fr minmax(220px, 1.2fr) !important;
  }
  .cs-template .cs-rider-delivery-line__location {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card {
    max-width: calc(100vw - 24px) !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
    order: 3 !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    justify-content: flex-end !important;
  }
  .cs-template .cs-rider-delivery-batch {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
  }
}


/* v1.0.381 - Rider Deliveries: visible header button and tighter gap above Delivery records */
.cs-template .cs-rider-delivery-modal__card > form {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  padding-bottom: 8px !important;
}
.cs-template .cs-rider-delivery-record-toggle--header,
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
  margin: 0 64px 0 auto !important;
}
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle .cs-rider-delivery-record-toggle__button {
  min-height: 36px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
}
.cs-template .cs-rider-delivery-history {
  margin-top: 6px !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card > form {
    display: block !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
    width: auto !important;
    margin: 8px 52px 0 auto !important;
  }
}


/* v1.0.382 - Rider Deliveries: List of Material title and template styled confirmation dialogs */
.cs-template .cs-rider-delivery-history h3 {
  margin-bottom: 10px !important;
}
.cs-template .cs-rider-delivery-template-dialog[hidden] {
  display: none !important;
}
.cs-template .cs-rider-delivery-template-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10040 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}
.cs-template .cs-rider-delivery-template-dialog__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 39, 92, 0.28) !important;
  backdrop-filter: blur(2px) !important;
}
.cs-template .cs-rider-delivery-template-dialog__card {
  position: relative !important;
  width: min(420px, calc(100vw - 48px)) !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 50px rgba(8, 39, 92, 0.20) !important;
  padding: 22px !important;
  color: #08275c !important;
}
.cs-template .cs-rider-delivery-template-dialog__eyebrow {
  margin: 0 0 7px !important;
  color: #7f91ac !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-template-dialog__card h4 {
  margin: 0 0 10px !important;
  color: #08275c !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}
.cs-template .cs-rider-delivery-template-dialog__card p {
  margin: 0 0 16px !important;
  color: #52647f !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}
.cs-template .cs-rider-delivery-template-dialog__card label {
  display: grid !important;
  gap: 7px !important;
  margin: 0 0 18px !important;
}
.cs-template .cs-rider-delivery-template-dialog__card label span {
  color: #08275c !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-template-dialog__card input {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid #cad7e8 !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  color: #08275c !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
  outline: none !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-template-dialog__card input:focus {
  border-color: #123e84 !important;
  box-shadow: 0 0 0 3px rgba(18, 62, 132, .12) !important;
}
.cs-template .cs-rider-delivery-template-dialog__actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.cs-template .cs-rider-delivery-template-dialog__actions button {
  appearance: none !important;
  border: 1px solid #cad7e8 !important;
  border-radius: 12px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.cs-template .cs-rider-delivery-template-dialog__cancel {
  background: #ffffff !important;
  color: #52647f !important;
}
.cs-template .cs-rider-delivery-template-dialog__ok {
  border-color: #123e84 !important;
  background: #123e84 !important;
  color: #ffffff !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-template-dialog {
    padding: 16px !important;
  }
  .cs-template .cs-rider-delivery-template-dialog__card {
    width: 100% !important;
  }
}


/* v1.0.383 - Rider Deliveries: definitive List of Material title, larger header button, body-level template dialogs */
.cs-template .cs-rider-delivery-history h3 {
  font-size: 13px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 16px !important;
  padding-bottom: 10px !important;
}
.cs-template .cs-rider-delivery-modal__hero {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.cs-template .cs-rider-delivery-record-toggle--header,
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
  order: 2 !important;
  width: auto !important;
  min-width: 156px !important;
  max-width: none !important;
  margin: 0 78px 0 auto !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
  order: 3 !important;
  position: absolute !important;
  top: 28px !important;
  right: 22px !important;
  z-index: 3 !important;
}
.cs-template .cs-rider-delivery-record-toggle__button,
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle .cs-rider-delivery-record-toggle__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 150px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 1px solid #0b3478 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #0b3478 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.cs-template .cs-rider-delivery-history {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.cs-template .cs-rider-delivery-modal__card > form {
  display: contents !important;
}
body > .cs-rider-delivery-template-dialog[hidden] {
  display: none !important;
}
body > .cs-rider-delivery-template-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}
body > .cs-rider-delivery-template-dialog .cs-rider-delivery-template-dialog__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 39, 92, .34) !important;
  backdrop-filter: blur(3px) !important;
}
body > .cs-rider-delivery-template-dialog .cs-rider-delivery-template-dialog__card {
  position: relative !important;
  width: min(440px, calc(100vw - 44px)) !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 24px 58px rgba(8, 39, 92, .24) !important;
  padding: 24px !important;
  color: #08275c !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card > header {
    align-items: flex-start !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
    order: 3 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 10px 0 0 !important;
    justify-content: flex-start !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
    top: 18px !important;
    right: 16px !important;
  }
}


/* v1.0.384 - Rider Deliveries: center List of Material title */
.cs-template .cs-rider-delivery-history h3 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* v1.0.385 - Rider Deliveries: move Delivery record button out of top bar and separate/larger List of Material title */
.cs-template .cs-rider-delivery-modal__card > header > .cs-rider-delivery-record-toggle {
  display: none !important;
}
.cs-template .cs-rider-delivery-history {
  margin-top: 18px !important;
  padding-top: 0 !important;
}
.cs-template .cs-rider-delivery-history > .cs-rider-delivery-record-toggle,
.cs-template .cs-rider-delivery-record-toggle--content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-record-toggle--content .cs-rider-delivery-record-toggle__button,
.cs-template .cs-rider-delivery-history > .cs-rider-delivery-record-toggle .cs-rider-delivery-record-toggle__button {
  min-width: 164px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  border: 1px solid #0b3478 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #08275c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-history h3 {
  display: block !important;
  width: 100% !important;
  margin: 16px 0 18px 0 !important;
  text-align: center !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: .19em !important;
  text-transform: uppercase !important;
  color: #08275c !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-history {
    margin-top: 14px !important;
  }
  .cs-template .cs-rider-delivery-history > .cs-rider-delivery-record-toggle,
  .cs-template .cs-rider-delivery-record-toggle--content {
    justify-content: center !important;
    margin-bottom: 12px !important;
  }
  .cs-template .cs-rider-delivery-history h3 {
    font-size: 14px !important;
    letter-spacing: .14em !important;
    margin-top: 12px !important;
  }
}


/* v1.0.386 - Rider Deliveries: working delivery toggle and yes/no confirm dialog */
.cs-template .cs-rider-delivery-template-dialog [data-cs-rider-delivery-dialog-field][hidden] {
  display: none !important;
}
.cs-rider-delivery-template-dialog [data-cs-rider-delivery-dialog-field][hidden] {
  display: none !important;
}
.cs-rider-delivery-template-dialog__actions .cs-rider-delivery-template-dialog__cancel,
.cs-rider-delivery-template-dialog__actions .cs-rider-delivery-template-dialog__ok {
  min-width: 78px !important;
}


/* v1.0.390 - Rider Deliveries: expected return date field for To be returned rows */
.cs-template .cs-rider-delivery-line {
  grid-template-columns: 126px 142px minmax(240px, 1.25fr) minmax(245px, .9fr) 160px 92px !important;
}
.cs-template .cs-rider-delivery-line__expected-return[hidden] {
  display: none !important;
}
.cs-template .cs-rider-delivery-line__expected-return {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.cs-template .cs-rider-delivery-line__expected-return input {
  width: 100% !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
}
.cs-template .cs-rider-delivery-note--expected {
  color: #f97316 !important;
  font-weight: 800 !important;
}
@media (max-width: 1120px) {
  .cs-template .cs-rider-delivery-line {
    grid-template-columns: 1fr 1fr minmax(220px, 1.2fr) !important;
  }
}


/* v1.0.392 - Rider Deliveries: full date format and orange expected return text */
.cs-template .cs-rider-delivery-note--expected {
  color: #f97316 !important;
  font-weight: 900 !important;
}


/* v1.0.394 - Rider Deliveries: always show complete Type buttons */
.cs-template .cs-rider-delivery-line {
  grid-template-columns: 126px 142px minmax(210px, 1fr) minmax(330px, 1.3fr) 170px 92px !important;
}
.cs-template .cs-rider-delivery-line__type {
  min-width: 330px !important;
  max-width: none !important;
}
.cs-template .cs-rider-delivery-line-type-options {
  display: grid !important;
  grid-template-columns: minmax(138px, 1fr) minmax(164px, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 320px !important;
}
.cs-template .cs-rider-delivery-line-type-options button {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  justify-content: center !important;
  overflow: visible !important;
}
.cs-template .cs-rider-delivery-line-type-options button em {
  display: inline-block !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 9px !important;
  letter-spacing: .035em !important;
}
@media (max-width: 1180px) {
  .cs-template .cs-rider-delivery-line {
    grid-template-columns: 1fr 1fr minmax(220px, 1.2fr) !important;
  }
  .cs-template .cs-rider-delivery-line__type,
  .cs-template .cs-rider-delivery-line-type-options {
    min-width: 0 !important;
  }
}


/* v1.0.398 - Rider Deliveries: Recent Material Deliveries without Action column */
.cs-template .cs-delivery-updates table {
  min-width: 980px !important;
  table-layout: fixed !important;
}
.cs-template .cs-delivery-updates table th,
.cs-template .cs-delivery-updates table td {
  font-size: 12px !important;
}
.cs-template .cs-delivery-updates table th {
  font-size: 11px !important;
  line-height: 1.15 !important;
}
.cs-template .cs-delivery-updates table th:nth-child(1),
.cs-template .cs-delivery-updates table td:nth-child(1) { width: 14% !important; text-align: center !important; }
.cs-template .cs-delivery-updates table th:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) { width: 18% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) { width: 30% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) { width: 9% !important; text-align: center !important; }
.cs-template .cs-delivery-updates table th:nth-child(5),
.cs-template .cs-delivery-updates table td:nth-child(5) { width: 15% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) { width: 14% !important; text-align: left !important; }
.cs-template .cs-delivery-updates table td:nth-child(6) .cs-bike-cell--updated {
  justify-content: flex-start !important;
  width: 100% !important;
}


/* v1.0.400 - Rider Deliveries: reliable completion dialog and compact full Type buttons */
.cs-template .cs-rider-delivery-line {
  grid-template-columns: 126px 142px minmax(230px, 1.15fr) 276px 164px 92px !important;
  gap: 9px 10px !important;
}
.cs-template .cs-rider-delivery-line__type {
  min-width: 276px !important;
  max-width: 276px !important;
}
.cs-template .cs-rider-delivery-line-type-options {
  display: grid !important;
  grid-template-columns: 118px 145px !important;
  gap: 7px !important;
  width: 270px !important;
  min-width: 270px !important;
  max-width: 270px !important;
}
.cs-template .cs-rider-delivery-line-type-options button {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  justify-content: center !important;
  gap: 5px !important;
}
.cs-template .cs-rider-delivery-line-type-options button b {
  min-width: 27px !important;
  height: 22px !important;
  padding: 0 5px !important;
  font-size: 8px !important;
}
.cs-template .cs-rider-delivery-line-type-options button em {
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 8.5px !important;
  letter-spacing: .025em !important;
}
body > .cs-rider-delivery-template-dialog {
  z-index: 2147483600 !important;
}
@media (max-width: 1180px) {
  .cs-template .cs-rider-delivery-line {
    grid-template-columns: 1fr 1fr minmax(220px, 1.2fr) !important;
  }
  .cs-template .cs-rider-delivery-line__type,
  .cs-template .cs-rider-delivery-line-type-options {
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
  .cs-template .cs-rider-delivery-line-type-options {
    grid-template-columns: minmax(118px, 1fr) minmax(145px, 1fr) !important;
  }
}


/* v1.0.401 - Rider Deliveries: dedicated Operation completed overlay */
body > .cs-rider-delivery-completion-dialog {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
}
body > .cs-rider-delivery-completion-dialog .cs-rider-delivery-completion-dialog__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(8, 39, 92, .38) !important;
  backdrop-filter: blur(3px) !important;
}
body > .cs-rider-delivery-completion-dialog .cs-rider-delivery-completion-dialog__card {
  position: relative !important;
  width: min(420px, calc(100vw - 44px)) !important;
  border: 1px solid #d8e2ef !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 58px rgba(8, 39, 92, .26) !important;
  padding: 24px !important;
  color: #08275c !important;
}
body > .cs-rider-delivery-completion-dialog .cs-rider-delivery-completion-dialog__card h4 {
  margin: 5px 0 8px !important;
  color: #08275c !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}
body > .cs-rider-delivery-completion-dialog .cs-rider-delivery-completion-dialog__card p {
  margin: 0 0 18px !important;
  color: #536780 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}


/* v1.0.403 - Rider Deliveries: sticky rider top bar inside open rider cards */
.cs-template .cs-rider-delivery-modal__card {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: min(92vh, 960px) !important;
  scroll-padding-top: 132px !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(6px) !important;
  border-bottom: 1px solid #dfe8f3 !important;
  box-shadow: 0 12px 24px rgba(8, 39, 92, 0.06) !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero {
  position: relative !important;
  z-index: 2 !important;
}
.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
  position: sticky !important;
  top: 24px !important;
  margin-left: auto !important;
  z-index: 65 !important;
}
.cs-template .cs-rider-delivery-modal__card > header + form,
.cs-template .cs-rider-delivery-modal__card > header + form + .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history {
  position: relative !important;
  z-index: 1 !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card {
    scroll-padding-top: 112px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
    top: 18px !important;
  }
}


/* v1.0.416 - Rider Deliveries: compact real top bar with larger rider identity and right action */
.cs-template .cs-rider-delivery-modal__card {
  scroll-padding-top: 128px !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  column-gap: 18px !important;
  min-height: 124px !important;
  padding: 18px 86px 18px 28px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  background: rgba(255, 255, 255, 0.985) !important;
  border-bottom: 1px solid #dfe8f3 !important;
  box-shadow: 0 12px 22px rgba(8, 39, 92, 0.055) !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
  display: grid !important;
  grid-template-columns: 104px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
  width: 104px !important;
  height: 104px !important;
  flex: 0 0 104px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 20px rgba(8, 39, 92, .12) !important;
  background: #f4f7fb !important;
}
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
.cs-template .cs-rider-delivery-modal__hero-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.cs-template .cs-rider-delivery-rider-label {
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .28em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  color: #8ea0bd !important;
  margin: 0 !important;
}
.cs-template .cs-rider-delivery-rider-name-split {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  line-height: .98 !important;
  margin: 0 !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  display: block !important;
  font-size: 28px !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-record-toggle--header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 178px !important;
  position: static !important;
  z-index: 84 !important;
}
.cs-template .cs-rider-delivery-record-toggle--header .cs-rider-delivery-record-toggle__button {
  min-width: 168px !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  border: 1.5px solid #0b3270 !important;
  background: #fff !important;
  color: #08275c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(8,39,92,.06) !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-record-toggle--header .cs-rider-delivery-record-toggle__button.is-open,
.cs-template .cs-rider-delivery-record-toggle--header .cs-rider-delivery-record-toggle__button:hover,
.cs-template .cs-rider-delivery-record-toggle--header .cs-rider-delivery-record-toggle__button:focus-visible {
  background: #08275c !important;
  color: #fff !important;
  border-color: #08275c !important;
}
.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
  position: absolute !important;
  top: 26px !important;
  right: 24px !important;
  width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  z-index: 90 !important;
}
.cs-template .cs-rider-delivery-modal__card > header + form,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history {
  margin-top: 0 !important;
}
.cs-template .cs-rider-delivery-history {
  padding-top: 34px !important;
}
.cs-template .cs-rider-delivery-history h3 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}
.cs-template .cs-rider-delivery-batch {
  margin-top: 22px !important;
}
.cs-template .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-row-action {
  flex: 0 0 auto !important;
}
@media (max-width: 860px) {
  .cs-template .cs-rider-delivery-modal__card > header {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 14px !important;
    min-height: 154px !important;
    padding: 16px 70px 16px 20px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  .cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
    width: 82px !important;
    height: 82px !important;
    flex-basis: 82px !important;
    border-radius: 16px !important;
  }
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 22px !important;
  }
  .cs-template .cs-rider-delivery-record-toggle--header {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
  .cs-template .cs-rider-delivery-record-toggle--header .cs-rider-delivery-record-toggle__button {
    min-width: 154px !important;
    height: 40px !important;
    font-size: 12px !important;
  }
}


/* v1.0.417 - Rider Deliveries: sharp minimal table borders and section-colored title bars */
.cs-template .cs-rider-delivery-modal__card {
  filter: none !important;
}
.cs-template .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-history-group table {
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.cs-template .cs-rider-delivery-history-group {
  border: 1px solid #d6e1ee !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
}
.cs-template .cs-rider-delivery-history-group h4 {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-history-group--consumable {
  border-color: #f3b8a1 !important;
}
.cs-template .cs-rider-delivery-history-group--consumable h4 {
  color: #e95b16 !important;
  background: #fff4ee !important;
  border-bottom-color: #f3b8a1 !important;
}
.cs-template .cs-rider-delivery-history-group--returnable {
  border-color: #9fc3ff !important;
}
.cs-template .cs-rider-delivery-history-group--returnable h4 {
  color: #1f6fff !important;
  background: #f0f6ff !important;
  border-bottom-color: #9fc3ff !important;
}
.cs-template .cs-rider-delivery-history-group--returned {
  border-color: #a8ddb9 !important;
}
.cs-template .cs-rider-delivery-history-group--returned h4 {
  color: #168947 !important;
  background: #f0fbf4 !important;
  border-bottom-color: #a8ddb9 !important;
}
.cs-template .cs-rider-delivery-history-group .cs-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  overflow-x: auto !important;
}
.cs-template .cs-rider-delivery-history-group table {
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
}
.cs-template .cs-rider-delivery-history-group table thead th,
.cs-template .cs-rider-delivery-history-group table th {
  background: #edf2f7 !important;
  border-top: 0 !important;
  border-bottom: 1px solid #d6e1ee !important;
  color: #08275c !important;
}
.cs-template .cs-rider-delivery-history-group table td {
  border-bottom: 1px solid #e3ebf3 !important;
}
.cs-template .cs-rider-delivery-history-group table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.cs-template .cs-rider-delivery-history-group .cs-empty-state,
.cs-template .cs-rider-delivery-history-group .cs-rider-delivery-empty,
.cs-template .cs-rider-delivery-history-group [class*="empty"] {
  box-shadow: none !important;
  filter: none !important;
}


/* v1.0.418 - Rider Deliveries recent table: uppercase Item column and larger Rider text */
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) strong,
.cs-template .cs-delivery-updates table td:nth-child(3) small {
  text-transform: uppercase !important;
}
.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates .cs-rider-delivery-rider-name {
  font-size: 13px !important;
}


/* v1.0.419 - Rider Deliveries recent table: remove bold from Rider and Item columns */
.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) *,
.cs-template .cs-delivery-updates .cs-rider-delivery-rider-name,
.cs-template .cs-delivery-updates .cs-rider-delivery-rider-name *,
.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) *,
.cs-template .cs-delivery-updates table td:nth-child(3) strong,
.cs-template .cs-delivery-updates table td:nth-child(3) small {
  font-weight: 400 !important;
}


/* v1.0.420 - Rider Deliveries recent table: Item title only bold */
.cs-template .cs-delivery-updates table td:nth-child(3) strong {
  font-weight: 700 !important;
}
.cs-template .cs-delivery-updates table td:nth-child(3) small {
  font-weight: 400 !important;
}

/* v1.0.421 - Rider Deliveries rider card CTA not bold */
.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1,
.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 > span:first-child {
  font-weight: 400 !important;
}


/* v1.0.424 - Rider Deliveries: show rider photos immediately with safe fallback */
.cs-template .cs-delivery-rider-card__photo img[src]:not([src=""]) {
  display: block;
}
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="loaded"] {
  opacity: 1 !important;
}
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] {
  display: none !important;
}
.cs-template .cs-delivery-rider-card__photo img[data-cs-rider-photo-state="missing"] + .cs-bike-rider-card__placeholder {
  display: inline-flex !important;
}


/* v1.0.425 - Rider Deliveries: neutral modal borders, uniform main header, modal name -1pt, larger card names */
.cs-template .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-history-group--returned {
  border-color: #d6e1ee !important;
}
.cs-template .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-history-group--returned h4 {
  border-bottom-color: #d6e1ee !important;
}
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(6) > span {
  font-size: 0.56rem !important;
  letter-spacing: 0.22em !important;
  line-height: 1 !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  font-size: calc(28px - 1pt) !important;
}
.cs-template .cs-delivery-rider-card__first {
  font-size: 1.38rem !important;
}
.cs-template .cs-delivery-rider-card__last {
  font-size: 1.34rem !important;
}
@media (max-width: 860px) {
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: calc(22px - 1pt) !important;
  }
}


/* v1.0.430 - Rider Deliveries: restore pre-pearl modal, uppercase top-bar name, darker crisp table borders, rider card names 1pt smaller bold */
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  text-transform: uppercase !important;
}

/* Main recent deliveries table */
.cs-template .cs-delivery-updates {
  border: 1px solid #c3cedb !important;
  box-shadow: none !important;
}
.cs-template .cs-delivery-updates table {
  border-collapse: collapse !important;
}
.cs-template .cs-delivery-updates table thead th {
  border-bottom: 1px solid #c3cedb !important;
}
.cs-template .cs-delivery-updates table tbody td {
  border-bottom: 1px solid #cfd8e3 !important;
}
.cs-template .cs-delivery-updates table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Modal/history tables */
.cs-template .cs-rider-delivery-history-group {
  border: 1px solid #c3cedb !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-history-group h4 {
  border-bottom: 1px solid #c3cedb !important;
}
.cs-template .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-history-group table {
  border: 0 !important;
  box-shadow: none !important;
  border-collapse: collapse !important;
}
.cs-template .cs-rider-delivery-history-group table thead th,
.cs-template .cs-rider-delivery-history-group table th {
  border-bottom: 1px solid #c3cedb !important;
}
.cs-template .cs-rider-delivery-history-group table td {
  border-bottom: 1px solid #cfd8e3 !important;
}
.cs-template .cs-rider-delivery-history-group table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Rider cards: names 1pt smaller, keep bold */
.cs-template .cs-delivery-rider-card__first,
.cs-template .cs-delivery-rider-card__last {
  font-weight: 900 !important;
}
.cs-template .cs-delivery-rider-card__first {
  font-size: calc(1.38rem - 1pt) !important;
}
.cs-template .cs-delivery-rider-card__last {
  font-size: calc(1.34rem - 1pt) !important;
}


/* v1.0.431 - Rider Deliveries: List of Material content area grey-to-white vertical fade */
.cs-template .cs-rider-delivery-modal__card > header + form,
.cs-template .cs-rider-delivery-modal__card > header + form + .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history {
  background: linear-gradient(180deg, #eef2f6 0%, #f5f7fa 18%, #fbfcfd 34%, #ffffff 54%, #ffffff 100%) !important;
}
.cs-template .cs-rider-delivery-history {
  background: linear-gradient(180deg, #eef2f6 0%, #f5f7fa 18%, #fbfcfd 34%, #ffffff 54%, #ffffff 100%) !important;
}


/* v1.0.432 - Rider Deliveries: smaller RIDER label, regular returnable/consumable notes, dark expected return */
.cs-template .cs-rider-delivery-rider-label {
  font-size: 11px !important;
  letter-spacing: .24em !important;
}
.cs-template .cs-rider-delivery-type-note--returnable {
  font-weight: 400 !important;
}
.cs-template .cs-rider-delivery-note--expected {
  color: #475569 !important;
  font-weight: 400 !important;
}
.cs-template .cs-rider-delivery-type-note--consumable {
  color: #f97316 !important;
  font-weight: 400 !important;
}

/* v1.0.434 - Rider Deliveries: force recent table rider names and Operated by header sizing */
.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) .cs-rider-delivery-rider-name,
.cs-template .cs-delivery-updates table td:nth-child(2) .cs-rider-delivery-rider-name * {
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(6) > span {
  font-size: 11px !important;
  letter-spacing: inherit !important;
  line-height: 1.15 !important;
}
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) .cs-rider-delivery-deliveredby-center,
.cs-template .cs-delivery-updates table td:nth-child(6) .cs-rider-delivery-deliveredby-center span {
  font-size: 12px !important;
  line-height: 1.22 !important;
}


/* v1.0.435 - Rider Deliveries: match confirmed orange sidebar, equal rider card names, white modal and Recent Material Deliveries table styling */
.cs-template .cs-delivery-rider-card__first,
.cs-template .cs-delivery-rider-card__last {
  font-size: calc(1.38rem - 1pt) !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
}
.cs-template .cs-delivery-rider-card__first { color: #0b3270 !important; }
.cs-template .cs-delivery-rider-card__last { color: #f05a18 !important; }

.cs-template .cs-rider-delivery-modal__card,
.cs-template .cs-rider-delivery-modal__card > header,
.cs-template .cs-rider-delivery-modal__card > form,
.cs-template .cs-rider-delivery-modal__card > header + form,
.cs-template .cs-rider-delivery-modal__card > header + form + .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-history {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  border-bottom: 1px solid #d6e1ee !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.cs-template .cs-rider-delivery-history {
  padding: 34px 28px 28px !important;
}
.cs-template .cs-rider-delivery-history h3 {
  color: #08275c !important;
  font-weight: 900 !important;
  letter-spacing: .24em !important;
}

.cs-template .cs-rider-delivery-history-group {
  border: 1px solid #d6e1ee !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
}
.cs-template .cs-rider-delivery-history-group h4 {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-history-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 13px !important;
  border: 1px solid currentColor !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-history-rule {
  display: block !important;
  height: 2px !important;
  flex: 1 1 auto !important;
  min-width: 28px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}
.cs-template .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-history-group--consumable .cs-table-wrap {
  border-color: #f3b8a1 !important;
}
.cs-template .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-rule {
  color: #f05a18 !important;
}
.cs-template .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-label {
  background: #fff4ee !important;
  border-color: #f3b8a1 !important;
}
.cs-template .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-history-group--returnable .cs-table-wrap {
  border-color: #a9cff6 !important;
}
.cs-template .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-rule {
  color: #1d75bb !important;
}
.cs-template .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-label {
  background: #eef8ff !important;
  border-color: #a9cff6 !important;
}
.cs-template .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-history-group--returned .cs-table-wrap {
  border-color: #a8ddb9 !important;
}
.cs-template .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-rule {
  color: #168947 !important;
}
.cs-template .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-label {
  background: #f0fbf4 !important;
  border-color: #a8ddb9 !important;
}
.cs-template .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-history-group table {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-collapse: collapse !important;
}
.cs-template .cs-rider-delivery-history-group table thead th,
.cs-template .cs-rider-delivery-history-group table th {
  background: #f3f6fa !important;
  border-top: 1px solid #d6e1ee !important;
  border-bottom: 1px solid #d6e1ee !important;
  color: #08275c !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  font-weight: 900 !important;
}
.cs-template .cs-rider-delivery-history-group table td {
  background: #ffffff !important;
  border-bottom: 1px solid #d6e1ee !important;
}
.cs-template .cs-rider-delivery-history-group table tbody tr:last-child td { border-bottom: 0 !important; }

@media (min-width: 921px) {
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"].is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"].is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"][aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"][aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"].is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"].is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"][aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"][aria-current="page"] {
    background: #fff4ee !important;
    background-color: #fff4ee !important;
    border-color: #f3b8a1 !important;
    color: #f05a18 !important;
    box-shadow: none !important;
  }
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"].is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"].is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"][aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"][aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"].is-active .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"].is-active .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.rail-nav__link[data-nav-key="logistics"][aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu > a.cs-rail-menu__link[data-nav-key="logistics"][aria-current="page"] .cs-rail-menu__icon-box {
    background: #fff4ee !important;
    background-color: #fff4ee !important;
    border-color: #f3b8a1 !important;
  }
}

/* v1.0.436 - Sidebar: every active left-menu button uses the confirmed orange state, not only Rider Deliveries */
@media (min-width: 921px) {
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link[aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.rail-nav__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.cs-rail-menu__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.rail-nav__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.cs-rail-menu__link {
    background: #fff4ee !important;
    background-color: #fff4ee !important;
    border-color: #f3b8a1 !important;
    color: #f05a18 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"]:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"]:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link.is-active:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link.is-active:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link[aria-current="page"]:hover,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link[aria-current="page"]:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.rail-nav__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.cs-rail-menu__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.rail-nav__link:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.cs-rail-menu__link:hover {
    background: #fff4ee !important;
    background-color: #fff4ee !important;
    border-color: #f3b8a1 !important;
    color: #f05a18 !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link.is-active .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link[aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.rail-nav__link .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.cs-rail-menu__link .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.rail-nav__link .cs-rail-menu__icon-box,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.cs-rail-menu__link .cs-rail-menu__icon-box {
    background: #fff4ee !important;
    background-color: #fff4ee !important;
    border-color: #f3b8a1 !important;
  }
}

/* v1.0.437 - Rider Deliveries: make Recent Material Deliveries match Recent Bike Movements styling only */
body.cs-template .cs-delivery-updates,
.cs-template .cs-delivery-updates {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px 12px 14px !important;
  border: 1px solid #dce7f4 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(13, 47, 104, 0.055) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.cs-template .cs-delivery-updates > header,
.cs-template .cs-delivery-updates > header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  min-height: 30px !important;
  margin: 0 0 10px !important;
  padding: 0 18px 10px !important;
  border: 0 !important;
}

body.cs-template .cs-delivery-updates > header::after,
.cs-template .cs-delivery-updates > header::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f47a20 !important;
  opacity: 0.95 !important;
}

body.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 10px 16px 10px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(244, 122, 32, 0.35) !important;
  background: #fff8f2 !important;
  color: #f47a20 !important;
  -webkit-text-fill-color: #f47a20 !important;
  text-fill-color: #f47a20 !important;
  font-size: 0.9rem !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset !important;
}

body.cs-template .cs-delivery-updates .cs-table-wrap,
.cs-template .cs-delivery-updates .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 148px !important;
  max-height: 148px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  border: 1px solid #d2deeb !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  scrollbar-gutter: stable !important;
}

body.cs-template .cs-delivery-updates table,
.cs-template .cs-delivery-updates table {
  width: 100% !important;
  min-width: 760px !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  line-height: 1.1 !important;
}

body.cs-template .cs-delivery-updates .cs-table-wrap table thead th,
.cs-template .cs-delivery-updates .cs-table-wrap table thead th {
  background: #f4f7fb !important;
  color: #153a78 !important;
  border-bottom: 1px solid #dbe5f2 !important;
  font-size: 0.60rem !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  padding: 8px 18px !important;
}

body.cs-template .cs-delivery-updates .cs-table-wrap table thead th:first-child,
.cs-template .cs-delivery-updates .cs-table-wrap table thead th:first-child {
  border-top-left-radius: 10px !important;
}
body.cs-template .cs-delivery-updates .cs-table-wrap table thead th:last-child,
.cs-template .cs-delivery-updates .cs-table-wrap table thead th:last-child {
  border-top-right-radius: 10px !important;
}

body.cs-template .cs-delivery-updates .cs-table-wrap table tbody td,
.cs-template .cs-delivery-updates .cs-table-wrap table tbody td {
  background: #ffffff !important;
  color: #40506a !important;
  border-bottom: 1px solid #dbe5f2 !important;
  font-size: 0.74rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 7px 18px !important;
}

body.cs-template .cs-delivery-updates .cs-table-wrap table tbody tr:last-child td,
.cs-template .cs-delivery-updates .cs-table-wrap table tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.cs-template .cs-delivery-updates table th:nth-child(1),
body.cs-template .cs-delivery-updates table td:nth-child(1),
.cs-template .cs-delivery-updates table th:nth-child(1),
.cs-template .cs-delivery-updates table td:nth-child(1) { width: 14% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(2),
body.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table th:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(3),
body.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) { width: 30% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(4),
body.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) { width: 9% !important; text-align: center !important; }
body.cs-template .cs-delivery-updates table th:nth-child(5),
body.cs-template .cs-delivery-updates table td:nth-child(5),
.cs-template .cs-delivery-updates table th:nth-child(5),
.cs-template .cs-delivery-updates table td:nth-child(5) { width: 15% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(6),
body.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) { width: 14% !important; text-align: left !important; }

body.cs-template .cs-delivery-updates .cs-bike-cell,
.cs-template .cs-delivery-updates .cs-bike-cell {
  justify-content: flex-start !important;
  width: 100% !important;
}

@media (max-width: 760px) {
  body.cs-template .cs-delivery-updates > header,
  .cs-template .cs-delivery-updates > header {
    gap: 10px !important;
    padding: 0 12px 8px !important;
  }
  body.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
  .cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log {
    padding: 9px 12px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.06em !important;
  }
}


/* v1.0.438 - Rider Deliveries: Recent Material Deliveries exact visual clone of Recent Bike Movements */
body.cs-template .cs-delivery-updates,
.cs-template .cs-delivery-updates {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 0 6px !important;
  border: 1px solid #dce7f4 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(34, 46, 76, 0.08) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body.cs-template .cs-delivery-updates > header,
.cs-template .cs-delivery-updates > header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 18px 10px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  min-height: 0 !important;
}
body.cs-template .cs-delivery-updates > header::after,
.cs-template .cs-delivery-updates > header::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f47a20 !important;
  opacity: 0.95 !important;
}
body.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 10px 16px 10px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(244, 122, 32, 0.35) !important;
  background: #fff8f2 !important;
  color: #f47a20 !important;
  -webkit-text-fill-color: #f47a20 !important;
  font-size: 0.9rem !important;
  line-height: normal !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset !important;
}
body.cs-template .cs-delivery-updates .cs-table-wrap,
.cs-template .cs-delivery-updates .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 206px !important;
  max-height: 206px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable both-edges !important;
  border: 1px solid #e8eef7 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
body.cs-template .cs-delivery-updates table,
.cs-template .cs-delivery-updates table {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  line-height: normal !important;
}
body.cs-template .cs-delivery-updates th,
body.cs-template .cs-delivery-updates td,
.cs-template .cs-delivery-updates th,
.cs-template .cs-delivery-updates td {
  padding: 9px 16px !important;
  padding-left: 18px !important;
  border-bottom: 1px solid #edf2f8 !important;
  text-align: left !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.cs-template .cs-delivery-updates thead th,
body.cs-template .cs-delivery-updates .cs-table-wrap table thead th,
.cs-template .cs-delivery-updates thead th,
.cs-template .cs-delivery-updates .cs-table-wrap table thead th {
  background: #f4f7fb !important;
  color: #153a78 !important;
  border-bottom: 1px solid #dbe5f2 !important;
  font-size: 0.68rem !important;
  line-height: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  padding: 9px 16px !important;
  padding-left: 18px !important;
  white-space: nowrap !important;
}
body.cs-template .cs-delivery-updates tbody td,
body.cs-template .cs-delivery-updates .cs-table-wrap table tbody td,
.cs-template .cs-delivery-updates tbody td,
.cs-template .cs-delivery-updates .cs-table-wrap table tbody td {
  background: #ffffff !important;
  color: #34425a !important;
  border-bottom: 1px solid #edf2f8 !important;
  font-size: 0.82rem !important;
  line-height: normal !important;
  font-weight: 700 !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 9px 16px !important;
  padding-left: 18px !important;
  white-space: nowrap !important;
}
body.cs-template .cs-delivery-updates tbody tr:last-child td,
.cs-template .cs-delivery-updates tbody tr:last-child td {
  border-bottom: 0 !important;
}
body.cs-template .cs-delivery-updates thead th:first-child,
.cs-template .cs-delivery-updates thead th:first-child {
  border-top-left-radius: 14px !important;
}
body.cs-template .cs-delivery-updates thead th:last-child,
.cs-template .cs-delivery-updates thead th:last-child {
  border-top-right-radius: 14px !important;
}
body.cs-template .cs-delivery-updates table th:nth-child(1),
body.cs-template .cs-delivery-updates table td:nth-child(1),
.cs-template .cs-delivery-updates table th:nth-child(1),
.cs-template .cs-delivery-updates table td:nth-child(1) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(2),
body.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table th:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(3),
body.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) { width: 28% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(4),
body.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) { width: 8% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(5),
body.cs-template .cs-delivery-updates table td:nth-child(5),
.cs-template .cs-delivery-updates table th:nth-child(5),
.cs-template .cs-delivery-updates table td:nth-child(5) { width: 14% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(6),
body.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) { width: 14% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table td:nth-child(2),
body.cs-template .cs-delivery-updates table td:nth-child(2) *,
body.cs-template .cs-delivery-updates table td:nth-child(3),
body.cs-template .cs-delivery-updates table td:nth-child(3) *,
body.cs-template .cs-delivery-updates table td:nth-child(4),
body.cs-template .cs-delivery-updates table td:nth-child(4) *,
body.cs-template .cs-delivery-updates table td:nth-child(6),
body.cs-template .cs-delivery-updates table td:nth-child(6) *,
.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) *,
.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) *,
.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) *,
.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}
body.cs-template .cs-delivery-updates table td:nth-child(3) strong,
body.cs-template .cs-delivery-updates table td:nth-child(3) small,
.cs-template .cs-delivery-updates table td:nth-child(3) strong,
.cs-template .cs-delivery-updates table td:nth-child(3) small {
  display: inline !important;
  max-width: none !important;
  white-space: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}
body.cs-template .cs-delivery-updates .cs-bike-cell,
.cs-template .cs-delivery-updates .cs-bike-cell {
  justify-content: flex-start !important;
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
}
@media (max-width: 760px) {
  body.cs-template .cs-delivery-updates > header,
  .cs-template .cs-delivery-updates > header {
    gap: 10px !important;
    padding: 0 12px 8px !important;
  }
  body.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
  .cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log {
    padding: 9px 12px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.06em !important;
  }
}


/* v1.0.439 - Rider Deliveries: Recent Material Deliveries true clone of Recent Bike Movements */
body.cs-template .cs-app-screen--deliveries .cs-delivery-tracking-top,
body.cs-template .cs-delivery-tracking-top {
  margin-bottom: 18px !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates,
body.cs-template .cs-delivery-updates,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates,
.cs-template .cs-delivery-updates {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 10px !important;
  border: 1px solid var(--app-border, #dbe7f3) !important;
  border-top: 2px solid #d6dfeb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 35, 65, 0.04) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header,
body.cs-template .cs-delivery-updates > header,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header,
.cs-template .cs-delivery-updates > header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 12px 6px !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header::after,
body.cs-template .cs-delivery-updates > header::after,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header::after,
.cs-template .cs-delivery-updates > header::after {
  content: "" !important;
  flex: 1 1 auto !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f47a20 !important;
  opacity: 0.95 !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
body.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-delivery-updates > header > h2.cs-bike-updates__title--recent-log {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: max-content !important;
  margin: 0 !important;
  padding: 10px 16px 10px 14px !important;
  border-radius: 14px !important;
  border: 1.5px solid rgba(244, 122, 32, 0.35) !important;
  background: #fff8f2 !important;
  color: #f47a20 !important;
  -webkit-text-fill-color: #f47a20 !important;
  text-fill-color: #f47a20 !important;
  font-size: 0.90rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.9) inset !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap,
body.cs-template .cs-delivery-updates .cs-table-wrap,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap,
.cs-template .cs-delivery-updates .cs-table-wrap {
  position: relative !important;
  display: block !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  min-height: 166px !important;
  max-height: 166px !important;
  margin: 0 auto !important;
  padding: 0 0 1px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid var(--app-border, #dbe7f3) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap::before,
body.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap::after,
body.cs-template .cs-delivery-updates .cs-table-wrap::before,
body.cs-template .cs-delivery-updates .cs-table-wrap::after,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap::before,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates .cs-table-wrap::after,
.cs-template .cs-delivery-updates .cs-table-wrap::before,
.cs-template .cs-delivery-updates .cs-table-wrap::after {
  display: none !important;
  content: none !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates table,
body.cs-template .cs-delivery-updates table,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates table,
.cs-template .cs-delivery-updates table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  background: #ffffff !important;
  box-shadow: none !important;
  line-height: 1.1 !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates thead th,
body.cs-template .cs-delivery-updates thead th,
body.cs-template .cs-delivery-updates .cs-table-wrap table thead th,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates thead th,
.cs-template .cs-delivery-updates thead th,
.cs-template .cs-delivery-updates .cs-table-wrap table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  background: #f7f9fd !important;
  color: #153a78 !important;
  box-shadow: inset 0 1px 0 #cfd8e6, inset 0 -1px 0 #dde6f1 !important;
  border-bottom: 1px solid #e8eef6 !important;
  font-size: 0.60rem !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-app-screen--deliveries .cs-delivery-updates tbody td,
body.cs-template .cs-delivery-updates tbody td,
body.cs-template .cs-delivery-updates .cs-table-wrap table tbody td,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates tbody td,
.cs-template .cs-delivery-updates tbody td,
.cs-template .cs-delivery-updates .cs-table-wrap table tbody td {
  background: #ffffff !important;
  color: #34425a !important;
  border-bottom: 1px solid #e8eef6 !important;
  font-size: 0.74rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-delivery-updates thead th:first-child,
body.cs-template .cs-delivery-updates tbody td:first-child,
.cs-template .cs-delivery-updates thead th:first-child,
.cs-template .cs-delivery-updates tbody td:first-child {
  padding-left: 18px !important;
}
body.cs-template .cs-delivery-updates thead th:last-child,
body.cs-template .cs-delivery-updates tbody td:last-child,
.cs-template .cs-delivery-updates thead th:last-child,
.cs-template .cs-delivery-updates tbody td:last-child {
  padding-right: 18px !important;
}
body.cs-template .cs-delivery-updates tbody tr:last-child td,
.cs-template .cs-delivery-updates tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.cs-template .cs-delivery-updates table th:nth-child(1),
body.cs-template .cs-delivery-updates table td:nth-child(1),
.cs-template .cs-delivery-updates table th:nth-child(1),
.cs-template .cs-delivery-updates table td:nth-child(1) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(2),
body.cs-template .cs-delivery-updates table td:nth-child(2),
.cs-template .cs-delivery-updates table th:nth-child(2),
.cs-template .cs-delivery-updates table td:nth-child(2) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(3),
body.cs-template .cs-delivery-updates table td:nth-child(3),
.cs-template .cs-delivery-updates table th:nth-child(3),
.cs-template .cs-delivery-updates table td:nth-child(3) { width: 29% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(4),
body.cs-template .cs-delivery-updates table td:nth-child(4),
.cs-template .cs-delivery-updates table th:nth-child(4),
.cs-template .cs-delivery-updates table td:nth-child(4) { width: 8% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(5),
body.cs-template .cs-delivery-updates table td:nth-child(5),
.cs-template .cs-delivery-updates table th:nth-child(5),
.cs-template .cs-delivery-updates table td:nth-child(5) { width: 15% !important; text-align: left !important; }
body.cs-template .cs-delivery-updates table th:nth-child(6),
body.cs-template .cs-delivery-updates table td:nth-child(6),
.cs-template .cs-delivery-updates table th:nth-child(6),
.cs-template .cs-delivery-updates table td:nth-child(6) { width: 12% !important; text-align: left !important; }

body.cs-template .cs-delivery-updates tbody td *,
.cs-template .cs-delivery-updates tbody td * {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
}

body.cs-template .cs-delivery-updates tbody td strong,
body.cs-template .cs-delivery-updates tbody td small,
.cs-template .cs-delivery-updates tbody td strong,
.cs-template .cs-delivery-updates tbody td small {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  white-space: inherit !important;
}

body.cs-template .cs-delivery-updates .cs-bike-cell,
.cs-template .cs-delivery-updates .cs-bike-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 10px !important;
}


/* v1.0.442 - Rider Deliveries recent table: keep Bike Movements style, but expose all 6 material columns. */
.cs-template .cs-bike-updates.cs-bike-updates--material table {
  table-layout: fixed !important;
  width: 100% !important;
}
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(1),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(1) { width: 18% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(2),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(2) { width: 18% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(3),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(3) { width: 30% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(4),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(4) { width: 8% !important; text-align: center !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(5),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(5) { width: 14% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(6),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(6) { width: 12% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(n+5),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(n+5) {
  display: table-cell !important;
  visibility: visible !important;
}
.cs-template .cs-bike-updates.cs-bike-updates--material td {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* v1.0.443 - Rider Deliveries: make Quantity column fully readable while keeping all 6 columns visible. */
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(1),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(1) { width: 17% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(2),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(2) { width: 17% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(3),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(3) { width: 27% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(4),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(4) {
  width: 12% !important;
  min-width: 92px !important;
  text-align: center !important;
}
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(5),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(5) { width: 14% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(6),
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(6) { width: 13% !important; }
.cs-template .cs-bike-updates.cs-bike-updates--material th:nth-child(4) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.cs-template .cs-bike-updates.cs-bike-updates--material td:nth-child(4) .cs-rider-delivery-qty-center {
  display: inline-flex !important;
  justify-content: center !important;
  min-width: 100% !important;
}


/* v1.0.444 - Sidebar: active orange buttons must also use Ackermann orange on all internal text labels. */
@media (min-width: 921px) {
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link.is-active,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link[aria-current="page"],
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link[aria-current="page"],
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.rail-nav__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.cs-rail-menu__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.rail-nav__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.cs-rail-menu__link,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"]:hover,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"]:hover {
    color: #f05a18 !important;
  }

  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"] .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__text,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link.is-active .cs-rail-menu__text,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link.is-active .cs-rail-menu__text,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.rail-nav__link[aria-current="page"] .cs-rail-menu__text,
  html body.cs-template .side-rail .rail-nav__fallback.cs-rail-menu a.cs-rail-menu__link[aria-current="page"] .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.rail-nav__link .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a.cs-rail-menu__link .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.rail-nav__link .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a.cs-rail-menu__link .cs-rail-menu__text,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link.is-active span,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link.is-active span,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.rail-nav__link[aria-current="page"] span,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu a.cs-rail-menu__link[aria-current="page"] span,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.active > a span,
  html body.cs-template aside.side-rail nav.rail-nav .cs-rail-menu li.current > a span {
    color: #f05a18 !important;
  }
}

/* v1.0.445 - Recent material/bike movement headers: use the same Ackermann/sidebar orange everywhere. */
:root {
  --cs-ackermann-orange: #f05a18;
}

body.cs-template .cs-bike-updates > header::after,
.cs-template .cs-bike-updates > header::after,
body.cs-template .cs-app-screen--bikes .cs-bike-updates > header::after,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header::after {
  background: #f05a18 !important;
}

body.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
body.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
body.cs-template .cs-bike-updates h2,
.cs-template .cs-bike-updates h2,
body.cs-template .cs-app-screen--bikes .cs-bike-updates h2,
.cs-template .cs-app-screen--bikes .cs-bike-updates h2 {
  color: #f05a18 !important;
}

body.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
body.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log,
.cs-template .cs-app-screen--bikes .cs-bike-updates > header > h2.cs-bike-updates__title--recent-log {
  border-color: rgba(240, 90, 24, 0.35) !important;
  background: #fff7f2 !important;
}

body.cs-template .cs-bike-updates__title-icon,
.cs-template .cs-bike-updates__title-icon,
body.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon,
.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon {
  color: #f05a18 !important;
  border-color: #f05a18 !important;
}

body.cs-template .cs-bike-updates__title-icon::before,
.cs-template .cs-bike-updates__title-icon::before,
body.cs-template .cs-bike-updates__title-icon::after,
.cs-template .cs-bike-updates__title-icon::after,
body.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::before,
.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::before,
body.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::after,
.cs-template .cs-app-screen--bikes .cs-bike-updates__title-icon::after {
  background: #f05a18 !important;
}

/* CS v1.0.446 latest table uppercase fields */
.cs-template .cs-bike-updates:not(.cs-bike-updates--material) tbody td:nth-child(2),
.cs-template .cs-bike-updates:not(.cs-bike-updates--material) .cs-bike-latest-bike-name,
.cs-template .cs-bike-updates--material tbody td:nth-child(2),
.cs-template .cs-bike-updates--material .cs-rider-delivery-rider-name {
  text-transform: uppercase !important;
}

/* CS v1.0.447 - Rider delivery modal tables inherit Recent Bike Movements visual system */
.cs-template .cs-rider-delivery-history {
  --cs-ackermann-orange: #f05a18;
}

.cs-template .cs-rider-delivery-history h3 {
  margin: 0 0 14px !important;
  color: #08275c !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  letter-spacing: .26em !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

.cs-template .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-history-group--returned {
  min-width: 0 !important;
  margin: 16px 0 0 !important;
  padding: 0 0 6px !important;
  overflow: hidden !important;
  border: 1px solid #dbe3ec !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 45px rgba(34, 46, 76, 0.08) !important;
}

.cs-template .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}

.cs-template .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-history-group--returned h4 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 8px 14px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: var(--cs-ackermann-orange) !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

.cs-template .cs-rider-delivery-history-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 28px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(240, 90, 24, 0.35) !important;
  border-radius: 8px !important;
  background: #fff7f2 !important;
  color: var(--cs-ackermann-orange) !important;
  font-size: .90rem !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.cs-template .cs-rider-delivery-history-rule {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 40px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: var(--cs-ackermann-orange) !important;
  opacity: 1 !important;
}

.cs-template .cs-rider-delivery-history-group .cs-table-wrap {
  width: auto !important;
  max-width: none !important;
  max-height: 148px !important;
  min-height: 0 !important;
  margin: 2px 10px 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable both-edges !important;
  border: 1px solid #e8eef7 !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

.cs-template .cs-rider-delivery-history-group table {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  line-height: 1.1 !important;
}

.cs-template .cs-rider-delivery-history-group table th,
.cs-template .cs-rider-delivery-history-group table td {
  height: auto !important;
  padding: 5px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #edf2f8 !important;
  text-align: center !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.cs-template .cs-rider-delivery-history-group table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  background: #f8fafd !important;
  color: #0f275b !important;
  font-size: .60rem !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.cs-template .cs-rider-delivery-history-group table td {
  color: #34425a !important;
  font-size: .74rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
}

.cs-template .cs-rider-delivery-history-group table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.cs-template .cs-rider-delivery-history-group table thead th:first-child,
.cs-template .cs-rider-delivery-history-group table tbody td:first-child {
  padding-left: 12px !important;
}

.cs-template .cs-rider-delivery-history-group table thead th:last-child,
.cs-template .cs-rider-delivery-history-group table tbody td:last-child {
  padding-right: 12px !important;
}

.cs-template .cs-rider-delivery-history-group table th:nth-child(1),
.cs-template .cs-rider-delivery-history-group table td:nth-child(1) { width: 18% !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(2),
.cs-template .cs-rider-delivery-history-group table td:nth-child(2) { width: 28% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) { width: 10% !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(4),
.cs-template .cs-rider-delivery-history-group table td:nth-child(4) { width: 18% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) { width: 16% !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(6),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) { width: 10% !important; }

.cs-template .cs-rider-delivery-history-group .cs-bike-cell {
  gap: 8px !important;
  min-width: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
}

.cs-template .cs-rider-delivery-history-group .cs-bike-cell svg,
.cs-template .cs-rider-delivery-history-group .cs-bike-cell i {
  color: #2f5f9f !important;
  flex: 0 0 auto !important;
}

.cs-template .cs-rider-delivery-history-group table td:nth-child(3) > .cs-rider-delivery-qty-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) > .cs-rider-delivery-deliveredby-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) > .cs-rider-delivery-actions-center {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 500 !important;
}

.cs-template .cs-rider-delivery-history-group table td:nth-child(5) > .cs-rider-delivery-deliveredby-center::after {
  display: none !important;
  content: none !important;
}

.cs-template .cs-rider-delivery-history-group .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 auto !important;
}

.cs-template .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 7px !important;
}

@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-history-group .cs-table-wrap {
    overflow-x: auto !important;
  }
  .cs-template .cs-rider-delivery-history-group table {
    min-width: 820px !important;
  }
  .cs-template .cs-rider-delivery-history-label {
    font-size: .76rem !important;
    letter-spacing: .08em !important;
  }
}


/* CS v1.0.448 - Rider Deliveries modal: cleaner Bike Movements clone and reduced side margins */
.cs-template .cs-rider-delivery-modal__card {
  width: min(1280px, calc(100vw - 92px)) !important;
  max-width: min(1280px, calc(100vw - 92px)) !important;
  border-radius: 18px !important;
}
.cs-template .cs-rider-delivery-modal__card > header {
  padding-left: 24px !important;
  padding-right: 76px !important;
}
.cs-template .cs-rider-delivery-history {
  padding: 28px 14px 20px !important;
  margin-top: 0 !important;
}
.cs-template .cs-rider-delivery-history h3 {
  margin: 6px 0 18px !important;
  font-size: 13px !important;
  letter-spacing: .28em !important;
  color: #08275c !important;
}
.cs-template .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-history-group--returned {
  margin: 16px 0 0 !important;
  padding: 0 0 10px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 35, 65, 0.04) !important;
}
.cs-template .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}
.cs-template .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-history-group--returned h4 {
  gap: 16px !important;
  padding: 10px 12px 6px !important;
  min-height: 0 !important;
  color: #f05a18 !important;
}
.cs-template .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-label {
  min-height: 30px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(240, 90, 24, .35) !important;
  border-radius: 9px !important;
  background: #fff7f2 !important;
  color: #f05a18 !important;
  font-size: .86rem !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
}
.cs-template .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-rule {
  height: 3px !important;
  background: #f05a18 !important;
  color: #f05a18 !important;
  opacity: .95 !important;
}
.cs-template .cs-rider-delivery-history-group .cs-table-wrap {
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 auto !important;
  max-height: 166px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
  background: #ffffff !important;
}
.cs-template .cs-rider-delivery-history-group table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  background: #ffffff !important;
}
.cs-template .cs-rider-delivery-history-group table th,
.cs-template .cs-rider-delivery-history-group table td {
  padding: 6px 10px !important;
  border-bottom: 1px solid #e8eef6 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}
.cs-template .cs-rider-delivery-history-group table th {
  background: #f7f9fd !important;
  color: #153a78 !important;
  box-shadow: inset 0 1px 0 #cfd8e6, inset 0 -1px 0 #dde6f1 !important;
  font-size: .60rem !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}
.cs-template .cs-rider-delivery-history-group table td {
  color: #34425a !important;
  font-size: .74rem !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  background: #ffffff !important;
}
.cs-template .cs-rider-delivery-history-group table td strong {
  font-weight: 800 !important;
  color: #08275c !important;
}
.cs-template .cs-rider-delivery-history-group table td small,
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-type-note--consumable,
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-type-note--returnable,
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-note--expected {
  display: block !important;
  margin-top: 2px !important;
  font-size: .68rem !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
  letter-spacing: .03em !important;
}
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-type-note--consumable {
  color: #f05a18 !important;
}
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-type-note--returnable,
.cs-template .cs-rider-delivery-history-group table td .cs-rider-delivery-note--expected {
  color: #475569 !important;
}
.cs-template .cs-rider-delivery-history-group table th:nth-child(1),
.cs-template .cs-rider-delivery-history-group table td:nth-child(1) { width: 17% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(2),
.cs-template .cs-rider-delivery-history-group table td:nth-child(2) { width: 31% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(3),
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) { width: 9% !important; text-align: center !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(4),
.cs-template .cs-rider-delivery-history-group table td:nth-child(4) { width: 18% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(5),
.cs-template .cs-rider-delivery-history-group table td:nth-child(5) { width: 15% !important; text-align: left !important; }
.cs-template .cs-rider-delivery-history-group table th:nth-child(6),
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) { width: 10% !important; text-align: center !important; }
.cs-template .cs-rider-delivery-history-group table thead th:first-child,
.cs-template .cs-rider-delivery-history-group table tbody td:first-child {
  padding-left: 18px !important;
}
.cs-template .cs-rider-delivery-history-group table thead th:last-child,
.cs-template .cs-rider-delivery-history-group table tbody td:last-child {
  padding-right: 18px !important;
}
.cs-template .cs-rider-delivery-history-group .cs-bike-cell,
.cs-template .cs-rider-delivery-history-group .cs-rider-delivery-deliveredby-center {
  justify-content: flex-start !important;
}
.cs-template .cs-rider-delivery-history-group table td:nth-child(3) > .cs-rider-delivery-qty-center,
.cs-template .cs-rider-delivery-history-group table td:nth-child(6) > .cs-rider-delivery-actions-center {
  justify-content: center !important;
}
.cs-template .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 8px !important;
  border-color: #cbd9e8 !important;
  background: #ffffff !important;
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-modal__card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header {
    padding-left: 18px !important;
    padding-right: 62px !important;
  }
  .cs-template .cs-rider-delivery-history {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .cs-template .cs-rider-delivery-history-group .cs-table-wrap {
    overflow-x: auto !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
  }
  .cs-template .cs-rider-delivery-history-group table {
    min-width: 860px !important;
  }
}

/* v1.0.449 - Rider Deliveries: refined rider identity card inside modal header */
.cs-template .cs-rider-delivery-modal__card > header {
  min-height: 112px !important;
  padding: 16px 74px 16px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #d8e3f0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
  display: inline-grid !important;
  grid-template-columns: 86px minmax(150px, auto) !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
  max-width: min(520px, calc(100% - 6px)) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
  width: 86px !important;
  height: 86px !important;
  flex: 0 0 86px !important;
  border-radius: 17px !important;
  overflow: hidden !important;
  background: #f3f6fa !important;
  border: 1px solid #dbe5f1 !important;
  box-shadow: 0 6px 16px rgba(8, 39, 92, .08) !important;
}
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
.cs-template .cs-rider-delivery-modal__hero-body {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
}
.cs-template .cs-rider-delivery-rider-label {
  margin: 0 0 2px !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
  color: #8da0bd !important;
}
.cs-template .cs-rider-delivery-rider-name-split {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  display: block !important;
  margin: 0 !important;
  font-size: 25px !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first {
  color: #0b3270 !important;
}
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  color: #f05a18 !important;
}
.cs-template .cs-rider-delivery-rider-description {
  display: none !important;
}
.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
  position: absolute !important;
  top: 24px !important;
  right: 22px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid #d5e1ef !important;
  background: #f8fbff !important;
  color: #08275c !important;
  box-shadow: none !important;
}
.cs-template .cs-rider-delivery-history {
  padding-top: 28px !important;
}
@media (max-width: 860px) {
  .cs-template .cs-rider-delivery-modal__card > header {
    min-height: 98px !important;
    padding: 14px 62px 14px 18px !important;
  }
  .cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 12px !important;
    max-width: 100% !important;
  }
  .cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
    width: 72px !important;
    height: 72px !important;
    flex-basis: 72px !important;
    border-radius: 15px !important;
  }
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 20px !important;
  }
  .cs-template .cs-rider-delivery-rider-label {
    font-size: 9px !important;
    letter-spacing: .23em !important;
  }
}

/* CS v1.0.450 - Rider Deliveries modal: align history tables with Recent Material Deliveries */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 0 10px !important;
  border: 1px solid var(--app-border, #dbe7f3) !important;
  border-top: 2px solid #d6dfeb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 35, 65, 0.04) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 12px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 15px !important;
  border: 1.5px solid rgba(240, 90, 24, 0.35) !important;
  border-radius: 14px !important;
  background: #fff7f2 !important;
  color: #f05a18 !important;
  -webkit-text-fill-color: #f05a18 !important;
  font-size: 0.90rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 40px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #f05a18 !important;
  opacity: 0.95 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  position: relative !important;
  display: block !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  min-height: 0 !important;
  max-height: 166px !important;
  margin: 0 auto !important;
  padding: 0 0 1px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid var(--app-border, #dbe7f3) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
  background: #ffffff !important;
  box-shadow: none !important;
  line-height: 1.1 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  background: #f7f9fd !important;
  color: #153a78 !important;
  box-shadow: inset 0 1px 0 #cfd8e6, inset 0 -1px 0 #dde6f1 !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eef6 !important;
  font-size: 0.60rem !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td {
  background: #ffffff !important;
  color: #34425a !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eef6 !important;
  font-size: 0.74rem !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  text-align: left !important;
  vertical-align: middle !important;
  padding: 5px 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody tr:last-child td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th:first-child,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td:first-child {
  padding-left: 18px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th:last-child,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td:last-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th:last-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td:last-child {
  padding-right: 18px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(1),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(1) { width: 17% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(2),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(2) { width: 31% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(3) { width: 9% !important; text-align: center !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(4),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(4) { width: 18% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(5),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(5) { width: 15% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(6),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(6) { width: 10% !important; text-align: center !important; }

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td *,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td * {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td strong {
  color: #08275c !important;
  font-weight: 800 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td small,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td small,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-note--expected,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-note--expected {
  display: block !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
  font-weight: 400 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-type-note--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td .cs-rider-delivery-type-note--consumable {
  color: #f05a18 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-bike-cell,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-deliveredby-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-bike-cell,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-deliveredby-center {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(3) > .cs-rider-delivery-qty-center,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(6) > .cs-rider-delivery-actions-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(3) > .cs-rider-delivery-qty-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table td:nth-child(6) > .cs-rider-delivery-actions-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 auto !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 8px !important;
  border-color: #cbd9e8 !important;
  background: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state {
  margin: 8px !important;
  min-height: 70px !important;
  border: 1px dashed #cfe0f3 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
    padding: 0 12px !important;
    font-size: 0.78rem !important;
    letter-spacing: 0.06em !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    overflow-x: auto !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table {
    min-width: 860px !important;
  }
}


/* CS v1.0.451 - Rider Deliveries modal: minimal and sharper table borders */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  padding: 0 0 8px !important;
  border: 1px solid #d7e0eb !important;
  border-top: 1px solid #d7e0eb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  gap: 14px !important;
  padding: 10px 12px 7px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
  min-height: 29px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(240, 90, 24, 0.42) !important;
  border-radius: 10px !important;
  background: #fffaf6 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule {
  height: 2px !important;
  border-radius: 999px !important;
  opacity: 1 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid #d7e0eb !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th {
  background: #f8fafc !important;
  box-shadow: inset 0 -1px 0 #dde5ef !important;
  border-bottom: 1px solid #e1e8f1 !important;
  font-weight: 800 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td {
  border-bottom: 1px solid #e7edf5 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #cfdae6 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state {
  margin: 8px !important;
  border: 1px dashed #d6e1ee !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}


/* CS v1.0.452 - Rider Deliveries modal: crisp external/internal table borders with zero blur */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  padding: 0 0 8px !important;
  border: 1px solid #d4dde8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  width: calc(100% - 24px) !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid #d4dde8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table {
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table thead th {
  background: #f8fafc !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe7f0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap table tbody td {
  border: 0 !important;
  border-bottom: 1px solid #e4ebf3 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody tr:last-child td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-rider-delivery-row-actions button {
  border: 1px solid #d0d9e4 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-empty-state {
  border: 1px dashed #d4dde8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
}


/* CS v1.0.453 - Rider Deliveries: light grey background under top bar */
body.cs-template:has(.cs-app-screen--deliveries) .workspace,
body.cs-template:has(.cs-app-screen--deliveries) main.workspace,
body.cs-template:has(.cs-app-screen--deliveries) #main-content,
body.cs-template:has(.cs-app-screen--deliveries) .dashboard,
body.cs-template:has(.cs-app-screen--deliveries) .cs-app-main,
body.cs-template:has(.cs-app-screen--deliveries) .cs-app-screen,
.cs-template .cs-app-screen--deliveries,
.cs-template .cs-app-screen--deliveries .cs-app-main {
  background: #f5f7fa !important;
  background-color: #f5f7fa !important;
}

body.cs-template:has(.cs-app-screen--deliveries) .topbar,
body.cs-template:has(.cs-app-screen--deliveries) .topbar__system,
body.cs-template:has(.cs-app-screen--deliveries) .topbar__actions {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* v1.0.455 - Rider Deliveries: grey background behind List of Material title */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
  display: block !important;
  width: fit-content !important;
  max-width: calc(100% - 24px) !important;
  margin: 0 auto 18px !important;
  padding: 10px 22px 9px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 12px !important;
  background: #eef2f6 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72) !important;
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
    padding: 9px 16px 8px !important;
    max-width: calc(100% - 12px) !important;
  }
}


/* v1.0.456 - Package cleanup: obsolete historical CSS bundles removed from install zip. */


/* v1.0.458 - Rider Deliveries: Option 5 Sidebar accent for List of Material title. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 18px !important;
  padding: 13px 22px 12px 34px !important;
  text-align: left !important;
  border: 1px solid #c7d3e1 !important;
  border-left: 10px solid #f15a24 !important;
  border-radius: 13px !important;
  background: #e9eef5 !important;
  color: #08275c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 1px 0 rgba(8,39,92,0.05) !important;
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
    padding: 11px 16px 10px 24px !important;
    border-left-width: 8px !important;
    border-radius: 12px !important;
  }
}


/* v1.0.459 - Rider Deliveries: Alternative 2 integrated List of Material area. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history {
  margin: 0 26px 28px !important;
  padding: 18px 18px 20px !important;
  border: 1px solid #d3deeb !important;
  border-radius: 18px !important;
  background: #f3f6f9 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 18px !important;
  padding: 13px 28px 12px !important;
  text-align: left !important;
  border: 1px solid #bdcbdc !important;
  border-left: 0 !important;
  border-radius: 13px !important;
  background: #e6edf5 !important;
  color: #08275c !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 1px 0 rgba(8,39,92,0.04) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  margin-top: 16px !important;
  padding: 10px 10px 12px !important;
  border: 1px solid #b9c9dc !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(240,90,24,.40) !important;
  border-radius: 10px !important;
  background: #fffaf6 !important;
  color: #f15a24 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule {
  display: block !important;
  flex: 1 1 auto !important;
  height: 3px !important;
  min-width: 40px !important;
  border-radius: 999px !important;
  background: #f15a24 !important;
  opacity: 1 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid #ccd8e6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history {
    margin: 0 16px 22px !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
    padding: 11px 16px 10px !important;
    border-radius: 12px !important;
  }
}

/* v1.0.460 - Rider Deliveries: apply Template 2 / Integrated material area. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history {
  margin: 0 26px 28px !important;
  padding: 18px 18px 20px !important;
  border: 1px solid #d3deeb !important;
  border-radius: 18px !important;
  background: #f3f6f9 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 0 18px !important;
  padding: 14px 28px 13px !important;
  text-align: left !important;
  border: 1px solid #bdcbdc !important;
  border-left: 0 !important;
  border-radius: 13px !important;
  background: #e6edf5 !important;
  color: #08275c !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  margin-top: 16px !important;
  padding: 10px 10px 12px !important;
  border: 1px solid #b9c9dc !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 18px 0 24px !important;
  border: 1px solid #c8d5e3 !important;
  border-left: 7px solid #f15a24 !important;
  border-radius: 10px !important;
  background: #e7eef6 !important;
  color: #08275c !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .045em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule { display: none !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid #ccd8e6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table thead th {
  min-height: 34px !important;
  height: 34px !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: #0b3472 !important;
  color: #ffffff !important;
  letter-spacing: .08em !important;
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history { margin: 0 14px 22px !important; padding: 14px !important; border-radius: 16px !important; }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 { padding: 11px 16px 10px !important; border-radius: 12px !important; }
}


/* v1.0.461 - Rider Deliveries: refine Template 2 integrated material area.
   Compact grey section bars, left aligned titles, cleaner spacing and borders. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history {
  margin: 0 26px 28px !important;
  padding: 14px 14px 16px !important;
  border: 1px solid #d4deeb !important;
  border-radius: 18px !important;
  background: #f3f6f9 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.78) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history h3 {
  min-height: 42px !important;
  margin: 0 0 12px !important;
  padding: 12px 26px 11px !important;
  border: 1px solid #bdcbdc !important;
  border-radius: 13px !important;
  background: #e6edf5 !important;
  color: #08275c !important;
  text-align: left !important;
  letter-spacing: .18em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  margin-top: 12px !important;
  padding: 9px 9px 10px !important;
  border: 1px solid #b9c9dc !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group:first-of-type {
  margin-top: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 {
  display: block !important;
  width: 100% !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 30px !important;
  box-sizing: border-box !important;
  padding: 0 16px 0 20px !important;
  border: 1px solid #c8d5e3 !important;
  border-left: 7px solid #f15a24 !important;
  border-radius: 9px !important;
  background: #e7eef6 !important;
  color: #08275c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .095em !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-rule {
  display: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group .cs-table-wrap {
  border: 1px solid #ccd8e6 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table thead th {
  min-height: 32px !important;
  height: 32px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group table tbody td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history {
    margin: 0 16px 22px !important;
    padding: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-label {
    min-height: 30px !important;
    padding-left: 16px !important;
    font-size: 11px !important;
  }
}

/* v1.0.462 - Rider Deliveries Operations Panel */
.cs-template .cs-rider-delivery-history--operations{
  margin:18px 18px 0;
  padding:0;
  border:1px solid #d6e1ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 34px rgba(8,39,92,.06);
  overflow:hidden;
}
.cs-template .cs-rider-delivery-operations-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px 22px 18px;
  background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%);
  border-bottom:1px solid #e2eaf5;
}
.cs-template .cs-rider-delivery-operations-head h3{
  margin:0;
  color:#08275c;
  font-size:16px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.cs-template .cs-rider-delivery-operations-head p{
  margin:5px 0 0;
  color:#64748b;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
}
.cs-template .cs-rider-delivery-operations-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(92px,1fr));
  gap:8px;
  min-width:min(520px,100%);
}
.cs-template .cs-rider-delivery-operations-summary span{
  display:flex;
  min-height:58px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #dbe5f2;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 16px rgba(8,39,92,.04);
}
.cs-template .cs-rider-delivery-operations-summary strong{
  color:#08275c;
  font-size:22px;
  font-weight:900;
  line-height:1;
}
.cs-template .cs-rider-delivery-operations-summary em{
  color:#08275c;
  font-style:normal;
  font-size:9px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
}
.cs-template .cs-rider-delivery-operations-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,260px);
  gap:12px;
  align-items:center;
  padding:14px 22px;
  border-bottom:1px solid #e2eaf5;
  background:#fbfdff;
}
.cs-template .cs-rider-delivery-filter-group{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.cs-template .cs-rider-delivery-filter-group button{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #d6e1ef;
  border-radius:12px;
  background:#fff;
  color:#08275c;
  padding:9px 12px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(8,39,92,.04);
}
.cs-template .cs-rider-delivery-filter-group button b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  border-radius:999px;
  background:#eef4fb;
  color:#08275c;
  font-size:10px;
  font-weight:900;
  letter-spacing:0;
}
.cs-template .cs-rider-delivery-filter-group button.is-active{
  border-color:#08275c;
  background:#08275c;
  color:#fff;
}
.cs-template .cs-rider-delivery-filter-group button.is-active b{
  background:#fff;
  color:#08275c;
}
.cs-template .cs-rider-delivery-operations-search{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #d6e1ef;
  border-radius:12px;
  background:#fff;
  padding:0 10px;
  min-height:38px;
}
.cs-template .cs-rider-delivery-operations-search span{
  color:#6f86a9;
  font-size:17px;
  line-height:1;
}
.cs-template .cs-rider-delivery-operations-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#08275c;
  font:inherit;
  font-size:12px;
  font-weight:700;
}
.cs-template .cs-rider-delivery-operations-search input::placeholder{color:#94a3b8;}
.cs-template .cs-rider-delivery-operations-table{
  margin:0;
  border:0;
  border-radius:0;
  background:#fff;
  overflow:auto;
}
.cs-template .cs-rider-delivery-operations-table table{
  margin:0;
  border:0;
  border-radius:0;
  min-width:1040px;
}
.cs-template .cs-rider-delivery-operations-table thead th{
  background:#f4f7fb;
  color:#08275c;
  border-bottom:1px solid #dbe5f2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.cs-template .cs-rider-delivery-operations-table tbody td{
  border-bottom:1px solid #e8eef6;
  background:#fff;
  vertical-align:middle;
}
.cs-template .cs-rider-delivery-operations-table tbody tr:hover td{background:#fbfdff;}
.cs-template .cs-rider-delivery-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  border-radius:999px;
  padding:6px 10px;
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.cs-template .cs-rider-delivery-status--consumable{background:#e8f7ed;color:#1f7a3b;border:1px solid #c8ecd3;}
.cs-template .cs-rider-delivery-status--returnable{background:#fff0e8;color:#f05a1a;border:1px solid #ffd5c2;}
.cs-template .cs-rider-delivery-status--returned{background:#eaf2ff;color:#1f5ea8;border:1px solid #c9dcfb;}
.cs-template .cs-rider-delivery-history--operations .cs-empty-state{margin:14px 18px;}
.cs-template .cs-rider-delivery-history--operations tr[hidden]{display:none!important;}
@media(max-width:1100px){
  .cs-template .cs-rider-delivery-operations-head{grid-template-columns:1fr;}
  .cs-template .cs-rider-delivery-operations-summary{min-width:0;}
  .cs-template .cs-rider-delivery-operations-toolbar{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .cs-template .cs-rider-delivery-history--operations{margin:14px 12px 0;border-radius:15px;}
  .cs-template .cs-rider-delivery-operations-head{padding:16px;}
  .cs-template .cs-rider-delivery-operations-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .cs-template .cs-rider-delivery-operations-toolbar{padding:12px 16px;}
  .cs-template .cs-rider-delivery-filter-group button{flex:1 1 145px;}
}

/* v1.0.463 - Rider Deliveries Alternative 13: Grouped by Status */
.cs-template .cs-rider-delivery-history--grouped {
  padding: 20px 26px 28px;
  background: #fff;
}
.cs-template .cs-rider-delivery-grouped-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
.cs-template .cs-rider-delivery-grouped-head h3 {
  margin: 0 0 5px;
  color: #08275c;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.cs-template .cs-rider-delivery-grouped-head p {
  margin: 0;
  color: #60708f;
  font-size: 12px;
  font-weight: 700;
}
.cs-template .cs-rider-delivery-grouped-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(96px, 1fr));
  gap: 10px;
  min-width: 360px;
}
.cs-template .cs-rider-delivery-grouped-summary__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 62px;
  border: 1px solid #d8e4f2;
  border-radius: 13px;
  background: linear-gradient(180deg, #fff, #f8fbff);
  box-shadow: 0 8px 18px rgba(8, 39, 92, .06);
}
.cs-template .cs-rider-delivery-grouped-summary__item strong {
  color: #08275c;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
}
.cs-template .cs-rider-delivery-grouped-summary__item em {
  margin-top: 7px;
  color: #08275c;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cs-template .cs-rider-delivery-grouped-summary__item--consumable strong,
.cs-template .cs-rider-delivery-history-group--consumable h4 b { color: #168142; }
.cs-template .cs-rider-delivery-grouped-summary__item--returnable strong,
.cs-template .cs-rider-delivery-history-group--returnable h4 b { color: #f25a1d; }
.cs-template .cs-rider-delivery-grouped-summary__item--returned strong,
.cs-template .cs-rider-delivery-history-group--returned h4 b { color: #2268b5; }
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  margin: 0 0 14px;
  padding: 0;
  border: 1px solid #ccdbeb;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 9px 20px rgba(8, 39, 92, .055);
}
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group:last-child {
  margin-bottom: 0;
}
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 36px;
  margin: 0;
  padding: 0 14px 0 24px;
  border-bottom: 1px solid #d4e1ef;
  background: #eaf1f8;
  color: #08275c;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
  position: relative;
}
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 7px;
}
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group--consumable h4::before { background: #168142; }
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group--returnable h4::before { background: #f25a1d; }
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group--returned h4::before { background: #2268b5; }
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #d4e1ef;
  font-size: 11px;
  letter-spacing: 0;
}
.cs-template .cs-rider-delivery-history--grouped .cs-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0;
}
.cs-template .cs-rider-delivery-history--grouped table {
  border-radius: 0 !important;
  overflow: hidden;
}
.cs-template .cs-rider-delivery-history--grouped table thead th {
  background: #f8fbff !important;
  color: #08275c !important;
  border-bottom: 1px solid #dde7f1 !important;
  font-size: 10px !important;
  letter-spacing: .16em !important;
}
.cs-template .cs-rider-delivery-history--grouped table tbody tr + tr td {
  border-top: 1px solid #edf2f8;
}
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-row--returned-archive {
  opacity: .7;
}
@media (max-width: 900px) {
  .cs-template .cs-rider-delivery-grouped-head { flex-direction: column; }
  .cs-template .cs-rider-delivery-grouped-summary { width: 100%; min-width: 0; }
}
@media (max-width: 760px) {
  .cs-template .cs-rider-delivery-history--grouped { padding: 16px; }
  .cs-template .cs-rider-delivery-grouped-summary { grid-template-columns: 1fr; }
}

/* v1.0.464 - Rider Deliveries Alternative 13 refined: grouped compact premium layout */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  margin: 0 26px 24px !important;
  padding: 16px 18px 18px !important;
  border: 1px solid #d9e4f0 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 26px rgba(8,39,92,.045) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  align-items: center !important;
  gap: 20px !important;
  margin-bottom: 14px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child {
  flex: 1 1 auto !important;
  min-width: 280px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 285px !important;
  min-height: 40px !important;
  margin: 0 0 10px !important;
  padding: 0 24px !important;
  border: 1px solid #c9d7e7 !important;
  border-radius: 12px !important;
  background: #e7eef6 !important;
  color: #08275c !important;
  font-size: 13px !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p {
  color: #667691 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  grid-template-columns: repeat(3, minmax(104px, 1fr)) !important;
  gap: 10px !important;
  min-width: 380px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item {
  min-height: 58px !important;
  border-color: #d6e2ef !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8,39,92,.045), inset 0 1px 0 rgba(255,255,255,.85) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong {
  font-size: 22px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em {
  margin-top: 7px !important;
  font-size: 9px !important;
  letter-spacing: .105em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 1px solid #d4e0ec !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 7px 16px rgba(8,39,92,.035) !important;
  overflow: hidden !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 {
  min-height: 34px !important;
  padding: 0 16px 0 28px !important;
  border-bottom: 1px solid #dbe6f1 !important;
  background: linear-gradient(180deg, #f7fafd 0%, #eef4fa 100%) !important;
  font-size: 11px !important;
  letter-spacing: .145em !important;
  line-height: 1 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before {
  left: 10px !important;
  top: 7px !important;
  bottom: 7px !important;
  width: 4px !important;
  border-radius: 999px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 span {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 6px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 b {
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 7px !important;
  border-color: #d6e2ef !important;
  font-size: 10px !important;
  background: #ffffff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th {
  height: 31px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background: #fbfdff !important;
  border-bottom: 1px solid #e4edf6 !important;
  color: #08275c !important;
  font-size: 9px !important;
  letter-spacing: .18em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-top: 0 !important;
  background: #ffffff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr + tr td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr + tr td {
  border-top: 1px solid #edf3f8 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  min-height: 58px !important;
  margin: 8px 12px 12px !important;
  padding: 14px 18px !important;
  border: 1px dashed #d7e3ef !important;
  border-radius: 12px !important;
  background: #fbfdff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong {
  font-size: 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span {
  font-size: 11px !important;
}
@media (max-width: 900px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
    margin: 0 14px 20px !important;
    padding: 14px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* v1.0.465 - Rider Deliveries Alternative 13 compact final: lighter title, tighter grouped sections, slimmer table headers and lower empty state. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  margin: 0 26px 20px !important;
  padding: 13px 16px 14px !important;
  border-color: #dde7f2 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(8,39,92,.035) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  align-items: flex-start !important;
  gap: 18px !important;
  margin-bottom: 11px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
  display: inline-flex !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-bottom: 2px solid #d7e2ef !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #08275c !important;
  font-size: 13px !important;
  letter-spacing: .18em !important;
  line-height: 1.15 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p {
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #6c7b93 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  gap: 8px !important;
  min-width: 360px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item {
  min-height: 50px !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 14px rgba(8,39,92,.035) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong {
  font-size: 20px !important;
  line-height: 1 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em {
  margin-top: 5px !important;
  font-size: 8px !important;
  letter-spacing: .11em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  margin-bottom: 9px !important;
  border-radius: 13px !important;
  box-shadow: 0 5px 13px rgba(8,39,92,.028) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 {
  min-height: 29px !important;
  padding: 0 14px 0 25px !important;
  background: #f4f8fc !important;
  border-bottom-color: #e5edf6 !important;
  font-size: 10px !important;
  letter-spacing: .15em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before {
  left: 9px !important;
  top: 6px !important;
  bottom: 6px !important;
  width: 3px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 span {
  padding-left: 3px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 b {
  min-width: 19px !important;
  height: 18px !important;
  padding: 0 6px !important;
  font-size: 9px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th {
  height: 27px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  background: #fbfdff !important;
  border-bottom-color: #e8eff7 !important;
  font-size: 8px !important;
  letter-spacing: .17em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  min-height: 42px !important;
  margin: 6px 10px 9px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  background: #fcfdff !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong {
  font-size: 11px !important;
  line-height: 1.15 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span {
  margin-top: 3px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
@media (max-width: 900px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
    gap: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    min-width: 0 !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
    margin: 0 14px 18px !important;
    padding: 12px !important;
  }
}


/* v1.0.466 - Rider Deliveries grouped compact final micro-spacing: reduced gap above material list and better integrated summary counters. */
body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
  padding-top: 0 !important;
  margin-top: -6px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  padding-top: 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child {
  flex: 1 1 auto !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
  width: 100% !important;
  margin-bottom: 6px !important;
  padding-bottom: 7px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  align-self: center !important;
  gap: 7px !important;
  min-width: 348px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item {
  min-height: 46px !important;
  padding: 7px 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong {
  font-size: 19px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em {
  margin-top: 4px !important;
}
@media (max-width: 900px) {
  body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
    margin-top: -2px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
    align-items: stretch !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    min-width: 0 !important;
  }
}

/* v1.0.467 - Rider Deliveries grouped compact final spacing fix.
   Lower summary counters slightly and restore breathing room below the List of Material title,
   while keeping the material groups compact. */
body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
  margin-top: -2px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  padding-top: 14px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 13px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
  margin-bottom: 8px !important;
  padding-bottom: 8px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  align-self: flex-start !important;
  margin-top: 4px !important;
  min-width: 348px !important;
}
@media (max-width: 900px) {
  body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
    margin-top: 0 !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    margin-top: 0 !important;
    min-width: 0 !important;
  }
}

/* v1.0.468 - Rider Deliveries: flat list style, no inner table effect.
   Keep the grouped status structure but remove the visible spreadsheet/table layer. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 5px 14px rgba(8,39,92,.026) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 {
  border-bottom: 0 !important;
  background: #f3f7fb !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  margin: 0 !important;
  padding: 0 10px 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead {
  display: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
  display: grid !important;
  grid-template-columns: minmax(155px, .95fr) minmax(240px, 1.8fr) minmax(58px, .45fr) minmax(185px, 1.15fr) minmax(150px, .9fr) minmax(86px, auto) !important;
  align-items: center !important;
  column-gap: 16px !important;
  min-height: 50px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-top: 1px solid #edf3f8 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:first-child {
  border-top: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan] {
  grid-column: 1 / -1 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr + tr td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr + tr td {
  border-top: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell {
  min-height: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  min-height: 38px !important;
  margin: 4px 0 2px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong {
  font-size: 11px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span {
  margin-top: 2px !important;
  font-size: 10px !important;
}
@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: minmax(135px, .9fr) minmax(200px, 1.6fr) minmax(48px, .4fr) minmax(145px, 1fr) minmax(115px, .8fr) minmax(76px, auto) !important;
    column-gap: 10px !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
    padding: 0 8px 8px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: 1fr auto !important;
    row-gap: 6px !important;
    column-gap: 10px !important;
    padding: 10px 0 !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5) {
    grid-column: 1 / 2 !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(6),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(6) {
    grid-column: 2 / 3 !important;
    justify-self: end !important;
  }
}

/* v1.0.469 - Rider Deliveries: flat list fixed layout.
   Keep the no-table visual direction, but restore stable alignment and readable row content. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  margin: 0 !important;
  padding: 0 12px 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead {
  display: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody {
  display: table-row-group !important;
  width: 100% !important;
  background: transparent !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
  display: table-row !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td {
  display: table-cell !important;
  height: 45px !important;
  padding: 8px 11px !important;
  border: 0 !important;
  border-top: 1px solid #edf3f8 !important;
  background: transparent !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:first-child td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:first-child td {
  border-top: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1) {
  width: 18% !important;
  text-align: left !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2) {
  width: 32% !important;
  text-align: left !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3) {
  width: 8% !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4) {
  width: 18% !important;
  text-align: left !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5) {
  width: 14% !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6) {
  width: 10% !important;
  text-align: right !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-height: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell span {
  display: inline !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped td:nth-child(2) strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped td:nth-child(2) strong {
  display: block !important;
  margin-bottom: 2px !important;
  color: #08275c !important;
  line-height: 1.1 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-type-note {
  display: block !important;
  line-height: 1.18 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  width: auto !important;
  margin-left: auto !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan] {
  display: table-cell !important;
  width: 100% !important;
  padding: 13px 10px 14px !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}
@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
    overflow-x: auto !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
    min-width: 760px !important;
  }
}

/* v1.0.470 - Rider Deliveries: flat compact cards.
   Keep the no-table direction but make each material row feel like a compact horizontal card. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  background: #f8fbfe !important;
  border-color: #cbd9ea !important;
  box-shadow: 0 8px 18px rgba(8,39,92,.035) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4 {
  min-height: 30px !important;
  padding: 7px 12px 7px 24px !important;
  background: #eef4fa !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  padding: 8px 10px 10px !important;
  background: transparent !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody {
  display: block !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
  display: grid !important;
  grid-template-columns: minmax(150px,.9fr) minmax(270px,1.45fr) 54px minmax(160px,.82fr) minmax(130px,.72fr) minmax(96px,auto) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid #e2ebf5 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(8,39,92,.032) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr + tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr + tr {
  margin-top: 8px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1) {
  font-size: 12px !important;
  color: #435a78 !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2) {
  min-width: 0 !important;
  white-space: normal !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped td:nth-child(2) strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped td:nth-child(2) strong {
  margin-bottom: 1px !important;
  font-size: 12px !important;
  letter-spacing: .015em !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-type-note {
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3) {
  text-align: center !important;
  font-weight: 700 !important;
  color: #08275c !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5) {
  color: #243a60 !important;
  font-size: 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell {
  gap: 7px !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-bike-cell span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions {
  gap: 6px !important;
  justify-content: flex-end !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td[colspan] {
  grid-column: 1 / -1 !important;
  display: block !important;
  padding: 0 !important;
  width: auto !important;
  overflow: visible !important;
  white-space: normal !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:has(td[colspan]),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr:has(td[colspan]) {
  min-height: 42px !important;
  padding: 8px 12px !important;
  background: #ffffff !important;
  border-style: dashed !important;
  box-shadow: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  min-height: 34px !important;
  padding: 4px 10px !important;
  border: 0 !important;
  background: transparent !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong {
  font-size: 11px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span {
  margin-top: 2px !important;
  font-size: 10px !important;
}
@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: minmax(135px,.9fr) minmax(230px,1.4fr) 48px minmax(130px,.78fr) minmax(108px,.68fr) minmax(88px,auto) !important;
    column-gap: 9px !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: 1fr auto !important;
    row-gap: 6px !important;
    padding: 9px 10px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(1),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(2),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(4),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(5) {
    grid-column: 1 / 2 !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(3),
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(6),
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody td:nth-child(6) {
    grid-column: 2 / 3 !important;
    justify-self: end !important;
  }
}

/* v1.0.471 - Rider Deliveries: restore descriptive title bar above compact material rows. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead {
  display: block !important;
  width: 100% !important;
  margin: 0 0 6px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead tr {
  display: grid !important;
  grid-template-columns: minmax(150px,.9fr) minmax(270px,1.45fr) 54px minmax(160px,.82fr) minmax(130px,.72fr) minmax(96px,auto) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 32px !important;
  padding: 7px 12px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 11px !important;
  background: #f1f6fb !important;
  box-shadow: inset 0 -1px 0 rgba(8,39,92,.025) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #08275c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .095em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead th:nth-child(6) {
  text-align: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
  grid-template-columns: minmax(150px,.9fr) minmax(270px,1.45fr) 54px minmax(160px,.82fr) minmax(130px,.72fr) minmax(96px,auto) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-actions-center,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions {
  width: 100% !important;
  justify-content: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions button,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead tr,
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: minmax(135px,.9fr) minmax(230px,1.4fr) 48px minmax(130px,.78fr) minmax(108px,.68fr) minmax(88px,auto) !important;
    column-gap: 9px !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped thead {
    display: none !important;
  }
}

/* v1.0.472 - Rider Deliveries: fix title/header bar labels.
   The earlier title bar was being overruled by older, more specific table header styles,
   causing the labels to appear as tiny clipped blocks. This block uses the same grid as
   the compact material cards, but fully resets the table TH styling. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead {
  display: block !important;
  width: 100% !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead tr {
  display: grid !important;
  grid-template-columns: minmax(126px,.72fr) minmax(320px,1.72fr) minmax(64px,.38fr) minmax(180px,1fr) minmax(150px,.82fr) minmax(94px,.55fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 34px !important;
  width: 100% !important;
  padding: 8px 12px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 12px !important;
  background: #f1f6fb !important;
  box-shadow: inset 0 -1px 0 rgba(8,39,92,.03) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #08275c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead th:nth-child(6) {
  justify-content: center !important;
  text-align: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
  grid-template-columns: minmax(126px,.72fr) minmax(320px,1.72fr) minmax(64px,.38fr) minmax(180px,1fr) minmax(150px,.82fr) minmax(94px,.55fr) !important;
}

@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
    overflow-x: auto !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
    min-width: 820px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead tr,
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped tbody tr {
    grid-template-columns: 118px 280px 58px 158px 130px 82px !important;
    column-gap: 10px !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead {
    display: none !important;
  }
}


/* v1.0.473 - Rider Deliveries: real title bar for compact grouped rows.
   Use a normal div above the table so labels are never clipped by old table TH rules. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead {
  display: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
  display: grid !important;
  grid-template-columns: minmax(126px,.72fr) minmax(320px,1.72fr) minmax(64px,.38fr) minmax(180px,1fr) minmax(150px,.82fr) minmax(94px,.55fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 34px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 7px !important;
  padding: 8px 12px !important;
  border: 1px solid #dbe7f3 !important;
  border-radius: 12px !important;
  background: #f1f6fb !important;
  box-shadow: inset 0 -1px 0 rgba(8,39,92,.03) !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span {
  display: block !important;
  min-width: 0 !important;
  color: #08275c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: .075em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(6) {
  text-align: center !important;
}
@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
    grid-template-columns: 118px 280px 58px 158px 130px 82px !important;
    column-gap: 10px !important;
    min-width: 820px !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
    display: none !important;
  }
}

/* v1.0.474 - Rider Deliveries: detach List of Material from top bar and remove external table border. */
body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
  margin-top: 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  border: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}


/* v1.0.475 - Rider Deliveries: smaller cards and 4-up desktop grid when space allows. */
.cs-template .cs-delivery-rider-grid {
  grid-template-columns: repeat(4, minmax(235px, 1fr)) !important;
  gap: 16px !important;
}

.cs-template .cs-delivery-rider-card {
  grid-template-columns: 33% minmax(0, 1fr) !important;
  grid-template-rows: minmax(76px, auto) auto auto !important;
  min-height: 138px !important;
  border-radius: 14px !important;
}

.cs-template .cs-delivery-rider-card::after {
  inset: auto 14px 0 14px !important;
}

.cs-template .cs-delivery-rider-card__photo {
  min-height: 138px !important;
}

.cs-template .cs-delivery-rider-card__photo::after {
  right: 8px !important;
  bottom: 8px !important;
  width: 28px !important;
  height: 28px !important;
}

.cs-template .cs-delivery-rider-card__identity {
  padding: 14px 16px 4px !important;
}

.cs-template .cs-delivery-rider-card__name {
  padding-top: 10px !important;
}

.cs-template .cs-delivery-rider-card__name::before {
  font-size: .54rem !important;
}

.cs-template .cs-delivery-rider-card__first {
  font-size: .98rem !important;
}

.cs-template .cs-delivery-rider-card__last {
  font-size: .96rem !important;
}

.cs-template .cs-delivery-rider-card__divider {
  margin: 0 16px !important;
}

.cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
  min-height: 34px !important;
  padding: 7px 16px 12px !important;
  font-size: .79rem !important;
}

.cs-template .cs-delivery-rider-card__button-trail {
  width: 24px !important;
  height: 24px !important;
  font-size: 1.06rem !important;
}

@media (max-width: 1520px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(3, minmax(250px, 1fr)) !important;
  }
}

@media (max-width: 1160px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: repeat(2, minmax(250px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .cs-template .cs-delivery-rider-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  .cs-template .cs-delivery-rider-card {
    grid-template-columns: 33% minmax(0, 1fr) !important;
    min-height: 132px !important;
  }

  .cs-template .cs-delivery-rider-card__photo {
    min-height: 132px !important;
  }

  .cs-template .cs-delivery-rider-card__identity {
    padding: 12px 12px 4px !important;
  }

  .cs-template .cs-delivery-rider-card__first {
    font-size: .92rem !important;
  }

  .cs-template .cs-delivery-rider-card__last {
    font-size: .9rem !important;
  }

  .cs-template .cs-delivery-rider-card__button.cs-delivery-rider-card__button--option1 {
    padding: 7px 12px 10px !important;
    font-size: .76rem !important;
  }
}

/* v1.0.477 - Rider Deliveries: Option 1 Moderno Minimal applied to the rider material modal.
   Clean white surface, compact rider header, subtle bordered groups, light title bars and
   green/orange/blue status accents matching the selected visual direction. */
body.cs-template .cs-rider-delivery-modal,
.cs-template .cs-rider-delivery-modal {
  padding: 22px !important;
}

body.cs-template .cs-rider-delivery-modal .cs-bike-movement-modal__backdrop,
.cs-template .cs-rider-delivery-modal .cs-bike-movement-modal__backdrop {
  background: rgba(8, 25, 55, .34) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}

body.cs-template .cs-rider-delivery-modal__card,
.cs-template .cs-rider-delivery-modal__card {
  width: min(1260px, calc(100vw - 72px)) !important;
  max-width: min(1260px, calc(100vw - 72px)) !important;
  max-height: min(91vh, 920px) !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(8, 39, 92, .16) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.cs-template .cs-rider-delivery-modal__card > header,
.cs-template .cs-rider-delivery-modal__card > header {
  min-height: 96px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 66px 16px 28px !important;
  border-bottom: 1px solid #dbe6f2 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: none !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
body.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero,
.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
}

body.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar,
.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
  width: 74px !important;
  height: 74px !important;
  flex-basis: 74px !important;
  border-radius: 16px !important;
  border: 1px solid #e2ebf5 !important;
  background: #f5f8fc !important;
  box-shadow: 0 8px 18px rgba(8, 39, 92, .09) !important;
}

body.cs-template .cs-rider-delivery-rider-label,
.cs-template .cs-rider-delivery-rider-label {
  color: #8aa0bd !important;
  font-size: 10px !important;
  letter-spacing: .30em !important;
  font-weight: 900 !important;
}

body.cs-template .cs-rider-delivery-rider-name-split,
.cs-template .cs-rider-delivery-rider-name-split {
  gap: 2px !important;
}

body.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
body.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
  font-size: 24px !important;
  line-height: .98 !important;
  letter-spacing: -0.035em !important;
  font-weight: 900 !important;
}

body.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close],
.cs-template .cs-rider-delivery-modal__card > header > button[data-cs-rider-delivery-close] {
  top: 24px !important;
  right: 24px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #d7e3f0 !important;
  border-radius: 10px !important;
  background: #f9fbfe !important;
  color: #0b3270 !important;
  box-shadow: 0 6px 14px rgba(8, 39, 92, .06) !important;
}

body.cs-template .cs-rider-delivery-modal__card > form,
body.cs-template .cs-rider-delivery-modal__card > header + form,
body.cs-template .cs-rider-delivery-modal__card > header + form + .cs-rider-delivery-history,
body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history,
body.cs-template .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card > form,
.cs-template .cs-rider-delivery-modal__card > header + form,
.cs-template .cs-rider-delivery-modal__card > header + form + .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history,
.cs-template .cs-rider-delivery-history {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
  margin: 0 !important;
  padding: 22px 28px 28px !important;
  border: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3 {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 0 11px !important;
  color: #08275c !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .28em !important;
  text-transform: uppercase !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3::after,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 1px !important;
  background: #cbd9e8 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head p {
  margin: 0 !important;
  color: #6f819d !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  align-self: flex-start !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(100px, 1fr)) !important;
  gap: 9px !important;
  min-width: 0 !important;
  width: min(372px, 42vw) !important;
  margin-top: -2px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item {
  min-height: 44px !important;
  padding: 7px 10px !important;
  border: 1px solid #d5e1ef !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(8, 39, 92, .035) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item strong {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em {
  margin-top: 4px !important;
  color: #08275c !important;
  font-size: 8px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--consumable strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--consumable strong { color: #168947 !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable strong { color: #f05a18 !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong { color: #1d75bb !important; }

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned {
  margin: 0 0 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(8, 39, 92, .035) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group:last-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group:last-child {
  margin-bottom: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 {
  position: relative !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 14px 0 27px !important;
  border: 0 !important;
  border-bottom: 1px solid #e3edf7 !important;
  background: #f7fafe !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group h4::before,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4::before {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 span {
  color: currentColor !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border: 1px solid #d5e1ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: currentColor !important;
  font-size: 9px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4 { color: #168947 !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4 { color: #f05a18 !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 { color: #1d75bb !important; }

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 11px 12px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
  display: grid !important;
  grid-template-columns: minmax(126px,.72fr) minmax(320px,1.72fr) minmax(64px,.38fr) minmax(180px,1fr) minmax(150px,.82fr) minmax(94px,.55fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 32px !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 0 7px !important;
  padding: 7px 12px !important;
  border: 1px solid #dbe6f2 !important;
  border-radius: 10px !important;
  background: #f5f8fc !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span {
  color: #08275c !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span:nth-child(6) {
  text-align: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table thead {
  display: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody {
  display: table-row-group !important;
  width: 100% !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr:has(td[colspan]),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr:has(td[colspan]) {
  display: table-row !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td {
  display: table-cell !important;
  height: 44px !important;
  padding: 8px 11px !important;
  border: 0 !important;
  border-top: 1px solid #edf3f8 !important;
  background: #ffffff !important;
  color: #34425a !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr:first-child td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody tr:first-child td {
  border-top: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan] {
  padding: 0 !important;
  text-align: center !important;
  background: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1) { width: 13.5% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2) { width: 34.5% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3) { width: 7% !important; text-align: center !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4) { width: 19% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5) { width: 16% !important; text-align: left !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6) { width: 10% !important; text-align: center !important; white-space: nowrap !important; }

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 54px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border: 1px dashed #e2ebf5 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state strong {
  color: #08275c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state span {
  margin-top: 4px !important;
  color: #71839e !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions button,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-row-actions button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 8px !important;
  border-color: #d5e1ef !important;
  background: #ffffff !important;
  box-shadow: 0 3px 8px rgba(8,39,92,.035) !important;
}

@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
    max-width: 360px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
    min-width: 820px !important;
    grid-template-columns: 118px 280px 58px 158px 130px 82px !important;
    column-gap: 10px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
    min-width: 820px !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal,
  .cs-template .cs-rider-delivery-modal {
    padding: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card,
  .cs-template .cs-rider-delivery-modal__card {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    border-radius: 16px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card > header,
  .cs-template .cs-rider-delivery-modal__card > header {
    min-height: 88px !important;
    padding: 14px 58px 14px 18px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
  body.cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero,
  .cs-template .cs-rider-delivery-modal__card > header .cs-rider-delivery-modal__hero,
  .cs-template .cs-rider-delivery-modal__card > header .cs-bike-movement-rider.cs-rider-delivery-modal__hero {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar,
  .cs-template .cs-rider-delivery-modal__hero .cs-bike-movement-rider__avatar {
    width: 62px !important;
    height: 62px !important;
    flex-basis: 62px !important;
    border-radius: 14px !important;
  }
  body.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  body.cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-first,
  .cs-template .cs-rider-delivery-rider-name-split .cs-rider-delivery-rider-name-last {
    font-size: 19px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card > header ~ .cs-rider-delivery-history--grouped {
    padding: 16px 14px 18px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
    display: block !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-top: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em {
    font-size: 7px !important;
    letter-spacing: .11em !important;
  }
}

/* v1.0.478 - Rider Deliveries: larger List of Material title, full-width tables, print and add-record actions */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  align-items: flex-start !important;
  gap: 18px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
body.cs-template .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-history h3 {
  font-size: 16px !important;
  line-height: 1.05 !important;
  letter-spacing: .24em !important;
  margin-bottom: 9px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  min-width: min(520px, 48vw) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  padding-top: 1px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border: 1px solid #d5e1ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #08275c !important;
  box-shadow: 0 4px 12px rgba(8,39,92,.035) !important;
  cursor: pointer !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action:hover,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action:focus-visible,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action:hover,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action:focus-visible {
  background: #f5f8fc !important;
  border-color: #b9c9dd !important;
  transform: translateY(-1px) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span {
  position: relative !important;
  width: 22px !important;
  height: 20px !important;
  display: block !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span::before {
  content: "" !important;
  position: absolute !important;
  left: 3px !important;
  top: 0 !important;
  width: 16px !important;
  height: 8px !important;
  border: 2px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 3px 3px 0 0 !important;
  background: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span::after,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--print span::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 7px !important;
  width: 22px !important;
  height: 12px !important;
  border: 2px solid currentColor !important;
  border-radius: 5px !important;
  background: linear-gradient(#ffffff 0 34%, currentColor 34% 48%, #ffffff 48% 100%) !important;
  box-shadow: inset 5px 9px 0 -7px currentColor, inset -5px 9px 0 -7px currentColor !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add {
  border-color: #0b3270 !important;
  background: #0b3270 !important;
  color: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  color: currentColor !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  transform: translateY(-1px) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open span {
  transform: translateY(-1px) rotate(45deg) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  width: 360px !important;
  max-width: 360px !important;
  flex: 0 0 360px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  grid-template-columns: 13% 35% 7% 18% 17% 10% !important;
  column-gap: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span {
  padding: 0 8px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(1),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(1) { width: 13% !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(2),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(2) { width: 35% !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(3),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(3) { width: 7% !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(4),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(4) { width: 18% !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(5),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(5) { width: 17% !important; }
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table th:nth-child(6),
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table td:nth-child(6) { width: 10% !important; }

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  text-align: center !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan] .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td[colspan] .cs-empty-state {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  overflow: visible !important;
}

@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
    flex-direction: column !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: space-between !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: min(360px, calc(100% - 104px)) !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
  body.cs-template .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-history h3 {
    font-size: 14px !important;
    letter-spacing: .20em !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
}

@media print {
  body.cs-rider-delivery-printing * {
    visibility: hidden !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-modal,
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card,
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card * {
    visibility: visible !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-modal {
    position: static !important;
    display: block !important;
    padding: 0 !important;
    background: #ffffff !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-modal .cs-bike-movement-modal__backdrop,
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card > header > button,
  body.cs-rider-delivery-printing .cs-rider-delivery-grouped-actions,
  body.cs-rider-delivery-printing .cs-rider-delivery-record-toggle,
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card > form,
  body.cs-rider-delivery-printing .cs-rider-delivery-row-actions {
    display: none !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-modal__card > header {
    position: static !important;
    box-shadow: none !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-history--grouped {
    padding: 18px 0 0 !important;
  }
  body.cs-rider-delivery-printing .cs-rider-delivery-history-group {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
  }
}

/* v1.0.479 - Rider Deliveries: clean header actions, full modal table width and stable icon-only add button */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head > div:first-child {
  min-width: 0 !important;
  width: 100% !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
body.cs-template .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-history h3 {
  font-size: 17px !important;
  letter-spacing: .27em !important;
  margin-bottom: 9px !important;
  white-space: nowrap !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
  padding-top: 0 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  white-space: nowrap !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add span {
  display: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::before,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::after,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: translate(-50%, -50%) !important;
  transition: transform .16s ease !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::after,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open::after,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  width: 336px !important;
  max-width: 336px !important;
  flex: 0 0 336px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  overflow-x: visible !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 1040px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    width: 100% !important;
    justify-content: space-between !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
  body.cs-template .cs-rider-delivery-history h3,
  .cs-template .cs-rider-delivery-history h3 {
    white-space: normal !important;
    font-size: 14px !important;
    letter-spacing: .20em !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 auto !important;
  }
}


/* v1.0.480 - Rider Deliveries: summary counters before right-side actions, no counts in section bars, Excel-style chronological print sheet */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
  order: 1 !important;
  width: 336px !important;
  max-width: 336px !important;
  flex: 0 0 336px !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-actions {
  order: 2 !important;
  flex: 0 0 auto !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item em,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable em,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable em {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  white-space: normal !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 b[data-cs-rider-delivery-count],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 b[data-cs-rider-delivery-count] {
  display: none !important;
}
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group h4 {
  justify-content: flex-start !important;
}

body.cs-template .cs-rider-delivery-print-sheet[hidden],
.cs-template .cs-rider-delivery-print-sheet[hidden] {
  display: none !important;
}
body.cs-template .cs-rider-delivery-print-sheet,
.cs-template .cs-rider-delivery-print-sheet {
  position: absolute !important;
  inset: 0 !important;
  z-index: 40 !important;
  display: block !important;
  padding: 24px !important;
  overflow: auto !important;
  background: rgba(248, 250, 252, .98) !important;
  box-sizing: border-box !important;
}
body.cs-template .cs-rider-delivery-print-sheet__card,
.cs-template .cs-rider-delivery-print-sheet__card {
  min-height: 100% !important;
  padding: 18px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(8, 39, 92, .12) !important;
}
body.cs-template .cs-rider-delivery-print-sheet__header,
.cs-template .cs-rider-delivery-print-sheet__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid #dbe6f2 !important;
}
body.cs-template .cs-rider-delivery-print-sheet__header h3,
.cs-template .cs-rider-delivery-print-sheet__header h3 {
  margin: 0 !important;
  color: #08275c !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
}
body.cs-template .cs-rider-delivery-print-sheet__header p,
.cs-template .cs-rider-delivery-print-sheet__header p {
  margin: 4px 0 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
body.cs-template .cs-rider-delivery-print-sheet__actions,
.cs-template .cs-rider-delivery-print-sheet__actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.cs-template .cs-rider-delivery-print-sheet__print,
body.cs-template .cs-rider-delivery-print-sheet__close,
.cs-template .cs-rider-delivery-print-sheet__print,
.cs-template .cs-rider-delivery-print-sheet__close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #08275c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}
body.cs-template .cs-rider-delivery-print-sheet__print,
.cs-template .cs-rider-delivery-print-sheet__print {
  padding: 0 16px !important;
  background: #08275c !important;
  color: #ffffff !important;
  border-color: #08275c !important;
}
body.cs-template .cs-rider-delivery-print-sheet__close,
.cs-template .cs-rider-delivery-print-sheet__close {
  width: 38px !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
body.cs-template .cs-rider-delivery-excel-wrap,
.cs-template .cs-rider-delivery-excel-wrap {
  width: 100% !important;
  overflow: auto !important;
  border: 1px solid #b7c4d4 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
}
body.cs-template .cs-rider-delivery-excel-table,
.cs-template .cs-rider-delivery-excel-table {
  width: 100% !important;
  min-width: 980px !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  background: #ffffff !important;
  font-size: 11px !important;
}
body.cs-template .cs-rider-delivery-excel-table th,
.cs-template .cs-rider-delivery-excel-table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  padding: 9px 10px !important;
  border: 1px solid #b7c4d4 !important;
  background: #e8eef6 !important;
  color: #08275c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-align: left !important;
}
body.cs-template .cs-rider-delivery-excel-table td,
.cs-template .cs-rider-delivery-excel-table td {
  padding: 9px 10px !important;
  border: 1px solid #d2dce8 !important;
  background: #ffffff !important;
  color: #17345f !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  vertical-align: top !important;
  word-break: break-word !important;
}
body.cs-template .cs-rider-delivery-excel-table tbody tr:nth-child(even) td,
.cs-template .cs-rider-delivery-excel-table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}
body.cs-template .cs-rider-delivery-excel-table th:nth-child(1),
.cs-template .cs-rider-delivery-excel-table th:nth-child(1) { width: 12% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(2),
.cs-template .cs-rider-delivery-excel-table th:nth-child(2) { width: 10% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(3),
.cs-template .cs-rider-delivery-excel-table th:nth-child(3) { width: 13% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(4),
.cs-template .cs-rider-delivery-excel-table th:nth-child(4) { width: 23% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(5),
.cs-template .cs-rider-delivery-excel-table th:nth-child(5) { width: 6% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(6),
.cs-template .cs-rider-delivery-excel-table th:nth-child(6) { width: 16% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(7),
.cs-template .cs-rider-delivery-excel-table th:nth-child(7) { width: 12% !important; }
body.cs-template .cs-rider-delivery-excel-table th:nth-child(8),
.cs-template .cs-rider-delivery-excel-table th:nth-child(8) { width: 18% !important; }
body.cs-template .cs-rider-delivery-excel-empty,
.cs-template .cs-rider-delivery-excel-empty {
  min-height: 130px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: #08275c !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-excel-empty span,
.cs-template .cs-rider-delivery-excel-empty span {
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

@media (max-width: 1040px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    justify-content: space-between !important;
  }
}
@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-tools {
    flex-wrap: wrap !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
  }
  body.cs-template .cs-rider-delivery-print-sheet,
  .cs-template .cs-rider-delivery-print-sheet {
    padding: 12px !important;
  }
  body.cs-template .cs-rider-delivery-print-sheet__header,
  .cs-template .cs-rider-delivery-print-sheet__header {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

@media print {
  body.cs-rider-delivery-sheet-printing * {
    visibility: hidden !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-print-sheet,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-print-sheet * {
    visibility: visible !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-modal,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-modal__card,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-print-sheet {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-modal__card > header,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-modal__card > form,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-history,
  body.cs-rider-delivery-sheet-printing .cs-bike-movement-modal__backdrop,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-print-sheet__actions {
    display: none !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-print-sheet__card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-excel-wrap {
    overflow: visible !important;
    border: 0 !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-excel-table {
    min-width: 0 !important;
    font-size: 9px !important;
  }
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-excel-table th,
  body.cs-rider-delivery-sheet-printing .cs-rider-delivery-excel-table td {
    padding: 5px 6px !important;
  }
}


/* v1.0.481 - Rider Deliveries: print opens as separate Excel-style browser page, not inside the rider modal */
body.cs-template .cs-rider-delivery-print-sheet,
.cs-template .cs-rider-delivery-print-sheet {
  display: none !important;
}


/* v1.0.482 - Rider Deliveries: refined separate print page styling handled by template-v1.0.482.js */

/* v1.0.483 - Rider Deliveries: white table header rows with grey divider and raised header text */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar {
  align-items: start !important;
  min-height: 30px !important;
  margin: 0 0 8px !important;
  padding: 6px 12px 9px !important;
  border: 0 !important;
  border-bottom: 1px solid #cfd8e3 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-titlebar span {
  align-self: start !important;
  transform: translateY(-1px) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  padding-top: 10px !important;
}

/* v1.0.484 - Rider Deliveries print page: removed extra labels/footer and reduced Close/Print buttons. */


/* v1.0.485 - Rider Deliveries print table: centered header/body cells and white header background. */
body.cs-template .cs-rider-delivery-excel-table th,
.cs-template .cs-rider-delivery-excel-table th {
  background: #ffffff !important;
  text-align: center !important;
}
body.cs-template .cs-rider-delivery-excel-table td,
.cs-template .cs-rider-delivery-excel-table td {
  text-align: center !important;
  vertical-align: middle !important;
}


/* CS v1.0.489 - clean active package assets; Rider Deliveries print page keeps original font size while splitting rider first name blue and surname orange. */

/* CS v1.0.489 - Rider Deliveries print page: option 1 Modern Minimal styling from selected mockup. */

/* CS v1.0.489 - Rider Deliveries print page: screen preview scaled down by 20% from selected Modern Minimal layout. */


/* v1.0.489 - Bikes Allocation rider cards: make the whole card clearly interactive */
.cs-template .cs-app-screen--bikes .cs-bike-rider-card,
.cs-template .cs-bike-rider-card {
  cursor: pointer;
}
.cs-template .cs-app-screen--bikes .cs-bike-slot,
.cs-template .cs-bike-slot {
  cursor: pointer;
}


/* v1.0.491 - Rider Deliveries: show a visible X button beside Confirm in Material delivery record */
.cs-template .cs-rider-delivery-line:first-child .cs-rider-delivery-line__remove,
.cs-template .cs-rider-delivery-line .cs-rider-delivery-line__remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin-left: 0 !important;
  border: 1px solid #c9d7ea !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0b3478 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 6px 14px rgba(11, 52, 120, .08) !important;
}
.cs-template .cs-rider-delivery-line:first-child .cs-rider-delivery-line__remove:hover,
.cs-template .cs-rider-delivery-line .cs-rider-delivery-line__remove:hover,
.cs-template .cs-rider-delivery-line:first-child .cs-rider-delivery-line__remove:focus-visible,
.cs-template .cs-rider-delivery-line .cs-rider-delivery-line__remove:focus-visible {
  border-color: #ff7a18 !important;
  background: #fff7ed !important;
  color: #f05a0a !important;
}
.cs-template .cs-rider-delivery-line__actions {
  gap: 8px !important;
}
.cs-template .cs-rider-delivery-line__add {
  margin-left: auto !important;
}

/* v1.0.491 - Login: larger transparent logo using the same page background instead of a white image box */
html body .cs-auth-brand,
html body .cs-template .cs-auth-brand,
html body .cs-login-minimal__brand,
html body .cs-template .cs-login-minimal__brand {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  margin: 0 auto 22px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
html body .cs-auth-brand img.cs-auth-brand__main,
html body .cs-template .cs-auth-brand img.cs-auth-brand__main,
html body .cs-auth-brand img,
html body .cs-template .cs-auth-brand img {
  display: block !important;
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  mix-blend-mode: normal !important;
}
@media (max-width: 520px) {
  html body .cs-auth-brand,
  html body .cs-template .cs-auth-brand,
  html body .cs-auth-brand img.cs-auth-brand__main,
  html body .cs-template .cs-auth-brand img.cs-auth-brand__main {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }
}


/* v1.0.491 - Login: center the signed Cycling Support logo exactly on the page.
   The form column is already mathematically centered; this final correction aligns the
   visible logo artwork to the same viewport center while keeping the "by Mattia Romano" signature. */
html body.cs-template.cs-auth-only .cs-auth-shell,
html body.cs-auth-only .cs-auth-shell,
html body.cs-template.cs-auth-only main.cs-auth-shell,
html body.cs-auth-only main.cs-auth-shell {
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  width: 390px !important;
  min-width: 390px !important;
  max-width: 390px !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  transform: translateX(-58px) !important;
  transform-origin: center center !important;
}

@media (max-width: 520px) {
  html body.cs-template.cs-auth-only .cs-auth-brand,
  html body.cs-auth-only .cs-auth-brand {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    transform: translateX(-48px) !important;
  }
}


/* v1.0.495 - Login: signed logo visible, exact horizontal centering and credentials access notice. */
html body.cs-template.cs-auth-only .cs-auth-shell,
html body.cs-auth-only .cs-auth-shell,
html body.cs-template.cs-auth-only main.cs-auth-shell,
html body.cs-auth-only main.cs-auth-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand {
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
  margin: 0 auto 8px auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  display: block !important;
  width: 420px !important;
  min-width: 420px !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  transform-origin: center center !important;
}

html body.cs-template.cs-auth-only .cs-auth-access-note,
html body.cs-auth-only .cs-auth-access-note,
html body .cs-auth-access-note {
  display: block !important;
  width: 420px !important;
  min-width: 0 !important;
  max-width: min(420px, 82vw) !important;
  margin: 0 auto 20px auto !important;
  padding: 0 !important;
  color: #526985 !important;
  font-family: inherit !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

html body.cs-template.cs-auth-only .cs-auth-card,
html body.cs-auth-only .cs-auth-card,
html body.cs-template.cs-auth-only .cs-auth-form,
html body.cs-auth-only .cs-auth-form {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 520px) {
  html body.cs-template.cs-auth-only .cs-auth-brand,
  html body.cs-auth-only .cs-auth-brand,
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    transform: none !important;
  }
  html body.cs-template.cs-auth-only .cs-auth-access-note,
  html body.cs-auth-only .cs-auth-access-note,
  html body .cs-auth-access-note {
    width: 330px !important;
    max-width: 84vw !important;
    font-size: 0.74rem !important;
  }
}


/* v1.0.495 - Rider Deliveries: rename List of Material area and make the three status tables taller with vertical scroll. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-head h3,
body.cs-template .cs-rider-delivery-history h3,
.cs-template .cs-rider-delivery-history h3 {
  text-transform: uppercase !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
  min-height: 224px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
  min-height: 178px !important;
  height: 178px !important;
  max-height: 178px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #b7c7dc #f5f8fc !important;
  padding-bottom: 10px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar {
  width: 8px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar-track,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar-track {
  background: #f5f8fc !important;
  border-radius: 999px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar-thumb,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap::-webkit-scrollbar-thumb {
  background: #b7c7dc !important;
  border-radius: 999px !important;
  border: 2px solid #f5f8fc !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-titlebar,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-titlebar {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  background: #ffffff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped table tbody td {
  height: 40px !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-empty-state {
  min-height: 92px !important;
}

@media (max-width: 980px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
    overflow-x: auto !important;
  }
}

@media (max-width: 760px) {
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group {
    min-height: 198px !important;
  }
  body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap,
  .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history--grouped .cs-table-wrap {
    min-height: 152px !important;
    height: 152px !important;
    max-height: 152px !important;
  }
}

/* v1.0.495 - Login: original-style logo on adapted page background and credentials note below the Login button. */
html body.cs-template.cs-auth-only .cs-auth-shell,
html body.cs-auth-only .cs-auth-shell,
html body.cs-template.cs-auth-only main.cs-auth-shell,
html body.cs-auth-only main.cs-auth-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #f4f7fb !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand {
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  margin: 0 auto 18px auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  display: block !important;
  width: 480px !important;
  min-width: 480px !important;
  max-width: 480px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  transform-origin: center center !important;
}

html body.cs-template.cs-auth-only .cs-auth-card,
html body.cs-auth-only .cs-auth-card,
html body.cs-template.cs-auth-only .cs-auth-form,
html body.cs-auth-only .cs-auth-form {
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.cs-template.cs-auth-only .cs-auth-access-note,
html body.cs-auth-only .cs-auth-access-note,
html body .cs-auth-access-note {
  display: block !important;
  width: 420px !important;
  min-width: 0 !important;
  max-width: min(420px, 82vw) !important;
  margin: 12px auto 0 auto !important;
  padding: 0 !important;
  color: #526985 !important;
  font-family: inherit !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

html body.cs-template.cs-auth-only .cs-auth-access-note--below-button,
html body.cs-auth-only .cs-auth-access-note--below-button,
html body .cs-auth-access-note--below-button {
  order: 3 !important;
}

@media (max-width: 520px) {
  html body.cs-template.cs-auth-only .cs-auth-brand,
  html body.cs-auth-only .cs-auth-brand,
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
    transform: none !important;
  }
  html body.cs-template.cs-auth-only .cs-auth-access-note,
  html body.cs-auth-only .cs-auth-access-note,
  html body .cs-auth-access-note {
    width: 330px !important;
    max-width: 84vw !important;
    font-size: 0.72rem !important;
  }
}


/* v1.0.495 - Login: use the confirmed original Cycling Support logo artwork with adapted page background. */
html body.cs-template.cs-auth-only .cs-auth-shell,
html body.cs-auth-only .cs-auth-shell,
html body.cs-template.cs-auth-only main.cs-auth-shell,
html body.cs-auth-only main.cs-auth-shell {
  background: #f4f7fb !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand {
  width: 560px !important;
  min-width: 560px !important;
  max-width: 560px !important;
  margin: 0 auto 18px auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  display: block !important;
  width: 560px !important;
  min-width: 560px !important;
  max-width: 560px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  transform-origin: center center !important;
}

html body.cs-template.cs-auth-only .cs-auth-access-note,
html body.cs-auth-only .cs-auth-access-note,
html body .cs-auth-access-note {
  margin-top: 14px !important;
}

@media (max-width: 620px) {
  html body.cs-template.cs-auth-only .cs-auth-brand,
  html body.cs-auth-only .cs-auth-brand,
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
  }
}


/* v1.0.496 - Rider Deliveries print page: widen the desktop sheet enough to show the content more comfortably without changing the chosen Modern Minimal layout scale. */

/* v1.0.496 - Login: move only the logo about 12px to the right, keeping the form and the credentials note unchanged. */
html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  transform: translateX(12px) !important;
}

@media (max-width: 620px) {
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    transform: translateX(8px) !important;
  }
}


/* v1.0.497 - Login: final optical logo refinement, shifting the logo artwork 15px to the right while leaving the form and access note unchanged. */
html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img {
  transform: translateX(15px) !important;
}

@media (max-width: 620px) {
  html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
  html body.cs-template.cs-auth-only .cs-auth-brand img,
  html body.cs-auth-only .cs-auth-brand img {
    transform: translateX(10px) !important;
  }
}

/* v1.0.498 - Rider Deliveries: athlete material card status colors and subtle selected Add button. */
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--consumable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--consumable {
  color: #168947 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returnable,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returnable {
  color: #f05a18 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returned,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returned {
  color: #168947 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--consumable strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--consumable strong,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4 span,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4 b {
  color: #168947 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returnable strong,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4 span,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4 b {
  color: #f05a18 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 span,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 b {
  color: #168947 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable h4::before,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4::before {
  background: #168947 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable h4::before {
  background: #f05a18 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--consumable .cs-rider-delivery-history-label,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned .cs-rider-delivery-history-label {
  color: #168947 !important;
  border-color: #a8ddb9 !important;
  background: #f0fbf4 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-label,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returnable .cs-rider-delivery-history-label {
  color: #f05a18 !important;
  border-color: #f3b8a1 !important;
  background: #fff4ee !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add:hover,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add:hover,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add:focus-visible,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add:focus-visible {
  border-color: #0b3270 !important;
  background: #0b3270 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 13px rgba(8, 39, 92, 0.09) !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open:hover,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open:hover,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open:focus-visible,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add.is-open:focus-visible,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add[aria-expanded="true"],
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-icon-action--add[aria-expanded="true"] {
  border-color: #092a60 !important;
  background: #0a2d68 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 15px rgba(8, 39, 92, 0.13), inset 0 0 0 1px rgba(255, 255, 255, 0.14) !important;
}

/* v1.0.499 - Rider Deliveries: Material delivery record X now cancels the current insertion/edit and closes the form via JS. */

/* v1.0.501 - Rider Deliveries: make rider photo and name open deliveries/returns. */
.cs-template button.cs-delivery-rider-card__photo,
.cs-template button.cs-delivery-rider-card__name {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  color: inherit !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.cs-template button.cs-delivery-rider-card__photo {
  padding: 0 !important;
}

.cs-template button.cs-delivery-rider-card__name {
  width: 100% !important;
  background: transparent !important;
  align-items: flex-start !important;
}

.cs-template button.cs-delivery-rider-card__photo:focus-visible,
.cs-template button.cs-delivery-rider-card__name:focus-visible {
  outline: 3px solid rgba(240, 108, 27, .34) !important;
  outline-offset: 3px !important;
}

.cs-template button.cs-delivery-rider-card__name:hover .cs-delivery-rider-card__first,
.cs-template button.cs-delivery-rider-card__name:hover .cs-delivery-rider-card__last {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}


/* v1.0.501 - Topbar full-screen button and stronger Rider Deliveries card click target. */
.cs-template .icon-button--fullscreen-topbar {
  color: #0d2f68 !important;
}

.cs-template .icon-button--fullscreen-topbar img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
}

.cs-template .icon-button--fullscreen-topbar:hover,
.cs-template .icon-button--fullscreen-topbar:focus-visible,
.cs-template .icon-button--fullscreen-topbar[aria-pressed="true"] {
  border-color: rgba(240, 108, 27, .35) !important;
  background: #fff5ee !important;
  color: #f06c1b !important;
}

.cs-template .cs-delivery-rider-card,
.cs-template .cs-delivery-rider-card__head,
.cs-template .cs-delivery-rider-card__photo,
.cs-template .cs-delivery-rider-card__name {
  cursor: pointer !important;
}

.cs-template button.cs-delivery-rider-card__photo,
.cs-template button.cs-delivery-rider-card__name {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
}

.cs-template button.cs-delivery-rider-card__photo * ,
.cs-template button.cs-delivery-rider-card__name * {
  pointer-events: none !important;
}

/* v1.0.502 - Dashboard/button cleanup and stable fullscreen workspace. */
body.cs-template.cs-nav-active-dashboard .cs-app-screen--dashboard > .cs-app-main > .cs-app-hero,
body.cs-template.cs-nav-active-dashboard .cs-app-screen--dashboard .cs-app-title,
body.cs-template.cs-nav-active-dashboard .cs-app-screen--dashboard .cs-app-subtitle,
body.cs-template.cs-nav-active-dashboard #system-message-container,
body.cs-template.cs-nav-active-dashboard .joomla-messages,
body.cs-template.cs-nav-active-dashboard .system-message,
body.cs-template.cs-nav-active-dashboard .message {
  display: none !important;
}

body.cs-template .cs-app-screen--documents .cs-app-actions .cs-btn[data-open-item="Filters"],
body.cs-template .cs-app-screen--inventory .cs-app-actions,
body.cs-template .cs-app-screen--bikes .cs-app-actions,
body.cs-template .cs-app-screen--mechanics .cs-app-actions,
body.cs-template .cs-app-screen--bike-fit .cs-app-actions {
  display: none !important;
}

body.cs-template.cs-is-browser-fullscreen,
html.cs-is-browser-fullscreen {
  width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
}

body.cs-template.cs-is-browser-fullscreen .app-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  background: #f5f7fa !important;
}

body.cs-template.cs-is-browser-fullscreen .side-rail {
  display: none !important;
}

body.cs-template.cs-is-browser-fullscreen .workspace {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: #f5f7fa !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 10050 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__system,
body.cs-template.cs-is-browser-fullscreen .topbar__actions > :not(.icon-button--fullscreen-topbar),
body.cs-template.cs-is-browser-fullscreen .cs-mobile-bottom-nav {
  display: none !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__actions {
  position: static !important;
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.cs-template.cs-is-browser-fullscreen .icon-button--fullscreen-topbar {
  position: fixed !important;
  top: max(10px, env(safe-area-inset-top)) !important;
  right: max(10px, env(safe-area-inset-right)) !important;
  z-index: 10060 !important;
  display: inline-flex !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(13,47,104,.18) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 12px 30px rgba(8,39,92,.16) !important;
  pointer-events: auto !important;
}

body.cs-template.cs-is-browser-fullscreen .dashboard {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: clamp(14px, 1.6vw, 26px) !important;
  padding-top: clamp(54px, 4.5vw, 68px) !important;
  overflow-x: hidden !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-app-screen {
  width: min(100%, 1440px) !important;
  max-width: 1440px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  align-items: start !important;
  gap: clamp(14px, 1.5vw, 22px) !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-app-screen--no-side,
body.cs-template.cs-is-browser-fullscreen .cs-app-screen--bikes,
body.cs-template.cs-is-browser-fullscreen .cs-app-screen--inventory,
body.cs-template.cs-is-browser-fullscreen .cs-app-screen--logistics {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-app-main,
body.cs-template.cs-is-browser-fullscreen .cs-app-panel,
body.cs-template.cs-is-browser-fullscreen .panel,
body.cs-template.cs-is-browser-fullscreen .module-card,
body.cs-template.cs-is-browser-fullscreen .component-panel,
body.cs-template.cs-is-browser-fullscreen .cs-table-wrap,
body.cs-template.cs-is-browser-fullscreen .table-responsive {
  max-width: 100% !important;
  min-width: 0 !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-table-wrap,
body.cs-template.cs-is-browser-fullscreen .table-responsive {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.cs-template.cs-is-browser-fullscreen table,
body.cs-template.cs-is-browser-fullscreen .cs-app-table {
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  table-layout: auto !important;
  white-space: nowrap !important;
}

body.cs-template.cs-is-browser-fullscreen img,
body.cs-template.cs-is-browser-fullscreen picture,
body.cs-template.cs-is-browser-fullscreen video,
body.cs-template.cs-is-browser-fullscreen canvas {
  max-width: 100% !important;
  height: auto !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-delivery-rider-grid,
body.cs-template.cs-is-browser-fullscreen .cs-bike-rider-grid,
body.cs-template.cs-is-browser-fullscreen .cs-stat-grid,
body.cs-template.cs-is-browser-fullscreen .cs-metric-grid {
  justify-content: center !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-delivery-rider-grid {
  grid-template-columns: repeat(auto-fit, minmax(235px, 270px)) !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-bike-rider-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 360px)) !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-delivery-rider-card,
body.cs-template.cs-is-browser-fullscreen .cs-bike-rider-card {
  max-width: 100% !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-delivery-rider-card__photo img,
body.cs-template.cs-is-browser-fullscreen .cs-bike-rider-card img,
body.cs-template.cs-is-browser-fullscreen .cs-rider-delivery-modal img {
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 1100px) {
  body.cs-template.cs-is-browser-fullscreen .cs-app-screen {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v1.0.503 - In browser fullscreen keep the app topbar and left navigation visible. */
body.cs-template.cs-is-browser-fullscreen .app-shell {
  display: grid !important;
  grid-template-columns: var(--side-rail-width) minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 100vh !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
}

body.cs-template.cs-is-browser-fullscreen .side-rail {
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 10040 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: var(--side-rail-width) !important;
  min-width: var(--side-rail-width) !important;
  max-width: var(--side-rail-width) !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-height: 100vh !important;
  padding: 16px 10px !important;
  border-right: 1px solid var(--line-soft) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 6px 0 28px rgba(8, 36, 81, 0.03) !important;
  overflow: hidden !important;
}

body.cs-template.cs-is-browser-fullscreen .brand-mark,
body.cs-template.cs-is-browser-fullscreen .brand-mark--split-original,
body.cs-template.cs-is-browser-fullscreen .side-rail__team-logo,
body.cs-template.cs-is-browser-fullscreen .side-rail__flex-gap {
  display: flex !important;
}

body.cs-template.cs-is-browser-fullscreen .rail-nav,
body.cs-template.cs-is-browser-fullscreen .rail-nav--primary,
body.cs-template.cs-is-browser-fullscreen .rail-nav--all {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

body.cs-template.cs-is-browser-fullscreen .rail-nav__fallback,
body.cs-template.cs-is-browser-fullscreen .cs-rail-menu {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.cs-template.cs-is-browser-fullscreen .rail-nav__link,
body.cs-template.cs-is-browser-fullscreen .cs-rail-menu__link {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 0.75rem !important;
  gap: 0.7rem !important;
  text-align: left !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-rail-menu__text {
  display: block !important;
  max-width: 100% !important;
  font-size: 0.68rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.06em !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.cs-template.cs-is-browser-fullscreen .workspace {
  width: auto !important;
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  background: #f5f7fa !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar {
  position: sticky !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 10050 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: auto !important;
  min-height: var(--topbar-height) !important;
  padding: 0 22px !important;
  gap: 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line-soft) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__system,
body.cs-template.cs-is-browser-fullscreen .topbar__actions > :not(.icon-button--fullscreen-topbar) {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__actions {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0.9rem !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button,
body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button--settings-topbar,
body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button--fullscreen-topbar {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid transparent !important;
  background: var(--panel-bg) !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button--fullscreen-topbar[aria-pressed="true"] {
  border-color: rgba(240, 108, 27, .35) !important;
  background: #fff5ee !important;
}

body.cs-template.cs-is-browser-fullscreen .dashboard {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100vh - var(--topbar-height)) !important;
  margin: 0 !important;
  padding: clamp(14px, 1.6vw, 26px) !important;
  overflow-x: hidden !important;
}

body.cs-template.cs-is-browser-fullscreen .cs-app-screen {
  width: min(100%, 1440px) !important;
  max-width: 1440px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (max-width: 740px) {
  body.cs-template.cs-is-browser-fullscreen .app-shell {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  body.cs-template.cs-is-browser-fullscreen .side-rail {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    padding: 10px 8px !important;
  }

  body.cs-template.cs-is-browser-fullscreen .brand-mark,
  body.cs-template.cs-is-browser-fullscreen .brand-mark--split-original,
  body.cs-template.cs-is-browser-fullscreen .side-rail__team-logo,
  body.cs-template.cs-is-browser-fullscreen .side-rail__flex-gap {
    display: none !important;
  }

  body.cs-template.cs-is-browser-fullscreen .rail-nav__link,
  body.cs-template.cs-is-browser-fullscreen .cs-rail-menu__link {
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body.cs-template.cs-is-browser-fullscreen .cs-rail-menu__text {
    display: none !important;
  }

  body.cs-template.cs-is-browser-fullscreen .topbar {
    min-height: 52px !important;
    padding: 7px var(--cs-mobile-pad) !important;
    gap: 8px !important;
  }

  body.cs-template.cs-is-browser-fullscreen .topbar__actions {
    gap: 6px !important;
  }

  body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button,
  body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button--settings-topbar,
  body.cs-template.cs-is-browser-fullscreen .topbar__actions .icon-button--fullscreen-topbar {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }
}


/* v1.0.504 - Bikes Allocation rider card names and team label cleanup */
.cs-template .cs-bike-rider-card__identity {
  min-width: 0 !important;
}

.cs-template .cs-bike-rider-card__name {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.cs-template .cs-bike-rider-card__first,
.cs-template .cs-bike-rider-card__last {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.cs-template .cs-bike-rider-card__first {
  color: #10386f !important;
}

.cs-template .cs-bike-rider-card__last {
  color: #f06b1b !important;
}

.cs-template .cs-bike-rider-card__team {
  color: #8a94a6 !important;
  text-transform: uppercase !important;
}


/* v1.0.505 - Documents upload label cleanup and Rider Deliveries rider-label alignment */
.cs-template .cs-app-screen--documents [data-native-action="create"]::after,
.cs-template .cs-app-screen--documents .cs-btn[data-native-action="create"]::after {
  content: none !important;
  display: none !important;
}

.cs-template .cs-delivery-rider-card__identity {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.cs-template .cs-delivery-rider-card__name,
.cs-template button.cs-delivery-rider-card__name {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

.cs-template .cs-delivery-rider-card__name::before {
  left: 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.cs-template .cs-delivery-rider-card__first,
.cs-template .cs-delivery-rider-card__last {
  width: 100% !important;
  text-align: left !important;
}


/* v1.0.506 - Bikes Allocation team label forced grey */
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card__team,
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team {
  color: #8a94a6 !important;
  text-transform: uppercase !important;
}


/* v1.0.507 - Bikes Allocation team label grey and not bold */
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card__team,
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team {
  color: #8a94a6 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}


/* v1.0.508 - Bikes Allocation team label matches Rider label styling */
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card__team,
body.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
body.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card p.cs-bike-rider-card__team,
.cs-template .cs-bike-rider-card p.cs-bike-rider-card__team {
  color: #8ca0bb !important;
  font-size: .58rem !important;
  line-height: 1.1 !important;
  letter-spacing: .18em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* v1.0.509 - Rider Deliveries: status colours on table row titles and descriptions */
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td strong,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-note {
  color: #008a4c !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td strong,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-note {
  color: #ff5a1f !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td strong,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-note {
  color: #006dff !important;
}

/* v1.0.510 - Rider Deliveries: material names stay CS blue, status labels keep their reference colour, expected return is grey, and Returned Material header is electric blue. */
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td strong,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td strong {
  color: #0d2f68 !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--consumable {
  color: #008a4c !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returnable {
  color: #ff5a1f !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] td .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-type-note--returned {
  color: #009dff !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td .cs-rider-delivery-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td .cs-rider-delivery-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td .cs-rider-delivery-note,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td .cs-rider-delivery-note--expected,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td .cs-rider-delivery-note--expected,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td .cs-rider-delivery-note--expected {
  color: #8a94a6 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 span,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 span,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 b,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 b,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong {
  color: #009dff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4::before,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4::before,
.cs-template .cs-rider-delivery-history--grouped .cs-rider-delivery-history-group--returned h4::before {
  background: #009dff !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--consumable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--consumable,
.cs-template .cs-delivery-updates .cs-rider-delivery-status--consumable {
  color: #008a4c !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returnable,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returnable,
.cs-template .cs-delivery-updates .cs-rider-delivery-status--returnable {
  color: #ff5a1f !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returned,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-status--returned,
.cs-template .cs-delivery-updates .cs-rider-delivery-status--returned {
  color: #009dff !important;
}

/* v1.0.523 - Rider Deliveries colour enforcement: product name CS blue, status label reference colour, Expected return grey. */
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td:nth-child(2) > strong,
body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td:nth-child(3) > strong,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td:nth-child(2) > strong,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] td:nth-child(3) > strong,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td:nth-child(2) > strong,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td:nth-child(3) > strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td:nth-child(2) > strong,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] td:nth-child(3) > strong {
  color: #0d2f68 !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] .cs-rider-delivery-type-note,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="consumable"] .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-type-note--consumable,
.cs-template .cs-rider-delivery-type-note--consumable {
  color: #008a4c !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] .cs-rider-delivery-type-note,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returnable"] .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-type-note--returnable,
.cs-template .cs-rider-delivery-type-note--returnable {
  color: #ff5a1f !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] .cs-rider-delivery-type-note,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] .cs-rider-delivery-type-note,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] .cs-rider-delivery-type-note,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status="returned"] .cs-rider-delivery-type-note,
body.cs-template .cs-rider-delivery-type-note--returned,
.cs-template .cs-rider-delivery-type-note--returned {
  color: #009dff !important;
}

body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] .cs-rider-delivery-note--expected,
.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row] .cs-rider-delivery-note--expected,
body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] .cs-rider-delivery-note--expected,
.cs-template .cs-delivery-updates [data-cs-rider-delivery-row] .cs-rider-delivery-note--expected {
  color: #8a94a6 !important;
}

body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 *,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-history-group--returned h4 *,
body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong,
.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-grouped-summary__item--returned strong {
  color: #009dff !important;
}

/* v1.0.523 - Rider Deliveries final hard override: product/material name blue, Expected return grey. */
html body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td > strong,
html body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(2) > strong,
html body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(3) > strong,
html .cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td > strong,
html .cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(2) > strong,
html .cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(3) > strong,
html body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td > strong,
html body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(2) > strong,
html body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(3) > strong,
html .cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td > strong,
html .cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(2) > strong,
html .cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td:nth-child(3) > strong {
  color: #0d2f68 !important;
}

html body.cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html .cs-template .cs-rider-delivery-modal__card [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html body.cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html .cs-template .cs-delivery-updates [data-cs-rider-delivery-row][data-cs-rider-delivery-status] td .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html body.cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html .cs-template .cs-rider-delivery-modal__card .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html body.cs-template .cs-delivery-updates .cs-rider-delivery-note.cs-rider-delivery-note--expected,
html .cs-template .cs-delivery-updates .cs-rider-delivery-note.cs-rider-delivery-note--expected {
  color: #8a94a6 !important;
}


/* v1.0.523 - Rider Deliveries: remove underline/trailing line effect from Recent Material Deliveries title */
body.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header::after,
body.cs-template .cs-delivery-updates > header::after,
.cs-template .cs-app-screen--deliveries .cs-delivery-updates > header::after,
.cs-template .cs-delivery-updates > header::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  flex: 0 0 auto !important;
}


/* v1.0.523 - Bikes Allocation: rider card first and last name 1pt smaller */
.cs-template .cs-app-screen--bikes .cs-bike-rider-card__head h2,
.cs-template .cs-bike-rider-card__head h2,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2,
.cs-template .cs-bike-rider-card h2 {
  font-size: calc(1.18rem - 1pt) !important;
  line-height: 1.15 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word,
.cs-template .cs-bike-rider-card h2 .cs-title-word,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--second,
.cs-template .cs-bike-rider-card h2 .cs-title-word--second {
  font-size: inherit !important;
}


/* v1.0.523 - Bikes Allocation: surname orange matches Rider Deliveries rider cards */
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-bike-rider-card h2 .cs-title-word--first,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--blue,
.cs-template .cs-bike-rider-card h2 .cs-title-word--blue {
  color: #0b3270 !important;
  -webkit-text-fill-color: #0b3270 !important;
  text-fill-color: #0b3270 !important;
}

.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--second,
.cs-template .cs-bike-rider-card h2 .cs-title-word--second,
.cs-template .cs-app-screen--bikes .cs-bike-rider-card h2 .cs-title-word--orange,
.cs-template .cs-bike-rider-card h2 .cs-title-word--orange {
  color: #f05a18 !important;
  -webkit-text-fill-color: #f05a18 !important;
  text-fill-color: #f05a18 !important;
}


/* v1.0.523 - Login: force exact horizontal centering of the logo on the page */
html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand,
html body.cs-template.cs-auth-only .cs-login-minimal__brand,
html body.cs-auth-only .cs-login-minimal__brand {
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img,
html body.cs-template.cs-auth-only .cs-login-minimal__brand img,
html body.cs-auth-only .cs-login-minimal__brand img {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* v1.0.523 - Login: access credentials note no longer bold */
html body.cs-template.cs-auth-only .cs-auth-access-note,
html body.cs-auth-only .cs-auth-access-note,
html body .cs-auth-access-note,
html body.cs-template.cs-auth-only .cs-auth-access-note--below-button,
html body.cs-auth-only .cs-auth-access-note--below-button,
html body .cs-auth-access-note--below-button {
  font-weight: 400 !important;
}


/* v1.0.523 - Login: correct previous logo shift and center brand on full page width */
html body.cs-template.cs-auth-only .cs-auth-brand,
html body.cs-auth-only .cs-auth-brand,
html body.cs-template.cs-auth-only .cs-login-minimal__brand,
html body.cs-auth-only .cs-login-minimal__brand {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100vw !important;
  min-width: 0 !important;
  max-width: 100vw !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.cs-template.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-brand img,
html body.cs-auth-only .cs-auth-brand img,
html body.cs-template.cs-auth-only .cs-login-minimal__brand img,
html body.cs-auth-only .cs-login-minimal__brand img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

@media (max-width: 520px) {
  html body.cs-template.cs-auth-only .cs-auth-brand,
  html body.cs-auth-only .cs-auth-brand,
  html body.cs-template.cs-auth-only .cs-login-minimal__brand,
  html body.cs-auth-only .cs-login-minimal__brand {
    width: 100vw !important;
    max-width: 100vw !important;
  }
}


/* v1.0.523 - Login: place all login content inside one centered card */
html body.cs-template.cs-auth-only .cs-auth-shell,
html body.cs-auth-only .cs-auth-shell,
html body.cs-template.cs-auth-only main.cs-auth-shell,
html body.cs-auth-only main.cs-auth-shell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  background: #f4f7fb !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card,
html body.cs-auth-only .cs-auth-panel-card {
  width: min(620px, calc(100vw - 48px)) !important;
  min-width: 0 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
  padding: 44px 48px 34px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #ffffff !important;
  border: 1px solid #d7e3f1 !important;
  border-radius: 28px !important;
  box-shadow: 0 22px 54px rgba(8, 39, 92, 0.10) !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand,
html body.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto 28px auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand img,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand img,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand img,
html body.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand img {
  display: block !important;
  width: min(480px, 100%) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transform: none !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-card,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-card,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-form,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-form {
  width: min(300px, 100%) !important;
  min-width: 0 !important;
  max-width: 300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-access-note,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-access-note,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-access-note--below-button,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-access-note--below-button {
  width: 100% !important;
  max-width: 420px !important;
  margin: 26px auto 0 auto !important;
  font-weight: 400 !important;
}

@media (max-width: 520px) {
  html body.cs-template.cs-auth-only .cs-auth-shell,
  html body.cs-auth-only .cs-auth-shell,
  html body.cs-template.cs-auth-only main.cs-auth-shell,
  html body.cs-auth-only main.cs-auth-shell {
    padding: 16px !important;
  }

  html body.cs-template.cs-auth-only .cs-auth-panel-card,
  html body.cs-auth-only .cs-auth-panel-card {
    width: calc(100vw - 32px) !important;
    padding: 32px 20px 28px !important;
    border-radius: 22px !important;
  }
}


/* v1.0.523 - Login: white background box for the logo area inside the card */
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand,
html body.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand {
  background: #ffffff !important;
  border: 1px solid #edf3fb !important;
  border-radius: 20px !important;
  padding: 14px 18px !important;
  box-shadow: 0 10px 26px rgba(8, 39, 92, 0.06) !important;
  overflow: visible !important;
}

html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand img.cs-auth-brand__main,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand img.cs-auth-brand__main,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-auth-brand img,
html body.cs-auth-only .cs-auth-panel-card .cs-auth-brand img,
html body.cs-template.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand img,
html body.cs-auth-only .cs-auth-panel-card .cs-login-minimal__brand img {
  background: transparent !important;
}