/* Console styled on the PDI house theme (see assets/pdi-theme.css),
   extracted from the ForecastGuard for Salesforce page. */
.qbn-walkthrough-page{
  --navy:#0A2540; --ink:#12263F; --blue:#0B6BCB; --blue-d:#084E98;
  --green:#06663F; --green-l:#E6F6EF; --green-d:#064E3B;
  --amber:#F59E0B; --amber-l:#FEF3DD; --amber-d:#B45309;
  --red:#E11D48; --red-l:#FCE7EC;
  --slate:#334155; --cloud:#F5F8FC; --cloud2:#EEF3F9; --line:#E2E8F2;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
.qbn-walkthrough-page *{margin:0;padding:0;box-sizing:border-box}
.qbn-walkthrough-page{font-family:"Inter",-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);background:#fff;line-height:1.6;
  -webkit-font-smoothing:antialiased;display:flex;min-height:100vh}

/* ---------- sidebar ---------- */
.qbn-walkthrough-page aside{width:236px;background:var(--cloud);border-right:1px solid var(--line);
  padding:40px 24px;flex-shrink:0}
.qbn-walkthrough-page .guardmark{display:inline-flex;align-items:center;gap:8px;font-weight:700;
  color:var(--green-d);background:var(--green-l);padding:6px 12px;
  border-radius:30px;font-size:12.5px;margin-bottom:16px}
.qbn-walkthrough-page .brand{font-size:17px;font-weight:800;color:var(--navy);letter-spacing:-.01em;
  line-height:1.3;margin-bottom:32px}
.qbn-walkthrough-page .brand span{color:var(--slate);font-weight:500}
.qbn-walkthrough-page .nav button{display:block;width:100%;text-align:left;font-family:inherit;
  font-size:14px;font-weight:500;color:var(--ink);background:none;
  border:1px solid transparent;padding:9px 12px;border-radius:8px;
  margin:2px 0;cursor:pointer;transition:.15s}
.qbn-walkthrough-page .nav button:hover{background:var(--cloud2)}
.qbn-walkthrough-page .nav button.on{background:#fff;border-color:var(--line);color:var(--navy);
  font-weight:700;box-shadow:0 14px 36px -22px rgba(10,37,64,.35)}
.qbn-walkthrough-page .sidenote{font-size:13px;color:var(--slate);margin-top:26px}

/* ---------- main ---------- */
.qbn-walkthrough-page .qbn-console-main{flex:1;padding:52px 56px;max-width:1120px}
.qbn-walkthrough-page .pane{display:none}.qbn-walkthrough-page .pane.on{display:block}
.qbn-walkthrough-page h1{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.01em;
  line-height:1.15;margin-bottom:8px}
.qbn-walkthrough-page h2{font-size:19px;font-weight:800;color:var(--navy);letter-spacing:-.01em;
  margin:40px 0 14px}
.qbn-walkthrough-page .lede{font-size:15px;color:var(--slate);max-width:64ch;margin-bottom:30px}
.qbn-walkthrough-page .metrics{display:flex;gap:40px;margin-bottom:28px;flex-wrap:wrap}
.qbn-walkthrough-page .metric .v{font-family:var(--mono);font-size:34px;font-weight:700;color:var(--navy)}
.qbn-walkthrough-page .metric .v.ok{color:var(--green-d)} .qbn-walkthrough-page .metric .v.rev{color:var(--amber-d)}
.qbn-walkthrough-page .metric .v.err{color:var(--red)}
.qbn-walkthrough-page .metric .l{font-size:13px;font-weight:600;color:var(--slate)}
.qbn-walkthrough-page button.btn{font-family:inherit;font-size:14px;font-weight:600;color:var(--blue);
  background:#fff;border:1.5px solid var(--line);border-radius:8px;
  padding:9px 16px;cursor:pointer;transition:.15s}
.qbn-walkthrough-page button.btn:hover{border-color:var(--blue)}
.qbn-walkthrough-page button.primary{font-family:inherit;font-size:15px;font-weight:600;color:#fff;
  background:var(--blue);border:1.5px solid var(--blue);border-radius:8px;
  padding:11px 22px;cursor:pointer;transition:.15s}
.qbn-walkthrough-page button.primary:hover{background:var(--blue-d);border-color:var(--blue-d)}
.qbn-walkthrough-page .prov,
.qbn-walkthrough-page .warnbox,
.qbn-walkthrough-page .errbox{border-radius:12px;padding:17px 20px;font-size:14px;
  line-height:1.6;margin:14px 0 20px;max-width:78ch}
