/*
 * Latner dashboard theme, on top of DashLite.
 *
 * Loaded after dashlite.css and theme.css on every page that loads them.
 * The palette itself was remapped inside dashlite.css (every DashLite grey,
 * teal, yellow and red became a Latner token; the map is in the hand-over
 * of 22 Oct and re-runnable from retheme.py). This sheet is the part the
 * compiled file could not carry: the shapes (pill buttons, 20px cards,
 * 14px inputs), the ink/mint main press, and the sidebar and top bar drawn
 * in the desk screen's language from the welcome page.
 *
 * The brand colour stays per company through --brand-primary, which the
 * layout sets after the stylesheets; it is kept for links, icons, focus
 * rings and small accents. The one filled button is ink on light and mint
 * on dark, as on the welcome page.
 */

/* ── Tokens ─────────────────────────────────────────────────────────── */
:root {
    --lt-canvas: #EEF0EB;
    --lt-card: #FFFFFF;
    --lt-inset: #E3E6DD;
    --lt-hair: #E1E4DD;
    --lt-hair-2: #D3D8CF;
    --lt-text: #121413;
    --lt-text-2: #3C443F;
    --lt-muted: #79837C;
    --lt-mint: #7CF2B7;
    --lt-mint-deep: #0F7458;
    --lt-mint-ink: #0B2A1F;
    --lt-amber: #F6C96B;
    --lt-coral: #FF7A59;
    --lt-press: #121413;
    --lt-press-hover: #2A2F2C;
    --lt-on-press: #FFFFFF;
    --lt-nav-on-bg: #121413;
    --lt-nav-on-fg: #7CF2B7;
    --lt-nav-bar: rgba(238, 240, 235, .86);
    --lt-lift: 0 1px 2px rgba(14, 22, 18, .04), 0 10px 28px rgba(14, 22, 18, .06);
    --lt-lift-strong: 0 24px 60px rgba(14, 22, 18, .18), 0 2px 6px rgba(14, 22, 18, .06);
    --lt-r-card: 20px;
    --lt-r-tile: 16px;
    --lt-r-input: 14px;
    --lt-r-menu: 18px;
    --lt-r-modal: 24px;
    --lt-r-pill: 999px;

    /* Bootstrap reads these for toasts, pagination, tabs, checks and the rest. */
    --bs-border-radius: 12px;
    --bs-border-radius-sm: 10px;
    --bs-border-radius-lg: 16px;
    --bs-border-radius-xl: 20px;
    --bs-border-radius-xxl: 24px;
    --bs-border-color: var(--lt-hair-2);
    --bs-body-bg: var(--lt-canvas);
    --bs-body-color: var(--lt-text-2);
}

.dark-mode {
    --lt-canvas: #121413;
    --lt-card: #1B1E1C;
    --lt-inset: #242827;
    --lt-hair: #2B302D;
    --lt-hair-2: #343A36;
    --lt-text: #F2F4F1;
    --lt-text-2: #D7DDD8;
    --lt-muted: #8E978F;
    --lt-press: #7CF2B7;
    --lt-press-hover: #93F5C4;
    --lt-on-press: #0B2A1F;
    --lt-nav-on-bg: #7CF2B7;
    --lt-nav-on-fg: #0B2A1F;
    --lt-nav-bar: rgba(18, 20, 19, .86);
    --lt-lift: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 12px 32px rgba(0, 0, 0, .35);
    --lt-lift-strong: 0 24px 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .05);
    --bs-border-color: var(--lt-hair);
    --bs-body-bg: var(--lt-canvas);
    --bs-body-color: var(--lt-text-2);
}

