.admin-blog-page {
    padding: 1.25rem;
}

.admin-blog-grid {
    margin: 0 auto;
}

.admin-blog-grid .k-grid-content tbody tr {
    cursor: pointer;
}

#modalLong .modal-dialog {
    z-index: 2400;
    max-width: min(1180px, calc(100% - 2rem));
    margin-top: 5.5rem;
}

#modalLong .modal-content {
    max-height: calc(100vh - 7rem);
    overflow-y: auto;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 20px 45px rgb(15 23 42 / 24%);
}

#modalLong .modal-header {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 1rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid var(--qg-admin-border);
}

#modalLong .modal-body {
    overflow-y: auto;
    flex: 1;
    padding: 1.25rem;
}

.modal-backdrop {
    z-index: 2300;
}

.admin-blog-action-trigger {
    min-width: 55px !important;
    width: 55px !important;
    padding: 0;
    border-radius: .6rem;
}

.admin-blog-actions {
    min-width: 11.5rem;
    padding: .5rem;
    border: 0;
    border-radius: .75rem;
    box-shadow: 0 12px 26px rgb(15 23 42 / 20%);
}

.admin-blog-actions--portal {
    display: block;
    z-index: 5000 !important;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-.5rem) scale(.98) !important;
    transform-origin: top left;
    transition: opacity 180ms ease, transform 180ms ease;
}

.admin-blog-actions--portal.admin-blog-actions--visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1) !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.admin-blog-actions .dropdown-item {
    min-height: 2.4rem;
    margin: .15rem 0;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    transition: transform 140ms ease, filter 140ms ease;
}

.admin-blog-actions .dropdown-item:hover,
.admin-blog-actions .dropdown-item:focus {
    color: #fff;
    filter: brightness(1.08);
    transform: translateX(2px);
}

.admin-blog-actions .dropdown-item i {
    margin-right: .45rem;
}

.admin-blog-actions .admin-blog-action--disabled {
    color: #6b7280;
    cursor: help;
}

.admin-blog-actions .admin-blog-action--disabled:hover {
    color: #6b7280;
    filter: none;
    transform: none;
}

.admin-grid-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    padding: .35rem .7rem;
    border-radius: 999px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.15;
}

.admin-grid-status--positive {
    color: #16794a;
    background: #e7f7ef;
}

.admin-grid-status--negative {
    color: #b42318;
    background: #fff0ef;
}

.admin-grid-status--type-standard {
    color: #155e9e;
    background: #e5f2ff;
}

.admin-grid-status--type-faq {
    color: #886000;
    background: #fff4c7;
}

.admin-grid-status--type-documents {
    color: #087467;
    background: #dff7f0;
}

.admin-grid-status--type-private {
    color: #5a3c8a;
    background: #eee5ff;
}

.admin-grid-status--type-other {
    color: var(--qg-admin-primary-strong);
    background: var(--qg-admin-primary-soft);
}