/* =====================================================================
   UPkyc colour theme - loaded LAST in Pages/_Layout.cshtml so it wins.
   Change a colour here (one place) to re-theme the app.
   ===================================================================== */
:root {
    --upk-topbar:      #9F6E79;   /* top bar */
    --upk-page:        #F7F1F3;   /* page background */
    --upk-side:        #E3CFD4;   /* side menu background */
    --upk-menu-text:   #000000;   /* side menu text (2026-11-14: black, was #2F1A1F) */
    --upk-text:        #2F1A1F;   /* page text */
    --upk-tab:         #2F1A1F;   /* tab text */
    --upk-tab-active:  #6F4C54;   /* tab on focus / selected (2026-11-14: was #231417) */
    --upk-heading:     #2F1A1F;   /* headings */
    --upk-side-hover:  #D8BEC5;   /* derived: menu hover */
    --upk-side-active: #CDAFB7;   /* derived: selected menu item */
    --upk-grid:        #FBF8F9;   /* grid view background */
    --upk-grid-head:   #E3CFD4;   /* grid view header background */
    --upk-panel:       #ECDDE0;   /* form panels (was #e3f0fb) */
    --upk-action:      #2F1A1F;   /* action buttons + their menus */
    --upk-action-hover:#9F6E79;   /* action hover = top bar colour */
    --upk-accent:      #A87983;   /* replaces every blue (links, counts, badges, Ant primary) */
}

/* ---- page ---- */
html, body, .page, main {
    background-color: var(--upk-page) !important;
    color: var(--upk-text);
}

/* ---- top bar ---- */
html body nav.navbar.fixed-top {
    background-color: var(--upk-topbar) !important;
    border-bottom-color: rgba(35, 20, 23, .18) !important;
}

/* ---- side menu ---- */
html body .lx-unique-sidebar {
    background-color: var(--upk-side) !important;
    border-color: rgba(47, 26, 31, .10) !important;
}
html body .lx-unique-sidebar .menu-item,
html body .lx-unique-sidebar .menu-item i,
html body .lx-unique-sidebar .menu-item span,
html body .lx-unique-sidebar .sub-menu-list a,
html body .lx-unique-sidebar .dropdown-card a {
    color: var(--upk-menu-text) !important;
}
html body .lx-unique-sidebar .menu-label {
    color: var(--upk-menu-text) !important;
    opacity: 1;                                   /* (2026-11-14) black, was faded .7 */
}
html body .lx-unique-sidebar .menu-item:hover,
html body .lx-unique-sidebar .menu-item:hover i {
    background-color: var(--upk-side-hover) !important;
    color: var(--upk-tab-active) !important;
}
html body .lx-unique-sidebar .menu-item.is-active,
html body .lx-unique-sidebar .menu-item.is-active i {
    background-color: var(--upk-side-active) !important;
    color: var(--upk-tab-active) !important;
}
html body .lx-unique-sidebar .dropdown-card {
    background: rgba(255, 255, 255, .45) !important;
    border-color: rgba(47, 26, 31, .10) !important;
}
html body .lx-unique-sidebar .sub-menu-list {
    border-left-color: rgba(47, 26, 31, .25) !important;
}
html body .lx-unique-sidebar .lx-menu-search {
    background: rgba(255, 255, 255, .6) !important;
    color: var(--upk-menu-text) !important;
}

/* ---- tabs ---- */
html body .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn,
html body .ant-tabs .ant-tabs-tab {
    color: var(--upk-tab) !important;
}
html body .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn,
html body .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html body .ant-tabs .ant-tabs-tab-btn:focus,
html body .ant-tabs .ant-tabs-tab-btn:active {
    color: var(--upk-tab-active) !important;
}
html body .ant-tabs .ant-tabs-ink-bar {
    background: var(--upk-tab-active) !important;
}

/* ---- headings ---- */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .ant-page-header-heading-title,
html body .ant-card-head-title,
html body .ant-modal-title,
html body .ant-drawer-title,
html body .custom-heading {
    color: var(--upk-heading) !important;
}

