/**
 * Proxies Page Styles
 */

.proxies-page {
    max-width: 1400px;
    margin: 0 auto;
}

/* Modal form styles for proxy form */
.modal-body .modal-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 0;
}

.modal-body .modal-form .form-row .form-group {
    margin-bottom: 0;
    min-width: 0; /* Prevent overflow */
}

.modal-body .modal-form .form-row-host-port {
    grid-template-columns: 2fr 1fr;
}

/* Ensure inputs don't overflow */
.modal-body .modal-form .form-input,
.modal-body .modal-form .form-select {
    width: 100%;
    box-sizing: border-box;
    min-width: 0;
}

/* Proxy notes column */
.proxy-notes {
    font-size: 0.85em;
    opacity: 0.8;
    max-width: 200px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: help;
}

/* Small button variant */
.btn-sm {
    padding: 0.35rem 0.75rem;
    font-size: 0.85rem;
}

.btn-sm svg {
    width: 14px;
    height: 14px;
}

/* Pools table inside modal - compact */
#pools-list-container .data-table {
    font-size: 0.9rem;
}

#pools-list-container .data-table th,
#pools-list-container .data-table td {
    padding: 0.5rem 0.65rem;
    white-space: nowrap;
}

#pools-list-container .data-table .table-actions {
    gap: 0.25rem;
}