.qbn-walkthrough-page .prov{background:var(--cloud);border:1px solid var(--line)}
.qbn-walkthrough-page .prov p{margin-bottom:8px}.qbn-walkthrough-page .prov p:last-child{margin-bottom:0}
.qbn-walkthrough-page .prov b{color:var(--navy)}
.qbn-walkthrough-page .prov code,
.qbn-walkthrough-page .mono{font-family:var(--mono);font-size:12.5px}
.qbn-walkthrough-page .warnbox{background:var(--amber-l);border:1px solid #F1DCAF;color:var(--ink)}
.qbn-walkthrough-page .warnbox b{color:var(--navy)}
.qbn-walkthrough-page .errbox{background:var(--red-l);border:1px solid #F2C4CF}
.qbn-walkthrough-page .note{font-size:13px;color:var(--slate);line-height:1.5;margin:4px 0 16px;max-width:70ch}
.qbn-walkthrough-page .badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 10px;border-radius:30px}
.qbn-walkthrough-page .b-cur{background:var(--green-l);color:var(--green-d)}
.qbn-walkthrough-page .b-med{background:#D7E6F5;color:var(--blue-d)}
.qbn-walkthrough-page .b-none{background:var(--red-l);color:var(--red)}

/* ---------- entity list ---------- */
.qbn-walkthrough-page .group{margin-bottom:26px}
.qbn-walkthrough-page .erow{display:grid;grid-template-columns:220px 1fr 92px;gap:14px;align-items:center;
  padding:9px 0;border-bottom:1px solid #F0F3F8}
.qbn-walkthrough-page .erow label{font-size:14px;display:flex;gap:9px;align-items:center;font-weight:500}
.qbn-walkthrough-page .erow .fc{color:var(--slate);font-size:12px;font-family:var(--mono);font-weight:400}
.qbn-walkthrough-page select,
.qbn-walkthrough-page input[type=number]{font-family:var(--mono);font-size:12.5px;color:var(--ink);
  border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:#fff;transition:.15s}
.qbn-walkthrough-page select:focus,
.qbn-walkthrough-page input:focus{border-color:var(--blue);outline:none}
.qbn-walkthrough-page input[type=number]{width:76px}
.qbn-walkthrough-page input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}
.qbn-walkthrough-page .enote{grid-column:1/-1;font-size:12.5px;color:var(--amber-d);padding:2px 0 6px 25px}

/* ---------- mapping grid ---------- */
.qbn-walkthrough-page .toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}
.qbn-walkthrough-page .toolbar .chk{font-size:13.5px;display:flex;gap:7px;align-items:center;color:var(--ink)}
.qbn-walkthrough-page .grid{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.qbn-walkthrough-page table{width:100%;border-collapse:collapse;font-size:13.5px}
.qbn-walkthrough-page th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--slate);background:var(--cloud);
  padding:11px 14px;border-bottom:1px solid var(--line)}
.qbn-walkthrough-page td{padding:10px 14px;border-bottom:1px solid #F0F3F8;vertical-align:middle}
.qbn-walkthrough-page tr:last-child td{border-bottom:none}
.qbn-walkthrough-page tbody tr:hover td{background:var(--cloud)}
.qbn-walkthrough-page td.field{font-family:var(--mono);font-size:12.5px;color:var(--navy)}
.qbn-walkthrough-page td .type{color:var(--slate);font-size:11px;display:block;font-family:var(--mono)}
.qbn-walkthrough-page .tf{font-family:var(--mono);font-size:12px}
.qbn-walkthrough-page .tf.negate{color:var(--amber-d);font-weight:700}
.qbn-walkthrough-page .req select{font-size:12px}
.qbn-walkthrough-page .why{color:var(--slate);font-size:12.5px;max-width:28ch}
.qbn-walkthrough-page .vmap{border:1px solid var(--line);border-radius:12px;margin-top:24px;overflow:hidden;
  background:#fff;transition:.15s}
.qbn-walkthrough-page .vmap[open]{box-shadow:0 14px 36px -22px rgba(10,37,64,.35)}
.qbn-walkthrough-page .vmap summary{list-style:none;cursor:pointer;padding:15px 18px;font-size:14px;
  font-weight:700;color:var(--navy);display:flex;justify-content:space-between;transition:.15s}
.qbn-walkthrough-page .vmap summary:hover{background:var(--cloud)}
.qbn-walkthrough-page .vmap summary .n{color:var(--slate);font-weight:400;font-size:13px;font-family:var(--mono)}

/* ---------- reconciliation ---------- */
.qbn-walkthrough-page .rcheck{padding:10px 0;border-bottom:1px solid #F0F3F8;max-width:70ch}
.qbn-walkthrough-page .rcheck label{font-size:14.5px;font-weight:600;color:var(--navy);
  display:flex;gap:10px;align-items:center}
.qbn-walkthrough-page .rcheck .note{margin:4px 0 0 26px}
.qbn-walkthrough-page .tolrow{margin-top:26px;max-width:70ch}
.qbn-walkthrough-page .tolrow label{font-size:14px;font-weight:600;color:var(--navy);display:block;margin-bottom:8px}

/* ---------- export ---------- */
.qbn-walkthrough-page .tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:20px 0 0}
.qbn-walkthrough-page .tabs button{font-family:inherit;font-size:14px;font-weight:600;color:var(--slate);
  background:none;border:none;padding:9px 0;cursor:pointer;
  border-bottom:2px solid transparent;transition:.15s}
.qbn-walkthrough-page .tabs button.on{color:var(--navy);border-bottom-color:var(--blue)}
.qbn-walkthrough-page pre{font-family:var(--mono);font-size:12px;line-height:1.65;background:var(--cloud);
  border:1px solid var(--line);border-top:none;border-radius:0 0 12px 12px;
  padding:18px 20px;overflow:auto;max-height:360px;color:var(--ink)}
.qbn-walkthrough-page pre .c{color:var(--slate)} .qbn-walkthrough-page pre .k{color:var(--blue-d);font-weight:600}
.qbn-walkthrough-page pre .warnv{color:var(--amber-d);font-weight:700}
.qbn-walkthrough-page .exportbar{display:flex;align-items:center;justify-content:space-between;
  margin-top:30px;border-top:1px solid var(--line);padding-top:22px;gap:16px}
.qbn-walkthrough-page .exportbar .s{font-size:13.5px;color:var(--slate)}
.qbn-walkthrough-page .exportbar .s b{color:var(--navy);font-family:var(--mono);font-weight:600}
.qbn-walkthrough-page .mocknote{position:fixed;right:18px;bottom:14px;font-size:11px;color:var(--slate);
  background:#fff;padding:2px 6px}
.qbn-walkthrough-page :focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.qbn-walkthrough-page *{transition:none!important}}
.qbn-walkthrough-page .qbn-screen-title{font-size:30px;font-weight:800;color:var(--navy);letter-spacing:-.01em;margin:0 0 6px}