/* Imaginaire CRM: shared Filament surfaces and the quiet pipeline workspace. */
:root {
    --crm-surface: #fefeff; --crm-canvas: #fdfdff; --crm-ink: #222330;
    --crm-muted: #666b80; --crm-line: #e7e8f0; --crm-soft: #f7f6fc;
    --crm-selected: #eeebfc; --crm-accent: #6552b5;
}
.dark { --crm-surface: #20212b; --crm-canvas: #181922; --crm-ink: #eeeef6; --crm-muted: #b2b3c6; --crm-line: #393a4c; --crm-soft: #282735; --crm-selected: #38314e; --crm-accent: #c3b5f6; }
html:not(.dark) .fi-body { background: var(--crm-canvas); color: var(--crm-ink); }
html:not(.dark) :is(.fi-sidebar, .fi-sidebar-header) { background: var(--crm-surface); }
html .fi-sidebar-header { border-bottom: 0; box-shadow: none; }
html:not(.dark) .fi-sidebar { border-inline-end: 1px solid var(--crm-line); }
html:not(.dark) .fi-topbar > nav { background: var(--crm-surface); box-shadow: none; border-bottom: 1px solid var(--crm-line); }
html:not(.dark) :is(.fi-logo, .fi-header-heading) { color: var(--crm-ink); }
.fi-header-heading { letter-spacing: -.035em; font-weight: 600; }
html:not(.dark) :is(.fi-sidebar-item-icon, .fi-sidebar-group-label) { color: var(--crm-muted); }
.fi-sidebar-group-label { font-size: .6875rem; letter-spacing: .04em; }
.fi-sidebar-item-button { border-radius: .65rem; }
html:not(.dark) .fi-sidebar-item-active > .fi-sidebar-item-button { background: var(--crm-selected); }
html:not(.dark) .fi-sidebar-item-active :is(.fi-sidebar-item-label, .fi-sidebar-item-icon) { color: var(--crm-accent); }
html:not(.dark) .fi-sidebar-item-button:hover { background: var(--crm-soft); }
html:not(.dark) :is(.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat) { background: var(--crm-surface); box-shadow: 0 0 0 1px var(--crm-line); --tw-ring-color: var(--crm-line); }
html:not(.dark) .fi-ta-header-cell { background: var(--crm-soft); }
html:not(.dark) .fi-ta-row:hover { background: var(--crm-soft); }
html:not(.dark) .fi-input-wrp { background: var(--crm-surface); --tw-ring-color: var(--crm-line); }
html:not(.dark) .fi-input-wrp:focus-within { --tw-ring-color: var(--crm-accent); }
.fi-ta-cell { font-variant-numeric: tabular-nums; }
.crm-workspace { min-width: 0; color: var(--crm-ink); }
.crm-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; margin-bottom: 1.5rem; }
.crm-summary > div { padding: 1.4rem 1.5rem; border-radius: 1rem; }
.crm-summary-blue { background: linear-gradient(115deg, #edf2fe, #f3effc); }
.crm-summary-green { background: linear-gradient(115deg, #edf8f2, #fcf7e6); }
.crm-summary-peach { background: linear-gradient(115deg, #fbedf2, #fcf0e9); }
.crm-summary-lavender { background: #f1edfb; }
@media (min-width: 481px) {
    .crm-home .crm-summary-sales { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
    .crm-home .crm-summary-sales { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.crm-summary dt { font-size: .8125rem; color: #535669; }
.crm-summary dd { margin-top: .65rem; font-size: 1.875rem; font-weight: 600; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.crm-summary dd span { font-size: 1.375rem; }
.dark .crm-summary > div { background: var(--crm-soft); }
.dark .crm-summary dt { color: var(--crm-muted); }
.crm-today { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.5rem; padding: 1rem 1.25rem; border: 1px solid var(--crm-line); border-radius: .875rem; background: var(--crm-soft); font-size: .8125rem; margin-bottom: 1.75rem; }
.crm-today strong { color: var(--crm-accent); font-weight: 500; }
.crm-today > span { color: var(--crm-muted); }
.crm-today a { display: inline-flex; align-items: center; gap: .5rem; }
.crm-today a:hover { color: var(--crm-accent); }
.crm-workspace svg { width: 1rem; height: 1rem; flex-shrink: 0; }
.crm-toolbar { margin-bottom: 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.crm-view-switch { display: inline-flex; border: 1px solid var(--crm-line); border-radius: .6rem; overflow: hidden; }
.crm-view-switch > * { display: flex; align-items: center; gap: .5rem; padding: .65rem 1rem; font-size: .8125rem; color: var(--crm-muted); }
.crm-view-switch [aria-current] { background: var(--crm-selected); color: var(--crm-accent); }
.crm-view-switch a:hover { background: var(--crm-soft); }
.crm-filters { display: flex; gap: .75rem; }
.crm-filters select { width: 100%; border: 1px solid var(--crm-line); border-radius: .6rem; background-color: var(--crm-surface); color: var(--crm-muted); font-size: .8125rem; padding-block: .65rem; }
.crm-board { display: flex; gap: 1rem; overflow-x: auto; align-items: stretch; padding: 2px 2px 1rem; min-height: 420px; }
.crm-lane-wrapper { flex: 1 0 230px; min-width: 230px; }
.crm-lane { height: 100%; border: 1px solid var(--crm-line); border-radius: .875rem; background: var(--crm-canvas); }
.crm-lane-header { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 1.125rem 1rem; font-size: .8125rem; }
.crm-lane-header h2 { display: flex; align-items: center; gap: .5rem; font-size: inherit; font-weight: 500; }
.crm-lane-total { margin-top: .375rem; margin-left: 1rem; color: var(--crm-muted); font-size: .8125rem; font-variant-numeric: tabular-nums; }
.crm-lane-header > span { color: var(--crm-muted); align-self: flex-start; }
.crm-stage-dot { width: .625rem; height: .625rem; border-radius: 50%; background: #adc8f5; }
[data-stage="quote-ready"] .crm-stage-dot { background: #f2d897; }
[data-stage="quoted"] .crm-stage-dot { background: #c9b7f0; }
[data-stage="won"] .crm-stage-dot { background: #9ebc9f; }
[data-stage="lost"] .crm-stage-dot { background: #dfb0b4; }
.crm-records { min-height: 320px; padding: 0 .75rem 1rem; }
.crm-records:empty::after { content: 'No deals in this stage'; display: block; text-align: center; padding: 2rem .5rem; font-size: .75rem; color: var(--crm-muted); }
.crm-deal { padding: 1rem; margin-bottom: .75rem; background: var(--crm-surface); border: 1px solid var(--crm-line); border-radius: .75rem; cursor: grab; }
.crm-deal:last-child { margin-bottom: 0; }
.crm-deal h3 { font-size: .875rem; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.crm-deal h3 a:hover { color: var(--crm-accent); }
.crm-deal-service { font-size: .75rem; color: var(--crm-muted); margin-top: .35rem; overflow-wrap: anywhere; }
.crm-deal-value { font-size: .875rem; font-weight: 500; margin-top: .8rem; font-variant-numeric: tabular-nums; }
.crm-deal-footer { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-top: 1.125rem; padding-top: .8rem; border-top: 1px solid var(--crm-line); }
.crm-next-step { font-size: .6875rem; color: var(--crm-muted); }
.crm-next-step-due { color: #9e4536; background: #fcece6; border-radius: .3rem; padding: .25rem .4rem; }
.crm-owner { width: 1.75rem; height: 1.75rem; border: 1px solid var(--crm-line); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--crm-muted); font-size: .625rem; }
.crm-workspace :is(a, select, button):focus-visible, .crm-board:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 3px; }
@media (max-width: 767px) {
    .crm-summary { gap: .6rem; }
    .crm-summary > div { padding: 1rem; }
    .crm-summary dd { font-size: 1.375rem; }
    .crm-summary dd span { font-size: .875rem; }
    .crm-toolbar { align-items: flex-start; flex-direction: column; }
    .crm-filters { width: 100%; }
    .crm-filters label { flex: 1; min-width: 0; }
}
@media (max-width: 480px) {
    .crm-summary { grid-template-columns: 1fr; }
    .crm-summary > div { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-radius: .75rem; }
    .crm-summary dd { margin-top: 0; }
    .crm-today { align-items: flex-start; flex-direction: column; gap: .75rem; }
}
.crm-page-header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.crm-page-header p { color: var(--crm-muted); text-transform: uppercase; letter-spacing: .075em; font-size: .6875rem; margin-bottom: .5rem; }
.crm-page-header h1 { color: var(--crm-ink); font-size: 1.875rem; font-weight: 600; letter-spacing: -.035em; line-height: 1.25; }
/* Home workspace: one primary list, one focus panel, quiet delivery summary. */
.crm-header-description { display: block; margin-top: .6rem; color: var(--crm-muted); font-size: .875rem; }
.crm-home-grid { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(240px, 1fr); gap: 2rem; margin: 2rem 0; align-items: start; }
.crm-home-main { min-width: 0; }
.crm-home-section + .crm-home-section { margin-top: 2rem; }
.crm-section-heading { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; margin-bottom: 1.2rem; }
.crm-section-heading h2 { font-size: 1rem; font-weight: 600; letter-spacing: -.02em; }
.crm-section-heading p { margin-top: .4rem; color: var(--crm-muted); font-size: .75rem; }
.crm-section-heading > a, .crm-home-footer a, .crm-review-link { color: var(--crm-accent); font-size: .75rem; font-weight: 500; }
.crm-section-heading > a { flex-shrink: 0; }
.crm-enquiry-row { display: flex; gap: .875rem; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--crm-line); }
.crm-enquiry-row:hover { background: var(--crm-soft); }
.crm-company-initial { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex-shrink: 0; background: #eeebfc; color: #6552b5; border-radius: .6rem; font-size: .8125rem; }
.crm-enquiry-row:nth-child(2n) .crm-company-initial { background: #eaf4ee; color: #3b6650; }
.crm-row-name { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: .3rem; }
.crm-row-name strong { font-size: .875rem; font-weight: 500; overflow-wrap: anywhere; }
.crm-row-name > span, .crm-row-date { color: var(--crm-muted); font-size: .75rem; }
.crm-row-date { white-space: nowrap; }
.crm-focus-panel { border: 1px solid var(--crm-line); border-radius: 1rem; padding: 1.5rem; background: linear-gradient(150deg, #fff7f2, #fdf7f9); }
.dark .crm-focus-panel { background: var(--crm-soft); }
.crm-focus-panel .crm-section-heading { align-items: start; }
.crm-focus-panel .crm-section-heading > svg { color: var(--crm-accent); }
.crm-focus-item { display: flex; flex-direction: column; gap: .5rem; padding: 1.15rem 0; border-bottom: 1px solid var(--crm-line); }
.crm-focus-item:last-child { border-bottom: 0; }
.crm-focus-item > span { color: var(--crm-muted); font-size: .75rem; }
.crm-focus-item strong { font-size: .875rem; font-weight: 500; overflow-wrap: anywhere; }
.crm-focus-item:hover strong { color: var(--crm-accent); }
.crm-focus-empty { padding: 1.5rem 0 .5rem; display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; }
.crm-focus-empty > svg { color: #507862; }
.crm-focus-empty strong { font-size: .875rem; font-weight: 500; }
.crm-focus-empty p { font-size: .75rem; line-height: 1.7; color: var(--crm-muted); }
.crm-table-scroll { overflow-x: auto; }
.crm-home-table { width: 100%; text-align: left; border-collapse: collapse; font-size: .8125rem; }
.crm-home-table th { font-size: .6875rem; color: var(--crm-muted); font-weight: 500; padding: .7rem .75rem; background: var(--crm-soft); }
.crm-home-table td { padding: 1rem .75rem; border-bottom: 1px solid var(--crm-line); font-variant-numeric: tabular-nums; }
.crm-home-table td:first-child { font-weight: 500; min-width: 130px; }
.crm-home-table td:nth-child(2) { white-space: nowrap; }
.crm-home-table a:hover { color: var(--crm-accent); }
.crm-project-section { padding-top: 1.75rem; border-top: 1px solid var(--crm-line); }
.crm-project-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
.crm-project-row { display: flex; align-items: center; gap: .75rem; padding: 1rem 0; border-bottom: 1px solid var(--crm-line); font-size: .8125rem; }
.crm-project-row :is(a, strong) { flex: 1; font-weight: 500; overflow-wrap: anywhere; }
.crm-project-row > span:last-child { color: var(--crm-muted); font-size: .75rem; }
.crm-project-row .crm-stage-dot { flex-shrink: 0; background: #a2c7b4; }
.crm-empty { padding: 1.5rem 0; font-size: .8125rem; color: var(--crm-muted); line-height: 1.7; }
.crm-home-footer { display: flex; gap: .75rem; margin-top: 2rem; font-size: .75rem; color: var(--crm-muted); }
.crm-enquiries { padding: 0 .75rem .75rem; }
.crm-lead { cursor: default; }
.crm-enquiries + .crm-records:empty { min-height: 60px; }
.crm-enquiries + .crm-records:empty::after { content: none; }
@media (max-width: 1023px) { .crm-home-grid { grid-template-columns: 1fr; gap: 1.5rem; } }
@media (max-width: 640px) {
    .crm-section-heading { flex-wrap: wrap; gap: .65rem; }
    .crm-project-list { grid-template-columns: 1fr; }
    .crm-enquiry-row { flex-wrap: wrap; }
    .crm-row-date { display: none; }
    .crm-focus-panel { padding: 1.25rem; }
}
@media (max-width: 480px) {
    .crm-page-header { flex-direction: column; align-items: flex-start; }
    .crm-page-header h1 { font-size: 1.625rem; }
}
/* Six destinations in the sidebar; supporting links stay in their workspace. */
.crm-workspace-nav { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .75rem 1.5rem; border-bottom: 1px solid var(--crm-line); padding-bottom: .75rem; color: var(--crm-muted); font-size: .8125rem; }
.crm-workspace-tabs { display: flex; flex-wrap: wrap; gap: .35rem; }
.crm-workspace-tabs a { padding: .6rem .9rem; border-radius: .5rem; }
.crm-workspace-nav a[aria-current] { color: var(--crm-accent); background: var(--crm-selected); }
.crm-workspace-nav a:hover { color: var(--crm-accent); }
.crm-workspace-tools summary { padding: .6rem .25rem; cursor: pointer; }
.crm-workspace-tools > div { display: flex; flex-wrap: wrap; gap: .5rem; padding: .5rem 0; }
.crm-workspace-tools a { padding: .5rem .65rem; border-radius: .5rem; }
.crm-workspace-back { color: var(--crm-accent); font-size: .8125rem; }
.crm-hub-intro { color: var(--crm-muted); font-size: .875rem; margin-bottom: 2rem; }
.crm-hub-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.5rem; }
.crm-hub-group h2 { font-size: .75rem; color: var(--crm-muted); font-weight: 500; margin-bottom: .75rem; }
.crm-hub-group a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-bottom: 1px solid var(--crm-line); padding: 1rem 0; font-size: .875rem; }
.crm-hub-group a:hover { color: var(--crm-accent); }
.crm-workspace-nav :is(a, summary):focus-visible, .crm-workspace-back:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 3px; }
@media(max-width: 767px) { .crm-hub-groups { grid-template-columns: 1fr; gap: 1.75rem; } }
/* Page-start hooks sit outside Filament's padded section. Give local navigation its own space. */
.crm-workspace-nav { margin-top: 1.5rem; }
.crm-workspace-back { display: inline-block; margin-top: 1.5rem; }
.crm-record-header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.crm-record-header h1 { font-size: 1.875rem; font-weight: 600; letter-spacing: -.035em; overflow-wrap: anywhere; }
.crm-record-breadcrumb { font-size: .75rem; color: var(--crm-muted); margin-bottom: .875rem; }
.crm-record-meta { display: flex; gap: 1rem; align-items: center; margin-top: .65rem; color: var(--crm-muted); font-size: .8125rem; }
.crm-record-stage { background: var(--crm-selected); color: var(--crm-accent); padding: .3rem .6rem; border-radius: .4rem; }
.crm-record-tabs { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--crm-line); margin-bottom: 1.5rem; overflow-x: auto; }
.crm-record-tabs button { padding: .75rem 0; border-bottom: 2px solid transparent; font-size: .875rem; color: var(--crm-muted); }
.crm-record-tabs button[aria-pressed="true"] { color: var(--crm-accent); border-bottom-color: var(--crm-accent); }
.crm-record-grid { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2.6fr); gap: 1.5rem; align-items: start; }
.crm-record-workspace h2 { font-size: .875rem; font-weight: 600; }
.crm-contact-panel { padding: 1.25rem; border: 1px solid var(--crm-line); border-radius: .75rem; }
.crm-contact-panel h3 { font-size: .9375rem; font-weight: 500; margin-top: 1.25rem; }
.crm-contact-panel p { font-size: .75rem; color: var(--crm-muted); margin-top: .5rem; }
.crm-contact-links { display: flex; flex-direction: column; gap: .7rem; margin-top: 1rem; font-size: .75rem; color: var(--crm-accent); overflow-wrap: anywhere; }
.crm-contact-actions { display: flex; gap: .5rem; margin-top: 1rem; }
.crm-contact-actions a { text-align: center; flex: 1; border: 1px solid var(--crm-line); border-radius: .4rem; padding: .5rem; font-size: .75rem; }
.crm-lead-brief-card { margin-top: 1.25rem; padding: 1rem; border: 1px solid var(--crm-line); border-radius: .625rem; background: var(--crm-soft); }
.crm-lead-brief-card > p { margin-top: .75rem; }
.crm-lead-brief-content { margin-top: .75rem; color: var(--crm-ink); font-size: .8125rem; line-height: 1.65; overflow-wrap: anywhere; }
.crm-lead-brief-content :is(p, ul, ol) + :is(p, ul, ol) { margin-top: .65rem; }
.crm-lead-brief-content :is(ul, ol) { padding-left: 1.25rem; }
.crm-lead-brief-content ul { list-style: disc; }
.crm-lead-brief-content ol { list-style: decimal; }
.crm-lead-brief-content li + li { margin-top: .4rem; }
.crm-lead-brief-content li span { color: var(--crm-muted); }
.crm-lead-brief-content strong { font-weight: 600; }
.crm-contact-details { border-top: 1px solid var(--crm-line); margin-top: 1.25rem; padding-top: 1.25rem; }
.crm-contact-details dl { display: grid; grid-template-columns: 1fr 1.3fr; gap: .8rem; margin: 1rem 0; font-size: .75rem; }
.crm-contact-details dt { color: var(--crm-muted); }
.crm-contact-details dd { overflow-wrap: anywhere; }
.crm-contact-details progress { width: 100%; height: .3rem; accent-color: var(--crm-accent); margin: 1rem 0; }
.crm-text-button { font-size: .75rem; font-weight: 500; color: var(--crm-accent); }
.crm-contact-details > .crm-text-button { display: block; margin-top: .75rem; }
.crm-next-action { background: var(--crm-soft); border: 1px solid var(--crm-line); border-radius: .75rem; padding: 1.25rem; }
.crm-next-action-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.crm-next-action-heading > span { font-size: .75rem; color: var(--crm-accent); }
.crm-next-action > p { font-size: .8125rem; margin: .75rem 0 1rem; color: var(--crm-muted); }
.crm-inline-actions { display: flex; gap: 1rem; align-items: center; }
.crm-schedule-form { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-top: 1rem; font-size: .75rem; }
.crm-schedule-form label { width: 100%; }
.crm-schedule-form > span { color: var(--crm-muted); }
.crm-schedule-form input, .crm-note-composer textarea { border: 1px solid var(--crm-line); border-radius: .5rem; background: var(--crm-surface); color: var(--crm-ink); font-size: .8125rem; }
.crm-note-composer { padding: 1.5rem 0; }
.crm-note-composer label { font-size: .875rem; font-weight: 500; display: block; margin-bottom: .75rem; }
.crm-note-composer textarea { width: 100%; resize: vertical; }
.crm-note-composer > div { display: flex; justify-content: flex-end; margin-top: .75rem; }
.crm-record-history { border-top: 1px solid var(--crm-line); padding-top: 1.25rem; }
.crm-record-history article { position: relative; margin-top: 1.5rem; padding-inline-start: 1.25rem; }
.crm-record-history article::before { content: ''; width: .4rem; height: .4rem; background: #bfbacb; border-radius: 50%; position: absolute; top: .4rem; inset-inline-start: 0; }
.crm-record-history h3 { font-size: .8125rem; font-weight: 500; }
.crm-record-history article > span { display: block; font-size: .6875rem; color: var(--crm-muted); margin: .4rem 0; }
.crm-record-history p { font-size: .8125rem; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.crm-focus-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 2rem; align-items: start; }
.crm-focus-form > h2 { font-size: 1.125rem; }
.crm-focus-form > p { color: var(--crm-muted); font-size: .8125rem; margin: .5rem 0 1.75rem; }
.crm-qualification-aside { background: var(--crm-soft); padding: 1.5rem; border-radius: .75rem; }
.crm-qualification-aside p, .crm-qualification-aside li { font-size: .8125rem; color: var(--crm-muted); line-height: 1.7; margin-top: .75rem; }
.crm-qualification-aside ul { margin: 1rem 0; padding-left: 1rem; list-style: disc; }
.crm-qualification-aside hr { border-color: var(--crm-line); margin: 1.5rem 0; }
.crm-record-save { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; padding-top: 1.25rem; margin-top: 1.25rem; border-top: 1px solid var(--crm-line); }
.crm-record-save > span { font-size: .75rem; color: var(--crm-muted); }
.crm-record-full-details > :last-child { margin-top: 2rem; }
.crm-field-error { color: #b13f3f; font-size: .75rem; }
.crm-record-workspace :is(button, a, input, textarea):focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 3px; }
@media(max-width: 1023px) { .crm-record-grid, .crm-focus-grid { grid-template-columns: 1fr; } .crm-record-header { flex-wrap: wrap; } }
@media(max-width: 480px) { .crm-record-header h1 { font-size: 1.5rem; } .crm-record-tabs { gap: 1rem; } .crm-next-action-heading { align-items: flex-start; flex-direction: column; } }
.crm-create-workspace { display: grid; grid-template-columns: minmax(0, 2.3fr) minmax(220px, 1fr); gap: 2rem; align-items: start; }
.crm-create-workspace .crm-qualification-aside h2 { font-size: .875rem; font-weight: 600; }
.crm-create-next { padding-left: 1.1rem; list-style: decimal; margin: 1rem 0; }
.crm-create-actions { padding-top: 1.25rem; border-top: 1px solid var(--crm-line); }
@media(max-width: 1023px) { .crm-create-workspace { grid-template-columns: 1fr; } }

/* Proposal workspace: named outline, focused editor and saved client context. */
.crm-proposal-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.crm-proposal-form{min-width:0}
.crm-proposal-outline{display:grid!important;grid-template-columns:165px minmax(0,1fr);align-items:start;overflow:visible!important}
.crm-proposal-outline>.fi-tabs{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:18px 10px;border:0!important;overflow:visible!important;position:sticky;top:100px}
.crm-proposal-outline>.fi-tabs button{justify-content:flex-start;text-align:left;white-space:normal;font-size:13px;padding:10px 12px}
.crm-proposal-outline>.fi-fo-tabs-tab{grid-column:2;grid-row:1;min-width:0;border-left:1px solid #eeedf3;padding:24px!important}
.crm-proposal-summary{background:white;border:1px solid #eeedf3;border-radius:16px;padding:20px;position:sticky;top:110px;font-size:13px;color:#696775}
.crm-proposal-preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.crm-proposal-summary h2,.crm-proposal-summary h3{color:#262333;font-size:14px;font-weight:600}
.crm-proposal-preview-cover{background:#eeeaf8;color:#282135;padding:24px 20px;margin:0 -4px;font-size:11px;min-height:195px;display:flex;flex-direction:column}
.crm-proposal-preview-cover h3{font-size:23px;line-height:1.2;margin:32px 0 14px;font-weight:500;overflow-wrap:anywhere}
.crm-proposal-preview-cover.is-v3{background:#000;color:#cdcdcd;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}
.crm-proposal-preview-cover.is-v3 h3{color:white;font-weight:300}
.crm-proposal-preview-link{display:block;padding:14px 0;color:#7060c5;font-weight:500}
.crm-proposal-summary dl{border-top:1px solid #eeedf3;margin:0 0 24px;padding-top:8px}
.crm-proposal-summary dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:14px}
.crm-proposal-summary dd{color:#262333;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.crm-proposal-activity{padding-top:8px}
.crm-proposal-activity li{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:12px}
@media(max-width:1400px){.crm-proposal-workspace{grid-template-columns:minmax(0,1fr)}.crm-proposal-summary{position:static;max-width:none}.crm-proposal-preview-cover{display:none}.crm-proposal-summary dl{display:flex;flex-wrap:wrap;gap:28px}.crm-proposal-summary dl>div{gap:16px}.crm-proposal-activity{display:flex;flex-wrap:wrap;gap:24px}}
@media(max-width:800px){.crm-proposal-outline{display:flex!important;flex-direction:column}.crm-proposal-outline>.fi-tabs{position:static;flex-direction:row;flex-wrap:wrap;gap:4px;padding:12px;width:100%}.crm-proposal-outline>.fi-tabs button{padding:8px}.crm-proposal-outline>.fi-fo-tabs-tab{border-left:0;width:100%;padding:16px!important}.crm-proposal-summary dl{display:block}}

.crm-lead-navigation { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.crm-lead-stage-select { border: 1px solid #e4dfef; border-radius: 8px; background-color: #f3f0fb; color: #574587; padding: 6px 30px 6px 10px; font: inherit; font-size: 13px; max-width: 260px; cursor: pointer; }
.crm-lead-stage-select:focus { outline: 2px solid #7060c5; outline-offset: 2px; }
.crm-qualscore { display: inline-flex; align-items: center; border-radius: 7px; padding: 6px 10px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.crm-qualscore--green { background: #e5f3e9; color: #26643b; }
.crm-qualscore--yellow { background: #fff2cc; color: #7b580b; }
.crm-qualscore--red { background: #fbe8e8; color: #9b3232; }
.crm-record-title { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.crm-record-header > div { min-width: 0; }

.crm-call-mode { display: flex; flex-wrap: wrap; gap: .5rem; }
.crm-call-review { display: grid; gap: .75rem; }
.crm-call-review dt { font-size: .75rem; color: #737080; }
.crm-call-review dd { white-space: pre-wrap; overflow-wrap: anywhere; }

.crm-create-workspace .fi-fo-wizard-header-step-separator { inset-block: 0; pointer-events: none; }
.crm-create-workspace .fi-fo-wizard-header-step-separator svg { display: block; width: 100%; height: 100%; }

.crm-discovery-question { border-top: 1px dashed var(--crm-line); padding-top: 1.5rem; }

@media (min-width: 768px) {
    .crm-call-question .fi-input-wrp { width: 50%; }
}

.crm-performance-dashboard { display: grid; gap: 1.5rem; }
.crm-performance-dashboard > .fi-wi-grid { gap: 1.25rem; }
.crm-performance-dashboard .fi-wi-stats-overview-stat {
    border-radius: 1rem;
    box-shadow: none;
}
.crm-performance-dashboard .fi-wi-stats-overview-stat:nth-child(4n + 1) { background: #f1effa; }
.crm-performance-dashboard .fi-wi-stats-overview-stat:nth-child(4n + 2) { background: #eaf4ed; }
.crm-performance-dashboard .fi-wi-stats-overview-stat:nth-child(4n + 3) { background: #fff5df; }
.crm-performance-dashboard .fi-wi-stats-overview-stat:nth-child(4n) { background: #eaf2fb; }
.crm-performance-dashboard .fi-wi-chart > .fi-section {
    border-radius: 1rem;
    box-shadow: none;
    overflow: hidden;
}
html:not(.dark) .crm-performance-dashboard .fi-wi > .fi-wi-widget:nth-child(3n + 2) .fi-wi-chart > .fi-section { background: linear-gradient(180deg, #f8f5fd 0, #fefeff 48%); }
html:not(.dark) .crm-performance-dashboard .fi-wi > .fi-wi-widget:nth-child(3n + 3) .fi-wi-chart > .fi-section { background: linear-gradient(180deg, #f1f8f3 0, #fefeff 48%); }
html:not(.dark) .crm-performance-dashboard .fi-wi > .fi-wi-widget:nth-child(3n + 1) .fi-wi-chart > .fi-section { background: linear-gradient(180deg, #fff6f0 0, #fefeff 48%); }
.crm-performance-dashboard .fi-section-header-heading { letter-spacing: -.015em; }
.crm-performance-dashboard .fi-wi-chart .fi-section-header { padding-bottom: .75rem; }
.crm-performance-dashboard .fi-wi-chart .fi-section-content { padding-top: .5rem; }
.crm-performance-dashboard .fi-wi-chart select { border-color: var(--crm-line); border-radius: .55rem; background-color: var(--crm-soft); color: var(--crm-muted); font-size: .75rem; }
.crm-performance-dashboard > .fi-section { border-radius: 1rem; box-shadow: none; }
.crm-sales-performance { overflow: hidden; border: 1px solid var(--crm-line); border-radius: 1rem; background: var(--crm-surface); }
.crm-sales-performance__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--crm-line); }
.crm-sales-performance__header h2 { color: var(--crm-ink); font-size: 1rem; font-weight: 600; letter-spacing: -.02em; }
.crm-sales-performance__header p { margin-top: .3rem; color: var(--crm-muted); font-size: .75rem; }
.crm-sales-performance__metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.crm-sales-performance__metric { --crm-card-bg: var(--crm-surface); --crm-card-ink: var(--crm-ink); --crm-card-muted: var(--crm-muted); min-height: 116px; padding: 1.25rem 1.5rem; border-right: 1px solid var(--crm-line); border-bottom: 1px solid var(--crm-line); background: var(--crm-card-bg); }
.crm-sales-performance__metric:nth-child(5) { border-right: 0; }
.crm-sales-performance__metric:nth-child(6), .crm-sales-performance__metric:nth-child(7) { grid-column: span 2; border-bottom: 0; }
.crm-sales-performance__metric:nth-child(7) { grid-column: span 3; border-right: 0; }
.crm-sales-performance__metric > span, .crm-sales-performance__metric > small { display: block; color: var(--crm-card-muted); font-size: .75rem; }
.crm-sales-performance__metric > strong { display: block; margin-top: .7rem; color: var(--crm-card-ink); font-size: 1.65rem; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.crm-sales-performance__metric > small { margin-top: .35rem; }
.crm-sales-performance__metric:nth-child(1) { --crm-card-bg: #f5f2fc; --crm-card-ink: #44366f; --crm-card-muted: #6d628b; }
.crm-sales-performance__metric:nth-child(2) { --crm-card-bg: #edf6ef; --crm-card-ink: #28543a; --crm-card-muted: #52725e; }
.crm-sales-performance__metric:nth-child(3) { --crm-card-bg: #fff1ed; --crm-card-ink: #713c32; --crm-card-muted: #8a625a; }
.crm-sales-performance__metric:nth-child(4) { --crm-card-bg: #fff8e9; --crm-card-ink: #6b4b08; --crm-card-muted: #816b3d; }
.crm-sales-performance__metric:nth-child(5), .crm-sales-performance__metric:nth-child(6) { --crm-card-bg: #eef6f2; --crm-card-ink: #285548; --crm-card-muted: #54766b; }
.crm-sales-performance__metric:nth-child(7) { --crm-card-bg: #eef5fb; --crm-card-ink: #2d526e; --crm-card-muted: #587286; }
.dark .crm-sales-performance__metric { --crm-card-bg: var(--crm-surface); --crm-card-ink: var(--crm-ink); --crm-card-muted: var(--crm-muted); }
.crm-sales-performance__conversions { display: grid; grid-template-columns: minmax(210px, 1.4fr) repeat(4, minmax(120px, 1fr)); border-top: 1px solid var(--crm-line); background: var(--crm-soft); }
.crm-sales-performance__conversion-heading, .crm-sales-performance__rate { padding: 1rem 1.5rem; }
.crm-sales-performance__conversion-heading h3 { color: var(--crm-ink); font-size: .8125rem; font-weight: 600; }
.crm-sales-performance__conversion-heading p { margin-top: .3rem; color: var(--crm-muted); font-size: .6875rem; line-height: 1.45; }
.crm-sales-performance__rate { border-left: 1px solid var(--crm-line); }
.crm-sales-performance__rate span { display: block; color: var(--crm-muted); font-size: .6875rem; }
.crm-sales-performance__rate strong { display: block; margin-top: .35rem; color: var(--crm-ink); font-size: 1rem; font-weight: 600; font-variant-numeric: tabular-nums; }
@media(max-width: 1100px) {
    .crm-sales-performance__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .crm-sales-performance__metric:nth-child(3), .crm-sales-performance__metric:nth-child(5) { border-right: 0; }
    .crm-sales-performance__metric:nth-child(5), .crm-sales-performance__metric:nth-child(6), .crm-sales-performance__metric:nth-child(7) { grid-column: auto; border-bottom: 0; }
    .crm-sales-performance__metric:nth-child(6) { border-right: 1px solid var(--crm-line); }
    .crm-sales-performance__metric:nth-child(7) { grid-column: span 3; border-top: 1px solid var(--crm-line); }
    .crm-sales-performance__conversions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crm-sales-performance__conversion-heading { grid-column: 1 / -1; }
    .crm-sales-performance__rate { border-left: 0; border-top: 1px solid var(--crm-line); }
    .crm-sales-performance__rate:nth-child(even) { border-left: 1px solid var(--crm-line); }
}
@media(max-width: 640px) {
    .crm-sales-performance__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crm-sales-performance__metric { min-height: 104px; padding: 1rem; }
    .crm-sales-performance__metric:nth-child(odd) { border-right: 1px solid var(--crm-line); }
    .crm-sales-performance__metric:nth-child(even) { border-right: 0; }
    .crm-sales-performance__metric:nth-child(5), .crm-sales-performance__metric:nth-child(6) { border-bottom: 1px solid var(--crm-line); }
    .crm-sales-performance__metric:nth-child(7) { grid-column: 1 / -1; border-right: 0; border-top: 0; }
    .crm-sales-performance__conversion-heading, .crm-sales-performance__rate { padding: 1rem; }
}