:root {
    --j2t-admin-ink: #1f1b36;
    --j2t-admin-muted: #6f6a80;
    --j2t-admin-line: #e2deec;
    --j2t-admin-purple: #5c3fd4;
    --j2t-admin-purple-dark: #35246f;
    --j2t-admin-green: #087f68;
    --j2t-admin-gold: #e5aa32;
	--j2t-admin-border: #e2deec;
	--j2t-admin-shadow: 0 9px 30px rgba(37, 27, 73, .055);
}

.j2t-growth-admin { max-width: 1240px; margin: 22px 22px 40px 0; color: var(--j2t-admin-ink); }
.j2t-growth-admin * { box-sizing: border-box; }
.j2t-growth-admin p { color: var(--j2t-admin-muted); line-height: 1.58; }
.j2t-admin-hero { position: relative; display: flex; justify-content: space-between; gap: 28px; align-items: flex-end; min-height: 175px; margin-bottom: 22px; padding: 34px 38px; overflow: hidden; border-radius: 20px; background: linear-gradient(125deg, #27194f 0%, #5135aa 58%, #7c61e4 100%); color: #fff; box-shadow: 0 18px 45px rgba(45, 29, 96, .2); }
.j2t-admin-hero::before { position: absolute; top: -90px; right: -35px; width: 300px; height: 300px; border: 55px solid rgba(255,255,255,.07); border-radius: 50%; content: ""; }
.j2t-admin-hero::after { position: absolute; right: 240px; bottom: -130px; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,.05); content: ""; }
.j2t-admin-hero > div, .j2t-admin-hero nav { position: relative; z-index: 1; }
.j2t-admin-hero > div > span { display: block; margin-bottom: 8px; color: #d9ceff; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.j2t-admin-hero__title { max-width: 720px; margin: 0 0 8px; color: #fff; font-size: clamp(28px, 4vw, 42px); font-weight: 750; letter-spacing: -.035em; line-height: 1.08; }
.j2t-admin-hero p { max-width: 690px; margin: 0; color: rgba(255,255,255,.78); font-size: 15px; }
.j2t-admin-hero nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.j2t-admin-hero nav a { padding: 8px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; background: rgba(255,255,255,.08); color: #fff; font-size: 12px; font-weight: 650; text-decoration: none; backdrop-filter: blur(5px); }
.j2t-admin-hero nav a:hover { background: #fff; color: var(--j2t-admin-purple-dark); }

.j2t-admin-panel { margin: 0 0 20px; padding: 26px; border: 1px solid var(--j2t-admin-line); border-radius: 16px; background: #fff; box-shadow: 0 9px 30px rgba(37, 27, 73, .055); }
.j2t-panel-heading { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 22px; }
.j2t-panel-heading > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 7px; background: #eeeaff; color: var(--j2t-admin-purple); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.j2t-panel-heading h2, .j2t-panel-title h2 { margin: 0 0 4px; color: var(--j2t-admin-ink); font-size: 20px; line-height: 1.25; }
.j2t-panel-heading p, .j2t-panel-title p { margin: 0; }
.j2t-panel-title { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 18px; }
.j2t-panel-title > div > span { display: block; margin-bottom: 4px; color: var(--j2t-admin-purple); font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.j2t-panel-title > a { font-weight: 700; text-decoration: none; }

.j2t-stepper { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 20px; padding: 0 14px; }
.j2t-stepper span { position: relative; display: flex; gap: 8px; align-items: center; color: #9a95a8; font-size: 11px; font-weight: 800; }
.j2t-stepper span::before { display: grid; width: 26px; height: 26px; place-items: center; border: 2px solid #d8d4e2; border-radius: 50%; background: #f7f6fa; content: attr(data-step); }
.j2t-stepper span:not(:last-child)::after { position: absolute; z-index: -1; top: 13px; left: 30px; width: calc(100% - 34px); height: 2px; background: #ddd9e8; content: ""; }
.j2t-stepper span.is-active { color: var(--j2t-admin-purple-dark); }
.j2t-stepper span.is-active::before { border-color: var(--j2t-admin-purple); background: var(--j2t-admin-purple); color: #fff; }
.j2t-stepper span.is-active:not(:last-child)::after { background: #a995ef; }
.j2t-stepper b { position: relative; z-index: 1; padding-right: 9px; background: #f0f0f1; }

.j2t-preset-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.j2t-preset-card { position: relative; display: flex; min-height: 188px; flex-direction: column; padding: 20px; border: 1px solid var(--j2t-admin-line); border-radius: 13px; background: #fff; cursor: pointer; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.j2t-preset-card:hover { transform: translateY(-2px); border-color: #a995ef; box-shadow: 0 12px 24px rgba(66, 43, 138, .1); }
.j2t-preset-card.is-selected { border: 2px solid var(--j2t-admin-purple); background: linear-gradient(145deg, #fff, #f7f4ff); box-shadow: 0 12px 28px rgba(66, 43, 138, .13); }
.j2t-preset-card input { position: absolute; opacity: 0; }
.j2t-preset-card__badge { align-self: flex-start; margin-bottom: 14px; padding: 4px 7px; border-radius: 99px; background: #ece8ff; color: #5c42c9; font-size: 9px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.j2t-preset-card > strong { margin-bottom: 7px; font-size: 16px; }
.j2t-preset-card p { flex: 1; margin: 0 0 13px; font-size: 12px; }
.j2t-preset-card small { color: #4c4563; font-size: 10px; font-weight: 750; }
.j2t-onboarding-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .7fr); gap: 20px; }
.j2t-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.j2t-field-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.j2t-admin-field { display: grid; gap: 7px; }
.j2t-admin-field span, .j2t-upload-form label > span, .j2t-commit-form label > span { color: #4c475b; font-size: 11px; font-weight: 750; }
.j2t-admin-field input, .j2t-upload-form select, .j2t-commit-form select { width: 100%; min-height: 43px; border: 1px solid #d7d3e2; border-radius: 8px; background: #fff; box-shadow: none; }
.j2t-admin-field input:focus, .j2t-upload-form select:focus, .j2t-commit-form select:focus { border-color: var(--j2t-admin-purple); box-shadow: 0 0 0 3px rgba(92,63,212,.1); }
.j2t-economics-preview { display: flex; min-height: 280px; flex-direction: column; padding: 28px; border-radius: 16px; background: linear-gradient(155deg, #251849, #4a31a0); color: #fff; box-shadow: 0 15px 35px rgba(45,29,96,.2); }
.j2t-economics-preview > span { color: #d8ccff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.j2t-economics-preview h3 { margin: 12px 0 21px; color: #fff; font-size: 20px; line-height: 1.3; }
.j2t-economics-preview > div { display: grid; grid-template-columns: 80px 1fr; align-items: baseline; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.13); }
.j2t-economics-preview strong { font-size: 23px; }
.j2t-economics-preview small { color: rgba(255,255,255,.7); }
.j2t-economics-preview p { margin: auto 0 0; color: #d9ceff; font-weight: 700; }
.j2t-launch-includes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 18px; }
.j2t-launch-includes span { padding: 10px; border-radius: 8px; background: #f6f4fc; color: #524b68; font-size: 10px; font-weight: 700; }
.j2t-launch-bar { position: sticky; z-index: 5; bottom: 15px; display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: 18px; padding: 17px 20px; border: 1px solid rgba(255,255,255,.3); border-radius: 14px; background: rgba(31,27,54,.96); color: #fff; box-shadow: 0 18px 45px rgba(26,19,52,.24); backdrop-filter: blur(8px); }
.j2t-launch-bar div { display: grid; gap: 3px; }
.j2t-launch-bar span { color: #bfb7d3; font-size: 10px; font-weight: 700; text-transform: uppercase; }
.j2t-launch-bar strong { font-size: 15px; }
.j2t-launch-bar .button-primary { border-color: #856af0 !important; background: #7458e5 !important; box-shadow: none !important; }
.j2t-subtle-note { text-align: center; font-size: 11px; }

.j2t-score-card { display: grid; grid-template-columns: auto 1fr auto; gap: 22px; align-items: center; margin-bottom: 20px; padding: 24px 28px; border: 1px solid #d9d1f4; border-radius: 16px; background: linear-gradient(125deg, #fff, #f6f2ff); box-shadow: 0 10px 30px rgba(50,35,104,.07); }
.j2t-score-ring { --score: 0; display: grid; width: 86px; height: 86px; place-content: center; border-radius: 50%; background: radial-gradient(circle at center, #fff 57%, transparent 59%), conic-gradient(#674bd9 calc(var(--score) * 1%), #e1dcef 0); text-align: center; }
.j2t-score-ring strong { font-size: 25px; line-height: 1; }
.j2t-score-ring span { color: var(--j2t-admin-muted); font-size: 10px; }
.j2t-score-card > div:nth-child(2) > span { color: var(--j2t-admin-purple); font-size: 10px; font-weight: 850; text-transform: uppercase; }
.j2t-score-card h2 { margin: 4px 0; font-size: 21px; }
.j2t-score-card p { margin: 0; }
.j2t-kpi-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-bottom: 20px; }
.j2t-kpi-card { position: relative; min-height: 142px; padding: 21px; overflow: hidden; border: 1px solid var(--j2t-admin-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(40,30,75,.05); }
.j2t-kpi-card small { display: block; max-width: 80%; color: var(--j2t-admin-muted); font-size: 11px; font-weight: 700; }
.j2t-kpi-card > strong { display: block; margin: 9px 0 4px; color: var(--j2t-admin-ink); font-size: 27px; line-height: 1; }
.j2t-kpi-card p { margin: 0; font-size: 10px; }
.j2t-kpi-icon { position: absolute; top: 18px; right: 18px; width: 30px; height: 30px; border-radius: 9px; background: #eeeaff; }
.j2t-kpi-icon::before { display: grid; height: 100%; place-items: center; color: var(--j2t-admin-purple); content: "✦"; font-weight: 900; }
.j2t-kpi-icon--earned { background: #e8f8f3; }.j2t-kpi-icon--earned::before { color: #087f68; content: "+"; }
.j2t-kpi-icon--redeemed { background: #fff2df; }.j2t-kpi-icon--redeemed::before { color: #b77412; content: "%"; }
.j2t-kpi-icon--revenue { background: #e8f4ff; }.j2t-kpi-icon--revenue::before { color: #2a6fad; content: "$"; }
.j2t-kpi-icon--liability { background: #fff0f2; }.j2t-kpi-icon--liability::before { color: #ab4054; content: "="; }
.j2t-kpi-icon--referrals::before { content: "↗"; }
.j2t-analytics-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr); gap: 20px; }
.j2t-chart-legend { display: flex; gap: 8px; align-items: center; color: var(--j2t-admin-muted); font-size: 10px; }
.j2t-chart-legend i { width: 7px; height: 7px; border-radius: 50%; background: #6950d8; }.j2t-chart-legend i.spent { margin-left: 6px; background: #e1a63d; }
.j2t-bar-chart { display: grid; height: 230px; grid-template-columns: repeat(14, 1fr); gap: 7px; align-items: end; padding-top: 20px; border-bottom: 1px solid #ded9e8; background: repeating-linear-gradient(to bottom, #f0edf5 0, #f0edf5 1px, transparent 1px, transparent 56px); }
.j2t-bar-day { display: grid; height: 100%; grid-template-rows: 1fr auto; gap: 8px; align-items: end; }
.j2t-bars { display: flex; height: 100%; gap: 2px; align-items: end; justify-content: center; }
.j2t-bars i { width: min(10px, 45%); min-height: 3px; border-radius: 4px 4px 1px 1px; background: linear-gradient(#8269ea, #5238bd); }.j2t-bars i.spent { background: linear-gradient(#efc36d, #db9622); }
.j2t-bar-day > span { color: #8a8497; font-size: 9px; text-align: center; }
.j2t-insight-list { display: grid; gap: 9px; }
.j2t-insight { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 12px; border: 1px solid #e5e1ed; border-radius: 10px; background: #fbfafd; }
.j2t-insight > span { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 8px; background: #eeeaff; color: var(--j2t-admin-purple); font-weight: 900; }
.j2t-insight strong { font-size: 12px; }.j2t-insight p { margin: 3px 0 5px; font-size: 10px; line-height: 1.4; }.j2t-insight a { font-size: 10px; font-weight: 750; text-decoration: none; }
.j2t-insight--success > span { background: #e4f6f0; color: #087f68; }.j2t-insight--danger > span { background: #ffeaed; color: #b03950; }.j2t-insight--warning > span { background: #fff3dc; color: #a26810; }
.j2t-top-customers { display: grid; gap: 0; }
.j2t-top-customers article { display: grid; grid-template-columns: 30px minmax(180px, 1fr) auto auto; gap: 12px; align-items: center; padding: 12px 3px; border-top: 1px solid #ece8f0; }
.j2t-top-customers article > span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; background: #f1eef9; font-size: 10px; font-weight: 800; }
.j2t-top-customers article > div { display: grid; }.j2t-top-customers small { color: var(--j2t-admin-muted); }.j2t-top-customers b { color: var(--j2t-admin-purple-dark); }.j2t-top-customers a { text-decoration: none; }
.j2t-admin-empty { display: grid; justify-items: center; padding: 34px; text-align: center; }.j2t-admin-empty > span { font-size: 28px; color: var(--j2t-admin-purple); }.j2t-admin-empty p { margin: 5px 0; }

.j2t-migration-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 20px; }
.j2t-migration-steps article { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 15px; border: 1px solid var(--j2t-admin-line); border-radius: 12px; background: #fff; }
.j2t-migration-steps article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 8px; background: #eeeaff; color: var(--j2t-admin-purple); font-weight: 850; }.j2t-migration-steps strong { font-size: 12px; }.j2t-migration-steps p { margin: 2px 0 0; font-size: 9px; line-height: 1.4; }
.j2t-migration-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); gap: 20px; }
.j2t-migration-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.j2t-upload-form { display: grid; gap: 13px; margin-top: 20px; }.j2t-upload-form > label:first-of-type { display: grid; gap: 7px; }
.j2t-file-drop { position: relative; display: grid; min-height: 145px; place-items: center; align-content: center; border: 1px dashed #aaa0d4; border-radius: 12px; background: #faf8ff; text-align: center; cursor: pointer; }.j2t-file-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }.j2t-file-drop > span { color: var(--j2t-admin-purple); font-size: 28px; }.j2t-file-drop strong { margin: 3px; }.j2t-file-drop small { color: var(--j2t-admin-muted); }
.j2t-migration-promise { background: linear-gradient(150deg, #25184a, #49309b); color: #fff; }.j2t-migration-promise > span { color: #d7ccff; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }.j2t-migration-promise h2 { color: #fff; }.j2t-migration-promise ul { display: grid; gap: 14px; margin: 24px 0 0; }.j2t-migration-promise li { color: rgba(255,255,255,.82); }
.j2t-import-preview { margin-top: 0; }.j2t-preview-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 18px; }.j2t-preview-metrics > div { display: grid; padding: 13px; border-radius: 10px; background: #f7f5fb; }.j2t-preview-metrics strong { font-size: 20px; }.j2t-preview-metrics span { color: var(--j2t-admin-muted); font-size: 10px; }
.j2t-preview-table { overflow: auto; border: 1px solid #e1ddea; border-radius: 10px; }.j2t-preview-table table { width: 100%; border-collapse: collapse; }.j2t-preview-table th,.j2t-preview-table td { padding: 10px 12px; border-bottom: 1px solid #ece9f1; text-align: left; }.j2t-preview-table th { background: #f8f7fa; color: #6d6879; font-size: 10px; text-transform: uppercase; }.j2t-status { padding: 4px 7px; border-radius: 99px; background: #e6f7f1; color: #087f68; font-size: 9px; font-weight: 800; }.j2t-status--unmatched,.j2t-status--invalid,.j2t-status--duplicate { background: #fff0e5; color: #a45d15; }
.j2t-commit-form { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-top: 18px; padding: 15px; border-radius: 11px; background: #f5f2ff; }.j2t-commit-form label { display: grid; min-width: 280px; gap: 6px; }.j2t-commit-form > div { display: flex; gap: 13px; align-items: center; }.j2t-commit-form p { margin: 0; font-size: 10px; }
.j2t-import-report { display: grid; grid-template-columns: 45px 1fr auto; gap: 15px; align-items: center; margin-top: 20px; padding: 20px; border: 1px solid #b9decf; border-radius: 13px; background: #f1fbf7; }.j2t-import-report > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #d9f3e9; color: #087f68; font-size: 20px; font-weight: 900; }.j2t-import-report small { color: #4a826f; font-weight: 750; text-transform: uppercase; }.j2t-import-report h3 { margin: 2px 0; }.j2t-import-report p { margin: 0; }.j2t-import-report.is-rolled-back { border-color: #d9d5e4; background: #f7f6f9; }

.j2t-email-preview { max-width: 520px; margin-bottom: 12px; padding: 23px; border: 1px solid #ddd6f5; border-radius: 13px; background: linear-gradient(145deg,#fff,#f6f3ff); box-shadow: 0 10px 25px rgba(45,29,96,.08); }.j2t-email-preview > span { color: var(--j2t-admin-purple); font-size: 9px; font-weight: 850; letter-spacing: .14em; }.j2t-email-preview h3 { margin: 7px 0; color: var(--j2t-admin-ink); font-size: 19px; }.j2t-email-preview p { margin: 0 0 16px; }.j2t-email-preview b { display: inline-block; padding: 9px 13px; border-radius: 7px; background: var(--j2t-admin-purple-dark); color: #fff; font-size: 11px; }
.j2t-inline-success, .j2t-inline-error { max-width: 580px; padding: 10px 13px; border-left: 4px solid #16865d; border-radius: 5px; background: #edf9f4; color: #225e49; }
.j2t-inline-error { border-left-color: #b33a52; background: #fff1f3; color: #8a2439; }
.j2t-rewards-admin-screen #mainform > h2 { margin-top: 24px; color: var(--j2t-admin-ink); font-size: 25px; letter-spacing: -.02em; }
.j2t-rewards-admin-screen #mainform > p { max-width: 820px; color: #686274; font-size: 14px; }
.j2t-rewards-admin-screen #mainform .form-table { max-width: 1040px; margin-top: 22px; padding: 8px 24px; border: 1px solid var(--j2t-admin-border); border-radius: 14px; background: #fff; box-shadow: var(--j2t-admin-shadow); border-collapse: separate; }
.j2t-rewards-admin-screen #mainform .form-table th { padding: 24px 16px 24px 4px; color: #3f394c; }
.j2t-rewards-admin-screen #mainform .form-table td { padding: 18px 4px; }
.j2t-rewards-admin-screen #mainform .form-table tr:not(:last-child) th,
.j2t-rewards-admin-screen #mainform .form-table tr:not(:last-child) td { border-bottom: 1px solid #eeeaf4; }
.j2t-rewards-admin-screen #mainform .form-table input[type="text"],
.j2t-rewards-admin-screen #mainform .form-table input[type="number"],
.j2t-rewards-admin-screen #mainform .form-table select,
.j2t-rewards-admin-screen #mainform .form-table textarea { min-height: 43px; border-color: #d6d0e3; border-radius: 8px; background: #fcfbff; box-shadow: none; }
.j2t-rewards-admin-screen #mainform .form-table textarea { min-height: 92px; }
.j2t-rewards-admin-screen #mainform .form-table .description { margin-top: 7px; color: #797386; }
.j2t-rewards-admin-screen #mainform .button-primary { min-height: 40px; padding: 3px 18px; border-color: var(--j2t-admin-purple); border-radius: 7px; background: var(--j2t-admin-purple); font-weight: 700; }
.j2t-launch-notice p { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.j2t-review-notice { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 17px; align-items: center; max-width: 1040px; margin: 18px 20px 18px 2px; padding: 20px 22px; overflow: hidden; border: 1px solid #dcd5f5; border-left: 5px solid var(--j2t-admin-purple); border-radius: 14px; background: linear-gradient(120deg, #fff 0%, #f7f4ff 65%, #eefbf8 100%); box-shadow: 0 12px 32px rgba(45,29,96,.09); }
.j2t-review-notice__mark { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 16px; background: linear-gradient(145deg, #362172, #6847df); color: #ffd93f; font-size: 27px; box-shadow: 0 10px 22px rgba(67,43,145,.22); }
.j2t-review-notice__content > span { color: var(--j2t-admin-purple); font-size: 9px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.j2t-review-notice h2 { margin: 4px 0 4px; color: var(--j2t-admin-ink); font-size: 17px; line-height: 1.3; }
.j2t-review-notice p { margin: 0; color: var(--j2t-admin-muted); font-size: 12px; line-height: 1.55; }
.j2t-review-notice__actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 13px; }
.j2t-review-notice__actions form { margin: 0; }
.j2t-review-notice__actions .button { min-height: 34px; border-radius: 7px; line-height: 32px; }
.j2t-review-notice__actions .button-primary { border-color: var(--j2t-admin-purple-dark); background: var(--j2t-admin-purple-dark); }
.j2t-review-notice__actions .button-link { min-height: 32px; padding: 0 6px; color: #625b75; text-decoration: none; }
.j2t-review-notice__actions .button-link:hover { color: var(--j2t-admin-purple); }

/* Loyalty program builder ------------------------------------------------ */
.j2t-program-builder .j2t-admin-hero h1 { max-width: 720px; margin: 0 0 8px; color: #fff; font-size: clamp(30px, 4vw, 43px); letter-spacing: -.035em; line-height: 1.05; }
.j2t-admin-hero__badge { display: grid; min-width: 190px; padding: 16px 18px; border: 1px solid rgba(255,255,255,.22); border-radius: 13px; background: rgba(255,255,255,.1); backdrop-filter: blur(8px); }
.j2t-admin-hero__badge strong { font-size: 15px; }.j2t-admin-hero__badge span { margin: 3px 0 0 !important; color: rgba(255,255,255,.72) !important; font-size: 10px !important; letter-spacing: 0 !important; }
.j2t-program-table { overflow: hidden; border: 1px solid var(--j2t-admin-line); border-radius: 12px; }
.j2t-program-table__head, .j2t-program-row { display: grid; grid-template-columns: 1.25fr .8fr .75fr .55fr .55fr; gap: 12px; align-items: center; }
.j2t-program-table__head { padding: 10px 13px; background: #f5f3f9; color: #716b80; font-size: 9px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.j2t-program-row { padding: 13px; border-top: 1px solid #ebe8f0; background: #fff; }
.j2t-program-row label, .j2t-program-card__top + label, .j2t-program-cards article > label, .j2t-integration-grid label { display: grid; gap: 5px; }
.j2t-program-row label > span, .j2t-program-cards label > span, .j2t-integration-grid label > span { color: #5f596d; font-size: 9px; font-weight: 750; }
.j2t-program-row input:not([type="checkbox"]), .j2t-program-cards input, .j2t-program-cards select, .j2t-integration-grid input { width: 100%; min-height: 39px; border: 1px solid #d8d3e3; border-radius: 7px; box-shadow: none; }
.j2t-program-row input[type="color"] { min-height: 37px; padding: 3px; }
.j2t-switch { display: inline-flex !important; grid-template-columns: auto 1fr; gap: 7px !important; align-items: center; }
.j2t-switch input { width: 16px !important; min-height: 16px !important; margin: 0; }
.j2t-switch span { font-size: 10px !important; }
.j2t-program-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.j2t-program-cards article { padding: 18px; border: 1px solid var(--j2t-admin-line); border-radius: 12px; background: linear-gradient(145deg,#fff,#fbfaff); }
.j2t-program-card__top { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 13px; }
.j2t-program-card__top > strong { color: var(--j2t-admin-purple-dark); font-size: 12px; }
.j2t-program-cards article > label { margin-bottom: 11px; }
.j2t-program-cards .j2t-field-grid { gap: 10px; }
.j2t-integration-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.j2t-integration-grid > div { padding: 19px; border: 1px solid var(--j2t-admin-line); border-radius: 12px; background: #fbfafd; }
.j2t-integration-grid h3 { margin: 0 0 14px; }
.j2t-integration-grid label { margin: 12px 0; }
.j2t-integration-status { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; padding: 9px 0; border-bottom: 1px solid #e9e5ef; }
.j2t-integration-status > span { width: 9px; height: 9px; border-radius: 50%; background: #c8c3d0; }.j2t-integration-status > span.is-active { background: #17a477; box-shadow: 0 0 0 4px #def6ed; }
.j2t-integration-status strong { font-size: 11px; }.j2t-integration-status small { color: var(--j2t-admin-muted); font-size: 9px; }

@media (max-width: 1000px) {
    .j2t-preset-grid, .j2t-field-grid--four, .j2t-launch-includes, .j2t-migration-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .j2t-onboarding-grid, .j2t-analytics-grid, .j2t-migration-grid { grid-template-columns: 1fr; }
    .j2t-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.j2t-program-cards, .j2t-integration-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    .j2t-growth-admin { margin-right: 10px; }.j2t-admin-hero { align-items: flex-start; flex-direction: column; padding: 26px; }.j2t-admin-hero nav { justify-content: flex-start; }
    .j2t-stepper { grid-template-columns: repeat(2, 1fr); gap: 13px; }.j2t-preset-grid, .j2t-field-grid, .j2t-field-grid--four, .j2t-kpi-grid, .j2t-migration-steps, .j2t-preview-metrics { grid-template-columns: 1fr; }
    .j2t-score-card { grid-template-columns: auto 1fr; }.j2t-score-card > a { grid-column: 1 / -1; }.j2t-launch-bar, .j2t-commit-form, .j2t-import-report { align-items: stretch; flex-direction: column; }.j2t-launch-bar { display: flex; }.j2t-commit-form { display: flex; }.j2t-commit-form > div { align-items: stretch; flex-direction: column; }.j2t-commit-form label { min-width: 0; }.j2t-import-report { display: grid; grid-template-columns: 45px 1fr; }.j2t-import-report .button { grid-column: 1 / -1; }
	.j2t-program-table__head { display: none; }.j2t-program-row { grid-template-columns: 1fr; }
	.j2t-review-notice { grid-template-columns: 1fr; margin-right: 10px; }.j2t-review-notice__mark { width: 44px; height: 44px; border-radius: 12px; font-size: 22px; }
}

/* Keep the program builder polished in right-to-left WordPress locales. */
.rtl .j2t-growth-admin { direction: rtl; }
.rtl .j2t-preview-table th,
.rtl .j2t-preview-table td { text-align: right; }
.rtl .j2t-inline-success,
.rtl .j2t-inline-error { border-right: 4px solid #16865d; border-left: 0; }
.rtl .j2t-inline-error { border-right-color: #b33a52; }
