.cc-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 24px}.cc-context>div{display:flex;align-items:center;gap:12px}.cc-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:24px;align-items:start}.cc-document{overflow:hidden}.cc-preview{padding:32px}.cc-preview-heading{padding-bottom:26px;border-bottom:1px solid var(--line,#e4e8e7)}.cc-preview-heading h2{font-size:28px;margin:12px 0 8px}.cc-preview section{padding:24px 0;border-bottom:1px solid var(--line,#e4e8e7)}.cc-preview section:last-child{border:0;padding-bottom:0}.cc-preview h3{font-size:14px;margin:0 0 14px}.cc-preview p{line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.cc-preview details summary{cursor:pointer;font-size:12px}.cc-preview dl{font-size:12px;line-height:1.7}.cc-preview dt{text-transform:capitalize;font-weight:700;margin-top:14px}.cc-preview dd{margin:3px 0;white-space:pre-wrap}.cc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cc-metrics>div:last-child{grid-column:1/-1}.cc-metrics strong{display:block;font-size:20px}.cc-metrics span,.cc-caption{font-size:11px;color:var(--muted,#667572);line-height:1.6}.cc-stages{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;counter-reset:stage}.cc-stages li{counter-increment:stage;border:1px solid var(--line,#e4e8e7);border-radius:10px;padding:13px}.cc-stages li:before{content:counter(stage,decimal-leading-zero);display:block;font-size:10px;letter-spacing:1px;color:var(--muted,#667572);margin-bottom:8px}.cc-stages span{font-weight:650;font-size:12px;display:block}.cc-stages small{font-size:11px;line-height:1.5;display:block;margin-top:5px;color:var(--muted,#667572)}.cc-components{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cc-components article{background:var(--panel2,#232c28);padding:16px;border-radius:10px;font-size:12px}.cc-components small{font-size:11px;line-height:1.6}.cc-destination{font-size:12px}.cc-destination span{display:block;overflow-wrap:anywhere}.cc-email{border:1px solid var(--line,#e4e8e7);border-radius:10px;margin:12px 0;overflow:hidden}.cc-email summary{padding:16px}.cc-email summary span{font-weight:650}.cc-email summary small{display:block;margin-top:6px;color:var(--muted,#667572)}.cc-email-body{padding:20px;border-top:1px solid var(--line,#e4e8e7)}.cc-email-body strong{font-size:12px}.cc-email-body pre,.cc-diff pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.8;margin:18px 0 0}.cc-conversation{position:sticky;top:16px;overflow:hidden}.cc-conversation .panel-head p{font-size:12px;line-height:1.6;margin:5px 0 0}.cc-chat-log{max-height:430px;overflow:auto;padding:22px}.cc-chat-message{padding:16px 18px;border-radius:12px;margin:0 0 16px;background:var(--panel2,#232c28)}.cc-chat-message.from-user{background:#23372c;margin-left:26px}.cc-chat-message>span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cc-chat-message p{font-size:13px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0}.cc-thinking{border:1px dashed #a3bbb2}.cc-composer{padding:0 22px 22px}.cc-composer>label{font-size:12px;font-weight:650;display:block;margin-bottom:8px}.cc-composer textarea{width:100%;resize:vertical;min-height:120px;line-height:1.6}.cc-composer .row{margin-top:12px;align-items:center}.cc-composer small{font-size:10px;color:var(--muted,#667572);max-width:160px}.cc-catalog{padding:18px 22px;border-top:1px solid var(--line,#e4e8e7);font-size:12px;line-height:1.7}.cc-catalog summary{cursor:pointer}.cc-catalog button{display:block;margin:8px 0;text-align:left}.cc-review-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#23372c;border:1px solid #46654f;border-radius:12px;margin-bottom:24px}.cc-review-banner p{font-size:12px;line-height:1.6;margin:5px 0 0}.cc-empty{min-height:520px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:48px}.cc-empty h2{font-size:26px;line-height:1.4}.cc-empty p{font-size:14px;line-height:1.8;color:var(--muted,#667572)}.cc-orbit{font-size:38px;color:#567a6c;margin-bottom:20px}.cc-contacts{margin-top:24px}.cc-review .cc-preview{padding:24px 0}.cc-review-actions{margin-top:24px;flex-wrap:wrap}.cc-diff details{border-bottom:1px solid var(--line,#e4e8e7);padding:14px 0}.cc-diff summary{cursor:pointer;font-weight:600}.cc-diff-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.cc-diff-columns>div{min-width:0;background:var(--panel2,#232c28);border-radius:8px;padding:14px}.cc-diff pre{font:11px/1.7 monospace;max-height:320px;overflow:auto}.cc-stage-control{margin:20px 0;padding:18px;background:var(--panel2,#232c28);border-radius:10px}.cc-stage-control label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.cc-stage-control select{min-width:0;flex:1}.cc-campaign-picker{max-width:230px;min-width:130px}.kanban.cc-kanban{grid-template-columns:repeat(var(--cc-columns,5),minmax(250px,1fr))}
@media(max-width:1100px){.cc-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr)}.cc-preview{padding:24px}.cc-components,.cc-stages{grid-template-columns:1fr}.cc-campaign-picker{max-width:180px}}
@media(max-width:780px){.cc-workspace{display:flex;flex-direction:column}.cc-conversation{position:static;order:-1;width:100%}.cc-document{width:100%}.cc-chat-log{max-height:300px}.cc-preview{padding:22px}.cc-review-banner,.cc-context{align-items:stretch;flex-direction:column}.cc-context>div{flex-wrap:wrap}.cc-empty{min-height:260px;padding:30px}.cc-diff-columns{grid-template-columns:1fr}.cc-campaign-picker{max-width:100%;width:100%}.cc-stages,.cc-components{grid-template-columns:1fr 1fr}.top-controls{flex-wrap:wrap}.cc-stage-control .row{flex-wrap:wrap}}
@media(max-width:440px){.cc-stages,.cc-components{grid-template-columns:1fr}.cc-composer .row{flex-wrap:wrap}.cc-composer small{max-width:none}.cc-preview-heading h2{font-size:23px}}

