/*
 * Provider mobile work dashboard
 *
 * This is the presentation owner for the provider shell at phone/tablet widths.
 * Existing provider modules remain the only owners of authentication, availability,
 * jobs, messages, earnings, settings, realtime state, and navigation.
 */
/* stylelint-disable selector-id-pattern, selector-class-pattern, no-descending-specificity, property-no-vendor-prefix -- Canonical dashboard IDs/classes and state-specific overrides are integration contracts; WebKit blur is required by the installed iOS shell. */

.pd-mobile-brand,
.pd-mobile-screen-title,
.pd-mobile-screen-subtitle,
.pd-mobile-settings-profile,
.pd-mobile-settings-menu,
.pd-mobile-settings-detail-header,
.pd-mobile-settings-footer,
.pd-messages-mobile-back,
.pd-doc-upload-placeholder,
.pd-history-mobile-customer,
.pd-history-amount,
.pd-history-date-short,
.pd-history-row-chevron,
.pd-activity-pagehead,
.pd-history-filter-bar,
.pd-history-quick-filters,
.pd-availability-meta {
  display: none;
}

.pd-history-pagination-actions {
  display: contents;
}

.pd-history-pagination-icon {
  display: none;
}

.pd-history-filter-apply {
  display: none;
}

.pd-earnings-mobile-list {
  display: none;
}

/* The active-job rail is an Overview control. It must not cover a Messages
 * composer or read-only banner when the Messages renderer owns the surface. */
body:has(#pdFullMessages.pd-active) #pdActiveJobActionRail {
  display: none !important;
  pointer-events: none;
  visibility: hidden;
}

#pdFullMessages .pd-message-scope-count[hidden] {
  display: none !important;
}

#pdFullMessages .pd-message-delivery-state {
  color: inherit;
}

#pdFullMessages button.pd-message-delivery-state {
  min-height: 44px;
  margin: -12px -6px;
  padding: 12px 6px;
  border: 0;
  background: transparent;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

#pdFullMessages .pd-message-delivery-state.is-failed {
  color: #c8322b;
}

@media (width >= 769px) {
  #pdMessagesAdvancedToggle,
  .pd-message-search-field > svg,
  .pd-history-job-icon {
    display: none;
  }

  #pdMessagesAdvancedFilters[hidden] {
    display: grid;
    gap: 0.75rem;
  }

  #pdFullMessages #pdMessagesScopeFilters {
    display: flex;
    width: 100%;
    align-items: stretch;
    gap: 0.25rem;
    overflow-x: auto;
    padding-bottom: 1px;
  }

  #pdFullMessages #pdMessagesScopeFilters > button {
    display: flex;
    min-width: 0;
    min-height: 38px;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: transparent;
    padding: 0.45rem 0.2rem;
    color: var(--pd-muted);
    font-size: 0.75rem;
    font-weight: 650;
    white-space: nowrap;
  }

  #pdFullMessages #pdMessagesScopeFilters > button[aria-pressed="true"] {
    border-bottom-color: rgb(206 31 26);
    color: var(--pd-text);
  }

  #pdFullMessages #pdMessagesScopeFilters .pd-message-scope-count {
    display: inline-grid;
    min-width: 20px;
    height: 20px;
    place-items: center;
    border: 1px solid var(--pd-border);
    border-radius: 999px;
    background: var(--pd-muted-surface);
    padding: 0 0.3rem;
    color: inherit;
    font-size: 0.625rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }

  #pdFullMessages .pd-thread-card {
    display: flex;
    width: 100%;
    min-height: 82px;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid var(--pd-border);
    border-radius: 0.875rem;
    background: var(--pd-surface);
    padding: 0.75rem;
    color: var(--pd-text);
    text-align: left;
  }

  #pdFullMessages .pd-thread-card:hover,
  #pdFullMessages .pd-thread-card:is(.is-selected, [aria-current="true"]) {
    border-color: var(--pd-border-strong);
    background: var(--pd-muted-surface);
  }

  #pdFullMessages .pd-thread-card__avatar {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 50%;
    background: rgb(30 41 59);
    color: #fff;
    font-size: 0.875rem;
    font-weight: 650;
  }

  #pdFullMessages .pd-thread-card__body {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  #pdFullMessages .pd-thread-card__top,
  #pdFullMessages .pd-thread-card__details,
  #pdFullMessages .pd-message-thread-bar__meta {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.5rem;
  }

  #pdFullMessages .pd-thread-card__top strong,
  #pdFullMessages .pd-thread-card__preview,
  #pdFullMessages .pd-thread-card__job {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card__top strong {
    color: var(--pd-text);
    font-size: 0.9375rem;
    font-weight: 650;
  }

  #pdFullMessages .pd-thread-card__top time {
    flex: none;
    margin-inline-start: auto;
    color: var(--pd-muted);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
  }

  #pdFullMessages .pd-thread-card__details {
    margin-top: 0.2rem;
  }

  #pdFullMessages :is(.pd-thread-card__status, .pd-message-thread-status) {
    display: inline-flex;
    min-height: 22px;
    flex: none;
    align-items: center;
    border: 1px solid var(--pd-border);
    border-radius: 999px;
    background: var(--pd-muted-surface);
    padding: 0.1rem 0.5rem;
    color: var(--pd-muted);
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
  }

  #pdFullMessages :is(.pd-thread-card.is-searching .pd-thread-card__status, .pd-message-thread-status.is-searching) {
    border-color: color-mix(in srgb, #9a6410 30%, var(--pd-border));
    background: color-mix(in srgb, #fdf3e2 88%, var(--pd-surface));
    color: #8a5a0e;
  }

  #pdFullMessages :is(.pd-thread-card.is-active .pd-thread-card__status, .pd-message-thread-status.is-active) {
    border-color: color-mix(in srgb, #1f7a55 26%, var(--pd-border));
    background: color-mix(in srgb, #e9f6f0 88%, var(--pd-surface));
    color: #1f7a55;
  }

  #pdFullMessages .pd-thread-card__job,
  #pdFullMessages .pd-thread-card__preview {
    color: var(--pd-muted);
    font-size: 0.75rem;
  }

  #pdFullMessages .pd-thread-card__preview {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
  }

  #pdFullMessages .pd-thread-card__unread {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    align-self: center;
    border-radius: 50%;
    background: rgb(206 31 26);
  }

  #pdFullMessages .pd-message-thread-avatar {
    display: none;
  }

  #pdFullMessages #pdMessagesSend svg,
  #pdFullMessages .pd-message-locked svg {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  #pdFullMessages .pd-message-locked p {
    min-width: 0;
    margin: 0;
  }

  html.dark #pdFullMessages .pd-thread-card {
    border-color: rgb(51 65 85);
    background: rgb(15 23 42);
    color: rgb(241 245 249);
  }

  html.dark #pdFullMessages .pd-thread-card:hover,
  html.dark #pdFullMessages .pd-thread-card:is(.is-selected, [aria-current="true"]) {
    border-color: rgb(71 85 105);
    background: rgb(30 41 59);
  }

  html.dark #pdFullMessages .pd-thread-card__top strong {
    color: rgb(241 245 249);
  }

  #pdFullMessages .pd-message-day-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.75rem 0;
    color: var(--pd-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  #pdFullMessages #pdMessagesList > :is(.pd-message-row, .pd-message-day-divider, .pd-message-stamp) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #pdFullMessages .pd-message-row {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 2px 0 0;
  }

  #pdFullMessages .pd-message-row.is-provider {
    justify-content: flex-end;
  }

  #pdFullMessages .pd-message-row.is-customer {
    justify-content: flex-start;
  }

  #pdFullMessages .pd-message-row__content {
    max-width: 78%;
  }

  #pdFullMessages .pd-message-row__bubble {
    max-width: 100%;
    overflow-wrap: anywhere;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 9px 13px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-align: start;
  }

  #pdFullMessages .pd-message-row.is-provider .pd-message-row__bubble {
    background: #1e2939 !important;
    color: #fff !important;
  }

  #pdFullMessages .pd-message-row.is-customer .pd-message-row__bubble {
    background: var(--pd-muted-surface) !important;
    color: var(--pd-text) !important;
  }

  #pdFullMessages .pd-message-row.is-provider:is(.is-first, .is-single) .pd-message-row__bubble,
  #pdFullMessages .pd-message-row.is-provider.is-middle .pd-message-row__bubble {
    border-bottom-right-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-provider:is(.is-middle, .is-last) .pd-message-row__bubble {
    border-top-right-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-customer:is(.is-first, .is-single) .pd-message-row__bubble,
  #pdFullMessages .pd-message-row.is-customer.is-middle .pd-message-row__bubble {
    border-bottom-left-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-customer:is(.is-middle, .is-last) .pd-message-row__bubble {
    border-top-left-radius: 5px !important;
  }

  #pdFullMessages .pd-message-day-divider::before,
  #pdFullMessages .pd-message-day-divider::after {
    height: 1px;
    flex: 1;
    background: var(--pd-border);
    content: "";
  }

  #pdFullMessages .pd-message-stamp {
    margin: 0.25rem 0.125rem 0.75rem;
    color: var(--pd-muted);
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    text-align: left;
  }

  #pdFullMessages .pd-message-stamp.is-provider {
    text-align: right;
  }

  #pdFullMessages .pd-message-system-notice {
    width: fit-content;
    max-width: 88%;
    margin: 0.75rem auto;
    border: 1px solid var(--pd-border);
    border-radius: 0.75rem;
    background: var(--pd-muted-surface);
    padding: 0.5rem 0.75rem;
    color: var(--pd-muted);
    font-size: 0.75rem;
    line-height: 1.45;
    text-align: center;
  }

  html.dark #pdFullMessages .pd-message-day-divider,
  html.dark #pdFullMessages .pd-message-stamp {
    color: rgb(148 163 184);
  }

  html.dark #pdFullMessages .pd-message-day-divider::before,
  html.dark #pdFullMessages .pd-message-day-divider::after,
  html.dark #pdFullMessages .pd-message-system-notice {
    border-color: rgb(51 65 85);
    background-color: rgb(15 23 42);
  }

  html.dark #pdFullMessages .pd-message-system-notice {
    color: rgb(203 213 225);
  }
}

/* Tailwind's two-column utility starts at 1280px. Establish the intended
 * list/thread split earlier so tablet and small-desktop widths never stack a
 * full conversation below the entire thread list. */
@media (769px <= width <= 1279px) {
  #pdFullMessages > .pd-pane-card > .mt-5.grid {
    grid-template-columns: minmax(250px, 300px) minmax(0, 1fr) !important;
  }

  #pdFullMessages #pdMessagesConversationPane {
    display: flex !important;
    min-width: 0;
  }
}

