/* ISI One application content theme.
   Every selector is scoped to the ISI One shell so the legacy portal is unchanged. */

.isi-one-experience {
    --isi-blue-700: #0758a8;
    --isi-blue-600: #0875df;
    --isi-blue-500: #1688ee;
    --isi-blue-100: #dceeff;
    --isi-blue-050: #eef6ff;
    --isi-navy-900: #082542;
    --isi-navy-800: #102f4d;
    --isi-slate-700: #405b73;
    --isi-slate-600: #60758b;
    --isi-slate-300: #cbd8e5;
    --isi-slate-200: #dbe5ee;
    --isi-slate-100: #eaf0f6;
    --isi-surface: #ffffff;
    --isi-surface-muted: #f8fafc;
    --isi-canvas: #ffffff;
    --isi-success: #197a55;
    --isi-warning: #a96308;
    --isi-danger: #b93645;
    --isi-radius-sm: .42rem;
    --isi-radius-md: .7rem;
    --isi-radius-lg: .9rem;
    --isi-shadow-sm: none;
    --isi-shadow-md: 0 8px 24px rgba(8, 37, 66, .08);
    --isi-focus: 0 0 0 .2rem rgba(8, 117, 223, .2);
    color: var(--isi-navy-900);
}

.isi-one-experience:not(.home-layout) .content-shell,
.isi-one-experience:not(.home-layout) .content-body {
    background: var(--isi-canvas);
}

.isi-one-experience:not(.home-layout) .content-body {
    padding: 1rem 1rem 1.5rem;
}

.isi-one-experience .isi-page-body {
    width: 100%;
    margin-left: 0;
    border: 0;
    background: transparent;
}

.isi-one-experience .content-body > .isi-page-body-no-title:first-child {
    margin-top: 0 !important;
}

.isi-one-experience .isi-page-body > .page-top-spacer {
    min-height: .35rem;
}

.isi-one-experience .isi-page-body > .ms-3.me-3 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.isi-one-experience .page-bottom-spacer {
    min-height: 1rem;
}

/* Typography and content hierarchy */
.isi-one-experience:not(.home-layout) .isi-page-body h1,
.isi-one-experience:not(.home-layout) .isi-page-body h2,
.isi-one-experience:not(.home-layout) .isi-page-body h3,
.isi-one-experience:not(.home-layout) .isi-page-body h4,
.isi-one-experience:not(.home-layout) .isi-page-body h5,
.isi-one-experience:not(.home-layout) .isi-page-body h6,
.isi-one-experience:not(.home-layout) .isi-page-body strong {
    color: var(--isi-navy-900);
}

.isi-one-experience:not(.home-layout) .isi-page-body .text-muted {
    color: var(--isi-slate-600) !important;
}

.isi-one-experience:not(.home-layout) .isi-page-body a:not(.btn):not(.nav-link):not(.k-button) {
    color: var(--isi-blue-700);
}

/* Buttons: blue for ordinary actions; red remains reserved for destructive actions. */
.isi-one-experience .btn {
    min-height: 2.3rem;
    border-radius: var(--isi-radius-sm);
    font-weight: 600;
    letter-spacing: .005em;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.isi-one-experience .btn-sm {
    min-height: 2rem;
}

.isi-one-experience .btn-primary,
.isi-one-experience .k-button-solid-primary {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-600) !important;
    color: #fff !important;
}

