/* outreach-1: Team outreach (/workspace/outreach) and My outreach (/staff/outreach). */
/* o1port: the page frame, studio-leads-staff.css's rules these pages use (production has no such file). */
body{margin:0;background:#f6f5f2;color:#1f2a24;font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
main{padding:20px 16px 32px}
.wrap{max-width:1180px;margin:0 auto;display:grid;gap:16px}
.leads-back{color:#2b5672;font-weight:600}
.leads-back:focus-visible{outline:2px solid #2b5672;outline-offset:2px}
.leads-panel{background:#fff;border:1px solid #e3e1dc;border-radius:14px;padding:16px}
@media(max-width:760px){main button,main select,main input:not([type=checkbox]):not([type=radio]),main summary{min-height:44px}.leads-back{display:inline-flex;align-items:center;min-height:44px}}
.outreach-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.outreach-bar label{display:grid;gap:4px;font-size:.9em;color:#5b6660}
.outreach-tabs{display:flex;gap:6px;flex-wrap:wrap}
.outreach-tabs button[aria-selected=true]{background:#2b5672;color:#fff;border-color:#2b5672}
.outreach-panel h2{margin:0 0 10px;font-size:1.15em}
.outreach-table{width:100%;border-collapse:collapse;font-size:.95em}
.outreach-table th,.outreach-table td{text-align:left;padding:8px 6px;border-bottom:1px solid #e3e1dc;vertical-align:top}
.outreach-table th{font-weight:600;color:#5b6660}
.outreach-table td.num,.outreach-table th.num{text-align:right}
/* M1 (review): grid items keep min-width:auto, so a panel grew to its table's width; at 0 the box scrolls the table. */
#outreachRoot>*{min-width:0}
.outreach-scroll{overflow-x:auto}
.outreach-link{background:none;border:0;padding:0;color:#2b5672;font:inherit;text-decoration:underline;cursor:pointer}
main button:not(.outreach-link),main select,main input,main textarea{font:inherit;padding:6px 10px;border:1px solid #c9c6bf;border-radius:8px;background:#fff;color:#1f2a24}
main button.primary{background:#2b5672;border-color:#2b5672;color:#fff}
main button:focus-visible,main select:focus-visible,main input:focus-visible,main textarea:focus-visible,.outreach-link:focus-visible{outline:2px solid #2b5672;outline-offset:2px}
.outreach-form{display:grid;gap:10px;max-width:560px}
.outreach-form label{display:grid;gap:4px}
.outreach-form textarea{min-height:90px}
.outreach-notice{border-color:#2b5672}
.outreach-notice p{white-space:pre-line}
.outreach-muted{color:#5b6660}
.outreach-voided td{color:#8a8f8b;text-decoration:line-through}
.outreach-voided td.void-note{text-decoration:none}
.outreach-results{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.outreach-status{min-height:1.4em}
.outreach-error{color:#9b2c2c}
@media(max-width:760px){.outreach-link{min-height:44px}}
/* The grid labels above would otherwise show a hidden field (the outcome when the channel is not a call). */
[hidden]{display:none!important}
/* outreach-2: the work list, the Work it panel, the Team task drill-down and the scripts editor. */
.outreach-stack,.outreach-workit,.outreach-drill{display:grid;gap:12px;min-width:0}
.outreach-group{display:grid;gap:8px;margin-bottom:12px}
.outreach-count{display:inline-block;min-width:1.6em;padding:0 6px;border-radius:999px;background:#eef1f3;color:#2b5672;font-size:.85em;text-align:center}
.outreach-work{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.outreach-task{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;border:1px solid #e3e1dc;border-radius:10px;padding:10px 12px}
.outreach-task-main{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.outreach-task-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.outreach-why{color:#5b6660;font-size:.9em}
.outreach-overdue{color:#9b2c2c}
.outreach-work-head{display:flex;gap:12px;align-items:start;justify-content:space-between}
.outreach-work-head p{margin:0}
.outreach-work-links{display:flex;flex-wrap:wrap;gap:12px}
.outreach-work-links a{color:#2b5672;font-weight:600;display:inline-flex;align-items:center;min-height:44px}
.outreach-script h3{margin:0 0 6px}
.outreach-script-text{white-space:pre-line;background:#f6f5f2;border-radius:8px;padding:10px;margin:0;overflow-wrap:anywhere}
.outreach-offer{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.outreach-pager{display:flex;gap:8px;align-items:center}
.outreach-scripts td{text-align:left}
/* outreachs2: Today's tasks on the staff page. */
.outreach-today h2{margin:0 0 10px;font-size:1.15em}
.outreach-today-counts{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 10px;font-weight:600}