body.rdn .card {
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    background: var(--n-0);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-sm);
}
body.rdn .card > .card-header {
    background: var(--n-0);
    border-bottom: 1px solid var(--n-100);
    padding: .95rem 1.25rem;
    font-weight: 600;
    color: var(--n-800);
}
body.rdn .card > .card-header:first-child { border-radius: calc(var(--r-lg) - 1px) calc(var(--r-lg) - 1px) 0 0; }
body.rdn .card > .card-footer { background: var(--n-0); border-top: 1px solid var(--n-100); padding: .95rem 1.25rem; }
body.rdn .card-title { font-size: 1rem; font-weight: 700; margin: 0; color: var(--n-800); }
body.rdn .card > .card-header > .card-title:has(> [class*="ri-"]:first-child) { display: flex; align-items: center; }
body.rdn .card:not(.rdn-section) > .card-header:is(:not([class*="bg-"]), .bg-white, .bg-light) .card-title > [class*="ri-"]:first-child {
    width: 30px; height: 30px; flex: 0 0 30px;
    display: grid; place-items: center;
    margin-inline-end: .6rem !important;
    border-radius: var(--r-sm);
    background: var(--brand-50);
    font-size: 1rem;
    line-height: 1;
}
body.rdn .card > .card-header:is(:not([class*="bg-"]), .bg-white, .bg-light) .card-title > i:first-child { color: var(--brand); }

body.rdn .card.card-primary:not(.card-outline) { --aps: var(--brand); --aps-soft: var(--brand-50); --aps-deep: var(--brand-700); }
body.rdn .card.card-info:not(.card-outline) { --aps: var(--info-h); --aps-soft: var(--info-s); --aps-deep: var(--info-t); }
body.rdn .card.card-success:not(.card-outline) { --aps: var(--ok-h); --aps-soft: var(--ok-s); --aps-deep: var(--ok-t); }
body.rdn .card.card-warning:not(.card-outline) { --aps: var(--warn-h); --aps-soft: var(--warn-s); --aps-deep: var(--warn-t); }
body.rdn .card.card-danger:not(.card-outline) { --aps: var(--err-h); --aps-soft: var(--err-s); --aps-deep: var(--err-t); }
body.rdn .card.card-secondary:not(.card-outline) { --aps: var(--gray-h); --aps-soft: var(--gray-s); --aps-deep: var(--gray-t); }
body.rdn .card:is(.card-primary, .card-info, .card-success, .card-warning, .card-danger, .card-secondary):not(.card-outline) { border-inline-start: 4px solid var(--aps); }
body.rdn .card:is(.card-primary, .card-info, .card-success, .card-warning, .card-danger, .card-secondary):not(.card-outline) > .card-header { background-color: var(--aps-soft); color: var(--aps-deep); }
body.rdn .card:is(.card-primary, .card-info, .card-success, .card-warning, .card-danger, .card-secondary):not(.card-outline) > .card-header :is(.card-title, a) { color: var(--aps-deep); }
body.rdn .card:is(.card-primary, .card-info, .card-success, .card-warning, .card-danger, .card-secondary):not(.card-outline) > .card-header .card-title > i:first-child { color: var(--aps); }

body.rdn .rdn-page { display: flex; flex-direction: column; gap: 1rem; }
body.rdn .rdn-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
body.rdn .rdn-toolbar > .btn { margin-inline: 0 !important; }
body.rdn :not(.rdn-page) > :is(.rdn-filter-card, .rdn-toolbar):not(:last-child) { margin-bottom: 1rem; }
body.rdn :is(.modal-body, .tab-pane, [class*="col-"]) > .card + .card { margin-top: 1rem; }
body.rdn .card.rdn-section {
    --aps: var(--brand);
    --aps-deep: var(--brand-700);
    --aps-soft: var(--brand-50);
    border: 1px solid var(--line) !important;
    border-inline-start: 4px solid var(--aps) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--sh-sm) !important;
    background: color-mix(in srgb, var(--aps-soft) 45%, var(--n-0));
    overflow: hidden;
    transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
body.rdn .card.rdn-section + .card.rdn-section { margin-top: .9rem; }
body.rdn .card.rdn-section:focus-within { border-color: var(--aps) !important; }
body.rdn .card.rdn-section > .card-header {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .62rem 1.1rem !important;
    background: var(--aps-soft) !important;
    border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important;
    color: var(--aps-deep);
}
body.rdn .card.rdn-section .card-title {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin: 0 !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    color: var(--aps-deep) !important;
}
body.rdn .card.rdn-section > .card-header .card-title > [class*="ri-"]:first-child { margin-inline-end: 0 !important; color: var(--aps); font-size: 1rem; }
body.rdn .card.rdn-section > .card-body { background: transparent !important; padding: 1rem 1.1rem 1.1rem !important; }
body.rdn .card.rdn-section .form-label { margin-bottom: .35rem; }
body.rdn .card.rdn-section-blue { --aps: var(--brand); --aps-deep: var(--brand-700); --aps-soft: var(--brand-50); }
body.rdn .card.rdn-section-teal { --aps: var(--info-h); --aps-deep: var(--info-t); --aps-soft: var(--info-s); }
body.rdn .card.rdn-section-amber,
body.rdn .card.rdn-section-gold,
body.rdn .card.rdn-section-yellow { --aps: var(--warn-h); --aps-deep: var(--warn-t); --aps-soft: var(--warn-s); }
body.rdn .card.rdn-section-orange { --aps: var(--rdn-orange, var(--warn-h)); --aps-deep: var(--warn-t); --aps-soft: var(--rdn-orange-soft, var(--warn-s)); }
body.rdn .card.rdn-section-purple { --aps: var(--err-h); --aps-deep: var(--err-t); --aps-soft: var(--err-s); }
body.rdn .card.rdn-section-green { --aps: var(--ok-h); --aps-deep: var(--ok-t); --aps-soft: var(--ok-s); }
body.rdn .card.rdn-section-slate { --aps: var(--gray-h); --aps-deep: var(--gray-t); --aps-soft: var(--gray-s); }

