.staff-ui .staff-campaign-context { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; }
.staff-ui .staff-campaign-context > div { display:grid; gap:3px; min-width:0; }
.staff-ui .staff-campaign-context span,
.staff-ui .staff-campaign-context small { color:var(--sl-muted); font-size:12px; }
.staff-ui .staff-campaign-context strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.staff-ui .staff-campaign-list-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; padding-bottom:20px; }
.staff-ui .staff-campaign-list-heading h2 { font-size:18px; font-weight:700; }
.staff-ui .staff-campaign-list-heading p { color:var(--sl-muted); font-size:13px; margin-top:4px; }
.staff-ui .staff-campaign-list-heading > strong { font-size:24px; font-weight:500; font-variant-numeric:tabular-nums; }
.staff-ui .staff-campaign-index .staff-list-toolbar { justify-content:flex-end; }
.staff-ui .staff-campaign-content { min-width:0; }
.staff-ui .staff-campaign-content-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:36px; align-items:start; }
.staff-ui .staff-campaign-content-grid--readonly { grid-template-columns:minmax(0,920px); }
.staff-ui .staff-campaign-content-grid--readonly .staff-campaign-preview { border-left:0; padding-left:0; }
.staff-ui .staff-campaign-editor,
.staff-ui .staff-campaign-preview { min-width:0; }
.staff-ui .staff-campaign-editor > header,
.staff-ui .staff-campaign-preview > header,
.staff-ui .staff-campaign-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:20px; }
.staff-ui .staff-campaign-editor h2,
.staff-ui .staff-campaign-preview h2,
.staff-ui .staff-campaign-section-heading h2 { font-size:18px; font-weight:700; }
.staff-ui .staff-campaign-editor header p,
.staff-ui .staff-campaign-preview header p,
.staff-ui .staff-campaign-section-heading p { color:var(--sl-muted); font-size:13px; line-height:1.5; margin-top:5px; max-width:680px; }
.staff-ui .staff-campaign-form,
.staff-ui .staff-campaign-command-form { max-width:680px; }
.staff-ui .staff-campaign-form > .sl-field,
.staff-ui .staff-campaign-command-form > .sl-field { margin:0 0 18px; }
.staff-ui .staff-campaign-unsaved,
.staff-ui .staff-campaign-audience-note { display:flex; align-items:flex-start; gap:10px; color:var(--sl-muted); font-size:13px; line-height:1.5; margin-bottom:20px; }
.staff-ui .staff-campaign-unsaved > .sl-icon { flex:none; margin-top:2px; }
.staff-ui .staff-campaign-preview { border-left:1px solid var(--sl-border); padding-left:28px; }
.staff-ui .staff-campaign-preview-snapshot { color:var(--sl-muted); font-size:12px; margin-bottom:14px; }
.staff-ui .staff-campaign-preview-image { aspect-ratio:16/9; overflow:hidden; border-radius:8px; background:var(--sl-faint); margin-bottom:14px; }
.staff-ui .staff-campaign-preview-image img { width:100%; height:100%; object-fit:cover; }
.staff-ui .staff-campaign-preview-message { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.55; padding:16px; background:var(--sl-faint); border-radius:8px; }
.staff-ui .staff-campaign-preview-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 14px; margin-top:12px; border-radius:8px; background:var(--sl-red); color:#fff; font-size:13px; font-weight:500; }
.staff-ui .staff-campaign-empty { padding:28px 0; }
.staff-ui .staff-campaign-empty h3 { font-size:15px; font-weight:500; }
.staff-ui .staff-campaign-empty p { color:var(--sl-muted); font-size:13px; line-height:1.5; margin-top:6px; max-width:620px; }
.staff-ui .staff-campaign-command,
.staff-ui .staff-campaign-launch,
.staff-ui .staff-campaign-results { max-width:920px; min-width:0; }
.staff-ui .staff-campaign-command-form { margin-top:24px; }
.staff-ui .staff-campaign-command-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:24px; padding-top:18px; border-top:1px solid var(--sl-border); }
.staff-ui .staff-campaign-command-footer span { color:var(--sl-muted); font-size:12px; line-height:1.45; max-width:420px; }
.staff-ui .staff-campaign-unknown { display:flex; gap:12px; padding:18px; background:var(--sl-faint); border-radius:8px; margin-bottom:20px; }
.staff-ui .staff-campaign-unknown > .sl-icon { flex:none; margin-top:2px; }
.staff-ui .staff-campaign-unknown h3,
.staff-ui .staff-campaign-receipt h3,
.staff-ui .staff-campaign-retained h3 { font-size:15px; font-weight:500; }
.staff-ui .staff-campaign-unknown p,
.staff-ui .staff-campaign-receipt p,
.staff-ui .staff-campaign-retained p { font-size:13px; line-height:1.5; margin-top:5px; overflow-wrap:anywhere; }
.staff-ui .staff-campaign-unknown .staff-campaign-evidence,
.staff-ui .staff-campaign-retained span { color:var(--sl-muted); font-size:12px; }
.staff-ui .staff-campaign-unknown .staff-button-secondary { margin-top:14px; }
.staff-ui .staff-campaign-receipt { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,1fr); gap:24px; padding:18px 0; }
.staff-ui .staff-campaign-audience,
.staff-ui .staff-campaign-result-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:24px; }
.staff-ui .staff-campaign-audience > div { display:grid; gap:3px; }
.staff-ui .staff-campaign-audience span { color:var(--sl-muted); font-size:12px; }
.staff-ui .staff-campaign-audience strong { font-size:26px; font-weight:500; font-variant-numeric:tabular-nums; }
.staff-ui .staff-campaign-audience small { color:var(--sl-muted); font-size:11px; }
.staff-ui .staff-campaign-launch .sl-details,
.staff-ui .staff-campaign-results > .sl-details { margin:20px 0; }
.staff-ui .staff-campaign-retained { margin-top:24px; padding:16px; background:var(--sl-faint); border-radius:8px; }
.staff-ui .staff-campaign-result-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); }
.staff-ui .staff-campaign-result-list { margin-top:28px; }
.staff-ui .staff-campaign-result-list > header,
.staff-ui .staff-campaign-result-list > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; min-height:52px; }
.staff-ui .staff-campaign-result-list > header { min-height:40px; color:var(--sl-muted); font-size:12px; }
.staff-ui .staff-campaign-result-list h3 { color:var(--sl-ink); font-size:15px; font-weight:500; }
.staff-ui .staff-campaign-result-list > div { border-top:1px solid var(--sl-border); }
.staff-ui .staff-campaign-result-list span { display:grid; gap:3px; min-width:0; }
.staff-ui .staff-campaign-result-list strong { font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.staff-ui .staff-campaign-result-list small { color:var(--sl-muted); font-size:12px; }
.staff-ui .staff-campaign-result-list b { font-size:14px; font-weight:500; font-variant-numeric:tabular-nums; }
.staff-ui .staff-campaign-result-actions { display:flex; justify-content:flex-end; margin-top:24px; }
.staff-ui .staff-campaign-results .staff-disclosure { margin-top:28px; }
.staff-ui .staff-campaign-links { display:grid; gap:14px; }
.staff-ui .staff-campaign-links dt { color:var(--sl-muted); font-size:11px; }
.staff-ui .staff-campaign-links dd { font-size:12px; margin-top:4px; overflow-wrap:anywhere; word-break:break-word; }
@media(max-width:999px) {
  .staff-ui .staff-campaign-content-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .staff-ui .staff-campaign-preview { border-left:0; border-top:1px solid var(--sl-border); padding:24px 0 0; }
  .staff-ui .staff-campaign-result-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:599px) {
  .staff-ui .staff-campaign-context,
  .staff-ui .staff-campaign-section-heading,
  .staff-ui .staff-campaign-command-footer { align-items:flex-start; flex-direction:column; }
  .staff-ui .staff-campaign-list-heading { align-items:start; }
  .staff-ui .staff-campaign-audience,
  .staff-ui .staff-campaign-result-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .staff-ui .staff-campaign-command-footer .staff-button-primary,
  .staff-ui .staff-campaign-result-actions .staff-button-primary { width:100%; }
  .staff-ui .staff-campaign-receipt { grid-template-columns:minmax(0,1fr); }
}