/* admin styles */

.admin {
    padding-top: 48px;
    min-height: 100vh;
}

.admin-page {
    padding-block: 48px;
    min-height: 100vh;
}

.admin-contents {
    padding-top: 48px;
    min-height: 100vh;
}

.paragraph-img-wrapper {
    width: 100px;
    aspect-ratio: 1;
    background-color: var(--color-gray-900);
}

.action-btn {
    padding-block: 0.25rem;
    padding-inline: 1rem;
    background-color: var(--color-blue-500);
    color: var(--color-white);
    border-radius: 0.25rem;
}

.action-btn:hover {
    background-color: var(--color-blue-400);
}

.action-btn:active {
    background-color: var(--color-blue-600);
}

.content-field {
    padding-inline: 1rem;
    padding-block: 0.25rem;
    border: 1px solid var(--color-gray-300);
    border-radius: 0.25rem;
    margin-bottom: 1rem;
}

.admin-article {
    border: 1px solid var(--color-gray-300);
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.table-row {
    border-top: solid 1px var(--color-gray-300);
}

.table-row.published {
    background-color: var(--color-green-500);
}

.table-row.unpublished {
    background-color: var(--color-red-500);
}

.table-cell {
    padding-inline: 0.5rem;
    padding-block: 0.25rem;
}

.table-cell.published {
    background-color: var(--color-green-500);
}

.table-cell.unpublished {
    background-color: var(--color-red-500);
}

.table-cell.link {
    color: var(--color-black);
    text-decoration: none;
}

.table-cell.link:hover {
    text-decoration: underline;
    text-underline-offset: 0.25rem;
    color: var(--color-blue-500);
}


/* WAITLIST PAGE STYLES */

.waitlist {
    background-color: var(--color-white);
    max-width: 800px;
    margin-inline: auto;
}

.waitlist__headline {
    font-size: var(--text-3xl);
    margin-bottom: var(--space-4);
}

.waitlist__cell {
    padding-inline: var(--space-2);
    padding-block: var(--space-2);
}

.waitlist__cell:hover {
    background-color: var(--color-gray-100);
}

@media screen and (max-width: 639px) {
    .waitlist {
        padding-inline: var(--space-2);
    }
}