/* ---- top bar: company name + icons white ---- */
html body nav.navbar.fixed-top .navbar-brand,
html body nav.navbar.fixed-top .navbar-brand .sidebar-brand,
html body nav.navbar.fixed-top .navbar-brand span:not([style*="background"]),
html body nav.navbar.fixed-top .navbar-brand i {
    color: #FFFFFF !important;
}
html body nav.navbar.fixed-top a.menu-item,
html body nav.navbar.fixed-top a.menu-item > i,
html body nav.navbar.fixed-top a.menu-item i.fas,
html body nav.navbar.fixed-top a.menu-item i.fa-solid,
html body nav.navbar.fixed-top .lx-top-ico i {
    color: #FFFFFF !important;
}
html body nav.navbar.fixed-top .lx-top-ico:hover i,
html body nav.navbar.fixed-top a.menu-item:hover > i {
    color: #FFFFFF !important;
    opacity: .8;
}
/* the dropdowns opened from the bar keep their own (dark-on-white) colours */
html body nav.navbar.fixed-top .lx-ai-menu i,
html body nav.navbar.fixed-top .lx-settings-menu i {
    opacity: 1;
}

/* ---- page tabs (lx-page-tabs, site.css forces blue) ---- */
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn {
    color: var(--upk-tab) !important;
}
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--upk-tab-active) !important;
}
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-ink-bar {
    background: var(--upk-tab-active) !important;
}

/* ---- dashboard ---- */
html body .lx-dash-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html body .lx-dash-tabs > .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn {
    color: #6F4C54 !important;                    /* selected "Dashboard" tab (2026-11-14, was the top bar colour) */
}
html body .lx-dash-tabs > .ant-tabs-nav .ant-tabs-ink-bar {
    background: var(--upk-topbar) !important;     /* underline = top bar colour */
}
html body .lx-dash-tabs,
html body .lx-dash-tabs > .ant-tabs-content-holder,
html body .lx-dash-tabs .ant-tabs-tabpane,
html body .lx-daily-alerts,
html body .ant-layout,
html body .ant-layout-content {
    background: var(--upk-page) !important;       /* dashboard background = page colour */
}


/* ---- grid views (AntDesign <Table>) ----
   group-tone rows (lx-gt-*) keep their own colours */
html body .ant-table,
html body .ant-table-container,
html body .ant-table-tbody > tr:not(.lx-gt-row):not(.lx-gt-sub):not(.lx-gt-head) > td,
html body .lx-doc-grid .ant-table-tbody > tr:not(.lx-gt-row):nth-child(even) > td {
    background-color: var(--upk-grid) !important;
}
html body .ant-table-tbody > tr:not(.lx-gt-row):not(.lx-gt-sub):not(.lx-gt-head):hover > td {
    background-color: #F3EAED !important;
}
html body .ant-table-thead > tr > th,
html body .ant-table-thead > tr > td,
html body .ant-table-sticky-holder .ant-table-thead > tr > th {
    background-color: var(--upk-grid-head) !important;
    color: var(--upk-text) !important;
    border-bottom-color: rgba(47, 26, 31, .12) !important;
}
html body table.table > thead > tr > th {          /* plain bootstrap tables */
    background-color: var(--upk-grid-head) !important;
    color: var(--upk-text) !important;
}

/* ---- form panels (also replaced in the pages: #e3f0fb -> #ECDDE0) ---- */
html body .form-parent-container {
    background-color: var(--upk-panel) !important;
}

