/* Container */
#content_filter {
    background-color: #ffffff !important;
    border: 1px solid #C3C4C7 !important;
    padding: 18px 24px !important;
    margin-bottom: 20px !important;
}

/* Labels */
#content_filter .label-filter {
    color: #1D2327 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 10px !important; /* desktop spacing */
}

/* Form layout - desktop */
#content_filter form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* spacing between filters */
    align-items: flex-end; /* align inputs & labels nicely */
}

/* Each filter container */
#content_filter .content-filter {
    display: flex;
    flex-direction: column; /* label above input */
    flex: 1 1 150px; /* responsive grow/shrink */
    min-width: 150px;
}

/* Inputs & selects */
#content_filter .input-filter,
#content_filter input[type="search"] {
    width: 100%;
    box-sizing: border-box;
    padding: 4px 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    line-height: 1.2 !important;
    font-size: 0.9rem !important;
}

/* Search input wider on desktop */
#content_filter input[type="search"] {
    flex: 2 1 250px;
}

/* Button */
#content_filter button.button {
    flex: 0 0 auto; /* fixed size */
    align-self: flex-end; /* align with bottom of inputs */
    margin-top: 24px; /* desktop spacing */
}

/* Dashicon inside button */
#content_filter button.button .dashicons {
    vertical-align: middle;
    margin-right: 6px;
}

/* Mobile adjustments */
@media (max-width: 600px) {
    #content_filter form {
        flex-direction: column; /* stack filters */
        gap: 4px; /* smaller vertical gap */
    }

    #content_filter .content-filter {
        width: 100% !important;
        max-height: 80px !important; /* allow taller inputs on mobile */
    }

    #content_filter .label-filter {
        margin-bottom: 4px !important; /* smaller spacing on mobile */
    }

    #content_filter .input-filter,
    #content_filter input[type="search"] {
        height: 32px !important; /* uniform height */
        padding: 4px 6px !important;
    }

    #content_filter button.button {
        width: 100%;
        margin-top: 8px;
    }
}

/* for table */
#hunnt_ai_content_table_improved {
    border-collapse: collapse;
}

#hunnt_ai_content_table_improved thead tr {
    background-color: #F6F7F7 !important;
}

#hunnt_ai_content_table_improved thead tr th {
    color:#2C3338 !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
}
#hunnt_ai_content_table_improved thead tr th:first-child {
    border-left: 1px solid #C3C4C7 !important;
    width: 25px !important;
    max-width: 25px !important;
}
#hunnt_ai_content_table_improved thead tr th:last-child {
    border-right: 1px solid #C3C4C7 !important;
}
#hunnt_ai_content_table_improved tbody tr:nth-child(odd){
    background-color: #ffffff !important;
}
#hunnt_ai_content_table_improved tbody tr:nth-child(even) {
    background-color: #F6F7F7 !important;
}
#hunnt_ai_content_table_improved tbody td .title {
    color:#2271B1 !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}
#hunnt_ai_content_table_improved tbody td .text {
    color:#50575E !important;
    font-weight: 400 !important;
    font-size: 0.9rem !important;
}
#hunnt_ai_content_table_improved tbody td .status,
#hunnt_ai_content_table_improved tbody td .status
{
    padding: 5px 7px !important;
    display: inline-block !important;;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}
#hunnt_ai_content_table_improved tbody td .status.is-success{
    color:#007017 !important;
    background-color: #EDFAEF !important;
    border: 1px solid #68DE7C !important;
}
#hunnt_ai_content_table_improved tbody td .status.is-warning{
    color:#996800 !important;
    background-color: #FCF9E8 !important;
    border: 1px solid #DBA617 !important;
}
#hunnt_ai_content_table_improved tbody td .status.is-pending{
    color:#0B5CAD !important;
    background-color:#E8F2FC !important;
    border:1px solid #6FA8E8 !important;
}
#hunnt_ai_content_table_improved tbody td .status.is-private{
    color:#3C434A !important;
    background-color:#F0F0F1 !important;
    border:1px solid #C3C4C7 !important;
}
#hunnt_ai_content_table_improved tbody td .status.is-future{
    color:#6B21A8 !important;
    background-color:#F3E8FF !important;
    border:1px solid #C084FC !important;
}
#content_button_improved {
    float: left;
    margin-top: 0;
}