/* /dist/css/mrobotics-theme.css */
/* Shared presentation only: existing page forms, links and event hooks stay intact. */
@property --mr-dialog-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.mr-public .swal-overlay, .mr-app .swal-overlay { background: #020c1bd1; backdrop-filter: blur(7px); }
.mr-public .swal-modal, .mr-app .swal-modal,
.mr-app #regenerate_token_2fa .modal-content, .mr-app #regenerate_token_otp .modal-content {
    position: relative; width: min(460px, calc(100% - 32px)); max-width: 100%; border: 1px solid #365c80; border-radius: 21px;
    background: radial-gradient(ellipse at 50% 0, #17456b66, transparent 65%), linear-gradient(145deg, #13263f, #0b1c32);
    color: #eaf4ff; box-shadow: 0 24px 90px #0007, 0 0 45px #259bd414; font-family: 'Segoe UI', Arial, sans-serif;
}
.mr-public .swal-modal::before, .mr-app .swal-modal::before,
.mr-app #regenerate_token_2fa .modal-content::before, .mr-app #regenerate_token_otp .modal-content::before {
    content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 2px; pointer-events: none;
    background: conic-gradient(from var(--mr-dialog-angle), transparent 0deg 270deg, #287aff88 302deg, #55dfff 332deg, #c9faff 344deg, transparent 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
}
.mr-public .swal-title, .mr-app .swal-title { color: #f0f7ff; font-size: 25px; font-weight: 650; line-height: 1.3; padding: 0 24px; }
.mr-public .swal-text, .mr-app .swal-text { color: #abc3dd; font-size: 15px; line-height: 1.7; text-align: center; max-width: calc(100% - 48px); }
.mr-public .swal-content, .mr-app .swal-content { padding: 0 28px; }
.mr-public .swal-content__input, .mr-app .swal-content__input,
.mr-app #regenerate_token_2fa .form-control, .mr-app #regenerate_token_otp .form-control {
    color: #ecf7ff; background: #081a2e; border: 1px solid #375b7b; border-radius: 10px; min-height: 52px; padding: 12px 16px; font-size: 17px;
}
.mr-public .swal-content__input:focus, .mr-app .swal-content__input:focus,
.mr-app #regenerate_token_2fa .form-control:focus, .mr-app #regenerate_token_otp .form-control:focus { border-color: #52d9f5; outline: none; box-shadow: 0 0 0 3px #37c5f51c, 0 0 20px #1c87db12; }
.mr-public .swal-content__input::placeholder, .mr-app .swal-content__input::placeholder { color: #64849f; }
.mr-public .swal-footer, .mr-app .swal-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 26px; padding: 20px 28px 26px; border-top: 1px solid #29445f; background: #08192a33; border-radius: 0 0 20px 20px; }
.mr-public .swal-button-container, .mr-app .swal-button-container { margin: 0; flex: 1; }
.mr-public .swal-button, .mr-app .swal-button { width: 100%; min-height: 46px; border: 1px solid #368fff; border-radius: 9px; padding: 11px 16px; color: white; background: linear-gradient(110deg, #2666ff, #088dd2); font-size: 14px; font-weight: 600; box-shadow: 0 6px 20px #1363e526; }
.mr-public .swal-button:not([disabled]):hover, .mr-app .swal-button:not([disabled]):hover { background: linear-gradient(110deg, #367bff, #12a4df); }
.mr-public .swal-button:focus-visible, .mr-app .swal-button:focus-visible { outline: 2px solid #a3efff; outline-offset: 3px; }
.mr-public .swal-button--cancel, .mr-app .swal-button--cancel { border-color: #3a5a78; background: #18314a; color: #c9daeb; box-shadow: none; }
.mr-public .swal-button--cancel:not([disabled]):hover, .mr-app .swal-button--cancel:not([disabled]):hover { background: #234561; }
.mr-public .swal-button--danger, .mr-app .swal-button--danger { border-color: #e7657b; background: linear-gradient(110deg, #b53359, #cf4e66); }
.mr-public .swal-button--danger:not([disabled]):hover, .mr-app .swal-button--danger:not([disabled]):hover { background: #c84665; }
.mr-public .swal-icon--info, .mr-app .swal-icon--info { border-color: #53d5ef; background: #1a506d33; box-shadow: 0 0 30px #39b7e51a; }
.mr-public .swal-icon--info::before, .mr-public .swal-icon--info::after,
.mr-app .swal-icon--info::before, .mr-app .swal-icon--info::after { background-color: #82e6ff; }
.mr-public .swal-icon--success__hide-corners, .mr-app .swal-icon--success__hide-corners,
.mr-public .swal-icon--success::before, .mr-public .swal-icon--success::after,
.mr-app .swal-icon--success::before, .mr-app .swal-icon--success::after { background: transparent; }
.mr-2fa-dialog .swal-content__input { text-align: center; font-size: 28px; letter-spacing: .32em; padding-left: calc(16px + .32em); font-variant-numeric: tabular-nums; }
.mr-2fa-dialog .swal-icon--info { width: 72px; height: 80px; border-radius: 22px 22px 32px 32px; }
.mr-app #regenerate_token_2fa .modal-content, .mr-app #regenerate_token_otp .modal-content { width: 100%; }
.mr-app #regenerate_token_2fa .modal-header, .mr-app #regenerate_token_otp .modal-header { background: transparent !important; border-bottom: 1px solid #29445f; }
.mr-app #regenerate_token_2fa label, .mr-app #regenerate_token_otp label { color: #d7e8fa; }
.mr-app #regenerate_token_2fa .text-muted, .mr-app #regenerate_token_otp .text-muted { color: #93aec9 !important; }
.mr-app #regenerate_token_2fa .close, .mr-app #regenerate_token_otp .close { color: #d4edff; opacity: .9; text-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
    .mr-public .swal-modal::before, .mr-app .swal-modal::before,
    .mr-app #regenerate_token_2fa .modal-content::before, .mr-app #regenerate_token_otp .modal-content::before { animation: mr-dialog-edge 7s linear infinite; }
}
@keyframes mr-dialog-edge { to { --mr-dialog-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) {
    .mr-public .swal-modal, .mr-app .swal-modal, .mr-public .swal-modal *, .mr-app .swal-modal * { animation: none !important; transition: none !important; }
}
@media (max-width: 380px) {
    .mr-public .swal-title, .mr-app .swal-title { font-size: 22px; }
    .mr-public .swal-footer, .mr-app .swal-footer { padding: 18px; }
    .mr-public .swal-button, .mr-app .swal-button { padding: 10px; font-size: 13px; }
}
.mr-app, .mr-public { font-family: 'Segoe UI', Arial, sans-serif; color: #243a57; font-weight: 400; font-size: 15px; }
.mr-app .hk-wrapper { background: #eef4fc; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light { background: radial-gradient(ellipse at 48% -80%, #1476b2 0, transparent 44%), linear-gradient(105deg, #0b1930, #102c4e 62%, #0b1830); border-bottom: 1px solid #2b567c; box-shadow: 0 2px 16px #071a311f; }
.mr-app .hk-navbar .navbar-brand { display: inline-flex; align-items: center; gap: 9px; padding-left: 6px; color: #f5f9ff; }
.mr-app .hk-navbar .navbar-brand .mr-brand-mark { width: 34px; height: 34px; object-fit: contain; }
.mr-app .hk-navbar .navbar-brand .mr-brand-mark,
.mr-public .mr-public-brand .mr-brand-mark { filter: drop-shadow(0 0 7px #358dff55); }
.mr-app .hk-navbar .navbar-brand .mr-brand-text { color: #f5f9ff; font-size: 23px; font-weight: 750; letter-spacing: -.6px; }
.mr-app .hk-navbar .navbar-brand .mr-brand-caption { margin-left: 10px; padding-left: 17px; border-left: 1px solid #58728f; font-size: 11px; letter-spacing: 1px; color: #c1d7ed; }
.mr-app .hk-wrapper .hk-navbar .nav-link, .mr-app .hk-wrapper .hk-navbar .feather-icon,
.mr-app .hk-wrapper .hk-navbar .media-body > span, .mr-app .hk-wrapper .hk-navbar .hk-navbar-content > li > p { color: #dce9fa; }
.mr-app .hk-wrapper .hk-navbar .nav-link-hover:hover { background: #243c59; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark { background: linear-gradient(100deg, #0e2039, #152c49); border-bottom: 1px solid #22466a; box-shadow: 0 5px 15px #152c4914; }
.mr-app .hk-nav .navbar-nav-wrap { max-width: 1600px; margin: 0 auto; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .nav-link { color: #d7e7fb; font-size: 15px; font-weight: 500; padding-left: 21px; padding-right: 21px; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .mr-nav-active > .nav-link { background: linear-gradient(0deg, #11577b70, #173e6030); color: white; box-shadow: inset 0 -3px #08d8f4; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .nav-link:hover { color: white; background: #1c3655; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .collapse-level-1 { border-radius: 0 0 10px 10px; box-shadow: 0 12px 25px #091b3026; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .collapse-level-1 .nav-link { font-size: 14px; }
.mr-app .hk-wrapper .hk-pg-wrapper:not(.mr-dashboard) { background: radial-gradient(ellipse at 90% 0, #d3eaff99, transparent 40%), #f2f6fd; min-height: 100vh; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) > .container { max-width: 1600px; width: 100%; padding: 30px 30px 18px; margin-top: 0 !important; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-header { gap: 16px; flex-wrap: wrap; margin-bottom: 24px; align-items: center; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-title { color: #102846; font-size: 29px; font-weight: 700; letter-spacing: -.6px; line-height: 1.3; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card,
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-sec-wrapper { border: 1px solid #bed1ed; border-radius: 12px; background: #fff; box-shadow: 0 5px 18px #245ba208; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card { overflow: visible; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-header { background: linear-gradient(105deg, #f7faff, #edf5ff); border-bottom: 1px solid #dce7f5; border-radius: 12px 12px 0 0; padding: 18px 22px; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-header h3 { font-size: 21px; font-weight: 600; color: #18385f; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-body { padding: 22px; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-footer { background: #f7faff; border-top: 1px solid #e0eaf7; border-radius: 0 0 12px 12px; padding: 16px 22px; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-sec-title { font-size: 20px; font-weight: 600; color: #193857; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table { margin-bottom: 0; font-size: 14px; color: #334c69; font-variant-numeric: tabular-nums; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table thead th { background: #e8f0fd; color: #294365; font-size: 13px; font-weight: 600; padding: 13px 14px; white-space: nowrap; border-top: 0; border-bottom: 1px solid #cadcf3; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody td { padding: 13px 14px; border-color: #e4edf8; vertical-align: middle; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody tr:nth-child(even) { background: #f7faff; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table tbody tr:hover { background: #edf5ff; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .table a { color: #245bd0; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .company_logo { max-height: 36px; object-fit: contain; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .form-control, .mr-app .custom-select,
.mr-public .form-control { border: 1px solid #c9d9ee; border-radius: 7px; background-color: #fff; color: #243d5d; font-size: 15px; box-shadow: none; }
.mr-app .form-control:not(textarea):not([type='file']), .mr-public .form-control:not(textarea) { min-height: 42px; }
.mr-app .form-control-sm { min-height: 35px !important; font-size: 14px; }
.mr-app .form-control:focus, .mr-app .custom-select:focus, .mr-public .form-control:focus { border-color: #438aff; box-shadow: 0 0 0 3px #438aff1c; }
.mr-app label { color: #334e70; font-size: 14px; font-weight: 500; }
.mr-app .form-text { font-size: 13px; line-height: 1.6; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .btn { border-radius: 7px; font-size: 14px; font-weight: 500; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .btn-sm { font-size: 12px; padding: 7px 10px; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .btn-xs { font-size: 12px; padding: 6px 9px; }
.mr-app .btn-primary, .mr-public .btn-primary { background: linear-gradient(180deg, #2870ff, #1451f3); border-color: #1a5aff; color: #fff; box-shadow: 0 3px 9px #2768ff18; }
.mr-app .btn-primary:hover, .mr-public .btn-primary:hover { background: #174edb; border-color: #174edb; }
.mr-app .btn-outline-primary { color: #285fe1; border-color: #bdd0f3; background: #f3f7ff; }
.mr-app .btn-outline-secondary { color: #496581; border-color: #c2d3eb; background: #fff; }
.mr-app .btn-outline-secondary:hover { background: #eaf2ff; color: #234b81; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge { padding: 5px 8px; font-weight: 600; font-size: 11px; border-radius: 5px; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-success { color: #0b7252; background: #def6e9; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-warning { color: #8b5906; background: #fff1d5; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-danger { color: #ba3048; background: #ffe5eb; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .badge-info { color: #23699f; background: #e0f2ff; }
.mr-app .pagination .page-link { color: #2c60c8; border-color: #d3e1f4; font-size: 14px; }
.mr-app .pagination .page-item.active .page-link { background: #3563f6; border-color: #3563f6; color: #fff; }
.mr-app .modal-content { border: 1px solid #c5d9f3; border-radius: 12px; box-shadow: 0 20px 65px #0a203b33; }
.mr-app .modal-header { border-radius: 11px 11px 0 0; }
.mr-app .dropdown-menu { border: 1px solid #cfddf1; border-radius: 9px; box-shadow: 0 9px 28px #142f541a; font-size: 14px; }
.mr-app .dropdown-item { padding: 9px 16px; }
/* Menus share one readable surface, independent of the dark header. */
.mr-app .hk-wrapper .dropdown-menu { z-index: 1100; padding: 7px; min-width: 190px; max-width: calc(100vw - 24px); max-height: min(440px, calc(100vh - 100px)); overflow-y: auto; background: #fff; border: 1px solid #bfd1ec; border-radius: 11px; box-shadow: 0 14px 36px #0a23422b; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-item { display: flex; align-items: center; gap: 10px; color: #294563; font-size: 14px; line-height: 1.5; padding: 10px 12px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-item > span { color: inherit; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-item:hover,
.mr-app .hk-wrapper .dropdown-menu .dropdown-item:focus { color: #1f59cf; background: #eaf2ff; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-icon { color: #557aaf; margin: 0; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-item[href='/auth/logout'] { color: #ba3c54; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-item[href='/auth/logout']:hover { background: #fff0f3; }
.mr-app .hk-wrapper .dropdown-menu .dropdown-divider { margin: 6px 3px; border-color: #e1eaf7; }
.mr-app .hk-wrapper .hk-navbar { overflow: visible; }
.mr-app .hk-wrapper:not(.hk-nav-toggle) .hk-nav-backdrop { pointer-events: none; }
.mr-app .hk-wrapper .hk-navbar .dropdown-authentication { position: relative; }
.mr-app .hk-wrapper .hk-navbar .dropdown-authentication > .nav-link { padding: 0 6px; }
.mr-app .hk-wrapper .hk-navbar .dropdown-authentication .dropdown-menu { position: absolute; top: calc(100% + 8px); left: auto; right: 0; min-width: 224px; margin: 0; transform-origin: top right; }
.mr-app .hk-wrapper .hk-navbar .dropdown-authentication .dropdown-menu .dropdown-item { color: #294563; }
.mr-app .hk-wrapper .hk-navbar .dropdown-notifications .dropdown-menu { max-width: calc(100vw - 24px); min-width: min(350px, calc(100vw - 24px)); padding: 8px; }
.mr-app .hk-wrapper .hk-navbar .navbar-nav .nav-item.dropdown.dropdown-notifications .dropdown-menu { top: calc(100% + 8px); left: auto; right: 0; width: 350px; min-width: min(350px, calc(100vw - 24px)); max-width: calc(100vw - 24px); }
.mr-app .hk-wrapper .hk-navbar .dropdown-menu .media-body { color: #405b79; }
.mr-app .hk-wrapper .hk-navbar .dropdown-menu .dropdown-header { color: #3d5e82; font-size: 13px; }
.mr-app .hk-wrapper .hk-nav .navbar-nav .collapse-level-1 { padding: 7px; }
.mr-app .hk-wrapper .hk-nav .navbar-nav .collapsing { transition: none !important; }
.mr-app .hk-wrapper .hk-nav .navbar-nav .collapse-level-1 .nav-link { font-size: 14px; line-height: 1.5; border-radius: 6px; padding: 10px 13px; }
@media (min-width: 1200px) {
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item > ul.collapse-level-1,
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item > ul.collapse-level-2 { background: #fff; color: #294563; border: 1px solid #bfd1ec; min-width: 224px; padding: 7px; }
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link { color: #294563; background: transparent; padding: 10px 13px; font-size: 14px; font-weight: 400; }
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:hover,
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link:focus,
    body.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav.hk-nav-dark .navbar-nav .nav-item ul.collapse-level-1 .nav-item .nav-link[aria-current='page'] { color: #2057c7; background: #eaf2ff; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 { background: #fff; border: 1px solid #bfd1ec; min-width: 218px; max-height: calc(100vh - 135px); overflow-y: auto; box-shadow: 0 14px 36px #0a23422b; z-index: 1100; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .collapse.show { display: block; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .collapse-level-1:not(.show) { display: none; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 .nav-link { color: #294563; background: transparent; font-weight: 400; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:hover,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:focus,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-2 .nav-link:hover { color: #1f59cf; background: #eaf2ff; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 a[aria-current='page'] { color: #2057c7; background: #eaf2ff; font-weight: 600; }
}
@media (max-width: 1199px) {
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link { color: #c7d9f0; background: #10233b; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 .nav-link:hover,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .collapse-level-1 a[aria-current='page'] { color: #fff; background: #1b3d61; }
}
/* A navy loading surface replaces the legacy full white flash. */
.preloader-it.mr-theme-loader { position: fixed; inset: 0; width: 100vw; height: 100vh; display: grid; place-items: center; background: radial-gradient(ellipse at center, #12375c 0, #08172b 58%, #06101f 100%); z-index: 10001; opacity: 1; transition: opacity .2s ease-out; }
.mr-theme-loader.mr-loader-exit { opacity: 0; pointer-events: none; }
.mr-theme-loader[hidden] { display: none; }
.mr-loader-content { text-align: center; padding: 28px; color: #dbeaff; font-family: 'Segoe UI', Arial, sans-serif; }
.mr-loader-symbol { position: relative; display: grid; place-items: center; width: 88px; height: 88px; margin: 0 auto 22px; }
.mr-loader-symbol img { width: 42px; height: 42px; filter: drop-shadow(0 0 12px #397aff80); }
.mr-loader-ring { position: absolute; inset: 0; border: 2px solid #30567c; border-top-color: #47d5f6; border-right-color: #3576fa; border-radius: 50%; animation: mr-loader-orbit 1.3s linear infinite; box-shadow: 0 0 26px #2a92df18; }
.mr-loader-content strong { display: block; color: #f0f7ff; font-size: 20px; font-weight: 700; letter-spacing: .8px; }
.mr-loader-content p { margin: 10px 0 20px; color: #8fabca; font-size: 13px; }
.mr-loader-track { width: 170px; height: 3px; background: #1d3d5c; margin: 0 auto; overflow: hidden; border-radius: 3px; }
.mr-loader-track span { display: block; width: 65px; height: 100%; background: linear-gradient(90deg, #3563f6, #41d8f4); border-radius: 3px; animation: mr-loader-scan 1.4s ease-in-out infinite; }
.mr-app .swal-modal:has(img[src$='/img/loading.gif']), .mr-public .swal-modal:has(img[src$='/img/loading.gif']) { background: linear-gradient(145deg, #132b48, #0a1b31); border: 1px solid #3b638b; border-radius: 17px; box-shadow: 0 20px 80px #0004; }
.swal-modal:has(img[src$='/img/loading.gif']) .swal-title { color: #e4f2ff; }
.swal-modal:has(img[src$='/img/loading.gif']) .swal-text { color: #a1bcd7; }
.swal-content:has(img[src$='/img/loading.gif']) { position: relative; height: 100px; }
.swal-content img[src$='/img/loading.gif'] { display: none; }
.swal-content:has(img[src$='/img/loading.gif'])::before { content: ''; position: absolute; width: 76px; height: 76px; top: 0; left: calc(50% - 38px); background: url('/dist/img/favicon.png?v=blue-cyan-20261106') center / 36px 36px no-repeat; filter: drop-shadow(0 0 14px #347aff50); }
.swal-content:has(img[src$='/img/loading.gif'])::after { content: ''; position: absolute; width: 76px; height: 76px; top: 0; left: calc(50% - 38px); border: 2px solid #30567c; border-top-color: #47d5f6; border-right-color: #3576fa; border-radius: 50%; animation: mr-loader-orbit 1.3s linear infinite; }
@keyframes mr-loader-orbit { to { transform: rotate(360deg); } }
@keyframes mr-loader-scan { 0% { transform: translateX(-65px); } 100% { transform: translateX(170px); } }
.mr-app .nav-tabs { border-bottom-color: #cbdcf2; }
.mr-app .nav-tabs .nav-link.active { background: #eef5ff; color: #245cdb; border-color: #cbdcf2 #cbdcf2 #eef5ff; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .text-light { color: #74869b !important; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-footer-wrap { max-width: none; padding-left: 0; padding-right: 0; }
.mr-app .footer p, .mr-app .footer a { font-size: 12px; }
.mr-app .hk-footer-wrap .footer > .row { margin-left: 0; margin-right: 0; }
.mr-app .mr-table-scroll { max-width: 100%; border-radius: 8px; }
.mr-app .mr-table-scroll:focus-visible { outline: 3px solid #32ccec; outline-offset: 2px; }
.mr-app .hk-wrapper .navbar-search { background: #e9f3ff; border-bottom: 1px solid #c3d8f1; }
.mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-body { overflow-wrap: anywhere; }
.mr-app a:focus-visible, .mr-app button:focus-visible, .mr-public a:focus-visible, .mr-public button:focus-visible { outline: 3px solid #32ccec; outline-offset: 3px; }
@media (max-width: 1399px) {
    .mr-app .hk-navbar .navbar-brand .mr-brand-caption { display: none; }
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .nav-item > .nav-link { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 1199px) {
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav > .mr-nav-active > .nav-link { box-shadow: inset 3px 0 #08d8f4; }
}
@media (max-width: 767px) {
    .mr-app .hk-navbar .navbar-brand { gap: 6px; }
    .mr-app .hk-navbar .navbar-brand .mr-brand-mark { width: 26px; height: 26px; }
    .mr-app .hk-navbar .navbar-brand .mr-brand-text { font-size: 16px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) > .container { padding: 22px 16px 14px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-title { font-size: 25px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-header > .d-flex { max-width: 100%; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-header > .d-flex > .row { flex: 1 1 100%; margin: 0 0 10px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-header .form-inline { flex-wrap: wrap; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-pg-header .dropdown { margin-bottom: 8px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-body { padding: 17px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-body.pa-0 { padding: 0 !important; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .hk-sec-wrapper { padding: 18px 16px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table th, .mr-app .hk-pg-wrapper:not(.mr-dashboard) .table td { white-space: nowrap; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) code { overflow-wrap: anywhere; white-space: pre-wrap; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .card-body.m-4 { margin: 0 !important; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .list-ul { padding-left: 16px; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .list-ul .col-6 { flex: 0 0 100%; max-width: 100%; }
    .mr-app .hk-pg-wrapper:not(.mr-dashboard) .list-ul .d-flex > span { min-width: 0; }
}
@media (max-width: 359px) {
    .mr-app .hk-navbar .navbar-brand .mr-brand-text { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
    .mr-app *, .mr-public * { scroll-behavior: auto !important; transition: none !important; }
    .mr-loader-ring, .mr-loader-track span { animation: none !important; }
    .swal-content:has(img[src$='/img/loading.gif'])::after { animation: none !important; }
}

/* /dist/css/auth-design.css */
.mr-public { background: #edf4ff; }
.mr-public .hk-wrapper { min-height: 100vh; background: transparent; }
.mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper { padding: 0; min-height: 100vh; display: flex; flex-direction: column; background: transparent; }
.mr-public .mr-public-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 5%; width: 100%; min-height: 86px; border-bottom: 1px solid #c8daef; }
.mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper > header.mr-public-header { position: relative; top: auto; left: auto; right: auto; flex-shrink: 0; }
.mr-public .mr-public-brand { display: inline-flex; align-items: center; gap: 9px; color: #133256; white-space: nowrap; }
.mr-public .mr-brand-mark { width: 34px; height: 34px; object-fit: contain; }
.mr-public .mr-brand-text { color: #153557; font-size: 24px; font-weight: 750; letter-spacing: -.7px; }
.mr-public .mr-brand-caption { display: none; }
.mr-public .mr-public-nav { display: flex; align-items: center; gap: 8px; }
.mr-public .mr-public-nav a { color: #476588; font-size: 14px; font-weight: 500; padding: 9px 13px; border: 1px solid transparent; border-radius: 7px; }
.mr-public .mr-public-nav a:hover, .mr-public .mr-public-nav a[aria-current='page'] { color: #205be2; border-color: #bdd2f4; background: #ffffffb3; }
.mr-public .mr-public-main { width: 100%; flex: 1 0 auto; padding: 35px max(20px, 5%); }
.mr-public .mr-public-footer { position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding: 20px 5%; color: #5d7592; border-top: 1px solid #c8daef; font-size: 12px; }
.mr-public .mr-public-footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
.mr-public .mr-public-footer a { color: #49698c; font-size: 12px; }
.mr-public .mr-public-footer a:hover { color: #1b67e4; }
.mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main > .row { max-width: 1180px; margin: 0 auto; background: white; border: 1px solid #ccdcf0; border-radius: 14px; padding: 28px 18px; box-shadow: 0 8px 30px #31578409; }
.mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main > .row > [class*='col-'] { max-width: 100%; flex: 0 0 100%; margin-left: 0; }
.mr-public:not(.mr-login-page) .terms-of-use .container { max-width: 100%; }
.mr-public .terms h1, .mr-public .terms h2, .mr-public .terms h3 { color: #173656; font-weight: 600; }
.mr-public .terms h1 { font-size: 30px; }
.mr-public .terms p, .mr-public .terms li { font-size: 15px; line-height: 1.85; color: #526780; }
.mr-public .mr-public-main { overflow-wrap: anywhere; }
.mr-public .mr-public-main ol, .mr-public .mr-public-main ul { max-width: 100%; padding-left: 22px; }
.mr-public .mr-public-main ol > li { display: block; }
.mr-public .mr-public-main ol > li::before { display: inline; }
.mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main .auth-brand { display: none !important; }
.mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main .card { border: 1px solid #ccdcf0; border-radius: 12px; }
.mr-public:not(.mr-login-page):not(.mr-auth-flow-page) .mr-public-main h1.display-4 { font-size: 30px; font-weight: 650; }
.mr-public .mr-public-main pre { max-width: 100%; overflow: auto; }
.mr-public .auth-form-wrap { padding: 25px 0 !important; min-height: auto; }
.mr-public .auth-form { width: 100% !important; max-width: 520px; border: 1px solid #c3d7ee; border-radius: 15px; padding: 32px; background: white; box-shadow: 0 12px 40px #153a6a0c; }
.mr-public .auth-form .display-4 { font-size: 26px; font-weight: 650; color: #16395d; }
.mr-public .auth-form .form-group { margin-bottom: 18px; }
.mr-public .auth-form .btn-primary { min-height: 46px; border-radius: 8px; }
.mr-public .auth-brand img { max-width: 210px; }
.mr-public.mr-login-page, .mr-public.mr-auth-flow-page { background: #071426; color: #ecf4ff; }
.mr-public.mr-login-page .hk-wrapper, .mr-public.mr-auth-flow-page .hk-wrapper { background: radial-gradient(ellipse at 22% 38%, #143e6b 0, transparent 42%), radial-gradient(ellipse at 83% 56%, #0b3d584d, transparent 40%), #071426; }
.mr-public.mr-login-page .mr-public-header, .mr-public.mr-auth-flow-page .mr-public-header { border-color: #263e57; background: #08172e80; }
.mr-public.mr-login-page .mr-brand-text, .mr-public.mr-auth-flow-page .mr-brand-text { color: #f3f8ff; }
.mr-public.mr-login-page .mr-public-nav a, .mr-public.mr-auth-flow-page .mr-public-nav a { color: #acbfd6; }
.mr-public.mr-login-page .mr-public-nav a:hover, .mr-public.mr-login-page .mr-public-nav a[aria-current='page'], .mr-public.mr-auth-flow-page .mr-public-nav a:hover, .mr-public.mr-auth-flow-page .mr-public-nav a[aria-current='page'] { color: #e7f7ff; border-color: #33648b; background: #123451; }
.mr-public.mr-login-page .mr-public-footer, .mr-public.mr-auth-flow-page .mr-public-footer { border-color: #263e57; color: #7892ad; }
.mr-public.mr-login-page .mr-public-footer a, .mr-public.mr-auth-flow-page .mr-public-footer a { color: #96aec9; }
.mr-public.mr-login-page .mr-public-main { display: flex; align-items: center; padding-top: 45px; padding-bottom: 45px; }
.mr-login-screen { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 9%; width: 100%; max-width: 1260px; margin: 0 auto; }
.mr-login-story { min-width: 0; }
.mr-login-eyebrow { display: inline-flex; color: #6adbf3; font-size: 11px; font-weight: 600; letter-spacing: 2.5px; margin-bottom: 20px; }
.mr-login-story h1 { color: #f0f6ff; font-size: clamp(40px, 4.3vw, 60px); font-weight: 750; letter-spacing: -1.9px; line-height: 1.12; margin: 0 0 20px; }
.mr-login-story h1 > span { color: #59d6ff; }
.mr-login-intro { max-width: 460px; color: #a3b8d2; font-size: 16px; line-height: 1.8; }
.mr-auth-orbit { position: relative; height: 260px; max-width: 490px; margin: 18px 0 14px; overflow: hidden; }
.mr-orbit-grid { position: absolute; inset: 10px; background-image: linear-gradient(#49a7e312 1px, transparent 1px), linear-gradient(90deg, #49a7e312 1px, transparent 1px); background-size: 30px 30px; mask-image: radial-gradient(ellipse, #000, transparent 72%); }
.mr-orbit-ring { position: absolute; width: 300px; height: 200px; top: 25px; left: calc(50% - 150px); border: 1px solid #2987bd60; border-radius: 50%; transform: rotate(-23deg); box-shadow: 0 0 35px #1d8fe91a; }
.mr-orbit-ring-two { width: 210px; height: 210px; left: calc(50% - 105px); top: 21px; transform: rotate(23deg); border-style: dashed; border-color: #33c7df40; }
.mr-orbit-core { position: absolute; top: 66px; left: calc(50% - 62px); width: 124px; height: 124px; border: 1px solid #54b9ed94; border-radius: 28px; background: linear-gradient(140deg, #173b68, #0b203d); box-shadow: 0 0 48px #2299fc40, inset 0 0 30px #55c5ff1c; display: grid; place-items: center; transform: rotate(-8deg); }
.mr-orbit-core img { width: 99px; height: 99px; object-fit: contain; transform: rotate(8deg); }
.mr-orbit-chip { position: absolute; display: inline-flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid #346487; border-radius: 10px; background: #0d2541ed; color: #c6dff4; font-size: 12px; box-shadow: 0 8px 24px #0002; }
.mr-orbit-chip svg { width: 17px; height: 17px; color: #54d3f2; }
.mr-orbit-chip-one { left: 0; top: 30px; }
.mr-orbit-chip-two { right: 0; top: 105px; }
.mr-orbit-chip-three { bottom: 12px; left: 35px; }
.mr-data-network { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.mr-data-network path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.mr-data-track { stroke: #43bfe13d; stroke-width: 1; }
.mr-data-packet { stroke: #83eeff; stroke-width: 3; stroke-dasharray: 2 98; stroke-dashoffset: 0; filter: drop-shadow(0 0 4px #44d9ff); opacity: 0; }
.mr-data-return { stroke: #589cff; stroke-width: 2; stroke-dasharray: 1 99; }
.mr-orbit-chip::after { content: ''; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: #65e9d1; box-shadow: 0 0 8px #48dfbd80; }
.mr-orbit-chip .mr-worker-bot { width: 28px; height: 32px; flex-shrink: 0; overflow: visible; color: #67dfff; }
.mr-worker-status { display: block; margin-top: 3px; color: #7ba6bd; font-size: 9px; font-weight: 400; letter-spacing: .2px; }
.mr-worker-status::after { content: '...'; display: inline-block; width: 9px; overflow: hidden; vertical-align: bottom; }
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
    .mr-worker-arm { transform-origin: 16px 23px; animation: mr-bot-work .6s ease-in-out infinite alternate; }
    .mr-worker-eyes { transform-origin: 16px 15px; animation: mr-bot-look 4s ease-in-out infinite; }
    .mr-worker-signal, .mr-worker-keys { animation: mr-data-activity 1.2s ease-in-out infinite; }
    .mr-worker-status::after { animation: mr-bot-progress 1.6s steps(4, end) infinite; }
    .mr-orbit-chip-two .mr-worker-arm, .mr-orbit-chip-two .mr-worker-eyes { animation-delay: -.2s; }
    .mr-orbit-chip-three .mr-worker-arm, .mr-orbit-chip-three .mr-worker-eyes { animation-delay: -.4s; }
    .mr-data-packet { opacity: 1; animation: mr-data-transfer 4.8s linear infinite; animation-delay: var(--mr-flow-delay, 0s); }
    .mr-data-return { animation-direction: reverse; animation-duration: 6.4s; }
    .mr-orbit-chip::after { animation: mr-data-activity 2.4s ease-in-out infinite; }
    .mr-orbit-chip-two::after { animation-delay: -.8s; }
    .mr-orbit-chip-three::after { animation-delay: -1.6s; }
}
@keyframes mr-data-transfer { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes mr-bot-work { from { transform: translateY(-1px) rotate(-3deg); } to { transform: translateY(1px) rotate(3deg); } }
@keyframes mr-bot-look { 0%, 42%, 48%, 100% { transform: translateY(0) scaleY(1); } 20%, 70% { transform: translateY(1px) scaleY(1); } 45% { transform: scaleY(.15); } }
@keyframes mr-bot-progress { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes mr-data-activity { 0%, 100% { opacity: .45; box-shadow: 0 0 3px #48dfbd40; } 45%, 60% { opacity: 1; box-shadow: 0 0 11px #48dfbdb3; } }
.mr-login-capabilities { display: flex; flex-wrap: wrap; gap: 24px; color: #b3cae0; font-size: 12px; }
.mr-login-capabilities > span { display: inline-flex; align-items: center; gap: 7px; }
.mr-login-capabilities svg { width: 15px; height: 15px; color: #48c9e7; }
.mr-login-card { position: relative; padding: 36px; background: linear-gradient(145deg, #13263f, #0c1c32); border: 1px solid #36587c; border-radius: 21px; box-shadow: 0 24px 80px #0004, 0 0 50px #1a77bb0c; min-width: 0; }
@property --mr-card-edge-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}
.mr-login-card::before,
.mr-account-screen .auth-form::before {
    content: ''; position: absolute; inset: -1px; padding: 2px; border-radius: inherit;
    pointer-events: none; z-index: 1;
    background: conic-gradient(from var(--mr-card-edge-angle), transparent 0deg 270deg, #286dff99 300deg, #48d6ff 327deg, #c6f7ff 341deg, transparent 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
@media (prefers-reduced-motion: no-preference) {
    .mr-login-card::before,
    .mr-account-screen .auth-form::before { animation: mr-card-edge-orbit 7s linear infinite; }
}
@keyframes mr-card-edge-orbit { to { --mr-card-edge-angle: 360deg; } }
.mr-login-card-top { display: flex; align-items: center; gap: 10px; color: #9bb8d8; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 23px; }
.mr-login-lock { display: grid; place-items: center; color: #70d9ff; background: #1b4364; border: 1px solid #2e6589; width: 32px; height: 32px; border-radius: 9px; }
.mr-login-lock svg { width: 16px; height: 16px; }
.mr-login-card h2 { color: #f3f8ff; font-size: 31px; font-weight: 700; letter-spacing: -.8px; margin: 0 0 9px; }
.mr-login-card-description { color: #9fb4ce; font-size: 14px; margin: 0 0 29px; }
.mr-login-card .form-group { margin-bottom: 20px; }
.mr-login-card label { font-size: 13px; color: #d0def0; font-weight: 500; margin-bottom: 8px; }
.mr-login-label-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mr-login-label-row a { font-size: 12px; color: #6ecff7; margin-bottom: 8px; }
.mr-login-field { position: relative; }
.mr-login-field > svg { position: absolute; top: 16px; left: 14px; width: 17px; height: 17px; color: #7298bd; z-index: 5; }
.mr-public .mr-login-card .mr-login-field .form-control { min-height: 50px; height: 50px; padding: 12px 44px; background: #08182c; color: #edf7ff; border: 1px solid #345476; border-radius: 8px; font-size: 14px; }
.mr-public .mr-login-card .form-control::placeholder { color: #7894b1; opacity: 1; }
.mr-public .mr-login-card .form-control:focus { border-color: #3ba9ed; box-shadow: 0 0 0 3px #35a5ea1c; }
.mr-login-card .input-group-append { position: absolute; top: 0; bottom: 0; right: 0; z-index: 6; cursor: pointer; pointer-events: all; }
.mr-login-card .input-group-text { border: 0; background: transparent; color: #8fb4d7; padding: 0 14px; cursor: pointer; }
.mr-login-card .input-group-text svg { width: 17px; height: 17px; }
.mr-login-card .mr-login-remember { margin: 4px 0 24px; }
.mr-login-card .mr-login-remember label { font-size: 13px; color: #a8bfd8; }
.mr-login-card #loginbtn { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 49px; border-radius: 8px; font-size: 14px; font-weight: 600; background: linear-gradient(100deg, #266cff, #177edb); box-shadow: 0 6px 20px #1765ef33; }
.mr-login-card #loginbtn svg { width: 18px; height: 18px; }
.mr-login-create { display: flex; justify-content: center; flex-wrap: wrap; gap: 7px; margin: 24px 0; color: #94adc9; font-size: 13px; }
.mr-login-create a { color: #74d5fa; font-weight: 500; }
.mr-login-help { display: flex; align-items: center; justify-content: center; gap: 11px; padding-top: 22px; border-top: 1px solid #2b415d; }
.mr-login-help > svg { width: 21px; height: 21px; color: #73a8d0; }
.mr-login-help div { display: flex; align-items: center; gap: 12px; }
.mr-login-help span { color: #8fa8c2; font-size: 12px; }
.mr-login-help a { color: #c6e2f5; font-size: 14px; font-weight: 600; }
.mr-public.mr-auth-flow-page .auth-form { border: 1px solid #3b5b7b; box-shadow: 0 20px 60px #0003; }
.mr-public.mr-auth-flow-page .auth-form-wrap .auth-form { background: linear-gradient(145deg, #142e49, #0d2138); color: #b6cde2; }
.mr-public.mr-auth-flow-page .auth-form-wrap .auth-form :is(h1, h2, .display-4) { color: #e5f3ff; }
.mr-public.mr-auth-flow-page .auth-form-wrap .auth-form :is(p, pre) { color: #a4bed6; }
.mr-public.mr-auth-flow-page .auth-form-wrap .auth-form a { color: #83d9f5; }
.mr-public .mr-flow-eyebrow { display: block; color: #5276a7; font-size: 11px; font-weight: 650; letter-spacing: 1.7px; margin-bottom: 13px; }
.mr-public .mr-flow-intro { color: #627893; font-size: 14px; line-height: 1.7; margin-bottom: 25px; }
.mr-public .auth-form label { color: #3f5876; font-size: 13px; font-weight: 500; }
.mr-public .mr-captcha-row { display: flex; align-items: center; gap: 12px; }
.mr-public .mr-captcha-row img { flex-shrink: 0; border: 1px solid #d3dfed; border-radius: 7px; }
.mr-public .mr-captcha-row input { min-width: 0; }
.mr-public .mr-flow-bottom { font-size: 13px; color: #6a8098; text-align: center; margin: 22px 0 0; }
.mr-public .mr-flow-bottom a { color: #2767d9; font-weight: 500; }
/* Account creation and recovery use the same split-screen navy card as login. */
.mr-public.mr-auth-flow-page .mr-public-main { display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px; }
.mr-account-screen { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: 9%; width: 100%; max-width: 1260px; margin: 0 auto; }
.mr-public.mr-auth-flow-page .mr-account-screen .auth-form { position: relative; max-width: none; min-width: 0; margin: 0; padding: 32px 36px; border: 1px solid #36587c; border-radius: 21px; background: linear-gradient(145deg, #13263f, #0c1c32); box-shadow: 0 24px 80px #0004; }
.mr-public .mr-account-screen .auth-form .display-4 { color: #f3f8ff; font-size: 29px; font-weight: 700; letter-spacing: -.6px; }
.mr-public .mr-account-screen .auth-form .mr-flow-eyebrow { color: #83c8e9; font-size: 10px; letter-spacing: 1.6px; }
.mr-public .mr-account-screen .auth-form .mr-flow-intro { color: #a3b9d2; font-size: 14px; margin-bottom: 23px; }
.mr-public .mr-account-screen .auth-form label { color: #c8d9ed; font-size: 13px; font-weight: 500; }
.mr-public .mr-account-screen .auth-form .form-control { min-height: 46px; background: #08182c; border: 1px solid #345476; color: #edf7ff; font-size: 14px; }
.mr-public .mr-account-screen .auth-form .form-control::placeholder { color: #7894b1; opacity: 1; }
.mr-public .mr-account-screen .auth-form .form-control:focus { border-color: #3ba9ed; box-shadow: 0 0 0 3px #35a5ea1c; }
.mr-public .mr-account-screen .auth-form .form-group { margin-bottom: 16px; }
.mr-public .mr-account-screen .auth-form .mr-captcha-row { align-items: center; }
.mr-public .mr-account-screen .auth-form .mr-captcha-row img { border-color: #345476; background: #fff; width: 125px; height: 62px; object-fit: contain; }
.mr-public .mr-account-screen .auth-form .custom-control-label { color: #a8bfd8; font-size: 12px; line-height: 1.8; }
.mr-public .mr-account-screen .auth-form a { color: #74d5fa; }
.mr-public .mr-account-screen .auth-form .mr-flow-bottom { color: #9bb4ce; }
.mr-account-screen .mr-login-capabilities a { color: #83d9fa; }
.mr-contact-methods { display: grid; gap: 16px; max-width: 460px; margin-top: 30px; }
.mr-contact-method { display: flex; align-items: center; gap: 17px; min-width: 0; padding: 22px; border: 1px solid #315574; border-radius: 15px; background: linear-gradient(115deg, #153553aa, #0c2139b3); box-shadow: 0 10px 30px #00000012; transition: border-color .2s, background .2s, box-shadow .2s; }
.mr-contact-method:hover, .mr-contact-method:focus-visible { border-color: #5bdaf5; background: #163b58; box-shadow: 0 0 24px #24b9e51a; outline: none; }
.mr-contact-icon { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border: 1px solid #386e93; border-radius: 13px; background: #15436366; color: #71dfff; }
.mr-contact-icon svg { width: 22px; height: 22px; }
.mr-contact-details { display: grid; gap: 5px; min-width: 0; }
.mr-contact-details small { color: #78bad9; font-size: 10px; font-weight: 600; letter-spacing: 1.5px; }
.mr-contact-details strong { color: #eaf5ff; font-size: clamp(15px, 1.6vw, 20px); font-weight: 600; overflow-wrap: anywhere; }
.mr-contact-details > span { color: #91abc6; font-size: 12px; }
.mr-contact-method > .mr-contact-arrow { width: 18px; height: 18px; flex-shrink: 0; margin-left: auto; color: #69cbe9; }
.mr-contact-signature { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 26px 0 0; color: #b3cde6; font-size: 14px; font-weight: 600; }
.mr-contact-signature img { object-fit: contain; }
.mr-contact-signature .mr-contact-company { border-left: 1px solid #37516e; padding-left: 12px; color: #7195b3; font-size: 10px; letter-spacing: 1.5px; font-weight: 500; }
.mr-public .mr-contact-form .form-control { border-radius: 9px; }
.mr-contact-form textarea { resize: vertical; max-height: 360px; }
.mr-contact-form .mr-contact-submit { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 49px; margin-top: 24px; border-radius: 9px; background: linear-gradient(100deg, #266cff, #0a8bd4); box-shadow: 0 6px 22px #1765ef33; font-size: 15px; font-weight: 600; }
.mr-contact-submit svg { width: 17px; height: 17px; }
.mr-contact-form .mr-contact-submit:focus-visible { outline: 2px solid #93e5ff; outline-offset: 3px; }
@media (max-width: 767px) {
    .mr-contact-methods { max-width: none; margin-top: 22px; }
    .mr-contact-method { padding: 18px; gap: 13px; }
    .mr-contact-details strong { font-size: 17px; }
    .mr-contact-signature { margin-top: 20px; }
}
@media (max-width: 360px) {
    .mr-contact-method { padding: 14px; gap: 10px; }
    .mr-contact-icon { width: 38px; height: 38px; }
    .mr-contact-details strong { font-size: 15px; }
}
@media (max-width: 1100px) {
    .mr-account-screen { gap: 5%; }
    .mr-public.mr-auth-flow-page .mr-account-screen .auth-form { padding: 28px; }
}
@media (max-width: 1100px) {
    .mr-login-screen { gap: 5%; }
    .mr-login-card { padding: 28px; }
    .mr-login-story h1 { font-size: 43px; }
    .mr-orbit-chip { padding: 10px; font-size: 11px; }
}
@media (max-width: 767px) {
    .mr-public .mr-public-header { padding: 18px 20px; gap: 16px; flex-wrap: wrap; }
    .mr-public .mr-brand-text { font-size: 21px; }
    .mr-public .mr-public-nav { width: 100%; gap: 4px; }
    .mr-public .mr-public-nav a { font-size: 12px; padding: 7px 9px; }
    .mr-public .mr-public-main { padding: 26px 20px; }
    .mr-public.mr-login-page .mr-public-main { padding: 32px 20px; }
    .mr-login-screen { grid-template-columns: 1fr; gap: 28px; max-width: 500px; }
    .mr-login-story h1 { font-size: 38px; letter-spacing: -1px; }
    .mr-login-eyebrow { font-size: 10px; margin-bottom: 14px; }
    .mr-login-intro { font-size: 14px; margin-bottom: 0; }
    .mr-auth-orbit, .mr-login-capabilities { display: none; }
    .mr-login-card { padding: 26px 22px; border-radius: 16px; }
    .mr-login-card h2 { font-size: 28px; }
    .mr-login-card-description { font-size: 13px; }
    .mr-login-help div { flex-direction: column; align-items: flex-start; gap: 2px; }
    .mr-public .mr-public-footer { padding: 20px; flex-direction: column; align-items: flex-start; }
    .mr-public .mr-public-footer nav { gap: 16px; }
    .mr-public .auth-form { padding: 26px 20px; }
    .mr-public .mr-captcha-row { flex-wrap: wrap; }
    .mr-public.mr-auth-flow-page .mr-public-main { padding: 30px 20px; }
    .mr-account-screen { grid-template-columns: 1fr; gap: 26px; max-width: 500px; }
    .mr-public.mr-auth-flow-page .mr-account-screen .auth-form { padding: 26px 22px; border-radius: 16px; }
    .mr-account-screen .mr-login-story h1 { font-size: 35px; }
    .mr-public .mr-account-screen .auth-form .display-4 { font-size: 26px; }
    .mr-public .mr-account-screen .auth-form .mr-captcha-row { flex-wrap: nowrap; }
}
/* Login-only pointer decoration; the native cursor and form hit targets stay intact. */
.mr-login-page .mr-cursor-effect { position: fixed; inset: 0; z-index: 30; overflow: hidden; pointer-events: none; opacity: 0; transition: opacity .18s ease; }
.mr-login-page .mr-cursor-effect.mr-cursor-visible { opacity: 1; }
.mr-login-page .mr-cursor-effect > span, .mr-login-page .mr-cursor-effect > img { position: absolute; top: 0; left: 0; pointer-events: none; }
.mr-login-page .mr-cursor-effect > span { border-radius: 50%; }
.mr-login-page .mr-cursor-glow { width: 92px; height: 92px; background: radial-gradient(circle, #3ecbff1f, #3563f60b 42%, transparent 70%); }
.mr-login-page .mr-cursor-robot { width: 32px; height: 38px; object-fit: contain; filter: drop-shadow(0 0 6px #39c9ff66); transition: width .16s ease, height .16s ease, opacity .16s ease; }
.mr-login-page .mr-cursor-dot { width: 4px; height: 4px; background: #6cddff; opacity: .4; box-shadow: 0 0 7px #3ebdff4d; }
.mr-login-page .mr-cursor-dot:nth-last-child(2) { opacity: .26; }
.mr-login-page .mr-cursor-dot:last-child { opacity: .13; }
.mr-login-page .mr-cursor-interactive .mr-cursor-robot { width: 36px; height: 42px; }
.mr-login-page .mr-cursor-editing .mr-cursor-robot { width: 32px; height: 38px; opacity: 1; }
.mr-login-page .mr-cursor-editing .mr-cursor-dot { opacity: 0; }
.mr-login-page .mr-cursor-editing .mr-cursor-glow { opacity: .35; }
.mr-login-page .mr-cursor-interactive .mr-cursor-robot { animation: mr-robot-greet .5s ease-out; }
.mr-login-page .mr-cursor-pressed .mr-cursor-robot { width: 29px; height: 34px; filter: drop-shadow(0 0 9px #61e7ffa6); }
.mr-login-page .mr-cursor-typing .mr-cursor-robot { filter: drop-shadow(0 0 10px #61e7ffb3) brightness(1.12); }
.mr-login-page .mr-cursor-effect > .mr-cursor-hint { max-width: 90px; padding: 3px 7px; border: 1px solid #4284ad; border-radius: 5px; background: #0c2138ed; color: #b8edff; font: 10px/1.4 'Segoe UI', Arial, sans-serif; white-space: nowrap; opacity: 0; transition: opacity .15s ease; }
.mr-login-page .mr-cursor-interactive .mr-cursor-hint,
.mr-login-page .mr-cursor-editing .mr-cursor-hint { opacity: 1; }
@keyframes mr-robot-greet { 0%, 100% { margin-top: 0; } 40% { margin-top: -5px; } 70% { margin-top: -2px; } }
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .mr-login-page .mr-cursor-effect { display: none; }
}
/* Shared decorative motion for login, registration and account recovery. */
@media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
    .mr-login-story .mr-orbit-core { animation: mr-auth-logo-float 5.6s ease-in-out infinite; }
    .mr-login-story .mr-orbit-core::before { content: ''; position: absolute; inset: -11px; border: 1px solid #49c4f13d; border-radius: 35px; box-shadow: 0 0 24px #288fea24; pointer-events: none; animation: mr-auth-halo 5.6s ease-in-out infinite; }
    .mr-login-story .mr-orbit-ring-one { animation: mr-auth-orbit-one 30s linear infinite; }
    .mr-login-story .mr-orbit-ring-two { animation: mr-auth-orbit-two 36s linear infinite; }
    .mr-login-story .mr-orbit-ring-one::after { content: ''; position: absolute; top: 50%; left: -3px; width: 5px; height: 5px; border-radius: 50%; background: #66e1ff; box-shadow: 0 0 12px #4ed8ff; }
    .mr-login-story .mr-orbit-chip { animation: mr-auth-chip-float 6s ease-in-out infinite; }
    .mr-login-story .mr-orbit-chip-two { animation-delay: -2s; }
    .mr-login-story .mr-orbit-chip-three { animation-delay: -4s; }
    .mr-login-story .mr-orbit-chip svg { animation: mr-auth-icon-glow 6s ease-in-out infinite; }
    .mr-login-story .mr-orbit-chip-two svg { animation-delay: -2s; }
    .mr-login-story .mr-orbit-chip-three svg { animation-delay: -4s; }
    .mr-login-story .mr-auth-orbit:hover .mr-orbit-chip,
    .mr-login-story .mr-auth-orbit:hover .mr-orbit-chip svg { animation-play-state: paused; }
}
@keyframes mr-auth-logo-float {
    0%, 100% { transform: translateY(0) rotate(-8deg); }
    50% { transform: translateY(-7px) rotate(-5deg); }
}
@keyframes mr-auth-halo {
    0%, 100% { opacity: .35; transform: scale(.98); }
    50% { opacity: .9; transform: scale(1.06); }
}
@keyframes mr-auth-orbit-one {
    0%, 100% { transform: rotate(-23deg) scale(.98); opacity: .65; }
    50% { transform: rotate(-19deg) scale(1.02); opacity: 1; }
}
@keyframes mr-auth-orbit-two {
    from { transform: rotate(23deg); }
    to { transform: rotate(-337deg); }
}
@keyframes mr-auth-chip-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
@keyframes mr-auth-icon-glow {
    0%, 100% { opacity: .65; }
    50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .mr-public *, .mr-public *::before, .mr-public *::after { animation: none !important; }
}

/* /dist/css/header-theme.css */
/* Decorative background stays inside its own layer so menus can open outside the header. */
@property --mr-menu-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link { position: relative; }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link::before {
    content: ''; position: absolute; inset: 3px; border-radius: 8px; padding: 1.5px; pointer-events: none; opacity: 0;
    background: conic-gradient(from var(--mr-menu-angle), #3d8fb21c 0deg 220deg, #2e7cff88 260deg, #55dcff 307deg, #d6fbff 328deg, #3d8fb21c 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; transition: opacity .18s ease;
}
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link:hover::before,
.mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link:focus-visible::before { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link:hover::before,
    .mr-app .hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav .nav-link:focus-visible::before { animation: mr-menu-border-light 2.6s linear infinite; }
}
@keyframes mr-menu-border-light { to { --mr-menu-angle: 360deg; } }
.mr-app .hk-wrapper.hk-horizontal-nav .hk-navbar.navbar-light.mr-bot-header,
.mr-public .hk-wrapper .hk-pg-wrapper.hk-auth-wrapper > header.mr-public-header {
    isolation: isolate; background: linear-gradient(105deg, #091a31, #123b57 55%, #0c2038); border-bottom: 1px solid #32749a;
    box-shadow: 0 4px 24px #04132430, inset 0 1px #6edbff12;
}
.mr-header-bots { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; border-radius: inherit; }
.mr-header-grid { position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(#50c9ef12 1px, transparent 1px), linear-gradient(90deg, #50c9ef12 1px, transparent 1px); background-size: 27px 27px; mask-image: linear-gradient(90deg, transparent 12%, #000 40%, #000 72%, transparent 98%); }
.mr-header-network { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .4; }
.mr-header-network path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.mr-header-track { stroke: #4bc4e94d; stroke-width: 1; }
.mr-header-data { stroke: #86f4ff; stroke-width: 2; stroke-dasharray: 1.5 23.5; filter: drop-shadow(0 0 4px #53cfff); }
.mr-header-worker { position: absolute; top: calc(50% - 17px); width: 30px; height: 34px; color: #7ddfff; opacity: .55; filter: drop-shadow(0 0 7px #3fd6f94d); }
.mr-header-worker .mr-worker-bot { display: block; width: 100%; height: 100%; overflow: visible; }
.mr-header-worker-one { left: 46%; --mr-header-delay: -1s; }
.mr-header-worker-two { left: 58%; --mr-header-delay: -3s; }
.mr-header-worker-three { left: 69%; --mr-header-delay: -5s; }
.mr-header-bots::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 10%, #3c8fff66 35%, #89f2ff 50%, #3c8fff66 65%, transparent 90%); background-size: 200% 100%; opacity: .8; }
.mr-app .mr-bot-header .navbar-brand { border-radius: 10px; padding-top: 5px; padding-bottom: 5px; }
.mr-app .mr-bot-header .navbar-brand:focus-visible { outline-offset: 0; }
.mr-app .mr-bot-header .navbar-nav.hk-navbar-content { position: relative; }
.mr-app .mr-bot-header .dropdown-authentication > .nav-link { border: 1px solid #4283a36b; border-radius: 13px; background: linear-gradient(115deg, #173c58ed, #0b223aed); padding: 5px 12px 5px 7px; margin-left: 7px; transition: border-color .2s, box-shadow .2s; }
.mr-app .mr-bot-header .dropdown-authentication > .nav-link:hover,
.mr-app .mr-bot-header .dropdown-authentication.show > .nav-link { border-color: #62d4ef; box-shadow: 0 0 18px #42c3f01a; }
.mr-app .mr-bot-header .dropdown-authentication .media { align-items: center; }
.mr-app .mr-bot-header .dropdown-authentication .avatar { width: 34px; height: 34px; padding: 2px; border: 1px solid #63cae8; border-radius: 50%; background: #102c47; box-shadow: 0 0 12px #39c0ed26; }
.mr-app .mr-bot-header .dropdown-authentication .media-img-wrap { margin-right: 10px; }
.mr-app .mr-bot-header .dropdown-authentication .media-body > span { color: #e1f4ff; font-size: 14px; font-weight: 600; }
.mr-app .mr-bot-header .dropdown-authentication .badge-indicator { background: #63e3bf; border: 2px solid #12334d; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu { background: linear-gradient(145deg, #15324d, #0c2138); border-color: #3a7092; box-shadow: 0 16px 45px #02102059; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item,
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item > span { color: #d3e8fa; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item .dropdown-icon { color: #76cde9; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item:hover,
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-item:focus { background: #1e4d6b; color: #f0fbff; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-header { color: #a9cce4; border-color: #345772; }
.mr-app .hk-wrapper .hk-navbar.mr-bot-header .dropdown-menu .dropdown-divider { border-color: #345772; }
.mr-app .mr-bot-header .navbar-nav > li > p { padding: 7px 12px; border: 1px solid #38627a66; border-radius: 8px; background: #0a2237b3; font-size: 12px; }
.mr-app .mr-bot-header .nav-link-hover:hover { background: #1c4c68; }
.mr-public .mr-public-header .mr-public-brand,
.mr-public .mr-public-header .mr-public-nav { position: relative; }
.mr-public .mr-public-header .mr-brand-text { color: #f0f7ff; }
.mr-public .mr-public-header .mr-public-nav a { color: #b5cfe4; background: #0c253b88; }
.mr-public .mr-public-header .mr-public-nav a:hover,
.mr-public .mr-public-header .mr-public-nav a[aria-current='page'] { background: #19435f; color: #e9faff; border-color: #4389aa; }
@media (prefers-reduced-motion: no-preference) {
    .mr-header-data { animation: mr-header-transfer 12s linear infinite; animation-delay: var(--mr-header-delay, 0s); }
    .mr-header-data:nth-child(4) { animation-direction: reverse; }
    .mr-header-worker { animation: mr-header-bot-travel 12s ease-in-out infinite; animation-delay: var(--mr-header-delay, 0s); }
    .mr-header-worker .mr-worker-arm { transform-origin: 16px 23px; animation: mr-header-bot-type .7s ease-in-out infinite alternate; }
    .mr-header-worker .mr-worker-eyes { transform-origin: 16px 15px; animation: mr-header-bot-blink 4.5s ease-in-out infinite; }
    .mr-header-worker .mr-worker-signal { animation: mr-header-signal 2s ease-in-out infinite; }
    .mr-header-bots::after { animation: mr-header-edge 9s linear infinite; }
}
@keyframes mr-header-transfer { to { stroke-dashoffset: -100; } }
@keyframes mr-header-bot-travel { 0%, 100% { transform: translateX(-20px); } 35%, 60% { transform: translateX(20px); } }
@keyframes mr-header-bot-type { from { transform: translateY(-1px) rotate(-4deg); } to { transform: translateY(1px) rotate(4deg); } }
@keyframes mr-header-bot-blink { 0%, 44%, 50%, 100% { transform: scaleY(1); } 47% { transform: scaleY(.15); } }
@keyframes mr-header-signal { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
@keyframes mr-header-edge { to { background-position: 200% 0; } }
@media (max-width: 1100px) { .mr-header-worker-one { left: 38%; } .mr-header-worker-two { left: 48%; } .mr-header-worker-three { left: 58%; } }
@media (max-width: 767px) {
    .mr-header-worker { opacity: .27; width: 25px; height: 29px; }
    .mr-header-worker-one { left: 38%; }
    .mr-header-worker-two { left: 58%; }
    .mr-header-worker-three { display: none; }
    .mr-header-network { opacity: .22; }
    .mr-app .mr-bot-header .dropdown-authentication > .nav-link { padding: 4px; margin-left: 3px; border-radius: 10px; }
    .mr-app .mr-bot-header .dropdown-authentication .media-img-wrap { margin-right: 0; }
    .mr-app .mr-bot-header .dropdown-authentication .avatar { width: 30px; height: 30px; }
}

/* /dist/css/alerts-theme.css */
/* Presentation for existing fetched alerts, Bootstrap messages and jQuery toasts. */
body.mr-app .hk-wrapper .hk-pg-wrapper .alert,
body.mr-public .alert {
    --mr-alert-accent: #6edcf5; position: relative; padding: 20px 22px; min-height: 64px; margin-bottom: 18px;
    color: #d4e8f7; background: linear-gradient(115deg, #16344d, #10263d) !important;
    border: 1px solid var(--mr-alert-accent); border-radius: 13px;
    box-shadow: 0 8px 28px #020e1c26, inset 0 1px #85deff0b; font-size: 14px; line-height: 1.75; overflow-wrap: anywhere;
}
body.mr-app .hk-wrapper .hk-pg-wrapper .alert-success, body.mr-public .alert-success { --mr-alert-accent: #6de7b4; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert-warning, body.mr-public .alert-warning { --mr-alert-accent: #f4cc78; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert-danger, body.mr-public .alert-danger { --mr-alert-accent: #ff91ac; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert.alert-wth-icon,
body.mr-public .alert.alert-wth-icon { padding-left: 22px; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert.alert-dismissible,
body.mr-public .alert.alert-dismissible { padding-right: 54px; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert .alert-icon-wrap,
body.mr-public .alert .alert-icon-wrap { display: none; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert :is(strong, .alert-heading),
body.mr-public .alert :is(strong, .alert-heading) { color: #e8f6ff; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert a:not(.btn),
body.mr-public .alert a:not(.btn) { color: var(--mr-alert-accent); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close,
body.mr-public .alert .close { position: absolute; top: 13px; right: 11px; width: 32px; height: 32px; padding: 4px; display: grid; place-items: center; border: 1px solid #41637c; border-radius: 8px; background: #0a203580; color: #b8d9ec; opacity: 1; font-size: 22px; font-weight: 400; line-height: 1; text-shadow: none; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close:hover,
body.mr-public .alert .close:hover { color: #effcff; background: #25506b; border-color: #69c7df; }
body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close:focus-visible,
body.mr-public .alert .close:focus-visible { outline: 2px solid #8ceaff; outline-offset: 3px; }
body.mr-app .jq-toast-wrap, body.mr-public .jq-toast-wrap { width: 350px; max-width: calc(100vw - 32px); }
body.mr-app .jq-toast-wrap.bottom-right, body.mr-public .jq-toast-wrap.bottom-right { left: auto !important; right: 20px; bottom: 20px; }
body.mr-app .jq-toast-wrap.top-right, body.mr-public .jq-toast-wrap.top-right { left: auto !important; right: 20px; top: 76px; }
body.mr-app .jq-toast-wrap .jq-toast-single, body.mr-public .jq-toast-wrap .jq-toast-single {
    --mr-alert-accent: #6edcf5; position: relative; padding: 20px 44px 20px 20px; margin-bottom: 12px;
    background-color: #10273e !important; color: #cde5f7 !important; border: 1px solid var(--mr-alert-accent); border-radius: 12px;
    box-shadow: 0 12px 38px #0005; font: 14px/1.65 'Segoe UI', Arial, sans-serif; overflow-wrap: anywhere;
}
body.mr-app .jq-toast-wrap .jq-toast-single.jq-has-icon, body.mr-public .jq-toast-wrap .jq-toast-single.jq-has-icon { padding-left: 20px; background-image: none; }
body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success), body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success) { --mr-alert-accent: #6de7b4; }
body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning), body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning) { --mr-alert-accent: #f4cc78; }
body.mr-app .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error), body.mr-public .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error) { --mr-alert-accent: #ff91ac; }
body.mr-app .jq-toast-wrap .jq-toast-single h2, body.mr-public .jq-toast-wrap .jq-toast-single h2 { font: 600 16px/1.5 'Segoe UI', Arial, sans-serif; color: #ebf7ff; margin: 0 0 7px; }
body.mr-app .jq-toast-wrap .jq-toast-single a, body.mr-public .jq-toast-wrap .jq-toast-single a { color: var(--mr-alert-accent); border-bottom-color: #5e99b5; font-size: 14px; }
body.mr-app .jq-toast-wrap .jq-toast-single .close-jq-toast-single, body.mr-public .jq-toast-wrap .jq-toast-single .close-jq-toast-single { top: 10px; right: 9px; display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #3d657f; border-radius: 7px; font-size: 18px; line-height: 1; color: #bbdaed; }
body.mr-app .jq-toast-wrap .jq-toast-single .close-jq-toast-single:hover, body.mr-public .jq-toast-wrap .jq-toast-single .close-jq-toast-single:hover { background: #25506b; color: white; }
body.mr-app .jq-toast-wrap .jq-toast-single .jq-toast-loader, body.mr-public .jq-toast-wrap .jq-toast-single .jq-toast-loader { top: 0; height: 2px; max-width: 100%; border-radius: 10px; background: var(--mr-alert-accent) !important; }
@media (prefers-reduced-motion: no-preference) {
    body.mr-app .hk-wrapper .hk-pg-wrapper .alert.show, body.mr-public .alert.show { animation: mr-alert-arrive .28s ease-out both; }
}
@keyframes mr-alert-arrive { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
/* Subtle status-tinted surfaces in dark mode, alongside the full colored border. */
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-success { --mr-alert-bg: #123a30; --mr-alert-text: #c8f4df; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-warning { --mr-alert-bg: #3c3320; --mr-alert-text: #ffe4b0; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert.alert-danger { --mr-alert-bg: #40272b; --mr-alert-text: #ffd2d6; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .hk-wrapper .hk-pg-wrapper .alert:is(.alert-success, .alert-warning, .alert-danger) { background: var(--mr-alert-bg) !important; color: var(--mr-alert-text); }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success) { --mr-alert-bg: #123a30; --mr-alert-text: #c8f4df; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-warning, .jq-icon-warning) { --mr-alert-bg: #3c3320; --mr-alert-text: #ffe4b0; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-danger, .jq-toast-error, .jq-icon-error) { --mr-alert-bg: #40272b; --mr-alert-text: #ffd2d6; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success, .jq-toast-warning, .jq-icon-warning, .jq-toast-danger, .jq-toast-error, .jq-icon-error) { background-color: var(--mr-alert-bg) !important; color: var(--mr-alert-text) !important; }
html:not([data-mr-theme='light']) body:is(.mr-app, .mr-public) .jq-toast-wrap .jq-toast-single:is(.jq-toast-success, .jq-icon-success, .jq-toast-warning, .jq-icon-warning, .jq-toast-danger, .jq-toast-error, .jq-icon-error) h2 { color: inherit; }
@media (max-width: 575px) {
    body.mr-app .hk-wrapper .hk-pg-wrapper .alert, body.mr-public .alert { padding: 17px 18px; font-size: 13px; }
    body.mr-app .hk-wrapper .hk-pg-wrapper .alert.alert-wth-icon, body.mr-public .alert.alert-wth-icon { padding-left: 18px; }
    body.mr-app .hk-wrapper .hk-pg-wrapper .alert.alert-dismissible, body.mr-public .alert.alert-dismissible { padding-right: 47px; }
    body.mr-app .hk-wrapper .hk-pg-wrapper .alert .close, body.mr-public .alert .close { top: 12px; right: 8px; width: 29px; height: 29px; }
    body.mr-app .jq-toast-wrap, body.mr-public .jq-toast-wrap { width: calc(100vw - 32px); max-width: 360px; }
    body.mr-app .jq-toast-wrap:is(.bottom-right, .top-right), body.mr-public .jq-toast-wrap:is(.bottom-right, .top-right) { right: 16px; }
    body.mr-app .jq-toast-wrap .jq-toast-single, body.mr-public .jq-toast-wrap .jq-toast-single { padding-top: 17px; padding-bottom: 17px; font-size: 13px; }
}