/* Data Builder (Search Intent) page styles.
 * Taken from the SIL-10575 branch's main.css, but ONLY the rules these three
 * templates actually reference — that branch also restyles buckets, channels and
 * approvals, which is out of scope. Every rule is scoped under `.si-jrny` (the
 * class on all three page roots) so names shared with other pages — .si-chip,
 * .appr-skel, .cl-nm — cannot reach them.
 */

.si-jrny .cl-search {
  position: relative;
  width: 280px;
  min-width: 200px;
  flex: 0 0 auto;
}
.si-jrny .cl-search-input {
  width: 100%;
  padding: 6px 32px 6px 32px;       
  border-radius: 999px;
  border: 1px solid #d8dee6;
  background: #fff;
  font-size: 13px;
  line-height: 1.3;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.si-jrny .cl-search-input:hover {
  border-color: #b9c2cd;
}
.si-jrny .cl-search-input:focus {
  outline: none;
  border-color: #0FB8A2;
  box-shadow: 0 0 0 3px rgba(15, 184, 162, 0.15);
}
.si-jrny .cl-search-input::placeholder {
  color: #9aa3b1;
  
  text-overflow: ellipsis;
}
.si-jrny .cl-search-icon {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  color: #8b95a3;
  pointer-events: none;     
}
.si-jrny .bd-actions .cl-search { flex:1; min-width:220px; }
.si-jrny .cl-thumb { width:34px; height:34px; border-radius:9px; object-fit:cover; background:#eef2f4; flex-shrink:0; }
.si-jrny .cl-nm { font-weight:600; color:#1f2d3d; font-size:12.5px; text-decoration:none; }
.si-jrny .cl-nm:hover { color:#0aa28e; }
.si-jrny .cl-id { font-size:10.5px; color:#9aa7b2; }
.si-jrny .cl-num { font-weight:600; font-size:12.5px; }
.si-jrny .cl-num.subs { color:#137a43; }
.si-jrny .cl-num.views { color:#1d4ed8; }
.si-jrny .appr-skel { height: 62px; border-radius: 12px; margin-bottom: 8px; background: linear-gradient(90deg,#f1f4f6 25%,#e7edef 37%,#f1f4f6 63%); background-size: 400% 100%; animation: appr-shimmer 1.3s ease infinite; }
.si-jrny .appr-skel { height: 62px; border-radius: 12px; margin-bottom: 8px; background: linear-gradient(90deg,#f1f4f6 25%,#e7edef 37%,#f1f4f6 63%); background-size: 400% 100%; animation: appr-shimmer 1.3s ease infinite; }
.si-jrny .si-hint {font-size:11.5px;color:var(--muted);margin-top:6px;}
.si-jrny .si-chip {background:var(--primary-soft,#E8F5F4);color:var(--primary-deep,#088E89);border:1px solid rgba(15,184,162,.25);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex;gap:5px;align-items:center;}
.si-jrny .si-chip-x {cursor:pointer;opacity:.55;font-size:13px;}
.si-jrny .si-chip-x:hover {opacity:1;}
.si-jrny .si-review {border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.si-jrny .si-review-row {display:flex;justify-content:space-between;gap:12px;padding:9px 14px;font-size:13px;border-bottom:1px solid var(--border);}
.si-jrny .si-review-row:last-child {border-bottom:0;}
.si-jrny .si-review-row span {color:var(--muted);}
.si-jrny .si-pager {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid var(--border);flex-wrap:wrap;}
.si-jrny .si-pager-info {font-size:12px;color:var(--muted);}
.si-jrny .si-pager-ctrls {display:flex;gap:4px;align-items:center;}
.si-jrny .si-pgbtn {min-width:32px;height:32px;border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;padding:0 8px;}
.si-jrny .si-pgbtn:hover:not(:disabled) {background:var(--surface-soft,#F8FBFA);}
.si-jrny .si-pgbtn.on {background:var(--primary);color:#fff;border-color:var(--primary);}
.si-jrny .si-chip--excl {background:#fdecec;border-color:#f3c7c4;color:#b0322b}
.si-jrny .si-pgbtn:disabled {opacity:.45;cursor:default;}
.si-jrny {--sij-teal:#0FB8A2;--sij-teal-dark:#0D9A87;--sij-teal-deep:#0F3A3A;--sij-teal-light:#E6F8F6;
  --sij-done:#0FB8A2;--sij-active:#0F3A3A;--sij-next:#94A3B8;--sij-bg:#F4F7F9;--sij-border:#E2E8F0;
  --sij-t1:#0F1C2E;--sij-t2:#4A5568;--sij-t3:#94A3B8;--sij-r:10px;--sij-r-lg:16px;
  --sij-sh-sm:0 1px 3px rgba(0,0,0,.06);--sij-sh-md:0 4px 12px rgba(0,0,0,.08);}
.si-jrny .sij-hero {background:linear-gradient(135deg,var(--sij-teal-deep),#0a8d7c 60%,var(--sij-teal));
  border-radius:var(--sij-r-lg);padding:20px 24px;color:#fff;box-shadow:var(--sij-sh-md);margin-bottom:0;}
.si-jrny .sij-hero-eyebrow {font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);font-weight:700;margin-bottom:4px;}
.si-jrny .sij-hero-title {font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.si-jrny .sij-hero-meta {font-size:12.5px;color:rgba(255,255,255,.75);margin-bottom:12px;}
.si-jrny .sij-hero-actions {display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:4px;}
.si-jrny .sij-rail {display:flex;align-items:center;gap:0;margin:16px 0 0;flex-wrap:wrap;background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);padding:6px 10px;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-step {display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;cursor:pointer;
  font-size:13px;font-weight:700;color:var(--sij-next);background:transparent;border:0;transition:all .15s;}
.si-jrny .sij-step:hover {background:var(--sij-teal-light);color:var(--sij-teal-deep);}
.si-jrny .sij-step.is-done {color:var(--sij-done);}
.si-jrny .sij-step.is-active {color:#fff;background:var(--sij-active);}
.si-jrny .sij-step-icon {width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;border:2px solid currentColor;flex-shrink:0;}
.si-jrny .sij-step.is-done .sij-step-icon {background:var(--sij-teal);border-color:var(--sij-teal);color:#fff;}
.si-jrny .sij-step.is-active .sij-step-icon {background:var(--sij-teal);border-color:var(--sij-teal);color:#fff;}
.si-jrny .sij-step-label {white-space:nowrap;}
.si-jrny .sij-step-connector {flex:0 0 24px;height:2px;background:var(--sij-border);}
.si-jrny .sij-results-row {display:flex;align-items:center;gap:8px;margin:8px 0 16px;flex-wrap:wrap;}
.si-jrny .sij-cta {display:flex;align-items:center;gap:14px;background:var(--sij-teal-light);
  border:1px solid var(--sij-teal);border-radius:var(--sij-r);padding:12px 16px;margin:14px 0;}
.si-jrny .sij-cta-icon {font-size:20px;color:var(--sij-teal-dark);}
.si-jrny .sij-cta-body {flex:1;min-width:0;}
.si-jrny .sij-cta-heading {font-size:14px;font-weight:800;color:var(--sij-teal-deep);}
.si-jrny .sij-cta-sub {font-size:12.5px;color:var(--sij-t2);}
.si-jrny .sij-cta-label {margin-left:auto;flex-shrink:0;}
.si-jrny .sij-kpis {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;}
.si-jrny .sij-kpi {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);
  padding:14px 16px;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-kpi-label {font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--sij-t3);}
.si-jrny .sij-kpi-val {font-size:24px;font-weight:800;color:var(--sij-teal-deep);margin-top:4px;line-height:1.1;}
.si-jrny .sij-pill {display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;
  padding:3px 10px;border-radius:999px;}
.si-jrny .sij-pill.is-live {background:#dcfce7;color:#15803d;}
.si-jrny .sij-pill.is-scheduled {background:#fef3c7;color:#b45309;}
.si-jrny .sij-pill.is-ended {background:#e2e8f0;color:#475569;}
.si-jrny .sij-btn {display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;cursor:pointer;
  font-size:13px;font-weight:700;padding:8px 14px;text-decoration:none;}
.si-jrny .sij-btn.is-primary {background:var(--sij-teal);color:#fff;}
.si-jrny .sij-btn.is-primary:hover {background:var(--sij-teal-dark);color:#fff;}
.si-jrny .sij-btn.is-secondary {background:#fff;color:var(--sij-teal-deep);border:1px solid var(--sij-border);}
.si-jrny .sij-btn.is-secondary:hover {background:var(--sij-bg);}
.si-jrny .sij-btn.is-ghost {background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);}
.si-jrny .sij-btn.is-ghost:hover {background:rgba(255,255,255,.25);}
.si-jrny .sij-btn.is-ai {background:linear-gradient(135deg,#8B5CF6,#6d28d9);color:#fff;}
.si-jrny .sij-card {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-context-grid {display:flex;flex-direction:column;gap:16px;margin:16px 0;}
.si-jrny .sij-topic {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);overflow:hidden;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-topic-header {padding:12px 16px;background:var(--sij-teal-light);border-bottom:1px solid #B2E8E1;display:flex;align-items:center;gap:10px;}
.si-jrny .sij-topic-dot {width:8px;height:8px;background:var(--sij-teal);border-radius:50%;flex-shrink:0;}
.si-jrny .sij-topic-name {font-size:14px;font-weight:700;color:var(--sij-teal-deep);flex:1;}
.si-jrny .sij-topic-kw-badge {font-size:11px;background:var(--sij-teal);color:#fff;padding:2px 8px;border-radius:20px;font-weight:600;flex-shrink:0;}
.si-jrny .sij-topic-body {padding:12px 16px;}
.si-jrny .sij-subtopics-row {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.si-jrny .sij-subtopic {display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;background:#EDE9FE;color:#5B21B6;}
.si-jrny .sij-chips-row {display:flex;flex-wrap:wrap;gap:5px;}
.si-jrny .sij-chip {display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:500;background:var(--sij-bg);color:var(--sij-t2);border:1px solid var(--sij-border);font-family:monospace;}
.si-jrny .sij-chip.is-exclude {background:#FEF2F2;color:#991B1B;border-color:#FECACA;font-family:inherit;}
.si-jrny .sij-excl-row {margin-top:14px;padding-top:12px;border-top:1px solid var(--sij-border);display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.si-jrny .sij-excl-label {font-size:11px;font-weight:700;color:#991B1B;text-transform:uppercase;letter-spacing:.05em;margin-right:2px;flex-shrink:0;}
.si-jrny .sij-context-empty {color:var(--sij-t3);font-size:13px;padding:20px 0;text-align:center;}
.si-jrny .sij-context-cta {margin-top:20px;}
.si-jrny .sij-step2 {display:flex;align-items:center;gap:0;margin-bottom:24px;flex-wrap:wrap;}
.si-jrny .sij-step2-item {display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--sij-r);font-size:12px;font-weight:700;}
.si-jrny .sij-step2-item.is-done {color:var(--sij-done);}
.si-jrny .sij-step2-item.is-active {background:var(--sij-active);color:#fff;}
.si-jrny .sij-step2-item.is-pending {color:var(--sij-t3);}
.si-jrny .sij-step2-num {width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;}
.si-jrny .sij-step2-item.is-done .sij-step2-num {background:var(--sij-teal);color:#fff;}
.si-jrny .sij-step2-item.is-active .sij-step2-num {background:var(--sij-teal);color:#fff;}
.si-jrny .sij-step2-item.is-pending .sij-step2-num {background:var(--sij-border);color:var(--sij-t3);}
.si-jrny .sij-step2-conn {flex:1;min-width:24px;height:2px;background:var(--sij-border);margin:0 4px;}
.si-jrny .sij-step2-conn.is-done {background:var(--sij-teal);}
.si-jrny .sij-ai-bar {background:linear-gradient(135deg,#0F1C2E 0%,#1a3a3a 100%);border-radius:var(--sij-r-lg);padding:18px 22px;margin-bottom:20px;color:#fff;}
.si-jrny .sij-ai-bar-top {display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.si-jrny .sij-ai-icon {width:30px;height:30px;background:var(--sij-teal);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.si-jrny .sij-ai-bar-title {font-size:14px;font-weight:700;color:#fff;}
.si-jrny .sij-ai-bar-sub {font-size:11px;opacity:.6;color:#fff;}
.si-jrny .sij-ai-bar-row {display:flex;gap:10px;align-items:center;}
.si-jrny .sij-ai-input-wrap {flex:1;position:relative;display:flex;align-items:center;}
.si-jrny .sij-ai-input {flex:1;width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:9px 34px 9px 13px;color:#fff;font-size:13px;outline:none;transition:border .15s;font-family:inherit;}
.si-jrny .sij-ai-input::placeholder {color:rgba(255,255,255,.35);font-style:italic;}
.si-jrny .sij-ai-input:focus {border-color:var(--sij-teal);}
.si-jrny .sij-ai-clear {position:absolute;right:9px;top:50%;transform:translateY(-50%);cursor:pointer;color:rgba(255,255,255,.45);font-size:16px;line-height:1;transition:color .15s;}
.si-jrny .sij-ai-clear:hover {color:rgba(255,255,255,.85);}
.si-jrny .sij-sonnet-banner {display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#EDE9FE,#DDD6FE);border:1px solid #C4B5FD;border-radius:var(--sij-r);padding:10px 14px;margin-bottom:16px;font-size:12px;font-weight:600;color:#5B21B6;flex-wrap:wrap;}
.si-jrny .sij-sonnet-sparkle {font-size:16px;flex-shrink:0;}
.si-jrny .sij-sonnet-actions {margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0;}
.si-jrny .sij-coaching {display:flex;align-items:flex-start;gap:10px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:var(--sij-r);padding:11px 14px;font-size:12px;color:#78350F;margin-bottom:20px;}
.si-jrny .sij-coaching-icon {font-size:15px;flex-shrink:0;margin-top:1px;}
.si-jrny .sij-filter-groups {display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
.si-jrny .sij-filter-group {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);overflow:hidden;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-fg-header {padding:11px 16px;background:var(--sij-bg);border-bottom:1px solid var(--sij-border);display:flex;align-items:center;gap:8px;}
.si-jrny .sij-fg-icon {font-size:14px;}
.si-jrny .sij-fg-name {font-size:13px;font-weight:700;color:var(--sij-t1);}
.si-jrny .sij-fg-body {padding:14px 16px;}
.si-jrny .sij-filter-fields {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.si-jrny .sij-filter-field {display:flex;flex-direction:column;gap:4px;}
.si-jrny .sij-ff-label {font-size:11px;font-weight:700;color:var(--sij-t3);text-transform:uppercase;letter-spacing:.05em;}
.si-jrny .sij-bucket-create {background:#fff;border:2px dashed #B2E8E1;border-radius:var(--sij-r-lg);padding:20px 22px;margin-bottom:24px;}
.si-jrny .sij-bc-title {font-size:14px;font-weight:700;color:var(--sij-t1);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.si-jrny .sij-bc-step {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sij-teal);}
.si-jrny .sij-bc-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.si-jrny .sij-bc-input {flex:1;min-width:180px;background:var(--sij-bg);border:1px solid var(--sij-border);border-radius:6px;padding:9px 13px;font-size:13px;color:var(--sij-t1);outline:none;transition:border .15s;font-family:inherit;}
.si-jrny .sij-bc-input:focus {border-color:var(--sij-teal);}
.si-jrny .sij-buckets-section {margin-bottom:24px;}
.si-jrny .sij-bucket-badge.is-draft {background:var(--sij-bg);color:var(--sij-t2);}
.si-jrny .sij-bucket-ctas {display:flex;gap:10px;flex-wrap:wrap;}
.si-jrny .sij-linkpanel {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r-lg);overflow:hidden;box-shadow:var(--sij-sh-sm);margin-bottom:20px;}
.si-jrny .sij-lp-header {background:var(--sij-active);color:#fff;padding:16px 22px;display:flex;align-items:flex-start;gap:14px;position:relative;}
.si-jrny .sij-lp-header-icon {width:38px;height:38px;background:var(--sij-teal);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.si-jrny .sij-lp-header-label {font-size:10px;font-weight:700;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;}
.si-jrny .sij-lp-header-title {font-size:16px;font-weight:800;letter-spacing:-.02em;}
.si-jrny .sij-lp-header-sub {font-size:12px;opacity:.65;}
.si-jrny .sij-lp-close {position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:background .15s;}
.si-jrny .sij-lp-close:hover {background:rgba(255,255,255,.25);}
.si-jrny .sij-lp-toolbar {padding:13px 18px;border-bottom:1px solid var(--sij-border);display:flex;align-items:flex-end;gap:10px;background:var(--sij-bg);flex-wrap:wrap;}
.si-jrny .sij-lp-search {flex:1;min-width:160px;background:#fff;border:1px solid var(--sij-border);border-radius:6px;padding:7px 11px;font-size:13px;color:var(--sij-t1);outline:none;transition:border .15s;font-family:inherit;}
.si-jrny .sij-lp-search:focus {border-color:var(--sij-teal);}
.si-jrny .sij-lp-source {background:#fff;border:1px solid var(--sij-border);border-radius:6px;padding:7px 11px;font-size:13px;color:var(--sij-t1);outline:none;cursor:pointer;min-width:130px;}
.si-jrny .sij-lp-body {padding:14px 18px;}
.si-jrny .sij-lp-table-wrap {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);overflow:hidden;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-lp-table {width:100%;border-collapse:collapse;}
.si-jrny .sij-lp-table thead th {background:var(--sij-bg);padding:9px 13px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sij-t3);border-bottom:1px solid var(--sij-border);}
.si-jrny .sij-lp-table tbody tr {border-bottom:1px solid var(--sij-border);transition:background .12s;}
.si-jrny .sij-lp-table tbody tr:last-child {border-bottom:none;}
.si-jrny .sij-lp-table tbody tr:hover {background:var(--sij-teal-light);}
.si-jrny .sij-lp-table tbody td {padding:11px 13px;font-size:13px;color:var(--sij-t1);vertical-align:middle;}
.si-jrny .sij-lp-bucket-name {font-weight:700;}
.si-jrny .sij-lp-source-badge {display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;font-family:monospace;background:var(--sij-bg);color:var(--sij-t2);border:1px solid var(--sij-border);}
.si-jrny .sij-lp-source-badge.is-bq {background:#EDE9FE;color:#5B21B6;border-color:#C4B5FD;}
.si-jrny .sij-lp-source-badge.is-csv {background:#DCFCE7;color:#166534;border-color:#BBF7D0;}
.si-jrny .sij-lp-source-badge.is-se {background:#DBEAFE;color:#1E40AF;border-color:#BFDBFE;}
.si-jrny .sij-lp-empty {text-align:center;padding:24px 0;color:var(--sij-t3);font-size:13px;}
.si-jrny .sij-btn-link {display:inline-flex;align-items:center;gap:5px;padding:5px 13px;background:#fff;border:1.5px solid var(--sij-teal);border-radius:6px;font-size:12px;font-weight:700;color:var(--sij-teal);cursor:pointer;transition:all .15s;white-space:nowrap;}
.si-jrny .sij-btn-link:hover {background:var(--sij-teal);color:#fff;}
.si-jrny .sij-btn-link.is-linked {background:var(--sij-teal-light);color:var(--sij-teal-dark);border-color:#B2E8E1;cursor:default;pointer-events:none;}
.si-jrny .sij-wiz-rail {background:var(--sij-teal-deep);padding:0 32px;}
.si-jrny .sij-wiz-steps {display:flex;align-items:center;max-width:860px;margin:0 auto;}
.si-jrny .sij-wiz-step {display:flex;align-items:center;gap:10px;padding:18px 0;cursor:pointer;flex-shrink:0;}
.si-jrny .sij-wiz-step:hover .sij-wiz-step-icon {opacity:.85;}
.si-jrny .sij-wiz-step-icon {width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;transition:all .15s;}
.si-jrny .sij-wiz-step-icon.is-done {background:var(--sij-teal);border:2px solid var(--sij-teal);color:#fff;}
.si-jrny .sij-wiz-step-icon.is-active {background:var(--sij-teal);border:2px solid var(--sij-teal);color:#fff;}
.si-jrny .sij-wiz-step-icon.is-pending {background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:rgba(255,255,255,.4);}
.si-jrny .sij-wiz-step-text {min-width:0;}
.si-jrny .sij-wiz-step-label {font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;}
.si-jrny .sij-wiz-step-label.is-done {color:var(--sij-teal);}
.si-jrny .sij-wiz-step-label.is-active {color:var(--sij-teal);}
.si-jrny .sij-wiz-step-label.is-pending, .si-jrny .sij-wiz-step-label {color:rgba(255,255,255,.45);}
.si-jrny .sij-wiz-step-title {font-size:12px;font-weight:700;white-space:nowrap;}
.si-jrny .sij-wiz-step-title.is-done {color:rgba(255,255,255,.85);}
.si-jrny .sij-wiz-step-title.is-active {color:#fff;}
.si-jrny .sij-wiz-step-title.is-pending, .si-jrny .sij-wiz-step-title {color:rgba(255,255,255,.35);}
.si-jrny .sij-wiz-connector {flex:1;min-width:20px;height:2px;background:rgba(255,255,255,.15);margin:0 8px;}
.si-jrny .sij-wiz-connector.is-done {background:var(--sij-teal);}
.si-jrny .sij-wiz-header {background:linear-gradient(135deg,var(--sij-teal-deep) 0%,#1a5050 100%);padding:20px 32px 22px;color:#fff;display:flex;align-items:flex-start;gap:16px;}
.si-jrny .sij-wiz-header-icon {width:44px;height:44px;background:var(--sij-teal);border-radius:var(--sij-r);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.si-jrny .sij-wiz-header-text {}
.si-jrny .sij-wiz-header-label {font-size:11px;font-weight:700;color:var(--sij-teal);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;}
.si-jrny .sij-wiz-header-title {font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:3px;}
.si-jrny .sij-wiz-header-sub {font-size:12px;opacity:.6;}
.si-jrny .sij-wiz-body {max-width:860px;margin:0 auto;padding:28px 32px;}
.si-jrny .sij-wiz-field {display:flex;flex-direction:column;gap:5px;margin-bottom:18px;}
.si-jrny .sij-wiz-label {font-size:11px;font-weight:700;color:var(--sij-t3);text-transform:uppercase;letter-spacing:.06em;}
.si-jrny .sij-wiz-input {background:var(--sij-bg);border:1px solid var(--sij-border);border-radius:6px;padding:10px 14px;font-size:13px;color:var(--sij-t1);outline:none;transition:border .15s;font-family:inherit;width:100%;}
.si-jrny .sij-wiz-input:focus {border-color:var(--sij-teal);background:#fff;}
.si-jrny .sij-wiz-input.is-mono {font-family:monospace;font-size:12px;}
.si-jrny .sij-wiz-input[type=date] {padding:9px 14px;}
.si-jrny textarea.sij-wiz-input {resize:vertical;}
.si-jrny select.sij-wiz-input {cursor:pointer;}
/* Locked-on-edit fields (name / country / start date): the backend treats these
   as immutable, so read as clearly non-editable rather than silently ignored. */
.si-jrny .sij-wiz-input:disabled {background:var(--surface-soft,#F1F5F4);color:var(--sij-t3);cursor:not-allowed;opacity:1;}
.si-jrny select.sij-wiz-input:disabled {cursor:not-allowed;}
.si-jrny .sij-wiz-hint {font-size:11px;color:var(--sij-t3);line-height:1.4;}
.si-jrny .sij-wiz-row {display:grid;gap:14px;}
.si-jrny .sij-wiz-row-2 {grid-template-columns:1fr 1fr;}
.si-jrny .sij-wiz-row-3 {grid-template-columns:1fr 1fr 1fr;}
.si-jrny .sij-wiz-parsed {display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--sij-teal-light);border:1px solid #B2E8E1;border-radius:6px;flex-wrap:wrap;margin-bottom:18px;}
.si-jrny .sij-wiz-parsed-lbl {font-size:11px;font-weight:700;color:var(--sij-teal-dark);margin-right:2px;flex-shrink:0;}
.si-jrny .sij-wiz-chip {display:inline-flex;align-items:center;gap:3px;padding:3px 10px;background:var(--sij-teal);color:#fff;border-radius:20px;font-size:11px;font-weight:600;}
.si-jrny .sij-wiz-chip-lbl {font-size:10px;opacity:.7;margin-right:2px;}
.si-jrny .sij-wiz-topic {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);overflow:hidden;margin-bottom:14px;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-wiz-topic-header {background:var(--sij-teal-light);border-bottom:1px solid #B2E8E1;padding:12px 16px;display:flex;align-items:center;gap:10px;}
.si-jrny .sij-wiz-topic-dot {width:8px;height:8px;background:var(--sij-teal);border-radius:50%;flex-shrink:0;}
.si-jrny .sij-wiz-topic-body {padding:14px 16px;}
.si-jrny .sij-wiz-add-topic {display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:2px dashed #B2E8E1;border-radius:var(--sij-r);cursor:pointer;font-size:13px;font-weight:600;color:var(--sij-teal);transition:all .15s;width:100%;margin-top:4px;}
.si-jrny .sij-wiz-add-topic:hover {background:var(--sij-teal-light);}
.si-jrny .sij-wiz-chip-input-row {display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:var(--sij-bg);border:1px solid var(--sij-border);border-radius:6px;min-height:40px;align-items:center;}
.si-jrny .sij-wiz-chip-input-row input {flex:1;min-width:120px;border:none;outline:none;background:transparent;font-size:13px;color:var(--sij-t1);font-family:inherit;padding:1px 0;}
.si-jrny .sij-wiz-review {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);overflow:hidden;margin-bottom:14px;box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-wiz-review-head {background:var(--sij-bg);padding:10px 16px;border-bottom:1px solid var(--sij-border);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--sij-t1);text-transform:uppercase;letter-spacing:.06em;}
.si-jrny .sij-wiz-review-edit {font-size:11px;font-weight:600;color:var(--sij-teal);cursor:pointer;margin-left:auto;text-transform:none;letter-spacing:0;}
.si-jrny .sij-wiz-review-edit:hover {text-decoration:underline;}
.si-jrny .sij-wiz-review-body {padding:14px 16px;display:grid;gap:8px;}
.si-jrny .sij-wiz-review-row {display:flex;gap:8px;align-items:flex-start;font-size:13px;}
.si-jrny .sij-wiz-review-key {font-weight:600;color:var(--sij-t2);min-width:140px;flex-shrink:0;}
.si-jrny .sij-wiz-review-val {color:var(--sij-t1);}
.si-jrny .sij-wiz-review-val.is-mono {font-family:monospace;font-size:11px;color:var(--sij-t2);word-break:break-all;}
.si-jrny .sij-wiz-whats-next {background:linear-gradient(135deg,var(--sij-teal-light) 0%,#D1FAF5 100%);border:1.5px solid #B2E8E1;border-radius:var(--sij-r-lg);padding:18px 22px;margin-bottom:20px;display:flex;align-items:flex-start;gap:14px;}
.si-jrny .sij-wiz-wnb-icon {font-size:24px;flex-shrink:0;margin-top:1px;}
.si-jrny .sij-wiz-wnb-label {font-size:11px;font-weight:700;color:var(--sij-teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.si-jrny .sij-wiz-wnb-text {font-size:13px;color:var(--sij-t2);line-height:1.65;}
.si-jrny .sij-wiz-section-title {font-size:14px;font-weight:700;color:var(--sij-t1);margin-bottom:4px;}
.si-jrny .sij-wiz-section-sub {font-size:12px;color:var(--sij-t3);margin-bottom:14px;}
.si-jrny .sij-wiz-footer {position:fixed;bottom:0;left:0;right:0;z-index:800;background:#fff;border-top:1px solid var(--sij-border);padding:12px 32px;display:flex;align-items:center;gap:12px;box-shadow:0 -4px 16px rgba(0,0,0,.06);}
.si-jrny .sij-wiz-footer-hint {font-size:11px;color:var(--sij-t3);font-style:italic;flex:1;text-align:center;}
.si-jrny .sij-wiz-footer-actions {display:flex;gap:8px;margin-left:auto;}
.si-jrny .sij-wiz-padded {padding-bottom:72px;}
.si-jrny .sij-wiz-error {margin:0 32px 16px;border-radius:var(--sij-r);}
.si-jrny .sij-clist-toolbar {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
.si-jrny .sij-clist-toolbar-left h2 {font-size:18px;font-weight:700;color:var(--sij-t1);margin:0 0 2px;}
.si-jrny .sij-clist-toolbar-left .sij-clist-meta {font-size:13px;color:var(--sij-t3);}
.si-jrny .sij-newbtn {display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:var(--sij-teal);color:#fff;border:0;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;text-decoration:none;}
.si-jrny .sij-newbtn:hover {background:var(--sij-teal-dark);transform:translateY(-1px);box-shadow:var(--sij-sh-sm);color:#fff;}
.si-jrny .sij-clist {display:flex;flex-direction:column;gap:12px;}
.si-jrny .sij-ccard {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r-lg);padding:18px 22px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:all .18s;box-shadow:var(--sij-sh-sm);position:relative;overflow:hidden;}
.si-jrny .sij-ccard::before {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sij-teal);opacity:0;transition:opacity .15s;}
.si-jrny .sij-ccard:hover {border-color:#B2E8E1;box-shadow:var(--sij-sh-md);transform:translateY(-2px);}
.si-jrny .sij-ccard:hover::before {opacity:1;}
.si-jrny .sij-ccard-icon {width:46px;height:46px;background:var(--sij-teal-light);border-radius:var(--sij-r);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--sij-teal-deep);flex-shrink:0;text-transform:uppercase;}
.si-jrny .sij-ccard-main {flex:1;min-width:0;}
.si-jrny .sij-ccard-name {font-size:15px;font-weight:700;color:var(--sij-t1);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.si-jrny .sij-ccard-meta {font-size:12px;color:var(--sij-t3);display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
.si-jrny .sij-ccard-meta span {display:flex;align-items:center;gap:3px;}
.si-jrny .sij-ccard-kpis {display:flex;gap:20px;align-items:center;flex-shrink:0;}
.si-jrny .sij-ccard-kpi {text-align:center;}
.si-jrny .sij-ccard-kpi .sij-ccard-kval {font-size:17px;font-weight:700;color:var(--sij-t1);}
.si-jrny .sij-ccard-kpi .sij-ccard-klbl {font-size:10px;color:var(--sij-t3);margin-top:1px;text-transform:uppercase;letter-spacing:.04em;}
.si-jrny .sij-ccard-arrow {color:var(--sij-teal);font-size:18px;flex-shrink:0;}
.si-jrny .sij-clist-tip {display:flex;align-items:flex-start;gap:10px;background:#FFFBEB;border:1px solid #FDE68A;border-radius:var(--sij-r);padding:12px 14px;font-size:12px;color:#78350F;margin-bottom:18px;}
.si-jrny .sij-clist-tip-icon {font-size:16px;flex-shrink:0;margin-top:1px;}
.si-jrny .sij-clist-empty {text-align:center;padding:48px 16px;color:var(--sij-t3);}
.si-jrny .sij-clist-empty i {font-size:32px;display:block;margin-bottom:12px;}
.si-jrny .sij-ccard-skel {height:88px;background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r-lg);margin-bottom:0;}
.si-jrny .sij-results {background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);box-shadow:var(--sij-sh-sm);overflow:hidden;}
.si-jrny .sij-results-header {display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--sij-border);background:var(--sij-bg);}
.si-jrny .sij-results-title {font-size:13px;font-weight:800;color:var(--sij-t1);flex:1;}
.si-jrny .sij-results-empty {text-align:center;padding:40px 18px;color:var(--sij-t3);}
.si-jrny .sij-results-empty i {font-size:28px;display:block;margin-bottom:10px;}
.si-jrny .sij-results-empty p {font-size:13px;margin:0;}
.si-jrny .sij-results-body {padding:0;}
.si-jrny .sij-report-chips {display:flex;flex-wrap:wrap;gap:10px;padding:18px;}
.si-jrny .sij-report-chip {display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--sij-bg);border:1px solid var(--sij-border);border-radius:var(--sij-r);font-size:13px;font-weight:600;color:var(--sij-teal-deep);cursor:pointer;transition:all .15s;text-decoration:none;}
.si-jrny .sij-report-chip:hover {background:var(--sij-teal-light);border-color:var(--sij-teal);color:var(--sij-teal-deep);transform:translateY(-1px);box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-report-chip i {font-size:15px;color:var(--sij-teal);}
.si-jrny .sij-report-chip-name {font-weight:700;}
.si-jrny .sij-report-chip-kind {font-size:11px;font-weight:500;color:var(--sij-t3);margin-left:2px;}
.si-jrny .sij-mv-thumb { width: 64px; height: 36px; object-fit: cover; border-radius: 4px; background: #eee; }
.si-jrny .sij-count-pill { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 800; padding: 3px 10px; border-radius: 999px; background: #dcfce7; color: #15803d; }
.si-jrny .sij-loading { display: flex; align-items: center; gap: 8px; padding: 28px 18px; color: var(--sij-t3); font-size: 13px; }
.si-jrny .sij-empty { text-align: center; padding: 40px 18px; color: var(--sij-t3); font-size: 13px; }
.si-jrny .sij-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 11px 16px; border-top: 1px solid var(--border); }
.si-jrny .sij-pagination button { min-width: 32px; height: 32px; border: 1px solid var(--border); background: #fff; color: var(--muted); border-radius: 8px; font-size: 12.5px; font-weight: 700; cursor: pointer; padding: 0 8px; }
.si-jrny .sij-pagination button:hover:not(:disabled) { background: var(--surface-soft, #F8FBFA); }
.si-jrny .sij-pagination button:disabled { opacity: .45; cursor: default; }
.si-jrny .sij-pagination span { font-size: 12px; color: var(--muted); }
.si-jrny .sij-subtab { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--sij-border); background: #fff; color: var(--sij-t2); font-size: 13px; font-weight: 700; cursor: pointer; transition: all .15s; }
.si-jrny .sij-subtab:hover { background: var(--sij-teal-light); color: var(--sij-teal-deep); }
.si-jrny .sij-subtab.active { color: #fff; background: var(--sij-teal-deep); border-color: var(--sij-teal-deep); }

/* animations */
@keyframes shimmer {
  0%   { background-position: -600px 0; }
  100% { background-position: 600px 0; }
}
@keyframes appr-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }

/* responsive */
@media(max-width:768px) {
  .si-jrny .sij-kpis {grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px) {
  .si-jrny .sij-filter-fields {grid-template-columns:repeat(2,1fr);}
}
@media(max-width:560px) {
  .si-jrny .sij-filter-fields {grid-template-columns:1fr;}
}
@media(max-width:640px) {
  .si-jrny .sij-wiz-row-2, .si-jrny .sij-wiz-row-3 {grid-template-columns:1fr;}
}
@media(max-width:900px) {
  .si-jrny .sij-ccard-kpis {display:none;}
}

/* ─────────────────────────────────────────────────────────────────────────────
 * HAND-WRITTEN (not extracted from the branch)
 * Campaign-bucket membership list + the searchable "link existing bucket"
 * dropdown that replaced the embedded Buckets page. Uses this page's own
 * tokens, and stays scoped under .si-jrny like everything above.
 * ───────────────────────────────────────────────────────────────────────────*/
.si-jrny .sij-bkt-head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px;}
.si-jrny .sij-bkt-title {font-size:15px;font-weight:700;color:var(--sij-t1);}
.si-jrny .sij-bkt-sub {font-size:12px;color:var(--sij-t3);margin-top:2px;}

.si-jrny .sij-bkt-empty {display:flex;align-items:center;gap:8px;padding:18px;border:1px dashed var(--sij-border);border-radius:var(--sij-r);background:#fff;color:var(--sij-t3);font-size:13px;}
.si-jrny .sij-bkt-empty .bi {font-size:1.1rem;}

.si-jrny .sij-bkt-list {display:flex;flex-direction:column;gap:8px;}
.si-jrny .sij-bkt-row {display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 14px;background:#fff;border:1px solid var(--sij-border);border-radius:var(--sij-r);box-shadow:var(--sij-sh-sm);}
.si-jrny .sij-bkt-row-main {flex:1;min-width:0;}
.si-jrny .sij-bkt-name {font-size:13.5px;font-weight:600;color:var(--sij-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.si-jrny .sij-bkt-meta {display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--sij-t3);margin-top:4px;}
.si-jrny .sij-bkt-row-actions {display:flex;align-items:center;gap:6px;flex-shrink:0;}
.si-jrny .sij-bkt-chips {flex:1 0 100%;display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;margin-top:2px;border-top:1px dashed var(--sij-border);}

/* link-picker modal ---------------------------------------------------------*/
/* Centered rather than anchored: this section is at the bottom of a long page,
 * so a panel hanging off the button opens below the fold. z-index matches the
 * app's other page-local modals (.du-modal__bg = 1200). */
.si-jrny .sij-lm__bg {position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,30,28,.45);}
.si-jrny .sij-lm {display:flex;flex-direction:column;width:600px;max-width:94vw;max-height:min(560px,86vh);background:#fff;border-radius:var(--sij-r-lg);box-shadow:0 30px 80px -30px rgba(0,0,0,.5);overflow:hidden;}

.si-jrny .sij-lm__hd {display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--sij-border);}
.si-jrny .sij-lm__icon {display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--sij-r);background:var(--sij-teal-light);color:var(--sij-teal-deep);font-size:1rem;}
.si-jrny .sij-lm__hdtext {flex:1;min-width:0;}
.si-jrny .sij-lm__hdtext h3 {margin:0;font-size:15px;font-weight:800;color:var(--sij-t1);}
.si-jrny .sij-lm__hdtext p {margin:2px 0 0;font-size:12.5px;color:var(--sij-t3);}
.si-jrny .sij-lm__x {border:0;background:transparent;color:var(--sij-t3);font-size:.95rem;line-height:1;padding:4px;cursor:pointer;border-radius:6px;transition:background .12s,color .12s;}
.si-jrny .sij-lm__x:hover {background:var(--sij-bg);color:var(--sij-t1);}

.si-jrny .sij-lm__search {display:flex;align-items:center;gap:9px;padding:11px 20px;border-bottom:1px solid var(--sij-border);background:var(--sij-bg);}
.si-jrny .sij-lm__search > .bi {color:var(--sij-t3);font-size:.9rem;}
.si-jrny .sij-lm__search input {flex:1;border:0;background:transparent;outline:none;font-size:13.5px;color:var(--sij-t1);}
.si-jrny .sij-lm__search input::placeholder {color:var(--sij-t3);}
.si-jrny .sij-lm__clear {border:0;background:transparent;color:var(--sij-t3);cursor:pointer;padding:2px 4px;line-height:1;border-radius:5px;}
.si-jrny .sij-lm__clear:hover {background:#fff;color:var(--sij-t1);}

.si-jrny .sij-lm__body {flex:1;overflow-y:auto;min-height:120px;}
.si-jrny .sij-lm__note {display:flex;align-items:center;gap:8px;padding:26px 20px;font-size:13px;color:var(--sij-t3);}

.si-jrny .sij-lm__opt {display:flex;align-items:center;gap:12px;width:100%;padding:11px 20px;border:0;border-bottom:1px solid var(--sij-border);background:#fff;text-align:left;cursor:pointer;transition:background .12s;}
.si-jrny .sij-lm__opt:last-child {border-bottom:0;}
.si-jrny .sij-lm__opt:hover:not([disabled]) {background:var(--sij-teal-light);}
.si-jrny .sij-lm__opt[disabled] {cursor:default;background:#fff;}
.si-jrny .sij-lm__opt-main {flex:1;min-width:0;}
.si-jrny .sij-lm__opt-name {display:block;font-size:13.5px;font-weight:600;color:var(--sij-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.si-jrny .sij-lm__opt-meta {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:4px;font-size:11.5px;color:var(--sij-t3);}
.si-jrny .sij-lm__opt-cta {display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:700;background:var(--sij-teal);color:#fff;}
.si-jrny .sij-lm__opt:hover:not([disabled]) .sij-lm__opt-cta {background:var(--sij-teal-dark);}
.si-jrny .sij-lm__opt-cta.is-done {background:var(--sij-teal-light);color:var(--sij-teal-deep);}

.si-jrny .sij-lm__ft {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--sij-border);background:var(--sij-bg);}
.si-jrny .sij-lm__count {font-size:11.5px;color:var(--sij-t3);}

@media (max-width:640px) {
  .si-jrny .sij-lm__bg {padding:12px;}
  .si-jrny .sij-lm {max-height:92vh;}
  .si-jrny .sij-bkt-row-actions {width:100%;justify-content:flex-end;}
}