/* ── Type ───────────────────────────────────────────────────────────── */
body, .nk-body, .btn, .page-title, .nk-block-title, .card-title .title, .title,
.overline-title, .nk-menu-link, .form-control, .form-select, .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple, .dropdown-menu, .modal-title, .tooltip, .popover {
    font-family: "Inter", sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.page-title, .nk-block-title, .card-title .title, .title, .lead-text, .amount, .modal-title {
    color: var(--lt-text);
    letter-spacing: -0.015em;
    font-weight: 700;
}
.page-title { font-size: 1.625rem; font-weight: 800; letter-spacing: -0.025em; }
.nk-block-des, .sub-text, .text-soft, .form-note, small, .small { color: var(--lt-muted); }
.card-title .subtitle, .overline-title { color: var(--lt-muted); letter-spacing: .08em; }

/* ── Canvas and cards ───────────────────────────────────────────────── */
body, .nk-body, .nk-wrap, .nk-content { background: var(--lt-canvas); }
body.dark-mode, .dark-mode .nk-wrap, .dark-mode .nk-content { background: var(--lt-canvas) !important; }

.card {
    --bs-card-border-radius: var(--lt-r-card);
    --bs-card-inner-border-radius: calc(var(--lt-r-card) - 1px);
    --bs-card-bg: var(--lt-card);
    border: 0;
    box-shadow: var(--lt-lift);
}
.card-bordered { border: 1px solid var(--lt-hair); box-shadow: none; }
.card-inner-group .card-inner:not(:last-child), .card-inner + .card-inner, .card-header, .card-footer { border-color: var(--lt-hair); }
.card-header, .card-footer { background: transparent; }
.dark-mode .card, .dark-mode .card.card-bordered { background: var(--lt-card) !important; border-color: var(--lt-hair); }
.card .card { box-shadow: none; }
.card-inner-sm { padding: 1rem 1.25rem; }
.data-head, .stat-box, .cotd-box, .nk-block-head-sub { border-radius: var(--lt-r-tile); }
.bg-lighter, .bg-light { background-color: var(--lt-inset) !important; }

/* ── Buttons: every button a pill; the main press ink on light, mint on dark ── */
.btn, .dual-listbox .dual-listbox__button {
    --bs-btn-border-radius: var(--lt-r-pill);
    --bs-btn-font-family: "Inter", sans-serif;
    --bs-btn-font-weight: 700;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-line-height: 1.25rem;
    --bs-btn-border-width: 1px;
    border-width: 1px;
    letter-spacing: -0.005em;
}
.btn-lg, .btn-group-lg > .btn { --bs-btn-border-radius: var(--lt-r-pill); --bs-btn-padding-x: 1.5rem; }
.btn-sm, .btn-group-sm > .btn { --bs-btn-border-radius: var(--lt-r-pill); --bs-btn-padding-x: 0.9rem; }
.btn-xs { --bs-btn-border-radius: var(--lt-r-pill); --bs-btn-padding-x: 0.7rem; }
.btn-round, .btn-icon { border-radius: var(--lt-r-pill); }

.btn-primary, .dt-buttons .btn-secondary {
    --bs-btn-color: var(--lt-on-press);
    --bs-btn-bg: var(--lt-press);
    --bs-btn-border-color: var(--lt-press);
    --bs-btn-hover-color: var(--lt-on-press);
    --bs-btn-hover-bg: var(--lt-press-hover);
    --bs-btn-hover-border-color: var(--lt-press-hover);
    --bs-btn-active-color: var(--lt-on-press);
    --bs-btn-active-bg: var(--lt-press-hover);
    --bs-btn-active-border-color: var(--lt-press-hover);
    --bs-btn-disabled-color: var(--lt-on-press);
    --bs-btn-disabled-bg: var(--lt-press);
    --bs-btn-disabled-border-color: var(--lt-press);
    --bs-btn-focus-shadow-rgb: 18, 20, 19;
    --bs-btn-border-width: 1px;
    border-width: 1px;
    box-shadow: 0 8px 20px rgba(18, 20, 19, .14);
}
.dark-mode .btn-primary { --bs-btn-focus-shadow-rgb: 124, 242, 183; box-shadow: 0 0 24px rgba(124, 242, 183, .22); }
.btn-primary:disabled, .btn-primary.disabled { box-shadow: none; opacity: .55; }

/* The ghost press from the welcome page: ink text inside a hairline ring. */
.btn-outline-primary, .btn-outline-light, .btn-white, .btn-outline-secondary, .btn-light,
.btn-outline-light.btn-white, .btn-white.btn-outline-light {
    --bs-btn-color: var(--lt-text);
    --bs-btn-bg: var(--lt-card);
    --bs-btn-border-color: var(--lt-hair-2);
    --bs-btn-hover-color: var(--lt-text);
    --bs-btn-hover-bg: var(--lt-inset);
    --bs-btn-hover-border-color: var(--lt-hair-2);
    --bs-btn-active-color: var(--lt-text);
    --bs-btn-active-bg: var(--lt-inset);
    --bs-btn-active-border-color: var(--lt-hair-2);
    --bs-btn-disabled-color: var(--lt-muted);
    --bs-btn-disabled-bg: var(--lt-card);
    --bs-btn-disabled-border-color: var(--lt-hair);
    --bs-btn-focus-shadow-rgb: 18, 20, 19;
    color: var(--lt-text);
    background-color: var(--lt-card);
    border-color: var(--lt-hair-2);
}
.btn-outline-primary:hover, .btn-outline-light:hover, .btn-white:hover, .btn-outline-secondary:hover, .btn-light:hover,
.btn-white.btn-outline-light:not(.btn-dim):not(:disabled):not(.disabled):hover,
.btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--lt-text);
    background: var(--lt-inset);
    border-color: var(--lt-hair-2);
}
/* The soft tint of the brand stays for the dim variants. */
.btn-dim.btn-primary, .btn-dim.btn-outline-primary {
    color: var(--brand-primary);
    background-color: rgba(var(--bs-primary-rgb), .12);
    border-color: transparent;
    box-shadow: none;
}
.btn-dim.btn-primary:hover, .btn-dim.btn-outline-primary:hover { background-color: rgba(var(--bs-primary-rgb), .2); color: var(--brand-primary); }
.btn-trigger:before { border-radius: var(--lt-r-pill); }
.btn-toolbar .btn-trigger:hover:before, .btn-trigger.active:before { background: var(--lt-inset); }

