.crm-v3-commercial[hidden] { display: none; }
.crm-v3-commercial { min-width: 0; font-size: var(--font-size-md); }
.crm-v3-commercial h1 { margin: 0; font-size: var(--font-size-page); letter-spacing: -.04em; }
.crm-v3-commercial h2 { font-size: var(--font-size-lg); margin: 0 0 16px; }
.crm-v3-commercial h3 { font-size: var(--font-size-md); margin: 0 0 12px; }
.commercial-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; flex-wrap: wrap; }
.commercial-page-heading p { margin: 4px 0 0; color: var(--color-text-secondary); }
.commercial-segment { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px; background: var(--color-surface); border-radius: var(--radius-pill); }
.commercial-segment button { min-height: 44px; padding: 8px 18px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--color-text-secondary); font: inherit; cursor: pointer; }
.commercial-segment button[aria-pressed="true"] { background: var(--dock-active-surface); color: var(--dock-active-content); font-weight: 650; }
.commercial-toolbar { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; padding: 12px; margin-bottom: 12px; border-radius: var(--panel-radius); background: var(--color-surface); }
.commercial-search { flex: 1 1 230px; }
.commercial-filter { flex: 0 1 190px; }
.commercial-toolbar label { display: grid; gap: 5px; font-size: var(--font-size-sm); color: var(--color-text-secondary); min-width: 0; }
.commercial-toolbar input, .commercial-toolbar select { min-width: 0; width: 100%; min-height: 44px; padding: 9px 12px; border: 0; border-radius: var(--control-radius); background: var(--color-surface-secondary); color: var(--color-text-primary); font: inherit; }
.commercial-master-detail { display: grid; grid-template-columns: minmax(0, 2.6fr) minmax(290px, 1fr); align-items: start; gap: 12px; }
.commercial-primary, .commercial-detail { min-width: 0; padding: 16px; border-radius: var(--panel-radius); background: var(--color-surface); }
.commercial-detail { display: grid; gap: 14px; }
.commercial-detail p, .commercial-detail small, .commercial-modal p { color: var(--color-text-secondary); line-height: 1.6; margin: 0; }
.commercial-material-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.commercial-material-card { display: flex; flex-direction: column; gap: 0; min-width: 0; border: 0; padding: 8px; text-align: left; background: var(--color-surface-subtle); border-radius: var(--panel-radius); font: inherit; color: inherit; cursor: pointer; }
.commercial-material-card.is-selected, .commercial-lead-card.is-selected, .commercial-table-panel .is-selected { background: var(--color-selection); }
.commercial-material-copy { display: grid; gap: 8px; padding: 12px 6px 8px; }
.commercial-material-copy strong { line-height: 1.45; }
.commercial-cover { position: relative; isolation: isolate; min-height: 160px; aspect-ratio: 1.4; overflow: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 15px; width: 100%; padding: 18px; border-radius: var(--radius-md); background: var(--color-surface-secondary); color: var(--color-action-primary); text-align: center; }
.commercial-cover-brand { letter-spacing: .19em; font-family: Georgia, serif; font-size: 14px; }
.commercial-cover-brand small { font-size: 9px; letter-spacing: .28em; }
.commercial-cover strong { font-family: Georgia, serif; font-size: clamp(15px, 1.2vw, 24px); line-height: 1.3; font-weight: 400; }
.commercial-cover > small { font-size: 8px; letter-spacing: .12em; }
.commercial-cover.is-map::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url('/crm-v3/assets/conversation-property.svg') center/cover; opacity: .16; }
.commercial-cover.is-landscape { background: var(--color-positive-surface); }
.commercial-cover.is-landscape::before, .commercial-cover.is-landscape::after { content: ''; position: absolute; z-index: -1; width: 130%; height: 55%; bottom: -30%; border-radius: 50%; background: var(--color-positive); opacity: .15; transform: rotate(-10deg); }
.commercial-cover.is-landscape::after { bottom: -39%; transform: rotate(15deg); opacity: .22; }
.commercial-pill { display: inline-block; max-width: 100%; border-radius: var(--radius-pill); padding: 4px 9px; background: var(--color-surface-emphasis); color: var(--color-text-secondary); font-size: var(--font-size-xs); font-weight: 500; }
.commercial-status { width: fit-content; display: inline-block; border-radius: var(--radius-pill); padding: 4px 9px; background: var(--color-surface-emphasis); color: var(--color-text-secondary); font-size: var(--font-size-xs); font-weight: 650; }
.commercial-status.is-published { color: var(--color-positive); background: var(--color-positive-surface); }
.commercial-status.is-draft { color: var(--color-attention); background: var(--color-attention-surface); }
.commercial-facts { display: grid; grid-template-columns: minmax(90px, .7fr) minmax(0,1fr); gap: 14px; font-size: var(--font-size-sm); margin: 10px 0; }
.commercial-facts dt { color: var(--color-text-secondary); }
.commercial-facts dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.commercial-detail-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.commercial-detail-actions .button { flex: 1 1 130px; text-decoration: none; text-align: center; }
.commercial-disclaimer { font-size: var(--font-size-xs); color: var(--color-text-subtle); margin: 20px 0 4px; }
.commercial-mobile-back { display: none; }
.commercial-board { display: grid; grid-template-columns: repeat(5,minmax(240px,1fr)); gap: 12px; overflow-x: auto; padding-bottom: 12px; min-height: 65vh; align-items: stretch; }
.commercial-column { min-width: 0; border-radius: var(--panel-radius); padding: 8px; background: var(--color-surface-emphasis); }
.commercial-column > header { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin: 4px 2px 16px; }
.commercial-column h2 { margin: 0; font-size: var(--font-size-md); }
.commercial-lead-card { width: 100%; display: grid; gap: 10px; border: 0; border-radius: var(--panel-radius); background: var(--color-surface); padding: 14px; margin-bottom: 10px; font: inherit; color: var(--color-text-primary); text-align: left; cursor: pointer; }
.commercial-card-heading { display: flex; gap: 10px; align-items: center; }
.commercial-card-heading strong { flex: 1; min-width: 0; }
.commercial-avatar { background: var(--color-surface-emphasis); color: var(--color-text-primary); flex-shrink: 0; width: 34px; height: 34px; font-size: 11px; }
.commercial-lead-card > span:not(:first-child) { font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.commercial-next { display: flex; align-items: start; gap: 8px; padding-top: 12px; border-top: 1px solid var(--color-divider); }
.commercial-next .nav-icon, .commercial-subcard .nav-icon { width: 18px; height: 18px; }
.commercial-next small, .commercial-table-panel td small { display: block; margin-top: 4px; color: var(--color-text-subtle); font-size: var(--font-size-xs); }
.commercial-card-owner { display: flex; gap: 8px; align-items: center; }
.commercial-owner { display: inline-grid; place-items: center; width: 24px; height: 24px; background: var(--color-surface-emphasis); border-radius: 50%; font-size: 9px; }
.commercial-lead-card > .commercial-pill { justify-self: start; }
.commercial-lead-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr)); gap: 12px; }
.commercial-empty-column { font-size: var(--font-size-xs); color: var(--color-text-subtle); text-align: center; margin-top: 28px; }
.commercial-empty { padding: 40px 16px; text-align: center; border-radius: var(--panel-radius); background: var(--color-surface); }
.commercial-empty p { color: var(--color-text-secondary); }
.commercial-table-panel { min-width: 0; background: var(--color-surface); border-radius: var(--panel-radius); padding: 12px; }
.commercial-table-scroll { overflow-x: auto; }
.commercial-table-panel table { border-collapse: collapse; width: 100%; min-width: 830px; text-align: left; font-size: var(--font-size-sm); }
.commercial-table-panel td, .commercial-table-panel th { padding: 12px; border-bottom: 1px solid var(--color-divider); }
.commercial-table-panel th { color: var(--color-text-secondary); font-weight: 600; }
.commercial-table-name { display: flex; gap: 12px; align-items: center; border: 0; background: transparent; text-align: left; color: inherit; font: inherit; cursor: pointer; padding: 0; min-height: 44px; }
.commercial-table-panel input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--color-selection-accent); }
.commercial-table-footer { color: var(--color-text-subtle); font-size: var(--font-size-xs); padding: 12px; }
.commercial-bulk { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; border-radius: var(--radius-md); padding: 12px; background: var(--color-selection); }
.commercial-master-detail.is-queue { grid-template-columns: minmax(250px,1fr) minmax(0,2fr); }
.commercial-queue { padding: 8px; }
.commercial-lead-card.is-compact { gap: 8px; margin-bottom: 0; border-bottom: 1px solid var(--color-divider); border-radius: var(--radius-md); }
.commercial-lead-card.is-compact .commercial-next { border: 0; padding: 0; }
.commercial-lead-card.is-compact .commercial-card-owner { display: none; }
.commercial-profile { display: flex; align-items: center; gap: 16px; }
.commercial-profile .commercial-avatar { width: 56px; height: 56px; }
.commercial-profile h2 { margin: 0 0 4px; }
.commercial-subcard { background: var(--color-surface-subtle); padding: 18px; border-radius: var(--panel-radius); display: grid; gap: 8px; }
.commercial-subcard h3 { display: flex; gap: 8px; align-items: center; }
.commercial-modal-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.commercial-modal { width: min(640px,calc(100vw - 24px)); }
.commercial-modal .commercial-cover { max-height: 300px; }
.commercial-filters { display: contents; }
.commercial-filter-toggle, .commercial-mobile-records, .commercial-mobile-stages { display: none; }
.commercial-material-list { display: grid; gap: 0; }
.commercial-material-list .commercial-material-card { flex-direction: row; align-items: center; gap: 14px; padding: 12px; border-bottom: 1px solid var(--color-divider); border-radius: var(--radius-md); background: transparent; }
.commercial-material-list .commercial-material-card.is-selected { background: var(--color-selection); }
.commercial-material-list .commercial-cover { flex: 0 0 56px; width: 56px; min-height: 68px; height: 68px; padding: 6px; gap: 4px; }
.commercial-material-list .commercial-cover-brand { font-size: 8px; letter-spacing: .02em; }
.commercial-material-list .commercial-cover-brand small { font-size: 6px; }
.commercial-material-list .commercial-cover strong { font-size: 10px; }
.commercial-material-list .commercial-cover > small { display: none; }
.commercial-material-list .commercial-material-copy { min-width: 0; padding: 0; gap: 8px; }
.commercial-material-list .commercial-status { width: fit-content; }
.commercial-column > header { margin: 0 0 12px; }
.commercial-column > header h2 { width: 100%; }
.commercial-collapse { display: flex; width: 100%; align-items: center; gap: 10px; min-height: 44px; border: 0; border-radius: var(--control-radius); padding: 8px; background: transparent; font: inherit; font-weight: 650; color: inherit; text-align: left; cursor: pointer; }
.commercial-collapse .commercial-pill { margin-left: auto; flex-shrink: 0; }
.commercial-column.is-collapsed { padding: 8px; }
.commercial-column.is-collapsed .commercial-collapse { writing-mode: vertical-rl; width: 44px; padding: 8px; gap: 14px; }
.commercial-column.is-collapsed .commercial-collapse .commercial-pill { margin: 0; writing-mode: horizontal-tb; }
.commercial-stage-body[hidden] { display: none; }
/* Stable stage identity, shared by columns and bands, including collapsed states. */
[data-drop-stage="Novo contato"] { --stage-surface: #edf3f9; }
[data-drop-stage="Qualificação"] { --stage-surface: #f1edf8; }
[data-drop-stage="Visita a agendar"] { --stage-surface: #e9f4f2; }
[data-drop-stage="Visita realizada"] { --stage-surface: #eff3e8; }
[data-drop-stage="Proposta"] { --stage-surface: #faf1e6; }
.commercial-column[data-drop-stage], .commercial-band[data-drop-stage] { background: var(--stage-surface); }
.commercial-collapse .commercial-pill { background: var(--color-surface); }
.commercial-bands { display: grid; gap: 12px; }
.commercial-band { padding: 10px 12px; border-radius: var(--panel-radius); background: var(--color-surface); min-width: 0; }
.commercial-band > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.commercial-band > header h2 { margin: 0; }
.commercial-band > header p { margin: 0; font-size: var(--font-size-sm); color: var(--color-text-secondary); }
.commercial-band .commercial-stage-body { padding-top: 12px; }
.commercial-band .commercial-lead-grid { grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr)); }
.commercial-band .commercial-lead-card { grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 14px; }
.commercial-band .commercial-card-heading, .commercial-band .commercial-lead-card > span:nth-child(2) { grid-column: 1 / -1; }
.commercial-band .commercial-card-source { display: none; }
.commercial-band .commercial-card-owner { padding-top: 12px; border-top: 1px solid var(--color-divider); }
.commercial-band .commercial-opportunity { background: var(--color-surface-subtle); }
.commercial-band .commercial-lead-card:not(.is-selected) { background: var(--color-surface-subtle); }
.commercial-pipeline-utilities { display: flex; justify-content: space-between; align-items: start; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.commercial-band-actions { display: flex; justify-content: end; flex-wrap: wrap; gap: 4px; }
.commercial-band-actions .button { border: 0; background: transparent; font-size: var(--font-size-sm); padding-inline: 10px; }
.commercial-opportunity { position: relative; min-width: 0; margin-bottom: 8px; border-radius: var(--panel-radius); background: var(--color-surface); }
.commercial-opportunity .commercial-lead-card { margin-bottom: 0; }
.crm-v3-commercial[data-commercial-module="pipeline"] .commercial-lead-card.is-selected { background: var(--color-surface); }
.crm-v3-commercial[data-commercial-module="pipeline"] .commercial-lead-card.is-selected:not(:focus-visible) { outline: 1px solid #8c8c8c; outline-offset: -1px; }
.commercial-opportunity .commercial-card-heading { padding-right: 32px; }
.commercial-opportunity .commercial-card-interest { line-height: 1.5; }
.commercial-opportunity .commercial-card-source { font-size: var(--font-size-xs); color: var(--color-text-subtle); }
.commercial-card-menu { position: absolute; top: 8px; right: 6px; }
.commercial-card-menu summary { display: grid; place-items: center; list-style: none; width: 44px; height: 44px; border-radius: var(--control-radius); cursor: pointer; color: var(--color-text-secondary); font-size: 20px; }
.commercial-card-menu summary::-webkit-details-marker { display: none; }
.commercial-card-menu summary:hover, .commercial-card-menu[open] summary { background: var(--color-surface-emphasis); color: var(--color-text-primary); }
.commercial-card-menu-panel { position: absolute; top: 44px; right: 0; width: 190px; padding: 4px; z-index: var(--z-popover, 40); background: var(--color-surface); border: 1px solid var(--color-divider); border-radius: var(--control-radius); box-shadow: var(--elevation-floating); }
.commercial-card-menu-panel .commercial-move-button { border-radius: var(--control-radius); color: var(--color-text-primary); }
.commercial-card-chevron { color: var(--color-text-subtle); font-size: 18px; }
.commercial-move-button { display: block; width: 100%; min-height: 44px; border: 0; padding: 8px 16px; background: transparent; font: inherit; font-size: var(--font-size-sm); color: var(--color-text-secondary); text-align: left; cursor: pointer; }
.commercial-move-button:hover, .commercial-collapse:hover { background: var(--color-surface-emphasis); }
.commercial-opportunity.is-dragging { opacity: .45; }
.commercial-column.is-drop-target, .commercial-band.is-drop-target { outline: 2px dashed var(--color-selection-accent); outline-offset: -2px; background: var(--color-selection); }
.commercial-move-help, [data-move-status] { font-size: var(--font-size-xs); color: var(--color-text-secondary); line-height: 1.5; }
.commercial-move-help { margin: 0; min-height: 32px; }
.commercial-move-help summary { width: fit-content; padding: 8px 4px; cursor: pointer; }
.commercial-move-help p { max-width: 600px; padding: 8px 12px; margin: 0 0 8px; background: var(--color-surface); border-radius: var(--control-radius); }
[data-move-status]:empty { margin: 0; }
.commercial-move-destination { display: grid; gap: 8px; margin: 20px 0; }
.commercial-move-destination select { min-height: 44px; width: 100%; border: 1px solid var(--color-divider); border-radius: var(--control-radius); background: var(--color-surface-secondary); color: inherit; font: inherit; padding: 10px; }
.commercial-record-heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
.commercial-record-next { font-size: var(--font-size-sm); line-height: 1.5; }
.commercial-mobile-record { position: relative; min-width: 0; border-bottom: 1px solid var(--color-divider); padding: 12px 44px 12px 4px; }
.commercial-mobile-record summary { display: grid; gap: 8px; cursor: pointer; list-style: none; }
.commercial-mobile-record summary::-webkit-details-marker { display: none; }
.commercial-mobile-record summary .commercial-pill { justify-self: start; }
.commercial-mobile-record summary > small { color: var(--color-text-subtle); font-size: var(--font-size-xs); }
.commercial-record-select { position: absolute; right: 0; top: 12px; display: grid; place-items: center; width: 44px; height: 44px; cursor: pointer; }
.commercial-mobile-record .commercial-facts { grid-template-columns: minmax(0,1fr); gap: 6px; }
.commercial-mobile-record .commercial-facts dd { margin-bottom: 6px; }
.commercial-mobile-record .button { white-space: normal; }
@media (max-width: 1179px) { .commercial-material-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .commercial-lead-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 899px) {
  .commercial-master-detail, .commercial-master-detail.is-queue { grid-template-columns: minmax(0,1fr); }
  .commercial-master-detail[data-local-panel="list"] > .commercial-detail { display: none; }
  .commercial-master-detail[data-local-panel="detail"] > .commercial-primary { display: none; }
  .commercial-mobile-back { display: inline-flex; justify-self: start; }
  .crm-v3-commercial[data-local-panel="detail"] > .commercial-toolbar,
  .crm-v3-commercial[data-local-panel="detail"] > .commercial-page-heading { display: none; }
}
@media (max-width: 767px) {
  .commercial-table-scroll { display: none; }
  .commercial-mobile-records { display: block; }
  .commercial-mobile-stages { display: grid; grid-template-columns: 44px minmax(0,1fr) auto 44px; align-items: center; gap: 4px; padding: 4px; border-radius: var(--panel-radius); background: var(--color-surface); margin-bottom: 8px; }
  .commercial-mobile-stages label { min-width: 0; }
  .commercial-mobile-stages select { width: 100%; min-height: 44px; padding: 8px; border: 0; background: transparent; color: var(--color-text-primary); font: inherit; font-weight: 600; font-size: var(--font-size-sm); }
  .commercial-mobile-stages .icon-button { border: 0; background: transparent; font-size: 22px; }
  .commercial-stage-position { font-size: var(--font-size-xs); color: var(--color-text-subtle); }
  .commercial-board { grid-template-columns: minmax(0,1fr) !important; min-height: 0 !important; overflow: visible; }
  .commercial-column:not(.is-mobile-active) { display: none; }
  .commercial-column.is-collapsed .commercial-collapse { writing-mode: horizontal-tb; width: 100%; }
  .commercial-column.is-collapsed .commercial-collapse .commercial-pill { margin-left: auto; }
  .commercial-band > header { display: block; }
  .commercial-band > header p { padding: 0 8px 8px; }
  .commercial-band.is-collapsed > header p { display: none; }
  .commercial-band .commercial-lead-grid { grid-template-columns: minmax(0,1fr); }
  .commercial-band-actions { margin: 0 0 8px; }
  .commercial-queue .commercial-lead-card.is-compact { grid-template-columns: minmax(0,1fr) auto; padding: 12px; gap: 8px; }
  .commercial-queue .commercial-card-heading { grid-column: 1 / -1; }
  .commercial-queue .commercial-lead-card.is-compact > span:nth-child(2) { display: none; }
  .commercial-queue .commercial-lead-card.is-compact > .commercial-pill { grid-column: 1 / -1; }
  .commercial-queue .commercial-next { grid-column: 1 / -1; }
  .commercial-queue .commercial-next > span:not(.nav-icon) { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; flex: 1; }
  .commercial-queue .commercial-next small { margin: 0; color: var(--color-text-primary); font-weight: 650; }
}
@media (max-width: 599px) {
  .commercial-page-heading { gap: 10px; margin-bottom: 10px; }
  .commercial-page-heading p { display: none; }
  .commercial-page-heading .commercial-segment { width: 100%; }
  .commercial-page-heading .commercial-segment button { flex: 1; padding-inline: 6px; font-size: var(--font-size-sm); white-space: nowrap; }
  .commercial-toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 8px; padding: 10px; }
  .commercial-toolbar > [data-record-operation] { grid-column: 3; grid-row: 1; padding-inline: 8px; font-size: var(--font-size-sm); white-space: nowrap; }
  .commercial-search > span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .commercial-search { flex: 1 1 150px; }
  .commercial-filter-toggle { display: inline-flex; }
  .commercial-filters { display: none; width: 100%; grid-column: 1 / -1; }
  .commercial-filters.is-open { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
  .commercial-filter { flex: 1 1 110px; }
  .commercial-material-grid, .commercial-lead-grid { grid-template-columns: minmax(0,1fr); }
  .commercial-material-list .commercial-material-card { padding: 10px 6px; gap: 12px; }
  .commercial-mobile-record { padding-block: 10px; }
  .commercial-mobile-record summary { gap: 6px; }
  .commercial-primary { padding: 8px; }
  .commercial-board { grid-template-columns: repeat(5,minmax(260px,82vw)); min-height: 55vh; }
}
.commercial-operation-form { display: grid; gap: 16px; }
.commercial-operation-form label { display: grid; gap: 8px; font-size: 14px; }
.commercial-operation-form input, .commercial-operation-form select, .commercial-operation-form textarea { width: 100%; box-sizing: border-box; min-height: 44px; padding: 12px; border: 0; border-bottom: 1px solid var(--color-border-functional); border-radius: var(--control-radius); background: var(--color-surface-secondary); color: var(--color-text-primary); font: inherit; }
.commercial-operation-form textarea { min-height: 88px; resize: vertical; }
.commercial-operation-form :is(input, select, textarea):focus-visible { outline: 2px solid var(--color-focus); outline-offset: -2px; }
.commercial-operation-form [role="alert"]:empty { display: none; }
.commercial-operation-form [role="alert"] { color: var(--color-critical); }
.commercial-operation-form summary { min-height: 44px; cursor: pointer; display: flex; align-items: center; }
.commercial-form-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.commercial-form-actions button { min-height: 44px; }
.commercial-modal { max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; }
.leads-pilot-dialog { width: min(900px, calc(100vw - 24px)); }
.leads-pilot-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; margin-block: 20px; }
.leads-pilot-layout > section { min-width: 0; overflow-wrap: anywhere; }
.leads-pilot-list { display: grid; gap: 8px; margin-bottom: 16px; }
.leads-pilot-list button { display: grid; justify-content: start; text-align: left; gap: 6px; min-height: 64px; }
.leads-pilot-list small { color: var(--color-text-secondary); font-weight: 400; }
.leads-pilot-layout nav { justify-content: flex-start; align-items: center; margin-block: 12px; }
.leads-pilot-layout h3 { margin-top: 0; }
[data-leads-pilot-root] select { max-width: 100%; min-height: 44px; }
@media (max-width: 599px) { .leads-pilot-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
.leads-connected-toolbar { display: flex; align-items: end; gap: 12px; flex-wrap: wrap; margin-block: 16px 8px; }
.leads-connected-toolbar label { display: grid; gap: 5px; min-width: 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.leads-connected-toolbar > label, .leads-connected-toolbar form { flex: 1 1 180px; }
.leads-connected-toolbar form { display: flex; align-items: end; gap: 8px; min-width: 0; }
.leads-connected-toolbar form label { flex: 1 1 auto; }
.leads-connected-toolbar input, .leads-connected-toolbar select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; border: 0; border-radius: var(--control-radius); padding: 9px 12px; background: var(--color-surface-secondary); color: var(--color-text-primary); font: inherit; }
.leads-connected-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 16px; margin-top: 12px; }
.leads-connected-layout > * { min-width: 0; overflow-wrap: anywhere; }
.leads-connected-results { display: grid; align-content: start; gap: 12px; }
.leads-connected-table-scroll { max-width: 100%; overflow-x: auto; border-radius: var(--panel-radius); background: var(--color-surface); }
.leads-connected-table-scroll table { width: 100%; min-width: 760px; border-collapse: collapse; text-align: left; font-size: var(--font-size-sm); }
.leads-connected-table-scroll th, .leads-connected-table-scroll td { padding: 12px; border-bottom: 1px solid var(--color-divider); vertical-align: top; }
.leads-connected-table-scroll th { color: var(--color-text-secondary); font-weight: 600; }
.leads-connected-queue { display: grid; gap: 8px; }
.leads-connected-queue-card { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; border-radius: var(--panel-radius); background: var(--color-surface); }
.leads-connected-queue-card small { display: block; margin-top: 4px; color: var(--color-text-subtle); }
.leads-connected-queue-card p { margin: 0; }
.lead-operational-host { margin-top: 16px; }
.lead-operational-panel { display: grid; gap: 16px; border-top: 3px solid var(--color-text-primary); }
.lead-operational-panel > header { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.lead-operational-panel h3, .lead-operational-panel h4, .lead-operational-panel p { margin-block: 0; }
.lead-operational-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.lead-operational-grid > form { display: grid; align-content: start; gap: 12px; margin: 0; background: var(--color-surface-secondary); }
.lead-operational-grid label { display: grid; gap: 6px; min-width: 0; color: var(--color-text-secondary); font-size: var(--font-size-sm); }
.lead-operational-grid :is(input,select,textarea) { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; border: 1px solid var(--color-divider); border-radius: var(--control-radius); padding: 10px 12px; background: var(--color-surface); color: var(--color-text-primary); font: inherit; }
.lead-operational-grid textarea { min-height: 88px; resize: vertical; }
.lead-operational-grid .button { justify-self: start; }
.lead-operational-profile { grid-column: 1 / -1; grid-template-columns: repeat(3,minmax(0,1fr)); }
.lead-operational-profile h4, .lead-operational-profile .button { grid-column: 1 / -1; }
.commercial-success { color: var(--color-positive); font-weight: 650; }
.material-operational-version { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--color-divider); }
.material-operational-version:last-child { border-bottom: 0; }
.material-operational-version > div { display: grid; gap: 4px; }
.material-operational-version small { color: var(--color-text-secondary); }
.material-operational-version form { display: flex; align-items: end; gap: 8px; }
.conversation-operational-messages { display: grid; gap: 8px; max-height: 420px; overflow-y: auto; padding: 8px; border-radius: var(--panel-radius); background: var(--color-surface-secondary); }
.conversation-operational-message { width: min(78%, 640px); padding: 10px 12px; border-radius: var(--panel-radius); background: var(--color-surface); }
.conversation-operational-message--outbound { justify-self: end; outline: 1px solid var(--color-selection-accent); }
.conversation-operational-message--internal { width: 100%; box-sizing: border-box; border-left: 3px solid var(--color-warning); }
.conversation-operational-message small { color: var(--color-text-secondary); }
.conversation-operational-message p { margin: 4px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.conversation-consent form { display: grid; gap: 8px; margin-top: 12px; }
@media (max-width: 720px) {
 .leads-connected-layout { grid-template-columns: minmax(0, 1fr); }
 .leads-connected-toolbar, .leads-connected-toolbar form { align-items: stretch; flex-direction: column; }
 .leads-connected-toolbar > label, .leads-connected-toolbar form { flex-basis: auto; width: 100%; }
 .leads-connected-queue-card { grid-template-columns: minmax(0,1fr); }
 .lead-operational-grid, .lead-operational-profile { grid-template-columns: minmax(0,1fr); }
 .lead-operational-panel > header { align-items: stretch; flex-direction: column; }
 .lead-operational-profile h4, .lead-operational-profile .button { grid-column: auto; }
 .material-operational-version, .material-operational-version form { align-items: stretch; flex-direction: column; }
 .conversation-operational-message { width: min(90%, 640px); }
}