.business-help {
    display: inline-flex !important;
    vertical-align: super;
    margin-inline-start: 2px;
    line-height: 1;
}
.business-help [data-business-help-text] { display: none !important; }
/* A short caption and its superscript form one label, including in table cells. */
:is(th, dt, small, strong, span, h1, h2, h3, h4):has(> .business-help),
.sales-contract-action-card-title:has(> .business-help),
.order-confirmation-title:has(> .business-help) {
    white-space: nowrap;
}
.business-help-caption {
    display: inline-block !important;
    white-space: nowrap;
    vertical-align: baseline;
    font: inherit !important;
    color: inherit !important;
}
/* Page-level strong styles must not split a caption from its badge. */
.business-help-caption > strong {
    display: inline !important;
    margin: 0 !important;
}
/* Keep a heading badge in the same layout item when the surrounding panel is a grid. */
.business-help-heading {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    max-width: 100%;
}
.business-help-heading > :is(h1, h2, h3, h4) {
    min-width: 0;
    margin: 0;
}
.business-help-heading > .business-help {
    flex: 0 0 auto;
    margin-inline-start: 0;
}
.business-help-action {
    display: inline-flex;
    align-items: flex-start;
    gap: 2px;
    max-width: 100%;
}
.business-help-action > .business-help { flex: 0 0 auto; }
.business-help .business-help-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font: 400 12px/1 sans-serif;
    cursor: help;
    box-shadow: none;
}
.business-help-trigger:focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 2px;
}
.business-help-panel {
    position: fixed;
    z-index: 12000;
    box-sizing: border-box;
    width: 340px;
    max-width: calc(100vw - 24px);
    max-height: min(360px, 50vh);
    overflow: auto;
    padding: 14px 16px;
    border: 1px solid #b8c9de;
    border-radius: 12px;
    background: #fff;
    color: #24364b;
    box-shadow: 0 8px 28px rgba(15, 35, 60, .2);
    font: 14px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
}
.business-help-panel[hidden] { display: none; }
.business-help-panel strong { display: block; margin-bottom: 5px; color: #173b66; }
.business-help-panel p { margin: 0; }
.business-help-panel small { display: block; margin-top: 8px; color: #607189; font-size: 12px; }
.business-guide {
    margin: 12px 0;
    padding: 12px 16px;
    border: 1px solid #ccdced;
    border-radius: 10px;
    background: #f7faff;
    color: #334e6d;
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
}
.business-guide > summary { cursor: pointer; font-weight: 700; }
.business-guide p { margin: 8px 0 0; }
.business-guide ul { margin: 8px 0 0; padding-left: 20px; }
.business-next-step { margin: 8px 0; color: #334e6d; font-size: 13px; line-height: 1.6; }
.collection-workbench td .business-next-step {
    min-width: 150px;
    max-width: 210px;
    white-space: normal;
}
.collection-workbench td:nth-child(3) { min-width: 180px; max-width: 280px; }

@media print {
    .business-help, .business-help-panel, .business-guide { display: none !important; }
}