/* ---- action buttons + their icons (site.css made them blue) ---- */
html body .btn.btn-primary, html body .btn.btn-success, html body .lx-action-link, html body .lx-view-profile-link,
html body .btn.btn-primary i, html body .btn.btn-success i, html body .lx-action-link i, html body .lx-view-profile-link i,
html body .btn.btn-primary .anticon, html body .btn.btn-success .anticon, html body .lx-action-link .anticon,
html body .btn[data-lxico]::before,
html body .lx-rpt-action, html body .lx-rpt-action .anticon, html body .lx-rpt-action i,
html body .btn.print-btn, html body .btn.print-btn .anticon, html body .btn.print-btn i,
html body .lx-pdf-btn, html body .lx-rt-apply, html body .lx-trr-pick,
html body .lx-appr-act.lx-ok, html body .lx-appr-act.lx-ok .anticon,
html body .lx-header-action-link, html body .lx-header-action-link i,
html body .custom-print-btn, html body .custom-print-btn i {
    color: var(--upk-action) !important;
}
html body .btn.btn-primary:hover, html body .btn.btn-success:hover, html body .lx-action-link:hover, html body .lx-view-profile-link:hover,
html body .btn.btn-primary:hover i, html body .btn.btn-success:hover i, html body .lx-action-link:hover i,
html body .btn.btn-primary:hover .anticon, html body .btn.btn-success:hover .anticon,
html body .lx-rpt-action:hover, html body .lx-rpt-action:hover .anticon,
html body .btn.print-btn:hover, html body .lx-pdf-btn:hover,
html body .lx-header-action-link:hover, html body .custom-print-btn:hover {
    color: var(--upk-action-hover) !important;
}

/* ---- menus opened by action buttons (dropdowns) ---- */
html body .ant-dropdown-menu-item, html body .ant-dropdown-menu-item a, html body .ant-dropdown-menu-item .anticon,
html body .ant-dropdown-menu-submenu-title,
html body .dropdown-menu .dropdown-item, html body .dropdown-menu .dropdown-item i,
html body .lx-settings-item, html body .lx-settings-item i,
html body .lx-ai-item, html body .lx-ai-item i {
    color: var(--upk-action) !important;
}
html body .ant-dropdown-menu-item:hover, html body .dropdown-menu .dropdown-item:hover,
html body .lx-settings-item:hover, html body .lx-ai-item:hover {
    background-color: #F3EAED !important;
    color: var(--upk-action-hover) !important;
}


/* ---- tabs: never bold, no underline (selected tab included) ---- */
html body .ant-tabs .ant-tabs-tab,
html body .ant-tabs .ant-tabs-tab .ant-tabs-tab-btn,
html body .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html body .lx-onb-linetabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    font-weight: 400 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}
html body .ant-tabs .ant-tabs-ink-bar,
html body .lx-page-tabs > .ant-tabs-nav .ant-tabs-ink-bar,
html body .lx-dash-tabs > .ant-tabs-nav .ant-tabs-ink-bar,
html body .lx-onb-linetabs .ant-tabs-ink-bar {
    display: none !important;
}

