/* Outreach layout only. Shared BioPatriot tokens own colors and controls. */
#outreach-root { min-width:0; }
.outreach-task-dispatcher { margin-bottom:var(--space-5); }
.outreach-discovery-campaign { display:grid; gap:var(--space-3,8px); margin-bottom:var(--space-5,16px); }
.outreach-discovery-campaign .outreach-card-head { flex-wrap:wrap; }
.outreach-discovery-campaign-progress { margin-block:var(--space-3,8px); }
.outreach-discovery-campaign-progress dt { color:var(--text-dim); font-size:var(--font-size-sm,12px); }
.outreach-discovery-campaign-progress dd { margin:0; font-variant-numeric:tabular-nums; font-weight:600; }
.outreach-task-dispatcher p { color:var(--text-dim); margin-block:var(--space-3); }
.outreach-task-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr)); gap:var(--space-3); max-height:20rem; overflow:auto; }
.outreach-task-choice { display:flex; justify-content:space-between; gap:var(--space-4); text-align:left; white-space:normal; height:auto; min-width:0; padding:var(--space-4); }
.outreach-task-choice > span:first-child { min-width:0; overflow-wrap:anywhere; }
.outreach-task-choice small { display:block; color:var(--text-dim); margin-top:var(--space-2); font-size:var(--font-caption); }
.outreach-task-choice[aria-pressed="true"] { border-color:var(--accent); background:var(--bg-hover); }
.outreach-task-runtime strong { font-variant-numeric:tabular-nums; }
.outreach-operator-states { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-4,12px); margin-bottom:var(--space-5,16px); }
.outreach-operator-states > section { min-width:0; padding:var(--space-4,12px); border:1px solid var(--border); border-radius:var(--radius-card,12px); background:var(--bg-surface); }
.outreach-operator-states h4 { margin-bottom:var(--space-3,8px); }
.outreach-operator-states small { display:block; margin-top:var(--space-3,8px); color:var(--text-dim); line-height:1.5; overflow-wrap:anywhere; }
.outreach-partnership-reason { display:grid; gap:var(--space-3,8px); }
.outreach-partnership-reason textarea { width:100%; min-height:6em; resize:vertical; }
.outreach-conversation-queues { display:flex; flex-wrap:wrap; gap:var(--space-3,8px); padding:var(--space-4,12px); }
.outreach-conversation-queues button[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); background:var(--bg-hover); }
.outreach-company-list .outreach-filters { flex-wrap:wrap; }
.outreach-draft-scope-filters { flex-wrap:wrap; }
.outreach-draft-scope-filters label { min-width:0; max-width:100%; }
.outreach-draft-scope-filters .outreach-select { min-width:0; max-width:100%; }
.outreach-company-list td { vertical-align:top; }
.outreach-role-mailbox-marker { display:inline-flex; flex-wrap:wrap; gap:var(--space-1,4px) var(--space-2,6px); margin-block:var(--space-2,6px); padding:var(--space-1,4px) var(--space-3,8px); border:1px solid var(--border); border-radius:var(--radius-pill,999px); color:var(--status-warning-text); background:var(--status-warning-bg); font-size:var(--font-caption,12px); line-height:1.5; }
@media(max-width:640px) {
    .outreach-operator-states { grid-template-columns:1fr; }
    .outreach-conversation-queues button { min-height:var(--control-height,40px); white-space:normal; }
    .outreach-company-list .outreach-filters, .outreach-company-list .outreach-filters label { width:100%; }
}
/* A helper under one field must not stretch its neighbouring label's rows. */
.outreach-launcher .outreach-detail-grid > label { align-content:start; }
.outreach-history-head, .outreach-history-filters { flex-wrap:wrap; }
@media(max-width:640px) {
    .outreach-history-head { flex-direction:column; }
    .outreach-history-filters button, [data-outreach-history] button { min-height:40px; }
}
#outreach-root .outreach-help,
#outreach-root .outreach-card-head span,
#outreach-root .outreach-freshness,
#outreach-root .outreach-draft-card small { font-size:var(--font-size-sm,12px); }
.outreach-drafts > .outreach-card-head { flex-wrap:wrap; }
.outreach-draft-bulk-actions { max-width:100%; }
.outreach-mail-settings { margin-top:var(--space-5,16px); }
.outreach-mail-settings > summary { cursor:pointer; padding:var(--space-4,12px); color:var(--text-dim); }
.outreach-mail-settings > .outreach-grid { margin-top:var(--space-4,12px); }
.outreach-recovery-details > summary { cursor:pointer; min-height:40px; padding:var(--space-3,8px) var(--space-4,12px); color:var(--text-dim); }
.outreach-search-diagnostics > summary { min-height:40px; padding:var(--space-3,8px) 0; }
.outreach-search-diagnostics .outreach-task-result-list span { font-size:var(--font-size-sm,12px); }
.outreach-task-heartbeat.is-unconfirmed b { background:var(--text-dim); box-shadow:none; animation:none; }
.outreach-conversation-state { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.outreach-task-focus-progress { margin-top:var(--space-5,16px); padding:var(--space-5,16px); }
.outreach-task-runtime { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.outreach-task-runtime > div { padding:var(--space-3,8px) var(--space-4,12px); }
/* Read-only messages grow with their text; only the surrounding page scrolls. */
.outreach-draft-card > pre { max-height:none; overflow:visible; }
.outreach-draft-card > .outreach-technical { margin-top:var(--space-4,12px); }
.outreach-delivery-list { margin-top:var(--space-5,16px); }
.outreach-delivery-ack { display:flex; align-items:flex-start; gap:var(--space-3,8px); margin:var(--space-5,16px) 0; line-height:1.5; }
.outreach-delivery-ack input { flex:none; margin-top:var(--space-1,4px); }
.outreach-review-copy-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.5; margin-block:var(--space-4); }
.outreach-review-copy-panel { max-width:min(70ch,calc(100vw - var(--space-7) * 2)); white-space:normal; overflow-wrap:anywhere; }
.outreach-detail-section > button { margin:var(--space-2,6px) var(--space-3,8px) var(--space-2,6px) 0; }
#outreach-company-research-note { min-height:6em; }
@media (max-width:640px) {
    .outreach-draft-bulk-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .outreach-draft-bulk-actions button { white-space:normal; }
    .outreach-draft-card header { flex-wrap:wrap; }
}
.outreach-inbound-analysis blockquote {
    margin: var(--space-4) 0;
    padding: var(--space-4);
    border-inline-start: var(--space-1) solid var(--border-control);
    background: var(--bg-surface);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.outreach-analysis-holds {
    max-height: 24rem;
    overflow: auto;
    scrollbar-width: thin;
}
.outreach-analysis-hold + .outreach-analysis-hold {
    margin-block-start: var(--space-5);
    padding-block-start: var(--space-4);
    border-block-start: 1px solid var(--border);
}
.outreach-analysis-evidence { margin-block: var(--space-4); }
.outreach-directory-counts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-5, 16px);
    padding: var(--space-5, 16px);
    color: var(--text-dim);
}
.outreach-directory-counts strong { color: var(--text); font-variant-numeric: tabular-nums; }
.outreach-directory-markets { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:var(--space-3,8px); padding:var(--space-4,12px) var(--space-5,16px); }
.outreach-directory-market { min-width:0; display:grid; gap:var(--space-2,6px); text-align:left; border:1px solid var(--border); border-radius:var(--radius-md,10px); background:var(--bg-surface); color:var(--text); padding:var(--space-4,12px); cursor:pointer; }
.outreach-directory-market.active { border-color:var(--border-control); background:var(--bg-hover); }
.outreach-directory-market span,.outreach-directory-market small { color:var(--text-dim); overflow-wrap:anywhere; }
.outreach-directory-market:focus-visible { outline:2px solid var(--border-control); outline-offset:2px; }
.outreach-source-acquisition {
    display: grid;
    gap: var(--space-4, 12px);
    margin-top: var(--space-5, 16px);
    padding: var(--space-5, 16px);
    color: var(--text);
    background: var(--bg-surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-card, 12px);
}
.outreach-source-acquisition h4 { margin: 0; font-size: var(--font-body, 14px); font-weight: 600; }
.outreach-source-acquisition-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4, 12px);
}
.outreach-source-acquisition-fields label { display: grid; gap: var(--space-2, 6px); color: var(--text-dim); font-size: var(--font-caption, 12px); }
.outreach-source-acquisition-fields select {
    min-width: 0;
    min-height: 40px;
    padding: 0 var(--space-4, 12px);
    color: var(--text);
    background: var(--input-bg);
    border: 1px solid var(--border-control);
    border-radius: var(--radius-input, 9px);
    font: inherit;
}
.outreach-source-acquisition-fields select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.outreach-source-acquisition-counts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.outreach-source-acquisition-counts > div { display: grid; gap: var(--space-2, 6px); }
.outreach-source-acquisition-counts span { color: var(--text-dim); font-size: var(--font-caption, 12px); }
.outreach-source-acquisition-counts strong { color: var(--text); font-variant-numeric: tabular-nums; }
@media (max-width: 640px) {
    .outreach-source-acquisition { padding: var(--space-4, 12px); }
    .outreach-source-acquisition-fields { grid-template-columns: minmax(0, 1fr); }
    .outreach-source-acquisition-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.outreach-programs {
    display: grid;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
}
.outreach-program-poll { display:block; min-height:1.5em; }

/* === Outreach Command Center (isolated inside #outreach-root) === */
.outreach-cc-stack { display:grid; gap:var(--space-5,16px); }
.outreach-cc-kpi-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--space-3,10px); margin-bottom:var(--space-5,16px); }
@media (max-width:1200px) { .outreach-cc-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:640px) { .outreach-cc-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.outreach-cc-kpi { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; text-align:left; gap:var(--space-1,4px); padding:var(--space-4,14px); border:1px solid var(--border); border-radius:var(--radius-card,12px); background:var(--bg-surface); transition:border-color .15s,background .15s; }
.outreach-cc-kpi:hover { border-color:var(--border-control); background:var(--bg-hover); }
.outreach-cc-kpi.is-accent { border-color:var(--accent); }
.outreach-cc-kpi.is-warning { border-color:var(--status-warning-text,#f59e0b); }
.outreach-cc-kpi-label { font-size:var(--font-caption,12px); color:var(--text-dim); font-weight:500; }
.outreach-cc-kpi strong { font-size:24px; line-height:1.15; font-variant-numeric:tabular-nums; color:var(--text); }
.outreach-cc-kpi small { font-size:11px; color:var(--text-dim); line-height:1.35; }

.outreach-cc-head-badges { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3,10px); }
.outreach-cc-live-pill { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border:1px solid var(--border); border-radius:var(--radius-pill,999px); background:var(--bg); font-size:var(--font-caption,12px); font-weight:600; color:var(--text); }
.outreach-cc-pulse { width:8px; height:8px; border-radius:50%; background:var(--status-success-text,#10a37f); box-shadow:0 0 0 3px rgba(16,163,127,0.2); }

.outreach-cc-bars { display:grid; gap:var(--space-4,12px); margin-top:var(--space-4,12px); }
.outreach-cc-bar-row { padding:var(--space-4,14px); border:1px solid var(--border); border-radius:var(--radius-md,10px); background:var(--bg); display:grid; gap:var(--space-3,8px); }
.outreach-cc-bar-top { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--space-4,12px); flex-wrap:wrap; }
.outreach-cc-bar-top strong { display:block; font-size:var(--font-body,14px); color:var(--text); }
.outreach-cc-bar-top small { display:block; margin-top:4px; font-size:var(--font-caption,12px); color:var(--text-dim); }
.outreach-cc-bar-Stat { text-align:right; font-variant-numeric:tabular-nums; }
.outreach-cc-bar-Stat strong { font-size:15px; color:var(--text); }
.outreach-cc-bar-Stat span { font-size:12px; color:var(--text-dim); }

.outreach-cc-progress-track { width:100%; height:10px; border-radius:999px; background:var(--bg-surface); border:1px solid var(--border); overflow:hidden; }
.outreach-cc-progress-fill { height:100%; border-radius:999px; background:var(--accent); transition:width .35s ease; }
.outreach-cc-progress-fill.is-info { background:var(--accent); }
.outreach-cc-progress-fill.is-success { background:var(--status-success-text,#10a37f); }
.outreach-cc-progress-fill.is-animated {
    background-image:linear-gradient(45deg,rgba(255,255,255,0.16) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.16) 50%,rgba(255,255,255,0.16) 75%,transparent 75%,transparent);
    background-size:20px 20px;
}

.outreach-cc-filter-pills { display:flex; flex-wrap:wrap; gap:var(--space-2,6px); }
.outreach-cc-log-scroll { max-height:360px; overflow:auto; }
.outreach-cc-mono { font-variant-numeric:tabular-nums; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
.outreach-cc-mini-bar { width:100%; height:7px; border-radius:999px; background:var(--bg); border:1px solid var(--border); overflow:hidden; margin-bottom:4px; }
.outreach-cc-mini-fill { height:100%; border-radius:999px; background:var(--accent); }
.outreach-cc-row-actions { display:flex; flex-wrap:wrap; gap:6px; }
.outreach-cc-launcher-disclosure > summary { cursor:pointer; list-style:none; }
.outreach-cc-launcher-disclosure > summary::-webkit-details-marker { display:none; }
.outreach-cc-launcher-body { margin-top:var(--space-4,12px); padding-top:var(--space-4,12px); border-top:1px solid var(--border); }

/* 2-Pane Split Workspaces (Drafts & Conversations) */
.outreach-cc-split-grid {
    display:grid;
    grid-template-columns:minmax(310px, 380px) minmax(0, 1fr);
    gap:var(--space-4, 14px);
    align-items:start;
    margin-top:var(--space-4, 12px);
}
.outreach-cc-split-grid.is-conversations {
    padding:0 var(--space-4, 14px) var(--space-4, 14px);
}
@media (max-width: 980px) {
    .outreach-cc-split-grid { grid-template-columns:minmax(0, 1fr); }
}
.outreach-cc-split-list {
    display:flex;
    flex-direction:column;
    border:1px solid var(--border);
    border-radius:var(--radius-card, 12px);
    background:var(--bg);
    overflow:hidden;
}
.outreach-cc-split-list-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:var(--space-2, 8px);
    padding:var(--space-3, 10px) var(--space-4, 12px);
    border-bottom:1px solid var(--border);
    background:var(--bg-surface);
    font-size:var(--font-caption, 12px);
    color:var(--text-dim);
}
.outreach-cc-split-list-scroll {
    display:flex;
    flex-direction:column;
    max-height:72vh;
    overflow:auto;
    divide-y:1px solid var(--border);
}
.outreach-cc-list-card {
    display:grid;
    gap:6px;
    width:100%;
    text-align:left;
    padding:var(--space-4, 12px);
    border:0;
    border-bottom:1px solid var(--border);
    border-left:3px solid transparent;
    background:var(--bg-surface);
    color:var(--text);
    cursor:pointer;
    font:inherit;
    transition:background .15s, border-color .15s;
}
.outreach-cc-list-card:last-child { border-bottom:0; }
.outreach-cc-list-card:hover { background:var(--bg-hover); }
.outreach-cc-list-card.is-selected {
    background:var(--bg-hover);
    border-left-color:var(--accent);
}
.outreach-cc-list-card-top {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:8px;
}
.outreach-cc-list-card-top strong {
    font-size:13px;
    line-height:1.35;
    overflow-wrap:anywhere;
}
.outreach-cc-list-title {
    display:block;
    font-size:13px;
    font-weight:500;
    color:var(--text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.outreach-cc-list-badges {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.outreach-cc-list-preview {
    margin:0;
    font-size:12px;
    color:var(--text-dim);
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.outreach-cc-list-meta {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.outreach-cc-list-meta small {
    font-size:11px;
    color:var(--text-dim);
}
.outreach-cc-split-detail {
    min-width:0;
}
.outreach-cc-split-detail > .outreach-draft-card {
    margin:0;
}
.outreach-cc-dock-placeholder {
    min-height:360px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:10px;
    padding:var(--space-6, 24px);
    border:1px dashed var(--border);
    border-radius:var(--radius-card, 12px);
    background:var(--bg);
}
@media (min-width: 981px) {
    .outreach-cc-docked-detail .outreach-detail-backdrop {
        position:static !important;
        inset:auto !important;
        background:transparent !important;
        padding:0 !important;
        display:block !important;
        z-index:auto !important;
    }
    .outreach-cc-docked-detail .outreach-detail-panel {
        width:100% !important;
        max-width:none !important;
        height:auto !important;
        max-height:76vh !important;
        overflow:auto !important;
        border:1px solid var(--border);
        border-radius:var(--radius-card, 12px);
        background:var(--bg-surface);
        box-shadow:none !important;
        margin:0 !important;
    }
}
.outreach-cc-compact-details {
    margin:0 var(--space-4, 14px) var(--space-3, 10px);
    border:1px solid var(--border);
    border-radius:var(--radius-md, 10px);
    background:var(--bg);
}
.outreach-cc-compact-details > summary {
    cursor:pointer;
    padding:8px 12px;
    font-size:12px;
    font-weight:500;
    color:var(--text-dim);
}


/* Prevent top header clipping and ensure clean spacing */
.leads-view {
    padding-top: 20px !important;
    scroll-padding-top: 20px;
}
.outreach-cc-header {
    margin-top: 4px;
}