/* ── Forms ──────────────────────────────────────────────────────────── */
.form-control, .form-select, .dual-listbox .dual-listbox__search, div.dataTables_wrapper div.dataTables_filter input,
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple,
.custom-select-search, .searchable-tag-area, .dropdown input {
    border-radius: var(--lt-r-input);
    border-color: var(--lt-hair-2);
    background-color: var(--lt-card);
    color: var(--lt-text);
}
.form-control-lg { border-radius: var(--lt-r-tile); }
.form-control-sm { border-radius: 10px; }
textarea.form-control { border-radius: var(--lt-r-tile); }
.form-control:focus, .form-select:focus, .dual-listbox .dual-listbox__search:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--lt-text);
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), .14);
}
.dark-mode .form-control, .dark-mode .form-select, .dark-mode .select2-container--default .select2-selection--single,
.dark-mode .select2-container--default .select2-selection--multiple, .dark-mode .custom-select-search {
    background-color: var(--lt-canvas);
    border-color: var(--lt-hair-2);
    color: var(--lt-text);
}
.dark-mode .form-control:focus, .dark-mode .form-select:focus { border-color: var(--lt-mint); }
.form-label, .form-label-group label, label.form-label { color: var(--lt-text); font-weight: 600; }
.input-group-text { border-radius: var(--lt-r-input); border-color: var(--lt-hair-2); background: var(--lt-inset); color: var(--lt-text-2); }
.form-control-wrap .form-icon { color: var(--lt-muted); }
.custom-control-label::before, .form-check-input { border-color: var(--lt-hair-2); }
.custom-control-input:checked ~ .custom-control-label::before, .form-check-input:checked { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.custom-switch .custom-control-label::before { border-radius: var(--lt-r-pill); }
.select2-dropdown, .select2-container--default .select2-results > .select2-results__options { border-radius: var(--lt-r-tile); border-color: var(--lt-hair); overflow: hidden; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--lt-inset); color: var(--lt-text); }
.select2-container--default .select2-results__option[aria-selected=true] { background: rgba(var(--bs-primary-rgb), .12); color: var(--brand-primary); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: var(--lt-r-pill); background: var(--lt-inset); border: 0; color: var(--lt-text); }
.upload-box { border-radius: var(--lt-r-tile); }

