/* Quiet surfaces, strong reading hierarchy and independent message-window scrolling. */
.marketing-studio,.marketing-activities {color:var(--text-primary);min-width:0}
.marketing-studio .portal-input,.marketing-activities .portal-input,.space-mailbox .portal-input {border-radius:8px;min-height:42px;font-size:14px}
.marketing-studio .portal-textarea,.space-mailbox .portal-textarea {font-size:14px;line-height:1.8;resize:vertical;border-radius:8px}
.marketing-studio .portal-field,.activity-brief .portal-field {margin-bottom:20px}
.marketing-studio .portal-label,.activity-brief .portal-label {font-size:13px;font-weight:500;color:#383b40;margin-bottom:8px}
/* Strategy library and a single editing toolbar. */
.studio-back-button {width:34px;height:36px;flex:none;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;cursor:pointer;color:#696e76}
.studio-back-button svg {width:20px;height:20px}
.studio-back-button:hover {color:#202328;background:#f3f4f5}
.studio-strategy-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.studio-strategy-card {padding:20px;border:1px solid #e5e6e8;border-radius:10px;background:#fff;display:flex;flex-direction:column;min-height:180px;transition:border-color .16s,box-shadow .16s}
.studio-strategy-card:hover {border-color:#bec3ca;box-shadow:0 3px 12px #00000005}
.studio-strategy-card-head {display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#727780;margin-bottom:16px}
.studio-scenario-label {color:#4f5660}
.studio-strategy-name {border:0;background:none;font:inherit;font-size:16px;font-weight:600;line-height:1.55;text-align:left;padding:0;cursor:pointer;color:#202328;overflow-wrap:anywhere}
.studio-strategy-name:hover {text-decoration:underline;text-underline-offset:4px}
.studio-strategy-card>p {font-size:13px;line-height:1.8;color:#666b72;flex:1;margin:9px 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-strategy-actions {display:flex;gap:18px;border-top:1px solid #f0f0f1;padding-top:13px}
.studio-strategy-actions button {font-size:12px}
.studio-strategy-actions button:last-child {margin-left:auto;color:#6d737c}
.studio-template {min-height:62px;border:1px dashed #d7d9dd;border-radius:10px;background:#fff;color:#52565b;font:inherit;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s}
.studio-template:hover {background:#fafafa;border-color:#858b93}
.studio-editor-bar {position:sticky;top:var(--workspace-header-height,54px);z-index:12;display:flex;align-items:center;gap:10px;background:#fff;padding:10px 0 14px;min-height:64px;border-bottom:1px solid #e9eaec;margin-bottom:22px}
.studio-name-field {flex:1;min-width:100px}
.studio-name {display:block;width:100%;font:inherit;font-size:19px;line-height:1.5;font-weight:600;letter-spacing:-.02em;border:1px solid transparent;border-radius:6px;padding:5px 7px;background:transparent;color:#23272d;transition:border-color .15s}
.studio-name:hover {border-color:#e5e7ea}
.studio-save-state {flex:none;max-width:100px;line-height:1.5;color:#777d86;font-size:12px}
.studio-save-state[data-dirty="true"] {color:#646b75}
.studio-editor-actions {display:flex;align-items:center;gap:8px;flex:none}
.studio-editor-actions>.portal-button {min-height:36px;padding:7px 13px;font-size:13px;border-radius:7px;white-space:nowrap}
.studio-more-actions {position:relative;flex:none}
.studio-more-actions summary {width:34px;height:36px;border-radius:6px;display:grid;place-items:center;list-style:none;cursor:pointer;color:#777e88}
.studio-more-actions summary::-webkit-details-marker {display:none}
.studio-more-actions summary svg {width:20px;height:20px}
.studio-more-actions summary:hover,.studio-more-actions[open] summary {background:#f1f2f4;color:#30363e}
.studio-more-actions>div {position:absolute;top:calc(100% + 5px);right:0;min-width:180px;padding:5px;background:#fff;border:1px solid #e4e6e9;border-radius:9px;box-shadow:0 8px 28px #10182314}
.studio-more-actions:not([open])>div {display:none}
.studio-more-actions button {display:block;width:100%;min-height:36px;border:0;background:transparent;padding:8px 11px;text-align:left;font:inherit;font-size:13px;color:#4b535e;border-radius:5px;cursor:pointer}
.studio-more-actions button:hover:not(:disabled) {background:#f5f6f7}
.studio-more-actions button:disabled {color:#a7adb6;cursor:default}
.studio-editor-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:40px;align-items:start}
.studio-canvas {min-width:0}
.studio-brief .portal-field {margin-bottom:16px}
.studio-scenario {display:flex;gap:4px;margin:0 0 18px}
.studio-scenario>button {border:0;border-radius:6px;padding:7px 11px;font:inherit;font-size:13px;color:#737a84;background:none;cursor:pointer}
.studio-scenario>button[aria-pressed="true"] {color:#252b33;background:#eff0f2;font-weight:500}
.studio-scenario>button:hover {color:#252b33;background:#f5f6f7}
.marketing-studio .portal-input {min-height:40px}
.studio-round-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px}
.studio-round-heading h2,.studio-preview h2 {font-size:14px;font-weight:600;line-height:1.5;margin:0}
.studio-round-heading button {font-size:12px}
.studio-rounds {display:flex;gap:5px;overflow-x:auto;padding:7px 0 0;margin-bottom:12px;border-bottom:1px solid #e8eaed;scrollbar-width:thin}
.studio-rounds>button {border:0;border-bottom:2px solid transparent;background:none;white-space:nowrap;font:inherit;font-size:13px;padding:9px 10px;color:#737b85;cursor:pointer;min-height:38px}
.studio-rounds>button[aria-pressed="true"] {border-color:#252a32;color:#252a32;font-weight:600}
.studio-round-meta {display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;color:#737b85}
.studio-round-meta>label:first-child {flex:1;min-width:100px}
.studio-round-meta>label:first-child input {border-color:transparent;border-bottom-color:#e9ebee;border-radius:0;padding:4px 0;min-height:33px}
.studio-round-meta>label:first-child input:hover {border-bottom-color:#a8afb9}
.studio-round-meta [data-studio-delay] {width:58px;display:inline-block;margin:0 6px;min-height:33px;padding:5px 6px;font-size:13px}
.studio-round-meta [data-studio-delay-label] {white-space:nowrap}
.studio-round-meta>button {font-size:12px;white-space:nowrap;color:#747b84}
.studio-writing-sheet {border:1px solid #e3e6ea;border-radius:10px;overflow:hidden;background:#fff}
.studio-writing-block {border-bottom:1px solid #eceef0;background:white}
.studio-writing-block:last-child {border-bottom:0}
.studio-writing-block>header {display:flex;align-items:center;justify-content:space-between;padding:12px 16px 2px}
.studio-writing-block h3 {font-size:13px;font-weight:500;margin:0;color:#424a55}
.marketing-studio .studio-writing-block .portal-textarea {display:block;border:0;box-shadow:none;padding:8px 16px 14px;min-height:0;border-radius:0;background:none;font-size:14px;line-height:1.7}
.studio-writing-block:focus-within {background:#fafbfc}
.studio-options {padding:16px 0;font-size:13px;color:#737b85}
.studio-options summary {cursor:pointer;list-style-position:inside;color:#626b77}
.studio-options>label {display:flex;align-items:center;gap:14px;margin-top:15px}
.studio-options select {max-width:180px}
.studio-check input,.activity-customer-row input {accent-color:#25282e;width:16px;height:16px;flex:none}
.studio-rule {font-size:12px;color:#747d88;line-height:1.7;margin:17px 0 0}
/* Preview selection occupies one row until it is opened. */
.studio-preview {position:sticky;top:calc(var(--workspace-header-height,54px) + 88px);min-width:0;border-left:1px solid #eceef0;padding-left:32px}
.studio-preview-heading {display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.studio-preview-heading>span {font-size:12px;color:#747c87}
.studio-customer-picker {position:relative;z-index:4}
.studio-customer-trigger {display:flex;width:100%;align-items:center;gap:15px;justify-content:space-between;background:white;border:1px solid #e0e4e9;border-radius:8px;padding:11px 13px;min-height:46px;color:#343d48;font:inherit;text-align:left;cursor:pointer}
.studio-customer-trigger:hover,.studio-customer-trigger[aria-expanded="true"] {border-color:#aeb5bf}
.studio-customer-trigger>span {min-width:0;display:flex;flex-direction:column;gap:3px}
.studio-customer-trigger strong {font-weight:500;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-customer-trigger [data-studio-customer-domain] {font-size:12px;line-height:1.5;color:#7c8490}
.studio-customer-trigger svg {width:16px;height:16px;flex:none}
.studio-customer-popover {position:absolute;top:calc(100% + 6px);inset-inline:0;background:white;border:1px solid #dfe3e8;border-radius:10px;padding:6px;box-shadow:0 12px 32px #1825361c;max-height:min(400px,62vh);overflow:auto;overscroll-behavior:contain}
.studio-picker-search {position:sticky;top:-6px;display:flex;align-items:center;gap:8px;background:white;padding:7px 7px 12px;border-bottom:1px solid #edf0f2;margin-bottom:4px}
.studio-picker-search svg {width:17px;height:17px;flex:none;color:#8a929e}
.studio-picker-search input {width:100%;min-width:0;min-height:30px;font:inherit;font-size:13px;background:transparent;border:0;outline:0;padding:3px;color:#303a47}
.studio-preview-customers {display:flex;flex-direction:column;gap:2px}
.studio-customer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;width:100%;border:0;border-radius:6px;padding:10px;font:inherit;background:white;text-align:left;color:#454e5b;cursor:pointer}
.studio-customer:hover,.studio-customer[aria-pressed="true"],.studio-customer:focus-visible {background:#f1f3f5;color:#252c35}
.studio-customer-identity {display:flex;flex-direction:column;gap:3px;min-width:0}
.studio-customer-identity strong {font-weight:500;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-customer-identity>span {font-size:12px;color:#7c8591;line-height:1.5}
.studio-customer-check {font-size:13px;flex:none}
.studio-picker-state {padding:14px 10px;font-size:13px;color:#747d88;line-height:1.7}
.studio-customer-popover>.portal-text-button {display:block;margin:4px auto;font-size:12px;min-height:32px}
.studio-contact-field {margin-top:10px}
.studio-contact-field>label {display:flex;align-items:center;gap:13px;font-size:12px;color:#7b8490}
.studio-contact-field .portal-input {flex:1;min-width:0;border-color:transparent;border-bottom-color:#e8ebef;border-radius:0;min-height:36px;padding:4px 22px 4px 4px;font-size:13px;background-color:transparent}
.studio-email-preview {background:white;border:1px solid #e2e6eb;border-radius:10px;margin-top:18px;padding:26px 24px;min-height:310px;max-height:calc(100dvh - 410px);overflow:auto;overscroll-behavior:contain}
.studio-preview-placeholder {display:flex;align-items:center;justify-content:center;min-height:250px;max-width:260px;margin:auto;text-align:center;color:#858e9b;font-size:13px;line-height:1.9}
.studio-email-preview h3 {font-size:16px;font-weight:600;border-bottom:1px solid #eceef1;padding-bottom:18px;margin:0 0 20px;overflow-wrap:anywhere;line-height:1.6}
.studio-email-body {font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#353e4a}
.studio-preview-footer {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.studio-preview-note {font-size:12px;line-height:1.7;color:#727d8b;margin:0;overflow-wrap:anywhere}
.studio-preview-footer>.portal-button {flex:none;margin-left:auto;min-height:36px;padding:7px 16px;font-size:13px;border-radius:7px}
.studio-preview-safety {display:block;text-align:right;font-size:11px;color:#6b7583;margin-top:8px}
.studio-preview-skeleton {display:grid;gap:14px;padding:16px 0}
.studio-preview-skeleton span {height:9px;border-radius:5px;background:linear-gradient(100deg,#f1f3f5 30%,#fafbfc 50%,#f1f3f5 70%);background-size:220% 100%;animation:studio-loading 1.6s ease-in-out infinite}
.studio-preview-skeleton span:first-child {width:65%;height:13px;margin-bottom:28px}
.studio-preview-skeleton span:nth-child(4) {width:74%;margin-bottom:20px}
.studio-preview-skeleton span:last-child {width:43%}
@keyframes studio-loading {to{background-position:-220% 0}}
.studio-mobile-tabs {display:none}
.marketing-studio button:focus-visible,.marketing-studio summary:focus-visible {outline:2px solid #98a2af;outline-offset:2px}
.marketing-studio button:disabled {cursor:default;opacity:.45}
/* The list starts with one action band, without a duplicate title/search row. */
.activity-toolbar {display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 18px;min-height:40px}
.activity-toolbar .marketing-task-filters {margin:0;gap:20px;flex:1;min-width:0}
.activity-toolbar-actions {display:flex;gap:8px;flex:none}
.activity-toolbar-actions .portal-button {min-height:36px;padding:7px 14px;border-radius:7px;font-size:13px}
.activity-toolbar-actions .primary>span {font-size:18px;line-height:1;display:grid;place-items:center;width:16px;height:16px;font-weight:400}
.activity-empty-mark {width:40px;height:40px;margin:0 auto 17px;color:#abb3bd}
.marketing-activities .marketing-empty {padding:72px 20px 82px;border:0;background:transparent}
.marketing-activities .marketing-empty h2 {font-size:17px;font-weight:500;letter-spacing:0;margin:0 0 9px}
.marketing-activities .marketing-empty p {font-size:13px;color:#7b8591;margin:0}
.activity-columns,.activity-row {display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(120px,1fr) 85px 100px 100px;gap:20px;align-items:center}
.activity-columns {padding:13px 12px;border-block:1px solid #e6e8eb;font-size:12px;color:#747b84;background:#fafafa}
.activity-row {padding:22px 12px;border-bottom:1px solid #eceef0;min-height:92px;transition:background .15s}
.activity-row:hover {background:#fcfcfd}
.activity-name,.activity-count {display:flex;flex-direction:column;gap:6px;min-width:0}
.activity-name>span,.activity-count>span,.activity-round-count {font-size:12px;color:#717983;line-height:1.6;overflow-wrap:anywhere}
.activity-count>strong {font-size:13px;font-weight:500}
.activity-warning {color:#9c6b35!important}
.activity-history {margin-top:30px;font-size:12px;color:#727985}
.activity-create-layout {display:grid;grid-template-columns:minmax(280px,.8fr) minmax(350px,1.2fr);gap:40px;margin-top:28px}
.activity-brief {border-right:1px solid #eaeced;padding-right:34px;align-self:start;position:sticky;top:24px}
.activity-selected-strategy {font-size:13px;line-height:1.8;color:#68707a;margin-top:14px}
.activity-selected-strategy strong {font-weight:500;color:#3b424b}
.activity-selection-summary {margin:28px 0 20px;padding-top:20px;border-top:1px solid #eceef0}
.activity-selection-summary strong {font-size:15px;font-weight:500}
.activity-selection-summary [data-activity-clear-selection] {float:right;font-size:12px;color:#737a83}
.activity-selection-summary p {font-size:12px;line-height:1.8;color:#747d87}
.activity-customer-toolbar {display:flex;gap:12px;margin-bottom:15px}
.activity-customer-toolbar>label {flex:1;min-width:0}
.activity-customer-toolbar>.select-menu {width:145px;flex:0 0 145px}
.activity-customer-row {display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #eceef0}
.activity-customer-row label {display:flex;align-items:center;gap:13px;flex:1;min-width:0;cursor:pointer}
.activity-customer-row label>span {display:flex;flex-direction:column;gap:5px;min-width:0}
.activity-customer-row strong {font-size:14px;font-weight:500;overflow-wrap:anywhere}
.activity-customer-row label>span>span {font-size:12px;color:#7e858d}
.activity-customer-row>.portal-button {font-size:12px;padding:6px 10px;min-height:32px}
.activity-ready {font-size:11px;color:#6e8076}
.activity-detail-heading {display:flex;justify-content:space-between;gap:22px;align-items:center}
.activity-detail-heading h2 {font-size:25px;font-weight:600;letter-spacing:-.025em;margin:0}
.activity-detail-heading p {color:#7a818a;font-size:13px;margin-top:10px}
.activity-detail-actions {display:flex;gap:9px;flex-wrap:wrap}
.activity-detail-metrics {display:flex;gap:50px;padding:25px 0 28px;border-bottom:1px solid #e9ecee;margin-bottom:20px}
.activity-detail-metrics>div {display:flex;flex-direction:column;gap:8px}
.activity-detail-metrics strong {font-size:26px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
.activity-detail-metrics span {font-size:12px;color:#747d87}
.activity-frozen-strategy {font-size:13px;line-height:1.8;color:#737b85;margin:16px 0}
.activity-frozen-strategy summary {cursor:pointer;color:#464e58}
.activity-start-note {font-size:13px;line-height:1.8;color:#5a626e;background:#f8f9fa;padding:14px 17px;border-radius:8px}
.activity-member {display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) auto;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid #eceef1}
.activity-member>div {display:flex;flex-direction:column;gap:5px;min-width:0}
.activity-member strong {font-size:14px;font-weight:500}
.activity-member span {font-size:12px;color:#727c87;line-height:1.65;overflow-wrap:anywhere}
.workspace-messages-button {display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:7px 9px;font:inherit;font-size:13px;color:#464d57;cursor:pointer;min-height:38px;border-radius:7px}
.workspace-messages-button:hover {background:#f4f5f6}
.workspace-messages-button svg {width:19px;height:19px}
.workspace-messages-button b {display:grid;place-items:center;border-radius:10px;background:#262a31;color:white;font-size:10px;min-width:17px;height:17px;padding:0 4px;font-weight:500}
.message-window.portal-dialog {width:min(1200px,94vw);max-width:none;max-height:none;height:min(820px,90dvh);padding:0;border:1px solid #e1e4e7;border-radius:15px;overflow:hidden;box-shadow:0 24px 90px #00000025;background:white}
.message-window[open] {display:flex;flex-direction:column}
.message-window::backdrop {background:#11192348;backdrop-filter:blur(3px)}
.message-window.is-expanded {width:98vw;height:96dvh}
.message-window-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:15px 21px;border-bottom:1px solid #e8eaee}
.message-window-heading>div {display:flex;align-items:center;gap:14px}
.message-window-heading h2 {font-size:17px;font-weight:600;margin:0}
.message-window-heading .portal-icon-button {width:32px;height:32px;display:grid;place-items:center}
.message-window-heading svg {width:19px;height:19px}
.message-window-heading [data-messages-unread-badge] {font-size:12px;color:#777}
.message-window .message-center {flex:1;height:auto;min-height:0;border:0;border-radius:0;margin:0;display:grid;grid-template-columns:300px minmax(0,1fr)}
.message-window .message-directory {min-height:0;height:100%}
.message-window .message-conversation {min-height:0;height:100%}
.message-window .message-conversation-inner {height:100%;min-height:0}
.message-window .message-history {min-height:0;overscroll-behavior:contain}
.message-window-open {overflow:hidden}
.space-mailbox {margin-top:32px;padding:28px 0;border-top:1px solid #e5e8ec}
.space-mailbox-heading h2 {font-size:20px;font-weight:600;margin:0 0 10px}
.space-mailbox-heading p {font-size:13px;color:#717b87;margin-bottom:24px}
.space-mailbox .outreach-sender {margin-bottom:26px}
.space-mailbox .marketing-mailbox-settings {padding-top:5px}
.space-mailbox .marketing-mailbox-grid {grid-template-columns:1fr}
.space-mailbox .marketing-mailbox-card:first-child {display:none}
.space-mailbox [data-inbox-form] {display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.space-mailbox [data-inbox-form] .portal-field {margin:0}
.space-mailbox .marketing-mailbox-actions,.space-mailbox [data-inbox-error] {grid-column:1/-1}
.space-mail-signature {max-width:680px;margin-top:30px;border-top:1px solid #e7eaed;padding-top:20px}
.space-mail-signature h3 {font-size:16px;font-weight:600;margin:0 0 16px}
.space-mail-signature>div {display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#747d87;margin-top:12px}
@media (max-width:1100px) {
 .studio-strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .studio-editor-layout{gap:25px}.studio-preview{padding-left:24px}
 .studio-save-state{display:none}
 .activity-columns,.activity-row{grid-template-columns:minmax(170px,1.5fr) 115px 60px 90px 80px;gap:12px}
 .activity-toolbar{gap:12px}.activity-toolbar .marketing-task-filters{gap:14px}
 .activity-create-layout{gap:25px}.activity-brief{padding-right:24px}
 .message-window .message-center{grid-template-columns:260px minmax(0,1fr)}
}
@media (max-width:1000px) {
 .studio-editor-layout{display:block;max-width:760px;margin-inline:auto}
 .studio-mobile-tabs{display:flex;gap:22px;margin:-5px 0 18px;border-bottom:1px solid #e8ebef}
 .studio-mobile-tabs>button{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 2px;min-height:40px;font:inherit;font-size:13px;color:#78818d;cursor:pointer}
 .studio-mobile-tabs>button[aria-pressed="true"]{border-bottom-color:#292f37;color:#292f37;font-weight:500}
 .marketing-studio[data-studio-pane="edit"] .studio-preview,.marketing-studio[data-studio-pane="preview"] .studio-canvas{display:none}
 .studio-preview{position:static;border:0;padding:0;margin:0}
 .studio-email-preview{max-height:65vh;min-height:340px}
 .studio-editor-bar{gap:7px}
 .studio-editor-actions>.portal-button{font-size:12px;padding:7px 10px}
 .studio-name{font-size:17px}
 .activity-toolbar{flex-wrap:wrap}
 .activity-toolbar-actions{margin-left:auto}
}
@media (max-width:760px) {
 .studio-editor-bar{position:static;flex-wrap:wrap;margin-bottom:18px;padding-top:0;row-gap:12px}
 .studio-name-field{flex-basis:calc(100% - 50px)}.studio-editor-actions{margin-left:auto}
 .studio-editor-actions>.portal-button{min-height:38px;font-size:13px}
 .studio-save-state{display:block;max-width:none;margin-left:7px}
 .studio-canvas .portal-input,.studio-canvas .portal-textarea,.studio-picker-search input,.studio-name{font-size:16px}
 .studio-preview .portal-input{font-size:16px}
 .studio-round-meta{flex-wrap:wrap}.studio-round-meta>label:first-child{min-width:140px}
 .activity-create-layout{display:block}.activity-brief{position:static;border:0;padding:0}
 .activity-toolbar{gap:14px;margin-bottom:14px}.activity-toolbar .marketing-task-filters{order:2;width:100%;flex-basis:100%;gap:20px;overflow-x:auto;flex-wrap:nowrap}
 .activity-toolbar-actions{width:100%;justify-content:flex-end}
 .marketing-activities .marketing-empty{padding:48px 16px 40px}
 .activity-history{margin-top:16px}
 .activity-columns{display:none!important}.activity-row{grid-template-columns:minmax(0,1fr) 95px;gap:13px;padding:18px 2px}.activity-name{grid-column:1}.activity-round-count{display:none}.activity-count{font-size:12px}
 .activity-customer-picker{margin-top:30px}.activity-detail-heading{align-items:start;flex-direction:column}.activity-detail-metrics{gap:0;justify-content:space-between}.activity-detail-metrics strong{font-size:24px}.activity-member{grid-template-columns:1fr auto;gap:14px}.activity-member>div:nth-child(2){grid-row:2;grid-column:1/-1}
 .workspace-messages-button>span{display:none}
 .message-window.portal-dialog{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;max-width:100vw}.message-window .message-center{grid-template-columns:1fr}.message-window:not(.has-message-selection) .message-conversation{display:none}.message-window.has-message-selection .message-directory{display:none}.message-window .message-mobile-back{display:block}.message-window-heading{padding:13px 16px}.message-window [data-message-window-expand]{display:none}
 .space-mailbox [data-inbox-form]{grid-template-columns:1fr}.space-mailbox .marketing-section-top{flex-wrap:wrap}
}
@media (max-width:460px) {
 .studio-strategy-grid{grid-template-columns:1fr}.studio-strategy-card{min-height:175px}
 .activity-customer-toolbar{flex-wrap:wrap}.activity-customer-toolbar>.select-menu{width:100%;flex-basis:100%}.activity-detail-actions>.portal-button{min-height:40px}
 .studio-email-preview{padding:22px 18px}
}
@media (prefers-reduced-motion:reduce) {.studio-strategy-card,.studio-template,.activity-row,.studio-name{transition:none}.studio-preview-skeleton span{animation:none}}
@media (forced-colors:active) {.studio-writing-sheet,.studio-strategy-card,.activity-row,.message-window,.studio-customer-trigger{border:1px solid CanvasText}.studio-scenario>button[aria-pressed="true"],.studio-rounds>button[aria-pressed="true"],.studio-mobile-tabs>button[aria-pressed="true"]{outline:1px solid Highlight}.studio-customer[aria-pressed="true"]{outline:1px solid Highlight}}

.studio-attachments{padding:20px 0;border-top:1px solid var(--border-subtle,#e8e9ec);border-bottom:1px solid var(--border-subtle,#e8e9ec)}
.studio-attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-attachment-heading h2{font-size:15px;margin:0}.studio-attachment-heading>.portal-input,.studio-attachment-heading>.select-menu{width:auto;max-width:170px}.studio-attachments>p{color:var(--text-secondary);font-size:13px;margin:8px 0 14px}.studio-attachments .mail-files{border:0;padding:0;margin:0}.activity-strategy-files{overflow-wrap:anywhere}

.activity-selected-customers{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0;max-height:180px;overflow:auto}.activity-selected-chip{border:1px solid var(--border-default,#e1e3e7);background:transparent;border-radius:6px;padding:5px 8px;font-size:12px;text-align:left;overflow-wrap:anywhere}.activity-selected-chip:hover{background:var(--surface-hover,#f5f6f7)}.studio-preview-attachments{border-top:1px solid var(--border-default,#e1e3e7);padding-top:12px;overflow-wrap:anywhere;font-size:13px;color:var(--text-secondary)}

/* Marketing runs share the task drawer scale and keep business outcomes in view. */
.marketing-task-drawer{width:min(800px,100%);font-size:14px;line-height:1.65}
.marketing-drawer-frame{height:100%;display:flex;flex-direction:column;min-height:0}
.marketing-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px 17px;border-bottom:1px solid var(--border-subtle);flex:none}
.marketing-drawer-header>div{min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.marketing-task-drawer .marketing-drawer-header h2{margin:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.015em;overflow-wrap:anywhere}
.marketing-task-drawer .marketing-drawer-header h2:focus{outline:none}
.marketing-task-drawer .marketing-task-state{font-size:12px;line-height:20px;padding:2px 7px;white-space:nowrap}
.marketing-drawer-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:22px 24px 28px;scrollbar-gutter:stable}
.marketing-drawer-loading{font-size:13px;color:var(--text-secondary);margin:0 0 18px}
.marketing-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid var(--border-subtle);background:#fff;flex:none}
.marketing-drawer-main-actions{display:flex;align-items:center;gap:8px}
.marketing-drawer-footer .portal-button{font-size:13px;min-height:34px;padding:6px 12px}
.activity-run-scope{font-size:12px;color:var(--text-secondary);margin:0 0 15px}
.activity-outcome-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 16px}
.activity-outcome-metrics>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.activity-outcome-metrics dt{font-size:12px;color:var(--text-secondary)}
.activity-outcome-metrics dd{font-size:20px;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums;margin:0}
.activity-run-note{font-size:13px;color:var(--text-secondary);margin:0}
.marketing-task-drawer .activity-start-note{font-size:13px;line-height:1.65;padding:10px 12px;margin:14px 0 0;background:#faf7f2;color:#846b48;border-radius:7px}
.marketing-task-drawer .activity-frozen-strategy{border-block:1px solid var(--border-subtle);padding:15px 0;margin:20px 0 0;font-size:13px;color:var(--text-secondary)}
.activity-frozen-strategy summary{font-size:13px;font-weight:500;color:var(--text-primary)}
.activity-strategy-rounds{margin:14px 0 0;padding-left:22px;display:grid;gap:8px}
.activity-strategy-rounds li>span{margin-left:10px;color:var(--text-secondary);font-size:12px}
.activity-member-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 2px}
.activity-member-heading h3{font-size:14px;font-weight:600;margin:0}
.activity-member-heading>span{font-size:12px;color:var(--text-secondary)}
.marketing-task-drawer .activity-member{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;padding:16px 0;gap:16px;align-items:start}
.marketing-task-drawer .activity-member strong{font-size:13px;line-height:1.6;font-weight:500}
.marketing-task-drawer .activity-member span,.marketing-task-drawer .activity-member time{font-size:12px;line-height:1.65;color:var(--text-secondary)}
.marketing-task-drawer .activity-member .activity-member-note{color:#8b6c40}
.activity-member-address{overflow-wrap:anywhere}
.activity-member-thread{font-size:12px!important;white-space:nowrap;min-height:30px}
@media(max-width:600px){.marketing-drawer-header{padding:17px 18px 14px}.marketing-drawer-scroll{padding:18px}.marketing-drawer-footer{padding:12px 18px}.marketing-task-drawer .activity-member{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.activity-member-identity{grid-column:1}.activity-member-state{grid-column:1;grid-row:2}.activity-member-thread{grid-column:2;grid-row:1}.activity-outcome-metrics{gap:12px}.activity-outcome-metrics dd{font-size:18px}.activity-strategy-rounds li>span{display:block;margin-left:0}}

/* Customer selection keeps its scope and primary action visible. */
.activity-create-layout{gap:32px;margin-top:20px}
.activity-brief{padding-right:28px}
.activity-customer-picker{min-width:0}
.activity-selection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-default);min-height:44px}
.activity-select-all{display:flex;align-items:center;gap:12px;min-height:32px;font-size:13px;color:var(--text-primary);cursor:pointer;white-space:nowrap}
.activity-selection-tools{display:flex;align-items:center;gap:10px;min-width:0}
.activity-selection-tools>[data-activity-selection-meta]{font-size:12px;line-height:1.5;color:var(--text-secondary);font-variant-numeric:tabular-nums}
.activity-selection-feedback p{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--text-secondary)}
.activity-selection-feedback>button{margin:8px 0}
.activity-customer-list{max-height:65vh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.activity-customer-row{padding:15px 10px 15px 0;transition:background .15s}
.activity-customer-row:hover{background:#fafbfc}
.activity-customer-row.is-selected{background:#f6f8fa}
.activity-customer-row>.portal-text-button{font-size:12px;white-space:nowrap}
.activity-selection-summary{margin-top:24px;padding-top:18px}
.activity-selection-summary p{margin:12px 0 0}
.activity-detail-heading .action-menu{align-self:center}
@media(max-width:700px){.activity-brief{padding-right:0}.activity-customer-list{max-height:58vh}.activity-selection-toolbar{flex-wrap:wrap;gap:4px 12px}.activity-selection-tools{margin-left:auto}.activity-selection-tools>[data-activity-selection-meta]{font-size:11px}.activity-customer-row{padding-block:14px}.activity-customer-picker{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.activity-customer-row{transition:none}}

/* A company list and one writing brief form the primary marketing task. */
.activity-compose-subtitle{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.7}
.activity-company-composer{border:1px solid var(--border-default,#e1e3e7);border-radius:16px;margin-top:28px;padding:30px 32px;background:var(--surface-primary,#fff)}
.activity-compose-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.activity-compose-heading h3{font-size:18px;font-weight:600;line-height:1.5;margin:0}
.activity-compose-heading>strong{font-size:14px;font-weight:400;color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}
.activity-company-composer .activity-customer-picker{margin-top:0}
.activity-company-composer .activity-customer-toolbar{max-width:720px;gap:12px;margin-bottom:6px}
.activity-company-composer .activity-customer-list{max-height:400px;min-height:80px}
.activity-company-composer .activity-customer-row{padding:18px 12px;border-bottom:0;border-radius:8px;gap:18px}
.activity-company-composer .activity-customer-row strong{font-size:15px;font-weight:500}
.activity-company-composer .activity-customer-row label>span>span{font-size:14px;line-height:1.6;color:var(--text-secondary);overflow-wrap:anywhere}
.activity-company-composer .activity-customer-row input{width:20px;height:20px}
.activity-company-composer .activity-selected-customers:empty{display:none}
.activity-instructions-section{border-top:1px solid var(--border-default,#e1e3e7);padding-top:26px;margin-top:24px}
.activity-instructions-section>.portal-field{margin-bottom:0}
.activity-instructions-section>.portal-field>.portal-label{font-size:15px;font-weight:500;line-height:1.7;margin-bottom:12px}
.activity-instructions-section textarea{font-size:15px;line-height:1.8;min-height:132px;resize:vertical}
.activity-compose-options{margin-top:18px}
.activity-compose-options>summary{cursor:pointer;font-size:14px;color:var(--text-secondary);padding:6px 0;width:fit-content}
.activity-compose-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.activity-compose-options .activity-selected-strategy{border:0;padding:0;margin:0 0 12px}
.activity-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}
.activity-compose-footer p{font-size:13px;line-height:1.8;color:var(--text-secondary);margin:0}
.activity-compose-footer button{flex:none}
@media(max-width:700px){.activity-company-composer{padding:22px 18px;margin-top:22px;border-radius:12px}.activity-compose-heading{margin-bottom:16px;gap:10px}.activity-compose-heading h3{font-size:17px}.activity-company-composer .activity-customer-list{max-height:360px}.activity-company-composer .activity-customer-row{padding:16px 6px;gap:10px}.activity-company-composer .activity-customer-toolbar>.select-menu{width:auto;flex:0 0 auto}.activity-company-composer .activity-customer-toolbar>label{min-width:150px}.activity-compose-settings{grid-template-columns:1fr;gap:4px}.activity-compose-footer{align-items:stretch;flex-direction:column;gap:14px}.activity-compose-footer button{width:100%}}