.isi-one-experience .btn-primary:hover:not(:disabled),
.isi-one-experience .k-button-solid-primary:hover:not(.k-disabled) {
    border-color: var(--isi-blue-700) !important;
    background: var(--isi-blue-700) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.isi-one-experience .btn-outline-primary {
    border-color: #8bb9e5;
    background: #fff;
    color: var(--isi-blue-700);
}

.isi-one-experience .btn-outline-primary:hover:not(:disabled) {
    border-color: var(--isi-blue-600);
    background: var(--isi-blue-050);
    color: var(--isi-blue-700);
}

.isi-one-experience .btn-secondary,
.isi-one-experience .btn-outline-secondary {
    border-color: var(--isi-slate-300);
    background: #fff;
    color: var(--isi-slate-700);
}

.isi-one-experience .btn-secondary:hover:not(:disabled),
.isi-one-experience .btn-outline-secondary:hover:not(:disabled) {
    border-color: #9fb2c4;
    background: var(--isi-surface-muted);
    color: var(--isi-navy-800);
}

.isi-one-experience .btn-danger {
    border-color: var(--isi-danger);
    background: var(--isi-danger);
    color: #fff;
}

.isi-one-experience .btn-outline-danger {
    border-color: #d89da5;
    background: #fff;
    color: #9d2635;
}

.isi-one-experience .btn-outline-danger:hover:not(:disabled) {
    border-color: var(--isi-danger);
    background: #fff2f3;
    color: #8f1f2d;
}

.isi-one-experience .btn:focus-visible,
.isi-one-experience .k-button:focus-visible {
    outline: 0;
    box-shadow: var(--isi-focus) !important;
}

.isi-one-experience .btn:disabled,
.isi-one-experience .k-button.k-disabled {
    opacity: .58;
    transform: none;
}

.isi-one-experience .btn-primary:disabled,
.isi-one-experience .k-button-solid-primary.k-disabled {
    border-color: #d5e0ea !important;
    background: #eef2f6 !important;
    color: var(--isi-slate-600) !important;
    opacity: 1;
}

/* Forms */
.isi-one-experience .form-label,
.isi-one-experience .col-form-label,
.isi-one-experience .form-check-label {
    color: var(--isi-navy-800);
    font-weight: 600;
}

.isi-one-experience .form-control,
.isi-one-experience .form-select,
.isi-one-experience .k-input,
.isi-one-experience .k-input-solid,
.isi-one-experience .k-picker-solid,
.isi-one-experience .k-textbox {
    border-color: var(--isi-slate-300);
    border-radius: var(--isi-radius-sm);
    background-color: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .form-control,
.isi-one-experience .form-select {
    min-height: 2.4rem;
}

.isi-one-experience .form-control-sm,
.isi-one-experience .form-select-sm {
    min-height: 2rem;
}

/* Telerik dropdown lists use a gray surface by default, unlike combo boxes. */
.isi-one-experience .k-dropdownlist:not(.k-disabled) {
    background: #fff !important;
}

.isi-one-experience .form-control:focus,
.isi-one-experience .form-select:focus,
.isi-one-experience .form-check-input:focus,
.isi-one-experience .k-input:focus-within,
.isi-one-experience .k-picker:focus-within {
    border-color: var(--isi-blue-500);
    box-shadow: var(--isi-focus);
}

.isi-one-experience .form-check-input:checked,
.isi-one-experience .k-checkbox:checked {
    border-color: var(--isi-blue-600);
    background-color: var(--isi-blue-600);
}

/* Loading feedback: use the ISI blue accent instead of Telerik's legacy red. */
.isi-one-experience .k-loader,
.isi-one-experience .k-loader-primary,
.isi-one-experience .k-loader-tertiary {
    color: var(--isi-blue-600) !important;
}

.isi-one-experience .isi-loading-state {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    min-height: 3rem;
    padding: .7rem .85rem;
    color: var(--isi-slate-700);
    font-weight: 600;
}

.isi-one-experience .isi-loading-state .k-loader {
    flex: 0 0 auto;
}

/* Cards and section surfaces */
.isi-one-experience .k-card,
.isi-one-experience .settings-section-panel,
.isi-one-experience .credential-report {
    border: 1px solid var(--isi-slate-200) !important;
    border-radius: var(--isi-radius-md);
    background: var(--isi-surface);
    box-shadow: var(--isi-shadow-sm);
}

.isi-one-experience .k-card {
    overflow: hidden;
    margin-bottom: 1rem;
}

.isi-one-experience .k-card-header {
    min-height: 3rem;
    padding: .82rem 1rem;
    border-bottom: 1px solid var(--isi-slate-200);
    background: #fff;
    color: var(--isi-navy-900);
    font-size: .95rem;
}

.isi-one-experience .k-card-body {
    padding: 1rem;
}

.isi-one-experience .howto-message {
    margin-left: 0;
}

.isi-one-experience .isi-workflow-card .k-card-header {
    border-left: 4px solid var(--isi-blue-600);
    padding-left: .78rem;
}

.isi-one-experience .isi-data-card .k-card-header {
    background: #fff;
    font-size: 1rem;
}

/* Native admin disclosures */
.isi-one-experience .admin-collapsible {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200) !important;
    border-radius: var(--isi-radius-md) !important;
    background: #fff;
    box-shadow: var(--isi-shadow-sm);
}

.isi-one-experience .admin-collapsible > summary {
    padding: .85rem 1rem !important;
    background: #fff;
    color: var(--isi-navy-800);
    font-weight: 700;
}

.isi-one-experience .admin-collapsible > summary:hover {
    background: #fbfcfe;
}

.isi-one-experience .admin-collapsible[open] > summary {
    border-bottom: 1px solid var(--isi-slate-200);
    color: var(--isi-blue-700);
}

.isi-one-experience .admin-collapsible-body {
    padding: 1rem !important;
    background: #fff;
}

.isi-one-experience .admin-collapsible-body .border.rounded {
    border-color: var(--isi-slate-200) !important;
    border-radius: var(--isi-radius-md) !important;
    background: #fff;
}

/* Queue request forms. Inline legacy borders are intentionally normalized here. */
.isi-one-experience .isi-request-table {
    width: min(100%, 68rem) !important;
    border-collapse: separate !important;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
}

.isi-one-experience .isi-request-table-wide {
    width: 100% !important;
}

.isi-one-experience .isi-request-table th,
.isi-one-experience .isi-request-table td {
    padding: 1rem !important;
    border-color: var(--isi-slate-200) !important;
    background: #fff !important;
}

.isi-one-experience .isi-request-table th {
    padding: .35rem 1rem !important;
    background: #fff !important;
}

.isi-one-experience .isi-request-table .textbox-margin,
.isi-one-experience .isi-request-table .k-input,
.isi-one-experience .isi-request-table .k-picker {
    max-width: 100%;
}

/* Telerik grids */
.isi-one-experience .isi-grid-shell,
.isi-one-experience .k-grid {
    border-radius: var(--isi-radius-md);
}

.isi-one-experience .k-grid {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    background: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .k-grid-header,
.isi-one-experience .k-grid .k-table-thead,
.isi-one-experience .k-grid .k-table-th {
    border-color: var(--isi-slate-200);
    background: #f8fafc;
    color: var(--isi-navy-800);
    font-weight: 700;
}

.isi-one-experience .k-grid .k-table-td {
    border-color: #e2eaf2;
    color: #263f56;
}

.isi-one-experience .k-grid .k-table-row:hover .k-table-td {
    background: #f8fbfe;
}

.isi-one-experience .k-grid .k-alt .k-table-td {
    background: #fff;
}

.isi-one-experience .k-grid-toolbar,
.isi-one-experience .k-pager {
    border-color: var(--isi-slate-200);
    background: #fff;
}

.isi-one-experience .k-grid-toolbar {
    padding: .7rem .8rem;
}

.isi-one-experience .isi-grid-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .7rem !important;
    width: 100%;
}

.isi-one-experience .k-pager .k-selected,
.isi-one-experience .k-pager .k-button-solid-primary {
    border-color: var(--isi-blue-600);
    background: var(--isi-blue-600);
    color: #fff;
}

.isi-one-experience .k-grid .k-command-cell .k-button {
    border-radius: var(--isi-radius-sm);
}

.isi-one-experience .k-grid .k-grid-edit-command {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-600) !important;
    color: #fff !important;
}

