/* CUSTOMER JOURNEY CARD -- the approved v8.3 PSJourney styles, copied from ui_mock/v8_3/extracted/07_style.css
   (".ps83-cj" / ".pjc-*" block, light + night). Live-only changes: night follows html[data-theme="night"] (the
   console's theme attribute), the snapshot-only "Not in this saved copy" rule is dropped, a missing picture reads
   "Photo unavailable", no visible scrollbar (owner rule), and the few live-only pieces at the end (picture time,
   "+N more areas", tappable visit rows, avatar button, CRM note form). */
/* ---------- Customer Journey card: a dialog over the page (max 600 px), full-height sheet on a phone ---------- */
html.ps83-cj-on,html.ps83-cj-on body{overflow:hidden}
.ps83-cj{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:16px}
.ps83-cj[hidden]{display:none!important}
.ps83-cj-scrim{position:absolute;inset:0;background:rgba(19,10,34,.46);backdrop-filter:blur(2px)}
.ps83-cj-box{position:relative;width:100%;max-width:600px;height:min(860px,calc(100dvh - 32px));display:flex}
.ps83-cj-box>.pjc{height:100%;max-height:100%;color:var(--pjc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.ps83-cj .pjc-person h2:focus{outline:none}
.ps83-cj .pjc-x{min-width:44px;min-height:44px}
.ps83-cj .pjc-tabs button{min-height:44px}
.ps83-cj .pjc-btn{min-height:44px;height:auto}
.ps83-cj .pjc-evidence{cursor:zoom-in}
.ps83-cj .ps83-acts{display:flex;flex-wrap:wrap;gap:7px}
.ps83-cj .ps83-acts .pjc-btn{flex:1 1 120px}
.ps83-cj .ps83-acts .pjc-btn.primary{flex:2 1 170px}
.ps83-cj .ps83-ref{font-size:11px;padding:1px 6px;border-radius:6px;background:#f1eff6;color:#4d4560}
.ps83-cj .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.ps83-cj .ps83-inl{margin:10px 0 2px}
.ps83-cj .ps83-dl{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:6px 10px;margin:10px 0 0;font-size:11.5px}
.ps83-cj .ps83-dl dt{color:#6d6578;font-weight:650}
.ps83-cj .ps83-dl dd{margin:0;color:#332a40;overflow-wrap:anywhere}
.ps83-cj .pjc-advanced summary{min-height:32px;display:flex;align-items:center}
.ps83-cj .pjc-buy-pill.lock{background:#f0eef4;color:#5f566c}
.ps83-cj-load{display:flex;align-items:center;gap:9px;padding:14px 4px;font-size:12px;color:#665e75}
.ps83-spin{width:16px;height:16px;border-radius:50%;border:2px solid #cfe9e4;border-top-color:#07887d;animation:ps83spin .8s linear infinite}
@keyframes ps83spin{to{transform:rotate(360deg)}}
/* pictures: contain (never cropped), a loading state, then the picture or a plain "not available" */
.ps83-img{position:relative;display:grid;place-items:center;width:100%;height:100%;background:#eef0f2}
.ps83-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}
.ps83-img.ok img{opacity:1}
.ps83-img-st{font-size:11px;color:#857e8c;padding:4px;text-align:center;line-height:1.25}
.ps83-img.ok .ps83-img-st{visibility:hidden}
.ps83-img.bad .ps83-img-st{font-size:0}
.ps83-img.bad .ps83-img-st::after{content:"Photo unavailable";font-size:11px}
.ps83-img.big{min-width:min(80vw,420px);min-height:min(60vh,360px);background:#1e1824;border-radius:12px}
.ps83-lock{display:grid;place-items:center;text-align:center;font-size:18px;color:#8f8a98;line-height:1.1}
.ps83-lock small{display:block;font-size:11px;margin-top:3px}
.ps83-cj-layer{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;padding:16px;background:rgba(19,10,34,.72)}
.ps83-cj-lbox{max-width:min(95vw,680px);max-height:92vh;overflow:auto}
.ps83-fig{margin:0;position:relative;display:grid;justify-items:center}
.ps83-fig figcaption{color:#fff;font-size:12px;margin:10px 0 0;text-align:center}
.ps83-figx{position:absolute;top:6px;right:6px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:24px;cursor:pointer}
.ps83-cj-layer .pjc-noteBox{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#242039}
.ps83-cj-layer .pjc-noteBox textarea{font:inherit;font-size:13px}
.ps83-cj-msg{min-height:16px;font-size:12px;color:#6c4a10;margin:6px 0 0}
.ps83-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){
  .ps83-cj{padding:0;place-items:end stretch}
  .ps83-cj-box{max-width:none;height:100dvh}
  .ps83-cj-box>.pjc{border-radius:0;border:0}
  .ps83-cj .ps83-acts .pjc-btn{flex:1 1 calc(50% - 7px)}
  .ps83-cj .ps83-acts .pjc-btn.primary{flex:1 1 100%}
}
/* night: the same card on dark surfaces */
html[data-theme="night"] .ps83-cj-box>.pjc{background:#17151f;border-color:#2e2a3a;color:#ece9f3;--pjc-ink:#ece9f3}
html[data-theme="night"] .ps83-cj .pjc-person h2,html[data-theme="night"] .ps83-cj .pjc-sectionhead h3,html[data-theme="night"] .ps83-cj .pjc-visit-main strong{color:#f1edf8}
html[data-theme="night"] .ps83-cj .pjc-meta,html[data-theme="night"] .ps83-cj .pjc-stepbody .pjc-sm,html[data-theme="night"] .ps83-cj .pjc-visitlead,html[data-theme="night"] .ps83-cj .pjc-visit-sub,html[data-theme="night"] .ps83-cj .pjc-footnote,html[data-theme="night"] .ps83-cj .pjc-log time{color:#b8b1c6}
html[data-theme="night"] .ps83-cj .pjc-meta b,html[data-theme="night"] .ps83-cj .pjc-stepbody .pjc-where{color:#e2dcef}
html[data-theme="night"] .ps83-cj .pjc-kpi{background:#221f2d;border-color:#353047}
html[data-theme="night"] .ps83-cj .pjc-kpi small,html[data-theme="night"] .ps83-cj .pjc-kpi b span{color:#b8b1c6}
html[data-theme="night"] .ps83-cj .pjc-kpi b{color:#f4f1fa}
html[data-theme="night"] .ps83-cj .pjc-tabs{background:#211e2b;border-color:#332e42}
html[data-theme="night"] .ps83-cj .pjc-tabs button{color:#c4bdd2}
html[data-theme="night"] .ps83-cj .pjc-tabs button[aria-selected=true]{color:#06201c;background:#52d5c7}
html[data-theme="night"] .ps83-cj .pjc-step{background:#1f1c29!important;border-color:#302b3d!important;color:#ece9f3}
html[data-theme="night"] .ps83-cj .pjc-timeline:before{background:#2e5f59}
html[data-theme="night"] .ps83-cj .pjc-outcome{background:#18241f;border-color:#2a3d34}
html[data-theme="night"] .ps83-cj .pjc-outcomeTop{background:#1d3328;color:#9fe2bd}
html[data-theme="night"] .ps83-cj .pjc-outcomeFacts strong{color:#ece9f3}
html[data-theme="night"] .ps83-cj .pjc-outcomeFacts span,html[data-theme="night"] .ps83-cj .pjc-outcomeFacts p{color:#a9b9b0}
html[data-theme="night"] .ps83-cj .pjc-outcomeFacts>div:first-child{border-color:#2a3d34}
html[data-theme="night"] .ps83-cj .pjc-summary{background:#231d31;color:#d9cdee}
html[data-theme="night"] .ps83-cj .pjc-summary strong{color:#e1b8ff}
html[data-theme="night"] .ps83-cj .pjc-visitrow{background:#1f1c29;border-color:#302b3d}
html[data-theme="night"] .ps83-cj .pjc-visitrow.current{background:#17282a;border-color:#2a4a47}
html[data-theme="night"] .ps83-cj .pjc-buy-pill{background:#2b2838;color:#cfc8dc}
html[data-theme="night"] .ps83-cj .pjc-buy-pill.warn{background:#3a2c14;color:#f6cf86}
html[data-theme="night"] .ps83-cj .pjc-buy-pill.ok{background:#173a28;color:#8fe3b4}
html[data-theme="night"] .ps83-cj .pjc-buy-note{color:#aaa3b8}
html[data-theme="night"] .ps83-cj .pjc-log{border-color:#2e2a3a}
html[data-theme="night"] .ps83-cj .pjc-advanced{background:#1f1c29;border-color:#302b3d}
html[data-theme="night"] .ps83-cj .ps83-dl dt{color:#b8b1c6}
html[data-theme="night"] .ps83-cj .ps83-dl dd{color:#ece9f3}
html[data-theme="night"] .ps83-cj .pjc-btn{background:#211e2b;color:#ece9f3;border-color:#3a3448}
html[data-theme="night"] .ps83-cj .pjc-btn.primary{color:#06201c;background:#52d5c7;border-color:#52d5c7}
html[data-theme="night"] .ps83-cj .pjc-fixedActions{background:#17151f;border-color:#2e2a3a}
html[data-theme="night"] .ps83-cj .ps83-ref{background:#2b2838;color:#d6d0e2}
html[data-theme="night"] .ps83-cj .ps83-img,html[data-theme="night"] .ps83-cj .pjc-evidence,html[data-theme="night"] .ps83-cj .pjc-avatar{background:#25222f;border-color:#353047}
html[data-theme="night"] .ps83-cj .pjc-evidence .pjc-nopic,html[data-theme="night"] .ps83-cj .ps83-img-st,html[data-theme="night"] .ps83-cj .ps83-lock{color:#aaa3b8}
html[data-theme="night"] .ps83-cj .pjc-pill.slate{background:#2b2838;color:#cfc8dc}
html[data-theme="night"] .ps83-cj .pjc-pill{background:#2f2243;color:#e3c6ff}
html[data-theme="night"] .ps83-cj .pjc-pill.ok{background:#173a28;color:#8fe3b4}
html[data-theme="night"] .ps83-cj-load{color:#b8b1c6}
@media (prefers-reduced-motion:reduce){.ps83-spin{animation:none}}
.ps83-cj .ps83-k{color:#857e8c;font-size:11px;margin-left:4px}html[data-theme="night"] .ps83-cj .ps83-k{color:#a59fb2}
.ps83-cj .pjc-evidence.pjc-empty:after,.ps83-cj .pjc-evidence:has(.bad):after{display:none}
.ps83-cj .pjc-evidence:has(.bad){cursor:default}
.ps83-img.bad img{display:none}
/* Approved Customer Journey design (compact v2), scoped: global rules of the design file removed */


/* PeopleSenseAI Compact Customer Journey v1: all selectors namespaced to pjc- */
.ps83-cj,.ps83-cj-layer{--pjc-teal:#067b72;--pjc-purple:#4f226f;--pjc-bg:#f5f6fa;--pjc-border:#e4e6ef;--pjc-ink:#242039;--pjc-muted:#655e76}
.ps83-cj,.ps83-cj *,.ps83-cj-layer,.ps83-cj-layer *{box-sizing:border-box}

.pjc{width:100%;max-width:600px;margin:0 auto;background:#fff;border:1px solid #dadbe8;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px rgba(31,20,55,.18);display:flex;flex-direction:column;min-width:0;max-height:min(820px,calc(100dvh - 24px))}
.pjc button,.pjc textarea{font:inherit}.pjc button{cursor:pointer}.pjc button:focus-visible{outline:3px solid #36a5a0;outline-offset:2px}
.pjc-titlebar{background:linear-gradient(112deg,#381051 0%,#613080 49%,#261641 100%);color:white;padding:10px 14px;display:flex;align-items:center;gap:9px;min-height:48px;flex:0 0 auto}
.pjc-titlebar .pjc-logo{font-size:18px;color:#ffcf5b;line-height:1}.pjc-titlebar strong{font-size:14px;letter-spacing:-.02em}.pjc-titlebar .pjc-brand{font-size:11px;opacity:.86;white-space:nowrap}.pjc-titlebar .pjc-tt{margin-left:auto;font-size:14px;font-weight:700;white-space:nowrap}.pjc-x{background:transparent;border:0;color:white;font-size:24px;line-height:1;padding:5px 8px;margin-left:3px}
.pjc-body{padding:13px;overflow-y:auto;flex:1 1 auto;min-height:0;scrollbar-width:thin}
.pjc-preview{font-size:11px;font-weight:650;color:#835d17;background:#fff5ce;padding:6px 10px;border-radius:8px;margin-bottom:10px;border:1px solid #f2e6af}
.pjc-head{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start}
.pjc-avatar{height:92px;width:78px;background:#edeff1;border-radius:12px;border:1px solid #e6e6ea;overflow:hidden;display:grid;place-items:center;color:#a0a3ad}
.pjc-avatar img{width:100%;height:100%;object-fit:contain;display:block}
.pjc-person{min-width:0}.pjc-person h2{font-size:21px;letter-spacing:-.025em;line-height:1.14;margin:1px 0 5px;font-weight:760;color:#311b4c}
.pjc-pills{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:5px}.pjc-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:999px;padding:3px 8px;line-height:1.2;background:#f0e7fb;color:#6b268b}.pjc-pill.ok{background:#d9f5e5;color:#16663a}.pjc-pill.slate{background:#eff1f5;color:#575d66}
.pjc-meta{font-size:11.5px;color:#665e75;line-height:1.45;margin-top:3px;overflow-wrap:anywhere}.pjc-meta b{font-weight:700;color:#342747}.pjc-meta .pjc-dot{margin:0 5px;color:#a2a0aa}
.pjc-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 10px}.pjc-kpi{padding:10px;border-radius:12px;min-height:77px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;border:1px solid transparent;min-width:0}
.pjc-kpi.mint{background:#e4f7f3;border-color:#c9eee5}.pjc-kpi.lilac{background:#f1ecff;border-color:#e5d9ff}.pjc-kpi.rose{background:#eef4ff;border-color:#dbe7ff}
.pjc-kpi small{font-weight:650;color:#60576c;font-size:11px;line-height:1.15}.pjc-kpi b{font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:#312149;letter-spacing:-.03em}.pjc-kpi b span{font-size:12px;color:#665f71;font-weight:600}
.pjc-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f2f2f9;border:1px solid #e8e6f2;border-radius:12px;padding:3px;gap:2px;margin:0 0 12px}
.pjc-tabs button{border:0;background:transparent;color:#615b70;padding:9px 4px;border-radius:9px;white-space:nowrap;font-size:12px;font-weight:650}.pjc-tabs button[aria-selected=true]{color:#fff;background:#07887d;box-shadow:0 2px 7px rgba(6,104,97,.19)}
.pjc-pane[hidden]{display:none!important}.pjc-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.pjc-sectionhead h3{font-size:14px;line-height:1.2;color:#321951;margin:0;font-weight:750}
.pjc-timeline{position:relative;display:flex;flex-direction:column;gap:7px}.pjc-timeline:before{content:"";position:absolute;left:16px;top:24px;bottom:24px;width:2px;background:#a4dcd4}
.pjc-step{display:grid;grid-template-columns:34px minmax(0,1fr) 83px;gap:7px;position:relative;align-items:center;padding:8px 8px 8px 4px;border:1px solid #e5f2f0;border-radius:13px;background:linear-gradient(115deg,#f1fbf9,white)}.pjc-step:nth-child(2){background:linear-gradient(115deg,#f5f0ff,white);border-color:#eee8ff}.pjc-step:nth-child(3){background:linear-gradient(115deg,#fff5ed,white);border-color:#ffeddc}.pjc-step:nth-child(4){background:linear-gradient(115deg,#eef4ff,white);border-color:#e1eaff}
.pjc-stepnum{position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:13px;font-weight:800;background:#daf5ef;color:#05675e;border:3px solid #fff;box-shadow:0 0 0 1px #bee8e1}
.pjc-step:nth-child(2) .pjc-stepnum{background:#ebdcff;color:#7034aa}.pjc-step:nth-child(3) .pjc-stepnum{background:#ffe9d3;color:#9c560b}.pjc-step:nth-child(4) .pjc-stepnum{background:#dae8ff;color:#255fa8}
.pjc-stepbody{min-width:0}.pjc-stepbody strong{display:block;font-size:13px;font-weight:750;line-height:1.25;letter-spacing:-.01em}.pjc-stepbody .pjc-sm{display:block;font-size:11.5px;line-height:1.35;color:#686176;margin-top:3px;overflow-wrap:anywhere}.pjc-stepbody .pjc-where{color:#45376c;font-weight:650}
.pjc-evidence{height:64px;width:83px;background:#e9e7e8;display:grid;place-items:center;border:1px solid #e4e4e8;border-radius:9px;overflow:hidden;padding:0;position:relative;color:#8a8390}.pjc-evidence img{width:100%;height:100%;object-fit:contain;display:block}.pjc-evidence:disabled{cursor:default}.pjc-evidence:not(:disabled):after{content:"⤢";position:absolute;right:3px;bottom:3px;background:#06786f;color:#fff;font-weight:bold;line-height:17px;min-width:18px;border-radius:5px;font-size:13px;text-align:center}
.pjc-evidence.pjc-empty{background:#f5f5f7}.pjc-evidence .pjc-nopic{font-size:11px;color:#7f7c85;display:block;text-align:center;padding:4px;line-height:1.3}
.pjc-outcome{margin-top:10px;border:1px solid #def0e6;border-radius:12px;background:#f8fffb;overflow:hidden}.pjc-outcomeTop{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 11px;background:#e3f6eb;font-size:12px;font-weight:700;color:#17623c}.pjc-outcomeFacts{display:grid;grid-template-columns:1fr 1fr;gap:0}.pjc-outcomeFacts>div{padding:10px 11px;min-width:0}.pjc-outcomeFacts>div:first-child{border-right:1px solid #e3ebe6}.pjc-outcomeFacts span{display:block;color:#756e7d;font-size:11px;font-weight:650}.pjc-outcomeFacts strong{display:block;font-size:12px;color:#33293f;font-weight:750;margin-top:2px}.pjc-outcomeFacts p{font-size:11px;color:#68616d;line-height:1.35;margin:2px 0 0}
.pjc-summary{background:#f6f2ff;border-radius:11px;padding:10px 11px;font-size:11.5px;color:#4e3c68;line-height:1.5;margin-top:10px}.pjc-summary strong{color:#62288f}
.pjc-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:7px;margin-top:10px}.pjc-btn{height:37px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff;color:#3e3653;border:1px solid #d9d5e6;border-radius:9px;font-weight:700;font-size:11.5px;padding:0 7px;white-space:nowrap}.pjc-btn.primary{color:#fff;background:linear-gradient(120deg,#05877e,#06746d);border-color:#058279}.pjc-fixedActions{margin:0;padding:10px 13px;flex:0 0 auto;border-top:1px solid #e7e4ed;background:#fff;box-shadow:0 -2px 10px rgba(48,28,77,.04)}.pjc-btn:hover{filter:brightness(.98)}.pjc-btn:disabled{opacity:.5;cursor:not-allowed}
.pjc-footnote{margin:8px 2px 0;font-size:11px;color:#8b8792;line-height:1.4}
.pjc-visitrow{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#faf9fd;border:1px solid #ece8f2;border-radius:11px;padding:12px;margin-bottom:8px}.pjc-visitrow strong{font-size:12px;display:block}.pjc-visitrow span{font-size:11px;color:#746d7b;display:block;margin-top:3px}.pjc-visitrow b{font-size:12px;color:#4a2a71}
/* One compact visit row with a verified purchase result when available. */
.pjc-visitrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;margin-bottom:7px}
.pjc-visitrow.current{border-color:#c5e7de;background:linear-gradient(120deg,#f0fbf7,#fff)}
.pjc-visit-main{min-width:0}.pjc-visit-main strong{font-size:12.5px;color:#33234d;display:block}
.pjc-visit-main .pjc-visit-sub{font-size:11px;color:#6c6378;display:block;line-height:1.45;margin-top:3px;overflow-wrap:anywhere}
.pjc-purchase{display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:168px;text-align:right}
.pjc-purchase .pjc-buy-pill{font-size:11px;font-weight:700;padding:5px 8px;border-radius:999px;background:#eeedf2;color:#666170;white-space:nowrap}
.pjc-purchase .pjc-buy-pill.ok{background:#dff7e9;color:#166540}
.pjc-purchase .pjc-buy-pill.warn{background:#fff0db;color:#835008}
.pjc-purchase .pjc-buy-value{font-size:12.5px;font-weight:750;color:#246648;font-variant-numeric:tabular-nums}
.pjc-purchase .pjc-buy-note{font-size:11px;color:#7b7482;overflow-wrap:anywhere}
.pjc-visitlead{font-size:11px;color:#665e77;line-height:1.5;margin:0 0 10px}
.pjc-evidenceGallery{background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border-radius:13px;max-width:min(540px,95vw);max-height:80vh;overflow:auto}
.pjc-evidenceGallery .pjc-photoItem{color:#2a2440}.pjc-evidenceGallery .pjc-photoItem button{border:0;cursor:default}.pjc-evidenceGallery .pjc-photoItem img{object-fit:contain}
@media(max-width:420px){.pjc-visitrow{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px 8px}.pjc-purchase{max-width:130px}.pjc-purchase .pjc-buy-pill{font-size:11px;padding:4px 6px}.pjc-purchase .pjc-buy-note{font-size:11px}}
.pjc-photoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pjc-photoItem{border:1px solid #e8e5ee;border-radius:11px;overflow:hidden;background:#fff;min-width:0}.pjc-photoItem button{width:100%;height:134px;display:grid;place-items:center;border:0;background:#f0f0f3}.pjc-photoItem img{width:100%;height:100%;object-fit:contain}.pjc-photoItem .pjc-photoLabel{padding:8px;font-size:11px;font-weight:750;color:#403151}.pjc-photoItem small{display:block;font-size:11px;font-weight:400;color:#736c7b;margin-top:2px}
.pjc-log{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;font-size:11.5px;padding:8px 1px;border-bottom:1px solid #eae8ef}.pjc-log time{color:#766f80;font-variant-numeric:tabular-nums}.pjc-log span{overflow-wrap:anywhere}.pjc-advanced{margin-top:12px;background:#f8f7fa;border:1px solid #e8e7ec;border-radius:9px;padding:10px;font-size:11px}.pjc-advanced summary{font-size:12px;font-weight:700;cursor:pointer}.pjc-advanced pre{white-space:pre-wrap;word-break:break-all;font-size:11px}
.pjc-overlay{position:fixed;inset:0;z-index:10050;background:rgba(19,10,34,.82);display:flex;align-items:center;justify-content:center;padding:16px}.pjc-overlay[hidden]{display:none}.pjc-overlay figure{margin:0;max-width:min(95vw,680px);max-height:90vh;position:relative}.pjc-overlay img{max-width:100%;max-height:80vh;object-fit:contain;background:#1e1824;border-radius:12px;display:block}.pjc-overlay figcaption{color:#fff;font-size:12px;margin:10px 0;text-align:center}.pjc-overlay button{position:absolute;top:4px;right:4px;border:0;background:rgba(0,0,0,.6);border-radius:50%;color:white;font-size:24px;line-height:1;padding:7px 12px}
.pjc-noteModal{position:fixed;inset:0;z-index:10050;background:rgba(19,10,34,.7);display:grid;place-items:center;padding:16px}.pjc-noteModal[hidden]{display:none}.pjc-noteBox{width:min(100%,480px);background:#fff;padding:17px;border-radius:14px;box-shadow:0 14px 60px #24153844}.pjc-noteBox h3{margin:0 0 10px}.pjc-noteBox textarea{width:100%;padding:10px;border:1px solid #bcb4cf;border-radius:9px;resize:vertical;min-height:80px}.pjc-noteBox .pjc-noteBtns{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.pjc-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:10px;background:#1d1c2a;color:#fff;font-size:12px;box-shadow:0 6px 30px #0005;z-index:11000;max-width:calc(100% - 24px)}.pjc-toast[hidden]{display:none}
@media(max-width:640px){.pjc{width:100%;border-radius:15px}.pjc-body{padding:11px}.pjc-titlebar{padding:9px 10px}.pjc-titlebar .pjc-brand{display:none}.pjc-head{grid-template-columns:68px minmax(0,1fr);gap:9px}.pjc-avatar{width:68px;height:82px}.pjc-person h2{font-size:19px}.pjc-kpi{min-height:69px;padding:9px 8px}.pjc-kpi b{font-size:20px}.pjc-step{grid-template-columns:30px minmax(0,1fr) 69px;gap:6px;padding:7px 6px 7px 2px}.pjc-stepnum{width:27px;height:27px}.pjc-timeline:before{left:13px}.pjc-evidence{width:69px;height:63px}.pjc-stepbody strong{font-size:12px}.pjc-stepbody .pjc-sm{font-size:11px}.pjc-actions{grid-template-columns:1fr 1fr}.pjc-actions .pjc-btn:first-child{grid-column:1/-1}.pjc-tabs button{font-size:11px;padding:8px 2px}.pjc-outcomeFacts{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.pjc *{animation:none!important;transition:none!important}}

/* ---------- live-only additions ---------- */
/* never a visible scrollbar (owner rule); scrolling stays */
.ps83-cj .pjc-body,.ps83-cj-lbox{scrollbar-width:none;-ms-overflow-style:none}
.ps83-cj .pjc-body::-webkit-scrollbar,.ps83-cj-lbox::-webkit-scrollbar{width:0;height:0;display:none}
/* every picture carries its own time */
.ps83-cj .pjc-faceBtn{all:unset;display:block;width:100%;height:100%;cursor:zoom-in}
.ps83-cj .pjc-faceBtn:focus-visible{outline:3px solid #36a5a0;outline-offset:-3px}
.ps83-cj .pjc-avatar .ps83-img{border-radius:0}
.ps83-cj .pjc-moreRow{display:flex;justify-content:center;position:relative;z-index:1}
.ps83-cj .pjc-moreRow .pjc-btn{min-height:36px;padding:0 14px}
.ps83-cj .pjc-visitrow[data-jvvisit]{cursor:pointer}
.ps83-cj .pjc-visitrow[data-jvvisit]:focus-visible{outline:3px solid #36a5a0;outline-offset:2px}
.ps83-cj .jvForm:empty{display:none}
.ps83-cj .jvForm{margin:0 0 10px}

/* the picture viewer opened from the journey card sits above the card (owner 07-11: Evidence opened behind it) */
html body .evr-root{z-index:10070}
/* steps joined by a line with a dot in the middle, like the old journey (owner 07-11) */
.ps83-cj .pjc-timeline{gap:0}
.ps83-cj .pjc-timeline:before{display:none}
.ps83-cj .pjc-link{position:relative;height:22px}
.ps83-cj .pjc-link::before{content:"";position:absolute;left:20px;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#a4ddd4}
.ps83-cj .pjc-link i{position:absolute;left:20px;top:50%;width:8px;height:8px;border-radius:50%;background:#14a38f;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}
html[data-theme="night"] .ps83-cj .pjc-link::before{background:#2e5f59}
html[data-theme="night"] .ps83-cj .pjc-link i{background:#3ec9ba;box-shadow:0 0 0 3px #17141f}
.ps83-cj .pjc-titlebar .pjc-x{margin-left:auto}
.pjc-pill.warn{background:#fff1dc;color:#9c560b}
html[data-theme="night"] .ps83-cj .pjc-pill.warn{background:#3d2a12;color:#f6c27a}