/* Main container for the two columns */
.msc-admin-container {
    display: flex;
    flex-wrap: wrap; /* Allows columns to stack on smaller screens */
    gap: 20px; /* Space between the columns */
    margin-top: 20px;
}

/* Defines the columns */
.msc-admin-col {
    flex: 1; /* Each column will take up equal space */
    min-width: 350px; /* Minimum width before columns stack */
}

/* A card style that mimics the WordPress UI */
.msc-admin-card {
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    padding: 1px 20px 20px 20px;
}

/* Adjust heading margins to fit the card padding */
.msc-admin-card h2 {
    font-size: 1.3em;
    margin: 20px -20px 1em;
    padding: 0 20px 1em;
    border-bottom: 1px solid #c3c4c7;
}

/* Style for the red 'danger' button */
.button.button-danger {
    background: #d63638;
    border-color: #b4292b;
    color: #fff;
    text-shadow: 0 -1px 1px #b4292b, 1px 0 1px #b4292b, 0 1px 1px #b4292b, -1px 0 1px #b4292b;
}

.button.button-danger:hover, .button.button-danger:focus {
    background: #e04b4d;
    border-color: #b4292b;
    color: #fff;
}