﻿.admin-page-content .k-grid {
    overflow: visible;
    border: 1px solid var(--qg-admin-border);
    border-radius: 1rem;
    color: var(--qg-admin-text);
    background: var(--qg-admin-surface);
    box-shadow: var(--qg-admin-shadow);
}

.admin-page-content .k-grid-header,
.admin-page-content .k-grid-header-wrap,
.admin-page-content .k-grid .k-header,
.admin-page-content .k-grouping-header {
    background: var(--qg-admin-surface-muted);
    padding-right: 0px !important;
}

    .admin-page-content .k-grid .k-header {
        border-color: var(--qg-admin-border);
        color: var(--qg-admin-text);
        font-size: 13px;
        font-weight: 700;
        padding-right: 15px !important;
    }

.admin-page-content .k-grid th.k-header,
.admin-page-content .k-grid td {
    border-color: var(--qg-admin-border);
    border-style: solid;
    border-width: 0 1px 1px 0;
}

.admin-page-content .k-grid td {
    padding-top: .8rem;
    padding-bottom: .8rem;
}

.admin-page-content .k-grid .dropdown > [data-toggle="dropdown"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px !important;
    min-height: 2.5rem;
    padding: 0;
    border-radius: .6rem;
}

.admin-page-content .k-grid tbody tr {
    transition: background-color 160ms ease;
}

.admin-page-content .k-grid tbody tr:hover {
    background-color: var(--qg-admin-primary-soft);
}

.admin-page-content .k-grid {
    animation: admin-kendo-grid-enter 400ms ease-out both;
}

.admin-page-content .k-grid .k-grouping-header {
    min-height: 3.25rem;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--qg-admin-border);
    color: #536171;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.45;
    background: var(--qg-admin-surface-muted);
}

.admin-page-content .k-grid .k-pager-wrap {
    min-height: 3.75rem;
    padding: .65rem 1rem;
    border-color: var(--qg-admin-border);
    background: var(--qg-admin-surface);
}

.admin-page-content .k-grid .k-pager-wrap,
.admin-page-content .k-grid .k-pager-wrap .k-pager-info,
.admin-page-content .k-grid .k-pager-wrap .k-pager-sizes,
.admin-page-content .k-grid .k-pager-wrap .k-input,
.admin-page-content .k-grid .k-pager-wrap .k-link {
    font-size: 1rem;
}

.admin-page-content .k-grid .k-pager-wrap .k-link {
    color: var(--qg-admin-primary-strong);
    opacity: 1;
}

.admin-page-content .k-grid .k-pager-wrap .k-link .k-icon {
    opacity: 1;
}

.admin-page-content .k-grid .k-filtercell .k-textbox,
.admin-page-content .k-grid .k-filter-menu .k-textbox {
    border-radius: .5rem;
}

.admin-kendo-action-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    min-width: 45px;
    height: 38px;
    padding: 0;
    border-radius: .6rem;
}

.admin-kendo-action-trigger .caret {
    display: none;
}

.admin-page-content .k-grid .k-pager-numbers .k-state-selected,
.admin-page-content .k-grid .k-pager-numbers .k-state-selected:hover {
    border-color: var(--qg-admin-primary-strong);
    color: var(--qg-admin-primary-contrast);
    background: var(--qg-admin-primary-strong);
}

.k-animation-container .k-list-container,
.k-animation-container .k-popup.k-list-container {
    border: 1px solid var(--qg-admin-border);
    border-radius: .65rem;
    background: var(--qg-admin-surface);
    box-shadow: 0 12px 26px rgb(15 23 42 / 18%);
}

.k-animation-container .k-list-container .k-list,
.k-animation-container .k-popup.k-list-container .k-list {
    color: var(--qg-admin-text);
    background: var(--qg-admin-surface);
}

.k-animation-container .k-list-container .k-item,
.k-animation-container .k-popup.k-list-container .k-item {
    min-height: 2.45rem;
    padding: .5rem .85rem;
    font-size: 1rem;
}

.k-animation-container .k-filter-menu {
    min-width: 15rem;
    padding: .85rem;
    border: 1px solid var(--qg-admin-border);
    border-radius: .65rem;
    background: var(--qg-admin-surface);
    box-shadow: 0 12px 26px rgb(15 23 42 / 18%);
}

.k-animation-container .k-filter-menu .k-textbox,
.k-animation-container .k-filter-menu input.k-textbox {
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    border: 1px solid #ccd4df;
    border-radius: .55rem;
    color: var(--qg-admin-text);
    background: var(--qg-admin-surface);
    box-shadow: inset 0 1px 2px rgb(37 43 55 / 3%);
    font-size: 14px;
}

.k-animation-container .k-filter-menu .k-textbox:focus,
.k-animation-container .k-filter-menu input.k-textbox:focus {
    border-color: var(--qg-admin-primary-strong);
    outline: 0;
    box-shadow: 0 0 0 .18rem var(--qg-admin-primary-soft);
}

.result-actions {
    min-width: 11.5rem;
    padding: .5rem !important;
    border: 0;
    border-radius: .75rem;
    background: var(--qg-admin-surface);
    box-shadow: 0 12px 26px rgb(15 23 42 / 20%);
}

.result-actions .dropdown-item {
    display: flex;
    align-items: center;
    min-height: 2.4rem;
    margin: .15rem 0;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    transition: transform 140ms ease, filter 140ms ease;
}

.result-actions .dropdown-item:hover,
.result-actions .dropdown-item:focus {
    color: #fff;
    filter: brightness(1.08);
    transform: translateX(2px);
}

.result-actions .dropdown-item i {
    margin-right: .45rem;
}

.result-actions.admin-kendo-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;
}

.result-actions.admin-kendo-actions--portal.admin-kendo-actions--visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1) !important;
}

@keyframes admin-kendo-grid-enter {
    from {
        opacity: 0;
        transform: translateY(-.7rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-page-content .k-grid {
        animation: 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: 1rem;
    font-weight: 700;
    line-height: 1.15;
}

.admin-grid-status--positive {
    color: #16794a;
    background: #e7f7ef;
}

.admin-grid-status--negative {
    color: #b42318;
    background: #fff0ef;
}

.admin-kendo-preview {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.1rem;
    height: 2.9rem;
    overflow: hidden;
    border: 1px solid var(--qg-admin-border);
    border-radius: .55rem;
    color: var(--qg-admin-primary-strong);
    background: var(--qg-admin-surface-muted);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.admin-kendo-preview:hover,
.admin-kendo-preview:focus {
    border-color: var(--qg-admin-primary-strong);
    color: var(--qg-admin-primary-strong);
    box-shadow: 0 .35rem .75rem rgb(83 18 139 / 16%);
    outline: 0;
    transform: translateY(-1px) scale(1.04);
}

.admin-kendo-preview__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.admin-kendo-preview__icon {
    font-size: 1.25rem;
}

.admin-kendo-preview--empty {
    color: #8a95a4;
    cursor: default;
}