body.rdn .rdn-filter-card { overflow: hidden; border-color: var(--brand-200); }
body.rdn .rdn-filter-card > .rdn-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    width: 100%;
    padding: .7rem 1rem .7rem .85rem;
    border: 0;
    border-bottom: 0;
    background: var(--brand-50);
    box-shadow: inset 4px 0 0 var(--brand);
    color: var(--brand-700);
    text-align: start;
    font-family: inherit;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    transition: background-color var(--dur-fast) var(--ease);
}
body.rdn .rdn-filter-card > .rdn-filter-toggle:hover { background: var(--brand-100); }
body.rdn .rdn-filter-card > .rdn-filter-toggle:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; }
body.rdn .rdn-filter-card > .rdn-filter-toggle:not(.collapsed) { border-bottom: 1px solid var(--brand-200); }
body.rdn .rdn-filter-title { display: inline-flex; align-items: center; min-width: 0; color: var(--brand-700); }
body.rdn .rdn-filter-title > i:first-child {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    margin-inline-end: .75rem !important;
    background: var(--brand);
    color: #fff;
    font-size: 1.05rem;
    line-height: 1;
}
body.rdn .rdn-filter-chev {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    color: var(--brand);
    font-size: 1rem;
    transition: transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}
body.rdn .rdn-filter-toggle:not(.collapsed) .rdn-filter-chev { transform: rotate(180deg); }
body.rdn .rdn-filter-card > .collapse > .card-body,
body.rdn .rdn-filter-card > .collapsing > .card-body { padding: 1rem 1.1rem; }
body.rdn .rdn-filter-card .form-label { font-size: .78rem; }

body.rdn .rdn-table-holder { min-height: 360px; }
body.rdn .rdn-content .dataTables_wrapper { min-height: 360px; }
body.rdn .modal .dataTables_wrapper { min-height: 0; }
body.rdn .rdn-table-holder .dataTables_wrapper { padding: 0; }
body.rdn .rdn-table-holder .dataTables_wrapper > .row { margin: 0; align-items: center; }
body.rdn .rdn-table-holder .dataTables_wrapper > .row > [class*="col-"] { padding: 0; }
body.rdn .rdn-table-holder .dataTables_wrapper .dataTables_length,
body.rdn .rdn-table-holder .dataTables_wrapper .dataTables_info,
body.rdn .rdn-table-holder .dataTables_wrapper .dataTables_paginate { padding: .8rem 1.25rem; }
body.rdn .rdn-table-holder table.dataTable { margin: 0 !important; }
body.rdn .dataTables_wrapper:not(.rdn-table-holder *) > .row:first-child:not(:only-child) { margin-bottom: .75rem; }
body.rdn .dataTables_wrapper:not(.rdn-table-holder *) > .row:last-child:not(:only-child) { margin-top: .75rem; }

body.rdn .table {
    --bs-table-border-color: var(--line);
    --bs-table-hover-bg: var(--n-50);
    --bs-table-active-bg: var(--brand-50);
    font-size: .9rem;
}
body.rdn .table > thead > tr > th,
body.rdn .table > thead > tr > td {
    background-color: var(--page);
    color: var(--muted);
    font-size: .74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: .7rem 1rem;
    border-bottom: 1px solid var(--line);
    vertical-align: middle;
}
body.rdn .table > tbody > tr > td,
body.rdn .table > tbody > tr > th {
    padding: .8rem 1rem;
    border-bottom-color: var(--n-100);
    color: var(--n-700);
    vertical-align: middle;
}
body.rdn .table.table-sm > thead > tr > th,
body.rdn .table.table-sm > thead > tr > td { padding: .45rem .6rem; }
body.rdn .table.table-sm > tbody > tr > td,
body.rdn .table.table-sm > tbody > tr > th { padding: .4rem .6rem; }
body.rdn .table-bordered > :not(caption) > * { border-width: 0; }
body.rdn .table-bordered > :not(caption) > * > * { border-width: 0 0 1px; }
body.rdn table.table-bordered.dataTable { border-right-width: 0; }
body.rdn table.table-bordered.dataTable th,
body.rdn table.table-bordered.dataTable td { border-left-width: 0; border-right-width: 0; }
body.rdn table.dataTable { font-size: .9rem; }
body.rdn table.dataTable td.dataTables_empty { padding: 2.25rem 1rem; color: var(--n-400); font-size: .88rem; text-align: center; }

body.rdn .dataTables_wrapper .dataTables_length,
body.rdn .dataTables_wrapper .dataTables_info { font-size: .82rem; color: var(--muted); }
body.rdn :is(.rdn-content, .modal) .dataTables_wrapper .dataTables_length label { font-size: .82rem; font-weight: 500; color: var(--muted); }
body.rdn .dataTables_wrapper .dataTables_length select {
    border: 1px solid var(--n-300);
    border-radius: var(--r-sm);
    padding: .25rem 1.9rem .25rem .5rem;
    margin-inline: .3rem;
    font-size: .82rem;
}
body.rdn .dataTables_wrapper .dataTables_filter input { border-radius: var(--r-md); }
body.rdn div.dataTables_wrapper div.dataTables_processing {
    top: 50%;
    left: 50%;
    z-index: 5;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: .45rem 1rem;
    transform: translate(-50%, -50%);
    background: var(--n-0);
    border: 1px solid var(--line);
    border-radius: var(--r-pill);
    box-shadow: var(--sh-sm);
    color: var(--n-600);
    font-size: .82rem;
    font-weight: 600;
    text-align: center;
}
body.rdn div.dataTables_wrapper div.dataTables_processing > div:last-child { display: none; }
body.rdn table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
body.rdn table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before,
body.rdn table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
body.rdn table.dataTable.dtr-column > tbody > tr > th.dtr-control:before {
    border: 0;
    box-shadow: 0 0 0 3px var(--brand-100);
    background-color: var(--brand);
    color: #fff;
    font-weight: 700;
}
body.rdn table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
body.rdn table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before,
body.rdn table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
body.rdn table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before { background-color: var(--err-h); box-shadow: 0 0 0 3px var(--err-s); }
body.rdn table.dataTable > tbody > tr.child ul.dtr-details { display: block; text-align: start; }
body.rdn table.dataTable > tbody > tr.child ul.dtr-details > li { padding: .5rem 0; border-bottom: 1px solid var(--n-100); }
body.rdn table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: 0; }
body.rdn table.dataTable > tbody > tr.child span.dtr-title { min-width: 8rem; font-size: .78rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }

body.rdn .pagination {
    --bs-pagination-padding-x: .7rem;
    --bs-pagination-padding-y: .3rem;
    --bs-pagination-font-size: .85rem;
    --bs-pagination-color: var(--n-600);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: var(--r-sm);
    --bs-pagination-hover-color: var(--brand);
    --bs-pagination-hover-bg: var(--brand-50);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: var(--brand);
    --bs-pagination-focus-bg: var(--brand-50);
    --bs-pagination-focus-box-shadow: var(--brand-ring);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--brand);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--n-300);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: transparent;
}
body.rdn .pagination .page-link { margin-inline: 1px; border-radius: var(--r-sm); font-weight: 500; }
body.rdn .pagination .page-item.active .page-link,
body.rdn .pagination .page-link.active { background-image: var(--grad); box-shadow: var(--grad-glow); }

