/* Endpoints Page Specific Styles */

/* Modal layout optimization */
.endpoint-modal .modal-body {
    padding: 1rem 1.5rem;
}

/* Tab Content Styling - Reduce content height */
.endpoint-modal .tab-content {
    min-height: 300px;
}

.endpoint-modal .tab-pane {
    padding: 0.75rem 0;
}

/* Reduce form element spacing */
.endpoint-modal .tab-pane .mb-3 {
    margin-bottom: 0.75rem !important;
}

.endpoint-modal .tab-pane .mb-4 {
    margin-bottom: 1rem !important;
}

/* Advanced tab section headers */
.endpoint-modal .tab-pane h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Alert styling in advanced tab */
.endpoint-modal .tab-pane .alert {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

/* Tab navigation styling */
.endpoint-modal .nav-tabs .nav-link {
    border-bottom: 2px solid transparent;
    color: #6c757d;
}

.endpoint-modal .nav-tabs .nav-link.active {
    border-bottom: 2px solid #0d6efd;
    color: #0d6efd;
}

.endpoint-modal .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #0d6efd;
    color: #0d6efd;
}

/* Ensure auth value input field height consistency */
#endpoint-auth-value {
    height: calc(1.5em + 0.75rem + 2px) !important;
    resize: none;
}

/* Form label icon styling */
.form-label-icon {
    margin-right: 0.25rem;
    color: #6c757d;
}