/* Provider shell theme consumption. theme.js owns state on . */ /* Theme state and server preferences already accept these provider accents. * Define their complete palettes in the head-loaded provider stylesheet so * refreshes apply the saved color before the dashboard shell paints. */ html[data-customer-theme-color="yellow"] { --cd-accent-50: #fffbeb; --cd-accent-100: #fef3c7; --cd-accent-200: #fde68a; --cd-accent-500: #facc15; --cd-accent-600: #b45309; --cd-accent-700: #92400e; --cd-accent-rgb: 180, 83, 9; --cd-accent-text: #92400e; } html[data-customer-theme-color="green"] { --cd-accent-50: #f0fdf4; --cd-accent-100: #dcfce7; --cd-accent-200: #bbf7d0; --cd-accent-500: #22c55e; --cd-accent-600: #15803d; --cd-accent-700: #166534; --cd-accent-rgb: 21, 128, 61; --cd-accent-text: #166534; } html[data-customer-theme-color="red"] { --cd-accent-50: #fef2f2; --cd-accent-100: #fee2e2; --cd-accent-200: #fecaca; --cd-accent-500: #ef4444; --cd-accent-600: #dc2626; --cd-accent-700: #b91c1c; --cd-accent-rgb: 220, 38, 38; --cd-accent-text: #b91c1c; } html[data-customer-effective-theme="day"] { --pd-page: var(--cd-bg); --pd-page-gradient: var(--cd-bg-gradient); --pd-surface: var(--cd-surface); --pd-surface-strong: var(--cd-surface); --pd-muted-surface: var(--cd-surface-2); --pd-sidebar-surface: rgba(255, 255, 255, 0.94); --pd-border: var(--cd-border); --pd-border-strong: var(--es-border-strong); --pd-text: var(--cd-text); --pd-muted: var(--cd-text-muted); --pd-shadow: 0 10px 24px var(--cd-shadow-soft); --pd-selected-surface: color-mix(in srgb, var(--cd-accent-50) 82%, var(--pd-surface)); --pd-selected-text: var(--cd-accent-text); } /* A subtle, iPhone-like warm appearance. Structural surfaces stay near-white while a restrained peach glow distinguishes Sunset from Day. */ html[data-customer-effective-theme="sunset"] { --pd-page: #fffaf7; --pd-page-gradient: radial-gradient(900px 420px at 6% -10%, rgba(251, 146, 60, 0.12), transparent 64%), radial-gradient(760px 360px at 98% 2%, rgba(249, 115, 22, 0.055), transparent 62%), linear-gradient(180deg, #fffdfb 0%, #fff8f3 100%); --pd-surface: #fffdfb; --pd-surface-strong: #fff9f5; --pd-muted-surface: #fff2e8; --pd-sidebar-surface: radial-gradient(540px 260px at 5% 0%, rgba(251, 146, 60, 0.075), transparent 60%), linear-gradient(180deg, #fffdfb 0%, #fff8f3 100%); --pd-border: var(--cd-accent-border); --pd-border-strong: color-mix(in srgb, var(--cd-accent-600) 46%, transparent); --pd-text: #1f2937; --pd-muted: #6b7280; --pd-shadow: 0 10px 24px rgba(15, 23, 42, 0.05); --pd-selected-surface: color-mix(in srgb, var(--cd-accent-50) 76%, var(--pd-surface)); --pd-selected-text: var(--cd-accent-text); --es-bg-page: var(--pd-page); --es-bg-surface: var(--pd-surface); --es-bg-surface-elevated: var(--pd-surface-strong); --es-bg-muted: var(--pd-muted-surface); --es-bg-subtle: var(--pd-muted-surface); --es-text-primary: var(--pd-text); --es-text-secondary: var(--pd-muted); --es-text-muted: var(--pd-muted); --es-border: var(--pd-border); --es-border-strong: var(--pd-border-strong); --es-shadow-card: var(--pd-shadow); --es-shadow-md: 0 18px 42px rgba(15, 23, 42, 0.075); } html[data-customer-effective-theme="night"] { --pd-page: var(--cd-bg); --pd-page-gradient: var(--cd-bg-gradient); --pd-surface: var(--cd-surface); --pd-surface-strong: var(--cd-surface-2); --pd-muted-surface: var(--es-bg-muted); --pd-sidebar-surface: radial-gradient(520px 220px at 10% 0%, rgba(var(--cd-accent-rgb), 0.16), transparent 55%), radial-gradient(420px 180px at 100% 14%, rgba(148, 163, 184, 0.10), transparent 55%), linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(2, 6, 23, 0.98)); --pd-border: var(--cd-border); --pd-border-strong: var(--es-border-strong); --pd-text: var(--cd-text); --pd-muted: var(--cd-text-muted); --pd-shadow: var(--es-shadow-card); --pd-selected-surface: color-mix(in srgb, var(--cd-accent-600) 22%, var(--pd-surface)); --pd-selected-text: color-mix(in srgb, var(--cd-accent-200) 72%, white); } html[data-customer-effective-theme] body { background: var(--pd-page-gradient, var(--pd-page)) !important; color: var(--pd-text); } html[data-customer-effective-theme] #pdSidebar { background: var(--pd-sidebar-surface) !important; border-color: var(--pd-border) !important; box-shadow: 10px 0 28px var(--cd-shadow, rgba(15, 23, 42, 0.08)); } html[data-customer-effective-theme] #pdSidebar .pd-brand-mark { background: var(--cd-accent-gradient); box-shadow: 0 8px 20px var(--cd-accent-glow); } html[data-customer-effective-theme] #pdSidebar .pd-nav:hover, html[data-customer-effective-theme] #pdSidebar .pd-nav:focus-visible { background: color-mix(in srgb, var(--cd-accent-soft) 58%, var(--pd-muted-surface)) !important; border-color: var(--cd-accent-border) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme] #pdSidebar .pd-nav[aria-current="true"], html[data-customer-effective-theme] #pdSidebar .pd-nav.pd-active { background: var(--pd-selected-surface) !important; border-color: var(--cd-accent-border) !important; box-shadow: inset 3px 0 0 var(--cd-accent-600), inset 0 1px 0 color-mix(in srgb, white 42%, transparent); color: var(--pd-selected-text) !important; } html[data-customer-effective-theme] #pdContentGate > .flex-1 > header { background: color-mix(in srgb, var(--pd-surface-strong) 90%, transparent) !important; border-color: var(--pd-border) !important; } html[data-customer-effective-theme] #fullDashboard .pd-pane-card, html[data-customer-effective-theme] #fullDashboard .es-card, html[data-customer-effective-theme] #fullDashboard .pd-list-box, html[data-customer-effective-theme] #fullDashboard .bg-white, html[data-customer-effective-theme] #fullDashboard [class*="bg-white/"], html[data-customer-effective-theme] #pd-section-profile .pd-pane-card, html[data-customer-effective-theme] #pd-section-profile .es-card, html[data-customer-effective-theme] #pd-section-profile .bg-white, html[data-customer-effective-theme] #pd-section-profile [class*="bg-white/"], html[data-customer-effective-theme] body > [role="dialog"] .bg-white { background: var(--pd-surface) !important; border-color: var(--pd-border) !important; color: var(--pd-text); box-shadow: var(--pd-shadow); } html[data-customer-effective-theme] #fullDashboard > .pd-nav-section > .es-card, html[data-customer-effective-theme] #fullDashboard > .pd-nav-section > .pd-pane-card { background: var(--pd-surface) !important; border-color: var(--pd-border) !important; } html[data-customer-effective-theme] #providerLiveMapContainer, html[data-customer-effective-theme] #mapPageMapWrapper, html[data-customer-effective-theme] #overviewMapWrapper > div, html[data-customer-effective-theme] #pdMessagesList, html[data-customer-effective-theme] #pdDocsListFull, html[data-customer-effective-theme] #pdJobOffersListOffers, html[data-customer-effective-theme] #servicesListFull, html[data-customer-effective-theme] #servicesList { background: var(--pd-muted-surface) !important; border-color: var(--pd-border) !important; } html[data-customer-effective-theme] #statusValue, html[data-customer-effective-theme] #notifications { background: var(--pd-surface-strong) !important; border-color: var(--pd-border) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme] #fullDashboard .bg-slate-50, html[data-customer-effective-theme] #fullDashboard .bg-slate-100, html[data-customer-effective-theme] #fullDashboard [class*="bg-slate-50/"], html[data-customer-effective-theme] #fullDashboard [class*="bg-slate-100/"], html[data-customer-effective-theme] #pd-section-profile .bg-slate-50, html[data-customer-effective-theme] #pd-section-profile .bg-slate-100, html[data-customer-effective-theme] #pd-section-profile [class*="bg-slate-50/"], html[data-customer-effective-theme] #pd-section-profile [class*="bg-slate-100/"], html[data-customer-effective-theme] body > [role="dialog"] .bg-slate-100 { background: var(--pd-muted-surface) !important; } html[data-customer-effective-theme="night"] #pdContentGate .bg-white\/70, html[data-customer-effective-theme="night"] #pdContentGate .bg-white\/90, html.dark #pdContentGate .bg-white\/70, html.dark #pdContentGate .bg-white\/90, body.dark #pdContentGate .bg-white\/70, body.dark #pdContentGate .bg-white\/90 { border-color: var(--pd-border) !important; background: color-mix(in srgb, var(--pd-surface-strong) 86%, transparent) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme="night"] #pdContentGate .hover\:bg-white:hover, html[data-customer-effective-theme="night"] #pdContentGate .hover\:bg-slate-50:hover, html[data-customer-effective-theme="night"] #pdContentGate .hover\:bg-slate-100:hover, html.dark #pdContentGate .hover\:bg-white:hover, html.dark #pdContentGate .hover\:bg-slate-50:hover, html.dark #pdContentGate .hover\:bg-slate-100:hover, body.dark #pdContentGate .hover\:bg-white:hover, body.dark #pdContentGate .hover\:bg-slate-50:hover, body.dark #pdContentGate .hover\:bg-slate-100:hover { border-color: var(--pd-border-strong) !important; background: var(--pd-muted-surface) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme] #fullDashboard input, html[data-customer-effective-theme] #fullDashboard select, html[data-customer-effective-theme] #fullDashboard textarea, html[data-customer-effective-theme] #pd-section-profile input, html[data-customer-effective-theme] #pd-section-profile select, html[data-customer-effective-theme] #pd-section-profile textarea, html[data-customer-effective-theme] body > [role="dialog"] input, html[data-customer-effective-theme] body > [role="dialog"] select, html[data-customer-effective-theme] body > [role="dialog"] textarea { background: var(--pd-surface-strong) !important; border-color: var(--pd-border-strong) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme="sunset"] #fullDashboard .border-slate-200, html[data-customer-effective-theme="sunset"] #fullDashboard .border-slate-300, html[data-customer-effective-theme="sunset"] body > [role="dialog"] .border-slate-200, html[data-customer-effective-theme="sunset"] body > [role="dialog"] .border-slate-300 { border-color: var(--pd-border) !important; } html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-900, html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-800, html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-700 { color: var(--pd-text) !important; } html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-600, html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-500, html[data-customer-effective-theme="sunset"] #fullDashboard .text-slate-400 { color: var(--pd-muted) !important; } html[data-customer-effective-theme] #pdFullSettings [data-settings-tab][aria-selected="true"], html[data-customer-effective-theme] #fullDashboard .es-btn-primary, html[data-customer-effective-theme] #fullDashboard .bg-brand-600 { background: var(--cd-accent-600) !important; border-color: var(--cd-accent-600) !important; color: #ffffff !important; } html[data-customer-effective-theme="sunset"] #fullDashboard :is(.bg-brand-50, [class*="bg-brand-950/"]) { background: var(--pd-selected-surface) !important; } html[data-customer-effective-theme="sunset"] #fullDashboard :is(.text-brand-500, .text-brand-600, .text-brand-700, [class*="text-brand-2"]) { color: var(--cd-accent-text) !important; } html[data-customer-effective-theme="sunset"] #fullDashboard :is(.border-brand-200, .border-brand-300, .border-brand-500, .border-brand-600, [class*="border-brand-8"]) { border-color: var(--cd-accent-border) !important; } html[data-customer-effective-theme] #pdFullSettings [data-appearance-choice][aria-checked="true"] { background: var(--pd-selected-surface) !important; border-color: var(--cd-accent-600) !important; color: var(--pd-selected-text) !important; box-shadow: 0 0 0 2px var(--cd-accent-border) !important; } html[data-customer-effective-theme] #pdFullSettings [data-settings-tab]:not([aria-selected="true"]), html[data-customer-effective-theme] #pdFullSettings [data-appearance-choice][aria-checked="false"] { background: var(--pd-surface-strong) !important; border-color: var(--pd-border) !important; color: var(--pd-muted) !important; } html[data-customer-effective-theme] #pdFullSettings [data-appearance-toggle] { accent-color: var(--cd-accent-600); } html[data-customer-theme-color] #pdContentGate .pd-nav:focus-visible, html[data-customer-theme-color] #pdContentGate button:focus-visible, html[data-customer-theme-color] #pdContentGate a:focus-visible, html[data-customer-theme-color] #pdContentGate input:focus, html[data-customer-theme-color] #pdContentGate select:focus, html[data-customer-theme-color] #pdContentGate textarea:focus { outline-color: var(--cd-accent-600) !important; box-shadow: 0 0 0 4px var(--cd-accent-border) !important; } /* Enhanced selects are fixed-position but still belong to the provider shell. Sunset owns their warm surfaces while the saved accent owns interaction states. */ html[data-customer-effective-theme="sunset"] .es-custom-select__trigger, html[data-customer-effective-theme="sunset"] .es-custom-select__menu { border-color: var(--pd-border) !important; background: var(--pd-surface-strong) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme="sunset"] .es-custom-select__trigger:hover, html[data-customer-effective-theme="sunset"] .es-custom-select__option:hover, html[data-customer-effective-theme="sunset"] .es-custom-select__option:focus-visible { background: var(--pd-muted-surface) !important; } html[data-customer-effective-theme="sunset"] .es-custom-select.is-open .es-custom-select__trigger, html[data-customer-effective-theme="sunset"] .es-custom-select__trigger:focus-visible { border-color: var(--cd-accent-600) !important; box-shadow: 0 0 0 3px var(--cd-accent-border) !important; } html[data-customer-effective-theme="sunset"] .es-custom-select__option { color: var(--pd-text) !important; } html[data-customer-effective-theme="sunset"] .es-custom-select__option.is-selected { background: var(--pd-selected-surface) !important; color: var(--pd-selected-text) !important; } html[data-customer-effective-theme="sunset"] .es-custom-select__list::-webkit-scrollbar-track { background: var(--pd-surface-strong); } html[data-customer-effective-theme="sunset"] .es-custom-select__list::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--cd-accent-600) 34%, var(--pd-border)); border-color: var(--pd-surface-strong); } html[data-customer-effective-theme="night"] .es-custom-select__trigger, html[data-customer-effective-theme="night"] .es-custom-select__menu { border-color: var(--pd-border) !important; background: var(--pd-surface-strong) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme="night"] .es-custom-select__trigger:hover, html[data-customer-effective-theme="night"] .es-custom-select__option:hover, html[data-customer-effective-theme="night"] .es-custom-select__option:focus-visible { background: var(--pd-muted-surface) !important; color: var(--pd-text) !important; } html[data-customer-effective-theme="night"] .es-custom-select.is-open .es-custom-select__trigger, html[data-customer-effective-theme="night"] .es-custom-select__trigger:focus-visible { border-color: var(--cd-accent-600) !important; box-shadow: 0 0 0 3px var(--cd-accent-border) !important; } html[data-customer-effective-theme="night"] .es-custom-select__option { color: var(--pd-text) !important; } html[data-customer-effective-theme="night"] .es-custom-select__option.is-selected { background: var(--pd-selected-surface) !important; color: var(--pd-selected-text) !important; } html[data-customer-effective-theme="night"] .es-custom-select__list::-webkit-scrollbar-track { background: var(--pd-surface-strong); } html[data-customer-effective-theme="night"] .es-custom-select__list::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--cd-accent-600) 34%, var(--pd-border)); border-color: var(--pd-surface-strong); } html[data-customer-effective-theme="sunset"] .pd-pane-skeleton { background: linear-gradient(180deg, color-mix(in srgb, var(--pd-surface) 96%, transparent), color-mix(in srgb, var(--pd-muted-surface) 96%, transparent)), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.32) 50%, transparent 100%); background-size: auto, 220px 100%; background-repeat: no-repeat; } html[data-customer-effective-theme="sunset"] .pd-pane-skeleton-card, html[data-customer-effective-theme="sunset"] .pd-pane-skeleton-row { background: var(--pd-muted-surface); border-color: var(--pd-border); } /* Provider offer cards: professional dispatch-card visual treatment only. jobs-ui.js remains the owner of rendered data, actions, timers, and state. */ #pdJobOffersList, #pdJobOffersListOffers { display: grid; gap: 0.68rem; min-width: 0; } #pdOverviewOffersCard #pdOfferDialogHeading:focus { outline: 0; box-shadow: none; } #pdJobOffersList .pd-offer-card, #pdJobOffersListOffers .pd-offer-card { position: relative; isolation: isolate; overflow: hidden; border: 1px solid color-mix(in srgb, var(--pd-border) 88%, transparent); border-radius: 16px; background: radial-gradient(360px 140px at 0% 0%, color-mix(in srgb, var(--pd-brand) 7%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in srgb, var(--pd-surface) 97%, white), var(--pd-surface)); padding: 0; color: var(--pd-text); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.64) inset, 0 16px 34px -28px rgba(15, 23, 42, 0.34); font-variant-numeric: tabular-nums; } #pdJobOffersList .pd-offer-card::before, #pdJobOffersListOffers .pd-offer-card::before { content: ""; position: absolute; inset: 0 0 auto 0; z-index: 2; height: 3px; background: linear-gradient(90deg, #059669, color-mix(in srgb, var(--pd-brand) 58%, #059669), transparent 86%); } #pdJobOffersList .pd-offer-card__grid, #pdJobOffersListOffers .pd-offer-card__grid { display: grid; grid-template-columns: 1fr; gap: 0; min-width: 0; padding: 0; } #pdJobOffersList .pd-offer-command, #pdJobOffersListOffers .pd-offer-command { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.5rem; align-items: center; border-bottom: 1px solid color-mix(in srgb, var(--pd-border) 72%, transparent); background: color-mix(in srgb, var(--pd-muted-surface) 36%, transparent); padding: 0.64rem 0.92rem 0.56rem; color: var(--pd-muted); } #pdJobOffersList .pd-offer-command__meta, #pdJobOffersListOffers .pd-offer-command__meta { display: flex; min-width: 0; flex-wrap: wrap; gap: 0.36rem; align-items: center; } #pdJobOffersList .pd-offer-state, #pdJobOffersListOffers .pd-offer-state, #pdJobOffersList .pd-offer-response-window__label, #pdJobOffersListOffers .pd-offer-response-window__label, #pdJobOffersList .pd-offer-metric__label, #pdJobOffersListOffers .pd-offer-metric__label, #pdJobOffersList .pd-offer-field-label, #pdJobOffersListOffers .pd-offer-field-label, #pdJobOffersList .pd-offer-customer__label, #pdJobOffersListOffers .pd-offer-customer__label, #pdJobOffersList .pd-offer-vehicle__label, #pdJobOffersListOffers .pd-offer-vehicle__label { font-size: 0.62rem; font-weight: 850; letter-spacing: 0; line-height: 1.2; text-transform: uppercase; } #pdJobOffersList .pd-offer-state, #pdJobOffersListOffers .pd-offer-state { display: inline-flex; min-height: 1.45rem; align-items: center; border: 1px solid color-mix(in srgb, #059669 26%, var(--pd-border)); border-radius: 999px; background: color-mix(in srgb, #059669 9%, var(--pd-surface)); padding: 0 0.54rem; color: #047857; } #pdJobOffersList .pd-offer-record, #pdJobOffersList .pd-offer-metric__value, #pdJobOffersListOffers .pd-offer-metric__value, #pdJobOffersListOffers .pd-offer-record { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; letter-spacing: 0; } #pdJobOffersList .pd-offer-record, #pdJobOffersListOffers .pd-offer-record { color: color-mix(in srgb, var(--pd-muted) 90%, transparent); font-size: 0.7rem; font-weight: 750; } #pdJobOffersList .pd-offer-response-window, #pdJobOffersListOffers .pd-offer-response-window { display: grid; min-width: 0; gap: 0.28rem; justify-items: stretch; } #pdJobOffersList .pd-offer-response-window__label, #pdJobOffersListOffers .pd-offer-response-window__label { color: var(--pd-muted); font-size: 0.62rem; } #pdJobOffersList .pd-offer-countdown, #pdJobOffersListOffers .pd-offer-countdown { display: inline-flex; min-height: 1.9rem; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--es-success) 35%, var(--pd-border)); border-radius: 999px; background: color-mix(in srgb, var(--es-success-soft) 76%, transparent); padding: 0 0.66rem; color: color-mix(in srgb, var(--es-success) 82%, var(--pd-text)); font-size: 0.7rem; font-weight: 850; line-height: 1; white-space: nowrap; } #pdJobOffersList .pd-offer-countdown--urgent, #pdJobOffersListOffers .pd-offer-countdown--urgent { border-color: color-mix(in srgb, var(--es-warning) 46%, var(--pd-border)); background: color-mix(in srgb, var(--es-warning-soft) 76%, transparent); color: color-mix(in srgb, var(--es-warning) 84%, var(--pd-text)); } #pdJobOffersList .pd-offer-countdown--expired, #pdJobOffersListOffers .pd-offer-countdown--expired { border-color: color-mix(in srgb, var(--es-error) 42%, var(--pd-border)); background: color-mix(in srgb, var(--es-error-soft) 76%, transparent); color: color-mix(in srgb, var(--es-error) 86%, var(--pd-text)); } #pdJobOffersList .pd-offer-card__body, #pdJobOffersListOffers .pd-offer-card__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(9rem, 10.25rem); gap: 0.85rem; align-items: start; min-width: 0; padding: 0.86rem 0.92rem 0.92rem; } #pdJobOffersList .pd-offer-card__main, #pdJobOffersListOffers .pd-offer-card__main { display: grid; gap: 0.5rem; min-width: 0; } #pdJobOffersList .pd-offer-customer, #pdJobOffersListOffers .pd-offer-customer { display: flex; min-width: 0; align-items: center; gap: 0.58rem; } #pdJobOffersList .pd-offer-customer.hidden, #pdJobOffersListOffers .pd-offer-customer.hidden { display: none !important; } #pdJobOffersList .pd-offer-customer__text, #pdJobOffersListOffers .pd-offer-customer__text { min-width: 0; } #pdJobOffersList .pd-offer-customer__label, #pdJobOffersListOffers .pd-offer-customer__label, #pdJobOffersList .pd-offer-metric__label, #pdJobOffersListOffers .pd-offer-metric__label, #pdJobOffersList .pd-offer-field-label, #pdJobOffersListOffers .pd-offer-field-label, #pdJobOffersList .pd-offer-vehicle__label, #pdJobOffersListOffers .pd-offer-vehicle__label { color: var(--pd-muted); } #pdJobOffersList .pd-offer-customer__name, #pdJobOffersListOffers .pd-offer-customer__name, #pdJobOffersList .pd-offer-service, #pdJobOffersListOffers .pd-offer-service, #pdJobOffersList .pd-offer-vehicle__title, #pdJobOffersListOffers .pd-offer-vehicle__title { color: var(--pd-text); } #pdJobOffersList .pd-offer-customer__name, #pdJobOffersListOffers .pd-offer-customer__name, #pdJobOffersList .pd-offer-customer__meta, #pdJobOffersListOffers .pd-offer-customer__meta { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #pdJobOffersList .pd-offer-customer__name, #pdJobOffersListOffers .pd-offer-customer__name { margin-top: 0.08rem; font-size: 0.84rem; font-weight: 850; line-height: 1.2; } #pdJobOffersList .pd-offer-customer__meta, #pdJobOffersListOffers .pd-offer-customer__meta, #pdJobOffersList .pd-offer-created, #pdJobOffersListOffers .pd-offer-created { color: color-mix(in srgb, var(--pd-muted) 88%, transparent); font-size: 0.68rem; font-weight: 650; } #pdJobOffersList .pd-offer-summary, #pdJobOffersListOffers .pd-offer-summary { display: grid; gap: 0.16rem; } #pdJobOffersList .pd-offer-service, #pdJobOffersListOffers .pd-offer-service { font-size: 1rem; font-weight: 850; letter-spacing: 0; line-height: 1.18; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-issue, #pdJobOffersListOffers .pd-offer-issue { color: color-mix(in srgb, var(--pd-text) 78%, var(--pd-muted)); font-size: 0.82rem; font-weight: 750; line-height: 1.32; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-metrics, #pdJobOffersListOffers .pd-offer-metrics { display: flex; flex-wrap: wrap; gap: 0.42rem; overflow: visible; border: 0; border-radius: 0; background: transparent; } #pdJobOffersList .pd-offer-metric, #pdJobOffersListOffers .pd-offer-metric { display: inline-flex; min-width: 0; flex: 1 1 8rem; gap: 0.44rem; align-items: baseline; border: 1px solid color-mix(in srgb, var(--pd-border) 78%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--pd-muted-surface) 30%, transparent); padding: 0.42rem 0.58rem; } #pdJobOffersList .pd-offer-metric__value, #pdJobOffersListOffers .pd-offer-metric__value { color: var(--pd-text); font-size: 0.82rem; font-weight: 850; line-height: 1.15; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-details, #pdJobOffersListOffers .pd-offer-details { display: grid; grid-template-columns: 1fr; gap: 0.26rem; overflow: visible; border: 0; border-radius: 0; background: transparent; } #pdJobOffersList .pd-offer-details > *, #pdJobOffersListOffers .pd-offer-details > * { display: grid; grid-template-columns: minmax(3.6rem, auto) minmax(0, 1fr); min-width: 0; gap: 0.5rem; align-items: baseline; border: 0; border-top: 1px solid color-mix(in srgb, var(--pd-border) 64%, transparent); border-radius: 0; background: transparent; padding: 0.48rem 0.1rem 0.1rem; color: color-mix(in srgb, var(--pd-text) 78%, var(--pd-muted)); font-size: 0.74rem; font-weight: 750; line-height: 1.32; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-field-label, #pdJobOffersListOffers .pd-offer-field-label { flex: 0 0 auto; } #pdJobOffersList .pd-offer-vehicle, #pdJobOffersListOffers .pd-offer-vehicle, #pdJobOffersList .pd-offer-notes, #pdJobOffersListOffers .pd-offer-notes { border: 0; border-radius: 12px; background: color-mix(in srgb, var(--pd-muted-surface) 38%, transparent); color: color-mix(in srgb, var(--pd-text) 80%, var(--pd-muted)); } #pdJobOffersList .pd-offer-vehicle, #pdJobOffersListOffers .pd-offer-vehicle { display: grid; grid-template-columns: 5.35rem minmax(0, 1fr); gap: 0.72rem; align-items: center; max-width: none; padding: 0.58rem 0.7rem; } #pdJobOffersList .pd-offer-vehicle--empty, #pdJobOffersListOffers .pd-offer-vehicle--empty { grid-template-columns: 1fr; } #pdJobOffersList .pd-offer-vehicle__details, #pdJobOffersListOffers .pd-offer-vehicle__details { min-width: 0; } #pdJobOffersList .pd-offer-vehicle__icon, #pdJobOffersListOffers .pd-offer-vehicle__icon { display: inline-flex; width: 5.1rem; height: 3.55rem; min-width: 5.1rem; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--pd-border) 72%, transparent); border-radius: 12px; background: linear-gradient(135deg, color-mix(in srgb, #f0fdfa 72%, var(--pd-surface)), color-mix(in srgb, #dbeafe 58%, var(--pd-surface))); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62); overflow: hidden; } #pdJobOffersList .pd-offer-vehicle__icon-fallback, #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback { position: relative; display: block; width: 2.35rem; height: 1.12rem; border: 2px solid color-mix(in srgb, #2563eb 72%, var(--pd-text)); border-radius: 999px 999px 0.5rem 0.5rem; } #pdJobOffersList .pd-offer-vehicle__icon-fallback::before, #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback::before { content: ""; position: absolute; inset: -0.36rem 0.42rem auto; height: 0.58rem; border: 2px solid color-mix(in srgb, #2563eb 72%, var(--pd-text)); border-bottom: 0; border-radius: 999px 999px 0 0; } #pdJobOffersList .pd-offer-vehicle__icon-fallback::after, #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback::after { content: ""; position: absolute; left: 0.28rem; right: 0.28rem; bottom: -0.28rem; height: 0.26rem; border-radius: 999px; background: color-mix(in srgb, var(--pd-text) 38%, transparent); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-thumbnail, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-thumbnail { --cd-vehicle-card-top: color-mix(in srgb, var(--pd-surface) 86%, #ecfdf5); --cd-vehicle-card-bottom: color-mix(in srgb, var(--pd-muted-surface) 68%, var(--pd-surface)); --cd-vehicle-art-bg: color-mix(in srgb, #10b981 7%, transparent); --cd-vehicle-paint: #4f7f9f; --cd-vehicle-paint-shade: #31546f; --cd-vehicle-paint-highlight: rgba(255, 255, 255, 0.64); --cd-vehicle-glass: #dbeafe; --cd-vehicle-glass-highlight: rgba(255, 255, 255, 0.75); --cd-vehicle-chrome: #f8fafc; --cd-vehicle-light: #fde68a; --cd-vehicle-tail-light: #fb7185; --cd-vehicle-line: rgba(15, 23, 42, 0.3); --cd-vehicle-tire: #111827; --cd-vehicle-wheel: #dfe7ef; --cd-vehicle-rim: #f8fafc; --cd-vehicle-ground: rgba(15, 23, 42, 0.13); --cd-vehicle-garage: rgba(16, 185, 129, 0.16); display: inline-flex; width: 100%; height: 100%; flex: 0 0 100%; align-items: center; justify-content: center; overflow: hidden; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none; color: var(--pd-text); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-thumbnail-svg, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-thumbnail-svg { display: block; width: 100%; height: 100%; border-radius: 10px; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-bg, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-bg { fill: var(--cd-vehicle-art-bg); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-body, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-body { fill: var(--cd-vehicle-paint); stroke: var(--cd-vehicle-line); stroke-width: 1.6; stroke-linejoin: round; filter: drop-shadow(0 5px 5px rgba(15, 23, 42, 0.16)); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-shade, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-shade { fill: var(--cd-vehicle-paint-shade); opacity: 0.88; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-glass, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-glass { fill: var(--cd-vehicle-glass); stroke: var(--cd-vehicle-line); stroke-width: 1.4; stroke-linejoin: round; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-highlight, #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-window-highlight, #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-wheel-line, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-highlight, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-window-highlight, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-wheel-line { fill: none; stroke-linecap: round; stroke-linejoin: round; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-highlight, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-highlight { stroke: var(--cd-vehicle-paint-highlight); stroke-width: 2; opacity: 0.78; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-window-highlight, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-window-highlight { stroke: var(--cd-vehicle-glass-highlight); stroke-width: 1.5; opacity: 0.82; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-chrome, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-chrome { fill: var(--cd-vehicle-chrome); stroke: var(--cd-vehicle-line); stroke-width: 1; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-light, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-light { fill: var(--cd-vehicle-light); stroke: color-mix(in srgb, var(--cd-vehicle-line) 52%, transparent); stroke-width: 0.8; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-tail-light, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-tail-light { fill: var(--cd-vehicle-tail-light); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-line, #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-garage, #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-garage-line, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-line, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-garage, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-garage-line { fill: none; stroke: var(--cd-vehicle-line); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-garage, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-garage { stroke: var(--cd-vehicle-garage); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-garage-line, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-garage-line { stroke: color-mix(in srgb, var(--cd-vehicle-line) 56%, transparent); stroke-width: 1.6; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-tire, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-tire { fill: var(--cd-vehicle-tire); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-wheel, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-wheel { fill: var(--cd-vehicle-wheel); stroke: color-mix(in srgb, var(--cd-vehicle-line) 70%, transparent); stroke-width: 1; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-rim, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-rim { fill: var(--cd-vehicle-rim); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-wheel-line, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-wheel-line { stroke: color-mix(in srgb, var(--cd-vehicle-line) 72%, transparent); stroke-width: 1; } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-tire-shadow, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-tire-shadow { fill: rgba(15, 23, 42, 0.17); } #pdJobOffersList .pd-offer-vehicle__icon .cd-vehicle-art-ground, #pdJobOffersListOffers .pd-offer-vehicle__icon .cd-vehicle-art-ground { fill: var(--cd-vehicle-ground); } #pdJobOffersList .pd-offer-vehicle__title, #pdJobOffersListOffers .pd-offer-vehicle__title { font-size: 0.84rem; font-weight: 850; line-height: 1.25; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-vehicle__title--muted, #pdJobOffersListOffers .pd-offer-vehicle__title--muted { color: var(--pd-muted); } #pdJobOffersList .pd-offer-vehicle__meta, #pdJobOffersListOffers .pd-offer-vehicle__meta { color: color-mix(in srgb, var(--pd-muted) 88%, var(--pd-text)); font-size: 0.7rem; font-weight: 650; line-height: 1.32; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-notes, #pdJobOffersListOffers .pd-offer-notes { padding: 0.56rem 0.68rem; font-size: 0.76rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; } #pdJobOffersList .pd-offer-created, #pdJobOffersListOffers .pd-offer-created { display: block; line-height: 1.2; font-family: var(--es-font-sans); color: color-mix(in srgb, var(--pd-muted) 86%, var(--pd-text)); font-size: 0.68rem; font-weight: 650; } #pdJobOffersList .pd-offer-actions, #pdJobOffersListOffers .pd-offer-actions { display: grid; min-width: 0; align-self: start; align-content: start; gap: 0.55rem; border: 1px solid color-mix(in srgb, var(--pd-border) 58%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--pd-muted-surface) 20%, transparent); padding: 0.58rem; } #fullDashboard #pdJobOffersList .pd-offer-accept.es-btn-primary, #fullDashboard #pdJobOffersListOffers .pd-offer-accept.es-btn-primary, #fullDashboard #pdJobOffersList .pd-offer-decline, #fullDashboard #pdJobOffersListOffers .pd-offer-decline { display: inline-flex; min-height: 2.8rem; width: 100%; align-items: center; justify-content: center; border-radius: 12px; padding: 0 0.85rem; font-size: 0.78rem; font-weight: 850; line-height: 1; text-align: center; } #fullDashboard #pdJobOffersList .pd-offer-accept.es-btn-primary, #fullDashboard #pdJobOffersListOffers .pd-offer-accept.es-btn-primary { border-color: #047857 !important; background: linear-gradient(180deg, #059669, #047857) !important; box-shadow: 0 12px 24px rgba(4, 120, 87, 0.18) !important; color: #ffffff !important; } #fullDashboard #pdJobOffersList .pd-offer-accept:hover:not(:disabled), #fullDashboard #pdJobOffersList .pd-offer-accept:focus-visible:not(:disabled), #fullDashboard #pdJobOffersListOffers .pd-offer-accept:hover:not(:disabled), #fullDashboard #pdJobOffersListOffers .pd-offer-accept:focus-visible:not(:disabled) { border-color: #065f46 !important; background: linear-gradient(180deg, #047857, #065f46) !important; color: #ffffff !important; } #fullDashboard #pdJobOffersList .pd-offer-decline, #fullDashboard #pdJobOffersListOffers .pd-offer-decline { border: 1px solid color-mix(in srgb, var(--es-error) 32%, var(--pd-border)); background: color-mix(in srgb, var(--pd-surface) 88%, transparent); color: color-mix(in srgb, var(--es-error) 82%, var(--pd-text)); box-shadow: none; } #fullDashboard #pdJobOffersList .pd-offer-decline:hover:not(:disabled), #fullDashboard #pdJobOffersList .pd-offer-decline:focus-visible:not(:disabled), #fullDashboard #pdJobOffersListOffers .pd-offer-decline:hover:not(:disabled), #fullDashboard #pdJobOffersListOffers .pd-offer-decline:focus-visible:not(:disabled) { border-color: color-mix(in srgb, var(--es-error) 52%, var(--pd-border)); background: color-mix(in srgb, var(--es-error-soft) 62%, transparent); color: color-mix(in srgb, var(--es-error) 92%, var(--pd-text)); } #fullDashboard #pdJobOffersList .pd-offer-accept:focus-visible, #fullDashboard #pdJobOffersList .pd-offer-decline:focus-visible, #fullDashboard #pdJobOffersListOffers .pd-offer-accept:focus-visible, #fullDashboard #pdJobOffersListOffers .pd-offer-decline:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.22) !important; } #pdJobOffersList .pd-offer-card-expired, #pdJobOffersListOffers .pd-offer-card-expired { opacity: 0.82; } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-card, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-card { border-color: color-mix(in srgb, var(--cd-accent-600) 16%, var(--pd-border)); background: radial-gradient(360px 140px at 0% 0%, rgba(251, 146, 60, 0.08), transparent 62%), linear-gradient(180deg, #fffdfb, var(--pd-surface)); } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-card::before, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-card::before { background: linear-gradient(90deg, #059669, color-mix(in srgb, var(--cd-accent-600) 28%, #059669), transparent 86%); } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-command, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-command { background: color-mix(in srgb, var(--pd-muted-surface) 42%, transparent); } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-metrics, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-metrics, html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-details, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-details { border-color: transparent; background: transparent; } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-metric, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-metric, html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-details > *, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-details > *, html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-vehicle, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-vehicle, html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-notes, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-notes { background: color-mix(in srgb, var(--pd-muted-surface) 46%, transparent); border-color: color-mix(in srgb, var(--cd-accent-600) 14%, var(--pd-border)); } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-actions, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-actions { background: color-mix(in srgb, var(--pd-muted-surface) 38%, transparent); border-color: color-mix(in srgb, var(--cd-accent-600) 14%, var(--pd-border)); } html[data-customer-effective-theme="sunset"] #pdJobOffersList .pd-offer-vehicle__icon, html[data-customer-effective-theme="sunset"] #pdJobOffersListOffers .pd-offer-vehicle__icon { border-color: color-mix(in srgb, var(--cd-accent-600) 20%, var(--pd-border)); background: color-mix(in srgb, #ffedd5 64%, var(--pd-surface)); } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-card, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-card, html.dark #pdJobOffersList .pd-offer-card, html.dark #pdJobOffersListOffers .pd-offer-card { border-color: rgba(71, 85, 105, 0.62); background: radial-gradient(360px 140px at 0% 0%, rgba(20, 184, 166, 0.12), transparent 62%), linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(15, 23, 42, 0.86)); color: #f8fafc; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02), 0 18px 42px -28px rgba(0, 0, 0, 0.9); } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-command, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-command, html.dark #pdJobOffersList .pd-offer-command, html.dark #pdJobOffersListOffers .pd-offer-command { border-bottom-color: rgba(71, 85, 105, 0.62); background: rgba(15, 23, 42, 0.36); } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-customer__name, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-customer__name, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-service, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-service, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-metric__value, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-metric__value, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__title, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__title, html.dark #pdJobOffersList .pd-offer-customer__name, html.dark #pdJobOffersListOffers .pd-offer-customer__name, html.dark #pdJobOffersList .pd-offer-service, html.dark #pdJobOffersListOffers .pd-offer-service, html.dark #pdJobOffersList .pd-offer-metric__value, html.dark #pdJobOffersListOffers .pd-offer-metric__value, html.dark #pdJobOffersList .pd-offer-vehicle__title, html.dark #pdJobOffersListOffers .pd-offer-vehicle__title { color: #f8fafc; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-issue, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-issue, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__meta, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__meta, html.dark #pdJobOffersList .pd-offer-issue, html.dark #pdJobOffersListOffers .pd-offer-issue, html.dark #pdJobOffersList .pd-offer-vehicle__meta, html.dark #pdJobOffersListOffers .pd-offer-vehicle__meta { color: #cbd5e1; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-customer__label, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-customer__label, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-customer__meta, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-customer__meta, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-metric__label, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-metric__label, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-field-label, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-field-label, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__label, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__label, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-created, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-created, html.dark #pdJobOffersList .pd-offer-customer__label, html.dark #pdJobOffersListOffers .pd-offer-customer__label, html.dark #pdJobOffersList .pd-offer-customer__meta, html.dark #pdJobOffersListOffers .pd-offer-customer__meta, html.dark #pdJobOffersList .pd-offer-metric__label, html.dark #pdJobOffersListOffers .pd-offer-metric__label, html.dark #pdJobOffersList .pd-offer-field-label, html.dark #pdJobOffersListOffers .pd-offer-field-label, html.dark #pdJobOffersList .pd-offer-vehicle__label, html.dark #pdJobOffersListOffers .pd-offer-vehicle__label, html.dark #pdJobOffersList .pd-offer-created, html.dark #pdJobOffersListOffers .pd-offer-created { color: #94a3b8; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-metrics, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-metrics, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-details, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-details, html.dark #pdJobOffersList .pd-offer-metrics, html.dark #pdJobOffersListOffers .pd-offer-metrics, html.dark #pdJobOffersList .pd-offer-details, html.dark #pdJobOffersListOffers .pd-offer-details { border-color: transparent; background: transparent; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-metric, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-metric, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-details > *, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-details > *, html.dark #pdJobOffersList .pd-offer-metric, html.dark #pdJobOffersListOffers .pd-offer-metric, html.dark #pdJobOffersList .pd-offer-details > *, html.dark #pdJobOffersListOffers .pd-offer-details > * { border-color: rgba(71, 85, 105, 0.58); background: rgba(15, 23, 42, 0.32); color: #e2e8f0; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-notes, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-notes, html.dark #pdJobOffersList .pd-offer-vehicle, html.dark #pdJobOffersListOffers .pd-offer-vehicle, html.dark #pdJobOffersList .pd-offer-notes, html.dark #pdJobOffersListOffers .pd-offer-notes { border-color: transparent; background: rgba(15, 23, 42, 0.34); color: #cbd5e1; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__icon, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__icon, html.dark #pdJobOffersList .pd-offer-vehicle__icon, html.dark #pdJobOffersListOffers .pd-offer-vehicle__icon { border-color: rgba(51, 65, 85, 0.72); background: rgba(30, 41, 59, 0.78); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__icon-fallback, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback, html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-vehicle__icon-fallback::before, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback::before, html.dark #pdJobOffersList .pd-offer-vehicle__icon-fallback, html.dark #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback, html.dark #pdJobOffersList .pd-offer-vehicle__icon-fallback::before, html.dark #pdJobOffersListOffers .pd-offer-vehicle__icon-fallback::before { border-color: #93c5fd; } html[data-customer-effective-theme="night"] #pdJobOffersList .pd-offer-actions, html[data-customer-effective-theme="night"] #pdJobOffersListOffers .pd-offer-actions, html.dark #pdJobOffersList .pd-offer-actions, html.dark #pdJobOffersListOffers .pd-offer-actions { border-color: rgba(71, 85, 105, 0.58); background: rgba(15, 23, 42, 0.38); } html[data-customer-effective-theme="night"] #fullDashboard #pdJobOffersList .pd-offer-decline, html[data-customer-effective-theme="night"] #fullDashboard #pdJobOffersListOffers .pd-offer-decline, html.dark #fullDashboard #pdJobOffersList .pd-offer-decline, html.dark #fullDashboard #pdJobOffersListOffers .pd-offer-decline { border-color: #334155; background: transparent; color: #cbd5e1; } @media (max-width: 768px) { #pdJobOffersList .pd-offer-card__body, #pdJobOffersListOffers .pd-offer-card__body { grid-template-columns: 1fr; gap: 0.68rem; padding: 0.82rem; } #pdJobOffersList .pd-offer-actions, #pdJobOffersListOffers .pd-offer-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); } #pdJobOffersList .pd-offer-response-window, #pdJobOffersListOffers .pd-offer-response-window { grid-column: 1 / -1; } } @media (max-width: 560px) { #pdJobOffersList .pd-offer-command, #pdJobOffersListOffers .pd-offer-command { grid-template-columns: 1fr; gap: 0.52rem; padding: 0.72rem 0.82rem 0.62rem; } #pdJobOffersList .pd-offer-response-window, #pdJobOffersListOffers .pd-offer-response-window { min-width: 0; justify-items: stretch; } } @media (max-width: 360px) { #pdJobOffersList .pd-offer-actions, #pdJobOffersListOffers .pd-offer-actions { grid-template-columns: 1fr; } }