.kl-hero{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#eef6f2;border:1px solid #d1e5da;margin-bottom:14px}.kl-hero>div{display:flex;flex-direction:column;gap:3px}.kl-hero>div span{font-size:12px;color:#596760}.kl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.kl-tabs button{border:1px solid #dfdbd3;background:#fff;border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}.kl-tabs button.active{background:#1f2723;color:#fff;border-color:#1f2723}.kl-import-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.kl-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.kl-summary-grid>div{display:flex;flex-direction:column;gap:5px}.kl-summary-grid span{font-size:10px;text-transform:uppercase;color:#777}.kl-summary-grid strong{font-size:20px}.kl-summary-grid small{font-size:11px;color:#6d6a64}.kl-empty-plan{text-align:center;padding:28px}.kl-empty-plan p{max-width:650px;margin:8px auto 14px;color:#62665f;line-height:1.5}.kl-now{background:#eef6f2;border:1px solid #cfe4d9;margin-bottom:14px}.kl-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;color:#1f6c58}.kl-now h2{font-size:23px;margin:5px 0}.kl-now>p{line-height:1.5;color:#526159}.kl-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.kl-now-grid>div{padding:10px;background:#fff;border-radius:9px;display:flex;flex-direction:column;gap:3px}.kl-now-grid span,.kl-campaign-core span,.kl-subjects span{font-size:10px;text-transform:uppercase;color:#777}.kl-plan-controls{margin-bottom:14px}.kl-context-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.kl-generate{margin-top:3px}.kl-plan-list{display:grid;gap:12px}.kl-campaign-card{border:1px solid #e4e0d8;border-radius:14px;background:#fff;padding:14px}.kl-campaign-head{display:flex;align-items:flex-start;gap:10px}.kl-campaign-head>div{flex:1;display:flex;flex-direction:column;gap:2px}.kl-campaign-head>div strong{font-size:18px}.kl-campaign-head>div span{font-size:11px;color:#6d6a64}.kl-priority{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#1f6c58;color:#fff;font-weight:800}.kl-campaign-core{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.kl-campaign-core>div{padding:9px;border-radius:9px;background:#faf9f6;display:flex;flex-direction:column;gap:4px}.kl-subjects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.kl-subjects>div{position:relative;padding:10px;border-radius:9px;background:#f2f8f5;display:flex;flex-direction:column;gap:4px}.kl-subjects .linkbtn{position:absolute;right:7px;top:6px}.kl-campaign-card details{margin-top:10px;border-top:1px solid #e7e3dc;padding-top:9px}.kl-campaign-card summary{cursor:pointer;font-weight:700}.kl-campaign-card details li,.kl-campaign-card details p{font-size:12px;line-height:1.5}.kl-insight-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kl-insight{padding:10px;border-radius:9px;display:flex;flex-direction:column;gap:4px;margin-bottom:7px}.kl-insight.good{background:#eef6f2}.kl-insight.bad{background:#fff1ef}.kl-insight span{font-size:11px;line-height:1.4;color:#61675f}.kl-competitor-findings{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.kl-competitor-findings>div{border:1px solid #e5e1da;border-radius:10px;padding:11px}.kl-competitor-findings p{font-size:12px;line-height:1.45}.kl-competitor-findings span{display:block;font-size:11px;color:#58625d}.kl-competitor-findings a{display:inline-block;margin-top:7px;font-size:11px}.kl-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.kl-tips>div{padding:9px;background:#faf9f6;border-radius:9px;font-size:12px}.kl-comp-add{display:grid;grid-template-columns:1fr auto;gap:8px}.kl-comp-row{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;border-bottom:1px solid #ece8e1}.kl-web-note{margin-top:14px}.kl-web-note p{margin:5px 0 0;font-size:12px}.kl-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.kl-help-grid>div{padding:11px;border:1px solid #e5e1da;border-radius:10px;display:flex;flex-direction:column;gap:4px}.kl-help-grid span{font-size:11px;line-height:1.45;color:#61675f}@media(max-width:1050px){.kl-campaign-core,.kl-subjects{grid-template-columns:repeat(2,1fr)}.kl-summary-grid{grid-template-columns:1fr}.kl-competitor-findings{grid-template-columns:1fr}}@media(max-width:700px){.kl-import-row,.kl-comp-add,.kl-now-grid,.kl-insight-cols,.kl-tips,.kl-help-grid,.kl-campaign-core,.kl-subjects{grid-template-columns:1fr}.kl-hero{align-items:flex-start;flex-direction:column}}
.kl-campaign-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.kl-create-email-btn{padding:7px 10px;font-size:11px}
.modal-card:has(.kl-email-builder){width:min(1180px,96vw)}
.kl-email-builder{padding-right:4px}
.kl-email-selection-note{margin:10px 0 12px}
.kl-email-selection-note p{margin:5px 0 0}
.kl-email-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:380px;overflow:auto;margin-top:8px;padding:2px}
.kl-email-product{display:flex;align-items:center;gap:9px;border:1px solid #e5e1da;border-radius:10px;padding:9px;background:#faf9f6;cursor:pointer}
.kl-email-product:has(input:checked){border-color:#8db4a6;background:#eef6f2}
.kl-email-product input{flex:0 0 auto}
.kl-email-product img,.kl-email-noimg{width:48px;height:48px;border-radius:9px;object-fit:cover;border:1px solid #e3dfd7;background:#eee}
.kl-email-noimg{display:grid;place-items:center;font-size:9px;color:#888}
.kl-email-product>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.kl-email-product strong{font-size:12px}
.kl-email-product small{font-size:10px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-email-builder-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e7e3dc}
.kl-email-output{margin-top:16px;border-top:1px solid #e2ded6;padding-top:16px}
.kl-email-output-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kl-email-output-head h2{font-size:21px;margin:4px 0}
.kl-email-output-actions{display:flex;gap:7px;flex-wrap:wrap}
.kl-email-products-used{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}
.kl-email-products-used span{padding:5px 8px;border-radius:999px;background:#eef6f2;color:#1f6c58;font-size:11px;font-weight:700}
.kl-email-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.kl-email-meta>div{position:relative;padding:10px 60px 10px 10px;border-radius:9px;background:#faf9f6;border:1px solid #e7e3dc;display:flex;flex-direction:column;gap:3px}
.kl-email-meta span{font-size:9px;text-transform:uppercase;color:#777}
.kl-email-meta strong{font-size:12px;line-height:1.4}
.kl-email-meta .linkbtn{position:absolute;right:10px;top:11px}
.kl-email-rationale{padding:10px 12px;border-left:3px solid #1f6c58;background:#eef6f2;border-radius:8px;margin:10px 0}
.kl-email-rationale p{margin:5px 0 0;font-size:12px;line-height:1.45}
.kl-email-preview-code{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.kl-email-preview-code h3{font-size:13px;margin:0 0 7px}
#klEmailPreview{width:100%;height:620px;border:1px solid #dedad2;border-radius:10px;background:#f5f4f0}
#klEmailCode{width:100%;height:620px;resize:vertical;border:1px solid #dedad2;border-radius:10px;padding:10px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#171713;color:#f4f4ef}
.kl-email-plain{margin-top:10px;border:1px solid #e6e2da;border-radius:9px;padding:9px}
.kl-email-plain summary{cursor:pointer;font-weight:700}
.kl-email-plain pre{white-space:pre-wrap;font:12px/1.5 Arial,sans-serif;color:#555}
.kl-email-klaviyo-tip{margin-top:10px}
@media(max-width:900px){.kl-email-products{grid-template-columns:repeat(2,1fr)}.kl-email-preview-code,.kl-email-meta{grid-template-columns:1fr}}
@media(max-width:620px){.kl-email-products{grid-template-columns:1fr}.kl-email-builder-actions,.kl-email-output-head{align-items:stretch;flex-direction:column}.kl-email-output-actions button{width:100%}}

.kl-brand-direction{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:4px 0 12px}
.kl-brand-direction>div{padding:9px 10px;border:1px solid #dfddd5;border-radius:10px;background:#f7f4ee;display:flex;flex-direction:column;gap:2px}
.kl-brand-direction strong{font-size:11px;color:#173f37}
.kl-brand-direction span{font-size:9px;color:#777;line-height:1.35}
@media(max-width:760px){.kl-brand-direction{grid-template-columns:repeat(2,1fr)}}

.kl-plan-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding:9px 10px;border-top:1px solid #e7e3dc;border-bottom:1px solid #e7e3dc;background:#fbfaf7}
.kl-plan-status>span{font-size:10px;text-transform:uppercase;color:#777;font-weight:700;margin-right:2px}
.kl-plan-status label{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ddd8cf;border-radius:999px;background:#fff;cursor:pointer;font-size:11px;font-weight:600}
.kl-plan-status label input{margin:0}
.kl-plan-status label.active.used{background:#eaf5ef;border-color:#b8d8c9;color:#1f6c58}
.kl-plan-status label.active.discarded{background:#fff0ef;border-color:#e9c0bb;color:#a8443e}
.kl-plan-status .linkbtn:disabled{opacity:.35;cursor:default}

.kl-plan-status{justify-content:flex-end}
.kl-plan-status>span{margin-right:auto}
.kl-plan-status label.used:hover{background:#eaf5ef;border-color:#b8d8c9;color:#1f6c58}
.kl-plan-status label.discarded:hover{background:#fff0ef;border-color:#e9c0bb;color:#a8443e}
.kl-history-card{background:#fbfcfa;border-color:#d8e5de}
.kl-history-card .kl-priority{background:#55776c}
.kl-history-actions{display:flex;justify-content:flex-end;margin-top:9px;padding-top:8px;border-top:1px solid #e7e3dc}
.kl-history-note{margin-top:12px}
.kl-history-note p,.kl-status-explain p{margin:5px 0 0;font-size:12px;line-height:1.45}
.kl-status-explain{margin:10px 0 12px;background:#f5f3ed}

.kl-brand-direction div strong{letter-spacing:.01em}
.kl-email-builder .badge.ok{background:#f4efe7;color:#1d1d1d;border:1px solid #ddd2c3}

.kl-email-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.kl-email-filter-grid .field small{display:block;margin-top:5px;color:#777;font-size:10px;line-height:1.35}
.kl-email-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin:8px 0 10px}
.kl-email-filter-actions>span{margin-right:auto}
[data-kl-new-campaigns]{white-space:nowrap}
@media(max-width:760px){
  .kl-email-filter-grid{grid-template-columns:1fr}
  .kl-email-filter-actions{align-items:stretch;flex-direction:column}
  .kl-email-filter-actions>span{margin-right:0}
  .kl-email-filter-actions button{width:100%}
}