/* Telerik UI for Blazor - Global Overrides */

/* Remove focus outlines and ripple effects */
.k-checkbox,
.k-radio,
.k-switch,
.k-switch * {
    box-shadow: none !important;
    outline: none !important;
}

.k-checkbox:focus,
.k-radio:focus,
.k-switch:focus {
    box-shadow: none !important;
    outline: none !important;
}

.k-radio-item .k-ripple,
.k-switch .k-ripple {
    display: none !important;
}

/* Grid styling to match Weather page design */
.k-grid {
    border-color: #d1d5db;
}

.k-grid-header {
    background-color: #e5e7eb;
}

.k-grid-header th {
    color: #1f2937;
    font-weight: 600;
    border-color: #d1d5db;
}

.k-grid tbody tr:hover {
    background-color: #f9fafb;
}

.k-grid tbody td {
    color: #374151;
    border-color: #e5e7eb;
}

/* Grid pager styling */
.k-pager {
    background-color: #f9fafb;
    border-color: #e5e7eb;
}

.k-pager .k-button {
    background-color: white !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

.k-pager .k-button:hover {
    background-color: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.k-pager .k-button.k-selected {
    background-color: var(--kendo-color-primary) !important;
    border-color: var(--kendo-color-primary) !important;
    color: white !important;
}

/* Grid links */
.k-grid a {
    color: var(--kendo-color-primary);
    text-decoration: underline;
}

.k-grid a:hover {
    color: var(--kendo-color-primary-hover);
}

/* Make date range picker inputs more compact */
.k-daterangepicker .k-dateinput {
    max-width: 101px;
}