@media(max-width:700px){.top-controls #campaign-filter{grid-column:1/-1;grid-row:1;max-width:100%;width:100%}.top-controls #owner-filter{grid-column:1;grid-row:2}.topbar .top-controls .mc-inbox-shortcut{grid-column:2;grid-row:2}.top-controls #refresh{grid-row:2}.top-controls .sync-indicator{grid-row:3}}

/* Campaign dashboard */
.cc-workspace { grid-template-columns: minmax(0,1fr) minmax(235px,280px); gap: 16px; }
.cc-document { container-type: inline-size; }
.cd-dashboard { padding: clamp(14px,2vw,28px); }
.cd-controls { padding: 0; border: 0; margin: 0; min-width: 0; }
.cd-controls legend.sr-only { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; }
.cd-title,.cd-sequence-head,.cd-toolbar,.cd-save,.cd-preview-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.cd-title h2 { font-size: clamp(20px,2vw,29px); margin: 4px 0 0; overflow-wrap: anywhere; }
.cd-title small,.cd-tabs small { font-size: 10px; letter-spacing: .08em; font-weight: 700; color: var(--muted); }
.cd-title { border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.cd-sequence { padding: 16px 0 22px; }
.cd-sequence h3,.cd-needs h3,.cd-preview h3,.cd-editor h3,.cd-drafts h2 { margin: 0; font-size: 15px; }
.cd-tabs { display: grid; grid-template-columns: repeat(auto-fit,minmax(105px,1fr)); gap: 6px; margin: 14px 0 8px; }
.cd-tabs button,.cd-drafts button { display: grid; align-content: start; gap: 4px; padding: 10px; text-align: left; min-width: 0; overflow-wrap: anywhere; }
.cd-tabs button[aria-selected=true],.cd-drafts .current { border-color: var(--mint); background: #23342a; }
.cd-tabs span,.cd-drafts small,.cd-sub small,.cd-fields small,.cd-hint { color: var(--muted); font-size: 11px; line-height: 1.5; }
.cd-tabs strong { font-size: 13px; }
.cd-toolbar { justify-content: flex-start; margin: 10px 0; }
.cd-toolbar button,.cd-tools button,.cd-sequence-head button { padding: 7px 11px; font-size: 12px; }
.cd-email-layout { display: grid; gap: 14px; align-items: start; }
.cd-email-layout.editing { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.cd-preview,.cd-editor { min-width: 0; }
.cd-preview-head { padding: 9px 0; min-height: 46px; }
.cd-preview-head label { display: flex; align-items: center; gap: 5px; max-width: 100%; font-size: 11px; }
.cd-preview-head select { width: auto; max-width: 160px; padding: 5px; font-size: 12px; }
.cd-mail { background: #fff; color: #242424; padding: clamp(14px,2vw,24px); border: 1px solid #d9dcdf; border-top: 3px solid #3475ab; border-radius: 5px; overflow-wrap: anywhere; }
.cd-mail h3 { color: #1a1a1a; font-family: Arial,sans-serif; font-size: 17px; line-height: 1.35; }
.cd-mail small { color: #646a70; }
.cd-envelope { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 5px 8px; font: 12px/1.5 Arial,sans-serif; margin: 16px 0; }
.cd-envelope dt { color: #606770; }.cd-envelope dd { margin: 0; }
.cd-body { margin-top: 16px; border-top: 1px solid #e4e6e9; padding-top: 18px; }
.cd-file { border: 1px solid #c7d8e5; background: #f1f6fb; color: #214d72; font-size: 12px; text-align: left; }
.cd-file:hover { background: #dfebf7; }
.cd-needs,.cd-drafts { padding: 14px; margin: 12px 0; border-radius: 9px; border: 1px solid var(--line); }
.cd-needs { background: #2c2922; border-color: #594c35; }.cd-needs h3 { color: var(--amber); }
.cd-needs p { font-size: 13px; margin: 6px 0; }
.cd-tools,.cd-drafts>div { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.cd-drafts { background: var(--panel); }.cd-drafts button { padding: 8px 12px; }
.cd-section { border-top: 1px solid var(--line); }
.cd-section>summary { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; cursor: pointer; font-weight: 650; }
.cd-section>summary span { font-size: 11px; color: var(--teal); }
.cd-fields,.cd-stage,.cd-sub { display: grid; gap: 10px; }
.cd-fields { padding-bottom: 15px; }
.cd-fields textarea { line-height: 1.55; }.cd-fields details>summary,.cd-sub summary { cursor: pointer; }
.cd-fields label,.cd-fields input,.cd-fields select,.cd-fields textarea { font-size: 12px; }
.cd-stage,.cd-sub { border-top: 1px solid var(--line); padding-top: 12px; }.cd-sub h4 { margin: 0; }
.cd-check { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; padding: 3px; }
.cd-check input { width: 15px; height: 15px; margin: 0; accent-color: var(--mint); }
.cd-sub details,.cd-sub>small,.cd-sub .cd-check { margin-top: 6px; }
.cd-save { border-top: 1px solid var(--line); padding-top: 15px; }.cd-save strong { font-size: 12px; }
.cd-pdf { border: 0; width: 100%; height: min(70vh,720px); }
.cd-mobile-jump { display: none; }
@container (max-width: 560px) {
 .cd-email-layout.editing { grid-template-columns: minmax(0,1fr); }
 .cd-mobile-jump { display: inline-block; }
 .cd-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1120px) {
 .cc-workspace { grid-template-columns: minmax(0,1fr); }
 .cc-conversation { position: static; }.cc-chat-log { max-height: 260px; }
}
@media (max-width: 600px) {
 .cd-title,.cc-context { align-items: flex-start; }.cd-dashboard { padding: 12px; }
 .cd-drafts button { max-width: 100%; }.cc-context { flex-wrap: wrap; }
}

.cd-delivery { margin: 0 0 8px; color: var(--muted); font-size: 12px; }
.cc-review-banner[hidden] { display: none; }
.cd-confirm { margin: 12px 0; }

.cc-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
@media(max-width:700px){
 .page-head:has(.cc-header-actions){gap:8px;margin-bottom:14px}
 .cc-header-actions>button{min-height:44px}
}