.isi-one-experience .k-grid .k-grid-edit-command:hover {
    border-color: var(--isi-blue-700) !important;
    background: var(--isi-blue-700) !important;
}

/* Operational grids favor legibility for tall queue and status rows. */
.isi-one-experience .isi-operational-grid {
    border-radius: var(--isi-radius-sm);
}

/* Queue grids keep their controls visible while tall rows scroll internally. */
.isi-one-experience .isi-queue-page .isi-operational-grid {
    height: clamp(30rem, 68vh, 50rem);
}

.isi-one-experience .isi-queue-page .isi-operational-grid .k-grid-content {
    overscroll-behavior: contain;
}

.isi-one-experience .isi-mapping-page .isi-mapping-scroll-grid {
    height: clamp(30rem, 68vh, 50rem);
}

.isi-one-experience .isi-mapping-page .isi-mapping-scroll-grid .k-grid-content {
    overscroll-behavior: contain;
}

.isi-one-experience .isi-operational-grid .k-grid-header,
.isi-one-experience .isi-operational-grid .k-table-thead,
.isi-one-experience .isi-operational-grid .k-table-th {
    background: #f9fbfd !important;
}

.isi-one-experience .isi-operational-grid .k-table-th,
.isi-one-experience .isi-operational-grid .k-table-td {
    padding: .72rem .78rem;
    border-right-color: #edf1f5;
    border-bottom: 1px solid #dfe7ef !important;
}

.isi-one-experience .isi-operational-grid .k-table-td,
.isi-one-experience .isi-operational-grid .k-alt .k-table-td {
    background: #fff !important;
    line-height: 1.4;
}

.isi-one-experience .isi-operational-grid .k-table-row:hover .k-table-td {
    background: #f8fbfe !important;
}

.isi-one-experience .isi-operational-grid .k-grid-toolbar {
    padding: .8rem;
    border-bottom: 1px solid var(--isi-slate-200);
    background: #fff !important;
}

.isi-one-experience .isi-operational-grid .isi-operational-toolbar .k-grid-search {
    width: min(22rem, 100%) !important;
}

.isi-one-experience .isi-operational-grid .k-pager .k-picker,
.isi-one-experience .isi-operational-grid .k-pager .k-dropdownlist,
.isi-one-experience .isi-operational-grid .k-pager .k-input {
    border-color: var(--isi-slate-300) !important;
    background: #fff !important;
    color: var(--isi-navy-800) !important;
}

.isi-one-experience .isi-operational-grid .k-pager .k-selected,
.isi-one-experience .isi-operational-grid .k-pager .k-button.k-selected {
    border-color: #b7d6f2 !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

/* Users Admin keeps its wide data set, but presents it as a modern, contained workspace. */
.isi-one-experience .isi-user-admin-grid-shell {
    width: 100%;
    padding: .65rem;
    overflow-x: auto;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: var(--isi-surface);
    box-shadow: var(--isi-shadow-sm);
}

.isi-one-experience .isi-user-admin-grid {
    border-color: var(--isi-slate-200);
    border-radius: var(--isi-radius-sm);
}

.isi-one-experience .isi-user-admin-grid .k-grid-header,
.isi-one-experience .isi-user-admin-grid .k-table-thead,
.isi-one-experience .isi-user-admin-grid .k-table-th {
    background: var(--isi-blue-050) !important;
}

.isi-one-experience .isi-user-admin-grid .k-filter-row .k-table-td,
.isi-one-experience .isi-user-admin-grid .k-filter-row td {
    padding: .5rem .55rem;
    background: #f8fbfe !important;
}

.isi-one-experience .isi-user-admin-grid .k-filter-row .k-input,
.isi-one-experience .isi-user-admin-grid .k-filter-row .k-picker,
.isi-one-experience .isi-user-admin-grid .k-filter-row .k-button {
    border-color: var(--isi-slate-300);
    border-radius: var(--isi-radius-sm);
    background: #fff;
}

.isi-one-experience .isi-user-admin-grid .k-filter-row .k-input:focus-within,
.isi-one-experience .isi-user-admin-grid .k-filter-row .k-picker:focus-within {
    border-color: var(--isi-blue-600);
    box-shadow: var(--isi-focus);
}

.isi-one-experience .isi-user-admin-grid .k-table-row.k-selected .k-table-td,
.isi-one-experience .isi-user-admin-grid .k-table-row[aria-selected="true"] .k-table-td {
    background: var(--isi-blue-100) !important;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-user-admin-grid .k-pager {
    padding: .55rem .7rem;
}

.isi-one-experience .isi-grid-scroll-container,
.isi-one-experience .isi-operational-grid .k-grid-content {
    overflow-x: auto;
    width: 100%;
    scrollbar-color: #8fa6ba #edf3f8;
    scrollbar-width: thin;
}

.isi-one-experience .isi-grid-scroll-container::-webkit-scrollbar,
.isi-one-experience .isi-operational-grid .k-grid-content::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.isi-one-experience .isi-grid-scroll-container::-webkit-scrollbar-track,
.isi-one-experience .isi-operational-grid .k-grid-content::-webkit-scrollbar-track {
    border-radius: 999px;
    background: #edf3f8;
}

.isi-one-experience .isi-grid-scroll-container::-webkit-scrollbar-thumb,
.isi-one-experience .isi-operational-grid .k-grid-content::-webkit-scrollbar-thumb {
    min-width: 40px;
    border: 2px solid #edf3f8;
    border-radius: 999px;
    background: #8fa6ba;
}

.isi-one-experience .isi-grid-scroll-container::-webkit-scrollbar-thumb:hover,
.isi-one-experience .isi-operational-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
    background: #6f8ba3;
}

.isi-one-experience .isi-grid-scroll-container::-webkit-scrollbar-button,
.isi-one-experience .isi-operational-grid .k-grid-content::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

/* Date range popups render outside the page shell, so PopupClass scopes the ISI One palette. */
.isi-one-date-range-popup {
    --isi-blue-700: #0758a8;
    --isi-blue-600: #0875df;
    --isi-blue-100: #dceeff;
    --isi-blue-050: #eef6ff;
    --isi-navy-800: #123b5d;
}

.isi-one-date-range-popup .k-calendar-title,
.isi-one-date-range-popup .k-calendar-header .k-button,
.isi-one-date-range-popup .k-calendar-header .k-link {
    color: var(--isi-blue-700) !important;
}

.isi-one-date-range-popup .k-calendar-td.k-range-mid .k-link,
.isi-one-date-range-popup .k-calendar-td.k-range-start .k-link,
.isi-one-date-range-popup .k-calendar-td.k-range-end .k-link,
.isi-one-date-range-popup .k-calendar-td.k-selected .k-link,
.isi-one-date-range-popup .k-calendar-td .k-link.k-selected {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-600) !important;
    color: #fff !important;
}

