/* TOOLS / basic_auth — module-local styles only (row layout mirrors subnet_calculator). */

.ba-outputs {
    margin-top: 8px;
}

.ba-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 6px 0;
    border-top: 1px solid var(--border-soft);
}

.ba-row:first-child {
    border-top: none;
}

.ba-fmt {
    min-width: 70px;
    padding-top: 12px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.ba-row .tool-output {
    flex: 1;
    margin-top: 0;
    word-break: break-all;
}

@media (max-width: 720px) {
    .ba-row {
        flex-wrap: wrap;
    }

    .ba-fmt {
        padding-top: 0;
    }

    .ba-row .tool-output {
        flex-basis: 100%;
    }
}