/* Generated by scripts/build_themes.py from users/themes.py. Do not edit by hand. */ :root[data-theme="light"] .status-new_lead, :root[data-theme="light"] option.call-result-new_lead, :root[data-theme="light"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="light"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="light"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="light"] .status-scheduled, :root[data-theme="light"] option.call-result-scheduled, :root[data-theme="light"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="light"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="light"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="light"] .status-callback, :root[data-theme="light"] option.call-result-callback, :root[data-theme="light"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="light"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="light"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="light"] .status-payment_date_agreed, :root[data-theme="light"] option.call-result-payment_date_agreed, :root[data-theme="light"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="light"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="light"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="light"] .status-couldnt_reach, :root[data-theme="light"] option.call-result-couldnt_reach, :root[data-theme="light"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="light"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="light"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="light"] .status-reserved, :root[data-theme="light"] option.call-result-reserved, :root[data-theme="light"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="light"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="light"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="light"] .status-debt, :root[data-theme="light"] option.call-result-debt, :root[data-theme="light"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="light"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="light"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="light"] .status-full_payment, :root[data-theme="light"] option.call-result-full_payment, :root[data-theme="light"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="light"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="light"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="light"] .status-cancelled, :root[data-theme="light"] option.call-result-cancelled, :root[data-theme="light"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="light"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="light"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="light"] .status-frozen, :root[data-theme="light"] option.call-result-frozen, :root[data-theme="light"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="light"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="light"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="light"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="light"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="dark"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #0c111d; --panel: #141b2b; --panel-muted: #1a2236; --line: #263049; --text: #e6ebf5; --text-soft: #9aa6bd; --primary: #4b8ef7; --primary-dark: #8db5ff; --primary-fill: #2160e0; --primary-soft: #1c2b48; --primary-glow: #7aaefb; --success: #34c46c; --success-soft: #16301f; --warning: #f5a524; --warning-soft: #3a3019; --danger: #ef5050; --danger-soft: #3a1a1c; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #0c111d; --on-warning: #0c111d; --c-f9fbff: #181e2c; --c-f8faff: #181e2c; --c-f6f8ff: #181f2d; --c-f7f9fd: #191f2e; --c-fff5f5: #311717; --c-f3f7ff: #19202f; --c-f5f7fc: #19202f; --c-f3f6fc: #1a2130; --c-f0f9ff: #192934; --c-f0f3ff: #1a2130; --c-f3f5fb: #1a2131; --c-eef5ff: #1b2131; --c-eef4ff: #1b2131; --c-f3f5fa: #1b2131; --c-fff9ed: #352c1a; --c-f1f3fb: #1b2232; --c-f4f0fb: #241a36; --c-f0f3fa: #1b2233; --c-f9f1f3: #371a21; --c-f3f4f6: #1c2333; --c-eaf6ff: #1b2b37; --c-ede9fe: #211b38; --c-fff8e8: #38301b; --c-f0f1f6: #1c2435; --c-ffe8e7: #391d1b; --c-eef1f7: #1d2435; --c-eef7f4: #1c3a30; --c-edf1f7: #1d2436; --c-eef1f6: #1d2436; --c-edf0f6: #1d2536; --c-f0f1f3: #1d2536; --c-eaf0f8: #1d2537; --c-fee2e2: #3d1d1d; --c-fbe4e8: #3d1e23; --c-e0f2fe: #1e313e; --c-e7edf7: #1e2639; --c-e8edf4: #1f273a; --c-e5eaf7: #1f273a; --c-e7eaf3: #1f283a; --c-dbe7ff: #1f283a; --c-dbeafe: #20283b; --c-e9defb: #2c1f41; --c-e6eaf3: #20283b; --c-dcfce7: #20422b; --c-e5e9f2: #20293c; --c-e4e8f2: #21293c; --c-fff3d6: #433920; --c-fff1d5: #443821; --c-e2e7f2: #212a3d; --c-dce4f7: #212a3e; --c-e0e5f0: #222b3f; --c-e5e7eb: #222b3f; --c-d9f5e9: #234838; --c-dce3f1: #232c41; --c-d9e0ee: #242e44; --c-fef3c7: #4d4525; --c-ffedbd: #534728; --c-f0caca: #542828; --c-bfdcf5: #2a4257; --c-bccaf3: #2c385b; --c-ccd3e2: #2b3650; --c-cbd5e1: #2c3751; --c-efbcbc: #5d2d2d; --c-c3cada: #303c58; --c-c4cbd9: #303c58; --c-f4a1a6: #6a3337; --c-aab8cc: #bdc3d1; --c-9aa3b5: #b6bdcc; --c-9aa0b2: #b4bbcb; --c-969cac: #aeb6c7; --c-8590a7: #a1aabe; --c-7c3aed: #955ff0; --c-858da0: #9da6bb; --c-7984a4: #98a2b8; --c-7f879a: #96a0b6; --c-be5a64: #ca777f; --c-7a8498: #929cb3; --c-73809e: #919bb3; --c-5748c5: #7367cf; --c-cc3d48: #d45d66; --c-7050b3: #876cbf; --c-6f7892: #8893ac; --c-ba4242: #c65f5f; --c-6b7591: #8590aa; --c-c2393d: #cd565a; --c-bd3434: #ce4c4c; --c-1a8ad4: #319ee6; --c-6b7280: #7b87a3; --c-5b6b8c: #7885a2; --c-69707e: #7885a2; --c-707070: #a1aabe; --c-bb4c24: #e5977a; --c-5b21b6: #a67de7; --c-1e40af: #8099e9; --c-536174: #a9b1c3; --c-4a5779: #abb2c4; --c-475979: #acb3c5; --c-465678: #acb4c6; --c-a86214: #eebc85; --c-991b1b: #eb8d8d; --c-987018: #edcf8d; --c-4b5563: #b1b9c9; --c-394a6e: #b4bbcb; --c-92400e: #f0b693; --c-3b4663: #b7bdcd; --c-16805c: #9aeed1; --c-128168: #99f0dd; --c-33405c: #bcc2d0; --c-075985: #9cd3f1; --c-8a5a00: #f1d49d; --c-303a55: #bfc5d2; --c-166534: #aaedc3; } :root[data-theme="dark"] .status-new_lead, :root[data-theme="dark"] option.call-result-new_lead, :root[data-theme="dark"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #60a5fa 16%, var(--panel)); color: #60a5fa; } :root[data-theme="dark"] .pipeline-lane-new_lead { background: color-mix(in srgb, #60a5fa 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #60a5fa 16%, var(--panel)); color: #60a5fa; } :root[data-theme="dark"] .pipeline-lane-new_lead .lead-card-avatar { background: #60a5fa; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #60a5fa; } :root[data-theme="dark"] .status-scheduled, :root[data-theme="dark"] option.call-result-scheduled, :root[data-theme="dark"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #a78bfa 16%, var(--panel)); color: #a78bfa; } :root[data-theme="dark"] .pipeline-lane-scheduled { background: color-mix(in srgb, #a78bfa 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #a78bfa 16%, var(--panel)); color: #a78bfa; } :root[data-theme="dark"] .pipeline-lane-scheduled .lead-card-avatar { background: #a78bfa; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #a78bfa; } :root[data-theme="dark"] .status-callback, :root[data-theme="dark"] option.call-result-callback, :root[data-theme="dark"] .call-result-select.call-result-callback { background: color-mix(in srgb, #e879f9 16%, var(--panel)); color: #e879f9; } :root[data-theme="dark"] .pipeline-lane-callback { background: color-mix(in srgb, #e879f9 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #e879f9 16%, var(--panel)); color: #e879f9; } :root[data-theme="dark"] .pipeline-lane-callback .lead-card-avatar { background: #e879f9; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #e879f9; } :root[data-theme="dark"] .status-payment_date_agreed, :root[data-theme="dark"] option.call-result-payment_date_agreed, :root[data-theme="dark"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #2dd4bf 16%, var(--panel)); color: #2dd4bf; } :root[data-theme="dark"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #2dd4bf 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #2dd4bf 16%, var(--panel)); color: #2dd4bf; } :root[data-theme="dark"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #2dd4bf; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #2dd4bf; } :root[data-theme="dark"] .status-couldnt_reach, :root[data-theme="dark"] option.call-result-couldnt_reach, :root[data-theme="dark"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #fbbf24 16%, var(--panel)); color: #fbbf24; } :root[data-theme="dark"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #fbbf24 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #fbbf24 16%, var(--panel)); color: #fbbf24; } :root[data-theme="dark"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #fbbf24; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #fbbf24; } :root[data-theme="dark"] .status-reserved, :root[data-theme="dark"] option.call-result-reserved, :root[data-theme="dark"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #fde047 16%, var(--panel)); color: #fde047; } :root[data-theme="dark"] .pipeline-lane-reserved { background: color-mix(in srgb, #fde047 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #fde047 16%, var(--panel)); color: #fde047; } :root[data-theme="dark"] .pipeline-lane-reserved .lead-card-avatar { background: #fde047; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #fde047; } :root[data-theme="dark"] .status-debt, :root[data-theme="dark"] option.call-result-debt, :root[data-theme="dark"] .call-result-select.call-result-debt { background: color-mix(in srgb, #fb923c 16%, var(--panel)); color: #fb923c; } :root[data-theme="dark"] .pipeline-lane-debt { background: color-mix(in srgb, #fb923c 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #fb923c 16%, var(--panel)); color: #fb923c; } :root[data-theme="dark"] .pipeline-lane-debt .lead-card-avatar { background: #fb923c; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #fb923c; } :root[data-theme="dark"] .status-full_payment, :root[data-theme="dark"] option.call-result-full_payment, :root[data-theme="dark"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #4ade80 16%, var(--panel)); color: #4ade80; } :root[data-theme="dark"] .pipeline-lane-full_payment { background: color-mix(in srgb, #4ade80 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #4ade80 16%, var(--panel)); color: #4ade80; } :root[data-theme="dark"] .pipeline-lane-full_payment .lead-card-avatar { background: #4ade80; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #4ade80; } :root[data-theme="dark"] .status-cancelled, :root[data-theme="dark"] option.call-result-cancelled, :root[data-theme="dark"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #f87171 16%, var(--panel)); color: #f87171; } :root[data-theme="dark"] .pipeline-lane-cancelled { background: color-mix(in srgb, #f87171 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #f87171 16%, var(--panel)); color: #f87171; } :root[data-theme="dark"] .pipeline-lane-cancelled .lead-card-avatar { background: #f87171; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #f87171; } :root[data-theme="dark"] .status-frozen, :root[data-theme="dark"] option.call-result-frozen, :root[data-theme="dark"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #67e8f9 16%, var(--panel)); color: #67e8f9; } :root[data-theme="dark"] .pipeline-lane-frozen { background: color-mix(in srgb, #67e8f9 6%, var(--panel)); } :root[data-theme="dark"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #67e8f9 16%, var(--panel)); color: #67e8f9; } :root[data-theme="dark"] .pipeline-lane-frozen .lead-card-avatar { background: #67e8f9; color: var(--bg); } :root[data-theme="dark"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #67e8f9; } :root[data-theme="rose"] { --bg: #fdf3f7; --panel: #ffffff; --panel-muted: #fde8f0; --line: #f5d4e1; --text: #3b1a2b; --text-soft: #86596d; --primary: #e9508c; --primary-dark: #b5306a; --primary-fill: #c93a75; --primary-soft: #fcdbe8; --primary-glow: #f7a1c4; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #3b1a2b; --c-f9fbff: #fefafb; --c-f8faff: #fef9fb; --c-f6f8ff: #fef7f9; --c-f7f9fd: #fcf8f9; --c-f3f7ff: #fef4f7; --c-f5f7fc: #fbf6f8; --c-f3f6fc: #fbf4f6; --c-f0f3ff: #fdf2f6; --c-f3f5fb: #faf4f6; --c-eef5ff: #fdf0f4; --c-eef4ff: #fdf0f4; --c-f3f5fa: #f9f4f6; --c-f1f3fb: #faf2f5; --c-f0f3fa: #f9f1f4; --c-f3f4f6: #f6f3f4; --c-f0f1f6: #f5f1f2; --c-eef1f7: #f6eff1; --c-edf1f7: #f6eef1; --c-eef1f6: #f5eff1; --c-edf0f6: #f5eef0; --c-f0f1f3: #f3f0f1; --c-eaf0f8: #f7ebef; --c-e7edf7: #f5e9ed; --c-e8edf4: #f3e9ec; --c-e5eaf7: #f5e7ec; --c-e7eaf3: #f2e8eb; --c-dbe7ff: #fbdfe8; --c-dbeafe: #fbdee8; --c-e6eaf3: #f2e7eb; --c-e5e9f2: #f1e6ea; --c-e4e8f2: #f1e5e9; --c-e2e7f2: #f0e4e8; --c-dce4f7: #f4dfe6; --c-e0e5f0: #eee2e6; --c-e5e7eb: #eae6e7; --c-dce3f1: #efdee4; --c-d9e0ee: #ecdbe1; --c-ccd3e2: #e0ced4; --c-cbd5e1: #dfcdd3; --c-c3cada: #d8c5cb; --c-c4cbd9: #d7c6cc; --c-aab8cc: #c9adb6; --c-9aa3b5: #b29da4; --c-9aa0b2: #b09ca3; --c-969cac: #aa989e; --c-8590a7: #a48891; --c-858da0: #9d888f; --c-7984a4: #a07d89; --c-7f879a: #978289; --c-7a8498: #957d85; --c-73809e: #9a7783; --c-6f7892: #8e727c; --c-6b7591: #8d6f79; --c-6b7280: #7e6d73; --c-5b6b8c: #87606d; --c-69707e: #7c6b71; --c-536174: #71565f; --c-4a5779: #744f5b; --c-475979: #744c59; --c-465678: #734b58; --c-4b5563: #614d54; --c-394a6e: #693e4c; --c-3b4663: #5f3f4a; --c-33405c: #583742; --c-303a55: #51343e; } :root[data-theme="rose"] .status-new_lead, :root[data-theme="rose"] option.call-result-new_lead, :root[data-theme="rose"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="rose"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="rose"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="rose"] .status-scheduled, :root[data-theme="rose"] option.call-result-scheduled, :root[data-theme="rose"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="rose"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="rose"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="rose"] .status-callback, :root[data-theme="rose"] option.call-result-callback, :root[data-theme="rose"] .call-result-select.call-result-callback { background: color-mix(in srgb, #db2777 16%, var(--panel)); color: #db2777; } :root[data-theme="rose"] .pipeline-lane-callback { background: color-mix(in srgb, #db2777 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #db2777 16%, var(--panel)); color: #db2777; } :root[data-theme="rose"] .pipeline-lane-callback .lead-card-avatar { background: #db2777; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #db2777; } :root[data-theme="rose"] .status-payment_date_agreed, :root[data-theme="rose"] option.call-result-payment_date_agreed, :root[data-theme="rose"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="rose"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="rose"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="rose"] .status-couldnt_reach, :root[data-theme="rose"] option.call-result-couldnt_reach, :root[data-theme="rose"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="rose"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="rose"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="rose"] .status-reserved, :root[data-theme="rose"] option.call-result-reserved, :root[data-theme="rose"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="rose"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="rose"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="rose"] .status-debt, :root[data-theme="rose"] option.call-result-debt, :root[data-theme="rose"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="rose"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="rose"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="rose"] .status-full_payment, :root[data-theme="rose"] option.call-result-full_payment, :root[data-theme="rose"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="rose"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="rose"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="rose"] .status-cancelled, :root[data-theme="rose"] option.call-result-cancelled, :root[data-theme="rose"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #b91c1c 16%, var(--panel)); color: #b91c1c; } :root[data-theme="rose"] .pipeline-lane-cancelled { background: color-mix(in srgb, #b91c1c 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #b91c1c 16%, var(--panel)); color: #b91c1c; } :root[data-theme="rose"] .pipeline-lane-cancelled .lead-card-avatar { background: #b91c1c; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #b91c1c; } :root[data-theme="rose"] .status-frozen, :root[data-theme="rose"] option.call-result-frozen, :root[data-theme="rose"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="rose"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="rose"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="rose"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="rose"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="lavender"] { --bg: #f7f4fd; --panel: #ffffff; --panel-muted: #efe8fc; --line: #e1d7f5; --text: #2a1f45; --text-soft: #6c5f8a; --primary: #8b5cf6; --primary-dark: #6a3dd4; --primary-fill: #6d3fd6; --primary-soft: #ebe2fe; --primary-glow: #c4a8fb; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #2a1f45; --c-f9fbff: #fcfafe; --c-f8faff: #fbf9fe; --c-f6f8ff: #faf7fe; --c-f7f9fd: #faf8fc; --c-f3f7ff: #f8f4fe; --c-f5f7fc: #f8f6fb; --c-f3f6fc: #f7f4fb; --c-f0f3ff: #f6f2fd; --c-f3f5fb: #f6f4fa; --c-eef5ff: #f5f0fd; --c-eef4ff: #f5f0fd; --c-f3f5fa: #f6f4f9; --c-f1f3fb: #f5f2fa; --c-f0f3fa: #f4f1f9; --c-f3f4f6: #f4f3f6; --c-f0f1f6: #f3f1f5; --c-eef1f7: #f2eff6; --c-edf1f7: #f1eef6; --c-eef1f6: #f1eff5; --c-edf0f6: #f1eef5; --c-f0f1f3: #f1f0f3; --c-eaf0f8: #f0ebf7; --c-e7edf7: #eee9f5; --c-e8edf4: #ede9f3; --c-e5eaf7: #ede7f5; --c-e7eaf3: #ece8f2; --c-dbe7ff: #ebdffb; --c-dbeafe: #eadefb; --c-e6eaf3: #ece7f2; --c-e5e9f2: #ebe6f1; --c-e4e8f2: #eae5f1; --c-e2e7f2: #e9e4f0; --c-dce4f7: #e8dff4; --c-e0e5f0: #e7e2ee; --c-e5e7eb: #e8e6ea; --c-dce3f1: #e5deef; --c-d9e0ee: #e2dbec; --c-ccd3e2: #d6cee0; --c-cbd5e1: #d5cddf; --c-c3cada: #cdc5d8; --c-c4cbd9: #cdc6d7; --c-aab8cc: #b9adc9; --c-9aa3b5: #a69db2; --c-9aa0b2: #a49cb0; --c-969cac: #a098aa; --c-8590a7: #9488a4; --c-858da0: #91889d; --c-7984a4: #8c7da0; --c-7f879a: #8b8297; --c-7a8498: #877d95; --c-73809e: #86779a; --c-6f7892: #7e728e; --c-6b7591: #7b6f8d; --c-6b7280: #746d7e; --c-5b6b8c: #706087; --c-69707e: #726b7c; --c-536174: #615671; --c-4a5779: #5e4f74; --c-475979: #5d4c74; --c-465678: #5c4b73; --c-4b5563: #554d61; --c-394a6e: #503e69; --c-3b4663: #4c3f5f; --c-33405c: #453758; --c-303a55: #403451; } :root[data-theme="lavender"] .status-new_lead, :root[data-theme="lavender"] option.call-result-new_lead, :root[data-theme="lavender"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #4f46e5 16%, var(--panel)); color: #4f46e5; } :root[data-theme="lavender"] .pipeline-lane-new_lead { background: color-mix(in srgb, #4f46e5 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #4f46e5 16%, var(--panel)); color: #4f46e5; } :root[data-theme="lavender"] .pipeline-lane-new_lead .lead-card-avatar { background: #4f46e5; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #4f46e5; } :root[data-theme="lavender"] .status-scheduled, :root[data-theme="lavender"] option.call-result-scheduled, :root[data-theme="lavender"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #9333ea 16%, var(--panel)); color: #9333ea; } :root[data-theme="lavender"] .pipeline-lane-scheduled { background: color-mix(in srgb, #9333ea 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #9333ea 16%, var(--panel)); color: #9333ea; } :root[data-theme="lavender"] .pipeline-lane-scheduled .lead-card-avatar { background: #9333ea; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #9333ea; } :root[data-theme="lavender"] .status-callback, :root[data-theme="lavender"] option.call-result-callback, :root[data-theme="lavender"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="lavender"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="lavender"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="lavender"] .status-payment_date_agreed, :root[data-theme="lavender"] option.call-result-payment_date_agreed, :root[data-theme="lavender"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="lavender"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="lavender"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="lavender"] .status-couldnt_reach, :root[data-theme="lavender"] option.call-result-couldnt_reach, :root[data-theme="lavender"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="lavender"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="lavender"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="lavender"] .status-reserved, :root[data-theme="lavender"] option.call-result-reserved, :root[data-theme="lavender"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="lavender"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="lavender"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="lavender"] .status-debt, :root[data-theme="lavender"] option.call-result-debt, :root[data-theme="lavender"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="lavender"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="lavender"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="lavender"] .status-full_payment, :root[data-theme="lavender"] option.call-result-full_payment, :root[data-theme="lavender"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="lavender"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="lavender"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="lavender"] .status-cancelled, :root[data-theme="lavender"] option.call-result-cancelled, :root[data-theme="lavender"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="lavender"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="lavender"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="lavender"] .status-frozen, :root[data-theme="lavender"] option.call-result-frozen, :root[data-theme="lavender"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="lavender"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="lavender"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="lavender"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="lavender"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="peach"] { --bg: #fff6f1; --panel: #ffffff; --panel-muted: #ffeadf; --line: #f6d8c8; --text: #3d2219; --text-soft: #8a6253; --primary: #f2765a; --primary-dark: #bd4a2b; --primary-fill: #d4573a; --primary-soft: #ffe1d6; --primary-glow: #ffb39b; --on-primary: #3d2219; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #3d2219; --c-f9fbff: #fefbfa; --c-f8faff: #fefaf9; --c-f6f8ff: #fef9f7; --c-f7f9fd: #fcf9f8; --c-f3f7ff: #fef7f4; --c-f5f7fc: #fbf7f6; --c-f3f6fc: #fbf6f4; --c-f0f3ff: #fdf5f2; --c-f3f5fb: #faf6f4; --c-eef5ff: #fdf4f0; --c-eef4ff: #fdf4f0; --c-f3f5fa: #f9f5f4; --c-f1f3fb: #faf4f2; --c-f0f3fa: #f9f3f1; --c-f3f4f6: #f6f4f3; --c-f0f1f6: #f5f2f1; --c-eef1f7: #f6f1ef; --c-edf1f7: #f6f0ee; --c-eef1f6: #f5f1ef; --c-edf0f6: #f5f0ee; --c-f0f1f3: #f3f1f0; --c-eaf0f8: #f7efeb; --c-e7edf7: #f5ece9; --c-e8edf4: #f3ece9; --c-e5eaf7: #f5ebe7; --c-e7eaf3: #f2ebe8; --c-dbe7ff: #fbe7df; --c-dbeafe: #fbe7de; --c-e6eaf3: #f2eae7; --c-e5e9f2: #f1e9e6; --c-e4e8f2: #f1e9e5; --c-e2e7f2: #f0e7e4; --c-dce4f7: #f4e5df; --c-e0e5f0: #eee5e2; --c-e5e7eb: #eae7e6; --c-dce3f1: #efe3de; --c-d9e0ee: #ece0db; --c-ccd3e2: #e0d3ce; --c-cbd5e1: #dfd2cd; --c-c3cada: #d8cbc5; --c-c4cbd9: #d7cbc6; --c-aab8cc: #c9b6ad; --c-9aa3b5: #b2a39d; --c-9aa0b2: #b0a29c; --c-969cac: #aa9d98; --c-8590a7: #a49188; --c-858da0: #9d8e88; --c-7984a4: #a0887d; --c-7f879a: #978882; --c-7a8498: #95847d; --c-73809e: #9a8277; --c-6f7892: #8e7b72; --c-6b7591: #8d786f; --c-6b7280: #7e726d; --c-5b6b8c: #876c60; --c-69707e: #7c706b; --c-536174: #715e56; --c-4a5779: #745a4f; --c-475979: #74584c; --c-465678: #73574b; --c-4b5563: #61534d; --c-394a6e: #694b3e; --c-3b4663: #5f493f; --c-33405c: #584137; --c-303a55: #513d34; } :root[data-theme="peach"] .status-new_lead, :root[data-theme="peach"] option.call-result-new_lead, :root[data-theme="peach"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="peach"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="peach"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="peach"] .status-scheduled, :root[data-theme="peach"] option.call-result-scheduled, :root[data-theme="peach"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="peach"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="peach"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="peach"] .status-callback, :root[data-theme="peach"] option.call-result-callback, :root[data-theme="peach"] .call-result-select.call-result-callback { background: color-mix(in srgb, #d6336c 16%, var(--panel)); color: #d6336c; } :root[data-theme="peach"] .pipeline-lane-callback { background: color-mix(in srgb, #d6336c 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #d6336c 16%, var(--panel)); color: #d6336c; } :root[data-theme="peach"] .pipeline-lane-callback .lead-card-avatar { background: #d6336c; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #d6336c; } :root[data-theme="peach"] .status-payment_date_agreed, :root[data-theme="peach"] option.call-result-payment_date_agreed, :root[data-theme="peach"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="peach"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="peach"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="peach"] .status-couldnt_reach, :root[data-theme="peach"] option.call-result-couldnt_reach, :root[data-theme="peach"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="peach"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="peach"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="peach"] .status-reserved, :root[data-theme="peach"] option.call-result-reserved, :root[data-theme="peach"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="peach"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="peach"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="peach"] .status-debt, :root[data-theme="peach"] option.call-result-debt, :root[data-theme="peach"] .call-result-select.call-result-debt { background: color-mix(in srgb, #e8590c 16%, var(--panel)); color: #e8590c; } :root[data-theme="peach"] .pipeline-lane-debt { background: color-mix(in srgb, #e8590c 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #e8590c 16%, var(--panel)); color: #e8590c; } :root[data-theme="peach"] .pipeline-lane-debt .lead-card-avatar { background: #e8590c; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #e8590c; } :root[data-theme="peach"] .status-full_payment, :root[data-theme="peach"] option.call-result-full_payment, :root[data-theme="peach"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="peach"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="peach"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="peach"] .status-cancelled, :root[data-theme="peach"] option.call-result-cancelled, :root[data-theme="peach"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="peach"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="peach"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="peach"] .status-frozen, :root[data-theme="peach"] option.call-result-frozen, :root[data-theme="peach"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="peach"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="peach"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="peach"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="peach"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="mint"] { --bg: #f1faf6; --panel: #ffffff; --panel-muted: #e2f5ed; --line: #cde8dd; --text: #15352b; --text-soft: #557a6d; --primary: #14b88a; --primary-dark: #0b7a5b; --primary-fill: #0e8f6c; --primary-soft: #d2f3e6; --primary-glow: #6fe0bd; --on-primary: #15352b; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #15352b; --c-f9fbff: #fafefd; --c-f8faff: #f9fefc; --c-f6f8ff: #f7fefc; --c-f7f9fd: #f8fcfb; --c-f3f7ff: #f4fefb; --c-f5f7fc: #f6fbf9; --c-f3f6fc: #f4fbf9; --c-f0f3ff: #f2fdfa; --c-f3f5fb: #f4faf8; --c-eef5ff: #f0fdf9; --c-eef4ff: #f0fdf9; --c-f3f5fa: #f4f9f7; --c-f1f3fb: #f2faf7; --c-f0f3fa: #f1f9f6; --c-f3f4f6: #f3f6f5; --c-f0f1f6: #f1f5f4; --c-eef1f7: #eff6f4; --c-edf1f7: #eef6f3; --c-eef1f6: #eff5f3; --c-edf0f6: #eef5f3; --c-f0f1f3: #f0f3f2; --c-eaf0f8: #ebf7f3; --c-e7edf7: #e9f5f1; --c-e8edf4: #e9f3f0; --c-e5eaf7: #e7f5f0; --c-e7eaf3: #e8f2ef; --c-dbe7ff: #dffbf2; --c-dbeafe: #defbf1; --c-e6eaf3: #e7f2ee; --c-e5e9f2: #e6f1ed; --c-e4e8f2: #e5f1ed; --c-e2e7f2: #e4f0ec; --c-dce4f7: #dff4ed; --c-e0e5f0: #e2eeea; --c-e5e7eb: #e6eae9; --c-dce3f1: #deefe9; --c-d9e0ee: #dbece6; --c-ccd3e2: #cee0da; --c-cbd5e1: #cddfd9; --c-c3cada: #c5d8d2; --c-c4cbd9: #c6d7d1; --c-aab8cc: #adc9c0; --c-9aa3b5: #9db2ab; --c-9aa0b2: #9cb0a9; --c-969cac: #98aaa4; --c-8590a7: #88a49b; --c-858da0: #889d96; --c-7984a4: #7da094; --c-7f879a: #829790; --c-7a8498: #7d958d; --c-73809e: #779a8e; --c-6f7892: #728e85; --c-6b7591: #6f8d83; --c-6b7280: #6d7e78; --c-5b6b8c: #60877a; --c-69707e: #6b7c76; --c-536174: #567168; --c-4a5779: #4f7468; --c-475979: #4c7467; --c-465678: #4b7366; --c-4b5563: #4d615a; --c-394a6e: #3e695b; --c-3b4663: #3f5f54; --c-33405c: #37584d; --c-303a55: #345147; } :root[data-theme="mint"] .status-new_lead, :root[data-theme="mint"] option.call-result-new_lead, :root[data-theme="mint"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="mint"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="mint"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="mint"] .status-scheduled, :root[data-theme="mint"] option.call-result-scheduled, :root[data-theme="mint"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="mint"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="mint"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="mint"] .status-callback, :root[data-theme="mint"] option.call-result-callback, :root[data-theme="mint"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="mint"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="mint"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="mint"] .status-payment_date_agreed, :root[data-theme="mint"] option.call-result-payment_date_agreed, :root[data-theme="mint"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0f766e 16%, var(--panel)); color: #0f766e; } :root[data-theme="mint"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0f766e 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0f766e 16%, var(--panel)); color: #0f766e; } :root[data-theme="mint"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0f766e; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0f766e; } :root[data-theme="mint"] .status-couldnt_reach, :root[data-theme="mint"] option.call-result-couldnt_reach, :root[data-theme="mint"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="mint"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="mint"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="mint"] .status-reserved, :root[data-theme="mint"] option.call-result-reserved, :root[data-theme="mint"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="mint"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="mint"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="mint"] .status-debt, :root[data-theme="mint"] option.call-result-debt, :root[data-theme="mint"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="mint"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="mint"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="mint"] .status-full_payment, :root[data-theme="mint"] option.call-result-full_payment, :root[data-theme="mint"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #15803d 16%, var(--panel)); color: #15803d; } :root[data-theme="mint"] .pipeline-lane-full_payment { background: color-mix(in srgb, #15803d 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #15803d 16%, var(--panel)); color: #15803d; } :root[data-theme="mint"] .pipeline-lane-full_payment .lead-card-avatar { background: #15803d; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #15803d; } :root[data-theme="mint"] .status-cancelled, :root[data-theme="mint"] option.call-result-cancelled, :root[data-theme="mint"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="mint"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="mint"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="mint"] .status-frozen, :root[data-theme="mint"] option.call-result-frozen, :root[data-theme="mint"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="mint"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="mint"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="mint"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="mint"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="latte"] { --bg: #f6efe6; --panel: #fffcf7; --panel-muted: #f1e6d6; --line: #e5d5be; --text: #3b2a1c; --text-soft: #7f6550; --primary: #b9773f; --primary-dark: #8a5225; --primary-fill: #9c5f2e; --primary-soft: #f1e0c9; --primary-glow: #e0b07f; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #3b2a1c; --c-f9fbff: #fefcfa; --c-f8faff: #fefcf9; --c-f6f8ff: #fefbf7; --c-f7f9fd: #fcfaf8; --c-f3f7ff: #fefaf4; --c-f5f7fc: #fbf9f6; --c-f3f6fc: #fbf8f4; --c-f0f3ff: #fdf8f2; --c-f3f5fb: #faf7f4; --c-eef5ff: #fdf7f0; --c-eef4ff: #fdf7f0; --c-f3f5fa: #f9f7f4; --c-f1f3fb: #faf7f2; --c-f0f3fa: #f9f6f1; --c-f3f4f6: #f6f5f3; --c-f0f1f6: #f5f3f1; --c-eef1f7: #f6f3ef; --c-edf1f7: #f6f3ee; --c-eef1f6: #f5f2ef; --c-edf0f6: #f5f2ee; --c-f0f1f3: #f3f2f0; --c-eaf0f8: #f7f2eb; --c-e7edf7: #f5f0e9; --c-e8edf4: #f3efe9; --c-e5eaf7: #f5efe7; --c-e7eaf3: #f2eee8; --c-dbe7ff: #fbefdf; --c-dbeafe: #fbeede; --c-e6eaf3: #f2ede7; --c-e5e9f2: #f1ece6; --c-e4e8f2: #f1ece5; --c-e2e7f2: #f0ebe4; --c-dce4f7: #f4ebdf; --c-e0e5f0: #eee9e2; --c-e5e7eb: #eae8e6; --c-dce3f1: #efe8de; --c-d9e0ee: #ece5db; --c-ccd3e2: #e0d8ce; --c-cbd5e1: #dfd7cd; --c-c3cada: #d8d0c5; --c-c4cbd9: #d7d0c6; --c-aab8cc: #c9bdad; --c-9aa3b5: #b2a99d; --c-9aa0b2: #b0a79c; --c-969cac: #aaa298; --c-8590a7: #a49888; --c-858da0: #9d9488; --c-7984a4: #a0917d; --c-7f879a: #978e82; --c-7a8498: #958b7d; --c-73809e: #9a8b77; --c-6f7892: #8e8272; --c-6b7591: #8d806f; --c-6b7280: #7e776d; --c-5b6b8c: #877660; --c-69707e: #7c756b; --c-536174: #716556; --c-4a5779: #74644f; --c-475979: #74634c; --c-465678: #73624b; --c-4b5563: #61584d; --c-394a6e: #69563e; --c-3b4663: #5f513f; --c-33405c: #584a37; --c-303a55: #514434; } :root[data-theme="latte"] .status-new_lead, :root[data-theme="latte"] option.call-result-new_lead, :root[data-theme="latte"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #1d4ed8 16%, var(--panel)); color: #1d4ed8; } :root[data-theme="latte"] .pipeline-lane-new_lead { background: color-mix(in srgb, #1d4ed8 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #1d4ed8 16%, var(--panel)); color: #1d4ed8; } :root[data-theme="latte"] .pipeline-lane-new_lead .lead-card-avatar { background: #1d4ed8; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #1d4ed8; } :root[data-theme="latte"] .status-scheduled, :root[data-theme="latte"] option.call-result-scheduled, :root[data-theme="latte"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="latte"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="latte"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="latte"] .status-callback, :root[data-theme="latte"] option.call-result-callback, :root[data-theme="latte"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="latte"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="latte"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="latte"] .status-payment_date_agreed, :root[data-theme="latte"] option.call-result-payment_date_agreed, :root[data-theme="latte"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="latte"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="latte"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="latte"] .status-couldnt_reach, :root[data-theme="latte"] option.call-result-couldnt_reach, :root[data-theme="latte"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="latte"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="latte"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="latte"] .status-reserved, :root[data-theme="latte"] option.call-result-reserved, :root[data-theme="latte"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="latte"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="latte"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="latte"] .status-debt, :root[data-theme="latte"] option.call-result-debt, :root[data-theme="latte"] .call-result-select.call-result-debt { background: color-mix(in srgb, #c2410c 16%, var(--panel)); color: #c2410c; } :root[data-theme="latte"] .pipeline-lane-debt { background: color-mix(in srgb, #c2410c 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #c2410c 16%, var(--panel)); color: #c2410c; } :root[data-theme="latte"] .pipeline-lane-debt .lead-card-avatar { background: #c2410c; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #c2410c; } :root[data-theme="latte"] .status-full_payment, :root[data-theme="latte"] option.call-result-full_payment, :root[data-theme="latte"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="latte"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="latte"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="latte"] .status-cancelled, :root[data-theme="latte"] option.call-result-cancelled, :root[data-theme="latte"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="latte"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="latte"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="latte"] .status-frozen, :root[data-theme="latte"] option.call-result-frozen, :root[data-theme="latte"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="latte"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="latte"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="latte"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="latte"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="sakura"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #170e15; --panel: #22151f; --panel-muted: #2c1c29; --line: #42283c; --text: #f7e6f0; --text-soft: #c49db5; --primary: #f472b6; --primary-dark: #f9a8d4; --primary-fill: #d02a78; --primary-soft: #47193a; --primary-glow: #fbb6da; --success: #5fd39a; --success-soft: #173226; --warning: #f7b55a; --warning-soft: #3b2c1b; --danger: #ff6b81; --danger-soft: #401c26; --on-primary: #170e15; --on-primary-fill: #ffffff; --on-success: #170e15; --on-warning: #170e15; --c-f9fbff: #26151f; --c-f8faff: #271620; --c-f6f8ff: #281620; --c-f7f9fd: #281621; --c-fff5f5: #2b1515; --c-f3f7ff: #291721; --c-f5f7fc: #291722; --c-f3f6fc: #2a1823; --c-f0f9ff: #16252e; --c-f0f3ff: #2a1823; --c-f3f5fb: #2b1823; --c-eef5ff: #2b1823; --c-eef4ff: #2b1823; --c-f3f5fa: #2b1823; --c-fff9ed: #302817; --c-f1f3fb: #2c1924; --c-f4f0fb: #211731; --c-f0f3fa: #2d1925; --c-f9f1f3: #31181e; --c-f3f4f6: #2d1925; --c-eaf6ff: #182732; --c-ede9fe: #1e1933; --c-fff8e8: #332b19; --c-f0f1f6: #2f1a26; --c-ffe8e7: #341a19; --c-eef1f7: #2f1b27; --c-eef7f4: #19342b; --c-edf1f7: #301b27; --c-eef1f6: #301b27; --c-edf0f6: #301b27; --c-f0f1f3: #301b27; --c-eaf0f8: #311b28; --c-fee2e2: #371b1b; --c-fbe4e8: #381b20; --c-e0f2fe: #1b2d39; --c-e7edf7: #331c29; --c-e8edf4: #341d2a; --c-e5eaf7: #341d2a; --c-e7eaf3: #341e2b; --c-dbe7ff: #341e2b; --c-dbeafe: #351e2b; --c-e9defb: #281d3c; --c-e6eaf3: #351e2b; --c-dcfce7: #1d3c28; --c-e5e9f2: #361e2c; --c-e4e8f2: #361f2c; --c-fff3d6: #3e351e; --c-fff1d5: #3f341e; --c-e2e7f2: #371f2d; --c-dce4f7: #381f2e; --c-e0e5f0: #39202f; --c-e5e7eb: #39202f; --c-d9f5e9: #204234; --c-dce3f1: #3b2130; --c-d9e0ee: #3e2332; --c-fef3c7: #484023; --c-ffedbd: #4d4225; --c-f0caca: #4e2626; --c-bfdcf5: #283e52; --c-bccaf3: #293455; --c-ccd3e2: #4a293c; --c-cbd5e1: #4b2a3d; --c-efbcbc: #582a2a; --c-c3cada: #522e43; --c-c4cbd9: #522e43; --c-f4a1a6: #653134; --c-aab8cc: #d0bdc8; --c-9aa3b5: #cbb7c3; --c-9aa0b2: #cab5c1; --c-969cac: #c6afbc; --c-8590a7: #bda2b2; --c-7c3aed: #955ff0; --c-858da0: #ba9eae; --c-7984a4: #b799aa; --c-7f879a: #b597a8; --c-be5a64: #ca777f; --c-7a8498: #b293a5; --c-73809e: #b292a5; --c-5748c5: #7367cf; --c-cc3d48: #d45d66; --c-7050b3: #876cbf; --c-6f7892: #ab899d; --c-ba4242: #c65f5f; --c-6b7591: #a9869a; --c-c2393d: #cd565a; --c-bd3434: #ce4c4c; --c-1a8ad4: #319ee6; --c-6b7280: #a27c92; --c-5b6b8c: #a07a90; --c-69707e: #a07a90; --c-707070: #bda2b2; --c-bb4c24: #e5977a; --c-5b21b6: #a67de7; --c-1e40af: #8099e9; --c-536174: #c3aab8; --c-4a5779: #c4acba; --c-475979: #c4acba; --c-465678: #c5adbb; --c-a86214: #eebc85; --c-991b1b: #eb8d8d; --c-987018: #edcf8d; --c-4b5563: #c8b2bf; --c-394a6e: #cab5c1; --c-92400e: #f0b693; --c-3b4663: #ccb7c3; --c-16805c: #9aeed1; --c-128168: #99f0dd; --c-33405c: #cfbcc7; --c-075985: #9cd3f1; --c-8a5a00: #f1d49d; --c-303a55: #d2bfca; --c-166534: #aaedc3; } :root[data-theme="sakura"] .status-new_lead, :root[data-theme="sakura"] option.call-result-new_lead, :root[data-theme="sakura"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #93b4ff 16%, var(--panel)); color: #93b4ff; } :root[data-theme="sakura"] .pipeline-lane-new_lead { background: color-mix(in srgb, #93b4ff 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #93b4ff 16%, var(--panel)); color: #93b4ff; } :root[data-theme="sakura"] .pipeline-lane-new_lead .lead-card-avatar { background: #93b4ff; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #93b4ff; } :root[data-theme="sakura"] .status-scheduled, :root[data-theme="sakura"] option.call-result-scheduled, :root[data-theme="sakura"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #c4a1ff 16%, var(--panel)); color: #c4a1ff; } :root[data-theme="sakura"] .pipeline-lane-scheduled { background: color-mix(in srgb, #c4a1ff 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #c4a1ff 16%, var(--panel)); color: #c4a1ff; } :root[data-theme="sakura"] .pipeline-lane-scheduled .lead-card-avatar { background: #c4a1ff; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #c4a1ff; } :root[data-theme="sakura"] .status-callback, :root[data-theme="sakura"] option.call-result-callback, :root[data-theme="sakura"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ff8fd0 16%, var(--panel)); color: #ff8fd0; } :root[data-theme="sakura"] .pipeline-lane-callback { background: color-mix(in srgb, #ff8fd0 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ff8fd0 16%, var(--panel)); color: #ff8fd0; } :root[data-theme="sakura"] .pipeline-lane-callback .lead-card-avatar { background: #ff8fd0; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ff8fd0; } :root[data-theme="sakura"] .status-payment_date_agreed, :root[data-theme="sakura"] option.call-result-payment_date_agreed, :root[data-theme="sakura"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #5eead4 16%, var(--panel)); color: #5eead4; } :root[data-theme="sakura"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #5eead4 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #5eead4 16%, var(--panel)); color: #5eead4; } :root[data-theme="sakura"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #5eead4; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #5eead4; } :root[data-theme="sakura"] .status-couldnt_reach, :root[data-theme="sakura"] option.call-result-couldnt_reach, :root[data-theme="sakura"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #fbbf24 16%, var(--panel)); color: #fbbf24; } :root[data-theme="sakura"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #fbbf24 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #fbbf24 16%, var(--panel)); color: #fbbf24; } :root[data-theme="sakura"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #fbbf24; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #fbbf24; } :root[data-theme="sakura"] .status-reserved, :root[data-theme="sakura"] option.call-result-reserved, :root[data-theme="sakura"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #fde68a 16%, var(--panel)); color: #fde68a; } :root[data-theme="sakura"] .pipeline-lane-reserved { background: color-mix(in srgb, #fde68a 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #fde68a 16%, var(--panel)); color: #fde68a; } :root[data-theme="sakura"] .pipeline-lane-reserved .lead-card-avatar { background: #fde68a; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #fde68a; } :root[data-theme="sakura"] .status-debt, :root[data-theme="sakura"] option.call-result-debt, :root[data-theme="sakura"] .call-result-select.call-result-debt { background: color-mix(in srgb, #fb923c 16%, var(--panel)); color: #fb923c; } :root[data-theme="sakura"] .pipeline-lane-debt { background: color-mix(in srgb, #fb923c 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #fb923c 16%, var(--panel)); color: #fb923c; } :root[data-theme="sakura"] .pipeline-lane-debt .lead-card-avatar { background: #fb923c; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #fb923c; } :root[data-theme="sakura"] .status-full_payment, :root[data-theme="sakura"] option.call-result-full_payment, :root[data-theme="sakura"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #6ee7a7 16%, var(--panel)); color: #6ee7a7; } :root[data-theme="sakura"] .pipeline-lane-full_payment { background: color-mix(in srgb, #6ee7a7 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #6ee7a7 16%, var(--panel)); color: #6ee7a7; } :root[data-theme="sakura"] .pipeline-lane-full_payment .lead-card-avatar { background: #6ee7a7; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #6ee7a7; } :root[data-theme="sakura"] .status-cancelled, :root[data-theme="sakura"] option.call-result-cancelled, :root[data-theme="sakura"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #ff6b81 16%, var(--panel)); color: #ff6b81; } :root[data-theme="sakura"] .pipeline-lane-cancelled { background: color-mix(in srgb, #ff6b81 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #ff6b81 16%, var(--panel)); color: #ff6b81; } :root[data-theme="sakura"] .pipeline-lane-cancelled .lead-card-avatar { background: #ff6b81; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #ff6b81; } :root[data-theme="sakura"] .status-frozen, :root[data-theme="sakura"] option.call-result-frozen, :root[data-theme="sakura"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #7dd3fc 16%, var(--panel)); color: #7dd3fc; } :root[data-theme="sakura"] .pipeline-lane-frozen { background: color-mix(in srgb, #7dd3fc 6%, var(--panel)); } :root[data-theme="sakura"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #7dd3fc 16%, var(--panel)); color: #7dd3fc; } :root[data-theme="sakura"] .pipeline-lane-frozen .lead-card-avatar { background: #7dd3fc; color: var(--bg); } :root[data-theme="sakura"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #7dd3fc; } :root[data-theme="dracula"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #21222c; --panel: #282a36; --panel-muted: #303241; --line: #44475a; --text: #f8f8f2; --text-soft: #a4abcb; --primary: #bd93f9; --primary-dark: #d4b8ff; --primary-fill: #7c4dde; --primary-soft: #3a3456; --primary-glow: #ff79c6; --success: #50fa7b; --success-soft: #223a2c; --warning: #ffb86c; --warning-soft: #3d3226; --danger: #ff5555; --danger-soft: #422630; --on-primary: #21222c; --on-primary-fill: #ffffff; --on-success: #21222c; --on-warning: #21222c; --c-f9fbff: #2a2c39; --c-f8faff: #2a2c39; --c-f6f8ff: #2b2d3a; --c-f7f9fd: #2b2d3a; --c-fff5f5: #462121; --c-f3f7ff: #2c2e3b; --c-f5f7fc: #2c2e3c; --c-f3f6fc: #2d2f3d; --c-f0f9ff: #234249; --c-f0f3ff: #2d2f3d; --c-f3f5fb: #2d2f3d; --c-eef5ff: #2d303d; --c-eef4ff: #2d303d; --c-f3f5fa: #2d303d; --c-fff9ed: #474a24; --c-f1f3fb: #2e303e; --c-f4f0fb: #34244b; --c-f0f3fa: #2e313f; --c-f9f1f3: #4c2424; --c-f3f4f6: #2f313f; --c-eaf6ff: #25454c; --c-ede9fe: #36254d; --c-fff8e8: #4a4d25; --c-f0f1f6: #303240; --c-ffe8e7: #4e2626; --c-eef1f7: #303241; --c-eef7f4: #264f30; --c-edf1f7: #303341; --c-eef1f6: #303341; --c-edf0f6: #313342; --c-f0f1f3: #313342; --c-eaf0f8: #313342; --c-fee2e2: #522727; --c-fbe4e8: #522828; --c-e0f2fe: #284b53; --c-e7edf7: #323544; --c-e8edf4: #333545; --c-e5eaf7: #333545; --c-e7eaf3: #333646; --c-dbe7ff: #333646; --c-dbeafe: #343646; --c-e9defb: #3c2956; --c-e6eaf3: #343646; --c-dcfce7: #2a5735; --c-e5e9f2: #343747; --c-e4e8f2: #353747; --c-fff3d6: #55582b; --c-fff1d5: #55592b; --c-e2e7f2: #353848; --c-dce4f7: #363849; --c-e0e5f0: #373a4a; --c-e5e7eb: #373a4a; --c-d9f5e9: #2d5d39; --c-dce3f1: #383b4b; --c-d9e0ee: #393d4e; --c-fef3c7: #5e622f; --c-ffedbd: #636832; --c-f0caca: #693232; --c-bfdcf5: #34636c; --c-bccaf3: #36656f; --c-ccd3e2: #414559; --c-cbd5e1: #424659; --c-efbcbc: #723737; --c-c3cada: #474b60; --c-c4cbd9: #474b60; --c-f4a1a6: #7f3d3d; --c-aab8cc: #c2c3cc; --c-9aa3b5: #bbbdc7; --c-9aa0b2: #babbc5; --c-969cac: #b4b6c1; --c-8590a7: #a8aab7; --c-7c3aed: #bd93f9; --c-858da0: #a5a7b3; --c-7984a4: #a0a3b0; --c-7f879a: #9ea0ae; --c-be5a64: #ff5555; --c-7a8498: #9a9dab; --c-73809e: #9a9caa; --c-5748c5: #bd93f9; --c-cc3d48: #ff5555; --c-7050b3: #bd93f9; --c-6f7892: #9194a3; --c-ba4242: #ff5555; --c-6b7591: #8e91a1; --c-c2393d: #ff5555; --c-bd3434: #ff5555; --c-1a8ad4: #8be9fd; --c-6b7280: #858899; --c-5b6b8c: #838697; --c-69707e: #838697; --c-707070: #a8abb7; --c-bb4c24: #ffb86c; --c-5b21b6: #bd93f9; --c-1e40af: #8be9fd; --c-536174: #b0b2bd; --c-4a5779: #b1b3be; --c-475979: #b2b4bf; --c-465678: #b3b4bf; --c-a86214: #ffb86c; --c-991b1b: #ff5555; --c-987018: #f1fa8c; --c-4b5563: #b7b9c3; --c-394a6e: #b9bbc5; --c-92400e: #ffb86c; --c-3b4663: #bcbec7; --c-16805c: #50fa7b; --c-128168: #50fa7b; --c-33405c: #c1c2cb; --c-075985: #8be9fd; --c-8a5a00: #f1fa8c; --c-303a55: #c4c5cd; --c-166534: #50fa7b; } :root[data-theme="dracula"] .status-new_lead, :root[data-theme="dracula"] option.call-result-new_lead, :root[data-theme="dracula"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #6c8cff 16%, var(--panel)); color: #6c8cff; } :root[data-theme="dracula"] .pipeline-lane-new_lead { background: color-mix(in srgb, #6c8cff 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #6c8cff 16%, var(--panel)); color: #6c8cff; } :root[data-theme="dracula"] .pipeline-lane-new_lead .lead-card-avatar { background: #6c8cff; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #6c8cff; } :root[data-theme="dracula"] .status-scheduled, :root[data-theme="dracula"] option.call-result-scheduled, :root[data-theme="dracula"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #bd93f9 16%, var(--panel)); color: #bd93f9; } :root[data-theme="dracula"] .pipeline-lane-scheduled { background: color-mix(in srgb, #bd93f9 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #bd93f9 16%, var(--panel)); color: #bd93f9; } :root[data-theme="dracula"] .pipeline-lane-scheduled .lead-card-avatar { background: #bd93f9; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #bd93f9; } :root[data-theme="dracula"] .status-callback, :root[data-theme="dracula"] option.call-result-callback, :root[data-theme="dracula"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ff79c6 16%, var(--panel)); color: #ff79c6; } :root[data-theme="dracula"] .pipeline-lane-callback { background: color-mix(in srgb, #ff79c6 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ff79c6 16%, var(--panel)); color: #ff79c6; } :root[data-theme="dracula"] .pipeline-lane-callback .lead-card-avatar { background: #ff79c6; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ff79c6; } :root[data-theme="dracula"] .status-payment_date_agreed, :root[data-theme="dracula"] option.call-result-payment_date_agreed, :root[data-theme="dracula"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #50e3c2 16%, var(--panel)); color: #50e3c2; } :root[data-theme="dracula"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #50e3c2 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #50e3c2 16%, var(--panel)); color: #50e3c2; } :root[data-theme="dracula"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #50e3c2; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #50e3c2; } :root[data-theme="dracula"] .status-couldnt_reach, :root[data-theme="dracula"] option.call-result-couldnt_reach, :root[data-theme="dracula"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #ffb86c 16%, var(--panel)); color: #ffb86c; } :root[data-theme="dracula"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #ffb86c 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #ffb86c 16%, var(--panel)); color: #ffb86c; } :root[data-theme="dracula"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #ffb86c; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #ffb86c; } :root[data-theme="dracula"] .status-reserved, :root[data-theme="dracula"] option.call-result-reserved, :root[data-theme="dracula"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #f1fa8c 16%, var(--panel)); color: #f1fa8c; } :root[data-theme="dracula"] .pipeline-lane-reserved { background: color-mix(in srgb, #f1fa8c 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #f1fa8c 16%, var(--panel)); color: #f1fa8c; } :root[data-theme="dracula"] .pipeline-lane-reserved .lead-card-avatar { background: #f1fa8c; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #f1fa8c; } :root[data-theme="dracula"] .status-debt, :root[data-theme="dracula"] option.call-result-debt, :root[data-theme="dracula"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ff9e64 16%, var(--panel)); color: #ff9e64; } :root[data-theme="dracula"] .pipeline-lane-debt { background: color-mix(in srgb, #ff9e64 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ff9e64 16%, var(--panel)); color: #ff9e64; } :root[data-theme="dracula"] .pipeline-lane-debt .lead-card-avatar { background: #ff9e64; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ff9e64; } :root[data-theme="dracula"] .status-full_payment, :root[data-theme="dracula"] option.call-result-full_payment, :root[data-theme="dracula"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #50fa7b 16%, var(--panel)); color: #50fa7b; } :root[data-theme="dracula"] .pipeline-lane-full_payment { background: color-mix(in srgb, #50fa7b 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #50fa7b 16%, var(--panel)); color: #50fa7b; } :root[data-theme="dracula"] .pipeline-lane-full_payment .lead-card-avatar { background: #50fa7b; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #50fa7b; } :root[data-theme="dracula"] .status-cancelled, :root[data-theme="dracula"] option.call-result-cancelled, :root[data-theme="dracula"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #ff5555 16%, var(--panel)); color: #ff5555; } :root[data-theme="dracula"] .pipeline-lane-cancelled { background: color-mix(in srgb, #ff5555 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #ff5555 16%, var(--panel)); color: #ff5555; } :root[data-theme="dracula"] .pipeline-lane-cancelled .lead-card-avatar { background: #ff5555; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #ff5555; } :root[data-theme="dracula"] .status-frozen, :root[data-theme="dracula"] option.call-result-frozen, :root[data-theme="dracula"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #8be9fd 16%, var(--panel)); color: #8be9fd; } :root[data-theme="dracula"] .pipeline-lane-frozen { background: color-mix(in srgb, #8be9fd 6%, var(--panel)); } :root[data-theme="dracula"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #8be9fd 16%, var(--panel)); color: #8be9fd; } :root[data-theme="dracula"] .pipeline-lane-frozen .lead-card-avatar { background: #8be9fd; color: var(--bg); } :root[data-theme="dracula"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #8be9fd; } :root[data-theme="monokai"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #1e1f1c; --panel: #272822; --panel-muted: #2f302a; --line: #49483e; --text: #f8f8f2; --text-soft: #a8a48c; --primary: #e6db74; --primary-dark: #f0e68c; --primary-fill: #d9c84a; --primary-soft: #3a3720; --primary-glow: #fd971f; --on-accent: #272822; --success: #a6e22e; --success-soft: #2e3a1c; --warning: #fd971f; --warning-soft: #3e301c; --danger: #f92672; --danger-soft: #40202c; --on-primary: #272822; --on-primary-fill: #272822; --on-success: #272822; --on-warning: #272822; --c-f9fbff: #292a24; --c-f8faff: #2a2b24; --c-f6f8ff: #2b2c25; --c-f7f9fd: #2b2c25; --c-fff5f5: #381b25; --c-f3f7ff: #2c2d26; --c-f5f7fc: #2c2d27; --c-f3f6fc: #2d2e27; --c-f0f9ff: #1c363b; --c-f0f3ff: #2d2e27; --c-f3f5fb: #2d2e28; --c-eef5ff: #2e2f28; --c-eef4ff: #2e2f28; --c-f3f5fa: #2e2f28; --c-fff9ed: #3d3a1d; --c-f1f3fb: #2e2f28; --c-f4f0fb: #291e3d; --c-f0f3fa: #2f3029; --c-f9f1f3: #3e1e29; --c-f3f4f6: #2f3029; --c-eaf6ff: #1e393f; --c-ede9fe: #2b1f40; --c-fff8e8: #403d1f; --c-f0f1f6: #30322a; --c-ffe8e7: #411f2b; --c-eef1f7: #31322b; --c-eef7f4: #36411f; --c-edf1f7: #31322b; --c-eef1f6: #31322b; --c-edf0f6: #32332b; --c-f0f1f3: #32332b; --c-eaf0f8: #32332c; --c-fee2e2: #44212e; --c-fbe4e8: #45212e; --c-e0f2fe: #214045; --c-e7edf7: #34352d; --c-e8edf4: #34362e; --c-e5eaf7: #34362e; --c-e7eaf3: #35372e; --c-dbe7ff: #35372e; --c-dbeafe: #36372f; --c-e9defb: #302348; --c-e6eaf3: #36372f; --c-dcfce7: #3c4923; --c-e5e9f2: #36382f; --c-e4e8f2: #373830; --c-fff3d6: #4b4724; --c-fff1d5: #4b4824; --c-e2e7f2: #383931; --c-dce4f7: #383931; --c-e0e5f0: #393b32; --c-e5e7eb: #393b32; --c-d9f5e9: #414f26; --c-dce3f1: #3a3c33; --c-d9e0ee: #3d3e35; --c-fef3c7: #555029; --c-ffedbd: #5a562b; --c-f0caca: #5b2c3d; --c-bfdcf5: #2e575f; --c-bccaf3: #2f5a62; --c-ccd3e2: #47483e; --c-cbd5e1: #47493e; --c-efbcbc: #643043; --c-c3cada: #4d4f44; --c-c4cbd9: #4d4f44; --c-f4a1a6: #72374c; --c-aab8cc: #c9cac4; --c-9aa3b5: #c3c4be; --c-9aa0b2: #c2c3bc; --c-969cac: #bdbeb7; --c-8590a7: #b2b3ac; --c-7c3aed: #ae81ff; --c-858da0: #afb0a8; --c-7984a4: #abaca4; --c-7f879a: #a9aaa2; --c-be5a64: #f92672; --c-7a8498: #a5a79e; --c-73809e: #a5a69e; --c-5748c5: #ae81ff; --c-cc3d48: #f92672; --c-7050b3: #ae81ff; --c-6f7892: #9d9f95; --c-ba4242: #f92672; --c-6b7591: #9b9c93; --c-c2393d: #f92672; --c-bd3434: #f92672; --c-1a8ad4: #66d9ef; --c-6b7280: #93948a; --c-5b6b8c: #919288; --c-69707e: #919288; --c-707070: #b2b3ac; --c-bb4c24: #fd971f; --c-5b21b6: #ae81ff; --c-1e40af: #66d9ef; --c-536174: #b9bab3; --c-4a5779: #babbb4; --c-475979: #bbbcb5; --c-465678: #bbbcb6; --c-a86214: #fd971f; --c-991b1b: #f92672; --c-987018: #e6db74; --c-4b5563: #bfc0ba; --c-394a6e: #c1c2bc; --c-92400e: #fd971f; --c-3b4663: #c4c5bf; --c-16805c: #a6e22e; --c-128168: #a6e22e; --c-33405c: #c8c9c3; --c-075985: #66d9ef; --c-8a5a00: #e6db74; --c-303a55: #cacbc6; --c-166534: #a6e22e; } :root[data-theme="monokai"] .status-new_lead, :root[data-theme="monokai"] option.call-result-new_lead, :root[data-theme="monokai"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #78a9ff 16%, var(--panel)); color: #78a9ff; } :root[data-theme="monokai"] .pipeline-lane-new_lead { background: color-mix(in srgb, #78a9ff 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #78a9ff 16%, var(--panel)); color: #78a9ff; } :root[data-theme="monokai"] .pipeline-lane-new_lead .lead-card-avatar { background: #78a9ff; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #78a9ff; } :root[data-theme="monokai"] .status-scheduled, :root[data-theme="monokai"] option.call-result-scheduled, :root[data-theme="monokai"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #ae81ff 16%, var(--panel)); color: #ae81ff; } :root[data-theme="monokai"] .pipeline-lane-scheduled { background: color-mix(in srgb, #ae81ff 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #ae81ff 16%, var(--panel)); color: #ae81ff; } :root[data-theme="monokai"] .pipeline-lane-scheduled .lead-card-avatar { background: #ae81ff; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #ae81ff; } :root[data-theme="monokai"] .status-callback, :root[data-theme="monokai"] option.call-result-callback, :root[data-theme="monokai"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ff79c6 16%, var(--panel)); color: #ff79c6; } :root[data-theme="monokai"] .pipeline-lane-callback { background: color-mix(in srgb, #ff79c6 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ff79c6 16%, var(--panel)); color: #ff79c6; } :root[data-theme="monokai"] .pipeline-lane-callback .lead-card-avatar { background: #ff79c6; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ff79c6; } :root[data-theme="monokai"] .status-payment_date_agreed, :root[data-theme="monokai"] option.call-result-payment_date_agreed, :root[data-theme="monokai"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #4ec9b0 16%, var(--panel)); color: #4ec9b0; } :root[data-theme="monokai"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #4ec9b0 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #4ec9b0 16%, var(--panel)); color: #4ec9b0; } :root[data-theme="monokai"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #4ec9b0; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #4ec9b0; } :root[data-theme="monokai"] .status-couldnt_reach, :root[data-theme="monokai"] option.call-result-couldnt_reach, :root[data-theme="monokai"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #fd971f 16%, var(--panel)); color: #fd971f; } :root[data-theme="monokai"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #fd971f 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #fd971f 16%, var(--panel)); color: #fd971f; } :root[data-theme="monokai"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #fd971f; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #fd971f; } :root[data-theme="monokai"] .status-reserved, :root[data-theme="monokai"] option.call-result-reserved, :root[data-theme="monokai"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #e6db74 16%, var(--panel)); color: #e6db74; } :root[data-theme="monokai"] .pipeline-lane-reserved { background: color-mix(in srgb, #e6db74 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #e6db74 16%, var(--panel)); color: #e6db74; } :root[data-theme="monokai"] .pipeline-lane-reserved .lead-card-avatar { background: #e6db74; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #e6db74; } :root[data-theme="monokai"] .status-debt, :root[data-theme="monokai"] option.call-result-debt, :root[data-theme="monokai"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ff6e4a 16%, var(--panel)); color: #ff6e4a; } :root[data-theme="monokai"] .pipeline-lane-debt { background: color-mix(in srgb, #ff6e4a 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ff6e4a 16%, var(--panel)); color: #ff6e4a; } :root[data-theme="monokai"] .pipeline-lane-debt .lead-card-avatar { background: #ff6e4a; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ff6e4a; } :root[data-theme="monokai"] .status-full_payment, :root[data-theme="monokai"] option.call-result-full_payment, :root[data-theme="monokai"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #a6e22e 16%, var(--panel)); color: #a6e22e; } :root[data-theme="monokai"] .pipeline-lane-full_payment { background: color-mix(in srgb, #a6e22e 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #a6e22e 16%, var(--panel)); color: #a6e22e; } :root[data-theme="monokai"] .pipeline-lane-full_payment .lead-card-avatar { background: #a6e22e; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #a6e22e; } :root[data-theme="monokai"] .status-cancelled, :root[data-theme="monokai"] option.call-result-cancelled, :root[data-theme="monokai"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #f92672 16%, var(--panel)); color: #f92672; } :root[data-theme="monokai"] .pipeline-lane-cancelled { background: color-mix(in srgb, #f92672 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #f92672 16%, var(--panel)); color: #f92672; } :root[data-theme="monokai"] .pipeline-lane-cancelled .lead-card-avatar { background: #f92672; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #f92672; } :root[data-theme="monokai"] .status-frozen, :root[data-theme="monokai"] option.call-result-frozen, :root[data-theme="monokai"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #66d9ef 16%, var(--panel)); color: #66d9ef; } :root[data-theme="monokai"] .pipeline-lane-frozen { background: color-mix(in srgb, #66d9ef 6%, var(--panel)); } :root[data-theme="monokai"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #66d9ef 16%, var(--panel)); color: #66d9ef; } :root[data-theme="monokai"] .pipeline-lane-frozen .lead-card-avatar { background: #66d9ef; color: var(--bg); } :root[data-theme="monokai"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #66d9ef; } :root[data-theme="nord"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #242933; --panel: #2e3440; --panel-muted: #3b4252; --line: #434c5e; --text: #eceff4; --text-soft: #a3adbf; --primary: #88c0d0; --primary-dark: #b4dbe6; --primary-fill: #5e81ac; --primary-soft: #3a4655; --primary-glow: #81a1c1; --success: #a3be8c; --success-soft: #2f3a33; --warning: #ebcb8b; --warning-soft: #3d3a33; --danger: #bf616a; --danger-soft: #3d2d33; --on-primary: #242933; --on-primary-fill: #ffffff; --on-success: #242933; --on-warning: #242933; --c-f9fbff: #303642; --c-f8faff: #303743; --c-f6f8ff: #313744; --c-f7f9fd: #313844; --c-fff5f5: #50272b; --c-f3f7ff: #323845; --c-f5f7fc: #323945; --c-f3f6fc: #333946; --c-f0f9ff: #284a53; --c-f0f3ff: #333946; --c-f3f5fb: #333a47; --c-eef5ff: #343a47; --c-eef4ff: #343a47; --c-f3f5fa: #343a47; --c-fff9ed: #554629; --c-f1f3fb: #343a48; --c-f4f0fb: #56294e; --c-f0f3fa: #353b49; --c-f9f1f3: #562a2e; --c-f3f4f6: #353c49; --c-eaf6ff: #2a4d57; --c-ede9fe: #582a50; --c-fff8e8: #58492a; --c-f0f1f6: #363d4a; --c-ffe8e7: #592b2f; --c-eef1f7: #363d4b; --c-eef7f4: #40592b; --c-edf1f7: #363d4b; --c-eef1f6: #363d4b; --c-edf0f6: #373e4c; --c-f0f1f3: #373e4c; --c-eaf0f8: #373e4c; --c-fee2e2: #5c2d31; --c-fbe4e8: #5d2d31; --c-e0f2fe: #2d535e; --c-e7edf7: #383f4e; --c-e8edf4: #39404f; --c-e5eaf7: #39404f; --c-e7eaf3: #3a414f; --c-dbe7ff: #3a414f; --c-dbeafe: #3a4150; --c-e9defb: #612f57; --c-e6eaf3: #3a4150; --c-dcfce7: #46612f; --c-e5e9f2: #3a4251; --c-e4e8f2: #3b4251; --c-fff3d6: #635230; --c-fff1d5: #645330; --c-e2e7f2: #3b4352; --c-dce4f7: #3c4353; --c-e0e5f0: #3d4454; --c-e5e7eb: #3d4454; --c-d9f5e9: #4a6732; --c-dce3f1: #3e4555; --c-d9e0ee: #404858; --c-fef3c7: #6d5a34; --c-ffedbd: #725f37; --c-f0caca: #74383d; --c-bfdcf5: #396977; --c-bccaf3: #3b5b7a; --c-ccd3e2: #475063; --c-cbd5e1: #485163; --c-efbcbc: #7d3c42; --c-c3cada: #4d576a; --c-c4cbd9: #4d576a; --c-f4a1a6: #8a4249; --c-aab8cc: #c2c5cc; --c-9aa3b5: #bbbfc7; --c-9aa0b2: #b9bdc6; --c-969cac: #b4b8c1; --c-8590a7: #a8adb7; --c-7c3aed: #b48ead; --c-858da0: #a4a9b4; --c-7984a4: #a0a5b0; --c-7f879a: #9da3af; --c-be5a64: #bf616a; --c-7a8498: #9aa0ab; --c-73809e: #999fab; --c-5748c5: #b48ead; --c-cc3d48: #bf616a; --c-7050b3: #b48ead; --c-6f7892: #9097a4; --c-ba4242: #bf616a; --c-6b7591: #8e94a1; --c-c2393d: #bf616a; --c-bd3434: #bf616a; --c-1a8ad4: #88c0d0; --c-6b7280: #848b9a; --c-5b6b8c: #828998; --c-69707e: #828998; --c-707070: #a8adb7; --c-bb4c24: #d08770; --c-5b21b6: #b48ead; --c-1e40af: #81a1c1; --c-536174: #afb4bd; --c-4a5779: #b1b5be; --c-475979: #b2b6bf; --c-465678: #b2b7c0; --c-a86214: #d08770; --c-991b1b: #bf616a; --c-987018: #ebcb8b; --c-4b5563: #b7bbc4; --c-394a6e: #b9bdc5; --c-92400e: #d08770; --c-3b4663: #bcc0c8; --c-16805c: #a3be8c; --c-128168: #a3be8c; --c-33405c: #c0c4cb; --c-075985: #88c0d0; --c-8a5a00: #ebcb8b; --c-303a55: #c3c7ce; --c-166534: #a3be8c; } :root[data-theme="nord"] .status-new_lead, :root[data-theme="nord"] option.call-result-new_lead, :root[data-theme="nord"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #81a1c1 16%, var(--panel)); color: #81a1c1; } :root[data-theme="nord"] .pipeline-lane-new_lead { background: color-mix(in srgb, #81a1c1 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #81a1c1 16%, var(--panel)); color: #81a1c1; } :root[data-theme="nord"] .pipeline-lane-new_lead .lead-card-avatar { background: #81a1c1; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #81a1c1; } :root[data-theme="nord"] .status-scheduled, :root[data-theme="nord"] option.call-result-scheduled, :root[data-theme="nord"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #b48ead 16%, var(--panel)); color: #b48ead; } :root[data-theme="nord"] .pipeline-lane-scheduled { background: color-mix(in srgb, #b48ead 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #b48ead 16%, var(--panel)); color: #b48ead; } :root[data-theme="nord"] .pipeline-lane-scheduled .lead-card-avatar { background: #b48ead; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #b48ead; } :root[data-theme="nord"] .status-callback, :root[data-theme="nord"] option.call-result-callback, :root[data-theme="nord"] .call-result-select.call-result-callback { background: color-mix(in srgb, #d6a0c4 16%, var(--panel)); color: #d6a0c4; } :root[data-theme="nord"] .pipeline-lane-callback { background: color-mix(in srgb, #d6a0c4 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #d6a0c4 16%, var(--panel)); color: #d6a0c4; } :root[data-theme="nord"] .pipeline-lane-callback .lead-card-avatar { background: #d6a0c4; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #d6a0c4; } :root[data-theme="nord"] .status-payment_date_agreed, :root[data-theme="nord"] option.call-result-payment_date_agreed, :root[data-theme="nord"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #7fc8a9 16%, var(--panel)); color: #7fc8a9; } :root[data-theme="nord"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #7fc8a9 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #7fc8a9 16%, var(--panel)); color: #7fc8a9; } :root[data-theme="nord"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #7fc8a9; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #7fc8a9; } :root[data-theme="nord"] .status-couldnt_reach, :root[data-theme="nord"] option.call-result-couldnt_reach, :root[data-theme="nord"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #e5b36a 16%, var(--panel)); color: #e5b36a; } :root[data-theme="nord"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #e5b36a 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #e5b36a 16%, var(--panel)); color: #e5b36a; } :root[data-theme="nord"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #e5b36a; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #e5b36a; } :root[data-theme="nord"] .status-reserved, :root[data-theme="nord"] option.call-result-reserved, :root[data-theme="nord"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #ebcb8b 16%, var(--panel)); color: #ebcb8b; } :root[data-theme="nord"] .pipeline-lane-reserved { background: color-mix(in srgb, #ebcb8b 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #ebcb8b 16%, var(--panel)); color: #ebcb8b; } :root[data-theme="nord"] .pipeline-lane-reserved .lead-card-avatar { background: #ebcb8b; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #ebcb8b; } :root[data-theme="nord"] .status-debt, :root[data-theme="nord"] option.call-result-debt, :root[data-theme="nord"] .call-result-select.call-result-debt { background: color-mix(in srgb, #d08770 16%, var(--panel)); color: #d08770; } :root[data-theme="nord"] .pipeline-lane-debt { background: color-mix(in srgb, #d08770 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #d08770 16%, var(--panel)); color: #d08770; } :root[data-theme="nord"] .pipeline-lane-debt .lead-card-avatar { background: #d08770; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #d08770; } :root[data-theme="nord"] .status-full_payment, :root[data-theme="nord"] option.call-result-full_payment, :root[data-theme="nord"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #a3be8c 16%, var(--panel)); color: #a3be8c; } :root[data-theme="nord"] .pipeline-lane-full_payment { background: color-mix(in srgb, #a3be8c 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #a3be8c 16%, var(--panel)); color: #a3be8c; } :root[data-theme="nord"] .pipeline-lane-full_payment .lead-card-avatar { background: #a3be8c; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #a3be8c; } :root[data-theme="nord"] .status-cancelled, :root[data-theme="nord"] option.call-result-cancelled, :root[data-theme="nord"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #d57780 16%, var(--panel)); color: #d57780; } :root[data-theme="nord"] .pipeline-lane-cancelled { background: color-mix(in srgb, #d57780 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #d57780 16%, var(--panel)); color: #d57780; } :root[data-theme="nord"] .pipeline-lane-cancelled .lead-card-avatar { background: #d57780; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #d57780; } :root[data-theme="nord"] .status-frozen, :root[data-theme="nord"] option.call-result-frozen, :root[data-theme="nord"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #88c0d0 16%, var(--panel)); color: #88c0d0; } :root[data-theme="nord"] .pipeline-lane-frozen { background: color-mix(in srgb, #88c0d0 6%, var(--panel)); } :root[data-theme="nord"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #88c0d0 16%, var(--panel)); color: #88c0d0; } :root[data-theme="nord"] .pipeline-lane-frozen .lead-card-avatar { background: #88c0d0; color: var(--bg); } :root[data-theme="nord"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #88c0d0; } :root[data-theme="solarized_dark"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #002b36; --panel: #073642; --panel-muted: #0a3f4c; --line: #1b4f5c; --text: #e3e0d2; --text-soft: #93a1a1; --primary: #268bd2; --primary-dark: #6cb6ec; --primary-fill: #1f74b0; --primary-soft: #0e4258; --primary-glow: #2aa198; --success: #859900; --success-soft: #1c3a22; --warning: #b58900; --warning-soft: #2c3a2a; --danger: #dc322f; --danger-soft: #3a2a2e; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #ffffff; --c-f9fbff: #153138; --c-f8faff: #163239; --c-f6f8ff: #16333a; --c-f7f9fd: #16333a; --c-fff5f5: #371b1b; --c-f3f7ff: #17343b; --c-f5f7fc: #17353c; --c-f3f6fc: #17353d; --c-f0f9ff: #1c3a38; --c-f0f3ff: #17353d; --c-f3f5fb: #17363e; --c-eef5ff: #18363e; --c-eef4ff: #18363e; --c-f3f5fa: #18363e; --c-fff9ed: #3c351d; --c-f1f3fb: #18373f; --c-f4f0fb: #1d1f3d; --c-f0f3fa: #183840; --c-f9f1f3: #3d1e1e; --c-f3f4f6: #183840; --c-eaf6ff: #1e3e3c; --c-ede9fe: #1e203f; --c-fff8e8: #3f371e; --c-f0f1f6: #193a42; --c-ffe8e7: #401f1f; --c-eef1f7: #193a43; --c-eef7f4: #3c401f; --c-edf1f7: #193b43; --c-eef1f6: #193b43; --c-edf0f6: #1a3b44; --c-f0f1f3: #1a3b44; --c-eaf0f8: #1a3c44; --c-fee2e2: #442120; --c-fbe4e8: #442121; --c-e0f2fe: #214542; --c-e7edf7: #1b3e46; --c-e8edf4: #1b3f47; --c-e5eaf7: #1b3f47; --c-e7eaf3: #1c3f48; --c-dbe7ff: #1c3f48; --c-dbeafe: #1c4049; --c-e9defb: #232548; --c-e6eaf3: #1c4049; --c-dcfce7: #434823; --c-e5e9f2: #1c414a; --c-e4e8f2: #1c414b; --c-fff3d6: #4a4124; --c-fff1d5: #4b4124; --c-e2e7f2: #1d424c; --c-dce4f7: #1d434c; --c-e0e5f0: #1e444e; --c-e5e7eb: #1e444e; --c-d9f5e9: #494e26; --c-dce3f1: #1e4650; --c-d9e0ee: #1f4953; --c-fef3c7: #544928; --c-ffedbd: #594e2b; --c-f0caca: #5b2c2c; --c-bfdcf5: #2d5e5b; --c-bccaf3: #2f4c61; --c-ccd3e2: #255460; --c-cbd5e1: #255562; --c-efbcbc: #643130; --c-c3cada: #285d6a; --c-c4cbd9: #285d6a; --c-f4a1a6: #713736; --c-aab8cc: #b8d0d6; --c-9aa3b5: #b0cbd2; --c-9aa0b2: #aecad1; --c-969cac: #a8c6cd; --c-8590a7: #9abcc5; --c-7c3aed: #6c71c4; --c-858da0: #96b9c2; --c-7984a4: #91b6bf; --c-7f879a: #8eb4be; --c-be5a64: #dc322f; --c-7a8498: #8ab1bb; --c-73809e: #89b1bb; --c-5748c5: #6c71c4; --c-cc3d48: #dc322f; --c-7050b3: #6c71c4; --c-6f7892: #7faab5; --c-ba4242: #dc322f; --c-6b7591: #7ca8b3; --c-c2393d: #dc322f; --c-bd3434: #dc322f; --c-1a8ad4: #2aa198; --c-6b7280: #71a1ad; --c-5b6b8c: #6e9fac; --c-69707e: #6e9fac; --c-707070: #9abcc5; --c-bb4c24: #cb4b16; --c-5b21b6: #6c71c4; --c-1e40af: #268bd2; --c-536174: #a3c2ca; --c-4a5779: #a4c3cb; --c-475979: #a5c4cb; --c-465678: #a6c4cc; --c-a86214: #cb4b16; --c-991b1b: #dc322f; --c-987018: #b58900; --c-4b5563: #acc8cf; --c-394a6e: #aecad0; --c-92400e: #cb4b16; --c-3b4663: #b1ccd2; --c-16805c: #859900; --c-128168: #859900; --c-33405c: #b6cfd5; --c-075985: #2aa198; --c-8a5a00: #b58900; --c-303a55: #bad1d7; --c-166534: #859900; } :root[data-theme="solarized_dark"] .status-new_lead, :root[data-theme="solarized_dark"] option.call-result-new_lead, :root[data-theme="solarized_dark"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #4aa3e8 16%, var(--panel)); color: #4aa3e8; } :root[data-theme="solarized_dark"] .pipeline-lane-new_lead { background: color-mix(in srgb, #4aa3e8 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #4aa3e8 16%, var(--panel)); color: #4aa3e8; } :root[data-theme="solarized_dark"] .pipeline-lane-new_lead .lead-card-avatar { background: #4aa3e8; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #4aa3e8; } :root[data-theme="solarized_dark"] .status-scheduled, :root[data-theme="solarized_dark"] option.call-result-scheduled, :root[data-theme="solarized_dark"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #8b8fe0 16%, var(--panel)); color: #8b8fe0; } :root[data-theme="solarized_dark"] .pipeline-lane-scheduled { background: color-mix(in srgb, #8b8fe0 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #8b8fe0 16%, var(--panel)); color: #8b8fe0; } :root[data-theme="solarized_dark"] .pipeline-lane-scheduled .lead-card-avatar { background: #8b8fe0; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #8b8fe0; } :root[data-theme="solarized_dark"] .status-callback, :root[data-theme="solarized_dark"] option.call-result-callback, :root[data-theme="solarized_dark"] .call-result-select.call-result-callback { background: color-mix(in srgb, #e05aa0 16%, var(--panel)); color: #e05aa0; } :root[data-theme="solarized_dark"] .pipeline-lane-callback { background: color-mix(in srgb, #e05aa0 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #e05aa0 16%, var(--panel)); color: #e05aa0; } :root[data-theme="solarized_dark"] .pipeline-lane-callback .lead-card-avatar { background: #e05aa0; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #e05aa0; } :root[data-theme="solarized_dark"] .status-payment_date_agreed, :root[data-theme="solarized_dark"] option.call-result-payment_date_agreed, :root[data-theme="solarized_dark"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #3cc4b8 16%, var(--panel)); color: #3cc4b8; } :root[data-theme="solarized_dark"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #3cc4b8 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #3cc4b8 16%, var(--panel)); color: #3cc4b8; } :root[data-theme="solarized_dark"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #3cc4b8; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #3cc4b8; } :root[data-theme="solarized_dark"] .status-couldnt_reach, :root[data-theme="solarized_dark"] option.call-result-couldnt_reach, :root[data-theme="solarized_dark"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #e0a020 16%, var(--panel)); color: #e0a020; } :root[data-theme="solarized_dark"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #e0a020 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #e0a020 16%, var(--panel)); color: #e0a020; } :root[data-theme="solarized_dark"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #e0a020; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #e0a020; } :root[data-theme="solarized_dark"] .status-reserved, :root[data-theme="solarized_dark"] option.call-result-reserved, :root[data-theme="solarized_dark"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #d8c040 16%, var(--panel)); color: #d8c040; } :root[data-theme="solarized_dark"] .pipeline-lane-reserved { background: color-mix(in srgb, #d8c040 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #d8c040 16%, var(--panel)); color: #d8c040; } :root[data-theme="solarized_dark"] .pipeline-lane-reserved .lead-card-avatar { background: #d8c040; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #d8c040; } :root[data-theme="solarized_dark"] .status-debt, :root[data-theme="solarized_dark"] option.call-result-debt, :root[data-theme="solarized_dark"] .call-result-select.call-result-debt { background: color-mix(in srgb, #e2662a 16%, var(--panel)); color: #e2662a; } :root[data-theme="solarized_dark"] .pipeline-lane-debt { background: color-mix(in srgb, #e2662a 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #e2662a 16%, var(--panel)); color: #e2662a; } :root[data-theme="solarized_dark"] .pipeline-lane-debt .lead-card-avatar { background: #e2662a; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #e2662a; } :root[data-theme="solarized_dark"] .status-full_payment, :root[data-theme="solarized_dark"] option.call-result-full_payment, :root[data-theme="solarized_dark"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #a8bd22 16%, var(--panel)); color: #a8bd22; } :root[data-theme="solarized_dark"] .pipeline-lane-full_payment { background: color-mix(in srgb, #a8bd22 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #a8bd22 16%, var(--panel)); color: #a8bd22; } :root[data-theme="solarized_dark"] .pipeline-lane-full_payment .lead-card-avatar { background: #a8bd22; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #a8bd22; } :root[data-theme="solarized_dark"] .status-cancelled, :root[data-theme="solarized_dark"] option.call-result-cancelled, :root[data-theme="solarized_dark"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #f0504c 16%, var(--panel)); color: #f0504c; } :root[data-theme="solarized_dark"] .pipeline-lane-cancelled { background: color-mix(in srgb, #f0504c 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #f0504c 16%, var(--panel)); color: #f0504c; } :root[data-theme="solarized_dark"] .pipeline-lane-cancelled .lead-card-avatar { background: #f0504c; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #f0504c; } :root[data-theme="solarized_dark"] .status-frozen, :root[data-theme="solarized_dark"] option.call-result-frozen, :root[data-theme="solarized_dark"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #5ec8f0 16%, var(--panel)); color: #5ec8f0; } :root[data-theme="solarized_dark"] .pipeline-lane-frozen { background: color-mix(in srgb, #5ec8f0 6%, var(--panel)); } :root[data-theme="solarized_dark"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #5ec8f0 16%, var(--panel)); color: #5ec8f0; } :root[data-theme="solarized_dark"] .pipeline-lane-frozen .lead-card-avatar { background: #5ec8f0; color: var(--bg); } :root[data-theme="solarized_dark"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #5ec8f0; } :root[data-theme="github_dark"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #0d1117; --panel: #161b22; --panel-muted: #1c2128; --line: #30363d; --text: #e6edf3; --text-soft: #8d96a0; --primary: #3fb950; --primary-dark: #7ee787; --primary-fill: #238636; --primary-soft: #1a2f22; --primary-glow: #58a6ff; --success: #3fb950; --success-soft: #12261e; --warning: #d29922; --warning-soft: #2e2614; --danger: #f85149; --danger-soft: #331c1f; --on-primary: #0d1117; --on-primary-fill: #ffffff; --on-success: #0d1117; --on-warning: #0d1117; --c-f9fbff: #181d24; --c-f8faff: #181e25; --c-f6f8ff: #191e26; --c-f7f9fd: #191f26; --c-fff5f5: #2c1715; --c-f3f7ff: #1a1f27; --c-f5f7fc: #1a2027; --c-f3f6fc: #1b2128; --c-f0f9ff: #172d2f; --c-f0f3ff: #1b2128; --c-f3f5fb: #1b2129; --c-eef5ff: #1c2129; --c-eef4ff: #1c2129; --c-f3f5fa: #1c2129; --c-fff9ed: #312917; --c-f1f3fb: #1c222a; --c-f4f0fb: #221831; --c-f0f3fa: #1c222b; --c-f9f1f3: #321a18; --c-f3f4f6: #1d232b; --c-eaf6ff: #183133; --c-ede9fe: #241934; --c-fff8e8: #342c19; --c-f0f1f6: #1e242c; --c-ffe8e7: #341b19; --c-eef1f7: #1e242d; --c-eef7f4: #1a351d; --c-edf1f7: #1e242d; --c-eef1f6: #1e242d; --c-edf0f6: #1f252e; --c-f0f1f3: #1f252e; --c-eaf0f8: #1f252e; --c-fee2e2: #381d1b; --c-fbe4e8: #391d1b; --c-e0f2fe: #1c3739; --c-e7edf7: #202730; --c-e8edf4: #212731; --c-e5eaf7: #212731; --c-e7eaf3: #212832; --c-dbe7ff: #212832; --c-dbeafe: #212832; --c-e9defb: #2a1d3c; --c-e6eaf3: #212832; --c-dcfce7: #1d3d22; --c-e5e9f2: #222933; --c-e4e8f2: #222a34; --c-fff3d6: #3f351e; --c-fff1d5: #3f361e; --c-e2e7f2: #232a35; --c-dce4f7: #232b35; --c-e0e5f0: #242c36; --c-e5e7eb: #242c36; --c-d9f5e9: #204325; --c-dce3f1: #252d38; --c-d9e0ee: #272f3a; --c-fef3c7: #483d23; --c-ffedbd: #4e4226; --c-f0caca: #4f2926; --c-bfdcf5: #285053; --c-bccaf3: #293e56; --c-ccd3e2: #2e3846; --c-cbd5e1: #2f3947; --c-efbcbc: #582d2a; --c-c3cada: #343e4d; --c-c4cbd9: #343e4d; --c-f4a1a6: #663431; --c-aab8cc: #c0c6ce; --c-9aa3b5: #bac0c8; --c-9aa0b2: #b8bec7; --c-969cac: #b2b9c3; --c-8590a7: #a6aeb9; --c-7c3aed: #bc8cff; --c-858da0: #a2aab6; --c-7984a4: #9ea6b2; --c-7f879a: #9ba4b1; --c-be5a64: #ff7b72; --c-7a8498: #97a1ae; --c-73809e: #97a0ad; --c-5748c5: #bc8cff; --c-cc3d48: #ff7b72; --c-7050b3: #bc8cff; --c-6f7892: #8e98a6; --c-ba4242: #ff7b72; --c-6b7591: #8b95a4; --c-c2393d: #ff7b72; --c-bd3434: #ff7b72; --c-1a8ad4: #76e3ea; --c-6b7280: #828d9c; --c-5b6b8c: #7f8b9b; --c-69707e: #7f8b9b; --c-707070: #a6aeb9; --c-bb4c24: #ffa657; --c-5b21b6: #bc8cff; --c-1e40af: #58a6ff; --c-536174: #aeb5bf; --c-4a5779: #afb6c0; --c-475979: #b0b7c1; --c-465678: #b0b7c1; --c-a86214: #ffa657; --c-991b1b: #ff7b72; --c-987018: #e3b341; --c-4b5563: #b5bcc5; --c-394a6e: #b8bec7; --c-92400e: #ffa657; --c-3b4663: #bac0c9; --c-16805c: #3fb950; --c-128168: #3fb950; --c-33405c: #bfc5cd; --c-075985: #76e3ea; --c-8a5a00: #e3b341; --c-303a55: #c2c7cf; --c-166534: #3fb950; } :root[data-theme="github_dark"] .status-new_lead, :root[data-theme="github_dark"] option.call-result-new_lead, :root[data-theme="github_dark"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #58a6ff 16%, var(--panel)); color: #58a6ff; } :root[data-theme="github_dark"] .pipeline-lane-new_lead { background: color-mix(in srgb, #58a6ff 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #58a6ff 16%, var(--panel)); color: #58a6ff; } :root[data-theme="github_dark"] .pipeline-lane-new_lead .lead-card-avatar { background: #58a6ff; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #58a6ff; } :root[data-theme="github_dark"] .status-scheduled, :root[data-theme="github_dark"] option.call-result-scheduled, :root[data-theme="github_dark"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #bc8cff 16%, var(--panel)); color: #bc8cff; } :root[data-theme="github_dark"] .pipeline-lane-scheduled { background: color-mix(in srgb, #bc8cff 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #bc8cff 16%, var(--panel)); color: #bc8cff; } :root[data-theme="github_dark"] .pipeline-lane-scheduled .lead-card-avatar { background: #bc8cff; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #bc8cff; } :root[data-theme="github_dark"] .status-callback, :root[data-theme="github_dark"] option.call-result-callback, :root[data-theme="github_dark"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ff7eb6 16%, var(--panel)); color: #ff7eb6; } :root[data-theme="github_dark"] .pipeline-lane-callback { background: color-mix(in srgb, #ff7eb6 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ff7eb6 16%, var(--panel)); color: #ff7eb6; } :root[data-theme="github_dark"] .pipeline-lane-callback .lead-card-avatar { background: #ff7eb6; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ff7eb6; } :root[data-theme="github_dark"] .status-payment_date_agreed, :root[data-theme="github_dark"] option.call-result-payment_date_agreed, :root[data-theme="github_dark"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #56d4bc 16%, var(--panel)); color: #56d4bc; } :root[data-theme="github_dark"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #56d4bc 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #56d4bc 16%, var(--panel)); color: #56d4bc; } :root[data-theme="github_dark"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #56d4bc; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #56d4bc; } :root[data-theme="github_dark"] .status-couldnt_reach, :root[data-theme="github_dark"] option.call-result-couldnt_reach, :root[data-theme="github_dark"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #e3b341 16%, var(--panel)); color: #e3b341; } :root[data-theme="github_dark"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #e3b341 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #e3b341 16%, var(--panel)); color: #e3b341; } :root[data-theme="github_dark"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #e3b341; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #e3b341; } :root[data-theme="github_dark"] .status-reserved, :root[data-theme="github_dark"] option.call-result-reserved, :root[data-theme="github_dark"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #f2cc60 16%, var(--panel)); color: #f2cc60; } :root[data-theme="github_dark"] .pipeline-lane-reserved { background: color-mix(in srgb, #f2cc60 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #f2cc60 16%, var(--panel)); color: #f2cc60; } :root[data-theme="github_dark"] .pipeline-lane-reserved .lead-card-avatar { background: #f2cc60; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #f2cc60; } :root[data-theme="github_dark"] .status-debt, :root[data-theme="github_dark"] option.call-result-debt, :root[data-theme="github_dark"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ffa657 16%, var(--panel)); color: #ffa657; } :root[data-theme="github_dark"] .pipeline-lane-debt { background: color-mix(in srgb, #ffa657 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ffa657 16%, var(--panel)); color: #ffa657; } :root[data-theme="github_dark"] .pipeline-lane-debt .lead-card-avatar { background: #ffa657; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ffa657; } :root[data-theme="github_dark"] .status-full_payment, :root[data-theme="github_dark"] option.call-result-full_payment, :root[data-theme="github_dark"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #3fb950 16%, var(--panel)); color: #3fb950; } :root[data-theme="github_dark"] .pipeline-lane-full_payment { background: color-mix(in srgb, #3fb950 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #3fb950 16%, var(--panel)); color: #3fb950; } :root[data-theme="github_dark"] .pipeline-lane-full_payment .lead-card-avatar { background: #3fb950; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #3fb950; } :root[data-theme="github_dark"] .status-cancelled, :root[data-theme="github_dark"] option.call-result-cancelled, :root[data-theme="github_dark"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #ff7b72 16%, var(--panel)); color: #ff7b72; } :root[data-theme="github_dark"] .pipeline-lane-cancelled { background: color-mix(in srgb, #ff7b72 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #ff7b72 16%, var(--panel)); color: #ff7b72; } :root[data-theme="github_dark"] .pipeline-lane-cancelled .lead-card-avatar { background: #ff7b72; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #ff7b72; } :root[data-theme="github_dark"] .status-frozen, :root[data-theme="github_dark"] option.call-result-frozen, :root[data-theme="github_dark"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #76e3ea 16%, var(--panel)); color: #76e3ea; } :root[data-theme="github_dark"] .pipeline-lane-frozen { background: color-mix(in srgb, #76e3ea 6%, var(--panel)); } :root[data-theme="github_dark"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #76e3ea 16%, var(--panel)); color: #76e3ea; } :root[data-theme="github_dark"] .pipeline-lane-frozen .lead-card-avatar { background: #76e3ea; color: var(--bg); } :root[data-theme="github_dark"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #76e3ea; } :root[data-theme="vesper"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #101010; --panel: #161616; --panel-muted: #1c1c1c; --line: #2a2a2a; --text: #f2f2f2; --text-soft: #a0a0a0; --primary: #ffc799; --primary-dark: #ffdcbf; --primary-fill: #ffc799; --primary-soft: #33291f; --primary-glow: #99ffe4; --on-accent: #101010; --success: #99ffe4; --success-soft: #1d2e2a; --warning: #ffc799; --warning-soft: #33291f; --danger: #ff8080; --danger-soft: #331d1d; --on-primary: #101010; --on-primary-fill: #101010; --on-success: #101010; --on-warning: #101010; --c-f9fbff: #181818; --c-f8faff: #191919; --c-f6f8ff: #191919; --c-f7f9fd: #1a1a1a; --c-fff5f5: #241111; --c-f3f7ff: #1b1b1b; --c-f5f7fc: #1b1b1b; --c-f3f6fc: #1c1c1c; --c-f0f9ff: #132721; --c-f0f3ff: #1c1c1c; --c-f3f5fb: #1c1c1c; --c-eef5ff: #1c1c1c; --c-eef4ff: #1c1c1c; --c-f3f5fa: #1c1c1c; --c-fff9ed: #292214; --c-f1f3fb: #1d1d1d; --c-f4f0fb: #1b1429; --c-f0f3fa: #1e1e1e; --c-f9f1f3: #2a1414; --c-f3f4f6: #1e1e1e; --c-eaf6ff: #142a25; --c-ede9fe: #1c152c; --c-fff8e8: #2c2415; --c-f0f1f6: #1f1f1f; --c-ffe8e7: #2c1515; --c-eef1f7: #1f1f1f; --c-eef7f4: #172d16; --c-edf1f7: #202020; --c-eef1f6: #202020; --c-edf0f6: #202020; --c-f0f1f3: #202020; --c-eaf0f8: #212121; --c-fee2e2: #301717; --c-fbe4e8: #311717; --c-e0f2fe: #18312a; --c-e7edf7: #222222; --c-e8edf4: #232323; --c-e5eaf7: #232323; --c-e7eaf3: #232323; --c-dbe7ff: #232323; --c-dbeafe: #242424; --c-e9defb: #221934; --c-e6eaf3: #242424; --c-dcfce7: #1b3519; --c-e5e9f2: #252525; --c-e4e8f2: #252525; --c-fff3d6: #372d1a; --c-fff1d5: #372e1b; --c-e2e7f2: #262626; --c-dce4f7: #262626; --c-e0e5f0: #272727; --c-e5e7eb: #272727; --c-d9f5e9: #1f3b1c; --c-dce3f1: #282828; --c-d9e0ee: #2b2b2b; --c-fef3c7: #40351f; --c-ffedbd: #463a22; --c-f0caca: #472222; --c-bfdcf5: #244b40; --c-bccaf3: #25344e; --c-ccd3e2: #343434; --c-cbd5e1: #353535; --c-efbcbc: #502727; --c-c3cada: #3a3a3a; --c-c4cbd9: #3a3a3a; --c-f4a1a6: #5d2d2d; --c-aab8cc: #c7c7c7; --c-9aa3b5: #c1c1c1; --c-9aa0b2: #bfbfbf; --c-969cac: #bababa; --c-8590a7: #b0b0b0; --c-7c3aed: #c4a7ff; --c-858da0: #acacac; --c-7984a4: #a8a8a8; --c-7f879a: #a6a6a6; --c-be5a64: #ff8080; --c-7a8498: #a2a2a2; --c-73809e: #a2a2a2; --c-5748c5: #c4a7ff; --c-cc3d48: #ff8080; --c-7050b3: #c4a7ff; --c-6f7892: #9a9a9a; --c-ba4242: #ff8080; --c-6b7591: #989898; --c-c2393d: #ff8080; --c-bd3434: #ff8080; --c-1a8ad4: #99ffe4; --c-6b7280: #8f8f8f; --c-5b6b8c: #8d8d8d; --c-69707e: #8d8d8d; --c-707070: #b0b0b0; --c-bb4c24: #ffc799; --c-5b21b6: #c4a7ff; --c-1e40af: #8fb8ff; --c-536174: #b6b6b6; --c-4a5779: #b8b8b8; --c-475979: #b8b8b8; --c-465678: #b9b9b9; --c-a86214: #ffc799; --c-991b1b: #ff8080; --c-987018: #ffe0a3; --c-4b5563: #bdbdbd; --c-394a6e: #bfbfbf; --c-92400e: #ffc799; --c-3b4663: #c2c2c2; --c-16805c: #a6e3a1; --c-128168: #a6e3a1; --c-33405c: #c6c6c6; --c-075985: #99ffe4; --c-8a5a00: #ffe0a3; --c-303a55: #c9c9c9; --c-166534: #a6e3a1; } :root[data-theme="vesper"] .status-new_lead, :root[data-theme="vesper"] option.call-result-new_lead, :root[data-theme="vesper"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #8fb8ff 16%, var(--panel)); color: #8fb8ff; } :root[data-theme="vesper"] .pipeline-lane-new_lead { background: color-mix(in srgb, #8fb8ff 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #8fb8ff 16%, var(--panel)); color: #8fb8ff; } :root[data-theme="vesper"] .pipeline-lane-new_lead .lead-card-avatar { background: #8fb8ff; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #8fb8ff; } :root[data-theme="vesper"] .status-scheduled, :root[data-theme="vesper"] option.call-result-scheduled, :root[data-theme="vesper"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #c4a7ff 16%, var(--panel)); color: #c4a7ff; } :root[data-theme="vesper"] .pipeline-lane-scheduled { background: color-mix(in srgb, #c4a7ff 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #c4a7ff 16%, var(--panel)); color: #c4a7ff; } :root[data-theme="vesper"] .pipeline-lane-scheduled .lead-card-avatar { background: #c4a7ff; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #c4a7ff; } :root[data-theme="vesper"] .status-callback, :root[data-theme="vesper"] option.call-result-callback, :root[data-theme="vesper"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ffa3d1 16%, var(--panel)); color: #ffa3d1; } :root[data-theme="vesper"] .pipeline-lane-callback { background: color-mix(in srgb, #ffa3d1 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ffa3d1 16%, var(--panel)); color: #ffa3d1; } :root[data-theme="vesper"] .pipeline-lane-callback .lead-card-avatar { background: #ffa3d1; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ffa3d1; } :root[data-theme="vesper"] .status-payment_date_agreed, :root[data-theme="vesper"] option.call-result-payment_date_agreed, :root[data-theme="vesper"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #99ffe4 16%, var(--panel)); color: #99ffe4; } :root[data-theme="vesper"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #99ffe4 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #99ffe4 16%, var(--panel)); color: #99ffe4; } :root[data-theme="vesper"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #99ffe4; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #99ffe4; } :root[data-theme="vesper"] .status-couldnt_reach, :root[data-theme="vesper"] option.call-result-couldnt_reach, :root[data-theme="vesper"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #ffb366 16%, var(--panel)); color: #ffb366; } :root[data-theme="vesper"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #ffb366 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #ffb366 16%, var(--panel)); color: #ffb366; } :root[data-theme="vesper"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #ffb366; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #ffb366; } :root[data-theme="vesper"] .status-reserved, :root[data-theme="vesper"] option.call-result-reserved, :root[data-theme="vesper"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #ffe0a3 16%, var(--panel)); color: #ffe0a3; } :root[data-theme="vesper"] .pipeline-lane-reserved { background: color-mix(in srgb, #ffe0a3 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #ffe0a3 16%, var(--panel)); color: #ffe0a3; } :root[data-theme="vesper"] .pipeline-lane-reserved .lead-card-avatar { background: #ffe0a3; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #ffe0a3; } :root[data-theme="vesper"] .status-debt, :root[data-theme="vesper"] option.call-result-debt, :root[data-theme="vesper"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ff9e70 16%, var(--panel)); color: #ff9e70; } :root[data-theme="vesper"] .pipeline-lane-debt { background: color-mix(in srgb, #ff9e70 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ff9e70 16%, var(--panel)); color: #ff9e70; } :root[data-theme="vesper"] .pipeline-lane-debt .lead-card-avatar { background: #ff9e70; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ff9e70; } :root[data-theme="vesper"] .status-full_payment, :root[data-theme="vesper"] option.call-result-full_payment, :root[data-theme="vesper"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #a6e3a1 16%, var(--panel)); color: #a6e3a1; } :root[data-theme="vesper"] .pipeline-lane-full_payment { background: color-mix(in srgb, #a6e3a1 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #a6e3a1 16%, var(--panel)); color: #a6e3a1; } :root[data-theme="vesper"] .pipeline-lane-full_payment .lead-card-avatar { background: #a6e3a1; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #a6e3a1; } :root[data-theme="vesper"] .status-cancelled, :root[data-theme="vesper"] option.call-result-cancelled, :root[data-theme="vesper"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #ff8080 16%, var(--panel)); color: #ff8080; } :root[data-theme="vesper"] .pipeline-lane-cancelled { background: color-mix(in srgb, #ff8080 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #ff8080 16%, var(--panel)); color: #ff8080; } :root[data-theme="vesper"] .pipeline-lane-cancelled .lead-card-avatar { background: #ff8080; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #ff8080; } :root[data-theme="vesper"] .status-frozen, :root[data-theme="vesper"] option.call-result-frozen, :root[data-theme="vesper"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #a3e4ff 16%, var(--panel)); color: #a3e4ff; } :root[data-theme="vesper"] .pipeline-lane-frozen { background: color-mix(in srgb, #a3e4ff 6%, var(--panel)); } :root[data-theme="vesper"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #a3e4ff 16%, var(--panel)); color: #a3e4ff; } :root[data-theme="vesper"] .pipeline-lane-frozen .lead-card-avatar { background: #a3e4ff; color: var(--bg); } :root[data-theme="vesper"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #a3e4ff; } :root[data-theme="horizon"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #1c1e26; --panel: #232530; --panel-muted: #2a2c38; --line: #3a3d4d; --text: #d5d8da; --text-soft: #9da0a8; --primary: #e95678; --primary-dark: #f4889f; --primary-fill: #d8405f; --primary-soft: #3d2633; --primary-glow: #fab795; --success: #29d398; --success-soft: #1d3530; --warning: #fab795; --warning-soft: #3d3030; --danger: #f43e5c; --danger-soft: #42232c; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #1c1e26; --on-warning: #1c1e26; --c-f9fbff: #252732; --c-f8faff: #262833; --c-f6f8ff: #262834; --c-f7f9fd: #262934; --c-fff5f5: #3e1e25; --c-f3f7ff: #272935; --c-f5f7fc: #272a35; --c-f3f6fc: #282a36; --c-f0f9ff: #1f4141; --c-f0f3ff: #282a36; --c-f3f5fb: #282b37; --c-eef5ff: #292b37; --c-eef4ff: #292b37; --c-f3f5fa: #292b37; --c-fff9ed: #433820; --c-f1f3fb: #292b37; --c-f4f0fb: #372144; --c-f0f3fa: #2a2c38; --c-f9f1f3: #442129; --c-f3f4f6: #2a2c39; --c-eaf6ff: #214445; --c-ede9fe: #392246; --c-fff8e8: #463a22; --c-f0f1f6: #2b2d3a; --c-ffe8e7: #47222a; --c-eef1f7: #2b2e3b; --c-eef7f4: #22473a; --c-edf1f7: #2c2e3b; --c-eef1f6: #2c2e3b; --c-edf0f6: #2c2e3b; --c-f0f1f3: #2c2e3b; --c-eaf0f8: #2c2f3c; --c-fee2e2: #4a242d; --c-fbe4e8: #4b242d; --c-e0f2fe: #244b4b; --c-e7edf7: #2d303e; --c-e8edf4: #2e313e; --c-e5eaf7: #2e313e; --c-e7eaf3: #2f323f; --c-dbe7ff: #2f323f; --c-dbeafe: #2f3240; --c-e9defb: #40264f; --c-e6eaf3: #2f3240; --c-dcfce7: #264f41; --c-e5e9f2: #303341; --c-e4e8f2: #303341; --c-fff3d6: #514327; --c-fff1d5: #524427; --c-e2e7f2: #313442; --c-dce4f7: #313442; --c-e0e5f0: #323544; --c-e5e7eb: #323544; --c-d9f5e9: #295546; --c-dce3f1: #333645; --c-d9e0ee: #353847; --c-fef3c7: #5b4b2c; --c-ffedbd: #60502e; --c-f0caca: #612f3b; --c-bfdcf5: #316465; --c-bccaf3: #323f68; --c-ccd3e2: #3d4052; --c-cbd5e1: #3d4153; --c-efbcbc: #6a3340; --c-c3cada: #42465a; --c-c4cbd9: #42465a; --c-f4a1a6: #783a48; --c-aab8cc: #c2c4cc; --c-9aa3b5: #bbbdc7; --c-9aa0b2: #babcc5; --c-969cac: #b4b6c1; --c-8590a7: #a8abb7; --c-7c3aed: #b877db; --c-858da0: #a5a7b3; --c-7984a4: #a0a3b0; --c-7f879a: #9ea1ae; --c-be5a64: #e95678; --c-7a8498: #9a9dab; --c-73809e: #9a9caa; --c-5748c5: #b877db; --c-cc3d48: #e95678; --c-7050b3: #b877db; --c-6f7892: #9194a3; --c-ba4242: #e95678; --c-6b7591: #8e91a1; --c-c2393d: #e95678; --c-bd3434: #e95678; --c-1a8ad4: #59e1e3; --c-6b7280: #858899; --c-5b6b8c: #838697; --c-69707e: #838697; --c-707070: #a8abb7; --c-bb4c24: #fab795; --c-5b21b6: #b877db; --c-1e40af: #6c8ef5; --c-536174: #b0b2bd; --c-4a5779: #b1b3be; --c-475979: #b2b4bf; --c-465678: #b3b5bf; --c-a86214: #fab795; --c-991b1b: #e95678; --c-987018: #f7d794; --c-4b5563: #b7b9c3; --c-394a6e: #b9bbc5; --c-92400e: #fab795; --c-3b4663: #bcbec7; --c-16805c: #29d398; --c-128168: #29d398; --c-33405c: #c1c2cb; --c-075985: #59e1e3; --c-8a5a00: #f7d794; --c-303a55: #c4c5cd; --c-166534: #29d398; } :root[data-theme="horizon"] .status-new_lead, :root[data-theme="horizon"] option.call-result-new_lead, :root[data-theme="horizon"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #6c8ef5 16%, var(--panel)); color: #6c8ef5; } :root[data-theme="horizon"] .pipeline-lane-new_lead { background: color-mix(in srgb, #6c8ef5 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #6c8ef5 16%, var(--panel)); color: #6c8ef5; } :root[data-theme="horizon"] .pipeline-lane-new_lead .lead-card-avatar { background: #6c8ef5; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #6c8ef5; } :root[data-theme="horizon"] .status-scheduled, :root[data-theme="horizon"] option.call-result-scheduled, :root[data-theme="horizon"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #b877db 16%, var(--panel)); color: #b877db; } :root[data-theme="horizon"] .pipeline-lane-scheduled { background: color-mix(in srgb, #b877db 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #b877db 16%, var(--panel)); color: #b877db; } :root[data-theme="horizon"] .pipeline-lane-scheduled .lead-card-avatar { background: #b877db; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #b877db; } :root[data-theme="horizon"] .status-callback, :root[data-theme="horizon"] option.call-result-callback, :root[data-theme="horizon"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ee64ac 16%, var(--panel)); color: #ee64ac; } :root[data-theme="horizon"] .pipeline-lane-callback { background: color-mix(in srgb, #ee64ac 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ee64ac 16%, var(--panel)); color: #ee64ac; } :root[data-theme="horizon"] .pipeline-lane-callback .lead-card-avatar { background: #ee64ac; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ee64ac; } :root[data-theme="horizon"] .status-payment_date_agreed, :root[data-theme="horizon"] option.call-result-payment_date_agreed, :root[data-theme="horizon"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #29d3b0 16%, var(--panel)); color: #29d3b0; } :root[data-theme="horizon"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #29d3b0 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #29d3b0 16%, var(--panel)); color: #29d3b0; } :root[data-theme="horizon"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #29d3b0; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #29d3b0; } :root[data-theme="horizon"] .status-couldnt_reach, :root[data-theme="horizon"] option.call-result-couldnt_reach, :root[data-theme="horizon"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #f0c674 16%, var(--panel)); color: #f0c674; } :root[data-theme="horizon"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #f0c674 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #f0c674 16%, var(--panel)); color: #f0c674; } :root[data-theme="horizon"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #f0c674; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #f0c674; } :root[data-theme="horizon"] .status-reserved, :root[data-theme="horizon"] option.call-result-reserved, :root[data-theme="horizon"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #f7e19a 16%, var(--panel)); color: #f7e19a; } :root[data-theme="horizon"] .pipeline-lane-reserved { background: color-mix(in srgb, #f7e19a 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #f7e19a 16%, var(--panel)); color: #f7e19a; } :root[data-theme="horizon"] .pipeline-lane-reserved .lead-card-avatar { background: #f7e19a; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #f7e19a; } :root[data-theme="horizon"] .status-debt, :root[data-theme="horizon"] option.call-result-debt, :root[data-theme="horizon"] .call-result-select.call-result-debt { background: color-mix(in srgb, #fa9c6b 16%, var(--panel)); color: #fa9c6b; } :root[data-theme="horizon"] .pipeline-lane-debt { background: color-mix(in srgb, #fa9c6b 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #fa9c6b 16%, var(--panel)); color: #fa9c6b; } :root[data-theme="horizon"] .pipeline-lane-debt .lead-card-avatar { background: #fa9c6b; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #fa9c6b; } :root[data-theme="horizon"] .status-full_payment, :root[data-theme="horizon"] option.call-result-full_payment, :root[data-theme="horizon"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #a6e17a 16%, var(--panel)); color: #a6e17a; } :root[data-theme="horizon"] .pipeline-lane-full_payment { background: color-mix(in srgb, #a6e17a 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #a6e17a 16%, var(--panel)); color: #a6e17a; } :root[data-theme="horizon"] .pipeline-lane-full_payment .lead-card-avatar { background: #a6e17a; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #a6e17a; } :root[data-theme="horizon"] .status-cancelled, :root[data-theme="horizon"] option.call-result-cancelled, :root[data-theme="horizon"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #e95678 16%, var(--panel)); color: #e95678; } :root[data-theme="horizon"] .pipeline-lane-cancelled { background: color-mix(in srgb, #e95678 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #e95678 16%, var(--panel)); color: #e95678; } :root[data-theme="horizon"] .pipeline-lane-cancelled .lead-card-avatar { background: #e95678; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #e95678; } :root[data-theme="horizon"] .status-frozen, :root[data-theme="horizon"] option.call-result-frozen, :root[data-theme="horizon"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #8fd8ff 16%, var(--panel)); color: #8fd8ff; } :root[data-theme="horizon"] .pipeline-lane-frozen { background: color-mix(in srgb, #8fd8ff 6%, var(--panel)); } :root[data-theme="horizon"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #8fd8ff 16%, var(--panel)); color: #8fd8ff; } :root[data-theme="horizon"] .pipeline-lane-frozen .lead-card-avatar { background: #8fd8ff; color: var(--bg); } :root[data-theme="horizon"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #8fd8ff; } :root[data-theme="viridescent"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #232828; --panel: #2c3333; --panel-muted: #323a3a; --line: #435050; --text: #e9f5db; --text-soft: #a3b8a8; --primary: #95d5b2; --primary-dark: #b7e4c7; --primary-fill: #40916c; --primary-soft: #34463f; --primary-glow: #74c69d; --success: #95d5b2; --success-soft: #2c3d36; --warning: #e9c46a; --warning-soft: #3e3c2e; --danger: #e76f51; --danger-soft: #43302c; --on-primary: #232828; --on-primary-fill: #ffffff; --on-success: #232828; --on-warning: #232828; --c-f9fbff: #2e3636; --c-f8faff: #2e3636; --c-f6f8ff: #2f3737; --c-f7f9fd: #2f3737; --c-fff5f5: #462922; --c-f3f7ff: #303838; --c-f5f7fc: #303939; --c-f3f6fc: #313939; --c-f0f9ff: #234945; --c-f0f3ff: #313939; --c-f3f5fb: #313a3a; --c-eef5ff: #323a3a; --c-eef4ff: #323a3a; --c-f3f5fa: #323a3a; --c-fff9ed: #4b4024; --c-f1f3fb: #323b3b; --c-f4f0fb: #31244c; --c-f0f3fa: #333b3b; --c-f9f1f3: #4c2d25; --c-f3f4f6: #333c3c; --c-eaf6ff: #254d49; --c-ede9fe: #33264e; --c-fff8e8: #4e4226; --c-f0f1f6: #343d3d; --c-ffe8e7: #4f2e26; --c-eef1f7: #343d3d; --c-eef7f4: #264f39; --c-edf1f7: #353e3e; --c-eef1f6: #353e3e; --c-edf0f6: #353e3e; --c-f0f1f3: #353e3e; --c-eaf0f8: #353f3f; --c-fee2e2: #523028; --c-fbe4e8: #533128; --c-e0f2fe: #28544f; --c-e7edf7: #374040; --c-e8edf4: #374141; --c-e5eaf7: #374141; --c-e7eaf3: #384242; --c-dbe7ff: #384242; --c-dbeafe: #384242; --c-e9defb: #382a57; --c-e6eaf3: #384242; --c-dcfce7: #2a573e; --c-e5e9f2: #394343; --c-e4e8f2: #394444; --c-fff3d6: #594c2b; --c-fff1d5: #5a4c2b; --c-e2e7f2: #3a4444; --c-dce4f7: #3b4545; --c-e0e5f0: #3c4646; --c-e5e7eb: #3c4646; --c-d9f5e9: #2d5d43; --c-dce3f1: #3d4747; --c-d9e0ee: #3f4a4a; --c-fef3c7: #635430; --c-ffedbd: #685832; --c-f0caca: #693e33; --c-bfdcf5: #356d67; --c-bccaf3: #364c70; --c-ccd3e2: #475454; --c-cbd5e1: #485555; --c-efbcbc: #734337; --c-c3cada: #4d5b5b; --c-c4cbd9: #4d5b5b; --c-f4a1a6: #804b3e; --c-aab8cc: #c4caca; --c-9aa3b5: #bec4c4; --c-9aa0b2: #bcc3c3; --c-969cac: #b7bebe; --c-8590a7: #acb3b3; --c-7c3aed: #b8a1e8; --c-858da0: #a8b0b0; --c-7984a4: #a4acac; --c-7f879a: #a2aaaa; --c-be5a64: #e76f51; --c-7a8498: #9ea7a7; --c-73809e: #9ea6a6; --c-5748c5: #b8a1e8; --c-cc3d48: #e76f51; --c-7050b3: #b8a1e8; --c-6f7892: #959f9f; --c-ba4242: #e76f51; --c-6b7591: #939c9c; --c-c2393d: #e76f51; --c-bd3434: #e76f51; --c-1a8ad4: #83c5be; --c-6b7280: #8a9494; --c-5b6b8c: #889292; --c-69707e: #889292; --c-707070: #acb3b3; --c-bb4c24: #f4a261; --c-5b21b6: #b8a1e8; --c-1e40af: #8ab4f8; --c-536174: #b3baba; --c-4a5779: #b4bbbb; --c-475979: #b5bcbc; --c-465678: #b6bcbc; --c-a86214: #f4a261; --c-991b1b: #e76f51; --c-987018: #e9c46a; --c-4b5563: #bac0c0; --c-394a6e: #bcc2c2; --c-92400e: #f4a261; --c-3b4663: #bfc5c5; --c-16805c: #95d5b2; --c-128168: #95d5b2; --c-33405c: #c3c9c9; --c-075985: #83c5be; --c-8a5a00: #e9c46a; --c-303a55: #c6cbcb; --c-166534: #95d5b2; } :root[data-theme="viridescent"] .status-new_lead, :root[data-theme="viridescent"] option.call-result-new_lead, :root[data-theme="viridescent"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #8ab4f8 16%, var(--panel)); color: #8ab4f8; } :root[data-theme="viridescent"] .pipeline-lane-new_lead { background: color-mix(in srgb, #8ab4f8 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #8ab4f8 16%, var(--panel)); color: #8ab4f8; } :root[data-theme="viridescent"] .pipeline-lane-new_lead .lead-card-avatar { background: #8ab4f8; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #8ab4f8; } :root[data-theme="viridescent"] .status-scheduled, :root[data-theme="viridescent"] option.call-result-scheduled, :root[data-theme="viridescent"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #b8a1e8 16%, var(--panel)); color: #b8a1e8; } :root[data-theme="viridescent"] .pipeline-lane-scheduled { background: color-mix(in srgb, #b8a1e8 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #b8a1e8 16%, var(--panel)); color: #b8a1e8; } :root[data-theme="viridescent"] .pipeline-lane-scheduled .lead-card-avatar { background: #b8a1e8; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #b8a1e8; } :root[data-theme="viridescent"] .status-callback, :root[data-theme="viridescent"] option.call-result-callback, :root[data-theme="viridescent"] .call-result-select.call-result-callback { background: color-mix(in srgb, #f2a7c3 16%, var(--panel)); color: #f2a7c3; } :root[data-theme="viridescent"] .pipeline-lane-callback { background: color-mix(in srgb, #f2a7c3 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #f2a7c3 16%, var(--panel)); color: #f2a7c3; } :root[data-theme="viridescent"] .pipeline-lane-callback .lead-card-avatar { background: #f2a7c3; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #f2a7c3; } :root[data-theme="viridescent"] .status-payment_date_agreed, :root[data-theme="viridescent"] option.call-result-payment_date_agreed, :root[data-theme="viridescent"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #83c5be 16%, var(--panel)); color: #83c5be; } :root[data-theme="viridescent"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #83c5be 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #83c5be 16%, var(--panel)); color: #83c5be; } :root[data-theme="viridescent"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #83c5be; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #83c5be; } :root[data-theme="viridescent"] .status-couldnt_reach, :root[data-theme="viridescent"] option.call-result-couldnt_reach, :root[data-theme="viridescent"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #f0b94a 16%, var(--panel)); color: #f0b94a; } :root[data-theme="viridescent"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #f0b94a 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #f0b94a 16%, var(--panel)); color: #f0b94a; } :root[data-theme="viridescent"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #f0b94a; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #f0b94a; } :root[data-theme="viridescent"] .status-reserved, :root[data-theme="viridescent"] option.call-result-reserved, :root[data-theme="viridescent"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #eedc82 16%, var(--panel)); color: #eedc82; } :root[data-theme="viridescent"] .pipeline-lane-reserved { background: color-mix(in srgb, #eedc82 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #eedc82 16%, var(--panel)); color: #eedc82; } :root[data-theme="viridescent"] .pipeline-lane-reserved .lead-card-avatar { background: #eedc82; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #eedc82; } :root[data-theme="viridescent"] .status-debt, :root[data-theme="viridescent"] option.call-result-debt, :root[data-theme="viridescent"] .call-result-select.call-result-debt { background: color-mix(in srgb, #f4a261 16%, var(--panel)); color: #f4a261; } :root[data-theme="viridescent"] .pipeline-lane-debt { background: color-mix(in srgb, #f4a261 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #f4a261 16%, var(--panel)); color: #f4a261; } :root[data-theme="viridescent"] .pipeline-lane-debt .lead-card-avatar { background: #f4a261; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #f4a261; } :root[data-theme="viridescent"] .status-full_payment, :root[data-theme="viridescent"] option.call-result-full_payment, :root[data-theme="viridescent"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #95d5b2 16%, var(--panel)); color: #95d5b2; } :root[data-theme="viridescent"] .pipeline-lane-full_payment { background: color-mix(in srgb, #95d5b2 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #95d5b2 16%, var(--panel)); color: #95d5b2; } :root[data-theme="viridescent"] .pipeline-lane-full_payment .lead-card-avatar { background: #95d5b2; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #95d5b2; } :root[data-theme="viridescent"] .status-cancelled, :root[data-theme="viridescent"] option.call-result-cancelled, :root[data-theme="viridescent"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #e76f51 16%, var(--panel)); color: #e76f51; } :root[data-theme="viridescent"] .pipeline-lane-cancelled { background: color-mix(in srgb, #e76f51 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #e76f51 16%, var(--panel)); color: #e76f51; } :root[data-theme="viridescent"] .pipeline-lane-cancelled .lead-card-avatar { background: #e76f51; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #e76f51; } :root[data-theme="viridescent"] .status-frozen, :root[data-theme="viridescent"] option.call-result-frozen, :root[data-theme="viridescent"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #a9def9 16%, var(--panel)); color: #a9def9; } :root[data-theme="viridescent"] .pipeline-lane-frozen { background: color-mix(in srgb, #a9def9 6%, var(--panel)); } :root[data-theme="viridescent"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #a9def9 16%, var(--panel)); color: #a9def9; } :root[data-theme="viridescent"] .pipeline-lane-frozen .lead-card-avatar { background: #a9def9; color: var(--bg); } :root[data-theme="viridescent"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #a9def9; } :root[data-theme="discord"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #1e1f22; --panel: #2b2d31; --panel-muted: #313338; --line: #3f4147; --text: #dbdee1; --text-soft: #949ba4; --primary: #5865f2; --primary-dark: #949cf7; --primary-fill: #5865f2; --primary-soft: #363a5c; --primary-glow: #7983f5; --success: #23a55a; --success-soft: #233a2e; --warning: #f0b232; --warning-soft: #3f3626; --danger: #f23f43; --danger-soft: #432a2d; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #1e1f22; --c-f9fbff: #2d2f34; --c-f8faff: #2d2f34; --c-f6f8ff: #2e3035; --c-f7f9fd: #2e3035; --c-fff5f5: #442122; --c-f3f7ff: #2f3136; --c-f5f7fc: #2f3136; --c-f3f6fc: #303237; --c-f0f9ff: #223d47; --c-f0f3ff: #303237; --c-f3f5fb: #303238; --c-eef5ff: #313338; --c-eef4ff: #313338; --c-f3f5fa: #313338; --c-fff9ed: #493d23; --c-f1f3fb: #313338; --c-f4f0fb: #30234a; --c-f0f3fa: #323439; --c-f9f1f3: #4a2425; --c-f3f4f6: #32343a; --c-eaf6ff: #24404b; --c-ede9fe: #32254c; --c-fff8e8: #4c3f25; --c-f0f1f6: #33353b; --c-ffe8e7: #4d2526; --c-eef1f7: #33353b; --c-eef7f4: #254d32; --c-edf1f7: #34363c; --c-eef1f6: #34363c; --c-edf0f6: #34363c; --c-f0f1f3: #34363c; --c-eaf0f8: #35373c; --c-fee2e2: #502728; --c-fbe4e8: #512728; --c-e0f2fe: #274652; --c-e7edf7: #36383e; --c-e8edf4: #37393f; --c-e5eaf7: #37393f; --c-e7eaf3: #373940; --c-dbe7ff: #373940; --c-dbeafe: #383a40; --c-e9defb: #382955; --c-e6eaf3: #383a40; --c-dcfce7: #295537; --c-e5e9f2: #383b41; --c-e4e8f2: #393b41; --c-fff3d6: #57482a; --c-fff1d5: #58492a; --c-e2e7f2: #393c42; --c-dce4f7: #3a3c42; --c-e0e5f0: #3b3d44; --c-e5e7eb: #3b3d44; --c-d9f5e9: #2c5b3b; --c-dce3f1: #3c3e45; --c-d9e0ee: #3e4047; --c-fef3c7: #61502f; --c-ffedbd: #665531; --c-f0caca: #673233; --c-bfdcf5: #345c6b; --c-bccaf3: #35416e; --c-ccd3e2: #474951; --c-cbd5e1: #474a52; --c-efbcbc: #713637; --c-c3cada: #4d4f58; --c-c4cbd9: #4d4f58; --c-f4a1a6: #7e3d3e; --c-aab8cc: #c5c6c9; --c-9aa3b5: #bec0c4; --c-9aa0b2: #bdbec2; --c-969cac: #b8b9bd; --c-8590a7: #acaeb3; --c-7c3aed: #a57cf5; --c-858da0: #a9aaaf; --c-7984a4: #a4a6ac; --c-7f879a: #a2a4aa; --c-be5a64: #f23f43; --c-7a8498: #9fa1a6; --c-73809e: #9ea0a6; --c-5748c5: #a57cf5; --c-cc3d48: #f23f43; --c-7050b3: #a57cf5; --c-6f7892: #96989e; --c-ba4242: #f23f43; --c-6b7591: #93959c; --c-c2393d: #f23f43; --c-bd3434: #f23f43; --c-1a8ad4: #00b0f4; --c-6b7280: #8a8d94; --c-5b6b8c: #888b92; --c-69707e: #888b92; --c-707070: #acaeb3; --c-bb4c24: #ff8c42; --c-5b21b6: #a57cf5; --c-1e40af: #6d8cff; --c-536174: #b3b5b9; --c-4a5779: #b5b6bb; --c-475979: #b5b7bb; --c-465678: #b6b7bc; --c-a86214: #ff8c42; --c-991b1b: #f23f43; --c-987018: #f0b232; --c-4b5563: #bbbcc0; --c-394a6e: #bdbec2; --c-92400e: #ff8c42; --c-3b4663: #bfc0c4; --c-16805c: #57f287; --c-128168: #57f287; --c-33405c: #c3c5c8; --c-075985: #00b0f4; --c-8a5a00: #f0b232; --c-303a55: #c6c7cb; --c-166534: #57f287; } :root[data-theme="discord"] .status-new_lead, :root[data-theme="discord"] option.call-result-new_lead, :root[data-theme="discord"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #6d8cff 16%, var(--panel)); color: #6d8cff; } :root[data-theme="discord"] .pipeline-lane-new_lead { background: color-mix(in srgb, #6d8cff 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #6d8cff 16%, var(--panel)); color: #6d8cff; } :root[data-theme="discord"] .pipeline-lane-new_lead .lead-card-avatar { background: #6d8cff; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #6d8cff; } :root[data-theme="discord"] .status-scheduled, :root[data-theme="discord"] option.call-result-scheduled, :root[data-theme="discord"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #a57cf5 16%, var(--panel)); color: #a57cf5; } :root[data-theme="discord"] .pipeline-lane-scheduled { background: color-mix(in srgb, #a57cf5 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #a57cf5 16%, var(--panel)); color: #a57cf5; } :root[data-theme="discord"] .pipeline-lane-scheduled .lead-card-avatar { background: #a57cf5; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #a57cf5; } :root[data-theme="discord"] .status-callback, :root[data-theme="discord"] option.call-result-callback, :root[data-theme="discord"] .call-result-select.call-result-callback { background: color-mix(in srgb, #eb459e 16%, var(--panel)); color: #eb459e; } :root[data-theme="discord"] .pipeline-lane-callback { background: color-mix(in srgb, #eb459e 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #eb459e 16%, var(--panel)); color: #eb459e; } :root[data-theme="discord"] .pipeline-lane-callback .lead-card-avatar { background: #eb459e; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #eb459e; } :root[data-theme="discord"] .status-payment_date_agreed, :root[data-theme="discord"] option.call-result-payment_date_agreed, :root[data-theme="discord"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #1abc9c 16%, var(--panel)); color: #1abc9c; } :root[data-theme="discord"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #1abc9c 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #1abc9c 16%, var(--panel)); color: #1abc9c; } :root[data-theme="discord"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #1abc9c; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #1abc9c; } :root[data-theme="discord"] .status-couldnt_reach, :root[data-theme="discord"] option.call-result-couldnt_reach, :root[data-theme="discord"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #f0b232 16%, var(--panel)); color: #f0b232; } :root[data-theme="discord"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #f0b232 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #f0b232 16%, var(--panel)); color: #f0b232; } :root[data-theme="discord"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #f0b232; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #f0b232; } :root[data-theme="discord"] .status-reserved, :root[data-theme="discord"] option.call-result-reserved, :root[data-theme="discord"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #fee75c 16%, var(--panel)); color: #fee75c; } :root[data-theme="discord"] .pipeline-lane-reserved { background: color-mix(in srgb, #fee75c 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #fee75c 16%, var(--panel)); color: #fee75c; } :root[data-theme="discord"] .pipeline-lane-reserved .lead-card-avatar { background: #fee75c; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #fee75c; } :root[data-theme="discord"] .status-debt, :root[data-theme="discord"] option.call-result-debt, :root[data-theme="discord"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ff8c42 16%, var(--panel)); color: #ff8c42; } :root[data-theme="discord"] .pipeline-lane-debt { background: color-mix(in srgb, #ff8c42 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ff8c42 16%, var(--panel)); color: #ff8c42; } :root[data-theme="discord"] .pipeline-lane-debt .lead-card-avatar { background: #ff8c42; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ff8c42; } :root[data-theme="discord"] .status-full_payment, :root[data-theme="discord"] option.call-result-full_payment, :root[data-theme="discord"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #57f287 16%, var(--panel)); color: #57f287; } :root[data-theme="discord"] .pipeline-lane-full_payment { background: color-mix(in srgb, #57f287 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #57f287 16%, var(--panel)); color: #57f287; } :root[data-theme="discord"] .pipeline-lane-full_payment .lead-card-avatar { background: #57f287; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #57f287; } :root[data-theme="discord"] .status-cancelled, :root[data-theme="discord"] option.call-result-cancelled, :root[data-theme="discord"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #f23f43 16%, var(--panel)); color: #f23f43; } :root[data-theme="discord"] .pipeline-lane-cancelled { background: color-mix(in srgb, #f23f43 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #f23f43 16%, var(--panel)); color: #f23f43; } :root[data-theme="discord"] .pipeline-lane-cancelled .lead-card-avatar { background: #f23f43; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #f23f43; } :root[data-theme="discord"] .status-frozen, :root[data-theme="discord"] option.call-result-frozen, :root[data-theme="discord"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #00b0f4 16%, var(--panel)); color: #00b0f4; } :root[data-theme="discord"] .pipeline-lane-frozen { background: color-mix(in srgb, #00b0f4 6%, var(--panel)); } :root[data-theme="discord"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #00b0f4 16%, var(--panel)); color: #00b0f4; } :root[data-theme="discord"] .pipeline-lane-frozen .lead-card-avatar { background: #00b0f4; color: var(--bg); } :root[data-theme="discord"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #00b0f4; } :root[data-theme="snow"] { --bg: #eceff4; --panel: #f8f9fb; --panel-muted: #e5e9f0; --line: #d8dee9; --text: #2e3440; --text-soft: #5c6780; --primary: #5e81ac; --primary-dark: #3d5f8a; --primary-fill: #4c6f9a; --primary-soft: #dde6f1; --primary-glow: #88c0d0; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #2e3440; --c-f9fbff: #fafbfe; --c-f8faff: #f9fbfe; --c-f6f8ff: #f7f9fe; --c-f7f9fd: #f8f9fc; --c-f3f7ff: #f4f7fe; --c-f5f7fc: #f6f8fb; --c-f3f6fc: #f4f6fb; --c-f0f3ff: #f2f6fd; --c-f3f5fb: #f4f6fa; --c-eef5ff: #f0f4fd; --c-eef4ff: #f0f4fd; --c-f3f5fa: #f4f6f9; --c-f1f3fb: #f2f5fa; --c-f0f3fa: #f1f4f9; --c-f0f1f6: #f1f2f5; --c-eef1f7: #eff1f6; --c-edf1f7: #eef1f6; --c-eef1f6: #eff1f5; --c-edf0f6: #eef0f5; --c-eaf0f8: #ebeff7; --c-e7edf7: #e9edf5; --c-e8edf4: #e9ecf3; --c-e5eaf7: #e7ecf5; --c-e7eaf3: #e8ebf2; --c-dbe7ff: #dfe8fb; --c-dbeafe: #dee8fb; --c-e6eaf3: #e7ebf2; --c-e5e9f2: #e6eaf1; --c-e4e8f2: #e5e9f1; --c-e2e7f2: #e4e8f0; --c-dce4f7: #dfe6f4; --c-e0e5f0: #e2e6ee; --c-e5e7eb: #e6e7ea; --c-dce3f1: #dee4ef; --c-d9e0ee: #dbe1ec; --c-ccd3e2: #ced4e0; --c-cbd5e1: #cdd3df; --c-c3cada: #c5cbd8; --c-c4cbd9: #c6ccd7; --c-aab8cc: #adb6c9; --c-9aa3b5: #9da4b2; --c-9aa0b2: #9ca3b0; --c-969cac: #989eaa; --c-8590a7: #8891a4; --c-858da0: #888f9d; --c-7984a4: #7d89a0; --c-7f879a: #828997; --c-7a8498: #7d8595; --c-73809e: #77839a; --c-6f7892: #727c8e; --c-6b7591: #6f798d; --c-6b7280: #6d737e; --c-5b6b8c: #606d87; --c-69707e: #6b717c; --c-536174: #565f71; --c-4a5779: #4f5b74; --c-475979: #4c5974; --c-465678: #4b5873; --c-4b5563: #4d5461; --c-394a6e: #3e4c69; --c-3b4663: #3f4a5f; --c-33405c: #374258; --c-303a55: #343e51; } :root[data-theme="snow"] .status-new_lead, :root[data-theme="snow"] option.call-result-new_lead, :root[data-theme="snow"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #4c6f9a 16%, var(--panel)); color: #4c6f9a; } :root[data-theme="snow"] .pipeline-lane-new_lead { background: color-mix(in srgb, #4c6f9a 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #4c6f9a 16%, var(--panel)); color: #4c6f9a; } :root[data-theme="snow"] .pipeline-lane-new_lead .lead-card-avatar { background: #4c6f9a; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #4c6f9a; } :root[data-theme="snow"] .status-scheduled, :root[data-theme="snow"] option.call-result-scheduled, :root[data-theme="snow"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="snow"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="snow"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="snow"] .status-callback, :root[data-theme="snow"] option.call-result-callback, :root[data-theme="snow"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="snow"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="snow"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="snow"] .status-payment_date_agreed, :root[data-theme="snow"] option.call-result-payment_date_agreed, :root[data-theme="snow"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="snow"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="snow"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="snow"] .status-couldnt_reach, :root[data-theme="snow"] option.call-result-couldnt_reach, :root[data-theme="snow"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="snow"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="snow"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="snow"] .status-reserved, :root[data-theme="snow"] option.call-result-reserved, :root[data-theme="snow"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="snow"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="snow"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="snow"] .status-debt, :root[data-theme="snow"] option.call-result-debt, :root[data-theme="snow"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="snow"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="snow"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="snow"] .status-full_payment, :root[data-theme="snow"] option.call-result-full_payment, :root[data-theme="snow"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="snow"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="snow"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="snow"] .status-cancelled, :root[data-theme="snow"] option.call-result-cancelled, :root[data-theme="snow"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="snow"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="snow"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="snow"] .status-frozen, :root[data-theme="snow"] option.call-result-frozen, :root[data-theme="snow"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #3b7f93 16%, var(--panel)); color: #3b7f93; } :root[data-theme="snow"] .pipeline-lane-frozen { background: color-mix(in srgb, #3b7f93 6%, var(--panel)); } :root[data-theme="snow"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #3b7f93 16%, var(--panel)); color: #3b7f93; } :root[data-theme="snow"] .pipeline-lane-frozen .lead-card-avatar { background: #3b7f93; color: #ffffff; } :root[data-theme="snow"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #3b7f93; } :root[data-theme="gruvbox_light"] { --bg: #fbf1c7; --panel: #fffaeb; --panel-muted: #f2e5bc; --line: #e0d3a8; --text: #3c3836; --text-soft: #7c6f64; --primary: #689d6a; --primary-dark: #427b58; --primary-fill: #427b58; --primary-soft: #e3e8c4; --primary-glow: #d79921; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #3c3836; --c-f9fbff: #fefdfa; --c-f8faff: #fefdf9; --c-f6f8ff: #fefdf7; --c-f7f9fd: #fcfbf8; --c-f3f7ff: #fefcf4; --c-f5f7fc: #fbfaf6; --c-f3f6fc: #fbfaf4; --c-f0f3ff: #fdfbf2; --c-f3f5fb: #faf9f4; --c-eef5ff: #fdfbf0; --c-eef4ff: #fdfbf0; --c-f3f5fa: #f9f8f4; --c-f1f3fb: #faf8f2; --c-f0f3fa: #f9f7f1; --c-f3f4f6: #f6f5f3; --c-f0f1f6: #f5f4f1; --c-eef1f7: #f6f5ef; --c-edf1f7: #f6f4ee; --c-eef1f6: #f5f4ef; --c-edf0f6: #f5f4ee; --c-f0f1f3: #f3f2f0; --c-eaf0f8: #f7f4eb; --c-e7edf7: #f5f3e9; --c-e8edf4: #f3f1e9; --c-e5eaf7: #f5f2e7; --c-e7eaf3: #f2f0e8; --c-dbe7ff: #fbf6df; --c-dbeafe: #fbf5de; --c-e6eaf3: #f2f0e7; --c-e5e9f2: #f1efe6; --c-e4e8f2: #f1eee5; --c-e2e7f2: #f0eee4; --c-dce4f7: #f4f0df; --c-e0e5f0: #eeece2; --c-e5e7eb: #eae9e6; --c-dce3f1: #efecde; --c-d9e0ee: #ece9db; --c-ccd3e2: #e0dcce; --c-cbd5e1: #dfdbcd; --c-c3cada: #d8d4c5; --c-c4cbd9: #d7d4c6; --c-aab8cc: #c9c3ad; --c-9aa3b5: #b2ae9d; --c-9aa0b2: #b0ac9c; --c-969cac: #aaa698; --c-8590a7: #a49e88; --c-858da0: #9d9988; --c-7984a4: #a0997d; --c-7f879a: #979382; --c-7a8498: #95907d; --c-73809e: #9a9377; --c-6f7892: #8e8972; --c-6b7591: #8d876f; --c-6b7280: #7e7b6d; --c-5b6b8c: #877f60; --c-69707e: #7c796b; --c-536174: #716b56; --c-4a5779: #746d4f; --c-475979: #746c4c; --c-465678: #736b4b; --c-4b5563: #615d4d; --c-394a6e: #69603e; --c-3b4663: #5f593f; --c-33405c: #585137; --c-303a55: #514b34; } :root[data-theme="gruvbox_light"] .status-new_lead, :root[data-theme="gruvbox_light"] option.call-result-new_lead, :root[data-theme="gruvbox_light"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="gruvbox_light"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="gruvbox_light"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="gruvbox_light"] .status-scheduled, :root[data-theme="gruvbox_light"] option.call-result-scheduled, :root[data-theme="gruvbox_light"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="gruvbox_light"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="gruvbox_light"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="gruvbox_light"] .status-callback, :root[data-theme="gruvbox_light"] option.call-result-callback, :root[data-theme="gruvbox_light"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="gruvbox_light"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="gruvbox_light"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="gruvbox_light"] .status-payment_date_agreed, :root[data-theme="gruvbox_light"] option.call-result-payment_date_agreed, :root[data-theme="gruvbox_light"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #427b58 16%, var(--panel)); color: #427b58; } :root[data-theme="gruvbox_light"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #427b58 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #427b58 16%, var(--panel)); color: #427b58; } :root[data-theme="gruvbox_light"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #427b58; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #427b58; } :root[data-theme="gruvbox_light"] .status-couldnt_reach, :root[data-theme="gruvbox_light"] option.call-result-couldnt_reach, :root[data-theme="gruvbox_light"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="gruvbox_light"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="gruvbox_light"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="gruvbox_light"] .status-reserved, :root[data-theme="gruvbox_light"] option.call-result-reserved, :root[data-theme="gruvbox_light"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #b57614 16%, var(--panel)); color: #b57614; } :root[data-theme="gruvbox_light"] .pipeline-lane-reserved { background: color-mix(in srgb, #b57614 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #b57614 16%, var(--panel)); color: #b57614; } :root[data-theme="gruvbox_light"] .pipeline-lane-reserved .lead-card-avatar { background: #b57614; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #b57614; } :root[data-theme="gruvbox_light"] .status-debt, :root[data-theme="gruvbox_light"] option.call-result-debt, :root[data-theme="gruvbox_light"] .call-result-select.call-result-debt { background: color-mix(in srgb, #af3a03 16%, var(--panel)); color: #af3a03; } :root[data-theme="gruvbox_light"] .pipeline-lane-debt { background: color-mix(in srgb, #af3a03 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #af3a03 16%, var(--panel)); color: #af3a03; } :root[data-theme="gruvbox_light"] .pipeline-lane-debt .lead-card-avatar { background: #af3a03; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #af3a03; } :root[data-theme="gruvbox_light"] .status-full_payment, :root[data-theme="gruvbox_light"] option.call-result-full_payment, :root[data-theme="gruvbox_light"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #79740e 16%, var(--panel)); color: #79740e; } :root[data-theme="gruvbox_light"] .pipeline-lane-full_payment { background: color-mix(in srgb, #79740e 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #79740e 16%, var(--panel)); color: #79740e; } :root[data-theme="gruvbox_light"] .pipeline-lane-full_payment .lead-card-avatar { background: #79740e; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #79740e; } :root[data-theme="gruvbox_light"] .status-cancelled, :root[data-theme="gruvbox_light"] option.call-result-cancelled, :root[data-theme="gruvbox_light"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #9d0006 16%, var(--panel)); color: #9d0006; } :root[data-theme="gruvbox_light"] .pipeline-lane-cancelled { background: color-mix(in srgb, #9d0006 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #9d0006 16%, var(--panel)); color: #9d0006; } :root[data-theme="gruvbox_light"] .pipeline-lane-cancelled .lead-card-avatar { background: #9d0006; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #9d0006; } :root[data-theme="gruvbox_light"] .status-frozen, :root[data-theme="gruvbox_light"] option.call-result-frozen, :root[data-theme="gruvbox_light"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="gruvbox_light"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="gruvbox_light"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="gruvbox_light"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="gruvbox_light"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="serika"] { --bg: #e1e1e3; --panel: #f2f2f4; --panel-muted: #e8e8ea; --line: #d1d3d8; --text: #323437; --text-soft: #6a6d72; --primary: #e2b714; --primary-dark: #9c7c00; --primary-fill: #e2b714; --primary-soft: #f6ecc4; --primary-glow: #f0cf4a; --on-accent: #323437; --on-primary: #323437; --on-primary-fill: #323437; --on-success: #323437; --on-warning: #323437; --c-f9fbff: #fafafe; --c-f8faff: #f9fafe; --c-f6f8ff: #f7f8fe; --c-f7f9fd: #f8f8fc; --c-f3f7ff: #f4f6fe; --c-f5f7fc: #f6f7fb; --c-f3f6fc: #f4f5fb; --c-f0f3ff: #f2f4fd; --c-f3f5fb: #f4f5fa; --c-eef5ff: #f0f2fd; --c-eef4ff: #f0f2fd; --c-f3f5fa: #f4f5f9; --c-f1f3fb: #f2f3fa; --c-f0f3fa: #f1f2f9; --c-f0f1f6: #f1f1f5; --c-eef1f7: #eff0f6; --c-edf1f7: #eeeff6; --c-eef1f6: #eff0f5; --c-edf0f6: #eeeff5; --c-eaf0f8: #ebedf7; --c-e7edf7: #e9ebf5; --c-e8edf4: #e9ebf3; --c-e5eaf7: #e7e9f5; --c-e7eaf3: #e8eaf2; --c-dbe7ff: #dfe3fb; --c-dbeafe: #dee3fb; --c-e6eaf3: #e7e9f2; --c-e5e9f2: #e6e8f1; --c-e4e8f2: #e5e7f1; --c-e2e7f2: #e4e6f0; --c-dce4f7: #dfe2f4; --c-e0e5f0: #e2e4ee; --c-e5e7eb: #e6e6ea; --c-dce3f1: #dee1ef; --c-d9e0ee: #dbdeec; --c-ccd3e2: #ced1e0; --c-cbd5e1: #cdd0df; --c-c3cada: #c5c8d8; --c-c4cbd9: #c6c9d7; --c-aab8cc: #adb2c9; --c-9aa3b5: #9da0b2; --c-9aa0b2: #9ca0b0; --c-969cac: #989baa; --c-8590a7: #888da4; --c-858da0: #888b9d; --c-7984a4: #7d83a0; --c-7f879a: #828597; --c-7a8498: #7d8195; --c-73809e: #777d9a; --c-6f7892: #72778e; --c-6b7591: #6f748d; --c-6b7280: #6d707e; --c-5b6b8c: #606687; --c-69707e: #6b6e7c; --c-536174: #565b71; --c-4a5779: #4f5574; --c-475979: #4c5374; --c-465678: #4b5273; --c-4b5563: #4d5161; --c-394a6e: #3e4569; --c-3b4663: #3f445f; --c-33405c: #373d58; --c-303a55: #343951; } :root[data-theme="serika"] .status-new_lead, :root[data-theme="serika"] option.call-result-new_lead, :root[data-theme="serika"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="serika"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="serika"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="serika"] .status-scheduled, :root[data-theme="serika"] option.call-result-scheduled, :root[data-theme="serika"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="serika"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="serika"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="serika"] .status-callback, :root[data-theme="serika"] option.call-result-callback, :root[data-theme="serika"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="serika"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="serika"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="serika"] .status-payment_date_agreed, :root[data-theme="serika"] option.call-result-payment_date_agreed, :root[data-theme="serika"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="serika"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="serika"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="serika"] .status-couldnt_reach, :root[data-theme="serika"] option.call-result-couldnt_reach, :root[data-theme="serika"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="serika"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="serika"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="serika"] .status-reserved, :root[data-theme="serika"] option.call-result-reserved, :root[data-theme="serika"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a07c00 16%, var(--panel)); color: #a07c00; } :root[data-theme="serika"] .pipeline-lane-reserved { background: color-mix(in srgb, #a07c00 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a07c00 16%, var(--panel)); color: #a07c00; } :root[data-theme="serika"] .pipeline-lane-reserved .lead-card-avatar { background: #a07c00; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a07c00; } :root[data-theme="serika"] .status-debt, :root[data-theme="serika"] option.call-result-debt, :root[data-theme="serika"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="serika"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="serika"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="serika"] .status-full_payment, :root[data-theme="serika"] option.call-result-full_payment, :root[data-theme="serika"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="serika"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="serika"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="serika"] .status-cancelled, :root[data-theme="serika"] option.call-result-cancelled, :root[data-theme="serika"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="serika"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="serika"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="serika"] .status-frozen, :root[data-theme="serika"] option.call-result-frozen, :root[data-theme="serika"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="serika"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="serika"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="serika"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="serika"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="terrazzo"] { --bg: #f1e5da; --panel: #fbf5ef; --panel-muted: #eadccf; --line: #e3d3c6; --text: #023e3b; --text-soft: #5f7a77; --primary: #e0794e; --primary-dark: #b5532c; --primary-fill: #c4603a; --primary-soft: #f7dccd; --primary-glow: #688e8f; --on-primary: #023e3b; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #023e3b; --c-f9fbff: #fefcfa; --c-f8faff: #fefbf9; --c-f6f8ff: #fefaf7; --c-f7f9fd: #fcfaf8; --c-f3f7ff: #fef8f4; --c-f5f7fc: #fbf8f6; --c-f3f6fc: #fbf7f4; --c-f0f3ff: #fdf6f2; --c-f3f5fb: #faf6f4; --c-eef5ff: #fdf5f0; --c-eef4ff: #fdf5f0; --c-f3f5fa: #f9f6f4; --c-f1f3fb: #faf5f2; --c-f0f3fa: #f9f4f1; --c-f3f4f6: #f6f4f3; --c-f0f1f6: #f5f3f1; --c-eef1f7: #f6f2ef; --c-edf1f7: #f6f1ee; --c-eef1f6: #f5f1ef; --c-edf0f6: #f5f1ee; --c-f0f1f3: #f3f1f0; --c-eaf0f8: #f7f0eb; --c-e7edf7: #f5eee9; --c-e8edf4: #f3ede9; --c-e5eaf7: #f5ede7; --c-e7eaf3: #f2ece8; --c-dbe7ff: #fbebdf; --c-dbeafe: #fbeade; --c-e6eaf3: #f2ece7; --c-e5e9f2: #f1ebe6; --c-e4e8f2: #f1eae5; --c-e2e7f2: #f0e9e4; --c-dce4f7: #f4e8df; --c-e0e5f0: #eee7e2; --c-e5e7eb: #eae8e6; --c-dce3f1: #efe5de; --c-d9e0ee: #ece2db; --c-ccd3e2: #e0d6ce; --c-cbd5e1: #dfd5cd; --c-c3cada: #d8cdc5; --c-c4cbd9: #d7cdc6; --c-aab8cc: #c9b9ad; --c-9aa3b5: #b2a69d; --c-9aa0b2: #b0a49c; --c-969cac: #aaa098; --c-8590a7: #a49488; --c-858da0: #9d9188; --c-7984a4: #a08c7d; --c-7f879a: #978b82; --c-7a8498: #95877d; --c-73809e: #9a8677; --c-6f7892: #8e7e72; --c-6b7591: #8d7b6f; --c-6b7280: #7e746d; --c-5b6b8c: #877060; --c-69707e: #7c726b; --c-536174: #716156; --c-4a5779: #745e4f; --c-475979: #745d4c; --c-465678: #735c4b; --c-4b5563: #61554d; --c-394a6e: #69503e; --c-3b4663: #5f4c3f; --c-33405c: #584537; --c-303a55: #514034; } :root[data-theme="terrazzo"] .status-new_lead, :root[data-theme="terrazzo"] option.call-result-new_lead, :root[data-theme="terrazzo"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="terrazzo"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="terrazzo"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="terrazzo"] .status-scheduled, :root[data-theme="terrazzo"] option.call-result-scheduled, :root[data-theme="terrazzo"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="terrazzo"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="terrazzo"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="terrazzo"] .status-callback, :root[data-theme="terrazzo"] option.call-result-callback, :root[data-theme="terrazzo"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="terrazzo"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="terrazzo"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="terrazzo"] .status-payment_date_agreed, :root[data-theme="terrazzo"] option.call-result-payment_date_agreed, :root[data-theme="terrazzo"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #2f6f6f 16%, var(--panel)); color: #2f6f6f; } :root[data-theme="terrazzo"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #2f6f6f 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #2f6f6f 16%, var(--panel)); color: #2f6f6f; } :root[data-theme="terrazzo"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #2f6f6f; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #2f6f6f; } :root[data-theme="terrazzo"] .status-couldnt_reach, :root[data-theme="terrazzo"] option.call-result-couldnt_reach, :root[data-theme="terrazzo"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="terrazzo"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="terrazzo"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="terrazzo"] .status-reserved, :root[data-theme="terrazzo"] option.call-result-reserved, :root[data-theme="terrazzo"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="terrazzo"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="terrazzo"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="terrazzo"] .status-debt, :root[data-theme="terrazzo"] option.call-result-debt, :root[data-theme="terrazzo"] .call-result-select.call-result-debt { background: color-mix(in srgb, #c4603a 16%, var(--panel)); color: #c4603a; } :root[data-theme="terrazzo"] .pipeline-lane-debt { background: color-mix(in srgb, #c4603a 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #c4603a 16%, var(--panel)); color: #c4603a; } :root[data-theme="terrazzo"] .pipeline-lane-debt .lead-card-avatar { background: #c4603a; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #c4603a; } :root[data-theme="terrazzo"] .status-full_payment, :root[data-theme="terrazzo"] option.call-result-full_payment, :root[data-theme="terrazzo"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="terrazzo"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="terrazzo"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="terrazzo"] .status-cancelled, :root[data-theme="terrazzo"] option.call-result-cancelled, :root[data-theme="terrazzo"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="terrazzo"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="terrazzo"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="terrazzo"] .status-frozen, :root[data-theme="terrazzo"] option.call-result-frozen, :root[data-theme="terrazzo"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #4a7f8f 16%, var(--panel)); color: #4a7f8f; } :root[data-theme="terrazzo"] .pipeline-lane-frozen { background: color-mix(in srgb, #4a7f8f 6%, var(--panel)); } :root[data-theme="terrazzo"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #4a7f8f 16%, var(--panel)); color: #4a7f8f; } :root[data-theme="terrazzo"] .pipeline-lane-frozen .lead-card-avatar { background: #4a7f8f; color: #ffffff; } :root[data-theme="terrazzo"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #4a7f8f; } :root[data-theme="soaring_skies"] { --bg: #fff9f2; --panel: #ffffff; --panel-muted: #f6ede2; --line: #e5ddd4; --text: #1d1e1e; --text-soft: #6b6560; --primary: #55c6f0; --primary-dark: #1e107a; --primary-fill: #1e107a; --primary-soft: #dcf2fb; --primary-glow: #8fd9f5; --on-primary: #1d1e1e; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #1d1e1e; --primary-gradient-end: #8fd9f5; --c-f9fbff: #fefcfa; --c-f8faff: #fefcf9; --c-f6f8ff: #fefbf7; --c-f7f9fd: #fcfaf8; --c-f3f7ff: #fef9f4; --c-f5f7fc: #fbf9f6; --c-f3f6fc: #fbf8f4; --c-f0f3ff: #fdf8f2; --c-f3f5fb: #faf7f4; --c-eef5ff: #fdf7f0; --c-eef4ff: #fdf7f0; --c-f3f5fa: #f9f7f4; --c-f1f3fb: #faf6f2; --c-f0f3fa: #f9f5f1; --c-f3f4f6: #f6f5f3; --c-f0f1f6: #f5f3f1; --c-eef1f7: #f6f3ef; --c-edf1f7: #f6f2ee; --c-eef1f6: #f5f2ef; --c-edf0f6: #f5f2ee; --c-f0f1f3: #f3f2f0; --c-eaf0f8: #f7f1eb; --c-e7edf7: #f5efe9; --c-e8edf4: #f3eee9; --c-e5eaf7: #f5eee7; --c-e7eaf3: #f2ede8; --c-dbe7ff: #fbeedf; --c-dbeafe: #fbedde; --c-e6eaf3: #f2ede7; --c-e5e9f2: #f1ece6; --c-e4e8f2: #f1ebe5; --c-e2e7f2: #f0eae4; --c-dce4f7: #f4eadf; --c-e0e5f0: #eee8e2; --c-e5e7eb: #eae8e6; --c-dce3f1: #efe7de; --c-d9e0ee: #ece4db; --c-ccd3e2: #e0d8ce; --c-cbd5e1: #dfd7cd; --c-c3cada: #d8cfc5; --c-c4cbd9: #d7cfc6; --c-aab8cc: #c9bcad; --c-9aa3b5: #b2a89d; --c-9aa0b2: #b0a79c; --c-969cac: #aaa298; --c-8590a7: #a49788; --c-858da0: #9d9388; --c-7984a4: #a0907d; --c-7f879a: #978d82; --c-7a8498: #958a7d; --c-73809e: #9a8a77; --c-6f7892: #8e8172; --c-6b7591: #8d7f6f; --c-6b7280: #7e766d; --c-5b6b8c: #877560; --c-69707e: #7c746b; --c-536174: #716456; --c-4a5779: #74634f; --c-475979: #74614c; --c-465678: #73604b; --c-4b5563: #61584d; --c-394a6e: #69553e; --c-3b4663: #5f503f; --c-33405c: #584937; --c-303a55: #514334; } :root[data-theme="soaring_skies"] .status-new_lead, :root[data-theme="soaring_skies"] option.call-result-new_lead, :root[data-theme="soaring_skies"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #1d6fa8 16%, var(--panel)); color: #1d6fa8; } :root[data-theme="soaring_skies"] .pipeline-lane-new_lead { background: color-mix(in srgb, #1d6fa8 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #1d6fa8 16%, var(--panel)); color: #1d6fa8; } :root[data-theme="soaring_skies"] .pipeline-lane-new_lead .lead-card-avatar { background: #1d6fa8; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #1d6fa8; } :root[data-theme="soaring_skies"] .status-scheduled, :root[data-theme="soaring_skies"] option.call-result-scheduled, :root[data-theme="soaring_skies"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="soaring_skies"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="soaring_skies"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="soaring_skies"] .status-callback, :root[data-theme="soaring_skies"] option.call-result-callback, :root[data-theme="soaring_skies"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="soaring_skies"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="soaring_skies"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="soaring_skies"] .status-payment_date_agreed, :root[data-theme="soaring_skies"] option.call-result-payment_date_agreed, :root[data-theme="soaring_skies"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="soaring_skies"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="soaring_skies"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="soaring_skies"] .status-couldnt_reach, :root[data-theme="soaring_skies"] option.call-result-couldnt_reach, :root[data-theme="soaring_skies"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="soaring_skies"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="soaring_skies"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="soaring_skies"] .status-reserved, :root[data-theme="soaring_skies"] option.call-result-reserved, :root[data-theme="soaring_skies"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="soaring_skies"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="soaring_skies"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="soaring_skies"] .status-debt, :root[data-theme="soaring_skies"] option.call-result-debt, :root[data-theme="soaring_skies"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="soaring_skies"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="soaring_skies"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="soaring_skies"] .status-full_payment, :root[data-theme="soaring_skies"] option.call-result-full_payment, :root[data-theme="soaring_skies"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="soaring_skies"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="soaring_skies"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="soaring_skies"] .status-cancelled, :root[data-theme="soaring_skies"] option.call-result-cancelled, :root[data-theme="soaring_skies"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="soaring_skies"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="soaring_skies"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="soaring_skies"] .status-frozen, :root[data-theme="soaring_skies"] option.call-result-frozen, :root[data-theme="soaring_skies"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0e87b5 16%, var(--panel)); color: #0e87b5; } :root[data-theme="soaring_skies"] .pipeline-lane-frozen { background: color-mix(in srgb, #0e87b5 6%, var(--panel)); } :root[data-theme="soaring_skies"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0e87b5 16%, var(--panel)); color: #0e87b5; } :root[data-theme="soaring_skies"] .pipeline-lane-frozen .lead-card-avatar { background: #0e87b5; color: #ffffff; } :root[data-theme="soaring_skies"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0e87b5; } :root[data-theme="repose_light"] { --bg: #efead0; --panel: #f8f5e6; --panel-muted: #e6e0c4; --line: #dbd6c4; --text: #333538; --text-soft: #6f6e66; --primary: #5f605e; --primary-dark: #333538; --primary-fill: #4a4b49; --primary-soft: #e3dfcd; --primary-glow: #8f8e84; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #333538; --c-f9fbff: #fefefa; --c-f8faff: #fefdf9; --c-f6f8ff: #fefdf7; --c-f7f9fd: #fcfcf8; --c-f3f7ff: #fefcf4; --c-f5f7fc: #fbfaf6; --c-f3f6fc: #fbfaf4; --c-f0f3ff: #fdfbf2; --c-f3f5fb: #faf9f4; --c-eef5ff: #fdfbf0; --c-eef4ff: #fdfbf0; --c-f3f5fa: #f9f8f4; --c-f1f3fb: #faf9f2; --c-f0f3fa: #f9f8f1; --c-f3f4f6: #f6f5f3; --c-f0f1f6: #f5f5f1; --c-eef1f7: #f6f5ef; --c-edf1f7: #f6f5ee; --c-eef1f6: #f5f4ef; --c-edf0f6: #f5f4ee; --c-f0f1f3: #f3f2f0; --c-eaf0f8: #f7f5eb; --c-e7edf7: #f5f3e9; --c-e8edf4: #f3f1e9; --c-e5eaf7: #f5f3e7; --c-e7eaf3: #f2f0e8; --c-dbe7ff: #fbf7df; --c-dbeafe: #fbf6de; --c-e6eaf3: #f2f0e7; --c-e5e9f2: #f1efe6; --c-e4e8f2: #f1efe5; --c-e2e7f2: #f0eee4; --c-dce4f7: #f4f1df; --c-e0e5f0: #eeece2; --c-e5e7eb: #eaeae6; --c-dce3f1: #efecde; --c-d9e0ee: #ece9db; --c-ccd3e2: #e0ddce; --c-cbd5e1: #dfdccd; --c-c3cada: #d8d5c5; --c-c4cbd9: #d7d4c6; --c-aab8cc: #c9c4ad; --c-9aa3b5: #b2af9d; --c-9aa0b2: #b0ac9c; --c-969cac: #aaa798; --c-8590a7: #a49f88; --c-858da0: #9d9a88; --c-7984a4: #a09a7d; --c-7f879a: #979482; --c-7a8498: #95917d; --c-73809e: #9a9477; --c-6f7892: #8e8a72; --c-6b7591: #8d886f; --c-6b7280: #7e7b6d; --c-5b6b8c: #878160; --c-69707e: #7c796b; --c-536174: #716c56; --c-4a5779: #746e4f; --c-475979: #746d4c; --c-465678: #736c4b; --c-4b5563: #615d4d; --c-394a6e: #69623e; --c-3b4663: #5f5a3f; --c-33405c: #585237; --c-303a55: #514c34; } :root[data-theme="repose_light"] .status-new_lead, :root[data-theme="repose_light"] option.call-result-new_lead, :root[data-theme="repose_light"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="repose_light"] .pipeline-lane-new_lead { background: color-mix(in srgb, #2563eb 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #2563eb 16%, var(--panel)); color: #2563eb; } :root[data-theme="repose_light"] .pipeline-lane-new_lead .lead-card-avatar { background: #2563eb; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #2563eb; } :root[data-theme="repose_light"] .status-scheduled, :root[data-theme="repose_light"] option.call-result-scheduled, :root[data-theme="repose_light"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="repose_light"] .pipeline-lane-scheduled { background: color-mix(in srgb, #7c3aed 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #7c3aed 16%, var(--panel)); color: #7c3aed; } :root[data-theme="repose_light"] .pipeline-lane-scheduled .lead-card-avatar { background: #7c3aed; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #7c3aed; } :root[data-theme="repose_light"] .status-callback, :root[data-theme="repose_light"] option.call-result-callback, :root[data-theme="repose_light"] .call-result-select.call-result-callback { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="repose_light"] .pipeline-lane-callback { background: color-mix(in srgb, #c026d3 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #c026d3 16%, var(--panel)); color: #c026d3; } :root[data-theme="repose_light"] .pipeline-lane-callback .lead-card-avatar { background: #c026d3; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #c026d3; } :root[data-theme="repose_light"] .status-payment_date_agreed, :root[data-theme="repose_light"] option.call-result-payment_date_agreed, :root[data-theme="repose_light"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="repose_light"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #0d9488 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #0d9488 16%, var(--panel)); color: #0d9488; } :root[data-theme="repose_light"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #0d9488; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #0d9488; } :root[data-theme="repose_light"] .status-couldnt_reach, :root[data-theme="repose_light"] option.call-result-couldnt_reach, :root[data-theme="repose_light"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="repose_light"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #d97706 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #d97706 16%, var(--panel)); color: #d97706; } :root[data-theme="repose_light"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #d97706; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #d97706; } :root[data-theme="repose_light"] .status-reserved, :root[data-theme="repose_light"] option.call-result-reserved, :root[data-theme="repose_light"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="repose_light"] .pipeline-lane-reserved { background: color-mix(in srgb, #a16207 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #a16207 16%, var(--panel)); color: #a16207; } :root[data-theme="repose_light"] .pipeline-lane-reserved .lead-card-avatar { background: #a16207; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #a16207; } :root[data-theme="repose_light"] .status-debt, :root[data-theme="repose_light"] option.call-result-debt, :root[data-theme="repose_light"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="repose_light"] .pipeline-lane-debt { background: color-mix(in srgb, #ea580c 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ea580c 16%, var(--panel)); color: #ea580c; } :root[data-theme="repose_light"] .pipeline-lane-debt .lead-card-avatar { background: #ea580c; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ea580c; } :root[data-theme="repose_light"] .status-full_payment, :root[data-theme="repose_light"] option.call-result-full_payment, :root[data-theme="repose_light"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="repose_light"] .pipeline-lane-full_payment { background: color-mix(in srgb, #16a34a 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #16a34a 16%, var(--panel)); color: #16a34a; } :root[data-theme="repose_light"] .pipeline-lane-full_payment .lead-card-avatar { background: #16a34a; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #16a34a; } :root[data-theme="repose_light"] .status-cancelled, :root[data-theme="repose_light"] option.call-result-cancelled, :root[data-theme="repose_light"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="repose_light"] .pipeline-lane-cancelled { background: color-mix(in srgb, #dc2626 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #dc2626 16%, var(--panel)); color: #dc2626; } :root[data-theme="repose_light"] .pipeline-lane-cancelled .lead-card-avatar { background: #dc2626; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #dc2626; } :root[data-theme="repose_light"] .status-frozen, :root[data-theme="repose_light"] option.call-result-frozen, :root[data-theme="repose_light"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="repose_light"] .pipeline-lane-frozen { background: color-mix(in srgb, #0284c7 6%, var(--panel)); } :root[data-theme="repose_light"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #0284c7 16%, var(--panel)); color: #0284c7; } :root[data-theme="repose_light"] .pipeline-lane-frozen .lead-card-avatar { background: #0284c7; color: #ffffff; } :root[data-theme="repose_light"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #0284c7; } :root[data-theme="high_contrast"] { color-scheme: dark; --shadow: 0 12px 30px rgba(0, 0, 0, 0.45); --bg: #000000; --panel: #0a0a0a; --panel-muted: #141414; --line: #ffffff; --text: #ffffff; --text-soft: #e0e0e0; --primary: #ffd400; --primary-dark: #ffe866; --primary-fill: #ffd400; --primary-soft: #2e2700; --primary-glow: #ffffff; --on-accent: #000000; --success: #3dff7a; --success-soft: #002b10; --warning: #ffb000; --warning-soft: #2e2000; --danger: #ff4d4d; --danger-soft: #330000; --on-primary: #000000; --on-primary-fill: #000000; --on-success: #000000; --on-warning: #000000; --c-f9fbff: #0c0c0c; --c-f8faff: #0d0d0d; --c-f6f8ff: #0d0d0d; --c-f7f9fd: #0e0e0e; --c-fff5f5: #140909; --c-f3f7ff: #0f0f0f; --c-f5f7fc: #0f0f0f; --c-f3f6fc: #101010; --c-f0f9ff: #0b1517; --c-f0f3ff: #101010; --c-f3f5fb: #101010; --c-eef5ff: #101010; --c-eef4ff: #101010; --c-f3f5fa: #101010; --c-fff9ed: #18160c; --c-f1f3fb: #111111; --c-f4f0fb: #130c19; --c-f0f3fa: #121212; --c-f9f1f3: #1a0c0c; --c-f3f4f6: #121212; --c-eaf6ff: #0d191a; --c-ede9fe: #150d1b; --c-fff8e8: #1b190d; --c-f0f1f6: #131313; --c-ffe8e7: #1c0e0e; --c-eef1f7: #131313; --c-eef7f4: #0e1d12; --c-edf1f7: #141414; --c-eef1f6: #141414; --c-edf0f6: #141414; --c-f0f1f3: #141414; --c-eaf0f8: #151515; --c-fee2e2: #200f0f; --c-fbe4e8: #201010; --c-e0f2fe: #101f21; --c-e7edf7: #161616; --c-e8edf4: #171717; --c-e5eaf7: #171717; --c-e7eaf3: #171717; --c-dbe7ff: #171717; --c-dbeafe: #181818; --c-e9defb: #1c1124; --c-e6eaf3: #181818; --c-dcfce7: #122518; --c-e5e9f2: #191919; --c-e4e8f2: #191919; --c-fff3d6: #262312; --c-fff1d5: #272413; --c-e2e7f2: #1a1a1a; --c-dce4f7: #1a1a1a; --c-e0e5f0: #1b1b1b; --c-e5e7eb: #1b1b1b; --c-d9f5e9: #152b1b; --c-dce3f1: #1c1c1c; --c-d9e0ee: #1f1f1f; --c-fef3c7: #302c17; --c-ffedbd: #36311a; --c-f0caca: #371a1a; --c-bfdcf5: #1c373a; --c-bccaf3: #1e2e3d; --c-ccd3e2: #282828; --c-cbd5e1: #292929; --c-efbcbc: #401f1f; --c-c3cada: #2e2e2e; --c-c4cbd9: #2e2e2e; --c-f4a1a6: #4d2525; --c-aab8cc: #c7c7c7; --c-9aa3b5: #c1c1c1; --c-9aa0b2: #bfbfbf; --c-969cac: #bababa; --c-8590a7: #b0b0b0; --c-7c3aed: #c77dff; --c-858da0: #acacac; --c-7984a4: #a8a8a8; --c-7f879a: #a6a6a6; --c-be5a64: #ff4d4d; --c-7a8498: #a2a2a2; --c-73809e: #a2a2a2; --c-5748c5: #c77dff; --c-cc3d48: #ff4d4d; --c-7050b3: #c77dff; --c-6f7892: #9a9a9a; --c-ba4242: #ff4d4d; --c-6b7591: #989898; --c-c2393d: #ff4d4d; --c-bd3434: #ff4d4d; --c-1a8ad4: #00e5ff; --c-6b7280: #8f8f8f; --c-5b6b8c: #8d8d8d; --c-69707e: #8d8d8d; --c-707070: #b0b0b0; --c-bb4c24: #ff9500; --c-5b21b6: #c77dff; --c-1e40af: #4da6ff; --c-536174: #b6b6b6; --c-4a5779: #b8b8b8; --c-475979: #b8b8b8; --c-465678: #b9b9b9; --c-a86214: #ff9500; --c-991b1b: #ff4d4d; --c-987018: #ffd400; --c-4b5563: #bdbdbd; --c-394a6e: #bfbfbf; --c-92400e: #ff9500; --c-3b4663: #c2c2c2; --c-16805c: #3dff7a; --c-128168: #3dff7a; --c-33405c: #c6c6c6; --c-075985: #00e5ff; --c-8a5a00: #ffd400; --c-303a55: #c9c9c9; --c-166534: #3dff7a; } :root[data-theme="high_contrast"] .status-new_lead, :root[data-theme="high_contrast"] option.call-result-new_lead, :root[data-theme="high_contrast"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #4da6ff 16%, var(--panel)); color: #4da6ff; } :root[data-theme="high_contrast"] .pipeline-lane-new_lead { background: color-mix(in srgb, #4da6ff 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #4da6ff 16%, var(--panel)); color: #4da6ff; } :root[data-theme="high_contrast"] .pipeline-lane-new_lead .lead-card-avatar { background: #4da6ff; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #4da6ff; } :root[data-theme="high_contrast"] .status-scheduled, :root[data-theme="high_contrast"] option.call-result-scheduled, :root[data-theme="high_contrast"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #c77dff 16%, var(--panel)); color: #c77dff; } :root[data-theme="high_contrast"] .pipeline-lane-scheduled { background: color-mix(in srgb, #c77dff 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #c77dff 16%, var(--panel)); color: #c77dff; } :root[data-theme="high_contrast"] .pipeline-lane-scheduled .lead-card-avatar { background: #c77dff; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #c77dff; } :root[data-theme="high_contrast"] .status-callback, :root[data-theme="high_contrast"] option.call-result-callback, :root[data-theme="high_contrast"] .call-result-select.call-result-callback { background: color-mix(in srgb, #ff5ec4 16%, var(--panel)); color: #ff5ec4; } :root[data-theme="high_contrast"] .pipeline-lane-callback { background: color-mix(in srgb, #ff5ec4 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #ff5ec4 16%, var(--panel)); color: #ff5ec4; } :root[data-theme="high_contrast"] .pipeline-lane-callback .lead-card-avatar { background: #ff5ec4; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #ff5ec4; } :root[data-theme="high_contrast"] .status-payment_date_agreed, :root[data-theme="high_contrast"] option.call-result-payment_date_agreed, :root[data-theme="high_contrast"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #00ffc8 16%, var(--panel)); color: #00ffc8; } :root[data-theme="high_contrast"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #00ffc8 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #00ffc8 16%, var(--panel)); color: #00ffc8; } :root[data-theme="high_contrast"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #00ffc8; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #00ffc8; } :root[data-theme="high_contrast"] .status-couldnt_reach, :root[data-theme="high_contrast"] option.call-result-couldnt_reach, :root[data-theme="high_contrast"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #ffb000 16%, var(--panel)); color: #ffb000; } :root[data-theme="high_contrast"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #ffb000 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #ffb000 16%, var(--panel)); color: #ffb000; } :root[data-theme="high_contrast"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #ffb000; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #ffb000; } :root[data-theme="high_contrast"] .status-reserved, :root[data-theme="high_contrast"] option.call-result-reserved, :root[data-theme="high_contrast"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #ffee00 16%, var(--panel)); color: #ffee00; } :root[data-theme="high_contrast"] .pipeline-lane-reserved { background: color-mix(in srgb, #ffee00 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #ffee00 16%, var(--panel)); color: #ffee00; } :root[data-theme="high_contrast"] .pipeline-lane-reserved .lead-card-avatar { background: #ffee00; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #ffee00; } :root[data-theme="high_contrast"] .status-debt, :root[data-theme="high_contrast"] option.call-result-debt, :root[data-theme="high_contrast"] .call-result-select.call-result-debt { background: color-mix(in srgb, #ff7a1a 16%, var(--panel)); color: #ff7a1a; } :root[data-theme="high_contrast"] .pipeline-lane-debt { background: color-mix(in srgb, #ff7a1a 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #ff7a1a 16%, var(--panel)); color: #ff7a1a; } :root[data-theme="high_contrast"] .pipeline-lane-debt .lead-card-avatar { background: #ff7a1a; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #ff7a1a; } :root[data-theme="high_contrast"] .status-full_payment, :root[data-theme="high_contrast"] option.call-result-full_payment, :root[data-theme="high_contrast"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #3dff7a 16%, var(--panel)); color: #3dff7a; } :root[data-theme="high_contrast"] .pipeline-lane-full_payment { background: color-mix(in srgb, #3dff7a 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #3dff7a 16%, var(--panel)); color: #3dff7a; } :root[data-theme="high_contrast"] .pipeline-lane-full_payment .lead-card-avatar { background: #3dff7a; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #3dff7a; } :root[data-theme="high_contrast"] .status-cancelled, :root[data-theme="high_contrast"] option.call-result-cancelled, :root[data-theme="high_contrast"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #ff4d4d 16%, var(--panel)); color: #ff4d4d; } :root[data-theme="high_contrast"] .pipeline-lane-cancelled { background: color-mix(in srgb, #ff4d4d 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #ff4d4d 16%, var(--panel)); color: #ff4d4d; } :root[data-theme="high_contrast"] .pipeline-lane-cancelled .lead-card-avatar { background: #ff4d4d; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #ff4d4d; } :root[data-theme="high_contrast"] .status-frozen, :root[data-theme="high_contrast"] option.call-result-frozen, :root[data-theme="high_contrast"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #00e5ff 16%, var(--panel)); color: #00e5ff; } :root[data-theme="high_contrast"] .pipeline-lane-frozen { background: color-mix(in srgb, #00e5ff 6%, var(--panel)); } :root[data-theme="high_contrast"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #00e5ff 16%, var(--panel)); color: #00e5ff; } :root[data-theme="high_contrast"] .pipeline-lane-frozen .lead-card-avatar { background: #00e5ff; color: var(--bg); } :root[data-theme="high_contrast"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #00e5ff; } :root[data-theme="colorblind"] { --bg: #f4f7fb; --panel: #ffffff; --panel-muted: #eef3ff; --line: #dfe7f5; --text: #14213d; --text-soft: #58667d; --primary: #0072b2; --primary-dark: #005a8c; --primary-fill: #0072b2; --primary-soft: #dceefa; --primary-glow: #56b4e9; --success: #0072b2; --success-soft: #dceefa; --warning: #e69f00; --warning-soft: #fdf0d5; --danger: #d55e00; --danger-soft: #fbe4d6; --on-primary: #ffffff; --on-primary-fill: #ffffff; --on-success: #ffffff; --on-warning: #14213d; } :root[data-theme="colorblind"] .status-new_lead, :root[data-theme="colorblind"] option.call-result-new_lead, :root[data-theme="colorblind"] .call-result-select.call-result-new_lead { background: color-mix(in srgb, #0072b2 16%, var(--panel)); color: #0072b2; } :root[data-theme="colorblind"] .pipeline-lane-new_lead { background: color-mix(in srgb, #0072b2 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-new_lead .pipeline-lane-header { background: color-mix(in srgb, #0072b2 16%, var(--panel)); color: #0072b2; } :root[data-theme="colorblind"] .pipeline-lane-new_lead .lead-card-avatar { background: #0072b2; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-new_lead { --stage-color: #0072b2; } :root[data-theme="colorblind"] .status-scheduled, :root[data-theme="colorblind"] option.call-result-scheduled, :root[data-theme="colorblind"] .call-result-select.call-result-scheduled { background: color-mix(in srgb, #332288 16%, var(--panel)); color: #332288; } :root[data-theme="colorblind"] .pipeline-lane-scheduled { background: color-mix(in srgb, #332288 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-scheduled .pipeline-lane-header { background: color-mix(in srgb, #332288 16%, var(--panel)); color: #332288; } :root[data-theme="colorblind"] .pipeline-lane-scheduled .lead-card-avatar { background: #332288; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-scheduled { --stage-color: #332288; } :root[data-theme="colorblind"] .status-callback, :root[data-theme="colorblind"] option.call-result-callback, :root[data-theme="colorblind"] .call-result-select.call-result-callback { background: color-mix(in srgb, #aa4499 16%, var(--panel)); color: #aa4499; } :root[data-theme="colorblind"] .pipeline-lane-callback { background: color-mix(in srgb, #aa4499 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-callback .pipeline-lane-header { background: color-mix(in srgb, #aa4499 16%, var(--panel)); color: #aa4499; } :root[data-theme="colorblind"] .pipeline-lane-callback .lead-card-avatar { background: #aa4499; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-callback { --stage-color: #aa4499; } :root[data-theme="colorblind"] .status-payment_date_agreed, :root[data-theme="colorblind"] option.call-result-payment_date_agreed, :root[data-theme="colorblind"] .call-result-select.call-result-payment_date_agreed { background: color-mix(in srgb, #2a8a7c 16%, var(--panel)); color: #2a8a7c; } :root[data-theme="colorblind"] .pipeline-lane-payment_date_agreed { background: color-mix(in srgb, #2a8a7c 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-payment_date_agreed .pipeline-lane-header { background: color-mix(in srgb, #2a8a7c 16%, var(--panel)); color: #2a8a7c; } :root[data-theme="colorblind"] .pipeline-lane-payment_date_agreed .lead-card-avatar { background: #2a8a7c; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-payment_date_agreed { --stage-color: #2a8a7c; } :root[data-theme="colorblind"] .status-couldnt_reach, :root[data-theme="colorblind"] option.call-result-couldnt_reach, :root[data-theme="colorblind"] .call-result-select.call-result-couldnt_reach { background: color-mix(in srgb, #b87900 16%, var(--panel)); color: #b87900; } :root[data-theme="colorblind"] .pipeline-lane-couldnt_reach { background: color-mix(in srgb, #b87900 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-couldnt_reach .pipeline-lane-header { background: color-mix(in srgb, #b87900 16%, var(--panel)); color: #b87900; } :root[data-theme="colorblind"] .pipeline-lane-couldnt_reach .lead-card-avatar { background: #b87900; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-couldnt_reach { --stage-color: #b87900; } :root[data-theme="colorblind"] .status-reserved, :root[data-theme="colorblind"] option.call-result-reserved, :root[data-theme="colorblind"] .call-result-select.call-result-reserved { background: color-mix(in srgb, #8a7d1e 16%, var(--panel)); color: #8a7d1e; } :root[data-theme="colorblind"] .pipeline-lane-reserved { background: color-mix(in srgb, #8a7d1e 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-reserved .pipeline-lane-header { background: color-mix(in srgb, #8a7d1e 16%, var(--panel)); color: #8a7d1e; } :root[data-theme="colorblind"] .pipeline-lane-reserved .lead-card-avatar { background: #8a7d1e; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-reserved { --stage-color: #8a7d1e; } :root[data-theme="colorblind"] .status-debt, :root[data-theme="colorblind"] option.call-result-debt, :root[data-theme="colorblind"] .call-result-select.call-result-debt { background: color-mix(in srgb, #d55e00 16%, var(--panel)); color: #d55e00; } :root[data-theme="colorblind"] .pipeline-lane-debt { background: color-mix(in srgb, #d55e00 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-debt .pipeline-lane-header { background: color-mix(in srgb, #d55e00 16%, var(--panel)); color: #d55e00; } :root[data-theme="colorblind"] .pipeline-lane-debt .lead-card-avatar { background: #d55e00; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-debt { --stage-color: #d55e00; } :root[data-theme="colorblind"] .status-full_payment, :root[data-theme="colorblind"] option.call-result-full_payment, :root[data-theme="colorblind"] .call-result-select.call-result-full_payment { background: color-mix(in srgb, #117733 16%, var(--panel)); color: #117733; } :root[data-theme="colorblind"] .pipeline-lane-full_payment { background: color-mix(in srgb, #117733 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-full_payment .pipeline-lane-header { background: color-mix(in srgb, #117733 16%, var(--panel)); color: #117733; } :root[data-theme="colorblind"] .pipeline-lane-full_payment .lead-card-avatar { background: #117733; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-full_payment { --stage-color: #117733; } :root[data-theme="colorblind"] .status-cancelled, :root[data-theme="colorblind"] option.call-result-cancelled, :root[data-theme="colorblind"] .call-result-select.call-result-cancelled { background: color-mix(in srgb, #882255 16%, var(--panel)); color: #882255; } :root[data-theme="colorblind"] .pipeline-lane-cancelled { background: color-mix(in srgb, #882255 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-cancelled .pipeline-lane-header { background: color-mix(in srgb, #882255 16%, var(--panel)); color: #882255; } :root[data-theme="colorblind"] .pipeline-lane-cancelled .lead-card-avatar { background: #882255; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-cancelled { --stage-color: #882255; } :root[data-theme="colorblind"] .status-frozen, :root[data-theme="colorblind"] option.call-result-frozen, :root[data-theme="colorblind"] .call-result-select.call-result-frozen { background: color-mix(in srgb, #2b8cc4 16%, var(--panel)); color: #2b8cc4; } :root[data-theme="colorblind"] .pipeline-lane-frozen { background: color-mix(in srgb, #2b8cc4 6%, var(--panel)); } :root[data-theme="colorblind"] .pipeline-lane-frozen .pipeline-lane-header { background: color-mix(in srgb, #2b8cc4 16%, var(--panel)); color: #2b8cc4; } :root[data-theme="colorblind"] .pipeline-lane-frozen .lead-card-avatar { background: #2b8cc4; color: #ffffff; } :root[data-theme="colorblind"] .pipeline-page .lead-card-due.stage-frozen { --stage-color: #2b8cc4; }