/* ---- Ant Design's built-in blue (library CSS) -> #A87983 ---- */
html body a { color: #6F4C54; }   /* (2026-11-14) link text, was the accent #A87983 */
html body .ant-btn-primary, html body .ant-btn-primary:hover, html body .ant-btn-primary:focus {
    background: var(--upk-accent) !important; border-color: var(--upk-accent) !important; color: #fff !important;
}
html body .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):hover,
html body .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):focus { color: #6F4C54 !important; border-color: var(--upk-accent) !important; }
html body .ant-checkbox-checked .ant-checkbox-inner,
html body .ant-checkbox-indeterminate .ant-checkbox-inner::after,
html body .ant-radio-inner::after,
html body .ant-switch-checked,
html body .ant-badge-count:not([style*="background"]),
html body .ant-pagination-item-active a { background-color: var(--upk-accent) !important; }
html body .ant-checkbox-checked .ant-checkbox-inner,
html body .ant-radio-checked .ant-radio-inner,
html body .ant-pagination-item-active,
html body .ant-input:focus, html body .ant-input-focused, html body .ant-input:hover,
html body .ant-select-focused .ant-select-selector, html body .ant-select:not(.ant-select-disabled):hover .ant-select-selector,
html body .ant-picker-focused, html body .ant-picker:hover { border-color: var(--upk-accent) !important; }
html body .ant-pagination-item-active a { color: #fff !important; }
html body .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background-color: #F3EAED !important; }
html body .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner { background: var(--upk-accent) !important; }
html body .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { border-color: var(--upk-accent) !important; }

/* ---- card tabs (CUSTOMER / COUNTER PARTY / BANK, NATURAL / LEGAL ...) ---- */
html body .ant-tabs-card .ant-tabs-tab {
    background-color: #FFFFFF !important;
    border-color: rgba(47, 26, 31, .14) !important;
    font-weight: 400 !important;
}
html body .ant-tabs-card .ant-tabs-tab:not(.ant-tabs-tab-active):hover {
    background: var(--upk-grid-head) !important;   /* #E3CFD4 */
    border-color: var(--upk-grid-head) !important;
    box-shadow: none !important;
}
html body .ant-tabs-card .ant-tabs-tab:not(.ant-tabs-tab-active):hover .ant-tabs-tab-btn {
    color: var(--upk-text) !important;
}
html body .ant-tabs-card .ant-tabs-tab.ant-tabs-tab-active,
html body .ant-tabs-card .ant-tabs-tab.ant-tabs-tab-active:hover {
    background: var(--upk-topbar) !important;      /* #9F6E79 */
    border-color: var(--upk-topbar) !important;
    box-shadow: none !important;
}
html body .ant-tabs-card .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html body .ant-tabs-card .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-btn {
    color: #FFFFFF !important;
    font-weight: 400 !important;
}

/* ---- buttons inside grids (SCR, KYC Request, Send PDF ...): no fill, sit on the grid background ---- */
html body .ant-table .btn.btn-secondary,
html body .ant-table .btn.btn-light,
html body table .btn.btn-secondary {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
    color: var(--upk-action) !important;
}
html body .ant-table .btn.btn-secondary:hover,
html body table .btn.btn-secondary:hover {
    background: var(--upk-side-hover) !important;   /* light feedback on hover */
    color: var(--upk-action) !important;
}
html body .ant-table .btn.btn-secondary .lable,
html body table .btn.btn-secondary .lable { color: var(--upk-action) !important; }

/* ---- every grid header incl. custom ones (.lx-doc-grid "View | Document No ...", .lx-action-table ...) ---- */
html body .ant-table-wrapper .ant-table .ant-table-thead > tr > th,
html body .ant-table-wrapper .ant-table .ant-table-thead > tr > td {
    background-color: var(--upk-grid-head) !important;   /* #E3CFD4 */
    color: var(--upk-text) !important;                   /* #2F1A1F */
    border-bottom-color: rgba(47, 26, 31, .12) !important;
}

/* ---- (2026-11-14) sharper, +1px text app-wide ----
   MDB set the body text to grey #4f4f4f at 1rem; Ant to rgba(0,0,0,.85) at 14px. */
:root {
    --mdb-body-color: #231417;
    --mdb-body-color-rgb: 35, 20, 23;
    --mdb-body-font-size: 1.0625rem;
}
html body {
    color: #231417;
    text-rendering: optimizeLegibility;
}
/* (2026-11-14, owner) black text for readability: labels, input components, grid views, left menu */
html body label:not([class*="btn"]):not(.ant-radio-button-wrapper-checked),
html body .form-label, html body .col-form-label,
html body .ant-form-item-label > label,
html body .ant-input, html body .ant-input-number-input, html body textarea.ant-input,
html body input.form-control, html body select.form-control, html body textarea.form-control, html body .form-select,
html body select.ant-input, html body select,
html body .ant-select-selection-item,
html body .ant-picker-input > input,
html body .ant-checkbox-wrapper, html body .ant-radio-wrapper,
html body .ant-table-tbody > tr > td,
html body .ant-table-thead > tr > th,
html body table.table > tbody > tr > td,
html body table.table > thead > tr > th {
    color: #000000 !important;
}
html body .ant-input::placeholder, html body .form-control::placeholder, html body textarea::placeholder,
html body .ant-select-selection-placeholder, html body .ant-picker-input > input::placeholder {
    color: #6f6f6f !important;                     /* placeholders stay lighter than real values */
}
html body .ant-input[disabled], html body .form-control:disabled, html body .ant-select-disabled .ant-select-selection-item {
    color: #333333 !important;                     /* read-only values readable too */
}