#page-topbar:has(#module-helper > .show) { z-index: 1051; }
.helper-panel {
  width: min(900px, calc(100vw - 24px));
  max-height: calc(100vh - 90px);
  overflow: hidden;
  border: 1px solid var(--vz-border-color);
  border-radius: 14px;
  box-shadow: none;
}
.helper-panel.show { display: flex; flex-direction: column; }
.helper-panel > :not(#helper-wrapper) { flex-shrink: 0; }
.helper-tools { background: var(--vz-light); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) 38px; gap: 10px; }
.helper-search-field { position: relative; grid-column: 1 / 5; }
.helper-search-field > i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--vz-secondary-color); pointer-events: none; }
.helper-search-field input { padding-left: 36px; }
.helper-filter-field { min-width: 0; }
.helper-tools .select2-container { width: 100% !important; }
.helper-tools .select2-selection { min-height: 38px; font-size: 12px; }
.helper-tools .select2-selection__rendered { overflow: hidden; text-overflow: ellipsis; }
#helper-reset-filters { width: 38px; height: 38px; }
#helper-wrapper { display: flex; min-height: 0; overflow: hidden; }
.helper-chapters { width: 28%; flex-shrink: 0; display: block; padding: 12px; overflow-y: auto; border-right: 1px solid var(--vz-border-color); }
.helper-chapters .nav-link { width: 100%; text-align: left; padding: 14px 12px; margin-bottom: 8px; border: 1px solid var(--vz-border-color); border-radius: 10px; overflow-wrap: anywhere; color: var(--vz-body-color); background: var(--vz-card-bg); cursor: pointer; transition: background-color .15s, border-color .15s, box-shadow .15s; }
.helper-chapters .nav-link:hover, .helper-chapters .nav-link:focus-visible { background: rgba(var(--vz-primary-rgb), .08); border-color: var(--vz-primary); box-shadow: 0 3px 10px rgba(var(--vz-primary-rgb), .12); }
.helper-chapters .nav-link:focus-visible { outline: 2px solid var(--vz-primary); outline-offset: 2px; }
.helper-chapters .nav-link.active { color: var(--vz-body-color); background: rgba(var(--vz-primary-rgb), .12); border-color: var(--vz-primary); box-shadow: inset 3px 0 var(--vz-primary); }
.helper-item-heading { display: flex; align-items: flex-start; gap: 8px; }
.helper-item-title { flex: 1; font-size: 14px; font-weight: 650; line-height: 1.45; }
.helper-item-arrow { flex: 0 0 auto; color: var(--vz-secondary-color); font-size: 19px; transition: transform .15s, color .15s; }
.helper-chapters .nav-link:hover .helper-item-arrow, .helper-chapters .nav-link.active .helper-item-arrow { color: var(--vz-primary); transform: translateX(3px); }
.helper-item-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin-top: 10px; }
.helper-item-badges .badge { display: inline-flex; align-items: center; gap: 4px; white-space: normal; text-align: left; font-size: 10px; font-weight: 500; line-height: 1.35; padding: 4px 7px; border-radius: 5px; }
.helper-type-badge[data-type="guide"] { color: var(--vz-primary-text-emphasis); background: var(--vz-primary-bg-subtle); }
.helper-type-badge[data-type="faq"] { color: var(--vz-info-text-emphasis); background: var(--vz-info-bg-subtle); }
.helper-type-badge[data-type="states"] { color: var(--vz-warning-text-emphasis); background: var(--vz-warning-bg-subtle); }
.helper-type-badge[data-type="tour"] { color: var(--vz-success-text-emphasis); background: var(--vz-success-bg-subtle); }
.helper-role-badge { color: var(--vz-secondary-color); background: var(--vz-tertiary-bg, var(--vz-light)); border: 1px solid var(--vz-border-color); }
.helper-content { flex: 1; min-width: 0; padding: 24px; overflow-y: auto; }
.helper-chapter-title { padding-bottom: 16px; border-bottom: 1px solid var(--vz-border-color); }
.helper-content .ql-editor { padding: 8px 0; height: auto; line-height: 1.8; overflow-wrap: anywhere; }
.helper-content .ql-editor h1, .helper-content .ql-editor h2, .helper-content .ql-editor h3 { margin: 20px 0 10px; }
.helper-content blockquote { padding: 12px 16px; border-left: 3px solid var(--vz-primary); background: var(--vz-light); }
.helper-empty { width: 100%; align-self: center; padding: 40px 24px; text-align: center; }
.helper-empty > i { display: block; font-size: 40px; color: var(--vz-primary); margin-bottom: 16px; }
.helper-chapters { width: 34%; }
.monitoring-help-tour.shepherd-element { z-index: 11000; max-width: 430px; }
.shepherd-modal-overlay-container { z-index: 10999; }
@media (max-width: 575.98px) {
  .helper-tools { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 38px; }
  .helper-search-field { grid-column: 1 / 3; }
  .helper-filter-field { grid-column: span 1; }
  .helper-filter-field:nth-of-type(3), .helper-filter-field:nth-of-type(5) { grid-column: 2 / 4; }
  #helper-wrapper { flex-direction: column; }
  .helper-chapters { width: 100%; max-height: 150px; border-right: 0; border-bottom: 1px solid var(--vz-border-color); }
  .helper-content { padding: 16px; }
  .helper-panel { max-height: calc(100dvh - 85px); }
}


