/* Grid filter shim */
/* By default, make the filter icon invisible and non-block */
.k-grid > .k-grid-header table.k-grid-header-table > thead.k-table-thead > tr.k-table-row > th.k-table-th:not(:hover) > span.k-cell-inner > a.k-grid-filter-menu {
    display: none !important;
}

.k-grid > .k-grid-header table.k-grid-header-table > thead.k-table-thead > tr.k-table-row > th.k-table-th:hover > span.k-cell-inner > a.k-grid-filter-menu {
    display: initial;
}
/* End of grid filter shim */
.k-grid > .k-grid-header {
    position: sticky;
    top: 0;
    z-index: 1;
}
/* Overriding kendo's less than desirable input width */
body .k-autocomplete, body .k-colorpicker, body .k-combobox,
body .k-datepicker, body .k-datetimepicker, body .k-dropdown,
body .k-listbox, body .k-numerictextbox, body .k-selectbox,
body .k-textbox, body .k-timepicker, body .k-toolbar body .k-split-button {
    width: 100%;
}

.k-button i {
    margin-right: 0.5rem;
}

/* overriding global loading indicator */
.k-loading-mask {
    z-index: 999999;
}

/* overriding floating label dropdowns */
.k-floating-label-container {
    width: 100% !important;
}

/* overriding no-wrap on column headers*/
.k-column-title {
    white-space: normal;
}

/* Item 59: the Work Order list card column. It is the only column shown below 768px; Susco ColumnDefinition_Template renders its markup. */
.wo-card {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.wo-card-number {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 2.75rem; /* a comfortable tap target */
    font-weight: 600;
}

.wo-card-description {
    min-width: 0;
}

.wo-card-property,
.wo-card-meta {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.875rem;
}

.wo-card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.wo-card-meta {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}