@media (width <= 768px) {
  body[data-mobile-dashboard-role="provider"] {
    --es-mobile-canvas: #fff;
    --es-mobile-frame: #fff;
    --es-mobile-surface: #fff;
    --es-mobile-text: #17222e;
    --es-mobile-text-secondary: #5a6673;
    --es-mobile-text-muted: #64717c;
    --es-mobile-border: #e3e7ee;
    --es-mobile-accent: var(--cd-accent-600, #c8322b);
    --es-mobile-accent-soft: color-mix(
      in srgb,
      var(--cd-accent-600, #c8322b) 13%,
      var(--es-mobile-surface)
    );
    --es-mobile-success: #1e7a4d;
    --es-mobile-success-soft: #e6f3ec;
    --es-mobile-warning: #9a6a1b;
    --es-mobile-warning-soft: #fbf3e2;
    --es-mobile-strong: #233648;
    --es-mobile-info-soft: #eef2f6;
    --es-mobile-muted-surface: #f6f8fb;
    --es-mobile-control-track: #d9dde1;
    --pd-work-bg: var(--es-mobile-canvas);
    --pd-work-frame: var(--es-mobile-frame);
    --pd-work-card: var(--es-mobile-surface);
    --pd-work-ink: var(--es-mobile-text);
    --pd-work-slate: var(--es-mobile-text-secondary);
    --pd-work-faint: var(--es-mobile-text-muted);
    --pd-work-line: var(--es-mobile-border);
    --pd-work-vital: var(--es-mobile-accent);
    --pd-work-vital-soft: var(--es-mobile-accent-soft);
    --pd-work-green: var(--es-mobile-success);
    --pd-work-green-soft: var(--es-mobile-success-soft);
    --pd-work-amber: var(--es-mobile-warning);
    --pd-work-amber-soft: var(--es-mobile-warning-soft);
    --pd-work-navy: var(--es-mobile-strong);
    --pd-work-blue-soft: var(--es-mobile-info-soft);
    --pd-work-muted-surface: var(--es-mobile-muted-surface);
    --pd-work-toggle-track: var(--es-mobile-control-track);
    --pd-work-card-radius: var(--es-mobile-card-radius);
    --pd-work-control-radius: var(--es-mobile-control-radius);
    --pd-work-ease: cubic-bezier(0.16, 1, 0.3, 1);

    background: var(--pd-work-frame) !important;
    color: var(--pd-work-ink) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  }

  html[data-customer-effective-theme="sunset"] body[data-mobile-dashboard-role="provider"] {
    --es-mobile-canvas: #f8f3ea;
    --es-mobile-frame: #e9e1d5;
    --es-mobile-surface: #fffaf3;
    --es-mobile-text: #18241f;
    --es-mobile-text-secondary: #657168;
    --es-mobile-text-muted: #657168;
    --es-mobile-border: #e8ded0;
    --es-mobile-muted-surface: #f0e9de;
    --es-mobile-info-soft: #e7eee9;
    --es-mobile-control-track: #ded8ce;
    --es-mobile-accent-soft: color-mix(
      in srgb,
      var(--cd-accent-600, #c8322b) 13%,
      var(--es-mobile-surface)
    );
    --es-mobile-success-soft: #e5f2e9;
    --es-mobile-warning-soft: #faedd8;
  }

  html:is(.dark, [data-customer-effective-theme="night"]) body[data-mobile-dashboard-role="provider"] {
    --es-mobile-canvas: #0f1821;
    --es-mobile-frame: #080f16;
    --es-mobile-surface: #17232e;
    --es-mobile-text: #f5f7f9;
    --es-mobile-text-secondary: #b1bdc8;
    --es-mobile-text-muted: #9ca9b5;
    --es-mobile-border: #2a3946;
    --es-mobile-accent: var(--cd-accent-500, #ff6571);
    --es-mobile-accent-soft: color-mix(
      in srgb,
      var(--cd-accent-500, #ff6571) 16%,
      var(--es-mobile-surface)
    );
    --es-mobile-success: #39c982;
    --es-mobile-success-soft: #17372a;
    --es-mobile-warning: #f1ad5a;
    --es-mobile-warning-soft: #3a2d1c;
    --es-mobile-strong: #315b78;
    --es-mobile-info-soft: #20384a;
    --es-mobile-muted-surface: #202e3a;
    --es-mobile-control-track: #526371;

    color-scheme: dark;
  }

  body[data-mobile-dashboard-role="provider"] *,
  body[data-mobile-dashboard-role="provider"] *::before,
  body[data-mobile-dashboard-role="provider"] *::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }

  body[data-mobile-dashboard-role="provider"] #pdContentGate {
    width: 100%;
    max-width: 430px;
    min-width: 0;
    min-height: 100svh;
    margin-inline: auto;
    background: var(--pd-work-bg);
    box-shadow: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdSidebar + .flex-1 {
    width: 100%;
    max-width: 430px;
    min-width: 0;
    background: var(--pd-work-bg);
  }

  body[data-mobile-dashboard-role="provider"] :is(
    #providerDashboardMain,
    .pd-nav-section,
    .pd-pane-card,
    .pd-message-search-row,
    .pd-message-search-field,
    .pd-thread-card,
    .pd-thread-card__body,
    .pd-message-thread-bar,
    .pd-message-thread-bar__identity,
    .pd-history-card,
    .pd-history-service-cell,
    .pd-history-service-copy,
    .pd-history-customer-cell,
    .pd-mobile-settings-profile,
    .pd-mobile-settings-profile__identity,
    .pd-mobile-settings-menu__copy
  ) {
    min-width: 0;
    max-width: 100%;
  }

  body[data-mobile-dashboard-role="provider"] #pdProviderHeader {
    /* The shared shell owns the safe-area variables; this layer only sets the
     * provider chrome's content spacing. Consume each inset exactly once. */
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    display: flex !important;
    min-height: calc(var(--es-mobile-header-height) + var(--es-mobile-shell-safe-top)) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-color: var(--pd-work-line) !important;
    background: color-mix(in srgb, var(--pd-work-bg) 92%, transparent) !important;
    padding:
      calc(8px + var(--es-mobile-shell-safe-top))
      max(20px, var(--es-mobile-shell-safe-right))
      8px
      max(20px, var(--es-mobile-shell-safe-left)) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  #pdProviderHeader > .flex.items-center.gap-3 {
    min-width: 0;
    gap: 0 !important;
  }

  #pdMobileMenuOpen,
  #statusValue,
  .pd-desktop-header-copy {
    display: none !important;
  }

  .pd-mobile-brand {
    display: flex;
    min-width: 0;
    align-items: baseline;
    flex-direction: row;
    color: var(--pd-work-ink);
    white-space: nowrap;
  }

  .pd-mobile-brand__word {
    font-family: Sora, var(--es-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.05;
  }

  .pd-mobile-brand__word > span {
    color: var(--pd-work-vital);
  }

  .pd-mobile-brand__role {
    margin: 0;
    color: var(--pd-work-faint);
    font-family: Sora, var(--es-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    font-size: 19px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.05;
    text-transform: none;
  }

  #pdProviderHeader [data-mobile-shell-header-actions] {
    position: static !important;
    gap: 0 !important;
  }

  #pdNotificationsToggle {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--pd-work-bg) 92%, transparent) !important;
    padding: 0 !important;
    color: var(--pd-work-ink) !important;
    box-shadow: none !important;
  }

  #pdNotificationsToggle svg {
    width: 19px;
    height: 19px;
    stroke-width: 1.8;
  }

  #pdNotificationsBadge,
  #pdNotificationsToggle .es-notice-badge {
    top: -6px !important;
    right: -6px !important;
    display: grid;
    min-width: 19px;
    height: 19px;
    place-items: center;
    border: 2px solid var(--pd-work-bg);
    border-radius: 10px;
    background: var(--pd-work-vital) !important;
    padding: 0 4px;
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
  }

  #pdNotificationsBadge.hidden {
    display: none !important;
  }

  #pdNotificationsPanel {
    top: calc(100% - 2px);
    right: 16px;
    width: min(354px, calc(100vw - 32px));
    border-color: var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    box-shadow: 0 18px 46px rgb(11 27 43 / 16%);
  }

  body[data-mobile-dashboard-role="provider"] #providerDashboardMain {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding:
      18px
      max(16px, var(--es-mobile-shell-safe-right))
      calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom) + 16px)
      max(16px, var(--es-mobile-shell-safe-left)) !important;
    background: var(--pd-work-bg) !important;
    color: var(--pd-work-ink);
    scroll-padding-bottom: calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom) + 16px);
  }

  .pd-nav-section.pd-active {
    animation: pd-work-view-in 0.35s var(--pd-work-ease);
  }

  .pd-mobile-screen-title {
    display: block;
    margin: 4px 4px 14px;
    color: var(--pd-work-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
  }

  .pd-mobile-screen-subtitle {
    display: block;
    margin: -8px 4px 14px;
    color: var(--pd-work-slate);
    font-size: 13.5px;
    line-height: 1.4;
  }

  body[data-mobile-dashboard-role="provider"] :is(.es-card, .pd-pane-card) {
    border: 1px solid var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
    color: var(--pd-work-ink) !important;
    box-shadow: 0 1px 2px rgb(11 27 43 / 3%) !important;
  }

  body[data-mobile-dashboard-role="provider"] :is(.text-slate-900, .text-slate-800, .text-slate-700) {
    color: var(--pd-work-ink) !important;
  }

  body[data-mobile-dashboard-role="provider"] :is(.text-slate-600, .text-slate-500) {
    color: var(--pd-work-slate) !important;
  }

  body[data-mobile-dashboard-role="provider"] .text-slate-400 {
    color: var(--pd-work-faint) !important;
  }

  #dashboardAuthLoader,
  #banner,
  #pdLocBanner,
  .pd-secondary-context {
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-control-radius) !important;
    background: var(--pd-work-card) !important;
  }

  /* Overview */
  #pdFullOverview.pd-active {
    gap: 14px;
  }

  #pdFullOverview > .pd-mobile-screen-title {
    order: 0;
    margin-bottom: 0;
  }

  #pdOverviewPrimaryGrid {
    order: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #pdActiveRequestWorkspace {
    order: 2;
  }

  #pdOverviewOffersCard {
    order: 3;
  }

  #pdOverviewMetaGrid {
    order: 4;
    gap: 14px !important;
  }

  body[data-mobile-dashboard-role="provider"][data-pd-state="offline"] #pdFullOverview #pdOverviewPrimaryGrid,
  body[data-mobile-dashboard-role="provider"][data-pd-state="offline-blocked"] #pdFullOverview #pdOverviewPrimaryGrid,
  body[data-mobile-dashboard-role="provider"][data-pd-state="degraded"] #pdFullOverview #pdOverviewPrimaryGrid {
    display: grid !important;
  }

  body[data-mobile-dashboard-role="provider"][data-pd-state="offline"] #pdFullOverview #pdOverviewEarningsCard,
  body[data-mobile-dashboard-role="provider"][data-pd-state="offline"] #pdFullOverview #pdOverviewPerformanceCard,
  body[data-mobile-dashboard-role="provider"][data-pd-state="offline-blocked"] #pdFullOverview #pdOverviewEarningsCard,
  body[data-mobile-dashboard-role="provider"][data-pd-state="offline-blocked"] #pdFullOverview #pdOverviewPerformanceCard,
  body[data-mobile-dashboard-role="provider"][data-pd-state="degraded"] #pdFullOverview #pdOverviewEarningsCard,
  body[data-mobile-dashboard-role="provider"][data-pd-state="degraded"] #pdFullOverview #pdOverviewPerformanceCard {
    display: block !important;
  }

  #pdFullOverview #pdOverviewAvailabilityCard,
  #pdFullOverview #pdOverviewEarningsCard,
  #pdFullOverview #pdOverviewPerformanceCard {
    min-height: 0 !important;
    padding: 18px !important;
  }

  #pdOverviewAvailabilityCard {
    position: relative;
  }

  #pdOverviewAvailabilityCard > .text-sm:first-child {
    display: none;
  }

  #pdFullOverview #pdOverviewAvailabilityCard > .mt-2.flex {
    position: absolute;
    top: 18px;
    right: auto;
    inset-inline-end: 18px;
    z-index: 2;
    display: block !important;
    width: 62px !important;
    height: 36px;
    margin: 0 !important;
    border-radius: 999px;
    background: var(--pd-work-toggle-track);
    transition: background-color 0.3s var(--pd-work-ease);
  }

  #pdOverviewAvailabilityCard > .mt-2.flex::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgb(11 27 43 / 25%);
    transition: transform 0.3s var(--pd-work-ease);
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) > .mt-2.flex,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="intent"]) > .mt-2.flex,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="connecting"]) > .mt-2.flex {
    background: var(--pd-work-green);
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="protected"]) > .mt-2.flex {
    background: var(--pd-work-amber);
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) > .mt-2.flex::after,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="intent"]) > .mt-2.flex::after,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="connecting"]) > .mt-2.flex::after,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="protected"]) > .mt-2.flex::after {
    transform: translateX(26px);
  }

  [dir="rtl"] #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) > .mt-2.flex::after,
  [dir="rtl"] #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="intent"]) > .mt-2.flex::after,
  [dir="rtl"] #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="connecting"]) > .mt-2.flex::after,
  [dir="rtl"] #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="protected"]) > .mt-2.flex::after {
    transform: translateX(-26px);
  }

  [dir="rtl"] #pdOverviewAvailabilityCard > .mt-2.flex::after {
    right: 4px;
    left: auto;
  }

  #pdOverviewAvailabilityCard > .mt-2.flex > button {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100% !important;
    min-height: 36px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
    font-size: 0 !important;
    opacity: 0 !important;
    text-indent: -9999px;
  }

  #pdOverviewAvailabilityCard > .mt-2.flex > #btnOffline {
    display: none !important;
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill:is([data-state="online"], [data-state="intent"], [data-state="connecting"], [data-state="protected"])) > .mt-2.flex > #btnOnline {
    display: none !important;
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill:is([data-state="online"], [data-state="intent"], [data-state="connecting"], [data-state="protected"])) > .mt-2.flex > #btnOffline {
    display: block !important;
  }

  #pdOverviewAvailabilityCard > .mt-2.flex:focus-within {
    outline: 2px solid var(--pd-work-vital);
    outline-offset: 2px;
  }

  #pdOverviewAvailabilityCard > .mt-3.flex {
    min-height: 36px;
    margin: 0 !important;
    padding-inline-end: 76px;
  }

  #pdStatusPill {
    max-width: 100%;
    min-height: 32px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--pd-work-muted-surface) !important;
    padding: 7px 14px !important;
    color: var(--pd-work-slate) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdStatusPill[data-state="online"] {
    background: var(--pd-work-green-soft) !important;
    color: var(--pd-work-green) !important;
  }

  #pdStatusPill[data-state="protected"] {
    background: var(--pd-work-amber-soft) !important;
    color: var(--pd-work-amber) !important;
  }

  #pdStatusPill[data-state="connecting"],
  #pdStatusPill[data-state="intent"] {
    background: color-mix(in srgb, var(--pd-work-green-soft) 72%, var(--pd-work-card)) !important;
    color: var(--pd-work-green) !important;
  }

  #pdStatusDot {
    width: 8px !important;
    height: 8px !important;
    background: currentcolor !important;
  }

  #pdStatusPill[data-state="online"] #pdStatusDot {
    animation: pd-work-beat 1.8s ease-in-out infinite;
  }

  #pdOnlineSync {
    display: none;
  }

  .pd-availability-helper {
    margin-top: 10px;
    padding-right: 4px;
    color: var(--pd-work-slate);
    font-size: 14px;
    line-height: 1.55;
  }

  .pd-availability-helper [data-availability-copy] {
    display: none;
  }

  .pd-availability-helper [data-availability-copy="offline"],
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) [data-availability-copy="online"],
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="intent"]) [data-availability-copy="connecting"],
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="connecting"]) [data-availability-copy="connecting"] {
    display: inline;
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) [data-availability-copy="offline"],
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="intent"]) [data-availability-copy="offline"],
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="connecting"]) [data-availability-copy="offline"] {
    display: none;
  }

  .pd-availability-meta {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
    border-top: 1px solid var(--pd-work-line);
    padding-top: 14px;
  }

  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="online"]) .pd-availability-meta,
  #pdOverviewAvailabilityCard:has(#pdStatusPill[data-state="protected"]) .pd-availability-meta {
    display: grid;
  }

  .pd-availability-meta__item {
    min-width: 0;
  }

  .pd-availability-meta__key {
    display: block;
    color: var(--pd-work-faint);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .pd-availability-meta__value {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    margin-top: 5px;
    overflow: hidden;
    color: var(--pd-work-ink);
    font-size: 13px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-availability-check {
    display: grid;
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: var(--pd-work-green);
    color: #fff;
    font-size: 9px;
    line-height: 1;
  }

  .pd-availability-meta__value[data-state="resyncing"] {
    color: var(--pd-work-amber);
  }

  .pd-availability-meta__value[data-state="resyncing"] .pd-availability-check {
    background: var(--pd-work-amber);
    font-size: 11px;
  }

  #pdGoOnlineBlocked {
    border-color: color-mix(in srgb, var(--pd-work-vital) 24%, var(--pd-work-line)) !important;
    border-radius: 14px !important;
    background: var(--pd-work-vital-soft) !important;
    color: var(--pd-work-ink) !important;
  }

  #pdOverviewEarningsCard > .text-sm:first-child,
  #pdOverviewPerformanceCard > .text-xs:first-child {
    margin-bottom: 12px !important;
    color: var(--pd-work-faint) !important;
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.3;
    text-transform: uppercase;
  }

  #earningsSummary {
    display: flex;
    align-items: baseline;
    margin-top: 0 !important;
    color: var(--pd-work-ink) !important;
    font-family: Sora, var(--es-font-sans, sans-serif);
    font-size: 38px !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em;
    line-height: 1.15;
  }

  #earningsSummary small {
    margin-left: 7px;
    color: var(--pd-work-slate);
    font-family: "IBM Plex Sans", var(--es-font-sans, sans-serif);
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
  }

  #pdFullEarnings,
  #pdFullEarnings > .pd-pane-card,
  #pdEarningsWorkspace,
  #pdEarningsWorkspace > *,
  #pdEarningsWorkspace :is(label, input, select, button, .es-custom-select, .es-custom-select__trigger),
  #pdFullSettings [data-settings-tab-panel],
  #pdFullSettings [data-settings-tab-panel] > *,
  #pdFullSettings [data-settings-tab-panel] :is(label, input, select, textarea, .es-custom-select, .es-custom-select__trigger) {
    min-width: 0;
    max-width: 100%;
  }

  #earningsSummaryFull {
    display: flex;
    min-width: 0;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    margin-top: 14px !important;
    overflow-wrap: anywhere;
    font-size: inherit !important;
    line-height: 1.15;
  }

  #earningsSummaryFull[data-state="loading"],
  #earningsSummaryFull[data-state="error"] {
    color: var(--pd-work-slate) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .pd-earnings-summary-period {
    display: grid;
    min-width: min(126px, 100%);
    flex: 1 1 126px;
    gap: 4px;
    border: 1px solid var(--pd-work-line);
    border-radius: 12px;
    background: var(--pd-work-bg);
    padding: 12px;
  }

  .pd-earnings-summary-period strong {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--pd-work-ink);
    font-size: clamp(22px, 7vw, 30px);
    font-weight: 700;
    letter-spacing: -0.03em;
  }

  .pd-earnings-summary-period small {
    color: var(--pd-work-slate);
    font-size: 12px;
    font-weight: 600;
  }

  .pd-earnings-summary-divider {
    display: none;
  }

  #pdEarningsWorkspaceStatus {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--pd-work-line);
    border-radius: 12px;
    background: var(--pd-work-card);
    padding: 12px 14px;
    color: var(--pd-work-slate);
    font-size: 13px;
    line-height: 1.4;
  }

  #pdEarningsWorkspaceStatus[hidden] {
    display: none;
  }

  #pdEarningsWorkspaceStatus[data-kind="error"] {
    border-color: color-mix(in srgb, var(--pd-work-vital) 32%, var(--pd-work-line));
    background: var(--pd-work-vital-soft);
    color: var(--pd-work-ink);
  }

  #pdEarningsWorkspaceStatus[data-kind="warning"] {
    background: var(--pd-work-amber-soft);
    color: var(--pd-work-ink);
  }

  #pdEarningsWorkspaceStatus button,
  .pd-earnings-history-state button {
    min-height: 40px;
    flex: 0 0 auto;
    border: 1px solid currentcolor !important;
    border-radius: 999px !important;
    background: transparent;
    padding: 8px 14px;
    color: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  .pd-earnings-panel-state {
    display: grid;
    gap: 5px;
    min-height: 72px;
    align-content: center;
    border: 1px dashed var(--pd-work-line);
    border-radius: 12px;
    background: var(--pd-work-card);
    padding: 16px;
    color: var(--pd-work-slate);
    font-size: 13px;
  }

  .pd-earnings-panel-state strong {
    color: var(--pd-work-ink);
    font-size: 14px;
  }

  .pd-earnings-filter-grid,
  .pd-earnings-sort-row {
    min-width: 0;
  }

  .pd-earnings-sort-row > label {
    min-width: 0 !important;
    flex: 1 1 180px;
  }

  #pdEarningsSearch {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  #pdEarningsSearch::placeholder,
  #pdFullEarnings input::placeholder,
  #pdFullSettings input::placeholder,
  #pdFullSettings textarea::placeholder {
    color: var(--pd-work-slate);
    opacity: 1;
  }

  #pdEarningsClearFilters:disabled {
    opacity: 0.55;
    cursor: default;
  }

  .pd-earnings-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pd-earnings-cards > * {
    min-width: 0;
  }

  .pd-earnings-history {
    min-width: 0;
    max-width: 100%;
  }

  .pd-earnings-history-table-wrap {
    display: none;
  }

  .pd-earnings-mobile-list {
    display: grid;
  }

  .pd-earnings-mobile-row {
    min-width: 0;
    border-bottom: 1px solid var(--pd-work-line);
    padding: 16px;
  }

  .pd-earnings-mobile-row:last-child {
    border-bottom: 0;
  }

  .pd-earnings-mobile-row__top,
  .pd-earnings-mobile-row__meta {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  .pd-earnings-mobile-row__source,
  .pd-earnings-mobile-row__meta > span {
    display: inline-flex;
    flex: 0 1 auto;
    border-radius: 999px;
    background: var(--pd-work-blue-soft);
    padding: 4px 9px;
    color: var(--pd-work-slate);
    font-size: 11px;
    font-weight: 700;
  }

  .pd-earnings-mobile-row__amount {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--pd-work-ink);
    font-size: 16px;
  }

  .pd-earnings-mobile-row__meta {
    margin-top: 10px;
    color: var(--pd-work-slate);
    font-size: 12px;
  }

  .pd-earnings-mobile-row__meta time {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
  }

  .pd-earnings-mobile-row h5 {
    margin-top: 12px;
    overflow-wrap: anywhere;
    color: var(--pd-work-ink);
    font-size: 14px;
    font-weight: 700;
  }

  .pd-earnings-mobile-row p,
  .pd-earnings-mobile-row small {
    display: block;
    margin-top: 4px;
    overflow-wrap: anywhere;
    color: var(--pd-work-slate);
    font-size: 12px;
    line-height: 1.5;
  }

  .pd-earnings-history-state {
    display: grid;
    min-width: 0;
    justify-items: start;
    gap: 6px;
    padding: 28px 20px;
    color: var(--pd-work-slate);
  }

  .pd-earnings-history-state strong {
    color: var(--pd-work-ink);
    font-size: 15px;
  }

  .pd-earnings-history-state p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  #earningsBreakdown {
    display: flex;
    gap: 6px;
    margin-top: 14px !important;
    border-radius: 12px;
    background: var(--pd-work-muted-surface);
    padding: 4px;
  }

  #earningsBreakdown button {
    min-width: 0;
    min-height: 34px;
    flex: 1 1 0;
    border: 0;
    border-radius: 9px;
    background: transparent;
    padding: 7px 3px;
    color: var(--pd-work-slate);
    font: 500 13px/1 "IBM Plex Sans", var(--es-font-sans, sans-serif);
  }

  #earningsBreakdown button.is-selected {
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    font-weight: 600;
    box-shadow: 0 1px 3px rgb(11 27 43 / 10%);
  }

  .pd-overview-payout-link {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 5px;
    margin-top: 9px;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--pd-work-vital);
    font-size: 14px;
    font-weight: 600;
  }

  .pd-overview-payout-link svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.5;
  }

  .pd-performance-layout {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .pd-score-ring {
    position: relative;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
  }

  .pd-score-ring svg {
    width: 78px;
    height: 78px;
    transform: rotate(-90deg);
  }

  .pd-score-ring circle {
    fill: none;
    stroke-width: 7;
  }

  .pd-score-ring__track {
    stroke: var(--pd-work-muted-surface);
  }

  .pd-score-ring__value {
    stroke: var(--pd-work-vital);
    stroke-linecap: round;
    stroke-dasharray: 207.35;
    stroke-dashoffset: 207.35;
    transition: stroke-dashoffset 0.45s var(--pd-work-ease);
  }

  #pdScoreValue {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--pd-work-ink) !important;
    font-family: Sora, var(--es-font-sans, sans-serif);
    font-size: 22px !important;
    font-weight: 700 !important;
  }

  .pd-performance-stats {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 10px;
  }

  .pd-performance-stat {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: var(--pd-work-slate);
    font-size: 14px;
  }

  .pd-performance-stat strong {
    color: var(--pd-work-ink);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
  }

  .pd-performance-label {
    display: none;
  }

  .pd-performance-hint,
  #pdScoreNoHistory {
    margin-top: 12px !important;
    color: var(--pd-work-faint) !important;
    font-size: 12.5px !important;
    line-height: 1.45;
  }

  /* Messages */
  #pdFullMessages > .pd-pane-card,
  #pdFullJobHistory > .pd-pane-card,
  #pdFullSettings > [data-provider-settings-tabs] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  #pdFullMessages > .pd-pane-card > .flex:first-child {
    display: none;
  }

  #pdFullMessages > .pd-pane-card > .mt-5.grid {
    display: block !important;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-top: 0 !important;
  }

  #pdMessagesThreadPane {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
    min-height: 0 !important;
    overflow-x: clip;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  .pd-message-search-row {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
    overflow: hidden;
  }

  .pd-message-search-field {
    position: relative;
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
  }

  .pd-message-search-field > svg {
    position: absolute;
    left: 14px;
    z-index: 1;
    width: 17px;
    height: 17px;
    color: var(--pd-work-faint);
    stroke-width: 2;
    pointer-events: none;
  }

  #pdMessagesSearch {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 46px;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 14px !important;
    background: var(--pd-work-card) !important;
    padding: 11px 52px 11px 41px !important;
    color: var(--pd-work-ink) !important;
    font-size: 16px !important;
    outline: none;
  }

  #pdMessagesSearch::placeholder {
    color: var(--pd-work-faint);
  }

  .pd-message-filter-button {
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 2;
    display: grid;
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    place-items: center;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pd-work-slate);
  }

  .pd-message-filter-button svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
  }

  .pd-message-filter-button[aria-expanded="true"] {
    background: var(--pd-work-vital-soft);
    color: var(--pd-work-vital);
  }

  .pd-chiprow,
  .pd-message-scope-filters,
  .pd-history-quick-filters {
    display: flex;
    gap: 8px;
    width: auto;
    max-width: none;
    margin-right: -16px;
    margin-left: -16px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    padding: 2px 16px;
    scroll-padding-inline: 16px;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .pd-chiprow::-webkit-scrollbar,
  .pd-message-scope-filters::-webkit-scrollbar,
  .pd-history-quick-filters::-webkit-scrollbar {
    display: none;
  }

  .pd-message-scope-filters > button {
    min-height: 34px;
    flex: 0 0 auto;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: var(--pd-work-card);
    padding: 7px 14px;
    color: var(--pd-work-slate);
    font: 500 13px/1 "IBM Plex Sans", var(--es-font-sans, sans-serif);
    white-space: nowrap;
  }

  .pd-message-scope-filters > button[aria-pressed="true"] {
    border-color: var(--pd-work-navy);
    background: var(--pd-work-navy);
    color: #fff;
  }

  .pd-message-advanced-filters {
    display: grid;
    gap: 10px;
    border: 1px solid var(--pd-work-line);
    border-radius: 14px;
    background: var(--pd-work-card);
    padding: 12px;
  }

  .pd-message-advanced-filters[hidden] {
    display: none;
  }

  .pd-message-advanced-filters :is(input, select, button) {
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-bg) !important;
    color: var(--pd-work-ink) !important;
  }

  .pd-message-advanced-filters :is(input, select) {
    font-size: 16px !important;
  }

  #pdMessagesThreadCount {
    display: none;
  }

  #pdMessagesThreadHistoryList {
    display: grid;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: none !important;
    gap: 10px;
    margin-top: 12px !important;
    overflow: visible;
    padding-right: 0 !important;
  }

  .pd-thread-card {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-height: 74px;
    overflow: hidden;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    padding: 14px;
    color: var(--pd-work-ink);
    text-align: left;
    transition: transform 0.15s var(--pd-work-ease), border-color 0.15s ease;
  }

  .pd-thread-card:active {
    transform: scale(0.985);
  }

  .pd-thread-card.is-selected {
    border-color: var(--pd-work-line);
  }

  .pd-thread-card__avatar {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border-radius: 50%;
    background: var(--pd-work-navy);
    color: #fff;
    font-family: Sora, var(--es-font-sans, sans-serif);
    font-size: 14px;
    font-weight: 600;
  }

  .pd-thread-card.is-searching .pd-thread-card__avatar {
    background: var(--pd-work-amber);
  }

  .pd-thread-card.is-cancelled .pd-thread-card__avatar {
    background: var(--pd-work-slate);
  }

  .pd-thread-card.is-completed .pd-thread-card__avatar {
    background: var(--pd-work-green);
  }

  .pd-thread-card__body {
    display: block;
    min-width: 0;
    flex: 1;
    overflow: hidden;
  }

  .pd-thread-card__side {
    display: flex;
    width: min(96px, 34%);
    min-width: 0;
    max-width: 34%;
    flex: 0 1 96px;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    color: var(--pd-work-faint);
    text-align: right;
  }

  .pd-thread-card__side time {
    overflow: hidden;
    max-width: 100%;
    font-size: 12px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-thread-card__side .pd-thread-card__status {
    max-width: 100%;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-thread-card__top {
    display: flex;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
  }

  .pd-thread-card__top strong {
    overflow: hidden;
    color: var(--pd-work-ink);
    font-size: 15px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-thread-card__top time {
    flex: 0 0 auto;
    color: var(--pd-work-faint);
    font-size: 12px;
    font-weight: 400;
  }

  .pd-thread-card__preview {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--pd-work-slate);
    font-size: 13.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-thread-card__status,
  .pd-message-thread-status,
  #pdFullJobHistory .pd-history-status {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: var(--pd-work-muted-surface);
    padding: 4px 9px;
    color: var(--pd-work-slate);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .pd-thread-card__status {
    margin-top: 7px;
  }

  .pd-thread-card:is(.is-searching, .is-active) .pd-thread-card__status,
  .pd-message-thread-status:is(.is-searching, .is-active),
  #pdFullJobHistory .pd-history-status:is(.is-active, .is-review) {
    background: var(--pd-work-amber-soft);
    color: var(--pd-work-amber);
  }

  .pd-thread-card.is-completed .pd-thread-card__status,
  .pd-message-thread-status.is-completed,
  #pdFullJobHistory .pd-history-status.is-completed {
    background: var(--pd-work-green-soft);
    color: var(--pd-work-green);
  }

  .pd-thread-card.is-cancelled .pd-thread-card__status,
  .pd-message-thread-status.is-cancelled,
  #pdFullJobHistory .pd-history-status:is(.is-canceled, .is-neutral) {
    background: var(--pd-work-muted-surface);
    color: var(--pd-work-slate);
  }

  .pd-thread-card__unread {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    margin-top: 1px;
    border-radius: 50%;
    background: var(--pd-work-vital);
  }

  #pdMessagesConversationPane {
    display: none !important;
    width: 100%;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100%;
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
  }

  #pdFullMessages.pd-mobile-conversation-open #pdMessagesThreadPane {
    display: none !important;
  }

  #pdFullMessages.pd-mobile-conversation-open #pdMessagesConversationPane {
    display: flex !important;
  }

  #pdFullMessages.pd-mobile-conversation-open > :is(.pd-mobile-screen-title, .pd-mobile-screen-subtitle) {
    display: none;
  }

  .pd-messages-mobile-back {
    display: grid;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px !important;
    place-items: center;
    border: 1px solid var(--pd-work-line);
    border-radius: 12px;
    background: var(--pd-work-bg);
    color: var(--pd-work-ink);
  }

  .pd-messages-mobile-back svg {
    width: 19px;
    height: 19px;
    stroke-width: 2;
  }

  #pdMessagesConversationPane > div,
  #pdMessagesComposer {
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-card) !important;
  }

  #pdMessagesList {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--pd-work-bg) !important;
  }

  .pd-message-thread-bar {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center !important;
    gap: 2px 12px !important;
    padding: 12px 14px !important;
  }

  .pd-message-thread-bar .pd-messages-mobile-back {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  .pd-message-thread-bar__identity {
    grid-column: 2;
    grid-row: 1;
  }

  .pd-message-thread-bar__eyebrow {
    display: none;
  }

  .pd-message-thread-bar__identity > div:last-child {
    margin-top: 0 !important;
    overflow: hidden;
    color: var(--pd-work-ink) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-message-thread-bar__meta {
    display: contents;
  }

  .pd-message-thread-bar__subline {
    display: block;
    min-width: 0;
    grid-column: 2;
    grid-row: 2;
    overflow: hidden;
    color: var(--pd-work-faint);
    font-size: 11.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-message-thread-status {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    flex: 0 0 auto;
  }

  .pd-message-day-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    color: var(--pd-work-faint);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
  }

  .pd-message-day-divider::before,
  .pd-message-day-divider::after {
    height: 1px;
    flex: 1;
    background: var(--pd-work-line);
    content: "";
  }

  .pd-message-row {
    display: flex;
    max-width: 82%;
    flex-direction: column;
    margin-bottom: 12px;
  }

  .pd-message-row.is-provider {
    align-items: flex-end;
    margin-left: auto;
  }

  .pd-message-row.is-customer {
    align-items: flex-start;
    margin-right: auto;
  }

  .pd-message-row__stamp {
    margin-bottom: 4px;
    padding-inline: 4px;
    color: var(--pd-work-faint) !important;
    font-size: 11px !important;
  }

  .pd-message-row__bubble {
    max-width: 100%;
    overflow-wrap: break-word;
    border-radius: 18px !important;
    padding: 11px 15px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .pd-message-row.is-provider .pd-message-row__bubble {
    border-bottom-right-radius: 6px !important;
    background: var(--pd-work-navy) !important;
    color: #fff !important;
  }

  .pd-message-row.is-customer .pd-message-row__bubble {
    border: 1px solid var(--pd-work-line) !important;
    border-bottom-left-radius: 6px !important;
    background: var(--pd-work-card) !important;
    color: var(--pd-work-ink) !important;
  }

  #pdMessagesInput {
    min-width: 0;
    min-height: 46px !important;
    max-height: 120px;
    border-radius: 999px !important;
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-card) !important;
    padding: 11px 16px !important;
    color: var(--pd-work-ink) !important;
    font-size: 16px !important;
  }

  #pdMessagesComposer {
    position: sticky;
    bottom: calc(75px + var(--es-mobile-shell-safe-bottom, env(safe-area-inset-bottom, 0px)));
    z-index: 3;
    border-color: var(--pd-work-line) !important;
    background: color-mix(in srgb, var(--pd-work-card) 94%, transparent) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .pd-message-composer {
    min-width: 0;
    align-items: flex-end;
  }

  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider {
    display: none !important;
  }

  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] #providerDashboardMain {
    padding-bottom: 20px !important;
    scroll-padding-bottom: 20px;
  }

  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] #pdContentGate,
  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] #pdSidebar + .flex-1 {
    height: var(--es-visual-viewport-height, 100dvh);
    min-height: var(--es-visual-viewport-height, 100dvh);
    max-height: var(--es-visual-viewport-height, 100dvh);
    overflow: hidden;
  }

  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] #pdMessagesComposer {
    bottom: 0;
  }

  #pdMessagesSend {
    width: 46px;
    min-width: 46px;
    min-height: 46px !important;
    overflow: hidden;
    border-color: var(--pd-work-vital) !important;
    border-radius: 50% !important;
    background: var(--pd-work-vital) !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  #pdMessagesSend::before {
    color: #fff;
    content: "➤";
    font-size: 17px;
  }

  /* Messages redesign: one scoped palette and one list/detail renderer. */
  #pdFullMessages {
    --pd-msg-ink: #0f172a;
    --pd-msg-slate: #475467;
    --pd-msg-muted: #5f6b7a;
    --pd-msg-line: #e3e7ee;
    --pd-msg-field: #f6f8fb;
    --pd-msg-surface: #fff;
    --pd-msg-page: var(--pd-work-bg);
    --pd-msg-brand: var(--pd-work-vital);
    --pd-msg-brand-tint: var(--pd-work-vital-soft);
    --pd-msg-ok: #1f7a55;
    --pd-msg-ok-tint: #e9f6f0;
    --pd-msg-warn: #9a6410;
    --pd-msg-warn-tint: #fdf3e2;
    --pd-msg-focus: var(--pd-work-vital);
    --pd-msg-name: var(--pd-work-vital);
    --pd-msg-bubble-me: #1e2939;
    --pd-msg-bubble-them: #eef1f5;

    color: var(--pd-msg-ink);
  }

  html[data-customer-effective-theme="sunset"] #pdFullMessages {
    --pd-msg-ink: var(--pd-work-ink);
    --pd-msg-slate: var(--pd-work-slate);
    --pd-msg-muted: var(--pd-work-faint);
    --pd-msg-line: var(--pd-work-line);
    --pd-msg-field: var(--pd-work-muted-surface);
    --pd-msg-surface: var(--pd-work-card);
    --pd-msg-page: var(--pd-work-bg);
    --pd-msg-brand: var(--pd-work-vital);
    --pd-msg-brand-tint: var(--pd-work-vital-soft);
    --pd-msg-ok: var(--pd-work-green);
    --pd-msg-ok-tint: var(--pd-work-green-soft);
    --pd-msg-warn: var(--pd-work-amber);
    --pd-msg-warn-tint: var(--pd-work-amber-soft);
    --pd-msg-bubble-me: var(--pd-work-navy);
    --pd-msg-bubble-them: var(--pd-work-muted-surface);
  }

  html:is(.dark, [data-customer-effective-theme="night"]) #pdFullMessages {
    --pd-msg-ink: var(--pd-work-ink);
    --pd-msg-slate: var(--pd-work-slate);
    --pd-msg-muted: var(--pd-work-faint);
    --pd-msg-line: var(--pd-work-line);
    --pd-msg-field: var(--pd-work-muted-surface);
    --pd-msg-surface: var(--pd-work-card);
    --pd-msg-page: var(--pd-work-bg);
    --pd-msg-brand: var(--pd-work-vital);
    --pd-msg-brand-tint: var(--pd-work-vital-soft);
    --pd-msg-ok: var(--pd-work-green);
    --pd-msg-ok-tint: var(--pd-work-green-soft);
    --pd-msg-warn: var(--pd-work-amber);
    --pd-msg-warn-tint: var(--pd-work-amber-soft);
    --pd-msg-focus: #7aa7ff;
    --pd-msg-name: #53a8ff;
    --pd-msg-bubble-me: #26384a;
    --pd-msg-bubble-them: #202e3a;
  }

  body[data-mobile-dashboard-role="provider"]:has(#pdFullMessages.pd-active) #providerDashboardMain {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    overscroll-behavior: none;
  }

  body[data-mobile-dashboard-role="provider"]:has(#pdFullMessages.pd-active) #pdProviderHeader {
    background: color-mix(in srgb, var(--pd-work-card) 94%, transparent) !important;
  }

  body[data-mobile-dashboard-role="provider"]:has(#pdFullMessages.pd-active) #fullDashboard {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullMessages.pd-active {
    display: flex;
    width: calc(100% + 32px);
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0 !important;
    margin: -18px -16px -16px;
    overflow: hidden;
    background: var(--pd-msg-page);
  }

  body[data-mobile-dashboard-role="provider"]:has(
    #dashboardAuthLoader:not(.hidden),
    #banner:not(.hidden),
    #pdLocBanner:not(.hidden)
  ) #pdFullMessages.pd-active {
    margin-top: 0;
  }

  #pdFullMessages.pd-active > * {
    margin-top: 0 !important;
  }

  #pdFullMessages > .pd-mobile-screen-title {
    flex: 0 0 auto;
    margin: 0;
    border: 0;
    background: var(--pd-msg-surface);
    padding: 12px 20px 0;
    color: var(--pd-msg-ink);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.35px;
    line-height: 1.2;
  }

  #pdFullMessages > .pd-mobile-screen-subtitle {
    flex: 0 0 auto;
    margin: 0;
    border-bottom: 1px solid var(--pd-msg-line);
    background: var(--pd-msg-surface);
    padding: 3px 20px 14px;
    color: var(--pd-msg-slate);
    font-size: 13.5px;
    line-height: 1.4;
  }

  #pdFullMessages > .pd-pane-card,
  #pdFullMessages > .pd-pane-card > .mt-5.grid {
    display: flex !important;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
  }

  #pdFullMessages #pdMessagesThreadPane {
    display: flex;
    min-height: 0 !important;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    background: var(--pd-msg-page) !important;
  }

  #pdFullMessages #pdMessagesThreadPane > .space-y-3 {
    flex: none;
    border-bottom: 1px solid var(--pd-msg-line);
    background: var(--pd-msg-surface);
  }

  #pdFullMessages #pdMessagesThreadPane > .space-y-3 > * {
    margin-top: 0 !important;
  }

  #pdFullMessages :is(.pd-message-search-row, #pdMessagesAdvancedFilters, #pdMessagesThreadCount) {
    display: none !important;
  }

  #pdFullMessages #pdMessagesScopeFilters {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 0;
    gap: 4px;
    overflow: visible;
    background: var(--pd-msg-surface);
    padding: 0 12px;
  }

  #pdFullMessages #pdMessagesScopeFilters > button {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 46px;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    padding: 11px 4px 9px;
    color: var(--pd-msg-muted);
    font: 600 14px/1.2 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    white-space: nowrap;
  }

  #pdFullMessages #pdMessagesScopeFilters > button[data-message-scope="all"] {
    display: none;
  }

  #pdFullMessages #pdMessagesScopeFilters > button[aria-pressed="true"] {
    border-bottom-color: var(--pd-msg-brand);
    background: transparent;
    color: var(--pd-msg-ink);
  }

  #pdFullMessages .pd-message-scope-count {
    display: inline-flex;
    min-width: 27px;
    min-height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pd-msg-line);
    border-radius: 999px;
    background: var(--pd-msg-field);
    padding: 1px 7px;
    color: var(--pd-msg-slate);
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    line-height: 1;
  }

  #pdFullMessages #pdMessagesScopeFilters > button[aria-pressed="true"] .pd-message-scope-count {
    border-color: color-mix(in srgb, var(--pd-msg-brand) 24%, var(--pd-msg-line));
    background: var(--pd-msg-brand-tint);
    color: var(--pd-msg-brand);
  }

  #pdFullMessages #pdMessagesThreadHistoryList {
    display: block;
    width: 100%;
    min-height: 0;
    max-height: none !important;
    flex: 1 1 auto;
    margin: 0 !important;
    overflow: hidden auto;
    background: var(--pd-msg-page);
    padding: 0 !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }

  #pdFullMessages #pdMessagesThreadHistoryList > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #pdFullMessages .pd-thread-card {
    display: flex;
    width: 100%;
    min-height: 96px;
    align-items: flex-start;
    gap: 12px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--pd-msg-line);
    border-radius: 0;
    background: var(--pd-msg-surface);
    padding: 13px 16px;
    color: var(--pd-msg-ink);
    text-align: start;
    transform: none;
  }

  #pdFullMessages .pd-thread-card:active {
    background: var(--pd-msg-field);
    transform: none;
  }

  #pdFullMessages .pd-thread-card:is(.is-selected, [aria-current="true"]) {
    border-color: var(--pd-msg-line);
    background: var(--pd-msg-surface);
  }

  #pdFullMessages .pd-thread-card__avatar,
  #pdFullMessages .pd-thread-card:is(.is-searching, .is-active, .is-closed, .is-cancelled) .pd-thread-card__avatar {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #3a4658, #20293a);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0.02em;
  }

  #pdFullMessages .pd-thread-card__body {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  #pdFullMessages .pd-thread-card__top {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 8px;
  }

  #pdFullMessages .pd-thread-card__top strong {
    min-width: 0;
    overflow: hidden;
    color: var(--pd-msg-name);
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card.is-unread .pd-thread-card__top strong {
    font-weight: 750;
  }

  #pdFullMessages .pd-thread-card__top time {
    min-width: max-content;
    flex: none;
    margin-inline-start: auto;
    color: var(--pd-msg-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card__details {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    margin-top: 3px;
  }

  #pdFullMessages :is(.pd-thread-card__status, .pd-message-thread-status) {
    display: inline-flex;
    min-height: 20px;
    flex: none;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pd-msg-line);
    border-radius: 999px;
    background: var(--pd-msg-field);
    padding: 1px 8px;
    color: var(--pd-msg-slate);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    text-transform: none;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card__status {
    margin-top: 0;
  }

  #pdFullMessages :is(.pd-thread-card, .pd-message-thread-status).is-searching .pd-thread-card__status,
  #pdFullMessages .pd-message-thread-status.is-searching,
  #pdFullMessages .pd-thread-card.is-searching .pd-thread-card__status {
    border-color: color-mix(in srgb, var(--pd-msg-warn) 24%, var(--pd-msg-line));
    background: var(--pd-msg-warn-tint);
    color: var(--pd-msg-warn);
  }

  #pdFullMessages .pd-thread-card.is-active .pd-thread-card__status,
  #pdFullMessages .pd-message-thread-status.is-active {
    border-color: color-mix(in srgb, var(--pd-msg-ok) 24%, var(--pd-msg-line));
    background: var(--pd-msg-ok-tint);
    color: var(--pd-msg-ok);
  }

  #pdFullMessages :is(.pd-thread-card.is-closed, .pd-thread-card.is-cancelled) .pd-thread-card__status,
  #pdFullMessages :is(.pd-message-thread-status.is-closed, .pd-message-thread-status.is-cancelled) {
    border-color: var(--pd-msg-line);
    background: var(--pd-msg-field);
    color: var(--pd-msg-slate);
  }

  #pdFullMessages .pd-thread-card__job {
    min-width: 0;
    overflow: hidden;
    color: var(--pd-msg-muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card__preview {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: var(--pd-msg-slate);
    font-size: 13.5px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages .pd-thread-card.is-unread .pd-thread-card__preview {
    color: var(--pd-msg-ink);
    font-weight: 500;
  }

  #pdFullMessages .pd-thread-card__unread {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    align-self: center;
    margin: 0;
    border-radius: 50%;
    background: var(--pd-msg-brand);
  }

  #pdFullMessages .pd-message-empty-state {
    width: 100%;
    padding: 48px 32px;
    color: var(--pd-msg-muted);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  #pdFullMessages .pd-message-empty-state.is-error {
    color: var(--pd-msg-brand);
  }

  #pdFullMessages #pdMessagesConversationPane {
    display: none !important;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    max-width: 100%;
    max-height: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pd-msg-page) !important;
  }

  #pdFullMessages .pd-message-thread-bar {
    display: grid !important;
    min-height: 82px;
    flex: none;
    grid-template-columns: 44px 40px minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center !important;
    gap: 10px !important;
    border-color: var(--pd-msg-line) !important;
    background: var(--pd-msg-surface) !important;
    padding: 12px 20px !important;
  }

  #pdFullMessages .pd-message-thread-bar .pd-messages-mobile-back {
    grid-column: 1;
    grid-row: 1;
  }

  #pdFullMessages .pd-messages-mobile-back {
    display: grid;
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px !important;
    place-items: center;
    border: 1px solid var(--pd-msg-line);
    border-radius: 11px;
    background: var(--pd-msg-surface);
    color: var(--pd-msg-slate);
  }

  #pdFullMessages .pd-messages-mobile-back svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.2;
  }

  #pdFullMessages .pd-message-thread-avatar {
    display: grid;
    width: 40px;
    height: 40px;
    grid-column: 2;
    grid-row: 1;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #3a4658, #20293a);
    color: #fff;
    font-size: 13px;
    font-weight: 650;
    letter-spacing: 0.02em;
  }

  #pdFullMessages .pd-message-thread-avatar.is-empty {
    opacity: 0;
  }

  #pdFullMessages .pd-message-thread-bar__identity {
    display: block;
    min-width: 0;
    grid-column: 3;
    grid-row: 1;
  }

  #pdFullMessages .pd-message-thread-bar__identity > div:nth-child(2) {
    margin-top: 0 !important;
    overflow: hidden;
    color: var(--pd-msg-ink) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages .pd-message-thread-bar__meta {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    overflow: hidden;
    color: var(--pd-msg-slate) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35;
  }

  #pdFullMessages .pd-message-thread-job {
    min-width: 0;
    overflow: hidden;
    color: var(--pd-msg-slate);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullMessages #pdMessagesList {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    overflow: hidden auto;
    background: var(--pd-msg-page) !important;
    padding: 14px 16px 18px !important;
    overscroll-behavior-y: contain;
  }

  #pdFullMessages #pdMessagesList > :first-child {
    margin-top: auto;
  }

  #pdFullMessages #pdMessagesList > .pd-message-empty-state:first-child {
    margin: auto 0;
  }

  html:is(.dark, [data-customer-effective-theme="night"]) #pdFullMessages #pdMessagesList > :is(.pd-message-row, .pd-message-day-divider, .pd-message-stamp) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit;
  }

  #pdFullMessages #pdMessagesList > :is(.pd-message-row, .pd-message-day-divider, .pd-message-stamp) {
    flex: none;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  #pdFullMessages .pd-message-day-divider {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 12px;
    margin: 10px 0 14px;
    color: var(--pd-msg-muted);
  }

  #pdFullMessages .pd-message-day-divider::before,
  #pdFullMessages .pd-message-day-divider::after {
    height: 1px;
    flex: 1;
    background: var(--pd-msg-line);
    content: "";
  }

  #pdFullMessages .pd-message-day-divider span {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
  }

  #pdFullMessages .pd-message-row {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 2px 0 0;
    flex-direction: row;
  }

  #pdFullMessages .pd-message-row.is-provider {
    justify-content: flex-end;
    margin-inline: 0;
  }

  #pdFullMessages .pd-message-row.is-customer {
    justify-content: flex-start;
    margin-inline: 0;
  }

  #pdFullMessages .pd-message-row__content {
    max-width: 78%;
  }

  #pdFullMessages .pd-message-row__bubble {
    max-width: 100%;
    overflow-wrap: anywhere;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 9px 13px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    text-align: start;
  }

  #pdFullMessages .pd-message-row.is-provider .pd-message-row__bubble {
    background: var(--pd-msg-bubble-me) !important;
    color: #fff !important;
  }

  #pdFullMessages .pd-message-row.is-customer .pd-message-row__bubble {
    border: 1px solid var(--pd-msg-line) !important;
    background: var(--pd-msg-bubble-them) !important;
    color: var(--pd-msg-ink) !important;
  }

  #pdFullMessages .pd-message-row.is-provider:is(.is-first, .is-single) .pd-message-row__bubble {
    border-bottom-right-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-provider:is(.is-middle, .is-last) .pd-message-row__bubble {
    border-top-right-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-provider.is-middle .pd-message-row__bubble {
    border-bottom-right-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-customer:is(.is-first, .is-single) .pd-message-row__bubble {
    border-bottom-left-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-customer:is(.is-middle, .is-last) .pd-message-row__bubble {
    border-top-left-radius: 5px !important;
  }

  #pdFullMessages .pd-message-row.is-customer.is-middle .pd-message-row__bubble {
    border-bottom-left-radius: 5px !important;
  }

  #pdFullMessages .pd-message-stamp {
    margin: 5px 2px 0;
    color: var(--pd-msg-muted) !important;
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
    text-align: left;
  }

  #pdFullMessages .pd-message-stamp.is-provider {
    text-align: right;
  }

  #pdFullMessages .pd-message-stamp + .pd-message-row {
    margin-top: 12px;
  }

  #pdFullMessages .pd-message-system-notice {
    width: fit-content;
    max-width: 88%;
    flex: none;
    align-self: center;
    margin: 12px auto;
    border: 1px solid var(--pd-msg-line) !important;
    border-radius: 10px !important;
    background: var(--pd-msg-field) !important;
    padding: 8px 12px;
    color: var(--pd-msg-slate) !important;
    font-size: 12.5px;
    line-height: 1.45;
    text-align: center;
  }

  #pdFullMessages .pd-message-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  #pdFullMessages .pd-message-attachment {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    overflow-wrap: anywhere;
  }

  #pdFullMessages #pdMessagesComposer {
    position: static;
    z-index: auto;
    flex: none;
    border-top: 1px solid var(--pd-msg-line) !important;
    background: var(--pd-msg-surface) !important;
    padding: 10px 12px !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  #pdFullMessages .pd-message-composer {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    gap: 8px;
  }

  #pdFullMessages #pdMessagesInput {
    width: auto;
    min-width: 0;
    min-height: 44px !important;
    max-height: 110px;
    flex: 1 1 auto;
    resize: none;
    border: 1px solid var(--pd-msg-line) !important;
    border-radius: 22px !important;
    background: var(--pd-msg-field) !important;
    padding: 11px 14px !important;
    color: var(--pd-msg-ink) !important;
    font: 400 16px/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
  }

  #pdFullMessages #pdMessagesInput::placeholder {
    color: var(--pd-msg-muted);
  }

  #pdFullMessages #pdMessagesInput:focus {
    border-color: var(--pd-msg-focus) !important;
    background: var(--pd-msg-surface) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--pd-msg-focus) 14%, transparent);
    outline: none;
  }

  #pdFullMessages #pdMessagesSend {
    display: grid;
    width: 44px;
    min-width: 44px;
    min-height: 44px !important;
    flex: 0 0 44px;
    place-items: center;
    overflow: visible;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--pd-msg-brand) !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: inherit !important;
  }

  #pdFullMessages #pdMessagesSend::before {
    display: none;
    content: none;
  }

  #pdFullMessages #pdMessagesSend svg {
    display: block;
    width: 20px;
    height: 20px;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  #pdFullMessages #pdMessagesSend:disabled {
    background: #d7dce4 !important;
    cursor: not-allowed;
  }

  #pdFullMessages .pd-message-locked {
    display: flex;
    min-height: 78px;
    flex: none;
    align-items: flex-start;
    gap: 12px;
    border-top: 1px solid var(--pd-msg-line);
    background: var(--pd-msg-surface);
    padding: 16px 20px;
  }

  #pdFullMessages .pd-message-locked.hidden {
    display: none !important;
  }

  #pdFullMessages .pd-message-locked svg {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 2px;
    color: var(--pd-msg-muted);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }

  #pdFullMessages .pd-message-locked p {
    min-width: 0;
    margin: 0;
    color: var(--pd-msg-slate);
    font-size: 13px;
    line-height: 1.45;
  }

  html[data-es-keyboard-open="true"] body[data-mobile-dashboard-role="provider"] #pdFullMessages.pd-active {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  /* Activity */
  .pd-history-filter-bar {
    display: flex;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
    margin: 0 0 14px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    border-radius: 14px;
    background: var(--pd-work-muted-surface);
    padding: 4px;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .pd-history-filter-bar::-webkit-scrollbar {
    display: none;
  }

  .pd-history-filter-bar > .pd-history-quick-filters {
    display: contents;
  }

  .pd-history-quick-filters [data-history-status-scope="all"] {
    display: none;
  }

  #pdFullJobHistory > .pd-mobile-screen-title {
    margin-bottom: 0;
  }

  .pd-activity-switcher {
    display: flex;
    width: 100%;
    margin: 0 0 16px;
    border: 0;
    border-radius: 14px;
    background: var(--pd-work-muted-surface);
    padding: 4px;
  }

  .pd-activity-switcher button {
    min-height: 42px;
    flex: 1;
    border: 0;
    border-radius: 11px;
    background: transparent;
    color: var(--pd-work-slate);
    font-size: 14px;
    font-weight: 600;
  }

  .pd-activity-switcher button[aria-current="page"] {
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    box-shadow: 0 1px 4px rgb(11 27 43 / 10%);
  }

  #pdFullJobHistory > .pd-pane-card > .flex:first-child {
    display: none;
  }

  .pd-history-quick-filters {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0 0 14px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    border-radius: 14px;
    background: var(--pd-work-muted-surface);
    padding: 4px;
    scroll-padding-inline: 4px;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .pd-history-quick-filters::-webkit-scrollbar {
    display: none;
  }

  .pd-history-quick-filters button {
    min-width: max-content;
    min-height: 40px;
    flex: 1 0 auto;
    border: 0;
    border-radius: 11px;
    background: transparent;
    padding: 8px 11px;
    color: var(--pd-work-slate);
    font: 600 12px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    white-space: nowrap;
  }

  .pd-history-quick-filters [aria-pressed="true"] {
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    box-shadow: 0 1px 4px rgb(11 27 43 / 10%);
  }

  #pdHistoryAdvancedToggle {
    flex: 0 0 auto;
  }

  #pdHistoryAdvancedToggle[aria-expanded="true"] {
    background: var(--pd-work-card);
    color: var(--pd-work-vital);
    box-shadow: 0 1px 4px rgb(11 27 43 / 10%);
  }

  #pdHistoryAdvancedFilters {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
    border: 1px solid var(--pd-work-line);
    border-radius: 14px;
    background: var(--pd-work-card);
    padding: 12px;
  }

  #pdHistoryAdvancedFilters:not(.is-open) {
    display: none !important;
  }

  #pdHistoryAdvancedFilters > label,
  #pdHistoryAdvancedFilters > div {
    display: block;
    min-width: 0;
  }

  #pdHistoryAdvancedFilters .es-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  #pdHistoryAdvancedFilters :is(select, input, button) {
    width: 100%;
    min-width: 0;
    min-height: 36px !important;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 11px !important;
    background: var(--pd-work-bg) !important;
    padding: 8px 10px !important;
    color: var(--pd-work-slate) !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.2;
  }

  #pdHistoryAdvancedFilters :is(select, input) {
    font-size: 16px !important;
  }

  #pdHistoryAdvancedFilters > div {
    grid-column: 1 / -1;
  }

  #pdHistoryClearFilters {
    min-width: auto !important;
  }

  #pdJobHistoryList {
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  #pdFullJobHistory .es-table,
  #pdFullJobHistory .es-table tbody {
    display: block;
    width: 100%;
  }

  #pdFullJobHistory .es-table thead {
    display: none;
  }

  #pdFullJobHistory .es-table tbody {
    display: grid;
    gap: 10px;
  }

  #pdFullJobHistory .es-table tbody tr {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--pd-work-ink) 8%, var(--pd-work-card));
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    padding: 14px 16px;
    box-shadow: none;
  }

  #pdFullJobHistory .es-table tbody tr:hover {
    background: var(--pd-work-card);
  }

  #pdFullJobHistory .es-table td {
    display: block;
    border: 0;
    padding: 0;
    color: var(--pd-work-ink);
  }

  #pdFullJobHistory .pd-history-service-cell {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
  }

  .pd-history-service-layout {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
  }

  .pd-history-job-icon {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
    background: var(--pd-work-muted-surface);
  }

  .pd-history-job-icon svg {
    width: 24px;
    height: 24px;
  }

  .pd-history-service-copy {
    display: block;
    min-width: 0;
    flex: 1;
  }

  #pdFullJobHistory .pd-history-service {
    display: block;
    overflow: hidden;
    color: var(--pd-work-ink);
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullJobHistory .pd-history-subline,
  .pd-history-mobile-customer {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: var(--pd-work-faint);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullJobHistory .pd-history-meta {
    max-width: 100%;
    font-size: 11.5px;
    white-space: nowrap;
  }

  .pd-history-mobile-customer {
    color: var(--pd-work-slate);
    font-family: "IBM Plex Sans", var(--es-font-sans, sans-serif);
    font-size: 12px;
  }

  #pdFullJobHistory .pd-history-billing,
  #pdFullJobHistory .pd-history-amount {
    display: none;
  }

  #pdFullJobHistory .pd-history-action-cell {
    display: contents;
  }

  .pd-history-amount {
    display: block;
    color: var(--pd-work-ink);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
  }

  #pdFullJobHistory .pd-history-date {
    z-index: 0;
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    padding-top: 11px;
    color: var(--pd-work-slate);
    font-size: 12.5px;
    font-weight: 400;
    text-align: right;
    white-space: nowrap;
  }

  #pdFullJobHistory .pd-history-date-full {
    display: none;
  }

  #pdFullJobHistory .pd-history-date-short {
    display: inline;
  }

  #pdFullJobHistory .pd-history-status-cell {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
  }

  #pdFullJobHistory .pd-history-customer-cell {
    z-index: 0;
    display: block;
    min-width: 0;
    grid-column: 1;
    grid-row: 2;
    padding-top: 11px;
  }

  #pdFullJobHistory .pd-history-customer-cell::before {
    position: absolute;
    right: 16px;
    left: 16px;
    border-top: 1px solid color-mix(in srgb, var(--pd-work-ink) 7%, var(--pd-work-card));
    content: "";
    transform: translateY(-11px);
  }

  #pdFullJobHistory .pd-history-customer {
    display: block;
    overflow: hidden;
    color: var(--pd-work-ink);
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #pdFullJobHistory .pd-history-view-btn {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
  }

  #pdHistoryPagination {
    justify-content: space-between;
    border-color: var(--pd-work-line) !important;
  }

  #pdHistoryPagination button {
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-card) !important;
    color: var(--pd-work-ink) !important;
  }

  /* Packaged provider app: prototype Activity structure, app theme tokens. */
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-bar {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    padding: 0;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters {
    display: flex;
    width: auto;
    min-width: 0;
    max-width: none;
    flex: 1;
    gap: 8px;
    margin: 0;
    border-radius: 0;
    background: transparent;
    padding: 2px 0;
    scroll-padding-inline: 0;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters [data-history-status-scope="active"] {
    order: 1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters [data-history-status-scope="completed"] {
    order: 2;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters [data-history-status-scope="cancelled"] {
    order: 3;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters [data-history-status-scope="all"] {
    display: block;
    order: 4;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters button {
    min-height: 40px;
    flex: 0 0 auto;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: transparent;
    padding: 8px 15px;
    color: var(--pd-work-slate);
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-quick-filters [aria-pressed="true"] {
    border-color: var(--pd-work-ink);
    background: var(--pd-work-ink);
    color: var(--pd-work-bg);
    box-shadow: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-toggle {
    display: inline-flex;
    min-width: max-content;
    min-height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: var(--pd-work-card);
    padding: 8px 14px;
    color: var(--pd-work-ink);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-dot {
    display: none;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--pd-work-vital);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-toggle.has-filters .pd-history-filter-dot {
    display: block;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-chevron {
    transition: transform 150ms ease;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-toggle[aria-expanded="true"] {
    border-color: var(--pd-work-line);
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    box-shadow: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-toggle[aria-expanded="true"] .pd-history-filter-chevron {
    transform: rotate(180deg);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    border-color: var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    padding: 16px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters.is-open {
    animation: pd-history-filter-drop 160ms ease;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-filter-field.is-full,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-customer-filter-field,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-filter-actions {
    grid-column: 1 / -1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .pd-history-filter-field {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .pd-history-date-field {
    contain: inline-size;
    overflow: hidden;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-filter-sort-actions {
    display: contents !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-filter-sort-actions > .pd-history-filter-field,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters > .pd-history-filter-sort-actions > .pd-history-filter-actions {
    grid-column: 1 / -1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .es-label {
    position: static;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 6px;
    overflow: visible;
    clip-path: none;
    color: var(--pd-work-faint);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: normal;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters :is(select, input) {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box;
    border-color: var(--pd-work-line) !important;
    border-radius: 10px !important;
    background: var(--pd-work-bg) !important;
    padding: 11px 12px !important;
    color: var(--pd-work-ink) !important;
    font-size: 16px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters select[data-no-custom-select="1"] {
    overflow: hidden;
    padding-right: 32px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters input[type="date"] {
    height: 44px !important;
    overflow: hidden;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters input[type="date"].pd-history-date-input--compact {
    -webkit-appearance: none;
    appearance: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters input[type="date"]::-webkit-date-and-time-value {
    min-width: 0;
    text-align: left;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters input[type="date"]::-webkit-calendar-picker-indicator {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    opacity: 0.64;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters :is(select, input):focus {
    border-color: var(--pd-work-slate) !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters input::placeholder {
    color: var(--pd-work-faint);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-actions {
    display: flex !important;
    gap: 10px;
    margin-top: 4px;
    border-top: 1px solid var(--pd-work-line);
    padding-top: 14px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .pd-history-filter-actions button {
    min-height: 44px !important;
    flex: 1;
    border-radius: 10px !important;
    padding: 11px !important;
    font-size: 14px !important;
    font-weight: 600;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .pd-history-filter-clear {
    border-color: var(--pd-work-line) !important;
    background: transparent !important;
    color: var(--pd-work-slate) !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters .pd-history-filter-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: var(--pd-work-vital) !important;
    background: var(--pd-work-vital) !important;
    color: var(--es-primary-text) !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody tr.pd-history-empty-row {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody tr.pd-history-empty-row:hover {
    background: transparent;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-empty-row .pd-history-empty {
    display: block;
    width: 100%;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-empty-state {
    border: 1px dashed var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    padding: 36px 24px;
    color: var(--pd-work-ink);
    text-align: center;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-empty-icon {
    display: grid;
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    place-items: center;
    border-radius: 14px;
    background: var(--pd-work-bg);
    font-size: 22px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-empty-state strong {
    display: block;
    margin-bottom: 5px;
    color: var(--pd-work-ink);
    font-size: 15.5px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-empty-state p {
    max-width: 250px;
    margin: 0 auto 16px;
    color: var(--pd-work-slate);
    font-size: 13.5px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-empty-state button {
    min-height: 40px;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: transparent;
    padding: 9px 18px;
    color: var(--pd-work-ink);
    font-size: 13.5px;
    font-weight: 600;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryPagination {
    display: flex;
    min-width: 0;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 4px !important;
    padding: 4px 2px 0 !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryPageMeta {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--pd-work-faint) !important;
    font-size: 12.5px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-pagination-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryPagination button {
    display: grid;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px !important;
    place-items: center;
    border-color: var(--pd-work-line) !important;
    border-radius: 10px !important;
    background: var(--pd-work-card) !important;
    padding: 0 !important;
    color: var(--pd-work-ink) !important;
    text-decoration: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryPagination button[aria-disabled="true"] {
    opacity: 0.35;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-pagination-icon {
    display: inline;
    font-size: 18px;
    line-height: 1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-pagination-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  [dir="rtl"] html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-pagination-icon,
  html[dir="rtl"][data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-pagination-icon {
    transform: scaleX(-1);
  }

  @keyframes pd-history-filter-drop {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdHistoryAdvancedFilters.is-open {
      animation: none;
    }

    html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-history-filter-chevron {
      transition: none;
    }
  }

  /* Activity redesign: one content tab, one status rail, and full-width rows. */
  body[data-mobile-dashboard-role="provider"]:has(#pdFullJobHistory.pd-active) #providerDashboardMain,
  body[data-mobile-dashboard-role="provider"]:has(#pdFullEarnings.pd-active) #providerDashboardMain {
    padding:
      0
      max(0px, var(--es-mobile-shell-safe-right))
      calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom))
      max(0px, var(--es-mobile-shell-safe-left)) !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory.pd-active {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    background: var(--pd-work-bg);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullEarnings.pd-active {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    background: var(--pd-work-bg);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory > *,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings > * {
    margin-top: 0 !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-activity-pagehead,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-activity-pagehead {
    display: flex;
    min-height: 82px;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--pd-work-line);
    background: var(--pd-work-card);
    padding: 14px 20px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-activity-pagehead__copy,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-activity-pagehead__copy {
    min-width: 0;
    flex: 1;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-mobile-screen-title,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-mobile-screen-title {
    display: block;
    margin: 0;
    color: var(--pd-work-ink);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.025em;
    line-height: 1.15;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-mobile-screen-subtitle,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-mobile-screen-subtitle {
    display: block;
    margin: 6px 0 0;
    color: var(--pd-work-slate);
    font-size: 13.5px;
    line-height: 1.35;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle {
    position: relative;
    display: inline-flex;
    min-width: max-content;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: var(--pd-work-card);
    padding: 8px 14px;
    color: var(--pd-work-ink);
    font: 600 13.5px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    box-shadow: none;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle[aria-expanded="true"] {
    border-color: var(--pd-work-vital);
    background: var(--pd-work-vital-soft);
    color: var(--pd-work-vital);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-dot,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-dot {
    position: absolute;
    top: 5px;
    right: 6px;
    display: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--pd-work-vital);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle.has-filters .pd-history-filter-dot,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-toggle.has-filters .pd-history-filter-dot {
    display: block;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-activity-switcher,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-activity-switcher {
    display: flex;
    width: 100%;
    min-height: 50px;
    gap: 4px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--pd-work-line);
    border-radius: 0;
    background: var(--pd-work-card);
    padding: 0 12px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-activity-switcher button,
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-activity-switcher button {
    min-width: 0;
    min-height: 49px;
    flex: 1 1 0;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background: transparent;
    padding: 11px 4px 9px;
    color: var(--pd-work-faint);
    font-size: 14px;
    font-weight: 650;
    box-shadow: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-activity-switcher button[aria-current="page"],
  body[data-mobile-dashboard-role="provider"] #pdFullEarnings .pd-activity-switcher button[aria-current="page"] {
    border-bottom-color: var(--pd-work-vital);
    background: transparent;
    color: var(--pd-work-ink);
    box-shadow: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullEarnings > .pd-pane-card {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--pd-work-bg) !important;
    padding:
      18px
      max(16px, var(--es-mobile-shell-safe-right))
      calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom) + 24px)
      max(16px, var(--es-mobile-shell-safe-left)) !important;
    box-shadow: none !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullEarnings > .pd-pane-card > h3 {
    margin: 0;
    color: var(--pd-work-ink);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullEarnings > .pd-pane-card > p {
    margin-top: 5px !important;
    color: var(--pd-work-slate) !important;
    line-height: 1.45;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullEarnings #earningsSummaryFull {
    display: none !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullEarnings #pdEarningsWorkspace {
    margin-top: 16px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdPayoutSettingsPanel {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-settings-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] :is(.pd-payout-setup-card, .pd-fee-backup-card) {
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
    padding: 16px !important;
    box-shadow: none !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-setup-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-setup-copy {
    min-width: 0;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] :is(.pd-payout-manage-button, .pd-save-fee-card-button) {
    display: inline-flex;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pd-work-vital) !important;
    border-radius: 11px !important;
    background: var(--pd-work-vital) !important;
    color: var(--es-primary-text) !important;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] :is(.pd-payout-method, .pd-payout-methods-empty, .pd-fee-saved-method, .pd-fee-card-editor, .pd-fee-policy-summary) {
    border-color: var(--pd-work-line) !important;
    border-radius: 11px !important;
    background: var(--pd-work-bg) !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-fee-policy-summary {
    display: grid;
    gap: 9px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-fee-policy-summary > div {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-fee-policy-summary strong {
    min-width: 0;
    color: var(--pd-work-ink);
    text-align: right;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdPayoutStatusPanel > div {
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
    box-shadow: none !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-review-summary {
    border-color: color-mix(in srgb, var(--pd-work-amber) 34%, var(--pd-work-line)) !important;
    background: var(--pd-work-amber-soft) !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-review-summary ul {
    display: grid;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-review-summary li {
    color: var(--pd-work-slate);
    line-height: 1.45;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-review-summary li > span:first-child {
    display: block;
    color: var(--pd-work-ink);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-review-summary li > span + span {
    display: block;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-event-list {
    gap: 7px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-payout-event-list > span {
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-bg);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filters {
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
    padding: 14px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filter-field--search {
    grid-column: 1 / -1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filter-field {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filter-field :is(input, select) {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box;
    border-color: var(--pd-work-line) !important;
    border-radius: 10px !important;
    background: var(--pd-work-bg) !important;
    color: var(--pd-work-ink) !important;
    font-size: 16px !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-filter-field select[data-no-custom-select="1"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-sort-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px !important;
    align-items: end !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdEarningsClearFilters {
    min-width: 108px;
    min-height: 44px;
    border-color: var(--pd-work-line) !important;
    border-radius: 10px !important;
    background: var(--pd-work-card) !important;
    color: var(--pd-work-slate) !important;
    white-space: nowrap;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .pd-earnings-cards > div {
    border-color: var(--pd-work-line) !important;
    border-radius: var(--pd-work-card-radius) !important;
    background: var(--pd-work-card) !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory > .pd-pane-card {
    overflow: visible !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-bar,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-bar {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--pd-work-line);
    border-radius: 0;
    background: var(--pd-work-card);
    padding: 10px 0 11px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-bar::after {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 0;
    bottom: 11px;
    width: 42px;
    background: linear-gradient(to right, transparent, var(--pd-work-card) 82%);
    content: "";
    opacity: 0;
    pointer-events: none;
    transition: opacity 140ms ease;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-bar.has-scroll-overflow:not(.is-scroll-end)::after {
    opacity: 1;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-filter-bar > .pd-history-quick-filters,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: 8px;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 0;
    background: transparent;
    padding: 0 16px;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters button,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters button {
    min-width: max-content;
    min-height: 34px;
    flex: 0 0 auto;
    gap: 6px;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: var(--pd-work-card);
    padding: 7px 13px;
    color: var(--pd-work-slate);
    font: 600 13.5px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    box-shadow: none;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [data-history-status-scope="all"],
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [data-history-status-scope="all"] {
    display: inline-flex;
    order: 0;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [data-history-status-scope="active"] {
    order: 1;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [data-history-status-scope="completed"] {
    order: 2;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [data-history-status-scope="cancelled"] {
    order: 3;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [aria-pressed="true"],
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-quick-filters [aria-pressed="true"] {
    border-color: var(--pd-work-ink);
    background: var(--pd-work-ink);
    color: var(--pd-work-card);
    box-shadow: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-scope-count {
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    opacity: 0.72;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory #pdHistoryAdvancedFilters {
    width: auto;
    max-width: calc(100% - 32px);
    box-sizing: border-box;
    margin: 12px 16px !important;
    overflow: hidden;
    isolation: isolate;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory #pdHistoryAdvancedFilters .pd-history-status-filter-field {
    display: none !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory #pdJobHistoryList {
    margin: 0 !important;
    background: var(--pd-work-card) !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody {
    display: block;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody tr,
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody tr {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 104px;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    gap: 0 12px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--pd-work-line);
    border-radius: 0;
    background: var(--pd-work-card);
    padding: 14px 44px 14px 16px;
    box-shadow: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table tbody tr:hover {
    background: var(--pd-work-muted-surface);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .es-table td {
    display: block;
    border: 0;
    padding: 0;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-service-cell {
    z-index: 0;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    min-width: 0;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-service-layout {
    display: grid;
    min-width: 0;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-job-icon {
    display: grid;
    width: 40px;
    height: 40px;
    grid-column: 1;
    place-items: center;
    border: 1px solid var(--pd-work-line);
    border-radius: 10px;
    background: var(--pd-work-bg);
    color: var(--pd-work-slate);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-job-icon svg {
    width: 19px;
    height: 19px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-job-icon--vehicle .cd-vehicle-thumbnail {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    flex: 0 0 100% !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-job-icon--vehicle .cd-vehicle-thumbnail-svg {
    display: block;
    width: 42px !important;
    max-width: none !important;
    height: 30px !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-service-copy {
    display: block;
    min-width: 0;
    grid-column: 2;
    padding-top: 25px;
    overflow: hidden;
    color: var(--pd-work-slate);
    font-size: 13.5px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-service,
  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-service-detail {
    display: inline;
    color: inherit;
    font: inherit;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-date {
    z-index: 1;
    grid-column: 3;
    grid-row: 1;
    align-self: start;
    padding: 1px 0 0;
    color: var(--pd-work-faint);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    text-align: right;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status-cell {
    z-index: 1;
    grid-column: 2 / 4;
    grid-row: 3;
    align-self: end;
    margin-top: 8px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status-line {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status {
    min-height: 22px;
    border: 1px solid transparent;
    padding: 3px 9px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status.is-completed {
    border-color: color-mix(in srgb, var(--pd-work-green) 22%, var(--pd-work-card));
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status:is(.is-active, .is-review) {
    border-color: color-mix(in srgb, var(--pd-work-amber) 24%, var(--pd-work-card));
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-status:is(.is-canceled, .is-neutral) {
    border-color: var(--pd-work-line);
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-reference {
    min-width: 0;
    overflow: hidden;
    color: var(--pd-work-faint);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-customer-cell {
    z-index: 1;
    display: block;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    padding: 0;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-customer-cell::before {
    display: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-customer {
    display: block;
    overflow: hidden;
    color: var(--pd-work-vital);
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.01em;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-action-cell {
    display: contents;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-row-chevron {
    position: absolute;
    top: 50%;
    right: 14px;
    z-index: 1;
    display: block;
    color: var(--pd-work-faint);
    transform: translateY(-50%);
    pointer-events: none;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-row-chevron svg {
    display: block;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-view-btn {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: transparent;
    font-size: 0;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory .pd-history-view-btn:focus-visible {
    border-radius: 0;
    outline: 2px solid var(--pd-work-vital) !important;
    outline-offset: -3px;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullJobHistory #pdHistoryPagination {
    margin: 0 !important;
    border: 0 !important;
    background: var(--pd-work-card);
    padding: 12px 16px !important;
  }

  /* Settings */
  .pd-settings-heading h3 {
    margin: 4px 4px 14px;
    color: var(--pd-work-ink) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 26px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
  }

  .pd-settings-heading p {
    display: block;
    margin: -8px 4px 14px !important;
    color: var(--pd-work-slate) !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
  }

  .pd-mobile-settings-profile {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
    padding: 18px;
    box-shadow: 0 1px 2px rgb(11 27 43 / 3%);
  }

  .pd-mobile-settings-profile__avatar {
    display: grid;
    width: 58px;
    height: 58px;
    overflow: hidden;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pd-work-navy), color-mix(in srgb, var(--pd-work-navy) 70%, #5b87a5));
    color: #fff;
    font-family: Sora, var(--es-font-sans, sans-serif);
    font-size: 20px;
    font-weight: 600;
  }

  .pd-mobile-settings-profile__avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .pd-mobile-settings-profile__identity {
    display: block;
    min-width: 0;
  }

  .pd-mobile-settings-profile__identity strong,
  .pd-mobile-settings-profile__identity > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-mobile-settings-profile__identity strong {
    color: var(--pd-work-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .pd-mobile-settings-profile__identity > span {
    margin-top: 3px;
    color: var(--pd-work-slate);
    font-size: 13px;
  }

  .pd-mobile-settings-profile__edit {
    min-height: 36px;
    border: 1px solid var(--pd-work-line);
    border-radius: 999px;
    background: var(--pd-work-bg);
    padding: 8px 16px;
    color: var(--pd-work-ink);
    font-size: 13px;
    font-weight: 600;
  }

  .pd-mobile-settings-profile__verification {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0;
    border-top: 1px solid var(--pd-work-line);
    padding-top: 14px;
  }

  .pd-mobile-settings-profile__verification > span {
    border: 0 !important;
    padding: 6px 12px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
  }

  .pd-mobile-settings-profile__verification > [data-mobile-settings-verification-tone="good"] {
    background: var(--pd-work-green-soft) !important;
    color: var(--pd-work-green) !important;
  }

  .pd-mobile-settings-profile__verification > [data-mobile-settings-verification-tone="warn"] {
    background: var(--pd-work-amber-soft) !important;
    color: var(--pd-work-amber) !important;
  }

  .pd-mobile-settings-menu {
    display: block;
  }

  .pd-mobile-settings-menu__label {
    margin: 18px 6px 8px;
    color: var(--pd-work-faint);
    font-family: "IBM Plex Mono", var(--es-font-mono, monospace);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .pd-mobile-settings-menu__group {
    overflow: hidden;
    border: 1px solid var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
  }

  .pd-mobile-settings-menu__group > button {
    display: flex;
    width: 100%;
    min-height: 64px;
    align-items: center;
    gap: 13px;
    border: 0 !important;
    border-bottom: 1px solid var(--pd-work-line) !important;
    background: var(--pd-work-card);
    padding: 14px 16px;
    color: var(--pd-work-ink);
    text-align: left;
  }

  .pd-mobile-settings-menu__group > button:last-child {
    border-bottom: 0 !important;
  }

  .pd-mobile-settings-menu__icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--es-mobile-accent) 13%, var(--pd-work-card));
    color: color-mix(in srgb, var(--es-mobile-accent) 82%, var(--pd-work-ink));
    font-size: 15px;
  }

  .pd-mobile-settings-menu__copy {
    display: block;
    min-width: 0;
    flex: 1;
  }

  .pd-mobile-settings-menu__copy strong,
  .pd-mobile-settings-menu__copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pd-mobile-settings-menu__copy strong {
    color: var(--pd-work-ink);
    font-size: 15px;
    font-weight: 500;
  }

  .pd-mobile-settings-menu__copy small {
    margin-top: 2px;
    color: var(--pd-work-faint);
    font-size: 12px;
  }

  .pd-mobile-settings-menu__copy small[data-state="attention"] {
    color: var(--pd-work-amber);
    font-weight: 600;
  }

  .pd-mobile-settings-menu__chevron {
    color: var(--pd-work-faint);
    font-size: 19px;
  }

  .pd-mobile-settings-detail-header {
    display: none;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
  }

  .pd-mobile-settings-detail-header > button {
    display: grid;
    width: 40px;
    min-height: 40px;
    place-items: center;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 12px;
    background: var(--pd-work-card);
    color: var(--pd-work-ink);
    font-size: 18px;
  }

  .pd-mobile-settings-detail-header > strong {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--pd-work-ink);
    font-family: Sora, var(--es-font-sans, sans-serif);
    font-size: 18px;
    font-weight: 600;
  }

  .pd-mobile-settings-detail-header > strong > small {
    margin-top: 2px;
    color: var(--pd-work-slate);
    font-family: var(--es-font-sans, sans-serif);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
  }

  .pd-settings-tab-scroll {
    display: none;
    margin: 14px 0 0 !important;
    padding: 0 0 1px !important;
    scrollbar-width: none;
  }

  .pd-settings-tab-scroll::-webkit-scrollbar {
    display: none;
  }

  .pd-settings-tab-scroll [role="tablist"] {
    gap: 8px;
  }

  .pd-settings-tab-scroll [data-settings-tab] {
    min-height: 36px;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 999px !important;
    background: var(--pd-work-card) !important;
    padding: 7px 14px !important;
    color: var(--pd-work-slate) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }

  .pd-settings-tab-scroll [data-settings-tab][aria-selected="true"] {
    border-color: var(--pd-work-navy) !important;
    background: var(--pd-work-navy) !important;
    color: #fff !important;
    font-weight: 600 !important;
  }

  .pd-settings-panels {
    display: none;
    margin-top: 14px !important;
  }

  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-settings-heading,
  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-mobile-settings-profile,
  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-mobile-settings-menu,
  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-mobile-settings-footer {
    display: none;
  }

  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-mobile-settings-detail-header {
    display: flex;
    position: relative;

    /* Keep detail chrome in the workspace flow so its back control and title
     * scroll away with the selected Settings content. */
    z-index: 12;
    margin: -18px -16px 14px;
    border-bottom: 1px solid var(--pd-work-line);
    background: color-mix(in srgb, var(--pd-work-bg) 95%, transparent);
    padding: 12px 16px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  /* The mobile detail bar is the visible section title. Keep the canonical
   * content heading available to assistive technology without rendering a
   * second title above the selected workspace. */
  [data-provider-settings-tabs].pd-mobile-settings-detail-open [data-settings-content-header] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }

  [data-provider-settings-tabs].pd-mobile-settings-detail-open [data-settings-mobile-navigation] {
    min-width: 0;
    max-width: 100%;
    position: relative;
    z-index: 11;
    margin-inline: -16px;
    background: color-mix(in srgb, var(--pd-work-bg) 95%, transparent);
    padding: 0 16px 12px;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  [data-provider-settings-tabs].pd-mobile-settings-detail-open .pd-settings-panels {
    display: block;
    margin-top: 0 !important;
  }

  /* A configured provider vehicle has a local SVG immediately; the shared
   * customer renderer can replace its contents asynchronously without leaving
   * an empty thumbnail column in mobile Settings. */
  #pdFullSettings [data-provider-settings-tabs].pd-mobile-settings-detail-open [data-profile-summary-card="vehicle-equipment"] .pd-vehicle-summary:has(> .pd-vehicle-thumbnail) {
    grid-template-columns: 84px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #pdFullSettings [data-provider-settings-tabs].pd-mobile-settings-detail-open [data-profile-summary-card="vehicle-equipment"] .pd-vehicle-thumbnail {
    display: grid !important;
    width: 84px !important;
    height: 58px !important;
    min-width: 84px !important;
    place-items: center !important;
  }

  #pdFullSettings [data-provider-settings-tabs].pd-mobile-settings-detail-open [data-profile-summary-card="vehicle-equipment"] .pd-vehicle-thumbnail :is(.pd-vehicle-thumbnail-svg, .cd-vehicle-thumbnail-svg) {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  #pdFullSettings [data-settings-tab-panel] {
    color: var(--pd-work-ink);
  }

  #pdFullSettings [data-settings-tab-panel] :is(.rounded-2xl, .rounded-xl) {
    border-color: var(--pd-work-line) !important;
  }

  #pdFullSettings [data-settings-tab-panel] > :not([hidden]) + :not([hidden]),
  #pdFullSettings [data-settings-tab-panel] .space-y-4 > :not([hidden]) + :not([hidden]) {
    margin-top: 14px !important;
  }

  #pdFullSettings [data-settings-tab-panel] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border-color: var(--pd-work-line) !important;
    background: var(--pd-work-bg) !important;
    color: var(--pd-work-ink) !important;
  }

  #pdFullSettings input[data-setting] {
    position: relative;
    width: 46px !important;
    height: 28px !important;
    flex: 0 0 46px;
    appearance: none;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--pd-work-toggle-track) !important;
    cursor: pointer;
    transition: background-color 0.2s var(--pd-work-ease);
  }

  #pdFullSettings input[data-setting]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgb(11 27 43 / 20%);
    transition: transform 0.2s var(--pd-work-ease);
  }

  #pdFullSettings input[data-setting]:checked {
    background: var(--pd-work-green) !important;
  }

  #pdFullSettings input[data-setting]:checked::after {
    transform: translateX(18px);
  }

  [dir="rtl"] #pdFullSettings input[data-setting]::after {
    right: 3px;
    left: auto;
  }

  [dir="rtl"] #pdFullSettings input[data-setting]:checked::after {
    transform: translateX(-18px);
  }

  #pdFullSettings button:not([role="tab"]) {
    border-color: var(--pd-work-line) !important;
  }

  .pd-mobile-settings-footer {
    display: block;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid var(--pd-work-line);
    border-radius: var(--pd-work-card-radius);
    background: var(--pd-work-card);
  }

  .pd-mobile-settings-footer > button {
    display: flex;
    width: 100%;
    min-height: 54px;
    align-items: center;
    gap: 13px;
    border: 0 !important;
    border-bottom: 1px solid var(--pd-work-line) !important;
    background: var(--pd-work-card);
    padding: 14px 16px;
    color: var(--pd-work-ink);
    font-size: 15px;
    font-weight: 500;
    text-align: left;
  }

  .pd-mobile-settings-footer > button:last-child {
    border-bottom: 0 !important;
    color: var(--pd-work-vital);
    font-weight: 600;
  }

  /* Bottom navigation */
  body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider {
    --es-mobile-tab-accent: var(--pd-work-vital);

    position: fixed;
    right: auto;
    left: 50%;
    width: 100%;
    max-width: 430px;
    min-height: calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom));
    transform: translateX(-50%);
    gap: 0;
    border-color: var(--pd-work-line);
    background: color-mix(in srgb, var(--pd-work-card) 94%, transparent);
    padding:
      6px
      max(8px, var(--es-mobile-shell-safe-right))
      calc(6px + var(--es-mobile-shell-safe-bottom))
      max(8px, var(--es-mobile-shell-safe-left));
    box-shadow: none;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }

  .es-mobile-tabbar--provider .es-mobile-tabbar__item {
    min-height: 56px;
    gap: 4px;
    border-radius: 12px;
    color: var(--pd-work-slate);
    font-size: 11px;
    font-weight: 500;
  }

  .es-mobile-tabbar--provider .es-mobile-tabbar__item::before {
    display: none;
  }

  .es-mobile-tabbar--provider .es-mobile-tabbar__item svg {
    width: 22px;
    height: 22px;
    stroke-width: 1.8;
  }

  .es-mobile-tabbar--provider .es-mobile-tabbar__item .pd-nav-label {
    color: currentcolor;
    font-size: 11px;
    font-weight: inherit;
    letter-spacing: 0;
  }

  .es-mobile-tabbar--provider .es-mobile-tabbar__item[aria-current="true"] {
    color: var(--pd-work-vital);
    font-weight: 600;
  }

  .es-mobile-tabbar--provider .pd-nav-badge {
    top: 0;
    border-color: var(--pd-work-card);
    background: var(--pd-work-vital) !important;
  }

  /* Installed-app tab bar. The existing dashboard router remains the state owner. */
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider {
    --pd-native-tabbar-base: var(--pd-work-card);
    --pd-native-tabbar-bg: color-mix(in srgb, var(--pd-native-tabbar-base) 92%, transparent);
    --pd-native-tabbar-border: var(--pd-work-line);
    --pd-native-tabbar-muted: var(--pd-work-slate);
    --pd-native-tabbar-active: var(--pd-work-vital);
    --pd-native-tabbar-active-soft: var(--pd-work-vital-soft);
    --pd-native-tabbar-badge: #c8322b;

    min-height: calc(60px + var(--es-mobile-shell-safe-bottom));
    border-color: var(--pd-native-tabbar-border);
    background: var(--pd-native-tabbar-bg);
    padding:
      6px
      max(8px, var(--es-mobile-shell-safe-right))
      calc(6px + var(--es-mobile-shell-safe-bottom))
      max(8px, var(--es-mobile-shell-safe-left));
    isolation: isolate;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider::after {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: calc(6px + var(--es-mobile-shell-safe-bottom));
    background: var(--pd-native-tabbar-base);
    content: "";
    pointer-events: none;
  }

  html[data-es-native-shell="true"]:is(.dark, [data-customer-effective-theme="night"]) body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider {
    --pd-native-tabbar-base: #0e1420;
    --pd-native-tabbar-bg: rgb(14 20 32 / 92%);
    --pd-native-tabbar-border: #1c2637;
    --pd-native-tabbar-muted: #76849a;
    --pd-native-tabbar-active: #f0554f;
    --pd-native-tabbar-active-soft: rgb(240 85 79 / 12%);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item {
    z-index: 1;
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    border-radius: 0;
    background: transparent !important;
    padding: 4px 0;
    color: var(--pd-native-tabbar-muted);
    font-size: 10.5px;
    font-weight: 600;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item .pd-nav-label {
    font-family: inherit;
    font-size: 10.5px;
    font-weight: inherit;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .pd-nav-puck {
    position: relative;
    display: grid;
    width: 44px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border-radius: 999px;
    background: transparent;
    transition: background-color 180ms ease, transform 100ms ease;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .pd-nav-puck svg {
    width: 22px;
    height: 22px;
    stroke: currentcolor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item:is([aria-current="page"], [aria-current="true"]) {
    color: var(--pd-native-tabbar-active);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item:is([aria-current="page"], [aria-current="true"]) .pd-nav-puck {
    background: var(--pd-native-tabbar-active-soft);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item:active .pd-nav-puck {
    transform: scale(0.92);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .pd-nav-puck .pd-nav-badge {
    inset-block-start: -1px;
    inset-inline: auto 6px;
    display: grid;
    min-width: 15px;
    height: 15px;
    place-items: center;
    border-color: var(--pd-native-tabbar-base);
    padding: 0 4px;
    background: var(--pd-native-tabbar-badge) !important;
    color: #fff;
    font-size: 9.5px;
    font-weight: 700;
    line-height: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .pd-nav-puck {
      transition: none;
    }

    html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item:active .pd-nav-puck {
      transform: none;
    }
  }

  @media (forced-colors: active) {
    html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"] .es-mobile-tabbar--provider .es-mobile-tabbar__item[aria-current="page"] {
      outline: 2px solid CanvasText;
      outline-offset: -4px;
    }
  }

  #pdToast {
    right: auto !important;
    bottom: calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom) + 12px) !important;
    left: 50% !important;
    width: auto;
    max-width: calc(100% - 32px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--pd-work-ink) !important;
    padding: 11px 20px !important;
    color: var(--pd-work-card) !important;
    transform: translateX(-50%) !important;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] :focus-visible {
    outline: 2px solid var(--pd-work-vital) !important;
    outline-offset: 2px;
  }
}

@media (width <= 360px) {
  body[data-mobile-dashboard-role="provider"] #providerDashboardMain {
    padding-right: max(12px, var(--es-mobile-shell-safe-right)) !important;
    padding-left: max(12px, var(--es-mobile-shell-safe-left)) !important;
  }

  body[data-mobile-dashboard-role="provider"] #pdFullMessages.pd-active {
    width: calc(100% + 24px);
    margin-inline: -12px;
  }

  body[data-mobile-dashboard-role="provider"] #pdProviderHeader {
    padding-right: max(16px, var(--es-mobile-shell-safe-right)) !important;
    padding-left: max(16px, var(--es-mobile-shell-safe-left)) !important;
  }

  .pd-mobile-settings-profile {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 11px;
    padding: 15px;
  }

  .pd-mobile-settings-profile__avatar {
    width: 50px;
    height: 50px;
  }

  .pd-mobile-settings-profile__edit {
    grid-column: 1 / -1;
    width: 100%;
  }

  .pd-performance-layout {
    gap: 12px;
  }

  .pd-performance-stat {
    font-size: 12.5px;
  }

  .pd-availability-meta {
    gap: 8px;
  }

  .pd-availability-meta__value {
    font-size: 11.5px;
  }
}

/* Documents detail owns this state through settings-tabs-ui.js. Keeping the
   shell treatment here makes it available before document data is hydrated. */
@media (width <= 768px) {
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open {
    --pd-doc-ink: var(--pd-work-ink);
    --pd-doc-slate: var(--pd-work-slate);
    --pd-doc-line: var(--pd-work-line);
    --pd-doc-surface: var(--pd-work-card);
  }

  html[data-customer-effective-theme="day"][data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open {
    --pd-work-bg: #fff;
    --pd-work-frame: #fff;
    --pd-work-card: #fff;
    --pd-work-ink: #0f172a;
    --pd-work-slate: #475467;
    --pd-work-faint: #8a94a6;
    --pd-work-line: #e3e7ee;
    --pd-work-muted-surface: #f6f8fb;
    --pd-doc-ink: #0f172a;
    --pd-doc-slate: #475467;
    --pd-doc-line: #e3e7ee;
    --pd-doc-surface: #fff;
  }

  html:is(.dark, [data-customer-effective-theme="night"])[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open {
    --pd-doc-ink: var(--pd-text);
    --pd-doc-slate: var(--pd-muted);
    --pd-doc-line: var(--pd-border);
    --pd-doc-surface: var(--pd-surface);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open :is(#pdProviderHeader, .es-mobile-tabbar--provider) {
    border-color: var(--pd-doc-line) !important;
    background: var(--pd-doc-surface) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdFullDocuments.pd-documents-redesign > .pd-doc-upload-placeholder {
    display: block;
    margin: 6px 0 0;
    color: var(--pd-doc-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdFullDocuments.pd-documents-redesign > .pd-doc-upload-placeholder > button {
    display: flex;
    width: 100%;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--pd-doc-line);
    border-radius: 12px;
    background: var(--pd-doc-surface);
    color: var(--pd-doc-ink);
    font: inherit;
    font-size: 16px;
    font-weight: 650;
    opacity: 1;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdFullDocuments.pd-documents-redesign > .pd-doc-upload-placeholder > button svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentcolor;
    stroke-linecap: round;
    stroke-width: 2.4;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdFullDocuments.pd-documents-redesign > .pd-doc-upload-placeholder > p {
    margin: 8px 4px 0;
    color: var(--pd-work-faint);
    font-size: 12.5px;
    line-height: 1.45;
    text-align: center;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdFullDocuments.pd-documents-redesign > .pd-doc-upload-source:not(.pd-doc-upload-shell) {
    display: none !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdNotificationsToggle {
    position: relative;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdNotificationsToggle::before {
    position: absolute;
    inset: 4px;
    border: 1px solid var(--pd-doc-line);
    border-radius: 10px;
    background: var(--pd-doc-surface);
    content: "";
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open #pdNotificationsToggle svg {
    position: relative;
    z-index: 1;
    width: 17px;
    height: 17px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header {
    align-items: flex-start;
    margin-block: -18px 16px;
    margin-inline: -16px;
    border-bottom: 1px solid var(--pd-doc-line);
    background: var(--pd-doc-surface);
    padding: 12px 20px 14px;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header > button {
    position: relative;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    margin-top: 1px;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    color: var(--pd-doc-slate);
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header > button::before {
    position: absolute;
    inset: 6px;
    border: 1px solid var(--pd-doc-line);
    border-radius: 9px;
    background: var(--pd-doc-surface);
    content: "";
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header > button svg {
    position: relative;
    z-index: 1;
    width: 15px;
    height: 15px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header > strong {
    color: var(--pd-doc-ink);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.35px;
    line-height: 1.25;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header > strong > small {
    margin-top: 3px;
    color: var(--pd-doc-slate);
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open .es-mobile-tabbar--provider .pd-nav-puck {
    width: 40px;
    height: 26px;
    flex-basis: 26px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open .es-mobile-tabbar--provider .pd-nav-puck svg {
    width: 20px;
    height: 20px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open .es-mobile-tabbar--provider .es-mobile-tabbar__item .pd-nav-label {
    font-size: 11px;
  }

  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open .es-mobile-tabbar--provider .es-mobile-tabbar__item:is([aria-current="page"], [aria-current="true"]) .pd-nav-puck {
    background: transparent;
  }
}

@media (width <= 360px) {
  html[data-es-native-shell="true"] body[data-mobile-dashboard-role="provider"].pd-documents-detail-open [data-provider-settings-tabs][data-mobile-settings-tab="documents"] .pd-mobile-settings-detail-header {
    margin-inline: -12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pd-nav-section.pd-active,
  #pdStatusPill[data-state="online"] #pdStatusDot {
    animation: none !important;
  }
}

/* Provider mobile consistency contract.
 *
 * Screen-specific renderers still own their layout, but they must inherit the
 * provider's selected theme and the same Settings detail chrome. Important
 * custom properties intentionally outrank late-loaded legacy Settings styles.
 */
@media (width <= 768px) {
  body[data-mobile-dashboard-role="provider"] {
    --pd-work-bg: var(--es-mobile-canvas) !important;
    --pd-work-frame: var(--es-mobile-frame) !important;
    --pd-work-card: var(--es-mobile-surface) !important;
    --pd-work-ink: var(--es-mobile-text) !important;
    --pd-work-slate: var(--es-mobile-text-secondary) !important;
    --pd-work-faint: var(--es-mobile-text-muted) !important;
    --pd-work-line: var(--es-mobile-border) !important;
    --pd-work-vital: var(--es-mobile-accent) !important;
    --pd-work-vital-soft: var(--es-mobile-accent-soft) !important;
    --pd-work-muted-surface: var(--es-mobile-muted-surface) !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header {
    box-sizing: border-box;
    width: auto;
    min-width: 0;
    min-height: 76px;
    max-height: none !important;
    flex: 0 0 auto;
    align-items: flex-start !important;
    gap: 12px !important;
    overflow: visible !important;
    margin: -18px -16px 0 !important;
    border-bottom: 1px solid var(--pd-work-line) !important;
    background: var(--pd-work-card) !important;
    padding: 12px 16px 14px !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > button {
    position: relative;
    display: grid;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px;
    min-height: 44px !important;
    flex: 0 0 44px;
    place-items: center;
    margin: 0 !important;
    border: 1px solid var(--pd-work-line) !important;
    border-radius: 10px !important;
    background: var(--pd-work-card) !important;
    color: var(--pd-work-slate) !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > button::before {
    display: none !important;
    content: none !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > button
    svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 17px !important;
    height: 17px !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > strong {
    display: flex;
    min-width: 0 !important;
    max-width: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: visible !important;
    padding-top: 1px;
    color: var(--pd-work-ink) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: -0.35px !important;
    line-height: 1.25 !important;
    overflow-wrap: break-word;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > strong
    > [data-mobile-settings-detail-title],
  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > strong
    > small {
    display: block !important;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    [data-mobile-settings-detail-title][tabindex="-1"]:focus {
    outline: 0 !important;
    box-shadow: none !important;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-mobile-settings-detail-header
    > strong
    > small {
    margin-top: 3px !important;
    color: var(--pd-work-slate) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  body[data-mobile-dashboard-role="provider"] .pd-mobile-settings-menu__icon {
    background: var(--pd-work-vital-soft) !important;
    color: var(--pd-work-vital) !important;
  }

  body[data-mobile-dashboard-role="provider"] .pd-mobile-settings-profile__identity > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body[data-mobile-dashboard-role="provider"] .pd-mobile-settings-menu__copy small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body[data-mobile-dashboard-role="provider"]
    #pdFullSettings
    [data-provider-settings-tabs].pd-mobile-settings-detail-open
    .pd-settings-panels {
    min-width: 0;
    padding-bottom: calc(var(--es-mobile-tabbar-height) + var(--es-mobile-shell-safe-bottom) + 16px);
  }
}

/* Keep every native provider Day canvas white. Muted surfaces remain reserved
   for controls, filters, and status treatments rather than page backgrounds. */
html[data-customer-effective-theme="day"][data-es-native-shell="true"] {
  --pd-page: #fff !important;
  --pd-page-gradient: #fff !important;
  --es-bg-page: #fff !important;

  background: #fff !important;
}

html[data-customer-effective-theme="day"][data-es-native-shell="true"]
  body[data-mobile-dashboard-role="provider"] {
  background: #fff !important;
}

html[data-customer-effective-theme="day"][data-es-native-shell="true"]
  body[data-mobile-dashboard-role="provider"]:is(
    .pd-services-detail-open,
    .pd-payments-detail-open,
    .pd-documents-detail-open
  ) {
  --pd-work-bg: #fff !important;
  --pd-work-frame: #fff !important;
  --pd-doc-page: #fff !important;
}

html[data-customer-effective-theme="day"][data-es-native-shell="true"]
  body[data-mobile-dashboard-role="provider"].pd-documents-detail-open
  .pd-documents-redesign {
  --pd-doc-page: #fff !important;
}

@keyframes pd-work-view-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes pd-work-beat {
  0%,
  100% {
    transform: scale(1);
  }

  12% {
    transform: scale(1.5);
  }

  24% {
    transform: scale(1);
  }
}