/* Help center: navigation, article and contextual guidance. */
#module-helper .helper-panel {
  position: fixed !important; inset: 18px auto 18px 50% !important; transform: translateX(-50%) !important;
  --vz-primary: #065cff; --vz-primary-rgb: 6, 92, 255;
  width: min(1600px, calc(100vw - 36px)); height: calc(100dvh - 36px); max-height: none; margin: 0;
  background: var(--vz-card-bg, #fff); border-radius: 14px;
  box-shadow: none;
}
.helper-panel > .border-dashed { border-style: solid !important; padding-right: 70px !important; }
#helper-header { font-size: 21px !important; color: var(--vz-heading-color); }
#helper-header i { color: var(--vz-primary); }
.helper-close { position: absolute; top: 16px; right: 16px; font-size: 24px; }
.helper-tools { display: flex; align-items: center; gap: 12px; background: var(--vz-card-bg); }
.helper-search-field { flex: 1; min-width: 160px; }
.helper-filter-field { flex: 0 1 210px; }
.helper-tools .select2-selection { min-height: 42px; }
#helper-search { height: 42px; }
#helper-reset-filters { flex-shrink: 0; }
#helper-wrapper { flex: 1; display: flex; min-height: 0; overflow: hidden; }
.helper-chapters { width: 290px; padding: 18px 16px; background: linear-gradient(140deg, rgba(var(--vz-primary-rgb),.035), transparent); }
.helper-home-link, .helper-chapter-link, .helper-breadcrumb button, .helper-toc button, .helper-related {
  border: 0; background: transparent; color: var(--vz-body-color); cursor: pointer; text-align: left;
}
.helper-home-link { width: 100%; display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: 8px; font-weight: 600; }
.helper-home-link i { font-size: 22px; }
.helper-home-link.active, .helper-chapter-link.active { color: var(--vz-primary); background: rgba(var(--vz-primary-rgb),.12); }
.helper-nav-label { font-size: 11px; color: var(--vz-secondary-color); letter-spacing: .08em; text-transform: uppercase; margin: 30px 12px 14px; }
.helper-nav-group { margin: 6px 0 18px; }
.helper-nav-group summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 10px; font-weight: 600; border-radius: 7px; }
.helper-nav-group summary::-webkit-details-marker { display: none; }
.helper-nav-group summary > i:first-child { font-size: 22px; color: var(--vz-primary); }
.helper-nav-group:not([open]) summary > i:last-child { transform: rotate(-90deg); }
.helper-nav-tree { margin: 6px 0 0 24px; border-left: 1px solid var(--vz-border-color); padding-left: 10px; }
.helper-chapter-link { display: block; width: 100%; padding: 9px 10px; margin: 2px 0; border-radius: 6px; font-size: 13px; line-height: 1.55; position: relative; }
.helper-chapter-link:before { content: ''; position: absolute; left: -10px; top: 19px; width: 8px; border-top: 1px solid var(--vz-border-color); }
.helper-chapter-link:hover, .helper-home-link:hover, .helper-nav-group summary:hover, .helper-related:hover, .helper-toc button:hover { color: var(--vz-primary); background: rgba(var(--vz-primary-rgb), .08); }
.helper-panel button:focus-visible, .helper-nav-group summary:focus-visible { outline: 2px solid var(--vz-primary); outline-offset: 2px; }
.helper-content { padding: 24px 40px 40px; scroll-behavior: smooth; }
.helper-breadcrumb { display: flex; align-items: center; gap: 12px; font-size: 12px; color: var(--vz-secondary-color); margin-bottom: 32px; }
.helper-breadcrumb button { padding: 0; font-size: 18px; color: var(--vz-primary); }
.helper-article { max-width: 960px; margin: 0 auto; }
.helper-article-heading { display: flex; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid var(--vz-border-color); margin-bottom: 24px; align-items: center; }
.helper-article-heading h1, .helper-welcome h1 { font-size: clamp(24px, 2vw, 34px); line-height: 1.25; letter-spacing: -.035em; font-weight: 650; margin: 0 0 18px; }
.helper-hero-icon { flex: 0 0 82px; height: 82px; border-radius: 20px; display: grid; place-items: center; color: var(--vz-primary); background: rgba(var(--vz-primary-rgb), .1); font-size: 40px; }
.helper-item-badges .badge { font-size: 11px; padding: 6px 10px; border-radius: 16px; }
.helper-role-badge { background: rgba(var(--vz-success-rgb), .09); color: var(--vz-success-text-emphasis); border: 0; }
.helper-article-body { font-size: 15px; color: var(--vz-body-color); }
.helper-article-section { margin-bottom: 26px; scroll-margin-top: 16px; }
.helper-content .helper-article-section h2 { font-size: 19px; font-weight: 600; margin: 0 0 12px; }
.helper-article-section ol { counter-reset: helper-step; list-style: none; padding: 0; }
.helper-article-section ol > li { counter-increment: helper-step; list-style: none; position: relative; margin: 0; padding: 8px 12px 26px 64px !important; min-height: 70px; }
.helper-article-section ol > li:before { content: counter(helper-step) !important; position: absolute; left: 0; top: 3px; margin: 0 !important; width: 36px !important; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--vz-primary); color: white; font-weight: 600; }
.helper-article-section ol > li:not(:last-child):after { content: ''; position: absolute; top: 43px; bottom: 3px; left: 17px; width: 2px; background: rgba(var(--vz-primary-rgb), .12); }
.helper-result, .helper-trouble { padding: 22px 24px; border: 1px solid rgba(var(--vz-success-rgb), .16); border-radius: 10px; background: rgba(var(--vz-success-rgb), .06); }
.helper-result h2 { color: var(--vz-success-text-emphasis); }
.helper-trouble { background: rgba(var(--vz-danger-rgb), .05); border-color: rgba(var(--vz-danger-rgb), .14); }
.helper-trouble h2 { color: var(--vz-danger-text-emphasis); }
.helper-aside { flex: 0 0 295px; border-left: 1px solid var(--vz-border-color); padding: 20px; overflow-y: auto; }
.helper-side-card { background: rgba(var(--vz-primary-rgb), .025); border: 1px solid rgba(var(--vz-primary-rgb), .10); border-radius: 10px; padding: 20px; margin-bottom: 16px; }
.helper-side-card h3 { display: flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 600; margin: 0 0 18px; }
.helper-side-card h3 i { font-size: 21px; color: var(--vz-primary); }
.helper-side-card p { font-size: 13px; line-height: 1.7; color: var(--vz-secondary-color); }
.helper-toc { border-left: 2px solid var(--vz-border-color); margin-left: 6px; }
.helper-toc button { display: block; width: 100%; padding: 8px 12px; font-size: 13px; line-height: 1.5; }
.helper-toc button.active { color: var(--vz-primary); border-left: 3px solid var(--vz-primary); margin-left: -2px; }
.helper-related { width: 100%; display: flex; gap: 12px; padding: 12px 0; font-size: 13px; border-bottom: 1px solid var(--vz-border-color); line-height: 1.6; }
.helper-related:last-child { border: 0; }
.helper-related i { font-size: 20px; }
.helper-audience { background: rgba(var(--vz-secondary-rgb),.06); }
.helper-support { background: rgba(var(--vz-info-rgb),.05); }
.helper-eyebrow { font-size: 11px; letter-spacing: .12em; font-weight: 600; color: var(--vz-primary); }
.helper-welcome { margin: 24px 0 32px; max-width: 650px; }
.helper-welcome h1 { margin-top: 14px; }
.helper-welcome p { color: var(--vz-secondary-color); line-height: 1.8; }
.helper-home-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 20px; }
.helper-guide-card { display: flex; flex-direction: column; text-align: left; border: 1px solid var(--vz-border-color); border-radius: 12px; background: var(--vz-card-bg); padding: 24px; color: var(--vz-body-color); transition: box-shadow .15s, border-color .15s; }
.helper-guide-card:hover { border-color: var(--vz-primary); box-shadow: 0 6px 20px rgba(var(--vz-primary-rgb),.12); }
.helper-card-icon { width: 44px; height: 44px; display: grid; place-items: center; font-size: 24px; color: var(--vz-primary); background: rgba(var(--vz-primary-rgb),.09); border-radius: 10px; margin-bottom: 18px; }
.helper-guide-card h3 { font-size: 17px; line-height: 1.5; margin: 0; }
.helper-guide-card p { font-size: 13px; color: var(--vz-secondary-color); line-height: 1.7; margin: 16px 0; }
.helper-card-action { color: var(--vz-primary); font-size: 12px; font-weight: 600; margin-top: auto; }
@media (min-width: 1600px) { .helper-chapters { width: 320px; } .helper-aside { flex-basis: 330px; } .helper-content { padding: 32px 52px; } }
@media (max-width: 1199px) {
  .helper-aside { flex-basis: 235px; padding: 12px; } .helper-side-card { padding: 14px; }
  .helper-chapters { width: 230px; } .helper-content { padding: 20px; }
  .helper-tools { flex-wrap: wrap; } .helper-search-field { flex-basis: 35%; }
  .helper-filter-field { flex: 1 1 130px; }
}
@media (max-width: 850px) {
  #module-helper .helper-panel { inset: 8px auto 8px 50% !important; width: calc(100vw - 16px); height: calc(100dvh - 16px); }
  #helper-wrapper { flex-wrap: wrap; overflow-y: auto; align-content: flex-start; }
  .helper-chapters { width: 100%; max-height: 200px; border-right: 0; border-bottom: 1px solid var(--vz-border-color); }
  .helper-content { width: 100%; flex: 1 0 100%; overflow: visible; }
  .helper-aside { flex: 1 0 100%; display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; overflow: visible; }
  .helper-hero-icon { flex-basis: 56px; height: 56px; font-size: 28px; }
  .helper-article-heading { gap: 16px; }
  .helper-tools { gap: 8px; padding: 10px !important; }
  #helper-wrapper { flex-direction: row; }
}