.isi-one-date-range-popup .k-calendar-td.k-range-mid:not(.k-selected) .k-link {
    border-color: var(--isi-blue-100) !important;
    background: var(--isi-blue-100) !important;
    color: var(--isi-navy-800) !important;
}

.isi-one-date-range-popup .k-calendar-td .k-link:hover,
.isi-one-date-range-popup .k-calendar-td.k-hover .k-link {
    border-color: var(--isi-blue-100) !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-date-range-popup .k-calendar-td.k-today .k-link {
    box-shadow: inset 0 0 0 1px var(--isi-blue-600) !important;
    color: var(--isi-blue-700);
}

/* Employee queue record detail popup. Telerik renders this outside the page shell. */
.k-tooltip:has(.isi-record-detail),
.k-tooltip:has(.isi-record-detail) .k-popup-content {
    background: #fff !important;
    color: var(--isi-navy-900) !important;
}

.k-tooltip:has(.isi-record-detail) {
    --isi-blue-700: #0758a8;
    --isi-blue-600: #0875df;
    --isi-blue-100: #dceeff;
    --isi-blue-050: #eef6ff;
    --isi-navy-900: #082542;
    --isi-slate-200: #dbe5ee;
    --isi-radius-sm: .42rem;
    --isi-radius-md: .7rem;
    overflow: hidden;
    padding: 0 !important;
    border: 2px solid var(--isi-blue-600) !important;
    border-radius: var(--isi-radius-md) !important;
    background: var(--isi-blue-600) !important;
    box-shadow: 0 16px 36px rgba(9, 38, 64, .18), 0 3px 10px rgba(9, 38, 64, .08) !important;
}

.k-tooltip:has(.isi-record-detail) .k-popup-content {
    padding: 0 !important;
}

.k-tooltip:has(.isi-record-detail) .k-callout,
.k-tooltip:has(.isi-record-detail) .k-tooltip-callout {
    color: var(--isi-blue-600) !important;
    border-color: var(--isi-blue-600) !important;
}

.isi-record-detail {
    gap: 0 !important;
    min-height: 0;
    overflow: hidden;
    border: 0;
    border-radius: calc(var(--isi-radius-md) - 2px);
    background: #fff;
}

.isi-record-detail-header {
    flex: 0 0 auto;
    padding: .8rem .9rem;
    border-bottom: 0;
    background: var(--isi-blue-600);
}

.isi-record-detail-header h6 {
    margin: .08rem 0 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.isi-record-detail-eyebrow {
    color: var(--isi-blue-100);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .11em;
    line-height: 1.1;
    text-transform: uppercase;
}

.k-tooltip .isi-record-copy-button {
    flex: 0 0 auto;
    padding: .42rem .7rem !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: var(--isi-radius-sm) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    font-weight: 600;
}

.k-tooltip .isi-record-copy-button:hover,
.k-tooltip .isi-record-copy-button:focus-visible {
    border-color: #fff !important;
    background: #fff !important;
    color: var(--isi-blue-700) !important;
}

.k-tooltip .isi-record-copy-button svg {
    fill: currentColor;
}

.isi-record-detail-body {
    padding: .75rem;
    background: #fff !important;
}

.isi-json-tree {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    color: #203b53;
}

.isi-json-tree-toolbar {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: .4rem;
    padding-bottom: .55rem;
}

.isi-json-tree-action {
    padding: .3rem .55rem;
    border: 1px solid #b7d6f2;
    border-radius: var(--isi-radius-sm);
    background: #fff;
    color: var(--isi-blue-700);
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.2;
}

.isi-json-tree-action:hover,
.isi-json-tree-action:focus-visible {
    border-color: var(--isi-blue-600);
    background: var(--isi-blue-050);
    outline: none;
}

.isi-json-tree-content {
    flex: 1 1 auto;
    min-height: 0;
    padding: .45rem .5rem;
    overflow: auto;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-sm);
    background: #f6f9fc;
}

.isi-json-tree-node {
    min-width: 0;
}

.isi-json-tree-row {
    display: flex;
    align-items: flex-start;
    min-height: 1.7rem;
    padding: .18rem .2rem;
    border-radius: .28rem;
}

.isi-json-tree-row:hover {
    background: #eaf3fb;
}

.isi-json-tree-toggle,
.isi-json-tree-toggle-spacer {
    flex: 0 0 1.4rem;
    width: 1.4rem;
    height: 1.4rem;
    margin-right: .15rem;
}

.isi-json-tree-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .25rem;
    background: transparent;
    color: var(--isi-blue-700);
}

