/**
 * Artlogic Grid — Structural CSS only
 * Visual styling is handled by admin-ui-1.2.css which already targets the same class names.
 * This file only provides base structure that jqGrid's own CSS would normally supply.
 */

/* Grid container */
.ui-jqgrid {
    position: relative;
}

/* Header */
.ui-jqgrid-hdiv {
    overflow: hidden;
}

.ui-jqgrid-htable {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* Body */
.ui-jqgrid-bdiv {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.ui-jqgrid-bdiv table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

/* Sortable headers */
.sortable-header {
    cursor: pointer;
}

.sort-indicator {
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    margin-left: 4px;
    font-size: 8px;
    line-height: 1;
}

.sort-indicator::before {
    content: '▲';
    opacity: 0.3;
}

.sort-indicator::after {
    content: '▼';
    opacity: 0.3;
}

.sort-indicator.sort-asc::before {
    opacity: 1;
    color: #e3800c;
}

.sort-indicator.sort-desc::after {
    opacity: 1;
    color: #e3800c;
}

/* Pager — override ui-state-default to match jqGrid pager appearance */
.ui-jqgrid-pager.ui-state-default {
    background: transparent;
    border: none;
    border-top: 1px solid #eee;
    height: auto;
    padding: 18px 0;
}

.ui-jqgrid-pager .ui-paging-nav {
    line-height: 24px;
}

.ui-jqgrid-pager .ui-paging-nav .pager-prev,
.ui-jqgrid-pager .ui-paging-nav .pager-next {
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;
    padding: 0 4px;
    color: #333;
    user-select: none;
}

.ui-jqgrid-pager .ui-paging-nav .pager-prev:hover,
.ui-jqgrid-pager .ui-paging-nav .pager-next:hover {
    color: #000;
}

.ui-jqgrid-pager .ui-paging-nav .pager-disabled {
    opacity: 0.3;
    cursor: default;
}

.pager-text {
    display: inline-block;
    margin: 0 8px;
    color: #333;
    font-size: 11px;
}

/* Empty state */
.empty-grid {
    padding: 40px 20px;
    text-align: center;
    color: #999;
}

/* Loading */
.grid-loading {
    padding: 40px 20px;
    text-align: center;
    color: #999;
}

/* Loading error */
.loading-error {
    padding: 20px;
    text-align: center;
    color: #999;
}