/* JBO: an isolated presentation of the application, using demonstration data. */
.application-example-link{display:inline-flex;margin-top:28px;font-size:13px;gap:20px}
.jbo-demo{--jbo-blue:#165fc9;--jbo-ink:#132e57;--jbo-muted:#62748e;background:#fbfcff}
.jbo-layout{display:grid;grid-template-columns:145px minmax(0,1fr)}
.jbo-sidebar{background:#fff;border-right:1px solid #e0e8f3;min-width:0;max-height:min(700px,78svh);overflow:auto;scrollbar-width:thin;scrollbar-color:#b1c9e8 transparent}
.jbo-brand{padding:18px 12px 14px}.jbo-brand>strong{display:block;border:1px solid #d5e3f7;border-radius:12px;padding:11px;text-align:center;letter-spacing:5px;font-size:22px;color:var(--jbo-ink)}.jbo-brand>span{display:block;font-size:10px;color:var(--jbo-muted);margin:12px 3px 0}.jbo-brand b{color:var(--jbo-blue)}
.jbo-nav{padding:0 8px 14px;display:grid;gap:5px}.jbo-nav-item{display:flex;gap:8px;align-items:center;padding:10px 7px;color:#526985;font:600 11px/1.45 Arial,sans-serif;border:1px solid transparent;border-radius:10px;cursor:default;scroll-margin-block:12px;overflow-wrap:anywhere}.jbo-nav-item i{font-style:normal;display:grid;place-items:center;background:#eaf3ff;border-radius:7px;color:#176bda;flex:0 0 24px;height:27px;font-size:15px}.jbo-nav-item:nth-child(3n+2) i{background:#e9f8f5;color:#237e73}.jbo-nav-item:nth-child(3n) i{background:#fff3e2;color:#ae6e29}.jbo-nav-item.is-current{border-color:#b6d5ff;background:#f4f8ff;color:#125bc3}.jbo-nav-item:hover,.jbo-nav-item:focus-visible{outline:2px solid #276fe0;outline-offset:-2px;background:#edf4ff}
.jbo-demo .jbo-viewport{height:700px;max-height:78svh;min-height:380px;padding:16px;background:linear-gradient(145deg,#fff,#fbf9ff);scroll-behavior:auto;min-width:0}
.jbo-view{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #dde6f1;scroll-margin-top:16px}.jbo-view:last-child{border:0;margin-bottom:0}
.jbo-view-heading{display:flex;gap:11px;align-items:center;border:1px solid #e0e8f3;border-radius:15px;background:#fff;padding:19px 16px;margin-bottom:16px}.jbo-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #c2dcff;border-radius:10px;color:var(--jbo-blue);background:#f0f7ff;font-size:20px}.jbo-demo .jbo-eyebrow{font-size:8px;letter-spacing:1.2px;color:#3373bb;margin:0 0 9px;line-height:1.5}.jbo-demo h3{font-size:23px;letter-spacing:-.8px;color:var(--jbo-ink)}.jbo-demo h4{font-size:16px;letter-spacing:-.35px;color:var(--jbo-ink);line-height:1.35}.jbo-demo p{font-size:12px;color:var(--jbo-muted);margin:12px 0;line-height:1.75}.jbo-demo small{font-size:10px;color:var(--jbo-muted);line-height:1.65}
.jbo-explainer{padding:17px;border:1px solid #bfd7fa;background:#edf5ff;border-radius:13px;margin-bottom:17px}.jbo-guide-label{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#165fc9}.jbo-explainer p{color:#284563;margin:9px 0 13px;font-size:12px}.jbo-flow{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.jbo-flow li{position:relative;background:#ffffffbc;border-radius:8px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;font-size:10px;color:#375478;line-height:1.45}.jbo-flow li:not(:last-child):after{content:'→';position:absolute;right:-8px;top:9px;color:#4b7cc3;z-index:1}.jbo-flow b{font-size:10px;color:#1764cc}
.jbo-card{border:1px solid #e0e7f1;border-radius:14px;background:#fff;padding:19px 16px;margin-bottom:13px;min-width:0}.jbo-report{border:1px solid #d6c7f5;background:#fbf8ff;border-radius:15px;padding:18px 16px;margin-bottom:16px}.jbo-report h4{color:#40315e}.jbo-report p{margin:8px 0}.jbo-report-controls{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;align-items:center}.jbo-report-controls>span{padding:8px 10px;border:1px solid #d7c9ed;border-radius:8px;color:#554772;font-size:11px;background:white}.jbo-demo button:disabled{border:1px solid #cadcf3;border-radius:8px;background:#edf4ff;color:#1f5dad;font:600 11px/1.4 Arial,sans-serif;padding:10px 12px;opacity:1;cursor:not-allowed;margin-top:10px}.jbo-report-controls button:disabled{margin-top:0}.jbo-report-controls button:first-of-type{color:white;background:#6347ae;border-color:#6347ae}
.jbo-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.jbo-metrics .jbo-card{margin:0;position:relative;overflow:hidden}.jbo-metrics .jbo-card:after{content:'✦';position:absolute;right:13px;top:13px;color:#8c6ac9;font-size:17px}.jbo-metrics p{font-size:11px;color:#2363b5;margin:0 20px 11px 0}.jbo-metrics strong{display:block;font-size:30px;letter-spacing:-1px;color:#155fc9;line-height:1.2;margin-bottom:7px}
.jbo-charts{display:grid;grid-template-columns:1fr;gap:0}.jbo-donut-layout{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr);align-items:center;gap:15px;margin-top:19px}.jbo-donut{width:100%;max-width:180px;aspect-ratio:1;border-radius:50%;background:var(--jbo-ring);position:relative;display:grid;place-items:center;margin:auto}.jbo-donut:before{content:'';position:absolute;inset:23%;border-radius:50%;background:white}.jbo-donut>span{position:relative;text-align:center;z-index:1}.jbo-donut strong{font-size:14px;color:var(--jbo-ink)}.jbo-donut small{font-size:8px}.jbo-legend{margin:0;padding:0;list-style:none;display:grid;gap:9px}.jbo-legend li{display:grid;grid-template-columns:7px 1fr auto;gap:6px;align-items:center;font-size:10px;color:#52657d}.jbo-legend i{width:7px;height:7px;border-radius:50%}.jbo-legend strong{font-size:10px;white-space:nowrap}
.jbo-question{background:#f4f7fc;padding:13px;border:1px solid #dbe5f4;border-radius:9px;margin:14px 0;font-size:12px;color:#25456c;line-height:1.6}.jbo-answer{padding:14px;border-radius:9px;border:1px solid #cce2f7;background:#edf6ff;font-size:13px;color:#185eb6}.jbo-answer p{margin:6px 0}.jbo-table-wrap{overflow:auto;margin-top:15px;scrollbar-width:thin}.jbo-table-wrap:focus-visible{outline:2px solid #1c69d3}.jbo-table-wrap table{border-collapse:collapse;min-width:580px;width:100%;font-size:10px;color:#2c486c}.jbo-table-wrap caption{text-align:left;color:#617a98;font-size:10px;padding:0 0 12px}.jbo-table-wrap th,.jbo-table-wrap td{padding:12px 10px;border:1px solid #e4ddf3;text-align:right;white-space:nowrap}.jbo-table-wrap th:first-child{text-align:left}.jbo-table-wrap thead,.jbo-table-wrap tfoot{background:#f7f8fe}.jbo-table-wrap tbody th{color:#1b68cb;font-weight:500}
.jbo-records{margin-top:13px}.jbo-record{display:flex;align-items:flex-start;gap:9px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e6edf5}.jbo-record:last-child{border-bottom:0}.jbo-record strong{display:block;font-size:12px;line-height:1.5;color:#29476e}.jbo-record small{margin-top:5px}.jbo-badge{font-size:9px;color:#28796e;background:#eaf8f3;border:1px solid #d7eee7;border-radius:20px;display:inline-block;padding:4px 7px;white-space:nowrap;line-height:1.4}.jbo-total{display:flex;justify-content:space-between;align-items:center;gap:12px;border-block:1px solid #dce7f6;padding:15px 0;margin-top:15px;font-size:11px;color:#466387}.jbo-total strong{font-size:18px;color:#165fc9;white-space:nowrap}.jbo-checklist{list-style:none;margin:15px 0;padding:0;display:grid;gap:9px;font-size:12px;color:#3c5678;line-height:1.65}.jbo-pipeline{display:grid;gap:8px;margin-top:15px}.jbo-pipeline>div{padding:13px;background:#f2f7ff;border-radius:9px;display:grid;grid-template-columns:1fr auto;gap:6px}.jbo-pipeline span{font-size:12px;color:#315987}.jbo-pipeline strong{font-size:22px;color:#165fc9}.jbo-pipeline small{grid-column:1/-1}.jbo-client-summary{display:flex;gap:10px;align-items:center;margin-top:15px;font-size:12px;color:#29476e}.jbo-avatar{background:#ebf3ff;color:#1965c6;border-radius:50%;padding:12px;font-weight:700}.jbo-client-summary .jbo-badge{margin-left:auto}.jbo-criteria{display:grid;gap:8px;margin-top:14px}.jbo-criteria>span{display:flex;justify-content:space-between;gap:8px;padding:11px;background:#f5f8fc;border-radius:8px;font-size:11px;color:#53708e}.jbo-criteria strong{color:#2e527c}.jbo-route{padding:0;list-style:none;margin:20px 0}.jbo-route li{display:flex;gap:15px;position:relative;padding-bottom:26px}.jbo-route li:not(:last-child):before{content:'';position:absolute;left:15px;top:30px;bottom:0;width:2px;background:#bbd6f8}.jbo-route b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e9f3ff;color:#1a66cf;font-size:11px;flex-shrink:0}.jbo-route strong{font-size:12px;color:#29476e}.jbo-route small{margin-top:5px}.jbo-demo .jbo-small-note{font-size:10px}
@container(min-width:760px){.jbo-layout{grid-template-columns:175px minmax(0,1fr)}.jbo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.jbo-metrics strong{font-size:23px}.jbo-charts{grid-template-columns:1fr 1fr;gap:12px}.jbo-donut-layout{grid-template-columns:1fr}.jbo-demo h3{font-size:27px}}
@container(max-width:540px){.jbo-layout{display:block}.jbo-sidebar{max-height:none;overflow:visible;border-right:0;border-bottom:1px solid #dce7f4}.jbo-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px}.jbo-brand>strong{font-size:14px;letter-spacing:3px;padding:7px 14px;border-radius:8px}.jbo-brand>span{margin:0}.jbo-nav{display:flex;overflow-x:auto;gap:6px;padding:0 10px 12px;scrollbar-width:thin}.jbo-nav-item{flex-shrink:0;font-size:11px;padding:8px;white-space:nowrap}.jbo-demo .jbo-viewport{height:600px;max-height:68svh;padding:12px}.jbo-view-heading{padding:15px 12px}.jbo-demo h3{font-size:22px}.jbo-view{padding-bottom:22px}.jbo-demo .demo-footer{display:block}}
@container(max-width:340px){.jbo-demo .jbo-viewport{padding:8px}.jbo-card{padding:16px 12px}.jbo-explainer{padding:13px}.jbo-demo h3{font-size:20px}.jbo-icon{flex-basis:29px;height:32px}.jbo-donut-layout{grid-template-columns:1fr}.jbo-donut{max-width:150px}.jbo-legend{margin:0 10px}.jbo-flow{grid-template-columns:1fr;gap:6px}.jbo-flow li{flex-direction:row;align-items:center;gap:9px}.jbo-flow li:not(:last-child):after{display:none}.jbo-record{flex-wrap:wrap}.jbo-client-summary{flex-wrap:wrap}.jbo-total{flex-wrap:wrap}.jbo-metrics strong{font-size:28px}}