.sabipick-theme-toggle {
    display: flex; justify-content: flex-end; gap: 0; padding: 0;
    position: relative; z-index: 2; flex-wrap: wrap;
}
.sabipick-theme-toggle button {
    width: 32px; height: 32px; min-height: 32px; padding: 6px; border: 1px solid #697386;
    border-radius: 6px; background: #24243b; color: #fff; font-size: 14px;
    font-weight: 700; cursor: pointer; line-height: 1.4;
}
.sabipick-theme-toggle svg { display: block; width: 18px; height: 18px; }
.sabipick-theme-toggle .sabipick-sun-fill { fill: transparent; }
.sabipick-theme-toggle button[aria-pressed="true"] .sabipick-sun-fill { fill: currentColor; }
.sabipick-theme-toggle button[aria-pressed="true"] { background: #00785e; color: #fff; }
.sabipick-theme-toggle button:focus-visible { outline: 3px solid #1683d8; outline-offset: 3px; }

/* Layered important rules override legacy screen-specific dark styles. */
@layer sabipickTheme {
    .sabipick-chat-screen .sabipick-cancellation { background: #1d292f !important; color: #f1f5f7 !important; border: 1px solid #52666f !important; border-radius: 6px; padding: 12px !important; margin: 12px 0 !important; box-sizing: border-box; }
    .sabipick-chat-screen .sabipick-cancellation :is(summary,label,p) { color: #f1f5f7 !important; font-size: 15px; line-height: 1.5; }
    .sabipick-chat-screen .sabipick-cancellation summary { padding: 8px 0 !important; font-weight: 600; }
    .sabipick-chat-screen .sabipick-cancellation-form { width: 100%; min-width: 0; gap: 12px; }
    .sabipick-chat-screen .sabipick-cancellation-form :is(textarea,select) { background: #142126 !important; color: #f1f5f7 !important; border: 1px solid #82949c !important; border-radius: 6px !important; padding: 12px !important; font: 400 16px/1.5 Arial,sans-serif !important; color-scheme: dark; caret-color: #fff; box-shadow: none !important; }
    .sabipick-chat-screen .sabipick-cancellation-form textarea { min-height: 112px !important; }
    .sabipick-chat-screen .sabipick-cancellation-form :is(textarea,select):focus-visible { outline: 2px solid #65c3ff !important; outline-offset: 2px; }
    .sabipick-chat-screen .sabipick-cancellation-form button { background: #08c99c !important; color: #041612 !important; border: 1px solid #08c99c !important; border-radius: 6px !important; min-height: 44px !important; padding: 10px 16px !important; font: 600 15px/1.5 Arial,sans-serif !important; box-shadow: none !important; }
    .sabipick-chat-screen .sabipick-cancellation-form button:focus-visible { outline: 2px solid #65c3ff !important; outline-offset: 3px; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-cancellation { background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-cancellation :is(summary,label,p) { color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-cancellation-form :is(textarea,select) { background: #f3f6f6 !important; color: #142126 !important; border-color: #657e87 !important; color-scheme: light; caret-color: #142126; }
    .sabipick-status-complete::after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 5px; vertical-align: -2px; flex-shrink: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23007850'/%3E%3Cpath d='m7 12 3 3 7-7' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
    .sabipick-status-pending::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 5px; vertical-align: -1px; border-radius: 50%; background: #f6c744; border: 1px solid #886600; }
    :is(.sabipick-dashboard-job-main > em, .sabipick-dashboard-job-meta > span, .sabipick-dashboard-chat-chips > i, .sabipick-compact-pill).sabipick-status-pending { background: #f6c744 !important; color: #322600 !important; }
    :is(.sabipick-dashboard-job-main > em, .sabipick-dashboard-job-meta > span, .sabipick-dashboard-chat-chips > i, .sabipick-compact-pill).sabipick-status-not-started { background: transparent !important; color: inherit !important; border-color: transparent !important; box-shadow: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body > .sabipick-chat-facts { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-delivery-panel { background: #1d292f !important; background-image: none !important; color: #f1f5f7 !important; border: 1px solid #52666f !important; padding: 12px !important; box-shadow: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(.sabipick-compact-card-head p, .sabipick-muted-text) { color: #c9d5da !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-delivery-state p { background: #283940 !important; padding: 8px 10px !important; margin: 4px 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-card-head { padding: 0 !important; margin: 0 0 8px !important; gap: 8px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-card-head h3 { margin: 6px 0 !important; padding: 0 0 6px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-card-head p { margin: 4px 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-stats { margin: 8px 0 !important; gap: 6px !important; }
    .sabipick-chat-screen .sabipick-message-quote :is(b, p) { color: #e8f3ef !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-quote :is(b, p) { color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-delivery-panel { background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-delivery-state p { background: #eef3f4 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(.sabipick-compact-card-head p, .sabipick-muted-text) { color: #465b65 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-job-card { background: #1d292f !important; background-image: none !important; color: #f1f5f7 !important; padding: 12px !important; border: 1px solid #52666f !important; box-shadow: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(.sabipick-meta-list p, .sabipick-receipt-card, .sabipick-compact-stats > div, .sabipick-compact-pill, .sabipick-customer-contact) { background: #283940 !important; color: #f1f5f7 !important; border-color: #52666f !important; box-shadow: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(header, .sabipick-compact-details) { background: transparent !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(strong, h3, a, summary) { color: #f1f5f7 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(span, small) { color: #c9d5da !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-meta-list p { padding: 8px 10px !important; margin: 4px 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-meta-list strong { font-size: 14px !important; overflow-wrap: anywhere; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body h3 { font-size: 16px !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-job-card { background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(.sabipick-meta-list p, .sabipick-receipt-card, .sabipick-compact-stats > div, .sabipick-compact-pill, .sabipick-customer-contact) { background: #eef3f4 !important; color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(strong, h3, a, summary) { color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body :is(span, small) { color: #465b65 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-chat-context { flex: 0 0 auto !important; padding: 0 !important; margin: 0 !important; }
    .sabipick-chat-screen .sabipick-job-details { border-bottom: 1px solid #82949c; }
    .sabipick-chat-screen .sabipick-job-details > summary { padding: 7px 12px; cursor: pointer; font-size: 13px; font-weight: 600; }
    .sabipick-chat-screen .sabipick-job-details-body { max-height: 35dvh; overflow-y: auto; padding: 8px 12px; overscroll-behavior: contain; }
    .sabipick-chat-screen .sabipick-chat-facts { display: flex; gap: 16px; flex-wrap: wrap; margin: 0 0 8px; font-size: 13px; }
    .sabipick-chat-screen .sabipick-chat-facts dt { font-size: 11px; opacity: 0.8; }
    .sabipick-chat-screen .sabipick-chat-facts dd { margin: 0; font-weight: 600; }
    .sabipick-chat-screen .sabipick-job-details-body .sabipick-chat-card-message { width: 100% !important; max-width: none !important; margin: 0 !important; }
    dialog.sabipick-photo-viewer { position: fixed !important; inset: 0 !important; margin: 0 !important; width: 100vw !important; max-width: none !important; height: 100dvh !important; max-height: none !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: #101416 !important; color: #fff !important; }
    dialog.sabipick-photo-viewer[open] { display: grid !important; grid-template-rows: auto minmax(0, 1fr) auto; }
    dialog.sabipick-photo-viewer::backdrop { background: #101416; }
    dialog.sabipick-photo-viewer header { display: flex; align-items: center; gap: 4px; padding: max(8px, env(safe-area-inset-top)) 8px 8px; background: #101416 !important; color: #fff !important; }
    dialog.sabipick-photo-viewer header span { flex: 1; color: #fff !important; }
    dialog.sabipick-photo-viewer button { width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 10px !important; border: 0 !important; background: transparent !important; color: #fff !important; border-radius: 4px !important; }
    dialog.sabipick-photo-viewer button:disabled { opacity: 0.4; }
    dialog.sabipick-photo-viewer button:focus-visible { outline: 2px solid #65c3ff; }
    dialog.sabipick-photo-viewer svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
    dialog.sabipick-photo-viewer .sabipick-photo-surface { overflow: auto; display: grid; place-items: safe center; min-height: 0; min-width: 0; }
    dialog.sabipick-photo-viewer img { display: block; max-width: none !important; max-height: none !important; object-fit: contain; }
    dialog.sabipick-photo-viewer p { margin: 0; padding: 4px 12px max(4px, env(safe-area-inset-bottom)); color: #fff !important; font-size: 14px; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble button.sabipick-chat-photo { padding: 0 !important; border: 0 !important; background: transparent !important; width: 240px !important; min-height: 0 !important; height: auto !important; max-width: 100% !important; }
    .sabipick-chat-screen .sabipick-photo-preview { display: flex !important; align-items: center; gap: 8px; padding: 6px 12px; }
    .sabipick-chat-screen .sabipick-photo-preview[hidden], .sabipick-chat-screen input[data-chat-photo] { display: none !important; }
    .sabipick-chat-screen .sabipick-photo-preview img { width: 48px !important; height: 48px !important; object-fit: cover; }
    .sabipick-chat-screen .sabipick-photo-preview span { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-photo-preview button, .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-attach-photo { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 36px !important; width: 36px !important; height: 44px !important; min-height: 44px !important; padding: 4px !important; border: 0 !important; background: transparent !important; color: inherit !important; border-radius: 4px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-attach-photo::before { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-chat-photo { display: block; max-width: 240px; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-chat-photo img { display: block; width: 100% !important; height: 180px !important; object-fit: contain; border-radius: 6px; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-receipt { display: inline-flex !important; align-items: center; vertical-align: middle; margin-left: 4px; color: #586971 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-receipt.is-read { color: #006ec7 !important; }
    html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-receipt { color: #c0cbd0 !important; }
    html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-receipt.is-read { color: #65c3ff !important; }
    .sabipick-chat-screen .sabipick-receipt-settings { padding: 2px 12px; font-size: 12px; }
    .sabipick-chat-screen .sabipick-receipt-settings summary { cursor: pointer; }
    .sabipick-chat-screen .sabipick-receipt-settings label { display: flex; align-items: center; gap: 6px; padding: 4px 0; }
    .sabipick-chat-screen .sabipick-receipt-settings input { width: 16px !important; height: 16px !important; margin: 0 !important; }
    .sabipick-chat-screen .sabipick-message-bubble { transition: transform 160ms ease; }
    .sabipick-chat-screen .sabipick-message-bubble.is-reply-dragging { transition: none; }
    .sabipick-chat-screen .sabipick-message-bubble.is-reply-ready { outline: 2px solid #00866a; outline-offset: -2px; }
    @media (pointer: coarse) {
        .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-reply:not(:focus-visible) { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; clip-path: inset(50%) !important; }
    }
    @media (prefers-reduced-motion: reduce) { .sabipick-chat-screen .sabipick-message-bubble { transition: none; } }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-message-reply { display: inline-flex !important; align-items: center; justify-content: center; width: 32px !important; height: 32px !important; min-height: 32px !important; padding: 4px !important; background: transparent !important; color: inherit !important; border: 0 !important; border-radius: 4px !important; }
    .sabipick-chat-screen .sabipick-message-quote { margin: 4px 0 !important; padding: 4px 8px !important; border-left: 3px solid #00866a !important; font-size: 13px !important; overflow-wrap: anywhere; }
    .sabipick-chat-screen .sabipick-message-quote b { display: block; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-chat-camera { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px !important; height: 44px !important; min-height: 44px !important; padding: 3px !important; background: transparent !important; color: inherit !important; border: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form:not([data-photo-allowed="yes"]) .sabipick-chat-camera { display: none !important; }
    .sabipick-proof-input { display: grid; gap: 4px; font-size: 12px; max-width: 240px; }
    .sabipick-proof-input input { max-width: 100%; width: 100%; font-size: 12px; }
    .sabipick-delivery-proof { display: flex; gap: 10px; align-items: center; padding: 6px 0; }
    .sabipick-delivery-proof .sabipick-chat-photo { width: 100px !important; height: 75px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-record-voice { display: inline-flex !important; align-items: center; justify-content: center; width: 36px !important; height: 44px !important; min-height: 44px !important; flex: 0 0 36px; padding: 4px !important; background: transparent !important; color: inherit !important; border: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form:not([data-photo-allowed="yes"]) .sabipick-record-voice { display: none !important; }
    .sabipick-record-voice.is-recording { color: #df3838 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form[data-voice-active="yes"] { display: none !important; }
    .sabipick-voice-preview:not([hidden]) { display: grid; gap: 12px; padding: 12px; color: #e8f3ef; background: #1d292f; }
    html[data-sabipick-theme="white"] .sabipick-voice-preview { color: #142126; background: #fff; }
    .sabipick-voice-top { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 40px; }
    .sabipick-voice-top canvas { width: 100%; height: 40px; }
    .sabipick-voice-actions { display: grid; grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 12px; align-items: center; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-actions button { display: inline-flex !important; justify-content: center; align-items: center; gap: 8px; height: 44px !important; min-height: 44px !important; padding: 8px !important; border: 0 !important; box-shadow: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-actions .sabipick-voice-delete { background: #ffe7eb !important; color: #b51639 !important; border-radius: 50% !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-actions .sabipick-voice-send { background: #007f60 !important; color: #fff !important; border-radius: 50% !important; grid-column: 3; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-actions .sabipick-voice-pause { background: #eef3f4 !important; color: #142126 !important; border-radius: 24px !important; font-size: 15px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-actions button[hidden] { display: none !important; }
    .sabipick-voice-preview audio, .sabipick-voice-player { width: 240px; max-width: 100%; height: 40px; }
    .sabipick-voice-playback { display: grid; grid-template-columns: 40px minmax(60px, 1fr) 56px; gap: 6px 8px; align-items: center; width: 250px; max-width: 100%; padding: 4px 0; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback .sabipick-voice-play { display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; min-height: 40px !important; padding: 4px !important; border-radius: 50% !important; border: 0 !important; background: #007f60 !important; color: #fff !important; }
    .sabipick-voice-playback input[type="range"] { width: 100%; min-width: 0; height: 24px; padding: 0 !important; margin: 0 !important; accent-color: #00a87a; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback select { width: 56px !important; height: 32px !important; min-height: 32px !important; padding: 2px !important; background: #283940 !important; color: #f1f5f7 !important; font-size: 12px !important; border: 1px solid #52666f !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback select { background: #fff !important; color: #142126 !important; }
    .sabipick-voice-time { grid-column: 2 / 4; font-size: 12px; }
    .sabipick-voice-error { grid-column: 1 / -1; font-size: 12px; }
    html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-pill.sabipick-status-pending { background: #f6c744 !important; color: #322600 !important; }
    html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-job-details-body .sabipick-compact-pill.sabipick-status-not-started { background: transparent !important; color: inherit !important; border-color: transparent !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form:not([data-photo-allowed="yes"]) .sabipick-attach-photo { display: none !important; }
    .sabipick-chat-screen .sabipick-message-quote[data-jump-message] { cursor: pointer; }
    .sabipick-chat-screen .sabipick-message-quote[data-jump-message]:focus-visible { outline: 2px solid #00a87a; outline-offset: 2px; }
    .sabipick-chat-screen .sabipick-message-highlight .sabipick-message-bubble { outline: 3px solid #00a87a; outline-offset: 2px; }
    .sabipick-chat-screen .sabipick-reply-preview { display: flex !important; align-items: center; gap: 8px; padding: 8px 12px; background: #e0eee9; color: #142126; border-left: 3px solid #00866a; }
    .sabipick-chat-screen .sabipick-reply-preview[hidden] { display: none !important; }
    .sabipick-chat-screen .sabipick-reply-preview > div { flex: 1; min-width: 0; }
    .sabipick-chat-screen .sabipick-reply-preview p { margin: 0; font-size: 13px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-reply-preview button { width: 32px !important; height: 32px !important; min-height: 32px !important; padding: 0 !important; background: transparent !important; color: #142126 !important; border: 0 !important; font-size: 24px !important; }
    .sabipick-chat-screen .sabipick-chat-status { margin: 4px 0 !important; padding: 0 8px !important; font-size: 12px !important; line-height: 1.4; flex: 0 0 auto; }
    .sabipick-chat-screen .sabipick-chat-status-error { color: #ffaba3 !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-chat-status-error { color: #b42318 !important; }
    .sabipick-chat-screen .sabipick-chat-retry { min-height: 36px; padding: 6px 12px; border-radius: 6px; cursor: pointer; }
    .sabipick-chat-screen :is(.sabipick-chat-status,.sabipick-chat-retry)[hidden] { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form { display: flex !important; align-items: flex-end !important; gap: 8px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form textarea { flex: 1 !important; width: 100% !important; min-width: 0 !important; min-height: 44px !important; max-height: 120px !important; resize: none !important; border-radius: 24px !important; padding: 11px 16px !important; box-sizing: border-box !important; font-size: 16px !important; line-height: 1.4 !important; overflow-y: auto; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-list { gap: 5px !important; padding: 8px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble { padding: 7px 10px !important; box-shadow: none !important; border: 0 !important; max-width: 82% !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble p { margin: 0 0 3px !important; font-size: 16px !important; line-height: 1.4 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble > span { font-size: 11px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message:not(.sabipick-message-system):not(.sabipick-message-action):not(.sabipick-tracking-message) .sabipick-message-bubble > strong { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-list :is(.sabipick-message-system,.sabipick-message-action):not(.sabipick-chat-action-message) .sabipick-message-bubble { width: fit-content !important; max-width: 90% !important; padding: 6px 10px !important; border-radius: 6px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-list :is(.sabipick-message-system,.sabipick-message-action):not(.sabipick-chat-action-message) .sabipick-message-bubble > strong { display: none !important; }
    .sabipick-chat-date-separator { align-self: center; margin: 8px auto; padding: 4px 10px; font-size: 12px; font-weight: 600; color: #e9edef; background: #29383f; border-radius: 6px; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-chat-date-separator { background: #e3e9ed !important; color: #364b55 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-list { background: #f3f5f6 !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-incoming:not(.sabipick-message-system):not(.sabipick-message-action) .sabipick-message-bubble { background: #fff !important; }
    body:has(.sabipick-chat-screen:not(.sabipick-dashboard-inline-chat)), body:has(.sabipick-app-dashboard.is-chat-focused) { overflow: hidden !important; overscroll-behavior: none; }
    .sabipick-job-detail.sabipick-chat-screen:not(.sabipick-dashboard-inline-chat), .sabipick-app-dashboard.is-chat-focused .sabipick-dashboard-inline-chat {
        position: fixed !important; inset: 0 !important; z-index: 9999; display: grid !important; grid-template-rows: minmax(0,1fr) auto !important;
        width: 100% !important; max-width: none !important; height: var(--sabipick-chat-height,100dvh) !important; top: var(--sabipick-chat-top,0px) !important; bottom: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important;
    }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-job-chat { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; overflow: hidden !important; gap: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen :is(.sabipick-chat-header,.sabipick-chat-context,.sabipick-chat-composer-stack) { flex: 0 0 auto !important; position: relative !important; margin: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-chat-header { top: auto !important; border-radius: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-chat-context { padding-top: 0 !important; padding-bottom: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-list { flex: 1 1 0 !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; overscroll-behavior: contain; touch-action: pan-y; margin: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen > .sabipick-dashboard-bottom-nav { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; border-radius: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-submit-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; padding: 0 !important; flex: 0 0 44px !important; border-radius: 50% !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-submit-button::before { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-form .sabipick-submit-button svg { display: block; width: 22px; height: 22px; color: #fff !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen :is(.sabipick-job-chat,.sabipick-chat-context,.sabipick-chat-composer-stack,.sabipick-message-form) { background: #fff !important; background-image: none !important; color: #142126 !important; box-shadow: none !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-bubble::before { display: none !important; }
    .sabipick-chat-screen .sabipick-chat-header-avatar { width: 40px !important; height: 40px !important; min-width: 40px !important; flex: 0 0 40px !important; border-radius: 50% !important; overflow: hidden !important; }
    .sabipick-chat-screen .sabipick-chat-header-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
    .sabipick-chat-screen .sabipick-message-list :is(.sabipick-message-system,.sabipick-message-action):not(.sabipick-chat-action-message) { justify-content: center !important; align-self: center !important; width: 100% !important; }
    .sabipick-chat-screen .sabipick-message-list :is(.sabipick-message-system,.sabipick-message-action):not(.sabipick-chat-action-message) .sabipick-message-bubble { max-width: 90% !important; width: auto !important; padding: 8px 10px !important; }
    .sabipick-chat-screen .sabipick-message-list :is(.sabipick-message-system,.sabipick-message-action):not(.sabipick-chat-action-message) p { font-size: 14px !important; line-height: 1.45 !important; font-weight: 500 !important; margin: 4px 0 !important; }
    .sabipick-chat-screen .sabipick-message-incoming:not(.sabipick-message-system):not(.sabipick-message-action) + .sabipick-message-incoming:not(.sabipick-message-system):not(.sabipick-message-action) .sabipick-message-bubble > strong { display: none !important; }
    .sabipick-chat-screen .sabipick-message-outgoing:not(.sabipick-message-system):not(.sabipick-message-action) + .sabipick-message-outgoing:not(.sabipick-message-system):not(.sabipick-message-action) .sabipick-message-bubble > strong { display: none !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-form .sabipick-submit-button::before { border-left-color: #fff !important; }
    @media (max-width: 760px) { .sabipick-chat-screen .sabipick-job-chat { min-height: 0 !important; height: calc(100dvh - 96px - env(safe-area-inset-bottom)) !important; } }
    #sabipick-dashboard-finders .sabipick-directory-filter { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto !important; gap: 10px !important; padding: 12px !important; min-height: 0 !important; width: 100% !important; box-sizing: border-box !important; }
    #sabipick-dashboard-finders .sabipick-directory-filter input[type="hidden"] { display: none !important; }
    #sabipick-dashboard-finders .sabipick-directory-filter-heading { grid-column: 1 / -1 !important; margin: 0 !important; }
    #sabipick-dashboard-finders .sabipick-directory-filter label { min-width: 0 !important; }
    #sabipick-dashboard-finders .sabipick-directory-filter label > span { display: block !important; font-size: 12px !important; margin-bottom: 6px; }
    #sabipick-dashboard-finders .sabipick-directory-filter :is(input[type="search"],select) { width: 100% !important; min-width: 0 !important; font-size: 14px !important; box-sizing: border-box !important; }
    #sabipick-dashboard-finders .sabipick-nearby-control { grid-column: 1 / -1 !important; }
    .sabipick-app-dashboard .sabipick-dashboard-chat-search { display: flex !important; align-items: center !important; gap: 8px !important; padding: 8px !important; box-sizing: border-box !important; }
    .sabipick-app-dashboard .sabipick-dashboard-chat-search input { flex: 1 !important; width: 100% !important; min-width: 0 !important; font-size: 16px !important; }
    .sabipick-app-dashboard .sabipick-dashboard-job-avatar { width: 40px !important; height: 40px !important; flex: 0 0 40px !important; border-radius: 50% !important; overflow: hidden !important; }
    .sabipick-app-dashboard .sabipick-dashboard-job-avatar img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
    .sabipick-app-dashboard .sabipick-dashboard-job-meta { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
    .sabipick-app-dashboard .sabipick-dashboard-job-meta :is(b,span) { flex: 0 1 auto !important; padding: 4px 8px !important; border-radius: 4px !important; font-size: 13px !important; }
    html[data-sabipick-theme="white"] #sabipick-dashboard-finders .sabipick-card-actions a { background: #00785e !important; color: #fff !important; border: 1px solid #00785e !important; }
    html[data-sabipick-theme="white"] #sabipick-dashboard-finders .sabipick-card-actions a.sabipick-detail-link { background: #fff !important; color: #005a46 !important; }
    @media (max-width: 760px) {
        .sabipick-app-dashboard:not(.sabipick-profile-screen) { padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important; }
        .sabipick-app-dashboard .sabipick-dashboard-quick-links { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; overflow-x: auto !important; overflow-y: hidden !important; }
        .sabipick-app-dashboard .sabipick-dashboard-quick-links a { flex: 0 0 auto !important; min-width: 0 !important; margin: 0 !important; padding: 10px 12px !important; font-size: 12px !important; white-space: nowrap !important; text-align: center; justify-content: center; }
        #sabipick-dashboard-finders .sabipick-directory-filter { grid-template-columns: minmax(0,1fr) !important; }
        #sabipick-dashboard-finders .sabipick-directory-filter > :is(label,button) { grid-column: 1 !important; }
        #sabipick-dashboard-finders .sabipick-nearby-control { display: grid !important; gap: 8px !important; }
    }
    /* White-theme dashboard surfaces and status indicators. */
    html[data-sabipick-theme="white"] .sabipick-app-dashboard :is(.sabipick-directory-filter,.sabipick-dashboard-chat-search) { background: #fff !important; color: #142126 !important; border: 1px solid #a8b5bb !important; border-radius: 6px !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-directory-filter :is(strong,span,p,label) { color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard :is(.sabipick-dashboard-job-meta b,.sabipick-dashboard-job-meta span,.sabipick-dashboard-chat-chips b,.sabipick-dashboard-chat-chips i) { background: #e4eee9 !important; color: #005a46 !important; border: 1px solid #a4c1b5 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-job-main em { background: #d9eee7 !important; color: #005a46 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard :is(.sabipick-status-badge,.sabipick-picker-operational-status) { color: #005a46 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-picker-operational-status.is-offline { color: #b42318 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-chat-title-line em { color: #4b5d65 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-chat-badge { color: #fff !important; background: #b42318 !important; }
    html[data-sabipick-theme="white"] #sabipick-dashboard-finders .sabipick-picker-card .sabipick-picker-actions a { background: #00785e !important; color: #fff !important; border: 1px solid #00785e !important; }
    html[data-sabipick-theme="white"] #sabipick-dashboard-finders .sabipick-picker-card .sabipick-picker-actions a:first-child { background: #fff !important; color: #005a46 !important; }
    html[data-sabipick-theme="white"] #sabipick-dashboard-finders .sabipick-distance-status { background: #edf2f4 !important; color: #142126 !important; }
    .sabipick-app-dashboard [hidden] { display: none !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications { background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications .sabipick-pwa-permission-actions { background: transparent !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications .sabipick-pwa-permission-actions button:is([data-pwa-enable-notifications],[data-pwa-enable-location]) { background: #08c99c !important; color: #041612 !important; border: 1px solid #00785e !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications .sabipick-pwa-permission-actions button:is([data-pwa-enable-notifications],[data-pwa-enable-location]):disabled { background: #d9eee7 !important; color: #005a46 !important; border-color: #7b9b8e !important; opacity: 1 !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications .sabipick-pwa-permission-actions button span { color: inherit !important; }
    html[data-sabipick-theme="white"] .sabipick-pwa-notifications [data-pwa-notification-status] { color: #142126 !important; }
    @media (max-width: 760px) {
        body:has(.sabipick-profile-screen) { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
        body:has(.sabipick-profile-screen) :is(.site,.site-content,.content-area,.ast-container,#primary,main,.entry-content,.wp-site-blocks,.wp-block-post-content) { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }
        body .sabipick-app-dashboard.sabipick-profile-screen { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: max(5px,env(safe-area-inset-left)) !important; padding-right: max(5px,env(safe-area-inset-right)) !important; }
    }
    .sabipick-app-dashboard.sabipick-profile-screen { width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; padding: 12px 8px calc(120px + env(safe-area-inset-bottom)) !important; }
    .sabipick-profile-screen :is(.sabipick-dashboard-topbar,.sabipick-profile-card,.sabipick-profile-form,.sabipick-profile-notice) { width: 100% !important; max-width: none !important; box-sizing: border-box !important; }
    .sabipick-profile-screen .sabipick-profile-form { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; padding: 12px !important; margin-top: 12px !important; }
    .sabipick-profile-screen .sabipick-profile-form input[type="hidden"] { display: none !important; }
    .sabipick-profile-screen .sabipick-profile-section-title { grid-column: 1 / -1 !important; min-height: 0 !important; padding: 4px 0 8px !important; margin: 0 !important; }
    .sabipick-profile-screen .sabipick-profile-section-title strong { font-size: 16px !important; }
    .sabipick-profile-screen .sabipick-profile-section-title span { font-size: 12px !important; text-transform: none !important; }
    .sabipick-profile-screen .sabipick-profile-form > :is(label,.sabipick-profile-readonly) { min-width: 0 !important; padding: 10px !important; box-sizing: border-box !important; border-radius: 6px !important; }
    .sabipick-profile-screen .sabipick-profile-form span { font-size: 12px !important; text-transform: none !important; text-align: left !important; }
    .sabipick-profile-screen .sabipick-profile-readonly strong { font-size: 15px !important; line-height: 1.4 !important; }
    .sabipick-profile-screen .sabipick-profile-form :is(input:not([type="hidden"]),select,textarea) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; font-size: 16px !important; min-height: 44px !important; }
    .sabipick-profile-screen .sabipick-profile-media { grid-column: 1 / -1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
    .sabipick-profile-screen .sabipick-profile-wide { grid-column: 1 / -1 !important; }
    .sabipick-app-dashboard.sabipick-profile-screen .sabipick-dashboard-user .sabipick-dashboard-avatar { flex: 0 0 36px !important; width: 36px !important; height: 36px !important; min-width: 36px !important; border-radius: 50% !important; overflow: hidden !important; }
    .sabipick-profile-screen :is(.sabipick-dashboard-avatar,.sabipick-profile-avatar) img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
    .sabipick-profile-screen .sabipick-profile-media img { width: 64px !important; height: 64px !important; max-height: none !important; border-radius: 50% !important; object-fit: cover !important; }
    .sabipick-profile-screen .sabipick-profile-media:has(input[name="sabipick_picker_banner_image"]) img { width: 160px !important; height: 80px !important; border-radius: 6px !important; }
    .sabipick-profile-screen .sabipick-dashboard-online i { display: none !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard.sabipick-profile-screen .sabipick-profile-form { background: #fff !important; border-color: #a8b5bb !important; }
    html[data-sabipick-theme="white"] .sabipick-profile-screen .sabipick-profile-section-title :is(strong,span) { color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-app-dashboard.sabipick-profile-screen .sabipick-profile-form > :is(label,.sabipick-profile-readonly) { background: #f3f5f6 !important; border: 1px solid #c1ccd1 !important; }
    @media (max-width: 600px) { .sabipick-profile-screen .sabipick-profile-form { grid-template-columns: minmax(0,1fr) !important; } }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-actions { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; flex-shrink: 0; }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) :is(.sabipick-dashboard-online, .sabipick-dashboard-logout) { font-size: 11px !important; padding: 6px 9px !important; white-space: nowrap !important; min-height: 32px; box-sizing: border-box; }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-user span { white-space: nowrap !important; font-size: 12px !important; }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-user > div:last-child { min-width: 0; }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-topbar { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important; padding: 16px 8px !important; min-height: 80px !important; box-sizing: border-box; margin-bottom: 12px !important; }
    :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-avatar { flex-shrink: 0; }
    @media (max-width: 480px) {
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-topbar { gap: 4px !important; padding: 16px 4px !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-left { gap: 5px !important; flex: 1; min-width: 0 !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-brand img { width: 20px !important; height: 20px !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-brand > span { display: none !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-user { gap: 5px !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-avatar { width: 28px !important; height: 28px !important; min-width: 28px !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-user span { font-size: 10px !important; line-height: 1.4 !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-user strong { font-size: 13px !important; line-height: 1.4 !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) .sabipick-dashboard-actions { justify-content: flex-end !important; gap: 4px !important; }
        :is(.sabipick-app-dashboard, .sabipick-profile-screen) :is(.sabipick-dashboard-online, .sabipick-dashboard-logout) { font-size: 10px !important; padding: 4px 6px !important; min-height: 28px !important; gap: 4px !important; }
    }
    html[data-sabipick-theme="white"] :is(.sabipick-dashboard-online, .sabipick-dashboard-logout) { background: #e4eee9 !important; color: #005a46 !important; border-color: #7b9b8e !important; }
    html[data-sabipick-theme="white"] .sabipick-dashboard-hero :is(b,em) { color: #142126 !important; }
    html[data-sabipick-theme="white"] body:has(:is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form)) {
        background: #f3f5f6 !important; color: #142126 !important; color-scheme: light;
    }
    html[data-sabipick-theme="white"] body:has(:is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell)) :is(.site-content, .entry-content, .wp-site-blocks, .wp-block-post-content, main) {
        background: transparent !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form) {
        background: #f3f5f6 !important; color: #142126 !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form) :is(h1,h2,h3,h4,p,span,strong,label,summary,small,dt,dd,th,td) {
        color: #142126 !important; text-shadow: none !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form) :is([class*="card"], [class*="panel"], [class*="topbar"], [class*="bottom"], [class*="stats"], [class*="metric"], [class*="job-row"], [class*="chat-row"], [class*="profile-field"], [class*="permission"], .sabipick-auth-tabs, .sabipick-message-list, .sabipick-chat-composer, .sabipick-chat-quick-actions) {
        background: #fff !important; background-image: none !important; border-color: #a8b5bb !important; color: #142126 !important; box-shadow: none !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),select,textarea) {
        background: #fff !important; color: #142126 !important; border-color: #7b8b93 !important; color-scheme: light;
    }
    html[data-sabipick-theme="white"] :is(input,textarea)::placeholder { color: #4b5d65 !important; opacity: 1 !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell, .sabipick-job-request-form) :is(button, .sabipick-button, input[type="submit"]) {
        background: #00785e !important; color: #fff !important; border-color: #00785e !important; text-shadow: none !important;
    }
    html[data-sabipick-theme="white"] .sabipick-theme-toggle button[aria-pressed="false"] {
        background: #fff !important; color: #142126 !important; border-color: #7b8b93 !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-dashboard-quick-links, .sabipick-dashboard-bottom-nav, .sabipick-dashboard-bottom-bar) a {
        background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-dashboard-quick-links, .sabipick-dashboard-bottom-nav, .sabipick-dashboard-bottom-bar) a.is-active {
        background: #d9eee7 !important; color: #005a46 !important;
    }
    html[data-sabipick-theme="white"] .sabipick-dashboard-hero { background: #d9eee7 !important; color: #142126 !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-bubble { background: #e5edf2 !important; color: #142126 !important; border-color: #94a7b1 !important; }
    html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-outgoing .sabipick-message-bubble { background: #d9eee7 !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-picker-presence.is-offline, .sabipick-picker-presence.is-offline span, .sabipick-error, .sabipick-auth-error) { color: #b42318 !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-picker-presence.is-online, .sabipick-dashboard-online) { color: #006149 !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell) a:not(.sabipick-button) { color: #075fa4 !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell) :focus-visible { outline: 3px solid #075fa4 !important; outline-offset: 2px; }
    html[data-sabipick-theme="white"] :is(.sabipick-profile-form label, .sabipick-profile-readonly, .sabipick-profile-grid > div, .sabipick-dashboard-job, .sabipick-dashboard-empty, .sabipick-picker-distance-scale, .sabipick-picker-delivery-history) {
        background: #fff !important; color: #142126 !important; border-color: #a8b5bb !important;
    }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell) :is(button,.sabipick-button) :is(span,strong) { color: #fff !important; }
    html[data-sabipick-theme="white"] .sabipick-picker-operational-status.is-offline { color: #b42318 !important; }
    html[data-sabipick-theme="white"] .sabipick-picker-operational-status.is-online { color: #006149 !important; }
    html[data-sabipick-theme="white"] .sabipick-dashboard-unread { background: #b42318 !important; color: #fff !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-chat-screen, .sabipick-app-dashboard) :is([class*="chat-header"], [class*="chat-topbar"], .sabipick-dashboard-chat-shell, .sabipick-dashboard-job-list) { background: #fff !important; border-color: #a8b5bb !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble.sabipick-voice-bubble { width: 280px !important; min-height: 0 !important; padding: 7px 10px !important; position: relative; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-bubble .sabipick-message-text[hidden] { display: none !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-bubble > span { position: absolute; right: 10px; bottom: 7px; margin: 0 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback { width: 100%; grid-template-columns: 36px minmax(0, 1fr) 38px; gap: 0 8px; padding: 0 !important; }
    .sabipick-voice-track { position: relative; height: 36px; min-width: 0; }
    .sabipick-voice-track canvas { width: 100%; height: 36px; display: block; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-track input[type="range"] { appearance: none !important; -webkit-appearance: none !important; position: absolute; inset: 0; width: 100% !important; height: 36px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; outline-offset: 2px; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-voice-playback .sabipick-voice-track input[type="range"] { background: transparent !important; border: 0 !important; box-shadow: none !important; }
    .sabipick-voice-track input::-webkit-slider-runnable-track { height: 2px; background: transparent; border: 0; }
    .sabipick-voice-track input::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; margin-top: -5px; border-radius: 50%; background: #00b88a; border: 1px solid #007f60; }
    .sabipick-voice-track input::-moz-range-track { background: transparent; border: 0; }
    .sabipick-voice-track input::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #00b88a; border: 1px solid #007f60; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback .sabipick-voice-play { width: 36px !important; height: 36px !important; min-height: 36px !important; background: transparent !important; color: inherit !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback .sabipick-voice-speed { width: 38px !important; height: 28px !important; min-height: 28px !important; padding: 2px !important; border-radius: 14px !important; border: 0 !important; background: #283940 !important; color: #f1f5f7 !important; font-size: 12px !important; }
    html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-playback .sabipick-voice-speed { background: #c2dcd2 !important; color: #142126 !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-footer { grid-column: 1 / -1; display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding-left: 44px; min-height: 18px; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-footer .sabipick-voice-time { grid-column: auto; text-align: left !important; padding: 0 !important; min-width: 0; line-height: 18px !important; margin: 0 !important; font-size: 11px !important; }
    .sabipick-job-detail.sabipick-chat-screen .sabipick-voice-footer .sabipick-voice-stamp { position: static !important; display: inline-flex !important; align-items: center; gap: 4px; white-space: nowrap; margin: 0 !important; padding: 0 !important; font-size: 11px !important; line-height: 18px !important; }
    html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble .sabipick-voice-playback .sabipick-voice-track input[type="range"] { opacity: 0 !important; cursor: pointer; }
    .sabipick-voice-track:focus-within { outline: 2px solid #00a87a; outline-offset: 2px; }
    html[data-sabipick-theme="white"] .sabipick-dashboard-chat-badge { background: #b42318 !important; color: #fff !important; }
    html[data-sabipick-theme="white"] :is(.sabipick-app-dashboard, .sabipick-chat-screen, .sabipick-profile-screen, .sabipick-auth-shell) button:disabled { background: #e1e7ea !important; color: #4b5d65 !important; border-color: #a8b5bb !important; opacity: 1 !important; }
}
.sabipick-chat-screen .sabipick-message-bubble { position: relative; }
.sabipick-job-detail .sabipick-message-bubble button.sabipick-message-report {
 position: absolute !important; top: 0; right: -36px; float: none !important; display: inline-flex !important; align-items: center; justify-content: center;
 width: 32px !important; height: 32px !important; min-height: 32px !important; margin: 0 !important; padding: 6px !important; border: 0 !important; background: transparent !important; color: inherit !important; box-shadow: none !important;
}
:root .sabipick-report-dialog {
 width: min(360px, calc(100% - 24px)); box-sizing: border-box; padding: 20px; border: 1px solid #809391; border-radius: 8px; background: #fff; color: #172326;
}
.sabipick-report-dialog::backdrop { background: rgb(0 0 0 / 65%); }
:root .sabipick-report-dialog h2 { font-size: 20px; margin: 0 0 16px; }
:root .sabipick-report-dialog select { display: block; width: 100%; margin-top: 8px; padding: 10px; background: #fff; color: #172326; }
:root .sabipick-report-dialog form > div { display: flex; justify-content: flex-end; gap: 12px; }
:root .sabipick-report-dialog button { padding: 10px; background: #007c64; color: #fff; border: 0; border-radius: 4px; }
:root .sabipick-report-dialog [role="status"] { overflow-wrap: anywhere; }
html[data-sabipick-theme="dark"] dialog.sabipick-report-dialog { background: #203136 !important; color: #eef5f4 !important; color-scheme: dark; }
html[data-sabipick-theme="dark"] dialog.sabipick-report-dialog :is(h2, label, p, [role="status"]) { color: #eef5f4 !important; }
html[data-sabipick-theme="white"] dialog.sabipick-report-dialog :is(h2, label, p, [role="status"]) { color: #172326 !important; }
html[data-sabipick-theme] dialog.sabipick-report-dialog :is(select, option) { background: #fff !important; color: #172326 !important; color-scheme: light; }
html[data-sabipick-theme] dialog.sabipick-report-dialog button { background: #007c64 !important; color: #fff !important; }
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open { grid-template-rows: minmax(0, 1fr) !important; }
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open > .sabipick-dashboard-bottom-nav,
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open .sabipick-chat-context,
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open .sabipick-receipt-settings,
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open .sabipick-chat-status:not(.sabipick-chat-status-error) { display: none !important; }
.sabipick-job-detail.sabipick-chat-screen.is-keyboard-open .sabipick-chat-composer-stack { padding: 0 !important; }
html .sabipick-job-detail.sabipick-chat-screen .sabipick-job-chat .sabipick-message-form[data-composer-action="voice"] .sabipick-submit-button,
html .sabipick-job-detail.sabipick-chat-screen .sabipick-job-chat .sabipick-message-form[data-composer-action="send"] .sabipick-record-voice { display: none !important; }
.sabipick-job-detail.sabipick-chat-screen .sabipick-message-form[data-composer-action="voice"][data-photo-allowed="yes"] .sabipick-record-voice {
 display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 44px !important; width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #00866a !important; color: #fff !important; border: 0 !important;
}
.sabipick-chat-screen.has-header-job-details .sabipick-chat-header { grid-template-columns: 32px 40px minmax(0, 1fr) 96px !important; column-gap: 10px !important; }
.sabipick-chat-screen.has-header-job-details .sabipick-chat-header-main { min-width: 0; }
.sabipick-chat-screen.has-header-job-details .sabipick-job-details > summary { display: none !important; }
html .sabipick-chat-screen button.sabipick-header-job-details {
 display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; position: relative; width: 96px !important; min-height: 36px !important; padding: 6px !important; border-radius: 6px !important; border: 1px solid #83d9c2 !important; background: #007c64 !important; color: #fff !important; font-size: 12px !important; font-weight: 700; white-space: nowrap; overflow: visible;
}
html .sabipick-chat-screen button.sabipick-header-job-details span { color: #302300 !important; font-size: 12px !important; }
.sabipick-header-job-details[aria-expanded="true"] svg { transform: rotate(180deg); }
.sabipick-header-job-details.is-introduced { animation: sabipick-details-ripple 1.25s ease-out 4; }
@keyframes sabipick-details-ripple { 0% { box-shadow: 0 0 0 0 rgb(0 219 166 / 90%); } 80%, 100% { box-shadow: 0 0 0 9px rgb(0 219 166 / 0%); } }
@media (prefers-reduced-motion: reduce) { .sabipick-header-job-details.is-introduced { animation: none; outline: 3px solid #00dba6; outline-offset: 3px; } }
@layer sabipickTheme {
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-chat-header button.sabipick-header-job-details { background: #ffcf4a !important; color: #302300 !important; border-color: #b58200 !important; }
html[data-sabipick-theme] .sabipick-chat-screen .sabipick-header-job-details :is(span, svg) { color: #302300 !important; }
.sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-job-chat { position: relative !important; }
.sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-chat-context {
 position: absolute !important; top: var(--sabipick-header-height, 64px) !important; left: 0 !important; right: 0 !important; bottom: auto !important; width: 100% !important; z-index: 12; max-height: calc(100% - var(--sabipick-header-height, 64px) - 80px); overflow-y: auto; box-sizing: border-box; background: #203136 !important; color: #eef5f4 !important; box-shadow: 0 8px 16px rgb(0 0 0 / 30%) !important;
}
.sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-job-details-body { max-height: none !important; overflow: visible !important; }
html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-chat-context { background: #e4edf3 !important; color: #172326 !important; }
html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-chat-context:has(.sabipick-job-details[open]) { border: 1px solid #8097a7 !important; border-top: 3px solid #65849a !important; box-shadow: 0 10px 22px rgb(24 48 64 / 28%) !important; }
html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-job-details-body { padding: 12px !important; background: #e4edf3 !important; }
html[data-sabipick-theme="white"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details:has(.sabipick-job-details[open]):not(.is-keyboard-open) .sabipick-message-list { filter: brightness(0.88); }
.sabipick-job-detail.sabipick-chat-screen.has-header-job-details.is-keyboard-open .sabipick-chat-context { display: none !important; }
html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-chat-context { background: #11171d !important; color: #eef5f4 !important; }
html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-chat-context:has(.sabipick-job-details[open]) { border: 1px solid #7b909f !important; border-top: 3px solid #a4b9c8 !important; box-shadow: 0 10px 24px rgb(0 0 0 / 60%) !important; }
html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details .sabipick-job-details-body { padding: 12px !important; background: #11171d !important; }
html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen.has-header-job-details:has(.sabipick-job-details[open]):not(.is-keyboard-open) .sabipick-message-list { filter: brightness(0.72); }
}
@layer sabipickTheme {
.sabipick-chat-screen .sabipick-job-essentials { margin: 12px 0 !important; text-align: left; }
.sabipick-chat-screen .sabipick-job-essentials > div { padding: 8px 0; border-bottom: 1px solid #71838c; }
.sabipick-chat-screen .sabipick-job-essentials dt { font-size: 13px; font-weight: 700; color: #cbd9de !important; }
.sabipick-chat-screen .sabipick-job-essentials dd { margin: 4px 0 0 !important; font-size: 16px; font-weight: 700; line-height: 1.4; color: #f1f5f7 !important; white-space: pre-wrap; overflow-wrap: anywhere; }
html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-job-essentials dt { color: #465b65 !important; }
html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-job-essentials dd { color: #142126 !important; }
.sabipick-chat-screen .sabipick-payment-demo { display: block; margin: 4px 0 10px; font-size: 12px; }
}
@layer sabipickTheme {
.sabipick-app-dashboard:not(.is-chat-focused) { padding-bottom: max(112px, var(--sabipick-bottom-clearance, 112px)) !important; }
#sabipick-dashboard-finders .sabipick-directory-filter { gap: 8px !important; padding: 12px !important; }
#sabipick-dashboard-finders .sabipick-directory-filter-heading strong { font-size: 16px !important; }
#sabipick-dashboard-finders .sabipick-directory-filter label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#sabipick-dashboard-finders .sabipick-directory-filter :is(input[type="search"], select, button) { min-height: 44px !important; height: 44px !important; padding: 8px 10px !important; font-size: 14px !important; }
#sabipick-dashboard-finders .sabipick-nearby-control { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px !important; }
#sabipick-dashboard-finders .sabipick-nearby-control small { font-size: 12px !important; line-height: 1.4; min-width: 0; flex: 1 1 120px; }
#sabipick-dashboard-finders .sabipick-distance-scale-track { display: block !important; }
#sabipick-dashboard-finders .sabipick-distance-scale-labels > span { display: inline !important; }
#sabipick-dashboard-finders .sabipick-distance-scale-labels { display: flex !important; text-align: left; }
#sabipick-dashboard-finders .sabipick-picker-metrics > div { padding: 10px !important; }
.sabipick-app-dashboard .sabipick-dashboard-quick-links { scrollbar-width: thin !important; scrollbar-color: #809a9a transparent; padding-bottom: 5px !important; }
.sabipick-app-dashboard .sabipick-dashboard-quick-links::-webkit-scrollbar { display: block !important; height: 4px; }
.sabipick-app-dashboard .sabipick-dashboard-quick-links::-webkit-scrollbar-thumb { background: #809a9a; border-radius: 2px; }
@media (max-width: 640px) {
#sabipick-dashboard-finders .sabipick-directory-filter { grid-template-columns: minmax(0, 1fr) 88px !important; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-search { grid-column: 1 / -1 !important; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-area { grid-column: 1 !important; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-apply { grid-column: 2 !important; }
}
}
@layer sabipickTheme {
#sabipick-dashboard-finders .sabipick-directory-filter { grid-template-columns: minmax(0, 1fr) minmax(80px, 26%) 40px 40px !important; gap: 6px !important; padding: 8px !important; border-radius: 6px !important; align-items: center; }
#sabipick-dashboard-finders .sabipick-directory-filter-heading { display: none !important; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-search { grid-column: 1 !important; grid-row: 1; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-area { grid-column: 2 !important; grid-row: 1; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-filter-apply { grid-column: 3 !important; grid-row: 1; }
#sabipick-dashboard-finders .sabipick-directory-filter > .sabipick-nearby-control { grid-column: 4 !important; grid-row: 1; display: block !important; }
#sabipick-dashboard-finders .sabipick-directory-filter :is(input[type="search"], select) { font-size: 13px !important; padding: 8px !important; text-overflow: ellipsis; }
#sabipick-dashboard-finders .sabipick-directory-filter .sabipick-filter-apply,
#sabipick-dashboard-finders .sabipick-nearby-control button { width: 40px !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; }
#sabipick-dashboard-finders .sabipick-nearby-control small { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#sabipick-dashboard-finders .sabipick-directory-filter:has(small.is-error) > .sabipick-nearby-control { display: contents !important; }
#sabipick-dashboard-finders .sabipick-nearby-control button { grid-column: 4; grid-row: 1; }
#sabipick-dashboard-finders .sabipick-nearby-control small.is-error { position: static; width: auto; height: auto; overflow: visible; clip-path: none; grid-column: 1 / -1; grid-row: 2; }
}
.sabipick-navigation-loader { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgb(12 25 28 / 28%); pointer-events: none; }
.sabipick-navigation-loader[hidden] { display: none !important; }
.sabipick-navigation-loader > span { width: 36px; height: 36px; border: 4px solid #e5f4ef; border-top-color: #00866a; border-radius: 50%; box-shadow: 0 0 0 12px rgb(255 255 255 / 90%); animation: sabipick-page-loading 0.8s linear infinite; }
@keyframes sabipick-page-loading { to { transform: rotate(360deg); } }
@layer sabipickTheme {
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-photo:not(.sabipick-message-system):not(.sabipick-message-action) .sabipick-message-bubble { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; width: fit-content; }
.sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble::before,
.sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble::after { display: none !important; }
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble button.sabipick-chat-photo { background: transparent !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; width: fit-content !important; max-width: 280px !important; height: auto !important; }
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble .sabipick-chat-photo img { width: auto !important; height: auto !important; max-width: min(280px, 100%) !important; max-height: 360px !important; object-fit: contain; border-radius: 6px; }
html[data-sabipick-theme="white"] .sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble { color: #172326 !important; }
html[data-sabipick-theme="dark"] .sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble { color: #f1f6f5 !important; }
html[data-sabipick-theme] .sabipick-chat-screen .sabipick-message-photo .sabipick-message-bubble > :is(p, span) { color: inherit !important; }
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-delivery-proof button.sabipick-chat-photo { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; width: fit-content !important; height: auto !important; min-height: 0 !important; }
.sabipick-chat-screen .sabipick-delivery-proof .sabipick-chat-photo img { display: block; width: auto !important; height: auto !important; max-width: 100px !important; max-height: 120px !important; border-radius: 4px; }
html[data-sabipick-theme] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble button.sabipick-message-report { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #617779 !important; }
html[data-sabipick-theme="dark"] .sabipick-job-detail.sabipick-chat-screen .sabipick-message-bubble button.sabipick-message-report { color: #b3c6c7 !important; }
.sabipick-delivery-actions:has([name="action"][value="sabipick_confirm_delivery"]),
.sabipick-chat-quick-actions-row:has([name="action"][value="sabipick_confirm_delivery"]) { align-items: stretch !important; }
.sabipick-delivery-actions:has([name="action"][value="sabipick_confirm_delivery"]) > form,
.sabipick-chat-quick-actions-row:has([name="action"][value="sabipick_confirm_delivery"]) > form { display: flex; }
.sabipick-delivery-actions:has([name="action"][value="sabipick_confirm_delivery"]) button,
.sabipick-chat-quick-actions-row:has([name="action"][value="sabipick_confirm_delivery"]) button { height: 100% !important; min-height: 44px !important; }
}
@layer sabipickTheme {
html[data-sabipick-theme] :is(.sabipick-chat-screen, .sabipick-app-dashboard) button.sabipick-action-positive:not(:disabled) { background: #00a650 !important; color: #fff !important; border: 1px solid #007d3c !important; }
html[data-sabipick-theme] :is(.sabipick-chat-screen, .sabipick-app-dashboard) button.sabipick-action-negative:not(:disabled) { background: #cf2535 !important; color: #fff !important; border: 1px solid #9e1724 !important; }
html[data-sabipick-theme] button:is(.sabipick-action-positive, .sabipick-action-negative) { min-height: 44px; white-space: normal; line-height: 1.3; }
.sabipick-fee-decision-actions,
.sabipick-delivery-actions:has([name="action"][value="sabipick_confirm_delivery"]),
.sabipick-chat-quick-actions-row:has([name="action"][value="sabipick_confirm_delivery"]) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; align-items: start; }
.sabipick-fee-decision-actions > form,
.sabipick-delivery-actions > form,
.sabipick-chat-quick-actions-row > form { min-width: 0; margin: 0 !important; }
.sabipick-fee-decision-actions button,
.sabipick-delivery-actions .sabipick-delivery-action-form > button,
.sabipick-chat-quick-actions-row .sabipick-delivery-action-form > button { width: 100% !important; }
.sabipick-proof-field { padding: 12px; margin: 0 0 10px; border: 1px solid #80979a; border-radius: 6px; text-align: left; }
.sabipick-proof-input { display: grid !important; gap: 8px; }
.sabipick-proof-input input { width: 100% !important; min-width: 0; font-size: 12px; }
.sabipick-proof-input input::file-selector-button { padding: 8px 10px; margin-right: 8px; border: 1px solid #007c64; border-radius: 4px; background: #007c64; color: #fff; font-weight: 700; cursor: pointer; }
.sabipick-proof-preview { display: flex; align-items: center; gap: 12px; margin-top: 10px; }
.sabipick-proof-preview[hidden] { display: none !important; }
.sabipick-proof-preview img { width: 96px !important; height: 72px !important; object-fit: cover; border-radius: 4px; }
.sabipick-proof-preview button { width: 44px !important; height: 44px !important; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; }
html[data-sabipick-theme="white"] .sabipick-proof-field { background: #f0f6f4 !important; color: #172326 !important; }
html[data-sabipick-theme="dark"] .sabipick-proof-field { background: #203136 !important; color: #f1f6f5 !important; }
html[data-sabipick-theme] .sabipick-proof-field :is(label, span, input) { color: inherit !important; }
}
@layer sabipickTheme {
.sabipick-job-request [data-request-form][hidden] { display: none !important; }
.sabipick-request-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.sabipick-request-tabs button { min-height: 44px; padding: 10px; border-radius: 6px; font-size: 14px; font-weight: 700; }
html[data-sabipick-theme] .sabipick-request-tabs button[aria-selected="true"] { background: #007c64 !important; color: #fff !important; border: 2px solid #007c64 !important; }
html[data-sabipick-theme="white"] .sabipick-request-tabs button[aria-selected="false"] { background: #fff !important; color: #172326 !important; border: 1px solid #80979a !important; }
html[data-sabipick-theme="dark"] .sabipick-request-tabs button[aria-selected="false"] { background: #203136 !important; color: #f1f6f5 !important; border: 1px solid #80979a !important; }
.sabipick-job-request [data-request-form] > label { display: block; margin: 0 0 16px; font-weight: 700; }
.sabipick-job-request [data-request-form] > label :is(input, textarea) { display: block; box-sizing: border-box; width: 100%; margin-top: 6px; }
.sabipick-job-request [data-request-form] > label :is(input, textarea) { padding: 10px 12px; min-height: 44px; border: 1px solid #80979a; border-radius: 6px; font: inherit; font-weight: 400; }
.sabipick-job-request [data-request-form] > label textarea { min-height: 88px; resize: vertical; }
html[data-sabipick-theme="white"] .sabipick-job-request [data-request-form] > label :is(input, textarea) { background: #fff !important; color: #172326 !important; }
html[data-sabipick-theme="dark"] .sabipick-job-request [data-request-form] > label :is(input, textarea) { background: #203136 !important; color: #f1f6f5 !important; color-scheme: dark; }
}
@layer sabipickTheme {
html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-toast { background: #fff !important; color: #172326 !important; border-color: #00866a !important; box-shadow: 0 6px 20px rgb(24 48 40 / 22%) !important; }
html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-toast strong { color: #00664f !important; }
html[data-sabipick-theme="white"] .sabipick-app-dashboard .sabipick-dashboard-toast span { color: #172326 !important; }
html[data-sabipick-theme="dark"] .sabipick-app-dashboard .sabipick-dashboard-toast { background: #203136 !important; color: #f1f6f5 !important; border-color: #47c9a7 !important; }
html[data-sabipick-theme="dark"] .sabipick-app-dashboard .sabipick-dashboard-toast strong { color: #67e0bc !important; }
html[data-sabipick-theme="dark"] .sabipick-app-dashboard .sabipick-dashboard-toast span { color: #f1f6f5 !important; }
.sabipick-app-dashboard .sabipick-dashboard-toast { box-sizing: border-box; bottom: calc(var(--sabipick-bottom-clearance, 112px) + env(safe-area-inset-bottom)); }
.sabipick-app-dashboard .sabipick-dashboard-toast strong { font-size: 14px; }
.sabipick-app-dashboard .sabipick-dashboard-toast span { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .sabipick-navigation-loader > span { animation: none; } }