/* ── Badges, pills and alerts ───────────────────────────────────────── */
.badge {
    --bs-badge-border-radius: var(--lt-r-pill);
    --bs-badge-font-weight: 600;
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.3em;
    border-radius: var(--lt-r-pill);
}
.badge-dim { border-color: transparent !important; }
.badge-dot:before { border-radius: 50%; }
.alert { --bs-alert-border-radius: var(--lt-r-tile); border-radius: var(--lt-r-tile); }
.alert-pro { border-radius: var(--lt-r-tile); }
.alert-icon .icon { border-radius: var(--lt-r-pill); }
.nk-menu-badge, .user-balance-alt .badge { border-radius: var(--lt-r-pill); }
.tag, .tagify__tag, .searchable-tag { border-radius: var(--lt-r-pill); }

/* ── Dropdowns, modals, popovers, toasts ────────────────────────────── */
.dropdown-menu {
    --bs-dropdown-border-radius: var(--lt-r-menu);
    --bs-dropdown-inner-border-radius: calc(var(--lt-r-menu) - 1px);
    --bs-dropdown-bg: var(--lt-card);
    --bs-dropdown-border-color: var(--lt-hair);
    --bs-dropdown-box-shadow: var(--lt-lift-strong);
    --bs-dropdown-link-hover-bg: var(--lt-inset);
    --bs-dropdown-link-active-bg: var(--lt-inset);
    --bs-dropdown-link-active-color: var(--lt-text);
    box-shadow: var(--lt-lift-strong);
    overflow: hidden;
}
.dark-mode .dropdown-menu { background: var(--lt-card); border-color: var(--lt-hair); }
.dropdown-menu .dropdown-inner:not(:last-child) { border-color: var(--lt-hair); }
.dropdown-menu .user-card-wrap { background: var(--lt-inset) !important; }
.link-list a, .link-list-opt a { border-radius: 10px; }
.link-list-opt a:hover, .link-list-plain a:hover { background: var(--lt-inset); color: var(--lt-text); }
.modal { --bs-modal-border-radius: var(--lt-r-modal); --bs-modal-bg: var(--lt-card); }
.modal-content { border-radius: var(--lt-r-modal); border: 0; box-shadow: var(--lt-lift-strong); overflow: hidden; }
.modal-header, .modal-footer { border-color: var(--lt-hair); }
.dark-mode .modal-content { background: var(--lt-card) !important; }
.popover { --bs-popover-border-radius: var(--lt-r-tile); --bs-popover-border-color: var(--lt-hair); box-shadow: var(--lt-lift); }
.tooltip { --bs-tooltip-border-radius: 10px; --bs-tooltip-bg: var(--lt-text); --bs-tooltip-color: var(--lt-canvas); }
.toast, .toastr { border-radius: var(--lt-r-tile) !important; }
.driver-popover { border-radius: var(--lt-r-modal) !important; }

