.hivemind-page {

    padding: 4rem 0;

}



.hivemind-page h1 {

    padding-top: 2rem;

}



.hivemind-form {

    background-color: #f9f9f9;

    padding: 10px;

    border-radius: 5px;

    overflow: auto; /* Ensures the form wraps elements correctly */

}
#filterForm {
    display: flex;
    align-items: center;
}



.hivemind-form label, 

.hivemind-form select, 

.hivemind-form input[type="text"], 

.hivemind-form input[type="submit"] {

    display: inline-block; /* Makes elements line up horizontally */

    margin-right: 10px; /* Adds some space between the elements */

    vertical-align: middle; /* Aligns elements vertically */

}



.hivemind-form label {

    font-weight: bold;

}



.hivemind-form select, 

.hivemind-form input[type="text"] {

    width: auto; /* Adjust this width to fit your design, or use percentages */

    padding: 10px;

    margin-bottom: 0; /* Removes the bottom margin */

    border: 1px solid #ccc;

    border-radius: 4px;

}



.hivemind-form input[type="submit"] {

    background-color: #007bff;

    color: white;

    padding: 10px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

}



.hivemind-form input[type="submit"]:hover {

    background-color: #0056b3;

}



/* Styles for .hivemind-table table */

.hivemind-table table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 20px;

    background-color: #fff;

    margin-bottom: 2rem;

}



.hivemind-table th, 

.hivemind-table td {

    text-align: left;

    padding: 12px;

    border: 1px solid #ccc;

}



.hivemind-table th {

    background-color: #007bff;

    color: white;

}



.hivemind-table tr:nth-child(even) {

    background-color: #f2f2f2;

}



.hivemind-table tr:hover {

    background-color: #ddd;

}



.hivemind-table td {

    font-size: 0.9rem;

}



/* Specific styles for .hivemind-table submit button */

.hivemind-table input[type="submit"] {

    background-color: #28a745; /* A green color, change as needed */

    color: white;

    padding: 10px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    display: inline-block;

    margin-right: 10px;

}



.hivemind-table input[type="submit"]:hover {

    background-color: #218838; /* Darker green on hover */

}









/* Admin column Shareable button */



.toggle-featured, .toggle-shareable  {



    width: 70px;



    padding: 5px;



}



.featured-toggle-yes, .shareable-toggle-yes {



    background-color: green;



    color: #fff;



    border: green;



    border-radius: 2px;



}



#view-synced {

    color: #fc7b1f;

    border-color: #fc7b1f;

}



/* General button styles for sync actions */

.sync-button {

    width: 120px;

    height: 36px;

    line-height: 36px;

    display: inline-block;

    border-radius: 4px;

    text-align: center;

    font-weight: bold;

    color: white !important;

    border: none;

    cursor: pointer;

    margin: 5px;

}



/* Override the default disabled styles */

.sync-button:disabled,

.sync-button[disabled] {

    opacity: 0.6 !important;

    pointer-events: none;

    cursor: not-allowed !important;

    color: #6c757d !important;

    background-color: #e9ecef !important;

    display: none;

}



/* Color coding for specific sync button actions */

.action-sync[data-action="request-sync"] {

    background-color: #007bff !important; /* Blue for Request Sync */

}



.action-sync[data-action="accept"] {

    background-color: #28a745 !important; /* Green for Accept */

}



.action-sync[data-action="disabled"] {

    background-color: #28a745 !important; /* Green for Synced */

}



.action-unsync[data-action="cancel"] {

    background-color: #dc3545 !important; /* Red for Cancel */

}



.action-unsync[data-action="unsync"] {

    background-color: #dc3545 !important; /* Red for Unsync */

}



.action-sync[data-action="pending"] {

    background-color: #fc7b1f !important; /* Orange for Pending */

}



/* Hover effect to provide visual feedback */

.sync-button:not(:disabled):hover {

    opacity: 0.9; /* Slightly dim the button on hover */

}

/* Dashboard incon */
#toplevel_page_ll_syncs div.wp-menu-image:before {
    color: #fc7b1f;
}