/* Info icon tooltip — base style; rendering handled by Tippy.js */
.info-tip {
    position: relative;
    cursor: help;
}

/* Custom Tippy theme to match portal style */
.tippy-box[data-theme~='portal'] {
    background-color: #1f2937;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 0.375rem;
    max-width: 16rem !important;
}
.tippy-box[data-theme~='portal'] > .tippy-arrow::before {
    color: #1f2937;
}

/* HTMX swap transitions — fade out old content, fade in new content */
.htmx-swapping {
    opacity: 0;
    transition: opacity .1s ease-out;
}
.htmx-added {
    opacity: 0;
}
.htmx-settling {
    opacity: 1;
    transition: opacity .15s ease-in;
}

/* HTMX in-flight indicator — hidden by default, shown while a request
   pointed at this element via hx-indicator is pending. HTMX adds the
   `htmx-request` class to both the indicator and the trigger element
   for the duration of the request. */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: flex;
}