.isi-json-tree-toggle:hover,
.isi-json-tree-toggle:focus-visible {
    background: #dceeff;
    outline: none;
}

.isi-json-tree-toggle svg {
    width: .85rem;
    height: .85rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .12s ease;
}

.isi-json-tree-toggle[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.isi-json-tree-label,
.isi-json-tree-value,
.isi-json-tree-separator {
    font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
    font-size: .78rem;
    line-height: 1.48;
}

.isi-json-tree-label {
    color: #123b60;
    font-weight: 700;
}

.isi-json-tree-separator {
    margin-right: .35rem;
    color: #6b8297;
}

.isi-json-tree-value {
    min-width: 0;
    color: #405b73;
    overflow-wrap: anywhere;
}

.isi-json-tree-children {
    margin-left: .88rem;
    padding-left: .55rem;
    border-left: 1px solid #cbd8e5;
}

/* Mapping grids are dense working surfaces, so keep their hierarchy quiet and precise. */
.isi-one-experience .isi-mapping-page .k-grid {
    border-radius: var(--isi-radius-sm);
}

.isi-one-experience .isi-mapping-page .k-grid-header,
.isi-one-experience .isi-mapping-page .k-grid .k-table-thead,
.isi-one-experience .isi-mapping-page .k-grid .k-table-th {
    background: #f9fbfd !important;
}

.isi-one-experience .isi-mapping-page .k-grid .k-table-th,
.isi-one-experience .isi-mapping-page .k-grid .k-table-td {
    padding: .68rem .72rem;
    border-right-color: #edf1f5;
    border-bottom: 1px solid #dfe7ef !important;
}

.isi-one-experience .isi-mapping-page .k-grid .k-table-td {
    background: #fff !important;
    line-height: 1.35;
}

.isi-one-experience .isi-mapping-page .k-grid .k-table-row:hover .k-table-td {
    background: #f8fbfe !important;
}

.isi-one-experience .isi-mapping-page .k-grid-toolbar {
    padding: .8rem;
    border-bottom: 1px solid var(--isi-slate-200);
    background: #fff !important;
}

.isi-one-experience .isi-mapping-page .isi-mapping-toolbar {
    flex-wrap: wrap;
    width: 100%;
}

.isi-one-experience .isi-mapping-page .isi-mapping-toolbar .form-control {
    width: min(22rem, 100%) !important;
}

.isi-one-experience .isi-mapping-page .k-pager .k-picker,
.isi-one-experience .isi-mapping-page .k-pager .k-dropdownlist,
.isi-one-experience .isi-mapping-page .k-pager .k-input {
    border-color: var(--isi-slate-300) !important;
    background: #fff !important;
    color: var(--isi-navy-800) !important;
}

.isi-one-experience .isi-mapping-page .k-pager .k-selected,
.isi-one-experience .isi-mapping-page .k-pager .k-button.k-selected {
    border-color: #b7d6f2 !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-add-button {
    border-color: #8bb9e5 !important;
    background: #fff !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-add-button:hover {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapping-page .jm-header-divider {
    border-color: #dbe4ed !important;
    opacity: .8;
}

.isi-one-experience .isi-mapping-page .jm-header-dd {
    border-color: #d3dee8;
    background-color: #fff;
}

.isi-one-experience .isi-mapping-page .isi-grid-edit-button,
.isi-one-experience .isi-mapping-page .k-grid-edit-command {
    border-color: #8bb9e5 !important;
    background: #fff !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-edit-button:hover,
.isi-one-experience .isi-mapping-page .k-grid-edit-command:hover {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-delete-button {
    border-color: #d5dee7 !important;
    background: #fff !important;
    color: #52697e !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-delete-button:hover {
    border-color: #d89da5 !important;
    background: #fff7f8 !important;
    color: #9d2635 !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-save-button {
    border-color: var(--isi-blue-600) !important;
    background: var(--isi-blue-600) !important;
    color: #fff !important;
}

.isi-one-experience .isi-mapping-page .isi-grid-cancel-button {
    border-color: var(--isi-slate-300) !important;
    background: #fff !important;
    color: var(--isi-slate-700) !important;
}

/* Development, onboarding, and support workspaces. These pages still use
   Bootstrap structure, but share the same quiet ISI One surfaces and rhythm. */
.isi-one-experience .isi-operations-page > .container-fluid {
    padding: .35rem 0 1rem !important;
}

.isi-one-experience .isi-operations-page .card {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
    box-shadow: none;
}

.isi-one-experience .isi-operations-page .card-header {
    min-height: 3rem;
    padding: .78rem 1rem;
    border-bottom: 1px solid var(--isi-slate-200);
    background: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-operations-page .card-body {
    padding: 1rem;
}

.isi-one-experience .isi-operations-page .border.rounded,
.isi-one-experience .isi-operations-page .list-group-item {
    border-color: var(--isi-slate-200) !important;
}

.isi-one-experience .isi-operations-page .table-responsive {
    scrollbar-color: #8fa9bf #eef3f7;
}

.isi-one-experience .isi-operations-page .table-primary > * {
    background: var(--isi-blue-050) !important;
    color: var(--isi-navy-900) !important;
    box-shadow: none !important;
}

/* Dataflow Plus administration pages. The wrapper is added only to the
   modernized DFP pages and every rule remains gated by the ISI One preview. */
.isi-one-experience .isi-dfp-admin-page > .page-top-spacer {
    height: .25rem;
}

.isi-one-experience .isi-dfp-admin-page > .ms-3.me-3 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.isi-one-experience .isi-dfp-admin-page .form-label,
.isi-one-experience .isi-dfp-admin-page h6 {
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-dfp-admin-page .card {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
    box-shadow: none;
}

.isi-one-experience .isi-dfp-admin-page .card-header {
    min-height: 3rem;
    padding: .78rem 1rem;
    border-bottom: 1px solid var(--isi-slate-200);
    background: var(--isi-slate-050);
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-dfp-admin-page .card-body {
    padding: 1rem;
}

.isi-one-experience .isi-dfp-admin-page .isi-client-data-structure-grid .k-grid-content {
    overscroll-behavior: contain;
}

.isi-one-experience .isi-dfp-admin-page .isi-grid-order-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-color: var(--isi-slate-300);
    background: #fff;
    color: var(--isi-blue-700);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
}

.isi-one-experience .isi-dfp-admin-page .isi-grid-order-button:hover:not(:disabled) {
    border-color: var(--isi-blue-600);
    background: var(--isi-blue-050);
    color: var(--isi-blue-700);
}

.isi-one-experience .isi-dfp-admin-page .isi-grid-order-button:disabled {
    border-color: var(--isi-slate-200);
    background: var(--isi-slate-050);
    color: var(--isi-slate-400);
    opacity: 1;
}

.isi-one-experience .isi-dfp-admin-page hr {
    border-color: var(--isi-slate-200);
    opacity: 1;
}

.isi-one-experience .isi-dfp-admin-page .border.rounded,
.isi-one-experience .isi-dfp-admin-page .list-group-item {
    border-color: var(--isi-slate-200) !important;
    background: #fff;
}

.isi-one-experience .isi-dfp-checklist-page .k-card-body > .border.rounded:not(:last-child) {
    margin-bottom: .75rem;
}

.isi-one-experience .isi-dfp-admin-page textarea.form-control,
.isi-one-experience .isi-dfp-admin-page pre {
    scrollbar-color: #8fa9bf #eef3f7;
}

/* Standard tables and setting panels */
.isi-one-experience .table {
    --bs-table-border-color: var(--isi-slate-200);
    color: var(--isi-navy-900);
}

.isi-one-experience .table > thead > tr > th {
    border-bottom-color: var(--isi-slate-300);
    background: #f8fafc;
    color: var(--isi-navy-800);
    font-weight: 700;
}

.isi-one-experience .table > tbody > tr:hover > * {
    background: #f8fbfe;
}

.isi-one-experience .settings-section-panel {
    overflow: hidden;
    margin-bottom: 1rem !important;
}

.isi-one-experience .settings-section-header {
    padding: .8rem 1rem !important;
    border-bottom: 1px solid var(--isi-slate-200);
    background: #fff !important;
    color: var(--isi-navy-800);
}

.isi-one-experience .setting-title,
.isi-one-experience .settings-group-title {
    color: var(--isi-navy-900);
    font-weight: 700;
}

/* Scheduler management is a configuration workspace, so use quiet white
   surfaces and blue only for hierarchy and primary actions. */
.isi-one-experience .isi-schedulers-page .isi-scheduler-customer-row {
    align-items: center;
    padding: .9rem 1rem;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-page-header {
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-page-header h5 {
    font-size: 1.05rem;
}

.isi-one-experience .isi-schedulers-page .scheduler-card {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
    box-shadow: none;
}

.isi-one-experience .isi-schedulers-page .scheduler-card > summary {
    min-height: 3.15rem;
    padding: .85rem 1rem;
    border-left: 4px solid var(--isi-blue-600);
    background: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-schedulers-page .scheduler-card > summary:hover {
    background: #fbfcfe;
}

.isi-one-experience .isi-schedulers-page .scheduler-card > summary::before,
.isi-one-experience .isi-schedulers-page .scheduler-subsection-summary::before {
    color: var(--isi-slate-600);
}

.isi-one-experience .isi-schedulers-page .scheduler-card[open] > summary {
    border-bottom-color: var(--isi-slate-200);
}

.isi-one-experience .isi-schedulers-page .scheduler-card-body {
    padding: 1rem;
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-md);
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection-summary {
    list-style: none;
    padding: .72rem .85rem;
    border-left: 3px solid transparent;
    background: #fff;
    color: var(--isi-navy-800);
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection-summary::-webkit-details-marker {
    display: none;
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection-summary::before {
    content: "\25B8";
    display: inline-block;
    margin-right: .5rem;
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection[open] > .scheduler-subsection-summary {
    border-bottom: 1px solid var(--isi-slate-200);
    border-left-color: var(--isi-blue-600);
    color: var(--isi-blue-700);
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection[open] > .scheduler-subsection-summary::before {
    content: "\25BE";
}

.isi-one-experience .isi-schedulers-page .scheduler-subsection-body {
    padding: 1rem;
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .request-property-card {
    padding: .9rem;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-sm);
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .json-editor {
    border-color: var(--isi-slate-300);
    background: #fbfcfe;
    color: #173a5b;
    line-height: 1.45;
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-history-table-wrap {
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-sm);
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-history-table {
    margin-bottom: 0;
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-history-table > :not(caption) > * > * {
    padding: .72rem .78rem;
    background: #fff;
}

.isi-one-experience .isi-schedulers-page .isi-scheduler-history-table > tbody > tr + tr > * {
    border-top: 1px solid var(--isi-slate-200);
}

.isi-one-experience .isi-schedulers-page .form-switch .form-check-input {
    min-width: 2.35rem;
}

.isi-one-experience .isi-schedulers-page .isi-compact-dropdown {
    min-height: 2rem;
}

.isi-one-experience .k-window:has(.isi-scheduler-template-window-content) {
    border-color: var(--isi-blue-600);
}

.isi-one-experience .k-window:has(.isi-scheduler-template-window-content) .k-window-content,
.isi-one-experience .k-window:has(.isi-scheduler-template-window-content) .k-window-actions {
    background: #fff;
}

.isi-one-experience .k-window:has(.isi-scheduler-template-window-content) .k-window-actions {
    border-top: 1px solid var(--isi-slate-200);
}

/* Mapper family */
.isi-one-experience .isi-mapper-page select.form-select,
.isi-one-experience .mapper-modal select.form-select {
    color-scheme: light;
    border-color: var(--isi-slate-300);
    background-color: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-mapper-page select.form-select option,
.isi-one-experience .mapper-modal select.form-select option {
    background: #fff;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-mapper-page select.form-select option:checked,
.isi-one-experience .mapper-modal select.form-select option:checked {
    background: linear-gradient(var(--isi-blue-600), var(--isi-blue-600));
    color: #fff;
}

/* Freeform mapper pickers allow typing values that are not in the list. Keep that
   behavior, but present them like the Telerik combo boxes used beside them. */
.isi-one-experience .isi-mapper-page .mapper-freeform-picker,
.isi-one-experience .isi-mapper-page .mapper-freeform-select {
    position: relative;
}

.isi-one-experience .isi-mapper-page .mapper-freeform-picker input,
.isi-one-experience .isi-mapper-page .mapper-freeform-select .form-control {
    padding-right: 2.25rem;
    border-color: var(--isi-slate-300);
    border-radius: var(--isi-radius-sm);
    background: #fff;
}

.isi-one-experience .isi-mapper-page .mapper-freeform-toggle,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-toggle {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 2rem;
    min-width: 2rem;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--isi-slate-200);
    border-radius: 0 calc(var(--isi-radius-sm) - 1px) calc(var(--isi-radius-sm) - 1px) 0;
    background: #fff;
    color: transparent;
    font-size: 0;
}

.isi-one-experience .isi-mapper-page .mapper-freeform-toggle::after,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .42rem;
    height: .42rem;
    border-right: 1.5px solid var(--isi-slate-700);
    border-bottom: 1.5px solid var(--isi-slate-700);
    transform: translate(-50%, -65%) rotate(45deg);
}

.isi-one-experience .isi-mapper-page .mapper-freeform-toggle:hover,
.isi-one-experience .isi-mapper-page .mapper-freeform-toggle:focus,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-toggle:hover,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-toggle:focus {
    background: var(--isi-surface-muted);
    outline: 0;
}

.isi-one-experience .isi-mapper-page .mapper-freeform-menu,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-menu {
    height: auto;
    max-height: 220px;
    padding: .25rem 0;
    overflow-y: auto;
    border: 1px solid var(--isi-slate-300);
    border-radius: var(--isi-radius-sm);
    background: #fff;
    box-shadow: var(--isi-shadow-md);
}

.isi-one-experience .isi-mapper-page .mapper-freeform-option,
.isi-one-experience .isi-mapper-page .mapper-freeform-note,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-option {
    padding: .45rem .65rem;
    border: 0;
    background: #fff;
    color: var(--isi-navy-900);
    text-align: left;
}

.isi-one-experience .isi-mapper-page .mapper-freeform-option:hover,
.isi-one-experience .isi-mapper-page .mapper-freeform-option:focus,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-option:hover,
.isi-one-experience .isi-mapper-page .mapper-freeform-picker-option:focus {
    background: var(--isi-surface-muted);
    color: var(--isi-navy-900);
    outline: 0;
}

.isi-one-experience .isi-mapper-page .mapper-field-details,
.isi-one-experience .isi-mapper-page .mapper-status-card,
.isi-one-experience .isi-mapper-page .mapper-panel,
.isi-one-experience .isi-mapper-page .mapper-toolbar,
.isi-one-experience .isi-mapper-page .mapper-settings-card,
.isi-one-experience .isi-mapper-page .mapper-table-wrap {
    border-color: var(--isi-slate-200) !important;
    border-radius: var(--isi-radius-md) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.isi-one-experience .isi-mapper-page .mapper-field-details {
    overflow: hidden;
}

.isi-one-experience .isi-mapper-page .mapper-field-details > summary {
    min-height: 3.1rem;
    padding: .82rem 1rem !important;
    border-left: 4px solid var(--isi-blue-600);
    background: #fff !important;
    color: var(--isi-navy-900) !important;
}

.isi-one-experience .isi-mapper-page .mapper-field-details > summary:hover {
    background: #fbfcfe !important;
}

.isi-one-experience .isi-mapper-page .mapper-field-details[open] > summary {
    border-bottom: 1px solid var(--isi-slate-200);
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapper-page .mapper-field-details-body,
.isi-one-experience .isi-mapper-page .mapper-toolbar {
    background: #fff !important;
}

.isi-one-experience .isi-mapper-page .mapper-toolbar {
    padding: .85rem 1rem;
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap {
    max-height: clamp(28rem, 62vh, 46rem);
    overflow: auto !important;
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap table {
    margin-bottom: 0;
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap thead th {
    border-bottom: 1px solid var(--isi-slate-300);
    background: var(--isi-surface-muted) !important;
    color: var(--isi-navy-900);
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap tbody td {
    border-color: var(--isi-slate-200);
    background: #fff;
}

.isi-one-experience .isi-mapper-page .mapper-table-wrap tbody tr:hover td {
    background: var(--isi-blue-050);
}

.isi-one-experience .isi-mapper-page .field-chip {
    border-color: #b8d9f5 !important;
    background: var(--isi-blue-050) !important;
    color: var(--isi-blue-700) !important;
}

.isi-one-experience .isi-mapper-page .field-chip-mapped {
    border-color: #9ac9ef !important;
    background: var(--isi-blue-100) !important;
}

.isi-one-experience .mapper-modal-backdrop {
    background: rgba(8, 37, 66, .34) !important;
    backdrop-filter: blur(1px);
}

.isi-one-experience .mapper-modal {
    overflow: hidden;
    border: 2px solid var(--isi-blue-600) !important;
    border-radius: var(--isi-radius-lg) !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(8, 37, 66, .22) !important;
}

.isi-one-experience .mapper-modal-header {
    border-bottom: 1px solid var(--isi-blue-700) !important;
    background: var(--isi-blue-700) !important;
    color: #fff !important;
}

.isi-one-experience .mapper-modal-header h5,
.isi-one-experience .mapper-modal-header strong,
.isi-one-experience .mapper-modal-header .mapper-modal-title {
    color: #fff !important;
}

.isi-one-experience .mapper-modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.isi-one-experience .mapper-modal-header .mapper-help-button {
    border-color: rgba(255, 255, 255, .8) !important;
    background: transparent !important;
    color: #fff !important;
}

.isi-one-experience .mapper-modal-body,
.isi-one-experience .mapper-modal-footer,
.isi-one-experience .mapper-modal .mapper-section,
.isi-one-experience .mapper-modal .mapper-builder-box,
.isi-one-experience .mapper-modal .mapper-help-panel {
    background: #fff !important;
}

.isi-one-experience .mapper-modal-footer {
    border-top: 1px solid var(--isi-slate-200) !important;
}

.isi-one-experience .mapper-modal .mapper-section,
.isi-one-experience .mapper-modal .mapper-builder-box,
.isi-one-experience .mapper-modal .mapper-help-panel,
.isi-one-experience .mapper-modal .mapper-info-popover {
    border-color: var(--isi-slate-200) !important;
    border-radius: var(--isi-radius-md) !important;
}

.isi-one-experience .mapper-modal .mapper-section-title,
.isi-one-experience .mapper-modal .mapper-subsection-title,
.isi-one-experience .mapper-modal .mapper-help-title {
    color: var(--isi-navy-900) !important;
}

/* Alerts and status */
.isi-one-experience .alert {
    border-radius: var(--isi-radius-md);
    border-width: 1px;
}

.isi-one-experience .alert-info {
    border-color: #b8d9f5;
    background: var(--isi-blue-050);
    color: #174d78;
}

.isi-one-experience .alert-warning {
    border-color: #e8c88e;
    background: #fff8e8;
    color: #744707;
}

.isi-one-experience .isi-login-alert {
    border-color: #a9cfee;
    background: var(--isi-blue-050);
    color: #174d78;
}

.isi-one-experience .badge.bg-info,
.isi-one-experience .badge.bg-primary {
    background: var(--isi-blue-600) !important;
}

.isi-one-experience .badge.bg-secondary {
    background: var(--isi-slate-600) !important;
}

.isi-one-experience .badge.bg-danger {
    background: var(--isi-danger) !important;
}

.isi-one-experience .badge.bg-success {
    background: var(--isi-success) !important;
}

/* Telerik windows and tooltips */
.isi-one-experience .k-window {
    overflow: hidden;
    border: 1px solid var(--isi-slate-200);
    border-radius: var(--isi-radius-lg);
    box-shadow: 0 18px 48px rgba(8, 37, 66, .22);
}

.isi-one-experience .k-window-titlebar {
    border-bottom: 1px solid var(--isi-slate-200);
    background: var(--isi-navy-800);
    color: #fff;
}

.isi-one-experience .k-window-titlebar .k-button {
    color: #fff;
}

.isi-one-experience .k-tooltip {
    border-color: #b9cce0;
    border-radius: var(--isi-radius-md);
    box-shadow: var(--isi-shadow-md);
}

@media (max-width: 900px) {
    .isi-one-experience:not(.home-layout) .content-body {
        padding: .75rem;
    }

    .isi-one-experience .isi-request-table,
    .isi-one-experience .isi-request-table tbody,
    .isi-one-experience .isi-request-table tr,
    .isi-one-experience .isi-request-table td {
        display: block;
        width: 100% !important;
    }

    .isi-one-experience .isi-request-table th {
        display: none;
    }

    .isi-one-experience .isi-request-table td + td {
        border-top: 1px solid var(--isi-slate-200) !important;
    }

    .isi-one-experience .isi-grid-toolbar > * {
        max-width: 100%;
    }

    .isi-one-experience .isi-schedulers-page .isi-scheduler-page-header {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .isi-one-experience .isi-schedulers-page .isi-scheduler-page-actions {
        flex-wrap: wrap;
        margin-left: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .isi-one-experience .btn {
        transition: none;
    }
}