/* INGQ DynamicSolution runtime Kendo Grid renderer.
   jqGrid CSS remains untouched; this file only styles grids rendered through ingq-dynamic-kendo-grid.js. */

.kendo-grid-host.runtime-grid-host {
    width: 100%;
    min-height: 280px;
    overflow: hidden;
}

.kendo-grid-host .k-grid {
    border-radius: 16px;
    border-color: rgba(148, 163, 184, 0.28);
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

.kendo-grid-host .k-grid-header,
.kendo-grid-host .k-grid-toolbar,
.kendo-grid-host .k-pager {
    background: rgba(248, 250, 252, 0.92);
}

.kendo-grid-host .k-grid-toolbar {
    padding: 0.65rem 0.75rem;
    gap: 0.5rem;
}

.kendo-grid-host .k-grid-search {
    min-width: 240px;
    margin-left: auto;
}

.kendo-grid-host .k-grid-content td,
.kendo-grid-host .k-grid-header th {
    vertical-align: top;
}

.kendo-grid-host .k-grid-content td {
    white-space: normal;
    word-break: break-word;
}

.kendo-grid-host .k-filter-row .k-input,
.kendo-grid-host .k-filter-row .k-picker,
.kendo-grid-host .k-filter-row input {
    width: 100%;
}

.kendo-grid-host .k-command-cell .k-button,
.kendo-grid-host .k-grid-toolbar .k-button {
    border-radius: 10px;
}

.kendo-grid-host .k-grid-norecords {
    min-height: 120px;
}

@media (max-width: 768px) {
    .kendo-grid-host .k-grid-search {
        min-width: 100%;
        width: 100%;
        margin-left: 0;
    }
}

/* Shared runtime CRUD behaviour used by runtime app grids and MainDb administration. */
.kendo-grid-host.runtime-grid-host .k-grid {
    width: 100%;
    min-width: 0;
}

.kendo-grid-host.runtime-grid-host .k-grid-content,
.kendo-grid-host.runtime-grid-host .k-grid-content-locked {
    overflow: auto;
}

.kendo-grid-host.runtime-grid-host .k-grid-header th {
    white-space: normal;
}

.kendo-grid-host.runtime-grid-host .k-command-cell {
    white-space: nowrap;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-button {
    display: inline-flex;
    align-items: center;
    margin: 2px 4px 2px 0;
}

/* Kendo has used both the older k-grid-edit/k-grid-delete classes and the
   newer k-grid-edit-command/k-grid-remove-command classes. Style both so every
   shared runtime grid, including MainDb, has the same clearly readable buttons. */
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit-command,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-edit-"] {
    color: #fff !important;
    background: #087fb6 !important;
    border-color: #087fb6 !important;
    -webkit-text-fill-color: #fff !important;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit *,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit-command *,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-edit-"] * {
    color: #fff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #fff !important;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit:focus,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit-command:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-edit-command:focus,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-edit-"]:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-edit-"]:focus {
    color: #fff !important;
    background: #066b99 !important;
    border-color: #066b99 !important;
    -webkit-text-fill-color: #fff !important;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-delete,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-remove-command,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-delete"],
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-remove-"] {
    color: #27364a !important;
    background: #fff !important;
    border-color: #d7dee7 !important;
    -webkit-text-fill-color: #27364a !important;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-delete *,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-remove-command *,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-delete"] *,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-remove-"] * {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    opacity: 1 !important;
    -webkit-text-fill-color: currentColor !important;
}

.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-delete:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-delete:focus,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-remove-command:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell .k-grid-remove-command:focus,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-delete"]:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-delete"]:focus,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-remove-"]:hover,
.kendo-grid-host.runtime-grid-host .k-command-cell [class*="k-grid-remove-"]:focus {
    color: #a51d1d !important;
    background: #fff1f1 !important;
    border-color: #efb0b0 !important;
    -webkit-text-fill-color: #a51d1d !important;
}

.kendo-grid-host.runtime-grid-host .k-filter-row th {
    padding: .35rem;
}

.kendo-grid-host.runtime-grid-host .ingq-kendo-date-range {
    display: grid;
    grid-template-columns: minmax(125px, 1fr) minmax(125px, 1fr);
    gap: 4px;
    width: 100%;
    align-items: center;
}

.kendo-grid-host.runtime-grid-host .ingq-kendo-date-range .k-picker,
.kendo-grid-host.runtime-grid-host .ingq-kendo-date-range .k-input {
    width: 100%;
    min-width: 0;
}

.ingq-runtime-kendo-popup-window.k-window {
    box-sizing: border-box;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
}

.ingq-runtime-kendo-popup.k-window-content {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.ingq-runtime-kendo-popup .k-edit-form-container {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.ingq-runtime-kendo-popup .k-form-field,
.ingq-runtime-kendo-popup .k-edit-label,
.ingq-runtime-kendo-popup .k-edit-field {
    width: 100%;
}

.ingq-runtime-kendo-popup .k-input,
.ingq-runtime-kendo-popup .k-picker,
.ingq-runtime-kendo-popup .k-dropdownlist,
.ingq-runtime-kendo-popup .k-numerictextbox,
.ingq-runtime-kendo-popup textarea {
    width: 100%;
}

@media (max-width: 800px) {
    .kendo-grid-host.runtime-grid-host .ingq-kendo-date-range {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .ingq-runtime-kendo-popup .k-edit-form-container {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .ingq-runtime-kendo-popup .k-edit-buttons {
        display: flex;
        flex-wrap: wrap;
        gap: .4rem;
    }
}