.helper-outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.helper-outcomes .helper-article-section { margin: 0; }
@media (max-width: 1100px) { .helper-outcomes { grid-template-columns: 1fr; } }

.helper-status-badge { font-size: .85em; font-weight: 600; padding: .4em .65em; vertical-align: baseline; white-space: normal; line-height: 1.4; }
/* These badges inherit the application's original state colors, not the helper accent. */
.helper-panel .helper-status-badge.bg-primary { background-color: var(--helper-system-primary) !important; }

.helper-illustration { margin: 20px 0; padding: 12px; border: 1px solid var(--vz-border-color); border-radius: 10px; background: var(--vz-card-bg); }
.helper-illustration img { display: block; width: auto; max-width: 100%; height: auto; border-radius: 6px; }
.helper-illustration figcaption { margin-top: 10px; font-size: 12px; line-height: 1.6; color: var(--vz-secondary-color); }

/* Demo views use the real modal layout, without a separate tutorial panel. */
#helper-tour-demo.modal { display:block; position:fixed; inset:0; z-index:10990; overflow:auto; background:rgba(0,0,0,.18); }
#helper-tour-demo .modal-content { background:var(--vz-secondary-bg, #fff); }
#helper-tour-demo .modal-dialog { pointer-events:auto; }
#helper-tour-demo .modal-body { pointer-events:none; }
.helper-demo-tooltip.shepherd-element { max-width:min(480px, calc(100vw - 24px)); }
.monitoring-help-tour-entry[data-popper-placement^="bottom"] { margin-top:6px !important; }
.monitoring-help-tour-entry[data-popper-placement^="bottom"] > .shepherd-arrow {
  width:20px; height:20px; top:-6px !important; z-index:1;
}
.monitoring-help-tour-entry[data-popper-placement^="bottom"] > .shepherd-arrow:before {
  content:""; left:8px; top:8px; width:4px; height:14px;
  background:#5fa8d3 !important; transform:none;
}
.monitoring-help-tour-entry[data-popper-placement^="bottom"] > .shepherd-arrow:after {
  content:""; position:absolute; left:2px; top:0; width:0; height:0;
  border-left:8px solid transparent; border-right:8px solid transparent;
  border-bottom:9px solid #5fa8d3;
}

#helper-tour-demo #help-demo-reservation-create-btn { pointer-events:auto; }
#helper-tour-demo .info-panel-wrapper .card { background:var(--vz-secondary-bg, #fff); }
.helper-demo-order-row td { vertical-align:middle; }

#helper-tour-demo #help-demo-button-patient-search, #helper-tour-demo #help-demo-new-monitoring-continue-btn { pointer-events:auto; }

.helper-demo-close { position:fixed; top:8px; right:20px; z-index:11002; }