/*
 * Kendo UI 2026 Brand Color Overrides
 * Purpose: Override Kendo 2026 default coral (#FF6358) accent with brand purple (#23004b)
 * Note: This file must load AFTER default-main.css but BEFORE master.css
 */

/* Primary Buttons */
.k-button.k-button-solid-primary,
.k-button.k-primary {
    background-color: #23004b !important;
    border-color: #23004b !important;
}

.k-button.k-button-solid-primary:hover,
.k-button.k-primary:hover {
    background-color: #1a0038 !important;
    border-color: #1a0038 !important;
}

/* Grid Selected Rows */
.k-grid tr.k-selected td,
.k-grid tr.k-state-selected td {
    background-color: rgba(35, 0, 75, 0.08) !important;
}

/* DatePicker Selected Date */
.k-calendar .k-selected,
.k-calendar .k-state-selected {
    background-color: #23004b !important;
    color: #fff !important;
}

.k-calendar .k-today {
    color: #23004b !important;
}

/* Input Focus States */
.k-textbox:focus,
.k-input:focus,
.k-picker-wrap.k-state-focused {
    border-color: #23004b !important;
}

/* Links and Navigation */
.k-link:hover {
    color: #23004b !important;
}

/* Tooltip */
.k-tooltip {
    border-color: #23004b !important;
}

/* Grid Row Border (existing custom rule) */
.k-grid tr td {
    border-bottom: 1px solid black;
}

/* Kendo Grid Layout Fixes */
#DashBoardClaimsGrid.k-grid {
    width: 880px !important;
    max-width: 880px;
    overflow: hidden;
}

.k-grid table {
    table-layout: fixed; /* Match old Telerik behavior - fixed column widths */
    width: 100% !important;
}

.k-grid .k-grid-header .k-header,
.k-grid .k-grid-header .k-link {
    font-size: 11px;
    font-weight: bold;
    color: #494242;
    font-family: sans-serif;
}

.k-grid-header {
    background: #EEEEEE;
}

/* Ensure grid content doesn't overflow */
.k-grid-content {
    overflow-x: hidden !important;
    overflow-y: auto;
}

.k-grid-content table {
    width: 100% !important;
}

.k-grid td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.5em 0.6em;
}

.k-grid th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Legacy MVC grid headers can emit old sort icons without the expected font mapping. */
.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-n,
.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-s {
    font-size: 0 !important;
    line-height: 0;
    margin-left: 0.2rem;
}

.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-n::before,
.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-s::before {
    font-size: 12px;
    line-height: 1;
    color: #23004b;
}

.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-n::before {
    content: "▲" !important;
}

.k-grid .k-grid-header .k-header .k-link > .k-icon.k-i-arrow-s::before {
    content: "▼" !important;
}

/* Shared Kendo grid hyperlink style for IDs and drill-down links */
.k-grid a.claim-link,
.k-grid a.claim-link:visited {
    color: #0563c1;
    text-decoration: underline;
    cursor: pointer;
}

.k-grid a.claim-link:hover {
    color: #0b4ea2;
    text-decoration: underline;
}

/* Hide horizontal scrollbar if it appears */
.k-grid .k-grid-content::-webkit-scrollbar-x {
    display: none;
}

/* Pager icon visibility */
.k-pager-wrap .k-icon,
.k-pager-wrap .k-font-icon,
.k-pager-wrap .k-svg-icon {
    color: #23004b !important;
}

/* Legacy pager spans contain literal text (seek-w/arrow-e); hide text and render glyph via ::before. */
.k-pager-wrap .k-icon:not(.k-font-icon):not(.k-svg-icon) {
    font-size: 0;
    line-height: 0;
}

.k-pager-wrap .k-icon:not(.k-font-icon):not(.k-svg-icon)::before {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
}

.k-pager-wrap .k-font-icon {
    font-family: "WebComponentsIcons" !important;
    font-size: 16px;
    line-height: 1;
}

.k-pager-wrap .k-font-icon::before {
    font-size: 16px;
    line-height: 1;
}

.k-pager-wrap .k-svg-icon {
    display: inline-flex !important;
    width: 1em;
    height: 1em;
    visibility: visible !important;
    opacity: 1 !important;
}

.k-pager-wrap .k-svg-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
    stroke: currentColor;
    display: block;
    overflow: visible;
}

.k-pager-wrap .k-pager-numbers-wrap,
.k-pager-wrap .k-pager-numbers {
    width: auto !important;
    min-width: max-content;
    flex: 0 0 auto;
}

.k-pager-wrap .k-pager-numbers {
    gap: 0.25rem;
}

.k-pager-wrap > ul.k-pager-numbers.k-reset {
    display: none !important;
}

/* Legacy class fallback: keep pager arrows visible even if old class names are emitted. */
.k-pager-wrap .k-i-seek-w::before {
    content: "";
}

.k-pager-wrap .k-i-arrow-w::before {
    content: "";
}

.k-pager-wrap .k-i-arrow-e::before {
    content: "";
}

.k-pager-wrap .k-i-seek-e::before {
    content: "";
}

.k-pager-wrap .k-i-arrow-end-left::before {
    content: "\00AB";
}

.k-pager-wrap .k-i-caret-alt-left::before,
.k-pager-wrap .k-i-arrow-60-left::before {
    content: "\2039";
}

.k-pager-wrap .k-i-caret-alt-right::before,
.k-pager-wrap .k-i-arrow-60-right::before {
    content: "\203A";
}

.k-pager-wrap .k-i-arrow-end-right::before {
    content: "\00BB";
}

/* ====================================================================
 * jQuery UI Datepicker Customizations
 * Purpose: Restore teal/green styling from old custom theme
 * ==================================================================== */

/* Datepicker prev/next month buttons - restore teal/green background */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-color: #488382 !important; /* Teal-green from old custom theme */
    border: 1px solid #3a6a69 !important;
    border-radius: 4px !important;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background-color: #3a6a69 !important; /* Darker teal on hover */
    border-color: #2d5352 !important;
}

/* Datepicker prev/next arrow icons - ensure they're white for visibility */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-image: url(images/ui-icons_ffffff_256x240.png) !important;
}