/**
 * Panel inline help — “i” in circle, Bootstrap popover.
 */
.fleet-info-tip,
.dgs-help-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.2rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(96, 165, 250, 0.16);
    color: #93c5fd;
    font-size: 0.82rem;
    line-height: 1;
    vertical-align: middle;
    cursor: help;
    flex-shrink: 0;
}

.dgs-help-tip:hover,
.dgs-help-tip:focus {
    background: rgba(96, 165, 250, 0.3);
    color: #bfdbfe;
    outline: none;
}

.popover.dgs-help-popover {
    max-width: min(320px, 92vw);
    border-color: rgba(148, 163, 184, 0.28);
    background: rgba(15, 23, 42, 0.97);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.popover.dgs-help-popover .popover-body {
    color: #e2e8f0;
    font-size: 0.82rem;
    line-height: 1.45;
}

.popover.dgs-help-popover .popover-arrow::after {
    border-top-color: rgba(15, 23, 42, 0.97);
    border-bottom-color: rgba(15, 23, 42, 0.97);
}