:root { --page-card-bg: #ffffff; --page-card-border: rgba(148, 163, 184, 0.5); --page-soft-bg: #f8fafc; --page-soft-bg-2: #f8fafc; --page-inner-bg: #ffffff; --page-inner-border: rgba(148, 163, 184, 0.42); --page-row-odd: #f8fafc; --page-row-even: #eef2ff; --page-summary-bg: #f8fafc; --page-summary-open-bg: #eef2ff; --page-input-bg: #ffffff; --page-input-border: rgba(148, 163, 184, 0.55); --page-text: #0f172a; --page-muted: #64748b; --page-code-bg: #f6f6f6; --page-error-bg: rgba(254, 226, 226, 0.82); --page-error-border: rgba(252, 165, 165, 0.84); --page-error-text: #b91c1c; } html[data-theme="dark"], body.dark-mode { --page-card-bg: #0f172a; --page-card-border: rgba(100, 116, 139, 0.62); --page-soft-bg: #1e293b; --page-soft-bg-2: #1e293b; --page-inner-bg: #1e293b; --page-inner-border: rgba(100, 116, 139, 0.52); --page-row-odd: #1e293b; --page-row-even: #0b1220; --page-summary-bg: #1e293b; --page-summary-open-bg: #243449; --page-input-bg: #0f172a; --page-input-border: rgba(100, 116, 139, 0.62); --page-text: #e2e8f0; --page-muted: #94a3b8; --page-code-bg: rgba(15, 23, 42, 0.76); --page-error-bg: rgba(127, 29, 29, 0.44); --page-error-border: rgba(248, 113, 113, 0.55); --page-error-text: #fecaca; } #login-card, #admin-login-card, #admin-shell, #admin-clients-shell { color: var(--page-text); border-color: var(--page-card-border) !important; } #login-card > .liquidGlass-tint, #admin-login-card > .liquidGlass-tint, #admin-shell > .liquidGlass-tint, #admin-clients-shell > .liquidGlass-tint, #admin-shell .admin-panel-block.liquidGlass-wrapper > .liquidGlass-tint, #admin-shell .glass-table-wrapper.liquidGlass-wrapper > .liquidGlass-tint, #admin-clients-shell .admin-panel-block.liquidGlass-wrapper > .liquidGlass-tint, #admin-clients-shell details.admin-panel-block.liquidGlass-wrapper > .liquidGlass-tint { display: none !important; } #admin-shell .admin-panel-block.liquidGlass-wrapper, #admin-shell .glass-table-wrapper.liquidGlass-wrapper, #admin-clients-shell .admin-panel-block.liquidGlass-wrapper, #admin-clients-shell details.admin-panel-block.liquidGlass-wrapper { border-color: var(--page-card-border) !important; } #login-card .text-slate-900, #login-card .text-slate-800, #login-card .text-slate-700, #admin-login-card .text-slate-900, #admin-login-card .text-slate-800, #admin-login-card .text-slate-700, #admin-shell .text-slate-900, #admin-shell .text-slate-800, #admin-shell .text-slate-700, #admin-clients-shell .text-slate-900, #admin-clients-shell .text-slate-800, #admin-clients-shell .text-slate-700 { color: var(--page-text) !important; } #login-card .text-slate-600, #login-card .text-slate-500, #login-card .text-slate-400, #admin-login-card .text-slate-600, #admin-login-card .text-slate-500, #admin-login-card .text-slate-400, #admin-shell .text-slate-600, #admin-shell .text-slate-500, #admin-shell .text-slate-400, #admin-clients-shell .text-slate-600, #admin-clients-shell .text-slate-500, #admin-clients-shell .text-slate-400 { color: var(--page-muted) !important; } #login-card .glass-input, #admin-login-card .glass-input, #admin-shell .glass-input, #admin-clients-shell .glass-input { background: var(--page-input-bg) !important; border-color: var(--page-input-border) !important; color: var(--page-text) !important; } #login-card .glass-input::placeholder, #admin-login-card .glass-input::placeholder, #admin-shell .glass-input::placeholder, #admin-clients-shell .glass-input::placeholder { color: color-mix(in srgb, var(--page-muted) 90%, transparent); } #login-card .glass-input:focus, #admin-login-card .glass-input:focus, #admin-shell .glass-input:focus, #admin-clients-shell .glass-input:focus { background: color-mix(in srgb, var(--page-input-bg) 88%, #ffffff 12%) !important; border-color: color-mix(in srgb, var(--c-action) 70%, transparent) !important; } #login-card .glass-btn.liquidGlass-wrapper, #admin-login-card .glass-btn.liquidGlass-wrapper, #admin-shell .glass-btn.liquidGlass-wrapper, #admin-clients-shell .glass-btn.liquidGlass-wrapper { border-color: color-mix(in srgb, var(--page-inner-border) 90%, transparent); box-shadow: 0 8px 16px color-mix(in srgb, var(--c-dark) 20%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-light) 36%, transparent); } #login-card .auth-btn, #admin-login-card .auth-btn { min-height: 42px; padding: 0.6rem 1rem !important; border-radius: 0.85rem !important; letter-spacing: 0.01em; gap: 0.45rem; } #login-card .auth-btn--secondary, #admin-login-card .auth-btn--secondary { color: var(--page-text) !important; } #login-card .auth-btn--secondary > .liquidGlass-tint, #admin-login-card .auth-btn--secondary > .liquidGlass-tint { display: none !important; } #login-card .auth-btn--secondary:hover > .liquidGlass-tint, #admin-login-card .auth-btn--secondary:hover > .liquidGlass-tint { display: none !important; } #login-card .auth-btn--primary, #admin-login-card .auth-btn--primary { color: #fff !important; } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), body.dark-mode #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500), body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) { border-color: rgba(226, 232, 240, 0.52); color: var(--page-text) !important; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.26), inset 0 1px 0 rgba(248, 250, 252, 0.32); } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, body.dark-mode #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint, body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500) > .liquidGlass-tint { display: none !important; } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, body.dark-mode #login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint, body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):hover > .liquidGlass-tint { display: none !important; } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, body.dark-mode #login-card .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint, body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint { display: none !important; } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, body.dark-mode #login-card .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint, body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint { display: none !important; } html[data-theme="dark"] #login-card .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-shell .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, html[data-theme="dark"] #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, body.dark-mode #login-card .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, body.dark-mode #admin-login-card .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, body.dark-mode #admin-shell .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint, body.dark-mode #admin-clients-shell .glass-btn.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint { display: none !important; } html[data-theme="dark"] #login-card .auth-btn--secondary > .liquidGlass-tint, html[data-theme="dark"] #admin-login-card .auth-btn--secondary > .liquidGlass-tint, body.dark-mode #login-card .auth-btn--secondary > .liquidGlass-tint, body.dark-mode #admin-login-card .auth-btn--secondary > .liquidGlass-tint { display: none !important; } #login-card .bg-red-50, #admin-login-card .bg-red-50 { background: var(--page-error-bg) !important; border-color: var(--page-error-border) !important; color: var(--page-error-text) !important; } #admin-shell .bg-white\/40, #admin-shell .bg-white\/45, #admin-clients-shell .bg-white\/45 { background: var(--page-soft-bg) !important; } #admin-shell .border-slate-200, #admin-shell .border-slate-200\/60, #admin-shell .border-slate-200\/80, #admin-clients-shell .border-slate-200, #admin-clients-shell .border-slate-200\/60, #admin-clients-shell .border-slate-200\/80 { border-color: var(--page-inner-border) !important; } #admin-shell .glass-table tbody tr { border-top-color: var(--page-inner-border) !important; } #admin-shell .glass-table tbody tr:nth-child(odd) { background: var(--page-row-odd) !important; } #admin-shell .glass-table tbody tr:nth-child(even) { background: var(--page-row-even) !important; } #admin-clients-shell .client-summary { background: var(--page-summary-bg) !important; } #admin-clients-shell details[open] > .client-summary { background: var(--page-summary-open-bg) !important; } #admin-clients-shell details > div[class*="border-t"] { border-top-color: var(--page-inner-border) !important; } .picker-page { background-color: var(--c-bg); color: var(--page-text); } .picker-page .box { background: var(--page-soft-bg-2); border-color: var(--page-inner-border); } .picker-page canvas { border-color: var(--page-inner-border); background: color-mix(in srgb, var(--page-soft-bg-2) 88%, transparent); } .picker-page input, .picker-page button { background: var(--page-input-bg); border-color: var(--page-input-border); color: var(--page-text); } .picker-page button { box-shadow: 0 6px 14px color-mix(in srgb, var(--c-dark) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-light) 26%, transparent); transition: transform .16s ease, box-shadow .18s ease, border-color .18s ease; } .picker-page button:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--c-action) 45%, transparent); box-shadow: 0 10px 20px color-mix(in srgb, var(--c-dark) 24%, transparent), inset 0 1px 0 color-mix(in srgb, var(--c-light) 34%, transparent); } /* Hard stop for residual transparency on admin/login card surfaces. */ #login-card, #admin-login-card, #admin-shell, #admin-clients-shell, #admin-shell .admin-panel-block.liquidGlass-wrapper, #admin-shell .glass-table-wrapper.liquidGlass-wrapper, #admin-clients-shell .admin-panel-block.liquidGlass-wrapper, #admin-clients-shell details.admin-panel-block.liquidGlass-wrapper { background: #ffffff !important; } #login-card > .liquidGlass-effect, #login-card > .liquidGlass-tint, #login-card > .liquidGlass-shine, #admin-login-card > .liquidGlass-effect, #admin-login-card > .liquidGlass-tint, #admin-login-card > .liquidGlass-shine, #admin-shell > .liquidGlass-effect, #admin-shell > .liquidGlass-tint, #admin-shell > .liquidGlass-shine, #admin-clients-shell > .liquidGlass-effect, #admin-clients-shell > .liquidGlass-tint, #admin-clients-shell > .liquidGlass-shine, #admin-shell .liquidGlass-wrapper > .liquidGlass-effect, #admin-shell .liquidGlass-wrapper > .liquidGlass-tint, #admin-shell .liquidGlass-wrapper > .liquidGlass-shine, #admin-clients-shell .liquidGlass-wrapper > .liquidGlass-effect, #admin-clients-shell .liquidGlass-wrapper > .liquidGlass-tint, #admin-clients-shell .liquidGlass-wrapper > .liquidGlass-shine { display: none !important; opacity: 0 !important; } html[data-theme="dark"] #login-card, html[data-theme="dark"] #admin-login-card, html[data-theme="dark"] #admin-shell, html[data-theme="dark"] #admin-clients-shell, html[data-theme="dark"] #admin-shell .admin-panel-block.liquidGlass-wrapper, html[data-theme="dark"] #admin-shell .glass-table-wrapper.liquidGlass-wrapper, html[data-theme="dark"] #admin-clients-shell .admin-panel-block.liquidGlass-wrapper, html[data-theme="dark"] #admin-clients-shell details.admin-panel-block.liquidGlass-wrapper, body.dark-mode #login-card, body.dark-mode #admin-login-card, body.dark-mode #admin-shell, body.dark-mode #admin-clients-shell, body.dark-mode #admin-shell .admin-panel-block.liquidGlass-wrapper, body.dark-mode #admin-shell .glass-table-wrapper.liquidGlass-wrapper, body.dark-mode #admin-clients-shell .admin-panel-block.liquidGlass-wrapper, body.dark-mode #admin-clients-shell details.admin-panel-block.liquidGlass-wrapper { background: #0f172a !important; } .picker-page button:active { transform: translateY(1px); } .picker-page .coords { background: var(--page-code-bg); color: var(--page-text); } .picker-page .muted { color: var(--page-muted); } #admin-ocr-shell, #admin-ocr-training-shell, #offers-list-shell, #offer-builder-shell, #offer-view-shell { color: var(--page-text); border-color: var(--page-card-border) !important; } #admin-ocr-shell > .liquidGlass-tint, #admin-ocr-training-shell > .liquidGlass-tint, #offers-list-shell > .liquidGlass-tint, #offer-builder-shell > .liquidGlass-tint, #offer-view-shell > .liquidGlass-tint, #admin-ocr-shell .liquidGlass-wrapper > .liquidGlass-tint, #admin-ocr-training-shell .liquidGlass-wrapper > .liquidGlass-tint, #offers-list-shell .liquidGlass-wrapper > .liquidGlass-tint, #offer-builder-shell .liquidGlass-wrapper > .liquidGlass-tint, #offer-view-shell .liquidGlass-wrapper > .liquidGlass-tint { background: var(--page-card-bg) !important; } #admin-ocr-shell .liquidGlass-wrapper, #admin-ocr-training-shell .liquidGlass-wrapper, #offers-list-shell .liquidGlass-wrapper, #offer-builder-shell .liquidGlass-wrapper, #offer-view-shell .liquidGlass-wrapper { border-color: var(--page-card-border) !important; } #admin-ocr-shell .text-slate-900, #admin-ocr-shell .text-slate-800, #admin-ocr-shell .text-slate-700, #admin-ocr-training-shell .text-slate-900, #admin-ocr-training-shell .text-slate-800, #admin-ocr-training-shell .text-slate-700, #offers-list-shell .text-slate-900, #offers-list-shell .text-slate-800, #offers-list-shell .text-slate-700, #offer-builder-shell .text-slate-900, #offer-builder-shell .text-slate-800, #offer-builder-shell .text-slate-700, #offer-view-shell .text-slate-900, #offer-view-shell .text-slate-800, #offer-view-shell .text-slate-700 { color: var(--page-text) !important; } #admin-ocr-shell .text-slate-600, #admin-ocr-shell .text-slate-500, #admin-ocr-shell .text-slate-400, #admin-ocr-training-shell .text-slate-600, #admin-ocr-training-shell .text-slate-500, #admin-ocr-training-shell .text-slate-400, #offers-list-shell .text-slate-600, #offers-list-shell .text-slate-500, #offers-list-shell .text-slate-400, #offer-builder-shell .text-slate-600, #offer-builder-shell .text-slate-500, #offer-builder-shell .text-slate-400, #offer-view-shell .text-slate-600, #offer-view-shell .text-slate-500, #offer-view-shell .text-slate-400 { color: var(--page-muted) !important; } #admin-ocr-shell .glass-input, #admin-ocr-training-shell .glass-input, #offers-list-shell .glass-input, #offer-builder-shell .glass-input, #offer-view-shell .glass-input { background: var(--page-input-bg) !important; border-color: var(--page-input-border) !important; color: var(--page-text) !important; } #admin-ocr-shell .glass-input::placeholder, #admin-ocr-training-shell .glass-input::placeholder, #offers-list-shell .glass-input::placeholder, #offer-builder-shell .glass-input::placeholder, #offer-view-shell .glass-input::placeholder { color: color-mix(in srgb, var(--page-muted) 90%, transparent); } #admin-ocr-shell .bg-white\/55, #admin-ocr-shell .bg-white\/45, #admin-ocr-shell .bg-white\/40, #admin-ocr-training-shell .bg-white\/70, #admin-ocr-training-shell .bg-white\/45, #admin-ocr-training-shell .bg-white\/40, #offers-list-shell .bg-white\/45, #offers-list-shell .bg-white\/40, #offers-list-shell .bg-white\/25, #offer-builder-shell .bg-white\/35, #offer-view-shell .bg-white\/40, #offer-view-shell .bg-white\/25 { background: var(--page-soft-bg) !important; } #admin-ocr-shell .border-slate-200, #admin-ocr-shell .border-slate-200\/60, #admin-ocr-shell .border-slate-200\/80, #admin-ocr-training-shell .border-slate-200, #admin-ocr-training-shell .border-slate-200\/60, #admin-ocr-training-shell .border-slate-200\/80, #offers-list-shell .border-slate-200, #offers-list-shell .border-slate-200\/60, #offers-list-shell .border-slate-200\/80, #offer-builder-shell .border-slate-200, #offer-builder-shell .border-slate-300, #offer-builder-shell .border-slate-300\/50, #offer-builder-shell .border-slate-300\/70, #offer-view-shell .border-slate-200, #offer-view-shell .border-slate-200\/60, #offer-view-shell .border-slate-200\/80 { border-color: var(--page-inner-border) !important; } html[data-theme="dark"] #offers-list-shell .text-blue-700, html[data-theme="dark"] #offer-builder-shell .text-blue-700, html[data-theme="dark"] #offer-view-shell .text-blue-700, body.dark-mode #offers-list-shell .text-blue-700, body.dark-mode #offer-builder-shell .text-blue-700, body.dark-mode #offer-view-shell .text-blue-700 { color: #93c5fd !important; } html[data-theme="dark"] #offers-list-shell .text-emerald-700, html[data-theme="dark"] #offer-view-shell .text-emerald-700, body.dark-mode #offers-list-shell .text-emerald-700, body.dark-mode #offer-view-shell .text-emerald-700 { color: #6ee7b7 !important; } html[data-theme="dark"] #offers-list-shell .text-indigo-700, html[data-theme="dark"] #offer-view-shell .text-indigo-700, body.dark-mode #offers-list-shell .text-indigo-700, body.dark-mode #offer-view-shell .text-indigo-700 { color: #c4b5fd !important; } html[data-theme="dark"] #offers-list-shell .text-rose-700, body.dark-mode #offers-list-shell .text-rose-700 { color: #fda4af !important; } html[data-theme="dark"] #offers-list-shell .bg-amber-100, body.dark-mode #offers-list-shell .bg-amber-100 { background: rgba(146, 64, 14, 0.5) !important; } html[data-theme="dark"] #offers-list-shell .bg-blue-100, body.dark-mode #offers-list-shell .bg-blue-100 { background: rgba(30, 64, 175, 0.5) !important; } html[data-theme="dark"] #offers-list-shell .bg-emerald-100, body.dark-mode #offers-list-shell .bg-emerald-100 { background: rgba(6, 78, 59, 0.56) !important; } html[data-theme="dark"] #offers-list-shell .bg-slate-100, body.dark-mode #offers-list-shell .bg-slate-100 { background: rgba(51, 65, 85, 0.72) !important; } html[data-theme="dark"] #offer-builder-shell .dark\:text-slate-100, html[data-theme="dark"] #offer-builder-shell .dark\:text-sky-300, html[data-theme="dark"] #offer-builder-shell .dark\:text-slate-300, html[data-theme="dark"] #offer-builder-shell .dark\:text-slate-400, body.dark-mode #offer-builder-shell .dark\:text-slate-100, body.dark-mode #offer-builder-shell .dark\:text-sky-300, body.dark-mode #offer-builder-shell .dark\:text-slate-300, body.dark-mode #offer-builder-shell .dark\:text-slate-400 { color: inherit !important; }