#leadSequencesPanel .sc-center { min-width: 0; font: 13px/1.4 var(--font-main); }
#leadSequencesPanel .sc-toolbar { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; padding: 0; }
#leadSequencesPanel .sc-toolbar > .sc-import-action { order: 2; }
#leadSequencesPanel .sc-center :is(button,input,select,textarea) { font: inherit; letter-spacing: 0; }
#leadSequencesPanel .sc-center :is(select,input) { min-width: 0; height: 32px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
#leadSequencesPanel .sc-center .compact-button { height: 32px; min-height: 32px; padding: 4px 12px; white-space: nowrap; }
#leadSequencesPanel .sc-toolbar select { width: auto; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-search { display: flex; align-items: center; flex: 0 0 auto; width: 200px; max-width: 100%; }
body.is-leads-view :is(#leadSequencesPanel,#contextualHeaderTools) .sc-search { width: 180px; }
body.is-leads-view :is(#leadSequencesPanel,#contextualHeaderTools) .sc-search input { flex: 1 1 auto !important; width: 100% !important; min-width: 0 !important; height: 32px; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-search input::-webkit-search-cancel-button { display: none; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch { display: inline-flex; height: 32px; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; background: #fff; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch button { width: 62px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: #fff !important; color: var(--muted) !important; cursor: pointer; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch button:last-child { border-right: 0; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch button:not(.is-active):hover { background: #f6faf9 !important; color: var(--ink) !important; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch button.is-active { background: var(--brand-selected) !important; color: var(--brand-accent) !important; font-weight: 600; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-view-switch button:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
#leadSequencesPanel .sc-total { margin-left: auto; color: var(--muted); font-size: 12px; }
#leadSequencesPanel .sc-import-status { flex-basis: 100%; color: var(--muted); font-size: 12px; }
#leadSequencesPanel .sc-layout { display: grid; grid-template-columns: minmax(0,1fr) 8px minmax(280px,min(var(--sc-list-width,600px),max(280px,calc(100% - 328px)))); height: calc(100dvh - 50px); min-height: 0; }
#leadSequencesPanel .sc-list { display: flex; flex-direction: column; min-width: 0; min-height: 0; border: 1px solid var(--line); border-radius: 0 8px 8px 0; overflow: hidden; }
#leadSequencesPanel .sc-list-scroll { flex: 1; min-width: 0; min-height: 0; overflow: auto !important; border: 0 !important; border-radius: 0; }
#leadSequencesPanel .sc-contact-table { table-layout: fixed; border-collapse: separate; border-spacing: 0; min-width: 0; font-size: 13px; }
#leadSequencesPanel .sc-contact-table :is(th,td) { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left; vertical-align: middle; }
#leadSequencesPanel .sc-contact-table th > .sort-header { max-width: calc(100% - 10px); }
#leadSequencesPanel .sc-contact-table td > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#leadSequencesPanel .sc-contact-table tbody tr[data-sc-key] { cursor: pointer; }
#leadSequencesPanel .sc-contact-table tr[data-sc-key]:hover td { background: #f6faf9; }
#leadSequencesPanel .sc-contact-table tr.is-active td { background: #e5f4f1 !important; }
#leadSequencesPanel .sc-contact-table tr.is-active td:first-child { position: relative; color: #075f5a !important; }
#leadSequencesPanel .sc-contact-table tr.is-active td:first-child::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--brand-primary); }
#leadSequencesPanel .sc-contact-table td > .sc-name-cell { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; }
#leadSequencesPanel .sc-name-text { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#leadSequencesPanel .sc-chat-table { min-width: 440px; }
#leadSequencesPanel .sc-contact-table col.sc-status-col { width: 142px !important; }
#leadSequencesPanel .sc-contact-table .sc-status-cell { padding: 2px 6px; }
#leadSequencesPanel .sc-status-cell select { width: 100%; height: 28px; padding: 2px 5px; background-color: transparent; border-color: transparent; cursor: pointer; }
#leadSequencesPanel .sc-status-cell select:is(:hover,:focus-visible) { border-color: var(--line); background-color: #fff; }
#leadSequencesPanel .sc-status-cell select:disabled { cursor: default; }
#leadSequencesPanel .sc-name-counters { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
#leadSequencesPanel .sc-contact-table .sc-channel-counts { display: inline-flex; align-items: center; justify-content: center; gap: 2px; color: var(--ink); font-weight: 400; text-align: center; }
#leadSequencesPanel .sc-channel-counts :is(b,i) { color: inherit; font: inherit; }
#leadSequencesPanel .sc-channel-counts .is-alert { color: #b42332 !important; font-weight: 700 !important; }
#leadSequencesPanel .sc-contact-table tr.has-unread td:first-child { position: relative; }
#leadSequencesPanel .sc-contact-table tr.has-unread td:first-child::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #b42332; }
#leadSequencesPanel .sc-contact-table tr.has-unread .sc-name-text { color: #a61c2a !important; font-weight: 700 !important; }
#leadSequencesPanel .sc-channel-counts svg { display: block; width: 14px; height: 14px; flex: 0 0 14px; margin-right: 2px; }
#leadSequencesPanel .sc-contact-table tr:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: -2px; }
#leadSequencesPanel .sc-entry.is-unread { border-color: #d47474 !important; background: #fff0f0 !important; box-shadow: inset 4px 0 0 #b42332; }
#leadSequencesPanel .sc-entry.is-unread .sc-entry-title { color: #a61c2a !important; font-weight: 700 !important; }
#leadSequencesPanel .sc-more-row { cursor: default; }
#leadSequencesPanel .sc-more-row td { text-align: left; }
#leadSequencesPanel .sc-events { display: flex; flex-direction: column; height: calc(100dvh - 50px); min-height: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fff; }
#leadSequencesPanel .sc-event-scroll { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto !important; }
html body .app #clients.view #leadSequencesPanel .sc-events-table { width: 100%; min-width: 1040px !important; }
#leadSequencesPanel .sc-events-table th { padding-right: 14px; }
#leadSequencesPanel .sc-event-column-resize { top: 0; height: 100%; }
#leadSequencesPanel .sc-event-column-resize::after { left: 5px; width: 1px; background: var(--line); }
#leadSequencesPanel .sc-event-column-resize:is(:hover,:focus-visible)::after { background: var(--brand-primary); }
#leadSequencesPanel .sc-event-column-resize:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: -2px; }
#leadSequencesPanel .sc-events-table .sc-event-date { font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  #leadSequencesPanel .sc-events { height: auto; min-height: 280px; }
  #leadSequencesPanel .sc-event-scroll { max-height: calc(100dvh - 180px); }
}
#leadSequencesPanel .sc-overview { display: flex; flex-direction: column; height: calc(100dvh - 50px); min-height: 0; max-height: none; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fff; }
#leadSequencesPanel .sc-list-layout > .sc-overview { height: 100%; min-width: 0; }
#leadSequencesPanel .sc-contact-header { display: flex; align-items: flex-start; gap: 10px; flex: 0 0 auto; min-width: 0; max-height: min(32%, 210px); overflow: auto; padding: 8px 12px 10px; line-height: 20px; border-bottom: 1px solid var(--line); background: #f6faf9; overflow-wrap: anywhere; }
#leadSequencesPanel .sc-contact-channels { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; flex: 1 1 auto; min-width: 0; margin: 0; }
#leadSequencesPanel .sc-company-button { flex: 0 0 auto; height: 32px; min-height: 32px; padding: 4px 10px; white-space: nowrap; }
#leadSequencesPanel .sc-contact-channel { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; min-width: 0; }
#leadSequencesPanel .sc-contact-channel dt { color: var(--muted); font-size: 12px; }
#leadSequencesPanel .sc-contact-channel dd { margin: 0; min-width: 0; }
#leadSequencesPanel .sc-contact-channel a { color: var(--brand-accent); text-decoration: none; }
#leadSequencesPanel .sc-contact-channel a:hover { text-decoration: underline; }
#leadSequencesPanel .sc-contact-channel a:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
html body .app #clients.view #leadSequencesPanel .sc-list-layout .sc-overview-table { min-width: 700px !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table td:nth-child(6) > span { white-space: normal; overflow-wrap: anywhere; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tr[data-sc-list-open] { cursor: pointer; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tr.is-current td { background: #e5f4f1 !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tr[data-sc-list-open]:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: -2px; }
#leadSequencesPanel .sc-overview-scroll { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto !important; border: 0 !important; border-radius: 0; }
#leadSequencesPanel .sc-overview-table { table-layout: fixed; width: 100%; min-width: 0; background: #fff; color: var(--text); --table-cell-x: 6px; --table-font-size: 13px; }
#leadSequencesPanel .sc-overview-table tbody tr:not(.sc-more-row) td :is(span, a) { font-size: var(--table-font-size) !important; }
#leadSequencesPanel .sc-overview-table th > .sort-header { max-width: 100%; padding-inline: 0 !important; }
#leadSequencesPanel .sc-overview-table tbody td { color: var(--text) !important; background: transparent !important; box-shadow: none !important; }
#leadSequencesPanel .sc-overview-table tbody td .sc-danger { color: #a63e38 !important; font-weight: 700 !important; }
#leadSequencesPanel .sc-overview-table tbody tr:last-child td { border-bottom-color: transparent !important; }
#leadSequencesPanel .sc-overview-table tbody tr.is-selected td { background: #e5f4f1 !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="red"] td { background: rgb(190 54 65 / 14%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="yellow"] td { background: rgb(225 177 35 / 18%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="green"] td { background: rgb(47 145 81 / 15%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="blue"] td { background: rgb(45 128 183 / 14%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="purple"] td { background: rgb(123 83 180 / 14%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="burgundy"] td { background: rgb(126 35 66 / 15%) !important; }
#leadSequencesPanel .sc-list-layout .sc-overview-table tbody tr[data-sc-row-color="brown"] td { background: rgb(126 82 50 / 15%) !important; }
#leadSequencesPanel .sc-overview-table .sc-list-company :is(a,span) { display: block; width: 100%; background: transparent !important; text-decoration: none; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#leadSequencesPanel .sc-overview-table .sc-list-company a { color: #075f5a !important; font-weight: 400 !important; }
#leadSequencesPanel .sc-overview-table .sc-list-company span { color: var(--text) !important; font-weight: 400 !important; }
#leadSequencesPanel .sc-overview-table .sc-list-company a:hover { text-decoration: underline; }
#leadSequencesPanel .sc-overview-table .sc-list-company a:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 1px; }
#leadSequencesPanel .sc-list-date { color: var(--muted); font-variant-numeric: tabular-nums; }
html body .app #clients.view #leadSequencesPanel .sc-overview-table tr.sc-queue-group td { --table-font-size: 13px; background: transparent !important; color: var(--text) !important; font-size: 13px !important; font-weight: 700 !important; }
html body .app #clients.view #leadSequencesPanel .sc-overview-table tr.sc-queue-group td > span { display: inline; margin-left: 4px; color: inherit !important; font-size: 13px !important; font-weight: 700 !important; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-list-actions { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-list-actions select { width: 116px; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-list-actions select[data-sc-list-color] { width: 102px; }
:is(#leadSequencesPanel,#contextualHeaderTools) select[data-sc-color-filter] { width: 106px; }
:is(#leadSequencesPanel,#contextualHeaderTools) .sc-list-actions select:disabled { opacity: .45; cursor: default; }
#contextualHeaderTools .sc-multi-filter-menu { width: 240px; }
#contextualHeaderTools .sc-filter-empty { display: block; padding: 6px; color: var(--muted); font-size: 13px; }
@media (max-width: 720px) {
  html body .app #clients.view #leadSequencesPanel .sc-overview-table { min-width: 800px !important; max-width: none !important; }
}
#leadSequencesPanel .sc-divider { position: relative; cursor: col-resize; touch-action: none; }
#leadSequencesPanel .sc-divider::before { content: ""; position: absolute; inset: 0 auto 0 3px; width: 1px; background: var(--line); }
#leadSequencesPanel .sc-divider:is(:hover,:focus-visible)::before { background: var(--accent); }
#leadSequencesPanel .sc-conversation { display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 0; overflow: hidden; background: transparent; container-type: inline-size; }
#leadSequencesPanel .sc-timeline { flex: 1; min-height: min(120px,25%); overflow: auto; overscroll-behavior: contain; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fafcfc; }
#leadSequencesPanel .sc-entry { width: fit-content; max-width: calc(100% - 24px); min-width: min(240px,calc(100% - 24px)); margin: 0 auto 8px 0; border: 1px solid var(--line); border-radius: 8px 8px 8px 2px; background: #fff; overflow: hidden; }
#leadSequencesPanel .sc-entry.is-outgoing { background: var(--brand-hover); }
#leadSequencesPanel .sc-entry.is-email { border-color: #b8d3ec; background: #eaf4ff; }
#leadSequencesPanel .sc-entry.is-campaign-email { border-style: dashed; }
#leadSequencesPanel .is-campaign-email > summary.sc-event-row { display: grid; grid-template-columns: minmax(0, 1fr) 5px; gap: 3px 10px; height: auto; padding: 8px 12px; }
#leadSequencesPanel .sc-campaign-email-heading { display: flex; flex-wrap: wrap; gap: 2px 10px; grid-column: 1; min-width: 0; font-size: 12px; }
#leadSequencesPanel .sc-campaign-email-heading time { white-space: normal; }
#leadSequencesPanel .sc-campaign-email-subject { grid-column: 1; min-width: 0; overflow-wrap: anywhere; }
#leadSequencesPanel .is-campaign-email > summary.sc-event-row::after { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
#leadSequencesPanel .sc-campaign-email-meta { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
#leadSequencesPanel .sc-entry.is-user-message { border-color: #e2b8ca; background: #fbeaf2; }
#leadSequencesPanel .sc-entry.is-note-message { border-color: #afd2bf; background: #e5f3eb; box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%); }
#leadSequencesPanel .sc-entry.is-note-message .sc-entry-content { padding-left: 12px; }
#leadSequencesPanel .sc-entry.is-note { background: #f5f5f7; }
#leadSequencesPanel .sc-entry.is-planned { border-color: #9abdb7; background: #f4faf8; }
#leadSequencesPanel .sc-event-row { display: flex; align-items: center; gap: 10px; height: 34px; min-width: 0; padding: 6px 12px; line-height: 20px; }
#leadSequencesPanel .sc-entry-title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#leadSequencesPanel .sc-event-row time { flex: 0 0 auto; color: var(--muted); font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
#leadSequencesPanel .sc-duration { flex: 0 0 36px; font-size: 12px; white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; }
#leadSequencesPanel .sc-entry.is-call { width: max-content; }
#leadSequencesPanel .sc-entry.is-call > .sc-event-row { height: auto; min-height: 34px; }
#leadSequencesPanel .sc-entry.is-call .sc-entry-title { flex: 1 1 auto; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
#leadSequencesPanel .sc-entry > summary { cursor: pointer; list-style: none; }
#leadSequencesPanel .sc-entry > summary::-webkit-details-marker { display: none; }
#leadSequencesPanel .sc-entry > .sc-event-row::after { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-right: 1px solid var(--muted); border-bottom: 1px solid var(--muted); transform: rotate(-45deg); }
#leadSequencesPanel article.sc-entry > .sc-event-row::after { visibility: hidden; }
#leadSequencesPanel .sc-entry[open] > summary::after { transform: rotate(45deg); }
#leadSequencesPanel .sc-entry > summary:hover { background: #edf5f3; }
#leadSequencesPanel .sc-entry.is-email > summary:hover { background: #dfeeff; }
#leadSequencesPanel .sc-entry.is-user-message > summary:hover { background: #f6dce8; }
#leadSequencesPanel .sc-entry > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
#leadSequencesPanel .sc-entry-content { padding: 6px 12px 12px 27px; overflow-wrap: anywhere; }
#leadSequencesPanel .sc-body { white-space: pre-wrap; font: inherit; line-height: 1.5; }
#leadSequencesPanel .sc-message-body { max-height: 10.5em; overflow: hidden; }
#leadSequencesPanel .sc-message-body.is-expanded { max-height: none; }
#leadSequencesPanel .sc-message-more { display: block; margin-top: 5px; padding: 0; border: 0; background: transparent; color: var(--brand-accent); font: inherit; font-size: 12px; cursor: pointer; }
#leadSequencesPanel .sc-message-more[hidden] { display: none; }
#leadSequencesPanel .sc-entry-content a { color: var(--brand-accent); }
#leadSequencesPanel .sc-plan-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#leadSequencesPanel .sc-plan-actions .compact-button { min-width: 78px; }
#leadSequencesPanel .sc-plan-actions .is-danger { color: #a63e38; }
#leadSequencesPanel .sc-system { width: fit-content; max-width: calc(100% - 24px); height: 32px; margin: 0 auto 8px 0; padding: 5px 10px; border: 1px solid var(--line); border-radius: 8px; background: #f1f4f4; font-size: 12px; }
#leadSequencesPanel .sc-danger { color: #a63e38; }
#leadSequencesPanel .sc-read { display: block; border: 0; background: transparent; padding: 4px 0 0; color: var(--brand-accent); font-size: 12px; cursor: pointer; }
#leadSequencesPanel .sc-older { text-align: center; padding: 6px; }
#leadSequencesPanel .sc-empty { padding: 24px 16px; color: var(--muted); }
#leadSequencesPanel .sc-empty button { display: block; margin-top: 10px; }
#leadSequencesPanel .sc-composer { flex: 0 0 auto; min-height: 0; max-height: calc(100% - 72px); overflow: auto; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
#leadSequencesPanel .sc-composer-divider { position: relative; flex: 0 0 8px; margin-block: -4px; cursor: row-resize; touch-action: none; }
#leadSequencesPanel .sc-composer-divider::before { content: ""; position: absolute; top: 3px; left: 0; right: 0; height: 1px; background: var(--line); }
#leadSequencesPanel .sc-composer-divider::after { content: ""; position: absolute; top: 2px; left: calc(50% - 18px); width: 36px; height: 3px; border-radius: 2px; background: var(--muted); }
#leadSequencesPanel .sc-composer-divider:is(:hover,:focus-visible)::after { background: var(--accent); }
#leadSequencesPanel .sc-composer.is-resized { display: flex; flex-direction: column; }
#leadSequencesPanel .sc-composer.is-resized > :not(textarea) { flex-shrink: 0; }
#leadSequencesPanel .sc-composer.is-resized textarea { flex: 1 0 58px; height: auto; min-height: 58px; max-height: none; resize: none; }
#leadSequencesPanel .sc-compose-tools { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }
#leadSequencesPanel .sc-compose-tools select { width: 200px; flex: 0 0 200px; }
#leadSequencesPanel .sc-compose-kind { display: inline-flex; align-items: center; min-width: 0; height: 32px; color: var(--muted); }
#leadSequencesPanel .sc-compose-tools button { margin-left: auto; min-width: 80px; }
#leadSequencesPanel .sc-composer textarea { display: block; width: 100%; min-height: 58px; max-height: 150px; resize: vertical; border: 1px solid var(--line); border-radius: 5px; padding: 8px; font: inherit; }
#leadSequencesPanel .sc-composer textarea.sc-email-body { min-height: 160px; max-height: 320px; }
#leadSequencesPanel .sc-composer .sc-email-subject { display: block; width: 100%; margin-bottom: 8px; }
#leadSequencesPanel .sc-conversation,
#leadSequencesPanel .sc-conversation :is(.sc-body,.sc-event-row,.sc-entry-title,.sc-system,.sc-duration,.sc-message-more,.sc-contact-channel dt,.sc-contact-channel dd,.sc-campaign-email-heading,.sc-campaign-email-meta,.sc-composer,time,input,select,textarea,button) { font-size: 13px !important; }
#leadSequencesPanel .sc-plan-fields { display: grid; grid-template-columns: minmax(110px,140px) minmax(180px,1fr) minmax(140px,180px); gap: 8px; margin-bottom: 8px; }
#leadSequencesPanel .sc-plan-fields :is(input,select),#leadSequencesPanel .sc-template-select { width: 100%; }
#leadSequencesPanel .sc-plan-fields .sc-date-button { width: 100%; min-width: 0; height: 32px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
#leadSequencesPanel .sc-date-dialog { width: min(360px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font: 13px/1.4 var(--font-main); }
#leadSequencesPanel .sc-date-dialog::backdrop { background: rgb(0 0 0 / 35%); }
#leadSequencesPanel .sc-date-dialog form { display: grid; gap: 12px; }
#leadSequencesPanel .sc-date-dialog h3 { margin: 0; font-size: 16px; }
#leadSequencesPanel .sc-date-dialog label { display: grid; gap: 4px; }
#leadSequencesPanel .sc-date-dialog :is(input,button) { font: inherit; }
#leadSequencesPanel .sc-date-dialog input { width: 100%; min-width: 0; height: 36px; padding: 4px 8px; border: 1px solid var(--line); border-radius: 5px; }
#leadSequencesPanel .sc-date-dialog footer { display: flex; justify-content: flex-end; gap: 8px; }
#leadSequencesPanel .sc-date-error { color: #a63e38; font-size: 12px; }
#leadSequencesPanel .sc-template-select { display: block; margin-bottom: 0; }
#leadSequencesPanel .sc-template-preview { max-height: 190px; margin-top: 8px; overflow: auto; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: #fafcfc; color: var(--ink); }
#leadSequencesPanel .sc-template-preview strong { display: block; margin-bottom: 6px; font-size: 13px; }
#leadSequencesPanel .sc-template-preview div { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; }
#leadSequencesPanel .sc-error { color: #a63e38; padding: 6px 0; font-size: 12px; overflow-wrap: anywhere; }
.sc-assign-dialog { width: min(480px,calc(100vw - 32px)); max-height: 85dvh; padding: 20px; border: 1px solid var(--line); border-radius: 8px; font: 13px/1.4 var(--font-main); color: var(--ink); }
.sc-assign-dialog::backdrop { background: #0005; }
.sc-assign-dialog form { display: grid; gap: 10px; }
.sc-assign-dialog h3 { margin: 0; font-size: 16px; }
.sc-assign-dialog label { display: grid; gap: 4px; }
.sc-assign-dialog :is(input,select) { width: 100%; min-width: 0; padding: 7px; border: 1px solid var(--line); border-radius: 5px; font: inherit; }
.sc-assign-dialog footer { display: flex; justify-content: flex-end; gap: 8px; }
.sc-assign-dialog [role="status"] { color: #a63e38; }
@container (max-width: 520px) {
  #leadSequencesPanel .sc-plan-fields { grid-template-columns: minmax(0,1fr); }
  #leadSequencesPanel .sc-compose-tools { flex-wrap: wrap; }
  #leadSequencesPanel .sc-compose-tools select { flex: 1 1 160px; width: 160px; }
}
@container (max-width: 400px) {
  #leadSequencesPanel .sc-entry.is-call > .sc-event-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 8px; }
  #leadSequencesPanel .sc-entry.is-call time { grid-column: 1 / -1; }
  #leadSequencesPanel .sc-entry.is-call > .sc-event-row::after { display: none; }
}
@media (max-width: 720px) {
  #leadSequencesPanel .sc-layout { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(490px,70dvh) 190px; height: auto; gap: 8px; }
  #leadSequencesPanel .sc-divider { display: none; }
  #leadSequencesPanel :is(.sc-list,.sc-conversation) { border-radius: 5px; }
  #leadSequencesPanel .sc-toolbar select { width: 132px; }
  #leadSequencesPanel .sc-timeline { padding: 8px; }
  #leadSequencesPanel .sc-entry { max-width: calc(100% - 16px); min-width: min(220px,calc(100% - 16px)); }
  #leadSequencesPanel .sc-event-row { gap: 6px; padding-inline: 8px; }
  #leadSequencesPanel .sc-plan-fields { grid-template-columns: minmax(0,1fr); }
  #leadSequencesPanel .sc-overview { height: auto; min-height: 0; max-height: 70dvh; }
}
@media (max-width: 1100px) {
  #leadSequencesPanel .sc-list-layout { height: auto !important; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(490px,70dvh) 40dvh; gap: 8px; }
  #leadSequencesPanel .sc-list-layout > .sc-divider { display: none; }
  #leadSequencesPanel .sc-list-layout > .sc-overview { height: 100%; }
}
@media (max-height: 650px) {
  #leadSequencesPanel .sc-list-layout .sc-composer textarea.sc-email-body { min-height: 58px; height: 72px; }
}
