.csm-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.csm-table th, .csm-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    /* Allow text wrap for description */
    word-wrap: break-word; 
}
.csm-table th {
    background-color: #f2f2f2;
    color: #333;
}
.csm-form {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.csm-form label {
    font-weight: bold;
}
.csm-actions a {
    color: #0073aa;
}
.csm-actions a:hover {
    text-decoration: underline;
}

.all-form-filed .ui-sortable #name {
	width: 100%;
}
.wp-list-table.widefat.fixed.striped.table-view-list.forms.all-form-filed {
	width: 98%;
}


.csm-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}
.csm-table th, .csm-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}
.csm-table th {
    background-color: #f2f2f2;
    color: #333;
}
.csm-table tr:hover {
    background-color: #f1f1f1;
}
.csm-form {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.csm-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.csm-form input[type="text"],
.csm-form input[type="number"],
.csm-form textarea { /* ADDED TEXTAREA HERE */
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Important for full width */
}
.csm-form textarea {
    resize: vertical; /* Allow vertical resizing */
}
.csm-form input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.csm-form input[type="submit"]:hover {
    background-color: #45a049;
}
.csm-actions a {
    margin-right: 10px;
    text-decoration: none;
    color: #0073aa;
}
.csm-actions a:hover {
    text-decoration: underline;
}
/* Adjusted width logic for the new column */
.csm-table tr th:first-child,
.csm-table tr td:first-child {
	width: 25%; 
}
.csm-table tr th:nth-child(2),
.csm-table tr td:nth-child(2) {
    width: 45%; /* Give description column more space */
}
.csm-table tr th:nth-child(3),
.csm-table tr td:nth-child(3),
.csm-table tr th:nth-child(4),
.csm-table tr td:nth-child(4),
.csm-table tr th:nth-child(5),
.csm-table tr td:nth-child(5) {
    width: auto; /* Let browser distribute remaining space */
}

.table-header th {
	background-color: white;
}
.csm-form select{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-width: 100%;
}


/*new changes*/


.csm-form input[type="text"], 
.csm-form input[type="number"],
.csm-form textarea, /* ADDED TEXTAREA HERE */
.csm-form select {
	margin-bottom: 0px !important;

}
.csm-form select {
	margin-bottom: 0px;
}

.csm-form input[type="submit"] {
	margin-top: 20px !important;
}
.wp-form-name a {
	text-decoration: none !important;
}