/* ─── Publish Targets page ─────────────────────────────────────────────────
   Add to your main stylesheet (or a /css/modules/editorial.css if you split).
   Reuses existing fonts-table / np2-action-btn / form-hint styling; these are
   only the new pt-* bits. */

/* Horizontal row of action buttons in the last column */
.pt-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    justify-content: flex-end;
}

/* Keep the actions cell from stretching the buttons vertically */
.fonts-table td.fonts-actions-cell {
    white-space: nowrap;
}

/* Target name (bold line above the URL hint) */
.pt-name {
    font-weight: 600;
}

/* Active / Inactive status pill */
.pt-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}
.pt-badge-active {
    background: #e6f4ea;
    color: #1e7e34;
}
.pt-badge-inactive {
    background: #f0f0f0;
    color: #777;
}

/* Connection result (Connected / Failed / Testing) */
.pt-conn {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    cursor: default;
}
.pt-conn-ok {
    background: #e6f4ea;
    color: #1e7e34;
}
.pt-conn-fail {
    background: #fdecea;
    color: #c0392b;
}