body.rdn .form-label,
body.rdn .rdn-content label:not(.form-check-label):not(.btn),
body.rdn .modal label:not(.form-check-label):not(.btn) { font-weight: 600; font-size: .85rem; color: var(--n-700); }
body.rdn .form-label { display: block; margin-bottom: .35rem; }
body.rdn .form-label.fw-bold { font-weight: 600 !important; }
body.rdn .rdn-required-mark { color: var(--err-h) !important; font-weight: 700; }
body.rdn .required-label:not(:has(.rdn-required-mark))::after { content: " *"; color: var(--err-h); font-weight: 700; }
body.rdn .form-text { font-size: .78rem; color: var(--n-400); margin-top: .3rem; }
body.rdn .form-control,
body.rdn .form-select {
    border-color: var(--n-300);
    border-radius: var(--r-md);
    background-color: var(--n-0);
    font-size: .92rem;
    color: var(--ink);
    padding-top: .45rem;
    padding-bottom: .45rem;
    padding-inline-start: .85rem;
    transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
body.rdn .form-control { padding-inline-end: .85rem; }
body.rdn .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2372829a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
body.rdn .form-control-sm,
body.rdn .form-select-sm { font-size: .82rem; padding-top: .25rem; padding-bottom: .25rem; padding-inline-start: .6rem; border-radius: var(--r-sm); }
body.rdn .form-control-sm { padding-inline-end: .6rem; }
body.rdn input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.form-control-sm):not(.form-control-lg),
body.rdn select.form-control:not([multiple]):not([size]):not(.form-control-sm):not(.form-control-lg),
body.rdn select.form-select:not([multiple]):not([size]):not(.form-select-sm):not(.form-select-lg) { min-height: var(--ctl-h); }
body.rdn textarea.form-control:not(.form-control-sm):not([rows="1"]) { min-height: calc(var(--ctl-h) * 2); }
body.rdn textarea.form-control:not(.form-control-sm) { padding: .62rem .85rem; line-height: 1.55; }
body.rdn .form-control:focus,
body.rdn .form-select:focus { border-color: var(--brand); box-shadow: var(--brand-ring); }
body.rdn .form-control::placeholder { color: var(--n-400); }
body.rdn .form-control[readonly],
body.rdn .form-control:disabled,
body.rdn .form-control.disabled,
body.rdn .form-select:disabled,
body.rdn .form-select.disabled,
body.rdn select.disabled,
body.rdn textarea.disabled {
    background-color: var(--n-100) !important;
    border-color: var(--line);
    color: var(--n-600);
    box-shadow: none;
    opacity: 1;
}
body.rdn .form-control:disabled,
body.rdn .form-select:disabled { cursor: not-allowed; }
body.rdn input.disabled:not(.btn),
body.rdn select.disabled,
body.rdn textarea.disabled { pointer-events: none; }
body.rdn .form-control.is-invalid,
body.rdn .form-select.is-invalid,
body.rdn .was-validated .form-control:invalid,
body.rdn .was-validated .form-select:invalid,
body.rdn .border-red {
    border-color: var(--err-h) !important;
    background-color: var(--err-s);
}
body.rdn .form-control.is-invalid:focus,
body.rdn .form-select.is-invalid:focus,
body.rdn .border-red:focus { border-color: var(--err-h); box-shadow: var(--err-ring); }
body.rdn .invalid-feedback,
body.rdn .error-message { font-size: .78rem; color: var(--err-t) !important; margin-top: .3rem; }
body.rdn .error-message { display: block; width: 100%; }
body.rdn .error-message > i { color: var(--err-h) !important; }
body.rdn .input-group-text {
    background: var(--n-50);
    border-color: var(--n-300);
    color: var(--n-600);
    font-size: .88rem;
    font-weight: 600;
    padding-inline: .75rem;
}
body.rdn .input-group-text > i { color: var(--n-400); }
body.rdn .input-group:has(> .input-group-text:first-child > [class*="ri-"]:only-child) { position: relative; flex-wrap: nowrap; }
body.rdn .input-group > .input-group-text:first-child:has(> [class*="ri-"]:only-child) {
    position: absolute; inset-block: 0; inset-inline-start: 0; z-index: 6;
    padding: 0 0 0 .85rem;
    border: 0 !important;
    background: transparent !important;
    pointer-events: none;
}
body.rdn .input-group > .input-group-text:first-child:has(> [class*="ri-"]:only-child) > i { color: var(--n-400); font-size: 1.05rem; }
body.rdn .input-group > .input-group-text:first-child:has(> [class*="ri-"]:only-child) ~ :is(.form-control, .form-select) {
    padding-inline-start: 2.5rem;
    border-start-start-radius: var(--r-md) !important;
    border-end-start-radius: var(--r-md) !important;
    margin-inline-start: 0 !important;
}
body.rdn .input-group > .input-group-text:first-child:has(> [class*="ri-"]:only-child) ~ .select2-container .select2-selection { border-start-start-radius: var(--r-md) !important; border-end-start-radius: var(--r-md) !important; }
body.rdn .input-group > .input-group-text:first-child:has(> [class*="ri-"]:only-child) ~ .select2-container .select2-selection__rendered { padding-inline-start: 2.5rem !important; }
body.rdn .input-group-text:is(.bg-warning, .bg-light, .kg-accent) {
    background-color: var(--n-50) !important;
    color: var(--n-600) !important;
    border: 1px solid var(--n-300) !important;
}
body.rdn .form-check { padding-left: 1.75rem; }
body.rdn .form-check .form-check-input { margin-left: -1.75rem; }
body.rdn .form-check-input {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: .14rem;
    border-color: var(--n-300);
    transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
body.rdn .form-check-input:checked { background-color: var(--brand); border-color: var(--brand); }
body.rdn .form-check-input:focus { border-color: var(--brand); box-shadow: var(--brand-ring); }
body.rdn .form-check-input:disabled ~ .form-check-label { opacity: .55; }
body.rdn .form-switch { padding-left: 3.1rem; }
body.rdn .form-switch .form-check-input,
body.rdn .form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
body.rdn .form-switch .form-check-input {
    width: 2.5rem;
    height: 1.375rem;
    margin-top: .05rem;
    margin-left: -3.1rem;
    background-color: var(--n-300);
    border-color: var(--n-300);
    border-radius: var(--r-pill);
    transition: background-position var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
body.rdn .form-switch .form-check-input:checked { background-color: var(--brand); border-color: var(--brand); }
body.rdn .custom-switch { padding-left: 3.1rem; }
body.rdn .custom-switch .custom-control-input {
    width: 2.5rem;
    height: 1.375rem;
    top: .05rem;
    background-color: var(--n-300);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    border-color: var(--n-300);
    border-radius: var(--r-pill);
}
body.rdn .custom-switch .custom-control-input:checked { background-color: var(--brand); border-color: var(--brand); }
body.rdn .custom-switch .custom-control-input:focus-visible { outline: none; box-shadow: var(--brand-ring); }

body.rdn .btn {
    --bs-btn-disabled-opacity: .55;
    --bs-btn-focus-box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border-radius: var(--r-md);
    font-weight: 600;
    font-size: .92rem;
    line-height: inherit;
    padding: .62rem 1.15rem;
    white-space: nowrap;
    transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
body.rdn .btn > [class^="ri-"],
body.rdn .btn > [class*=" ri-"] { margin-inline: 0 !important; }
body.rdn .btn.d-none { display: none !important; }
body.rdn .btn.d-block { display: flex !important; }
body.rdn .btn.d-inline-block { display: inline-flex !important; }
body.rdn .input-group > .btn:not(.btn-sm):not(.btn-lg) { height: var(--ctl-h); padding-block: 0; }
body.rdn .btn:focus-visible { outline: 2px solid rgba(var(--brand-rgb), .7); outline-offset: 2px; }
body.rdn .btn:active { transform: translateY(1px); }
body.rdn .btn-sm,
body.rdn .btn-group-sm > .btn,
body.rdn .input-group-sm > .btn { padding: .4rem .8rem; font-size: .82rem; border-radius: var(--r-sm); }
body.rdn .btn-lg,
body.rdn .btn-group-lg > .btn { padding: .8rem 1.6rem; font-size: 1rem; border-radius: var(--r-md); }
body.rdn .btn-xs,
body.rdn .btn-group-xs > .btn { padding: .125rem .35rem; font-size: .75rem; line-height: 1.5; border-radius: var(--r-sm); }
body.rdn .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-600);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-700);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-700);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-600);
    --bs-btn-disabled-border-color: transparent;
    background-image: var(--grad);
    box-shadow: var(--grad-glow);
}
body.rdn .btn-primary:hover,
body.rdn .btn-primary:active,
body.rdn .btn-primary.active { background-image: none; }
body.rdn .btn-secondary,
body.rdn .btn-light,
body.rdn .btn-default {
    --bs-btn-color: var(--n-600);
    --bs-btn-bg: var(--n-0);
    --bs-btn-border-color: var(--line);
    --bs-btn-hover-color: var(--brand);
    --bs-btn-hover-bg: var(--n-0);
    --bs-btn-hover-border-color: var(--brand-300);
    --bs-btn-active-color: var(--brand-700);
    --bs-btn-active-bg: var(--brand-50);
    --bs-btn-active-border-color: var(--brand-300);
    --bs-btn-disabled-color: var(--n-600);
    --bs-btn-disabled-bg: var(--n-0);
    --bs-btn-disabled-border-color: var(--line);
}
body.rdn .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--ok-h);
    --bs-btn-border-color: var(--ok-h);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--ok-t);
    --bs-btn-hover-border-color: var(--ok-t);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--ok-t);
    --bs-btn-active-border-color: var(--ok-t);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--ok-h);
    --bs-btn-disabled-border-color: var(--ok-h);
}
body.rdn .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--err-h);
    --bs-btn-border-color: var(--err-h);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--err-t);
    --bs-btn-hover-border-color: var(--err-t);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--err-t);
    --bs-btn-active-border-color: var(--err-t);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--err-h);
    --bs-btn-disabled-border-color: var(--err-h);
}
body.rdn .btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--warn-h);
    --bs-btn-border-color: var(--warn-h);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--warn-t);
    --bs-btn-hover-border-color: var(--warn-t);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--warn-t);
    --bs-btn-active-border-color: var(--warn-t);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--warn-h);
    --bs-btn-disabled-border-color: var(--warn-h);
}
body.rdn .btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--info-h);
    --bs-btn-border-color: var(--info-h);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--info-t);
    --bs-btn-hover-border-color: var(--info-t);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--info-t);
    --bs-btn-active-border-color: var(--info-t);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--info-h);
    --bs-btn-disabled-border-color: var(--info-h);
}
body.rdn .btn-link { --bs-btn-color: var(--brand); --bs-btn-hover-color: var(--brand-700); text-decoration: none; }
body.rdn .btn-link:hover { text-decoration: underline; }
body.rdn .btn-opt {
    --bs-btn-bg: var(--n-0);
    --bs-btn-border-color: var(--n-300);
    --bs-btn-color: var(--n-600);
    --bs-btn-hover-bg: var(--n-0);
    --bs-btn-hover-border-color: var(--brand-300);
    --bs-btn-hover-color: var(--brand-700);
    --bs-btn-active-bg: var(--brand-50);
    --bs-btn-active-border-color: var(--brand);
    --bs-btn-active-color: var(--brand);
    padding: .5rem 1.1rem;
    border-radius: var(--r-md);
    font-size: .9rem;
    font-weight: 500;
    box-shadow: none;
}
body.rdn .btn-opt.active,
body.rdn .btn-opt.active:hover { background-color: var(--brand-50); border-color: var(--brand); color: var(--brand); font-weight: 600; }
body.rdn .btn-opt:focus-visible { outline: none; border-color: var(--brand); box-shadow: 0 0 0 3px rgba(var(--brand-rgb), .18); }
body.rdn .btn-group > .btn.btn-opt { border-radius: var(--r-sm); }
body.rdn .btn-group > .btn:not(.btn-opt) { box-shadow: none; }
body.rdn .btn-excel { --bs-btn-bg: #1d7a46; --bs-btn-border-color: #1d7a46; --bs-btn-color: #fff; --bs-btn-hover-bg: #16633a; --bs-btn-hover-border-color: #16633a; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #16633a; --bs-btn-active-color: #fff; }
body.rdn .btn-pdf { --bs-btn-bg: #c62f3a; --bs-btn-border-color: #c62f3a; --bs-btn-color: #fff; --bs-btn-hover-bg: #a8252f; --bs-btn-hover-border-color: #a8252f; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #a8252f; --bs-btn-active-color: #fff; }
body.rdn .btn-word { --bs-btn-bg: #2b5797; --bs-btn-border-color: #2b5797; --bs-btn-color: #fff; --bs-btn-hover-bg: #22467a; --bs-btn-hover-border-color: #22467a; --bs-btn-hover-color: #fff; --bs-btn-active-bg: #22467a; --bs-btn-active-color: #fff; }
body.rdn .btn-close {
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-focus-shadow: var(--brand-ring);
    padding: .4em;
    border-radius: var(--r-sm);
    transition: background-color var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);
}
body.rdn .btn-close:hover { background-color: var(--n-100); }

body.rdn .modal {
    --bs-modal-border-width: 1px;
    --bs-modal-border-color: rgba(0, 0, 0, .2);
    --bs-modal-border-radius: .3rem;
    --bs-modal-inner-border-radius: calc(.3rem - 1px);
    --bs-modal-box-shadow: none;
    --bs-modal-padding: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: #dee2e6;
    --bs-modal-footer-border-color: #dee2e6;
    --bs-modal-title-line-height: 1.5;
}
body.rdn .modal-content { overflow: hidden; }
body.rdn .modal-header .modal-title { font-weight: 500; color: var(--ink); }
body.rdn .modal-header[class*="bg-"]:not(.bg-white):not(.bg-light) { background-color: var(--n-0) !important; color: var(--ink) !important; }
body.rdn .modal-header[class*="bg-"]:not(.bg-white):not(.bg-light) :is(.text-white, .text-light) { color: inherit !important; }
body.rdn .modal-header[class*="bg-"]:not(.bg-white):not(.bg-light) .btn-close-white { filter: none; }
body.rdn .modal-header .close { color: var(--n-600) !important; text-shadow: none; opacity: .55; }
body.rdn .modal-header .close:hover { opacity: 1; }
body.rdn .rdn-modal-header { background: var(--n-0); border-bottom: 1px solid #dee2e6; padding: 1rem; }
body.rdn .rdn-modal-header .modal-title { display: flex; align-items: center; }
body.rdn .modal-footer { background: var(--n-0); border-top: 1px solid #dee2e6; padding: .75rem; }
body.rdn .btn-danger:is([data-bs-dismiss="modal"], [rdn-function="closeModal"]) {
    --bs-btn-bg: var(--n-0);
    --bs-btn-border-color: var(--err-b);
    --bs-btn-color: var(--err-t);
    --bs-btn-hover-bg: var(--err-h);
    --bs-btn-hover-border-color: var(--err-h);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--err-h);
    --bs-btn-active-border-color: var(--err-h);
    --bs-btn-active-color: #fff;
    box-shadow: none;
}
body.rdn .rdn-modal-footer { justify-content: flex-end; }
body.rdn .modal-dialog-scrollable .modal-body { overflow-x: hidden; }
body.rdn .modal-backdrop { --bs-backdrop-bg: #000; --bs-backdrop-opacity: .5; }

body.rdn .overlay-wrapper { position: relative; }
body.rdn .modal-body > .overlay,
body.rdn .card > .overlay,
body.rdn .overlay-wrapper > .overlay {
    position: absolute;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .72);
    color: var(--brand);
    border-radius: inherit;
}

body.rdn .nav-tabs,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: stretch;
    max-width: 100%;
    vertical-align: top;
    gap: .3rem;
    padding: .3rem;
    background: var(--tab-track);
    border: 1px solid var(--tab-track-b);
    border-radius: calc(var(--r-lg) + 2px);
    box-shadow: inset 0 1px 3px rgba(24, 32, 56, .06);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: var(--brand-200) transparent;
}
body.rdn .nav-tabs > .nav-item,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) > .nav-item { flex: 0 0 auto; }
body.rdn .nav-tabs .nav-link,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link {
    display: flex;
    align-items: center;
    margin: 0;
    padding: .5rem 1rem;
    border: 1px solid var(--tab-pill-b);
    border-radius: var(--r-md);
    background: rgba(255, 255, 255, .55);
    color: var(--n-600);
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
body.rdn .nav-tabs .nav-link:hover,
body.rdn .nav-tabs .nav-link:focus,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link:hover,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link:focus {
    background: var(--n-0);
    border-color: var(--brand-300);
    color: var(--brand-700);
    box-shadow: 0 1px 2px rgba(24, 32, 56, .08);
}
body.rdn .nav-tabs .nav-link:focus-visible,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; box-shadow: none; }
body.rdn .nav-tabs .nav-link.active,
body.rdn .nav-tabs .nav-item.show .nav-link,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link.active,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .show > .nav-link {
    background: var(--brand);
    border-color: var(--brand-600);
    color: #fff;
    box-shadow: none;
}
body.rdn .nav-tabs .nav-link.active i,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link.active i { color: #fff; }
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link > [class*="ri-"] { font-size: 1rem; }
body.rdn .nav-tabs .nav-link:disabled,
body.rdn .nav-tabs .nav-link.disabled,
body.rdn .nav-pills:where(:not(.nav-sidebar, .flex-column, .wizard-nav)) .nav-link.disabled { opacity: .5; }
body.rdn .nav-tabs::-webkit-scrollbar,
body.rdn .nav-pills::-webkit-scrollbar { height: 6px; }
body.rdn .nav-tabs::-webkit-scrollbar-thumb,
body.rdn .nav-pills::-webkit-scrollbar-thumb { background: var(--brand-200); border-radius: var(--r-pill); }

body.rdn .badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .25rem .65rem;
    border-radius: var(--r-pill);
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: normal;
}
body.rdn .badge:is(.bg-primary, .text-bg-primary, .badge-primary) { background-color: var(--brand-50) !important; color: var(--brand-700) !important; }
body.rdn .badge:is(.bg-secondary, .text-bg-secondary, .badge-secondary) { background-color: var(--gray-s) !important; color: var(--gray-t) !important; }
body.rdn .badge:is(.bg-success, .text-bg-success, .badge-success) { background-color: var(--ok-s) !important; color: var(--ok-t) !important; }
body.rdn .badge:is(.bg-danger, .text-bg-danger, .badge-danger) { background-color: var(--err-s) !important; color: var(--err-t) !important; }
body.rdn .badge:is(.bg-warning, .text-bg-warning, .badge-warning) { background-color: var(--warn-s) !important; color: var(--warn-t) !important; }
body.rdn .badge:is(.bg-info, .text-bg-info, .badge-info) { background-color: var(--info-s) !important; color: var(--info-t) !important; }
body.rdn .badge:is(.bg-light, .text-bg-light, .badge-light) { background-color: var(--n-100) !important; color: var(--n-700) !important; }
body.rdn .badge:is(.bg-dark, .text-bg-dark, .badge-dark) { background-color: var(--n-800) !important; color: #fff !important; }

body.rdn .alert {
    --bs-alert-padding-x: 1.1rem;
    --bs-alert-padding-y: .9rem;
    --bs-alert-border-radius: var(--r-md);
    font-size: .88rem;
}
body.rdn .alert-primary { --bs-alert-color: var(--brand-700); --bs-alert-bg: var(--brand-50); --bs-alert-border-color: var(--brand-200); --bs-alert-link-color: var(--brand-700); }
body.rdn .alert-success { --bs-alert-color: var(--ok-t); --bs-alert-bg: var(--ok-s); --bs-alert-border-color: var(--ok-b); --bs-alert-link-color: var(--ok-t); }
body.rdn .alert-info { --bs-alert-color: var(--info-t); --bs-alert-bg: var(--info-s); --bs-alert-border-color: var(--info-b); --bs-alert-link-color: var(--info-t); }
body.rdn .alert-warning { --bs-alert-color: var(--warn-t); --bs-alert-bg: var(--warn-s); --bs-alert-border-color: var(--warn-b); --bs-alert-link-color: var(--warn-t); }
body.rdn .alert-danger { --bs-alert-color: var(--err-t); --bs-alert-bg: var(--err-s); --bs-alert-border-color: var(--err-b); --bs-alert-link-color: var(--err-t); }
body.rdn .alert-secondary,
body.rdn .alert-light { --bs-alert-color: var(--gray-t); --bs-alert-bg: var(--gray-s); --bs-alert-border-color: var(--gray-b); --bs-alert-link-color: var(--gray-t); }
body.rdn .alert .alert-heading { color: inherit; font-weight: 700; font-size: .95rem; margin-bottom: .2rem; }
body.rdn .alert .alert-link { font-weight: 700; }

body.rdn .rdn-note { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1.1rem; border: 1px solid transparent; border-radius: var(--r-md); font-size: .88rem; }
body.rdn .rdn-note > i:first-child { font-size: 1.1rem; margin-top: .05rem; flex: 0 0 auto; }
body.rdn .rdn-note--info { background: var(--info-s); border-color: var(--info-b); color: var(--info-t); }
body.rdn .rdn-note--success { background: var(--ok-s); border-color: var(--ok-b); color: var(--ok-t); }
body.rdn .rdn-note--warning { background: var(--warn-s); border-color: var(--warn-b); color: var(--warn-t); }
body.rdn .rdn-note--danger { background: var(--err-s); border-color: var(--err-b); color: var(--err-t); }

body.rdn .dropdown-menu:not(.rdn-user-dropdown) {
    --bs-dropdown-padding-x: .3rem;
    --bs-dropdown-padding-y: .3rem;
    --bs-dropdown-font-size: .85rem;
    --bs-dropdown-color: var(--n-700);
    --bs-dropdown-border-color: var(--line);
    --bs-dropdown-border-radius: var(--r-md);
    --bs-dropdown-divider-bg: var(--n-100);
    --bs-dropdown-link-color: var(--n-700);
    --bs-dropdown-link-hover-color: var(--brand);
    --bs-dropdown-link-hover-bg: var(--brand-50);
    --bs-dropdown-link-active-color: var(--brand-700);
    --bs-dropdown-link-active-bg: var(--brand-100);
    --bs-dropdown-item-padding-x: .6rem;
    --bs-dropdown-item-padding-y: .45rem;
    --bs-dropdown-item-border-radius: var(--r-sm);
    --bs-dropdown-header-color: var(--muted);
    box-shadow: var(--sh-md);
}
body.rdn .dropdown-menu:not(.rdn-user-dropdown) .dropdown-item > i:first-child { width: 1.1rem; text-align: center; color: var(--n-400); transition: color var(--dur-fast) var(--ease); }
body.rdn .dropdown-menu:not(.rdn-user-dropdown) .dropdown-item:hover > i:first-child,
body.rdn .dropdown-menu:not(.rdn-user-dropdown) .dropdown-item:focus > i:first-child { color: var(--brand); }
body.rdn .dropdown-menu:not(.rdn-user-dropdown) .dropdown-header { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }

body.rdn .tooltip {
    --bs-tooltip-bg: var(--tip-bg);
    --bs-tooltip-color: #f3f6ff;
    --bs-tooltip-font-size: .76rem;
    --bs-tooltip-padding-x: .6rem;
    --bs-tooltip-padding-y: .38rem;
    --bs-tooltip-border-radius: var(--r-sm);
    --bs-tooltip-opacity: 1;
    --bs-tooltip-max-width: 20rem;
}
body.rdn .tooltip .tooltip-inner { font-weight: 500; line-height: 1.35; letter-spacing: .01em; box-shadow: 0 .4rem 1.1rem rgba(16, 25, 46, .28); }
body.rdn .popover {
    --bs-popover-font-size: .85rem;
    --bs-popover-border-color: var(--line);
    --bs-popover-border-radius: var(--r-md);
    --bs-popover-inner-border-radius: calc(var(--r-md) - 1px);
    --bs-popover-header-bg: var(--n-50);
    --bs-popover-header-color: var(--ink);
    --bs-popover-body-color: var(--n-700);
    box-shadow: var(--sh-lg);
}
body.rdn .popover-header { font-size: .88rem; font-weight: 700; border-bottom-color: var(--n-100); }

body.rdn .progress,
body.rdn .progress-stacked {
    --bs-progress-bg: var(--n-100);
    --bs-progress-border-radius: var(--r-pill);
    --bs-progress-bar-bg: var(--brand);
    --bs-progress-font-size: .72rem;
}
body.rdn .progress-bar { font-weight: 600; transition: width .6s var(--ease); }
body.rdn .progress-bar:not([class*="bg-"]) { background-image: var(--grad); }

body.rdn .list-group {
    --bs-list-group-color: var(--n-700);
    --bs-list-group-border-color: var(--line);
    --bs-list-group-border-radius: var(--r-md);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .65rem;
    --bs-list-group-action-color: var(--n-700);
    --bs-list-group-action-hover-color: var(--brand-700);
    --bs-list-group-action-hover-bg: var(--brand-50);
    --bs-list-group-action-active-color: var(--brand-700);
    --bs-list-group-action-active-bg: var(--brand-100);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: var(--brand);
    --bs-list-group-active-border-color: var(--brand);
    font-size: .875rem;
}

body.rdn .breadcrumb {
    --bs-breadcrumb-font-size: .82rem;
    --bs-breadcrumb-item-padding-x: .35rem;
    --bs-breadcrumb-divider-color: var(--n-300);
    --bs-breadcrumb-item-active-color: var(--n-700);
}
body.rdn .breadcrumb-item a { color: var(--muted); text-decoration: none; }
body.rdn .breadcrumb-item a:hover { color: var(--brand); }
body.rdn .breadcrumb-item.active { font-weight: 600; }

body.rdn .rdn-kpi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
body.rdn .rdn-kpi {
    display: flex;
    gap: .85rem;
    align-items: center;
    padding: 1.1rem 1.2rem;
    background: var(--n-0);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-sm);
    color: inherit;
    text-decoration: none;
    transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}
body.rdn a.rdn-kpi:hover { transform: translateY(-2px); box-shadow: var(--sh-md); border-color: var(--brand-300); }
body.rdn .rdn-kpi.is-alert { border-color: var(--err-b); }
body.rdn .rdn-kpi-ico { width: 44px; height: 44px; flex: 0 0 44px; border-radius: var(--r-md); display: grid; place-items: center; font-size: 1.3rem; background: var(--brand-50); color: var(--brand); }
body.rdn .rdn-kpi-ico--ok { background: var(--ok-s); color: var(--ok-t); }
body.rdn .rdn-kpi-ico--warn { background: var(--warn-s); color: var(--warn-t); }
body.rdn .rdn-kpi-ico--err { background: var(--err-s); color: var(--err-t); }
body.rdn .rdn-kpi-ico--info { background: var(--info-s); color: var(--info-t); }
body.rdn .rdn-kpi-ico--violet { background: var(--violet-s); color: var(--violet-t); }
body.rdn .rdn-kpi-ico--gray { background: var(--n-100); color: var(--n-600); }
body.rdn .rdn-kpi-num { font-size: 1.7rem; font-weight: 800; color: var(--ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
body.rdn .rdn-kpi-label { font-size: .8rem; color: var(--muted); }
body.rdn .rdn-kpi-delta { font-size: .75rem; font-weight: 600; }
body.rdn .rdn-kpi-delta.is-up { color: var(--ok-t); }
body.rdn .rdn-kpi-delta.is-down { color: var(--err-t); }

body.rdn .rdn-error-card { max-width: 520px; }
body.rdn .rdn-empty { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 3rem 1rem; text-align: center; }
body.rdn .rdn-empty-art { font-size: 2.6rem; color: var(--brand-300); }
body.rdn .rdn-empty-title { margin: 0; font-size: 1.05rem; font-weight: 700; line-height: 1.55; color: var(--n-700); }
body.rdn .rdn-empty-body { margin: 0; font-size: .88rem; color: var(--muted); max-width: 420px; }

body.rdn .select2-container--default .select2-selection--single,
body.rdn .select2-container--default .select2-selection--multiple {
    min-height: var(--ctl-h);
    border: 1px solid var(--n-300);
    border-radius: var(--r-md);
    background-color: var(--n-0);
    font-size: .92rem;
    transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}
body.rdn .select2-container--default .select2-selection--single {
    height: var(--ctl-h);
    display: flex;
    align-items: center;
    padding: 0 2.1rem 0 .85rem;
}
body.rdn .select2-container--default .select2-selection--single .select2-selection__rendered {
    flex: 1 1 auto;
    padding: 0;
    line-height: normal;
    color: var(--ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.rdn .select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--n-400); }
body.rdn .select2-container--default .select2-selection--single .select2-selection__clear { color: var(--n-400); font-weight: 600; margin-inline-end: .35rem; }
body.rdn .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: .45rem; width: 1.4rem; height: 100%; }
body.rdn .select2-container--default .select2-selection--single .select2-selection__arrow b { border-top-color: var(--n-400); }
body.rdn .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-bottom-color: var(--n-400); }
body.rdn .select2-container--default .select2-selection--multiple { padding: .2rem .45rem; }
body.rdn .select2-container--default.select2-container--focus .select2-selection--single,
body.rdn .select2-container--default.select2-container--focus .select2-selection--multiple,
body.rdn .select2-container--default.select2-container--open .select2-selection--single,
body.rdn .select2-container--default.select2-container--open .select2-selection--multiple { border-color: var(--brand); box-shadow: var(--brand-ring); border-radius: var(--r-md); }
body.rdn .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--brand-50);
    border: 1px solid var(--brand-200);
    color: var(--brand-700);
    border-radius: var(--r-pill);
    font-size: .8rem;
    font-weight: 600;
    padding: .1rem .6rem;
}
body.rdn .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: var(--brand); margin-inline-end: .3rem; }
body.rdn .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: var(--err-t); }
body.rdn .select2-dropdown { border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; box-shadow: var(--sh-lg); font-size: .9rem; }
body.rdn .select2-container--open .select2-dropdown { z-index: 1065; }
body.rdn .select2-container--open .select2-dropdown--below { border-top: 1px solid var(--line); border-radius: var(--r-md); margin-top: 4px; }
body.rdn .select2-container--open .select2-dropdown--above { border-bottom: 1px solid var(--line); border-radius: var(--r-md); margin-top: -4px; }
body.rdn .select2-container--default .select2-search--dropdown { padding: .45rem; }
body.rdn .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid var(--n-300); border-radius: var(--r-sm); padding: .35rem .6rem; font-size: .88rem; }
body.rdn .select2-container--default .select2-search--dropdown .select2-search__field:focus { outline: none; border-color: var(--brand); box-shadow: var(--brand-ring); }
body.rdn .select2-container--default .select2-results__option { padding: .45rem .75rem; }
body.rdn .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--brand-50); color: var(--brand-700); }
body.rdn .select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--brand-600); background-image: var(--grad); color: #fff; }
body.rdn .select2-container--default .select2-results__option[aria-disabled=true] { color: var(--n-400); }
body.rdn .select2-container--default .select2-results__group { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); padding: .5rem .75rem .25rem; }
body.rdn .select2-container--default.select2-container--disabled .select2-selection--single,
body.rdn .select2-container--default.select2-container--disabled .select2-selection--multiple,
body.rdn select.disabled + .select2-container--default .select2-selection { background-color: var(--n-100); border-color: var(--line); cursor: not-allowed; }
body.rdn select.disabled + .select2-container { pointer-events: none; }
body.rdn select:is(.border-red, .is-invalid) + .select2-container--default .select2-selection { border-color: var(--err-h); background-color: var(--err-s); }

