/* 1.38.2 Patient journey: steps, the clinic list (phone-first), the Chart strip, the patient's card and page */
.pjr-steps{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:.5rem 0;padding:0}
.pjr-steps li{font-size:.8rem;padding:3px 9px;border-radius:999px;border:1px solid var(--line,#e3ecec);background:var(--card-2,#f2f8f8);white-space:nowrap}
.pjr-steps li span{font-weight:700}
.pjr-steps .pjr-done{background:#e6f4ea;border-color:#b7dfc2;color:#1e6b34}
.pjr-steps .pjr-here{background:#fff4e0;border-color:#f3d29a;color:#7a4a00}
.pjr-steps .pjr-wait{background:#eaf2ff;border-color:#c3d6f7;color:#1f4f99}
.pjr-steps .pjr-later{color:var(--muted,#5b6b6b)}
.pjr-filters{display:flex;flex-wrap:wrap;gap:6px}
.pjr-search{display:flex;gap:6px;margin-top:.6rem;max-width:460px}
.pjr-search input{flex:1 1 auto;min-width:0}
.pjr-gh{margin:1rem 4px .4rem;font-size:1rem}
.pjr-row{padding:.75rem .9rem;margin-bottom:.6rem}
.pjr-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .7rem}
.pjr-name{font-weight:700;font-size:1.02rem;overflow-wrap:anywhere}
.pjr-issues{margin:.2rem 0 .4rem;padding-left:1.1rem}
.pjr-issues li{margin:.15rem 0;overflow-wrap:anywhere}
.pjr-acts{display:flex;flex-wrap:wrap;gap:6px}
.pjr-g-note,.pjr-g-overdue{border-left:4px solid #f79009}
.pjr-g-bill{border-left:4px solid #0e7c86}
.pjr-strip{padding:.6rem .9rem;margin-bottom:.8rem}
.pjr-strip-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem}
.pjr-strip-head .pjr-steps{margin:0}
.pjr-next{display:flex;flex-direction:column;position:relative;margin:.6rem 0 .3rem;padding:.8rem 2.2rem .8rem 1rem;border-radius:16px;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#0e7c86,#15a3a0);box-shadow:0 6px 18px rgba(14,124,134,.25)}
.pjr-next,.pjr-next b,.pjr-next span,.pjr-next small,.pjr-next i{color:#fff!important}
.pjr-next small{opacity:.9;font-size:.78rem;font-weight:600;letter-spacing:.02em}
.pjr-next b{font-size:1.1rem}
.pjr-next span{font-size:.92rem;overflow-wrap:anywhere}
.pjr-next i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.6rem}
.pjr-more{margin:.1rem 4px .6rem}
.pjr-me{max-width:640px;margin:0 auto}
.pjr-clinic{margin-bottom:.8rem}
.pjr-mylist{list-style:none;margin:.3rem 0 0;padding:0}
.pjr-mylist li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"b a" "s a";gap:0 .6rem;padding:.55rem 0;border-top:1px solid var(--line,#e3ecec)}
.pjr-mylist li b{grid-area:b}
.pjr-mylist li span{grid-area:s;font-size:.9rem;color:var(--muted,#5b6b6b);overflow-wrap:anywhere}
.pjr-mylist li a{grid-area:a;align-self:center;font-weight:600;white-space:nowrap}
.pjr-mylist li.pjr-due b{color:#9a5b00}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .pjr-steps .pjr-done{background:#173d26;border-color:#2c6b44;color:#bfe8cc}
  :root:not([data-theme="light"]) .pjr-steps .pjr-here{background:#4a3410;border-color:#7a5a1c;color:#ffe2b0}
  :root:not([data-theme="light"]) .pjr-steps .pjr-wait{background:#16294a;border-color:#2b4a7a;color:#c9dcff}
  :root:not([data-theme="light"]) .pjr-mylist li.pjr-due b{color:#ffc46b}
}
:root[data-theme="dark"] .pjr-steps .pjr-done{background:#173d26;border-color:#2c6b44;color:#bfe8cc}
:root[data-theme="dark"] .pjr-steps .pjr-here{background:#4a3410;border-color:#7a5a1c;color:#ffe2b0}
:root[data-theme="dark"] .pjr-steps .pjr-wait{background:#16294a;border-color:#2b4a7a;color:#c9dcff}
:root[data-theme="dark"] .pjr-mylist li.pjr-due b{color:#ffc46b}