[x-cloak] {
    display: none !important;
}

.pool-size-number::-webkit-outer-spin-button,
.pool-size-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pool-size-number {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Fade out the state badge when HTMX request is in progress on the pool card */
.htmx-request .state-badge {
    opacity: 0;
    transition: opacity 0.3s;
}
.state-badge {
    opacity: 1;
    transition: opacity 0.3s;
}

/* Keep popover readable and preserve full error text. */
.popover-reason-wrap {
    word-break: break-all;
    overflow-wrap: anywhere;
    max-height: 8rem;
    overflow-y: auto;
}