.edit-card { align-items: flex-start; }
.edit-card > .status { margin-top: 7px; }
.form-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.form-grid label { font-weight: 700; font-size: 12px; }
.form-grid label span { color: var(--muted); font-weight: 500; margin-left: 4px; }
.form-grid .full { grid-column: 1 / -1; }
.form-grid input {
  display: block;
  width: 100%;
  margin-top: 7px;
  border: 1px solid #d9dfda;
  border-radius: 9px;
  padding: 12px 13px;
  font: inherit;
  outline: none;
  background: #fff;
}
.form-grid input:focus {
  border-color: #4f9278;
  box-shadow: 0 0 0 3px #e4f0e9;
}
.form-grid select {
  display: block;
  width: 100%;
  margin-top: 7px;
  border: 1px solid #d9dfda;
  border-radius: 9px;
  padding: 12px 13px;
  font: inherit;
  background: #fff;
}
.automation { background: #e6ede8; color: var(--green); }
.switch-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #e2e7e2;
  border-radius: 10px;
  background: #f8faf7;
}
.switch-row input[type="checkbox"] { width: 19px; height: 19px; margin: 0; accent-color: var(--green); }
.switch-row span, .switch-row small { display: block; }
.switch-row small { color: var(--muted); font-weight: 400; margin-top: 2px; }
.settings-actions {
  position: sticky;
  bottom: 0;
  margin-top: 18px;
  padding: 14px 18px;
  background: rgba(246, 244, 237, .95);
  backdrop-filter: blur(10px);
  border: 1px solid var(--line);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.success-banner {
  background: #dff1e5;
  color: #24694f;
  border: 1px solid #c4e2cf;
  padding: 12px 15px;
  border-radius: 9px;
  margin-bottom: 16px;
  font-weight: 700;
}
.secondary { border: 1px solid #cbd8d0; background: #fff; color: var(--green); border-radius: 9px; padding: 10px 14px; font-weight: 800; cursor: pointer; }
.secret-control { position: relative; display: block; }
.secret-control input { padding-right: 62px; }
.secret-control .clear-secret { position: absolute; right: 12px; top: 20px; }
.form-grid label > small, .endpoint > small:last-child { display: block; color: var(--muted); font-weight: 500; line-height: 1.45; margin-top: 6px; }
.webhook-log-list { display: grid; gap: 8px; }
.webhook-listener-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }
.webhook-listener-summary > div { padding: 12px 14px; border-radius: 9px; background: #f6f8f5; }
.webhook-listener-summary small, .webhook-listener-summary strong { display: block; }
.webhook-listener-summary small { color: var(--muted); font-size: 10px; margin-bottom: 3px; }
.webhook-log { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: #fff; }
.webhook-log > summary { list-style: none; display: grid; grid-template-columns: 10px minmax(0, 1fr) auto 155px; align-items: center; gap: 12px; padding: 12px 14px; cursor: pointer; }
.webhook-log > summary::-webkit-details-marker { display: none; }
.webhook-log summary strong, .webhook-log summary small { display: block; }
.webhook-log summary small, .webhook-log time { color: var(--muted); font-size: 10px; }
.webhook-log pre { max-height: 260px; overflow: auto; margin: 0; padding: 13px 34px; border-top: 1px solid var(--line); background: #18251f; color: #dbe9e1; font: 11px/1.5 Consolas, monospace; white-space: pre-wrap; }
.detail-actions { display:flex; align-items:center; gap:8px; }.detail-actions form { margin:0; }
.journey-control-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px;padding:14px 15px;border:1px solid #ead5af;border-radius:11px;background:#fff9ee}.journey-control-bar strong,.journey-control-bar small{display:block}.journey-control-bar small{max-width:620px;margin-top:3px;color:#7e6a48;font-size:10px;line-height:1.45}.journey-bulk-actions,.message-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.journey-bulk-actions form,.message-actions form{margin:0}.force-action{border:1px solid #d79a3c;background:#a86112;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer}.message-actions .secondary{padding:8px 11px;font-size:11px}.sequence-card>.status{flex:none}.status.dead_letter,.status.delivery_failed{background:#f5dfdf;color:#ad4444}
.journey-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,280px) auto;gap:10px;align-items:center;margin:0 0 14px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#f8faf7}.filter-chips{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:1px}.filter-chip{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid #d7dfd9;border-radius:999px;background:#fff;color:#53645e;padding:8px 11px;font:700 11px "DM Sans",sans-serif;cursor:pointer}.filter-chip b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#edf1ee;color:#607069;font-size:9px}.filter-chip:hover{border-color:#9fbeb1;color:var(--green)}.filter-chip.active{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 6px 14px rgba(29,106,80,.14)}.filter-chip.active b{background:rgba(255,255,255,.2);color:#fff}.filter-chip.sent-filter:not(.active){border-color:#bcdaca;color:#247157;background:#f5fbf7}.filter-chip.error-filter:not(.active) b{background:#f7e6e6;color:#a94747}.journey-filter-search{position:relative}.journey-filter-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.journey-filter-search input,.activity-filter-bar input,.activity-filter-bar select{width:100%;height:38px;border:1px solid #d7dfd9;border-radius:8px;background:#fff;padding:8px 11px;color:var(--ink);font:500 11px "DM Sans",sans-serif;outline:none}.journey-filter-search input:focus,.activity-filter-bar input:focus,.activity-filter-bar select:focus{border-color:#4f9278;box-shadow:0 0 0 3px #e4f0e9}.filter-result-count{color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.sequence-card[hidden],.delivery-event[hidden]{display:none}.filter-empty{padding:26px;text-align:center;border:1px dashed #cfd9d2;border-radius:10px;background:#fbfcfa;color:var(--muted);font-size:11px}.message-time-grid{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:8px;margin-top:9px;max-width:560px}.message-time-grid>span{padding:8px 10px;border:1px solid #e2e8e3;border-radius:8px;background:#f8faf7}.message-time-grid small,.message-time-grid strong{display:block}.message-time-grid small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.message-time-grid strong{margin-top:2px;font:700 10px "DM Sans",sans-serif}.message-time-grid .actual-send-time{border-color:#cce3d5;background:#f1f9f4}.message-time-grid .actual-send-time strong{color:#267257}.message-time-grid .not-sent-time strong{color:#8a9691}.activity-filter-bar{display:grid;grid-template-columns:180px minmax(190px,1fr) auto;gap:9px;align-items:center;margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8faf7}
.recovery-attribution-card{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:17px 18px;border:1px solid #a8d8bd;border-radius:13px;background:linear-gradient(135deg,#eef9f2,#fbfdf9);box-shadow:0 8px 24px rgba(28,104,78,.08)}.recovery-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#1d7656;color:#fff;font-size:20px;font-weight:800}.recovery-attribution-card small{color:#277459;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.recovery-attribution-card h2{margin:2px 0 3px;font-size:17px}.recovery-attribution-card p{margin:0;color:#50625b;font-size:11px}.attribution-note{display:block;margin-top:5px;color:#77857f;font-size:9px}.recovery-actions{display:flex;align-items:center;gap:9px;flex:none}.status.recovered{background:#d9f1e2;color:#176a4c}.recovered-filter:not(.active){border-color:#acd8be;color:#1e7353;background:#eff9f3}.sequence-card.recovered-message{border-color:#8dccaa;background:linear-gradient(90deg,#f1faf4,#fff 45%);box-shadow:inset 4px 0 #2c8a66}.recovered-message-label{display:inline-flex;margin-top:7px;padding:6px 9px;border-radius:7px;background:#dff3e7;color:#176b4d;font-size:10px;font-weight:800}
.campaign-builder { margin-bottom: 18px; }
.stage-editor-list { display: grid; gap: 12px; }
.stage-editor { display: grid; grid-template-columns: 40px 150px minmax(260px, 1fr) 90px; gap: 14px; align-items: start; border: 1px solid var(--line); border-radius: 12px; padding: 15px; }
.stage-editor label { font-size: 11px; font-weight: 700; }
.stage-editor input[type="number"], .stage-editor select { display: block; width: 100%; margin-top: 6px; border: 1px solid #d9dfda; border-radius: 8px; padding: 9px; background: #fff; font: inherit; }
.compact { position: relative; }.compact small { position: absolute; right: 9px; top: 31px; color: var(--muted); }
.compact input { padding-right: 42px !important; }
.enabled-check { padding-top: 24px; }.enabled-check input { accent-color: var(--green); }
.mapping-grid { grid-column: 2 / -1; display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 10px; background: #f7f9f6; border-radius: 9px; padding: 12px; }
.template-preview { display: block; color: var(--muted); font-weight: 400; margin-top: 6px; max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 950px) { .stage-editor { grid-template-columns: 40px 1fr; }.mapping-grid { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }.enabled-check { padding-top: 0; } }
.builder-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 18px; align-items: start; }
.flow-list { position: sticky; top: 20px; padding: 14px; }
.flow-item { display: flex; gap: 10px; align-items: center; padding: 11px; border-radius: 9px; margin-bottom: 5px; }
.flow-item.selected { background: #e5efe8; }.flow-item i { width: 8px; height: 8px; border-radius: 50%; background: #bbb; }.flow-item i.on { background: #318263; }.flow-item strong,.flow-item small { display:block; }.flow-item small { color:var(--muted); font-size:10px; }
.quick-add { display:flex; gap:6px; margin-top:14px; }.quick-add input { min-width:0; width:100%; border:1px solid var(--line); border-radius:8px; padding:8px; }
.builder-main,.rule-list { display:grid; gap:16px; }.builder-section { margin-top:16px; }.advanced-step { grid-template-columns:40px minmax(120px,1fr) 90px 90px 110px minmax(220px,1.5fr) 75px; }.template-wide { min-width:0; }.delete-step { grid-column:7; }.inline-add { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }.inline-add form,.rule-add { display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:8px; }.inline-add input,.inline-add select,.rule-add input { border:1px solid var(--line); border-radius:8px; padding:9px; min-width:0; }.rule-card { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--line); border-radius:10px; padding:12px; }.rule-card strong,.rule-card small { display:block; }.rule-card small { color:var(--muted); margin-top:4px; }.checkbox-group { display:flex; gap:16px; align-items:center; padding:12px; background:#f7f9f6; border-radius:9px; }.checkbox-group span { font-weight:500; }
@media(max-width:1100px){.builder-layout{grid-template-columns:1fr}.flow-list{position:static}.advanced-step{grid-template-columns:40px 1fr 1fr}.mapping-grid{grid-column:1/-1}.inline-add form,.rule-add{grid-template-columns:1fr 1fr}}
@media (max-width: 700px) {
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .full { grid-column: auto; }
  .settings-actions { align-items: stretch; flex-direction: column; gap: 10px; }
  .webhook-listener-summary { grid-template-columns: 1fr; }
  .webhook-log > summary { grid-template-columns: 10px minmax(0, 1fr) auto; }
  .webhook-log time { grid-column: 2 / -1; }
  .detail-actions,.journey-control-bar,.journey-bulk-actions{align-items:stretch;flex-direction:column}.detail-actions form,.detail-actions button,.journey-bulk-actions form,.journey-bulk-actions button{width:100%}.sequence-card{align-items:flex-start;flex-wrap:wrap}.sequence-card .grow{min-width:calc(100% - 50px)}.message-actions{margin-left:48px}.sequence-card>.status{margin-left:auto}.journey-filter-bar{grid-template-columns:1fr}.filter-chips{width:100%}.filter-result-count{justify-self:end}.message-time-grid{grid-template-columns:1fr}.activity-filter-bar{grid-template-columns:1fr}.activity-filter-bar .filter-result-count{justify-self:end}.recovery-attribution-card{align-items:flex-start;flex-wrap:wrap}.recovery-attribution-card .grow{min-width:calc(100% - 60px)}.recovery-actions{width:100%;justify-content:space-between}
}

/* Stable campaign step layout inside the dashboard content column. */
.campaign-builder-page .builder-main { min-width: 0; }
.campaign-builder-page .builder-section { overflow: hidden; }
.campaign-builder-page .stage-editor-list { gap: 16px; }
.campaign-builder-page .advanced-step {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px 16px;
  padding: 18px;
  align-items: start;
}
.campaign-builder-page .advanced-step > .stage-badge { grid-column: 1; grid-row: 1 / span 2; margin-top: 20px; }
.campaign-builder-page .advanced-step > label { min-width: 0; }
.campaign-builder-page .advanced-step > label:nth-of-type(1) { grid-column: 2; }
.campaign-builder-page .advanced-step > label:nth-of-type(2) { grid-column: 3; }
.campaign-builder-page .advanced-step > label:nth-of-type(3) { grid-column: 2; }
.campaign-builder-page .advanced-step > label:nth-of-type(4) { grid-column: 3; }
.campaign-builder-page .advanced-step > .template-wide { grid-column: 2 / -1; }
.campaign-builder-page .advanced-step > .enabled-check { grid-column: 2 / -1; display: flex; align-items: center; gap: 8px; padding: 0; min-height: 28px; }
.campaign-builder-page .advanced-step > .mapping-grid { grid-column: 2 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.campaign-builder-page .advanced-step > .delete-step { grid-column: 2 / -1; }
.campaign-builder-page .advanced-step input:not([type]),
.campaign-builder-page .advanced-step input[type="text"],
.campaign-builder-page .advanced-step input[type="number"],
.campaign-builder-page .advanced-step input[type="time"],
.campaign-builder-page .advanced-step select {
  display: block; width: 100%; min-width: 0; height: 42px; margin-top: 7px;
  border: 1px solid #d6ddd8; border-radius: 9px; padding: 9px 11px;
  color: var(--ink); background: #fff; font: 500 13px "DM Sans", sans-serif; outline: none;
}
.campaign-builder-page .advanced-step input:focus,.campaign-builder-page .advanced-step select:focus { border-color: #4f9278; box-shadow: 0 0 0 3px #e4f0e9; }
.campaign-builder-page .mapping-grid label { min-width: 0; }
.campaign-builder-page .inline-add form { grid-template-columns: 1.2fr 80px 110px 120px minmax(180px, 1.4fr) auto; }
.campaign-builder-page .inline-add input,.campaign-builder-page .inline-add select { width: 100%; height: 42px; }
.campaign-builder-page .settings-actions { z-index: 5; }
@media (max-width: 1250px) {
  .campaign-builder-page { grid-template-columns: 200px minmax(0, 1fr); }
  .campaign-builder-page .inline-add form { grid-template-columns: 1fr 90px 110px; }
}
@media (max-width: 900px) {
  .campaign-builder-page { grid-template-columns: 1fr; }
  .campaign-builder-page .flow-list { position: static; }
}
@media (max-width: 620px) {
  .campaign-builder-page .advanced-step { grid-template-columns: 36px minmax(0, 1fr); padding: 14px; }
  .campaign-builder-page .advanced-step > .stage-badge { grid-column: 1; grid-row: 1; margin-top: 18px; }
  .campaign-builder-page .advanced-step > label,
  .campaign-builder-page .advanced-step > label:nth-of-type(1),
  .campaign-builder-page .advanced-step > label:nth-of-type(2),
  .campaign-builder-page .advanced-step > label:nth-of-type(3),
  .campaign-builder-page .advanced-step > label:nth-of-type(4),
  .campaign-builder-page .advanced-step > .template-wide,
  .campaign-builder-page .advanced-step > .enabled-check,
  .campaign-builder-page .advanced-step > .mapping-grid,
  .campaign-builder-page .advanced-step > .delete-step { grid-column: 2; }
  .campaign-builder-page .advanced-step > .mapping-grid { grid-template-columns: 1fr; }
  .campaign-builder-page .inline-add form,.campaign-builder-page .rule-add { grid-template-columns: 1fr; }
}

/* Simplified campaign builder */
.clean-builder-head { margin-bottom: 20px; }
.flow-tabs { display:flex; gap:8px; align-items:center; overflow-x:auto; padding:4px 0 16px; margin-bottom:4px; }
.flow-tabs > a { flex:none; display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid var(--line); border-radius:999px; background:#fff; font-weight:700; font-size:12px; }
.flow-tabs > a.active { color:#fff; background:var(--green); border-color:var(--green); }.flow-tabs i{width:7px;height:7px;border-radius:50%;background:#aaa}.flow-tabs i.on{background:#70d39f}.flow-tabs form{display:flex;gap:5px;flex:none}.flow-tabs input{width:135px;border:1px solid var(--line);border-radius:999px;padding:9px 12px}.flow-tabs button{width:35px;border:0;border-radius:50%;background:#e1ece5;color:var(--green);font-size:18px;cursor:pointer}
.clean-campaign-form,.clean-rule-list { display:grid; gap:16px; }.clean-card { margin-bottom:16px; box-shadow:0 8px 26px rgba(28,55,46,.045); }.clean-card .panel-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.clean-card .panel-head h2,.clean-card .panel-head p{grid-column:2}.step-number{grid-row:1/span 2;width:27px;height:27px;border-radius:8px;background:#e4eee7;color:var(--green);display:grid;place-items:center;font-weight:800}.payment-options{display:flex;align-items:center;gap:18px;padding:13px 15px;background:#f7f9f6;border-radius:10px}.payment-options label{font-weight:500}.payment-options input{width:auto;display:inline;margin:0 5px 0 0;accent-color:var(--green)}
.simple-sequence{display:grid;gap:10px}.simple-step{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.simple-step>summary{list-style:none;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.simple-step>summary::-webkit-details-marker{display:none}.sequence-index{width:32px;height:32px;border-radius:9px;background:#e4eee7;color:var(--green);display:grid;place-items:center;font-weight:800}.simple-step summary strong,.simple-step summary small{display:block}.simple-step summary small{color:var(--muted);margin-top:3px}.edit-label{font-size:11px;color:var(--green);font-weight:800}.step-fields{display:grid;grid-template-columns:1.4fr 90px 110px 120px;gap:12px;padding:16px;border-top:1px solid var(--line);background:#fbfcfa}.step-fields label{font-size:11px;font-weight:700}.step-fields .wide{grid-column:1/-1}.step-fields input,.step-fields select,.add-message-form input,.add-message-form select,.add-rule input{display:block;width:100%;height:41px;margin-top:6px;border:1px solid #d8ded9;border-radius:8px;padding:9px 11px;background:#fff;font:inherit}.step-toggle{grid-column:1/-1;display:flex;align-items:center;gap:7px}.step-toggle input{width:auto;height:auto;margin:0;accent-color:var(--green)}.advanced-mapping{margin:0 16px 14px;border:1px solid var(--line);border-radius:9px}.advanced-mapping>summary{padding:11px 13px;cursor:pointer;font-weight:700;font-size:12px}.advanced-mapping>summary span{float:right;color:var(--muted);font-weight:500}.advanced-mapping .mapping-grid{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.text-danger{border:0;background:none;color:var(--red);font-weight:700;cursor:pointer;padding:0}.simple-step>.text-danger{margin:0 16px 15px}.clean-save{position:sticky;bottom:0;z-index:6;display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.clean-save span{color:var(--muted);font-size:12px}.add-message-form{display:grid;grid-template-columns:1.2fr 80px 100px 115px minmax(180px,1.4fr) auto;gap:9px;align-items:end}.add-message-form input,.add-message-form select{margin:0}.clean-rule-list article{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.clean-rule-list strong,.clean-rule-list small{display:block}.clean-rule-list small{color:var(--muted);margin-top:3px}.add-rule{margin-top:12px;border:1px dashed #cad5cd;border-radius:10px}.add-rule>summary{padding:12px 14px;color:var(--green);font-weight:800;cursor:pointer}.add-rule form{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr)) auto;gap:8px;padding:0 14px 14px}.add-rule input{margin:0}

/* Operational logs */
.log-section{margin-bottom:18px}.delivery-list,.simple-log-list{display:grid;gap:8px}.delivery-event,.simple-log{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.delivery-event>summary,.simple-log>summary{list-style:none;display:grid;grid-template-columns:10px minmax(0,1fr) auto 145px;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.simple-log>summary{grid-template-columns:auto minmax(0,1fr) 150px 145px}.delivery-event summary::-webkit-details-marker,.simple-log summary::-webkit-details-marker{display:none}.event-dot{width:8px;height:8px;border-radius:50%;background:#8da099}.delivery-event.success .event-dot{background:#3a8a69}.delivery-event.error .event-dot{background:var(--red)}.delivery-event.processing .event-dot{background:#c68a2a}.event-main strong,.event-main small{display:block}.event-main small,.delivery-event time,.simple-log time,.simple-log summary small{color:var(--muted);font-size:10px}.event-details{display:flex;gap:18px;flex-wrap:wrap;padding:12px 14px 14px 36px;background:#f8faf7;border-top:1px solid var(--line);font-size:11px}.event-details pre,.simple-log pre{width:100%;max-height:260px;overflow:auto;margin:4px 0 0;padding:12px;background:#18251f;color:#dbe9e1;border-radius:8px;font:11px/1.5 Consolas,monospace;white-space:pre-wrap}.log-filters{display:grid;grid-template-columns:minmax(180px,1fr) 120px 140px auto auto;gap:8px;margin-bottom:14px}.log-filters input,.log-filters select{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.log-filters a{align-self:center;color:var(--green);font-weight:700}.compact-events{max-height:520px;overflow:auto}.campaign-history{margin-top:16px}
.stat-link{color:inherit;text-decoration:none}.stat-link:hover{border-color:#a8cbbb;transform:translateY(-1px)}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:17px}.pagination span{color:var(--muted);font-size:11px;font-weight:700}.delivery-ledger-panel .panel-head{align-items:center}.delivery-ledger-panel .panel-head form{margin:0}.ledger-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.delivery-ledger-filters{display:flex;gap:7px;overflow:auto;padding:2px;margin-bottom:13px}.delivery-ledger-row{display:grid;grid-template-columns:38px minmax(160px,1fr) minmax(250px,1.25fr) auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.delivery-ledger-row.is-recovered{border-color:#9dceb0;background:#f5fbf6}.delivery-times{display:flex;gap:8px;flex-wrap:wrap}.delivery-times>span{min-width:130px;padding:7px 9px;border-radius:7px;background:#f7f9f6}.delivery-times small,.delivery-times strong{display:block}.delivery-times small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.delivery-times strong{margin-top:3px;font-size:10px}.delivery-recovery{grid-column:2/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;background:#e3f4e8;color:#1d704f;font-size:10px}.delivery-recovery span{color:#47705e}.delivery-recovery a{font-weight:800;color:#176a4c;text-decoration:none}
.purchase-ledger-row{display:grid;grid-template-columns:38px minmax(170px,1fr) minmax(190px,.9fr) auto auto;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.purchase-ledger-row.is-attributed{border-color:#a2d1b2;background:#f7fcf8}.purchase-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e4eee7;color:var(--green);font-weight:900}.purchase-order small,.purchase-order strong,.purchase-order span{display:block}.purchase-order small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.purchase-order strong{margin-top:3px;font-size:11px}.purchase-order span{margin-top:3px;color:var(--muted);font-size:9px}.purchase-attribution{grid-column:2/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:8px;background:#e2f4e8;color:#1f704f;font-size:10px}.purchase-attribution span{color:#47705e}.purchase-attribution.uncredited{background:#f6f3e9;color:#8a6c2f}.purchase-attribution.uncredited span{color:#7a725f}.purchase-order-link{grid-column:2/-1;color:var(--green);font-size:10px;font-weight:800;text-decoration:none}
@media(max-width:900px){.step-fields{grid-template-columns:1fr 1fr}.add-message-form,.add-rule form{grid-template-columns:1fr 1fr}.delivery-event>summary,.simple-log>summary{grid-template-columns:10px 1fr auto}.delivery-event time,.simple-log time{grid-column:2}.simple-log>summary{grid-template-columns:auto 1fr}.log-filters{grid-template-columns:1fr 1fr}.delivery-ledger-row,.purchase-ledger-row{grid-template-columns:38px minmax(0,1fr) auto}.delivery-times,.delivery-recovery,.purchase-order,.purchase-attribution,.purchase-order-link{grid-column:2/-1}.delivery-ledger-row>.secondary,.purchase-ledger-row>.secondary{grid-column:2}}
@media(max-width:620px){.payment-options{align-items:flex-start;flex-direction:column;gap:8px}.simple-step>summary{grid-template-columns:34px 1fr}.simple-step>summary .status,.edit-label{grid-column:2}.step-fields,.advanced-mapping .mapping-grid,.add-message-form,.add-rule form,.log-filters{grid-template-columns:1fr}.clean-save{justify-content:space-between}}
.stage-conversion-panel{margin-bottom:18px}.stage-conversion-table-wrap{overflow-x:auto}.stage-conversion-table{width:100%;border-collapse:collapse;min-width:520px}.stage-conversion-table th,.stage-conversion-table td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line)}.stage-conversion-table th{color:var(--muted);font-size:10px;letter-spacing:.55px;text-transform:uppercase}.stage-conversion-table td{font-size:13px;color:var(--ink)}.stage-conversion-table tbody tr:last-child td{border-bottom:0}.stage-conversion-table tbody tr:hover{background:#f7faf7}.conversion-rate{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#e2f4e8;color:#1f704f;font-size:11px;font-weight:800}
.status.accepted,.status.delivered,.status.read{background:#dcefe4;color:#287456}.status.dead_letter,.status.delivery_failed{background:#f5dfdf;color:#ad4444}.status.warning{background:#f6ecd5;color:#976b20}
.status.attention{background:#f5dfdf;color:#ad4444}
.shopify-actions{flex-wrap:wrap}
.shopify-login{margin-top:20px}.shopify-button{width:100%;display:flex;align-items:center;gap:10px;border:1px solid #86ad63;background:#f5faef;color:#315c1d;border-radius:9px;padding:11px 13px;font-weight:800;cursor:pointer}.shopify-button b{margin-left:auto}.shopify-mini{width:25px;height:25px;border-radius:7px;background:#95bf47;color:#fff;display:grid;place-items:center;font-weight:900}.login-divider{display:flex;align-items:center;gap:10px;color:#9aa39f;font-size:10px;margin:22px 0 4px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e2e6e2;flex:1}
.fetch-data-button{margin-left:59px}.shopify-data-panel{margin-top:18px}.compact-empty{padding:24px}.shop-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.shop-summary>div{padding:13px;background:#f6f8f5;border-radius:9px}.shop-summary small,.shop-summary strong{display:block}.shop-summary small{color:var(--muted);font-size:10px;margin-bottom:4px}.fetched-orders{display:grid;gap:8px}.fetched-order{border:1px solid var(--line);border-radius:10px;overflow:hidden}.fetched-order>summary{list-style:none;display:grid;grid-template-columns:1fr 1.4fr auto 100px;gap:14px;align-items:center;padding:13px 15px;cursor:pointer}.fetched-order>summary::-webkit-details-marker{display:none}.fetched-order summary strong,.fetched-order summary small{display:block}.fetched-order summary small{color:var(--muted);font-size:10px}.order-fetch-details{display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px;padding:15px;background:#f8faf7;border-top:1px solid var(--line)}.order-fetch-details small{color:var(--muted);font-weight:700}.order-fetch-details p{color:var(--ink);line-height:1.55}.order-items p{padding-bottom:8px;border-bottom:1px solid var(--line)}.order-items span{color:var(--muted);font-size:10px}@media(max-width:900px){.shop-summary{grid-template-columns:1fr 1fr}.fetched-order>summary{grid-template-columns:1fr 1fr}.order-fetch-details{grid-template-columns:1fr}.fetch-data-button{margin-left:0}}
.shopify-actions{width:100%;display:flex;gap:9px;margin-left:59px}.shopify-connect-button{display:flex;align-items:center;gap:9px;border:1px solid #78a14a;background:#f2f8e9;color:#315c1d;border-radius:9px;padding:9px 14px;font-weight:800;cursor:pointer}.shopify-connect-button b{margin-left:5px}.shopify-actions button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:900px){.shopify-actions{margin-left:0;flex-direction:column}.shopify-actions button{justify-content:center}}

/* Live Shopify × WATI Test Lab */
.live-test-badge{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:24px;background:#fff0dd;color:#965d12;font-size:11px;font-weight:800}.live-test-badge i{width:8px;height:8px;border-radius:50%;background:#d8851d;box-shadow:0 0 0 4px #f9dfbd}.test-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:11px;margin-bottom:18px}.test-connection-grid>article{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.test-connection-grid>article.missing{background:#fff8f7;border-color:#efd8d5}.test-connection-grid small,.test-connection-grid strong{display:block}.test-connection-grid small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.7px}.test-connection-grid p{font-size:10px}.test-connection-actions{display:grid;gap:7px}.test-connection-actions form,.test-connection-actions button{width:100%;height:100%}.test-lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.test-builder-column{min-width:0}.test-builder{padding:0;overflow:hidden}.test-builder>.panel-head{padding:20px 22px;margin:0;border-bottom:1px solid var(--line)}.test-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:22px;border-bottom:1px solid var(--line)}.test-section-number{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e3eee6;color:var(--green);font-weight:800}.test-section-content{min-width:0}.test-section-content h3{font:800 14px Manrope;margin:3px 0}.test-section-content>p{font-size:11px;margin-bottom:15px}.test-section-content>label,.test-form-grid label,.test-timer-grid label{display:block;font-size:11px;font-weight:800}.test-section-content input:not([type=checkbox]),.test-section-content select{display:block;width:100%;margin-top:6px;border:1px solid #d9dfda;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;outline:none}.test-section-content input:focus,.test-section-content select:focus{border-color:#4f9278;box-shadow:0 0 0 3px #e4f0e9}.test-section-content label small{display:block;color:var(--muted);font-weight:500;line-height:1.4;margin-top:5px}.test-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.test-inline-warning{margin-top:10px;padding:10px;border-radius:8px;background:#fff0f0;color:var(--red);font-size:11px}.test-order-preview{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:12px;margin-top:13px;padding:13px;background:#f7f9f6;border-radius:10px}.test-order-preview>span{grid-column:1/-1;color:var(--muted);font-size:11px}.test-order-preview small,.test-order-preview strong,.test-order-preview div span{display:block}.test-order-preview small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.test-order-preview strong{font-size:11px;margin:3px 0}.test-order-preview div span{color:var(--muted);font-size:9px}.test-step-selector{display:grid;gap:8px;margin-top:13px}.test-step-option{display:grid;grid-template-columns:20px 38px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfcfa;cursor:pointer}.test-step-option[hidden]{display:none}.test-step-option>input{margin:10px 0 0;accent-color:var(--green)}.test-step-copy strong,.test-step-copy small,.test-step-copy em,.test-step-copy .test-mapping{display:block}.test-step-copy small{color:var(--muted);font-size:9px;margin-top:2px}.test-step-copy em{max-width:650px;color:#4f5f59;font:10px/1.45 "DM Sans",sans-serif;margin-top:7px;white-space:pre-line}.test-step-copy .test-mapping{color:var(--green);font-size:9px;margin-top:7px}.test-timer-grid{display:grid;grid-template-columns:1fr 110px 1fr 110px;gap:10px}.test-safe-timer{display:block;color:var(--muted);margin-top:8px}.test-schedule-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px;padding:12px;background:#f7f9f6;border-radius:10px;color:var(--muted);font-size:10px}.test-schedule-preview>span{padding:7px 9px;border-radius:8px;background:#fff;border:1px solid var(--line)}.test-schedule-preview strong,.test-schedule-preview small{display:block}.test-schedule-preview small{margin-top:2px;color:var(--green)}.live-confirmation{display:flex!important;align-items:flex-start;gap:11px;margin-top:14px;padding:13px;border:1px solid #e3bc80;border-radius:10px;background:#fff9ef;cursor:pointer}.live-confirmation input{width:auto!important;margin:3px 0 0!important;accent-color:#b76c12}.live-confirmation strong,.live-confirmation small{display:block}.live-confirmation small{color:#876b48!important}.test-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 22px;background:#f7f9f6}.test-builder-actions>span{color:var(--muted);font-size:10px}.live-send-button{background:#a86112}.live-send-button:disabled{opacity:.4;cursor:not-allowed}.test-run-sidebar{position:sticky;top:20px;padding:0;overflow:hidden}.test-run-sidebar>.panel-head{padding:18px;margin:0;border-bottom:1px solid var(--line)}.test-run-list{display:grid;max-height:720px;overflow:auto}.test-run-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:13px 15px;border-bottom:1px solid var(--line)}.test-run-list>a.selected{background:#eef5ef;box-shadow:inset 3px 0 var(--green)}.test-run-list strong,.test-run-list small{display:block}.test-run-list small{color:var(--muted);font-size:9px}.test-run-mini-progress{grid-column:1/-1;height:4px;border-radius:6px;background:#e6ebe7;overflow:hidden}.test-run-mini-progress i{display:block;height:100%;background:var(--green)}.test-run-list>a>small{grid-column:1/-1}.test-run-detail{margin-top:18px}.test-run-actions{display:flex;align-items:center;gap:8px}.test-run-actions form{display:inline-flex}.test-run-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:17px}.test-run-summary>div{padding:12px;background:#f7f9f6;border-radius:9px}.test-run-summary small,.test-run-summary strong,.test-run-summary span{display:block}.test-run-summary small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.6px}.test-run-summary strong{font-size:11px;margin:4px 0}.test-run-summary span{color:var(--muted);font-size:9px}.test-message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.test-message-card{padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.test-message-card.failed,.test-message-card.delivery_failed{border-color:#e8c1c1;background:#fffafa}.test-message-head{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:center}.test-message-head strong,.test-message-head small{display:block}.test-message-head small{color:var(--muted);font-size:9px;margin-top:2px}.test-countdown{margin:10px 0;padding:8px 10px;border-radius:8px;background:#fff5dd;color:#966614;font-size:10px;font-weight:800}.test-message-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.test-message-meta>span{color:var(--muted);font-size:9px}.test-message-meta strong{color:var(--ink)}.test-message-card details{border-top:1px solid var(--line);padding-top:10px}.test-message-card summary{cursor:pointer;color:var(--green);font-size:10px;font-weight:800}.test-variable-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.test-variable-list>span{padding:8px;background:#f7f9f6;border-radius:7px}.test-variable-list small,.test-variable-list strong{display:block;overflow-wrap:anywhere}.test-variable-list small{color:var(--muted);font-size:8px}.test-variable-list strong{font-size:9px;margin-top:2px}.test-message-card pre,.test-event pre{max-height:260px;overflow:auto;margin:10px 0 0;padding:11px;border-radius:8px;background:#18251f;color:#dbe9e1;font:10px/1.45 Consolas,monospace;white-space:pre-wrap}.test-message-error{margin-top:9px;color:var(--red);font-size:10px}.test-message-card>form{margin-top:10px}.test-event-timeline{margin-top:22px}.test-event-timeline>.panel-head{margin-bottom:10px}.test-event{border:1px solid var(--line);border-radius:9px;margin-top:7px;overflow:hidden}.test-event>summary{list-style:none;display:grid;grid-template-columns:10px minmax(0,1fr) auto 145px;gap:10px;align-items:center;padding:11px 12px;cursor:pointer}.test-event summary::-webkit-details-marker{display:none}.test-event summary strong,.test-event summary small{display:block}.test-event summary small,.test-event time{color:var(--muted);font-size:9px}.test-event.error .event-dot{background:var(--red)}.test-event pre{margin:0;border-radius:0}.status.scheduled,.status.running{background:#f6ecd5;color:#976b20}.status.attention{background:#f5dfdf;color:#ad4444}.status.accepted,.status.delivered,.status.read{background:#dcefe4;color:#287456}
.test-scope-note{display:flex;gap:8px;align-items:flex-start;margin:0 0 13px;padding:10px 12px;border:1px solid #ead5af;border-radius:9px;background:#fff9ee;color:#7e5d26;font-size:10px}.test-scope-note strong{white-space:nowrap}.test-scope-note span{line-height:1.45}
@media(max-width:1200px){.test-connection-grid{grid-template-columns:1fr 1fr}.test-connection-actions{grid-template-columns:1fr 1fr}.test-lab-layout{grid-template-columns:1fr}.test-run-sidebar{position:static}.test-run-list{grid-template-columns:1fr 1fr;max-height:none}.test-run-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.test-connection-grid,.test-run-list,.test-message-grid,.test-form-grid,.test-run-summary{grid-template-columns:1fr}.test-connection-actions{grid-template-columns:1fr}.test-section{grid-template-columns:29px minmax(0,1fr);padding:16px 13px}.test-order-preview,.test-timer-grid{grid-template-columns:1fr}.test-step-option{grid-template-columns:18px 34px minmax(0,1fr)}.test-step-option>.status{grid-column:3}.test-builder-actions,.test-run-detail>.panel-head,.test-run-actions{align-items:stretch;flex-direction:column}.test-event>summary{grid-template-columns:10px minmax(0,1fr) auto}.test-event time{grid-column:2}.test-variable-list{grid-template-columns:1fr}}