body.rdn .daterangepicker {
    font-family: inherit;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: var(--r-md);
    box-shadow: var(--sh-lg);
}
body.rdn .daterangepicker:before { border-bottom-color: var(--line); }
body.rdn .daterangepicker.drop-up:before { border-top-color: var(--line); }
body.rdn .daterangepicker .calendar-table { border: 0; }
body.rdn .daterangepicker .drp-calendar .calendar-table thead tr:first-child th { background: var(--brand-50); }
body.rdn .daterangepicker .drp-calendar .calendar-table thead tr:first-child th:first-child { border-radius: var(--r-sm) 0 0 var(--r-sm); }
body.rdn .daterangepicker .drp-calendar .calendar-table thead tr:first-child th:last-child { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
body.rdn .daterangepicker th.month { font-size: .84rem; font-weight: 600; color: var(--n-800); }
body.rdn .daterangepicker .calendar-table thead tr:nth-child(2) th { color: var(--muted); font-weight: 600; font-size: .75rem; }
body.rdn .daterangepicker td,
body.rdn .daterangepicker th { border-radius: var(--r-sm); }
body.rdn .daterangepicker td.available:hover,
body.rdn .daterangepicker th.available:hover { background-color: var(--brand-100); border-color: transparent; color: var(--brand-700); }
body.rdn .daterangepicker td.off,
body.rdn .daterangepicker td.off.in-range,
body.rdn .daterangepicker td.off.start-date,
body.rdn .daterangepicker td.off.end-date { color: var(--n-300); }
body.rdn .daterangepicker td.in-range { background-color: var(--brand-50); color: var(--brand-700); border-radius: 0; }
body.rdn .daterangepicker td.active,
body.rdn .daterangepicker td.active:hover { background-color: var(--brand-600); background-image: var(--grad); border-color: transparent; color: #fff; }
body.rdn .daterangepicker td.start-date { border-radius: var(--r-sm) 0 0 var(--r-sm); }
body.rdn .daterangepicker td.end-date { border-radius: 0 var(--r-sm) var(--r-sm) 0; }
body.rdn .daterangepicker td.start-date.end-date { border-radius: var(--r-sm); }
body.rdn .daterangepicker select.monthselect,
body.rdn .daterangepicker select.yearselect,
body.rdn .daterangepicker select.hourselect,
body.rdn .daterangepicker select.minuteselect,
body.rdn .daterangepicker select.secondselect,
body.rdn .daterangepicker select.ampmselect {
    padding: .2rem .35rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--n-800);
    background-color: var(--n-0);
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
}
body.rdn .daterangepicker select:focus { outline: 0; border-color: var(--brand); box-shadow: var(--brand-ring); }
body.rdn .daterangepicker .calendar-time { margin: .35rem auto 0; }
body.rdn .daterangepicker .ranges li { border-radius: var(--r-sm); font-size: .82rem; }
body.rdn .daterangepicker .ranges li:hover { background-color: var(--brand-50); color: var(--brand-700); }
body.rdn .daterangepicker .ranges li.active { background-color: var(--brand); color: #fff; }
body.rdn .daterangepicker .drp-buttons { border-top: 1px solid var(--line); padding: .5rem .6rem; }
body.rdn .daterangepicker .drp-selected { font-size: .8rem; color: var(--muted); }

body.rdn .swal2-container { z-index: 100000 !important; }
body.rdn .swal2-popup { border-radius: var(--r-lg); font-family: var(--font-brand); box-shadow: var(--sh-lg); }
body.rdn .swal2-title { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; color: var(--ink); }
body.rdn .swal2-html-container { font-size: .92rem; color: var(--n-600); }
body.rdn .swal2-styled { font-weight: 600; font-size: .92rem; }
body.rdn .swal2-confirm.swal2-styled {
    background: var(--grad) !important;
    background-color: var(--brand-600) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--grad-glow) !important;
}
body.rdn .swal2-confirm.swal2-styled:hover { background: var(--brand-700) !important; }
body.rdn .swal2-cancel.swal2-styled {
    background: var(--n-0) !important;
    color: var(--err-t) !important;
    border: 1px solid var(--err-b) !important;
    border-radius: var(--r-md) !important;
}
body.rdn .swal2-cancel.swal2-styled:hover { background: var(--err-h) !important; border-color: var(--err-h) !important; color: #fff !important; }
body.rdn .swal2-deny.swal2-styled { border-radius: var(--r-md) !important; }
body.rdn .swal2-styled:focus { box-shadow: var(--brand-ring); }
body.rdn .swal2-icon.swal2-success { border-color: var(--ok-h); color: var(--ok-h); }
body.rdn .swal2-icon.swal2-success .swal2-success-ring { border-color: var(--ok-b); }
body.rdn .swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--ok-h); }
body.rdn .swal2-icon.swal2-error { border-color: var(--err-h); color: var(--err-h); }
body.rdn .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--err-h); }
body.rdn .swal2-icon.swal2-warning { border-color: var(--warn-h); color: var(--warn-h); }
body.rdn .swal2-icon.swal2-info { border-color: var(--info-h); color: var(--info-h); }
body.rdn .swal2-icon.swal2-question { border-color: var(--brand-300); color: var(--brand); }