/* ── Tables, lists and pagination ───────────────────────────────────── */
.table, .nk-tb-list { color: var(--lt-text-2); }
.table > :not(caption) > * > * { border-color: var(--lt-hair); }
.table thead th, .nk-tb-head .nk-tb-col, .table-light th { color: var(--lt-muted); font-weight: 600; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.nk-tb-head .nk-tb-col { border-bottom-color: var(--lt-hair); }
.nk-tb-item:not(.nk-tb-head):hover, .nk-tb-item:not(.nk-tb-head).seleted { background: var(--lt-canvas); box-shadow: none; }
.dark-mode .nk-tb-item:not(.nk-tb-head):hover { background: var(--lt-inset); }
.nk-tb-item:not(:last-child) .nk-tb-col { border-bottom: 1px solid var(--lt-hair); }
.table-responsive { border-radius: var(--lt-r-tile); }
.pagination { --bs-pagination-border-radius: var(--lt-r-pill); --bs-pagination-color: var(--lt-text-2); --bs-pagination-bg: var(--lt-card); --bs-pagination-border-color: var(--lt-hair-2); --bs-pagination-hover-bg: var(--lt-inset); --bs-pagination-hover-color: var(--lt-text); --bs-pagination-active-bg: var(--lt-press); --bs-pagination-active-border-color: var(--lt-press); --bs-pagination-active-color: var(--lt-on-press); gap: 4px; }
.pagination .page-link { border-radius: var(--lt-r-pill); min-width: 2.25rem; text-align: center; }
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link { border-radius: var(--lt-r-pill); }
.nav-tabs { --bs-nav-tabs-border-color: var(--lt-hair); }
.nav-tabs .nav-link { color: var(--lt-muted); font-weight: 600; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--lt-text); background: transparent; border-color: var(--lt-text); }
.nav-pills .nav-link { border-radius: var(--lt-r-pill); color: var(--lt-text-2); font-weight: 600; }
.nav-pills .nav-link.active { background: var(--lt-nav-on-bg); color: var(--lt-nav-on-fg); }
.progress { --bs-progress-border-radius: var(--lt-r-pill); --bs-progress-bg: var(--lt-inset); }
.progress-bar { border-radius: var(--lt-r-pill); }
.user-avatar { border-radius: 50%; background: var(--lt-inset); color: var(--lt-text); }
.user-avatar.bg-primary, .user-avatar[class*=bg-] { color: #fff; }
.user-avatar.bg-light, .user-avatar.bg-lighter { background: var(--lt-inset) !important; color: var(--lt-text); font-weight: 700; }
.divider, hr { border-color: var(--lt-hair); opacity: 1; }
.kanban-board, .kanban-item, .nk-file, .nk-msg-item, .nk-ibx-item, .nk-chat-item, .accordion-item, .accordion { border-radius: var(--lt-r-tile); }
.accordion-head { border-radius: var(--lt-r-tile); }
.nk-support-item, .timeline-item, .nk-notification-item { border-color: var(--lt-hair); }
a, .link, .link-primary, .text-primary { color: var(--brand-primary); }
.link:hover, a:hover { color: var(--brand-primary); }

/* ── Sidebar, in the desk screen's language ─────────────────────────── */
.nk-sidebar, .nk-sidebar.is-light, .nk-sidebar.is-light:not([class*=bg-]) {
    background: var(--lt-card);
    border-right: 1px solid var(--lt-hair);
    box-shadow: none;
}
.dark-mode .nk-sidebar, .dark-mode .nk-sidebar.is-light { background: var(--lt-card); border-right-color: var(--lt-hair); }
.nk-sidebar-head { border-bottom: 0; padding: 18px 24px 10px; }
.dark-mode .nk-sidebar-head { border-bottom: 0; }
.nk-sidebar-element.nk-sidebar-head { height: auto; min-height: 65px; }
.nk-menu-item { padding: 2px 14px; }
.nk-menu-sub .nk-menu-item { padding: 1px 0; }
.nk-menu-heading { padding: 1.25rem 28px 0.5rem; }
.nk-menu-heading .overline-title { color: var(--lt-muted); font-size: 10.5px; letter-spacing: .16em; }
.nk-menu-link {
    padding: 0.625rem 14px;
    border-radius: var(--lt-r-pill);
    color: var(--lt-text-2);
    font-size: 14px;
    font-weight: 600 !important;
    transition: background-color .15s ease, color .15s ease;
}
.nk-menu-link .nk-menu-icon { color: inherit !important; width: 32px; font-size: 1.25rem; opacity: 1; display: inline-flex; align-items: center; }
.nk-menu-link .nk-menu-icon .lic, .nk-menu-link .nk-menu-icon .ni { width: 1.25rem; height: 1.25rem; }
.nk-menu-link:hover, .nk-menu-item:hover > .nk-menu-link { background: var(--lt-inset); color: var(--lt-text); }
/* A parent whose sub-menu is open: ink text, no pill. The open page itself gets the pill. */
.nk-menu-item.active > .nk-menu-link, .active > .nk-menu-link { background: transparent; color: var(--lt-text); }
.nk-menu-item.is-current > .nk-menu-link,
.nk-menu-item.is-current > .nk-menu-link:hover,
.nk-menu-sub .nk-menu-item.is-current > .nk-menu-link {
    background: var(--lt-nav-on-bg) !important;
    color: var(--lt-nav-on-fg) !important;
    font-weight: 700 !important;
}
.nk-menu-sub .nk-menu-link { padding: 0.45rem 14px 0.45rem 46px; border-radius: var(--lt-r-pill); color: var(--lt-text-2); font-weight: 500 !important; font-size: 13.5px; }
.nk-menu-sub .nk-menu-link:hover, .active > .nk-menu-sub .nk-menu-link:hover { background: var(--lt-inset); color: var(--lt-text); }
.nk-menu-toggle:after { color: var(--lt-muted); right: 14px; }
.nk-menu-badge { background: var(--lt-inset); color: var(--lt-text); right: 14px !important; }
.nk-menu-item.is-current > .nk-menu-link .nk-menu-badge { background: rgba(255, 255, 255, .16); color: inherit; }
.dark-mode .nk-menu-item.is-current > .nk-menu-link .nk-menu-badge { background: rgba(11, 42, 31, .16); }
.nk-sidebar .nk-quick-nav-icon { color: var(--lt-text-2); }
@media (min-width: 1200px) {
    .nk-sidebar.is-compact:not(.has-hover) .nk-menu-link { padding-left: 14px; padding-right: 14px; }
    .nk-sidebar.is-compact:not(.has-hover) .nk-menu-item { padding: 2px 11px; }
}

/* ── Top bar: the welcome page's frosted band ───────────────────────── */
.nk-header, .nk-header.is-light:not([class*=bg-]) {
    background: var(--lt-nav-bar);
    border-bottom: 1px solid var(--lt-hair);
    box-shadow: none;
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    backdrop-filter: saturate(140%) blur(10px);
}
.dark-mode .nk-header, .dark-mode .nk-header.is-light:not([class*=bg-]) { background: var(--lt-nav-bar); border-bottom-color: var(--lt-hair); }
.nk-header .nk-quick-nav-icon, .nk-header .nk-quick-nav > li > a.nk-quick-nav-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--lt-card);
    color: var(--lt-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    padding: 0;
    box-shadow: inset 0 0 0 1px var(--lt-hair);
}
.nk-header .nk-quick-nav-icon:hover { background: var(--lt-inset); }
.nk-header .nk-quick-nav-icon .ni, .nk-header .user-avatar .ni { width: 1.25rem; height: 1.25rem; }
.nk-header .user-avatar.sm .ni { width: 1rem; height: 1rem; }
.nk-header .dropdown-menu .link-list .ni { width: 1.1rem; height: 1.1rem; margin-right: .5rem; }
.nk-header .nk-quick-nav > li { padding: 0 5px; }
.nk-header .user-toggle { padding: 4px 6px 4px 4px; border-radius: var(--lt-r-pill); background: var(--lt-card); box-shadow: inset 0 0 0 1px var(--lt-hair); }
.nk-header .user-toggle .user-avatar { width: 32px; height: 32px; font-size: 13px; }
.nk-header .user-toggle .user-info { padding-right: 10px; }
.nk-header .user-status { color: var(--lt-muted); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }
.nk-header .user-name { color: var(--lt-text); font-weight: 700; }
.nk-header .lt-count {
    position: absolute; top: -2px; right: -2px;
    min-width: 18px; height: 18px; padding: 0 5px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--lt-r-pill); background: var(--lt-coral); color: #fff;
    font-size: 10px; font-weight: 800; line-height: 1;
    box-shadow: 0 0 0 2px var(--lt-canvas);
}
.nk-header .lt-tour { background: rgba(var(--bs-primary-rgb), .12) !important; box-shadow: none !important; }
.nk-header .lt-tour .icon { color: var(--brand-primary); }

/* The sign-in page's door to the app, under the form (22 Oct). */
.lt-app-signin { border-top: 1px solid var(--lt-hair); }
.lt-app-signin .btn-sm { border-radius: var(--lt-r-pill); }

/* ── Mode controls and odds and ends ────────────────────────────────── */
.nk-block-head-sm .nk-block-between { align-items: flex-end; }
.nk-block-tools > li .btn { white-space: nowrap; }
.toggle-expand-content { background: transparent; }
.simplebar-scrollbar:before { background: var(--lt-hair-2); }
.nk-footer { background: transparent; border-top: 1px solid var(--lt-hair); }
::selection { background: var(--lt-mint); color: var(--lt-mint-ink); }
body.dark-mode, .dark-mode { color: var(--lt-text-2); }
.dark-mode span, .dark-mode p { color: inherit; }
.dark-mode .nk-block-des, .dark-mode .text-soft, .dark-mode .sub-text { color: var(--lt-muted); }
.dark-mode .page-title, .dark-mode .nk-block-title, .dark-mode .lead-text, .dark-mode .amount, .dark-mode .card-title .title { color: var(--lt-text); }