/**
 * Yii GridView: unified font size (matches Metronic/Bootstrap utility .fs-7 in style.bundle.css).
 */
.grid-view > table.table {
    font-size: 0.95rem !important;
}

/* Summary row: filter + export icon toolbars (right) */
.grid-export-summary-row .grid-view-toolbar-actions .dropdown-menu,
.grid-export-summary-row .grid-toolbar-dropdown .dropdown-menu {
    min-width: 11rem;
}

/* Icon-only square toolbar triggers (Bootstrap hides caret) */
.grid-toolbar-icon-btn.dropdown-toggle::after {
    display: none !important;
}

.grid-toolbar-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Light primary toolbar icons — matches Metronic .btn-light-primary; hover = solid primary (darker) */
.grid-toolbar-icon-btn.btn-light-primary {
    background-color: var(--bs-primary-light) !important;
    border: 1px solid var(--bs-primary-light) !important;
    color: var(--bs-primary) !important;
    box-shadow: 0 1px 4px rgba(var(--bs-primary-rgb), 0.12);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease;
}

.grid-toolbar-icon-btn.btn-light-primary i,
.grid-toolbar-icon-btn.btn-light-primary .ki-outline,
.grid-toolbar-icon-btn.btn-light-primary .ki-duotone {
    color: var(--bs-primary) !important;
}

.grid-toolbar-icon-btn.btn-light-primary:hover,
.grid-toolbar-icon-btn.btn-light-primary:focus-visible,
.grid-toolbar-icon-btn.btn-light-primary.show {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-primary-inverse) !important;
    box-shadow: 0 4px 14px rgba(var(--bs-primary-rgb), 0.35);
}

.grid-toolbar-icon-btn.btn-light-primary:hover i,
.grid-toolbar-icon-btn.btn-light-primary:focus-visible i,
.grid-toolbar-icon-btn.btn-light-primary.show i,
.grid-toolbar-icon-btn.btn-light-primary:hover .ki-outline,
.grid-toolbar-icon-btn.btn-light-primary:hover .ki-duotone {
    color: var(--bs-primary-inverse) !important;
}

@media (prefers-reduced-motion: reduce) {
    .grid-toolbar-icon-btn.btn-light-primary {
        transition: none;
    }
}

.grid-export-summary-row .grid-view-toolbar-actions {
    flex-wrap: nowrap;
}

/* Bootstrap 5: dark “pill” tooltip for grid toolbar (script.js customClass) */
.tooltip.grid-toolbar-tooltip {
    --bs-tooltip-color: rgba(255, 255, 255, 0.96);
    --bs-tooltip-bg: #000;
    --bs-tooltip-max-width: min(20rem, 92vw);
    --bs-tooltip-padding-x: 0.75rem;
    --bs-tooltip-padding-y: 0.5rem;
    --bs-tooltip-font-size: 0.9375rem;
    --bs-tooltip-border-radius: 0.5rem;
    --bs-tooltip-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

.tooltip.grid-toolbar-tooltip .tooltip-inner {
    max-width: min(20rem, 92vw);
    text-align: left;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
}

/* GridView filter row: Select2 matches compact controls */
.grid-view tr.filters .select2-container {
    width: 100% !important;
    max-width: 100%;
}
.grid-view tr.filters .select2-container--default .select2-selection--single {
    min-height: 31px;
    border-radius: 0.475rem;
    border: 1px solid var(--bs-border-color, #e4e6ef);
}
.grid-view tr.filters .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
}
.grid-view tr.filters .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
}

/* Column headers: centered titles */
.grid-view > table.table > thead > tr > th,
.grid-view > table.table > thead > tr > td {
    text-align: center !important;
}

/* ---- Row hover: all v2 GridView tables (also works without .table-hover) ---- */
.grid-view table.table > tbody > tr:hover > td,
.grid-view table.table > tbody > tr:hover > th {
    background-color: rgba(62, 125, 181, 0.07);
    transition: background-color 0.12s ease;
}

/* ---- Action / kebab buttons: clearer hover in grid rows ---- */
.grid-view table.table > tbody > tr .btn {
    transition: transform 0.14s ease, box-shadow 0.14s ease, filter 0.14s ease, background-color 0.14s ease;
}

.grid-view table.table > tbody > tr .btn:hover:not(:disabled):not(.disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.1);
}

.grid-view table.table > tbody > tr .btn:active:not(:disabled):not(.disabled) {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    .grid-view table.table > tbody > tr .btn {
        transition: none;
    }
    .grid-view table.table > tbody > tr .btn:hover:not(:disabled):not(.disabled),
    .grid-view table.table > tbody > tr .btn:active:not(:disabled):not(.disabled) {
        transform: none;
    }
}

/* Edge columns: gutters equivalent to Bootstrap .ps-2 / .pe-2 on first/last cells */
.grid-view > table.table > thead > tr > th:first-child,
.grid-view > table.table > thead > tr > td:first-child,
.grid-view > table.table > tbody > tr > th:first-child,
.grid-view > table.table > tbody > tr > td:first-child {
    padding-inline-start: 0.5rem !important;
}

.grid-view > table.table > thead > tr > th:last-child,
.grid-view > table.table > thead > tr > td:last-child,
.grid-view > table.table > tbody > tr > th:last-child,
.grid-view > table.table > tbody > tr > td:last-child {
    padding-inline-end: 0.5rem !important;
}