body.rdn .cursor-pointer { cursor: pointer; }
body.rdn .text-sm { font-size: .875rem !important; }
body.rdn .w-5 { width: 5% !important; }
body.rdn .w-7 { width: 7% !important; }
body.rdn .w-10 { width: 10% !important; }
body.rdn .w-12 { width: 12% !important; }
body.rdn .w-15 { width: 15% !important; }
body.rdn .w-20 { width: 20% !important; }
body.rdn .w-30 { width: 30% !important; }
body.rdn .w-35 { width: 35% !important; }

.rl-menu-card>.card-header .btn-opt.rl-select-all.active{background:#fff!important;border-color:#fff!important;color:var(--brand)!important}
.rl-module-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 0;padding:.35rem 0;border-bottom:1px dashed #e6ebf1}
.rl-module-row:last-child{border-bottom:0}
.rl-module-title{flex:0 0 220px;max-width:100%;padding:0 .75rem;font-weight:600}
.rl-module-perms{display:flex;flex-wrap:wrap;align-items:center;flex:1 1 auto}
.rl-module-perms .form-check-inline{margin-right:0}
.rl-picker-count{font-size:.9rem;padding:.45em .75em}
.rl-pick-col{width:48px}
#tblRoleUserCandidateList tbody td{cursor:pointer}
#tblRoleUserCandidateList tbody tr.rl-row-picked{background:var(--brand-soft)}
.rl-modal-atas{z-index:1060}
.modal-backdrop.rl-backdrop-atas{z-index:1055}
@media (max-width:575.98px){.rl-module-title{flex-basis:100%;padding-bottom:.25rem}}

body [class^="ri-"], body [class*=" ri-"] { display: inline-block; }
@keyframes rdn-ri-spin { to { transform: rotate(360deg); } }
body .ri-spin { display: inline-block; animation: rdn-ri-spin 1s linear infinite; }