/**
 * Fae Herald - Admin Styles
 * After WP 6.5
 * Styles for displaying plugin status information on the plugins.php page
 */

 .column-description {
    & .fae-herald-info-inline {
        display: block;
        margin-top: 8px;
        padding: 8px 12px;
        background: #f6f7f7;
        border-left: 4px solid #2271b1;
        border-radius: 0 3px 3px 0;
        width: fit-content;

        &.ignoring {
            border-left-color: #6c757d;
        }

        &.warning {
            border-left-color: #dba617;
        }

        &.critical {
            border-left-color: #d63638;
        }

        &.state {
            border-left-color: #6c757d;
        }

        & p {
            margin-bottom: 4px !important;

            &:last-child {
                margin-bottom: 0 !important;
            }

        }

    }
}

/**
 * Fae Herald - Admin Styles
 * Before WP 6.5
 * Styles for displaying plugin status information on the plugins.php page
 */
 .fae-herald-tr {
    & td {
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
        overflow: hidden;
        padding: 0;
    }
    & .fae-herald-info-inline {
        display: block;
        margin-top: 8px;
        padding: 8px 12px;
        background: #f6f7f7;
        border-left: 4px solid #2271b1;
        border-radius: 0 3px 3px 0;
        margin: 5px 20px 15px 40px;

        &.ignoring {
            border-left-color: #6c757d;
        }

        &.warning {
            border-left-color: #dba617;
        }

        &.critical {
            border-left-color: #d63638;
        }

        &.normal {
            border-left-color: #2271b1;
        }

        &.state {
            border-left-color: #6c757d;
        }

        & p {
            margin-bottom: 4px !important;

            &:last-child {
                margin-bottom: 0 !important;
            }

        }

    }
}

/**
 * Screen Options styling
 */
.fae-herald-screen-options {
    margin: 12px 0;
    padding: 0;
    border: 0;

    & legend {
        font-weight: 600;
        padding: 0 0 8px 0;
    }

    & label {
        display: inline-flex;
        align-items: center;
        margin: 4px 0;
        cursor: pointer;
    }

    & input[type="checkbox"] {
        margin-right: 6px;
    }
}