/* Transfer page fit-to-viewport (M8) */
.tf-page-fit { display: flex; flex-direction: column; }
.tf-page-fit .tf-form-card { padding: 14px 18px; }
.tf-page-fit .tf-field { margin-bottom: 10px; }
.tf-page-fit .tf-page-header { padding: 10px 16px; margin-bottom: 10px; }
.tf-page-fit .tf-form-fields { gap: 8px; }
@media (min-height: 700px) {
  .tf-page-fit .section-wrap { min-height: calc(100vh - 180px); }
}

/* Nav menu click toggle */
header .navigation .menu ul li.nav-open > .submenu {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Active market page highlight (Serbest/Spot/BIST) */
header .navigation .menu ul li.spot-market.active a,
header .navigation .menu ul li.spot-market.active:hover a {
    background-color: rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 0 -4px 0 #f59e0b !important;
}
header .navigation .menu ul li.free-market.active a,
header .navigation .menu ul li.free-market.active:hover a {
    background-color: rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 0 -4px 0 #00bcc2 !important;
}
header .navigation .menu ul li.borsa-istanbul.active a,
header .navigation .menu ul li.borsa-istanbul.active:hover a {
    background-color: rgba(0, 0, 0, 0.25) !important;
    box-shadow: inset 0 -4px 0 #4aa2ee !important;
}

/* Mobile menu: show arrow icons on mobile links */
@media (max-width: 991px) {
    header .navigation .menu ul li a.mobile {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    header .navigation .menu ul li a.mobile i {
        font-size: 11px;
        margin-left: 8px;
        transition: transform 0.2s;
    }
    header .navigation .menu ul li.nav-open > a.mobile i {
        transform: rotate(180deg);
    }
    /* Submenu animation on mobile */
    header .navigation .menu ul li.nav-open > .submenu {
        position: relative !important;
        width: auto !important;
        background: rgba(0,0,0,0.15) !important;
    }
}

/* Mobile header: visible avatar */
@media (max-width: 767px) {
    header .top .action .item.member { display: inline-block !important; }
    header .top .action .item.member .avatar { display: block !important; width: 32px; height: 32px; }
    header .top .action .item.member .avatar img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; }
    header .top .action .item.member .name { display: none !important; }
    header .top .action .item.member .btn { padding: 4px 6px; }
}

/* ============================================
   THEME CSS CUSTOM PROPERTIES
   ============================================ */
:root {
    /* Page backgrounds */
    --bg-body: #fafbfc;
    --bg-section: #f5f6fa;
    --bg-card: #fff;
    --bg-card-alt: #f8fafc;

    /* Header / Navigation */
    --bg-header: #01539c;
    --bg-nav: rgba(0, 0, 0, 0.2);
    --bg-submenu: #013564;
    --nav-text: #fff;
    --nav-text-muted: rgba(255,255,255,0.7);

    /* Text */
    --text-primary: #001737;
    --text-secondary: #334155;
    --text-muted: #8392a5;
    --text-light: #94a3b8;
    --text-inverse: #fff;

    /* Borders */
    --border-color: #e2e5ed;
    --border-light: #f0f2f5;
    --border-input: #c0ccda;

    /* Table */
    --bg-table-header: #eee;
    --bg-table-row-alt: #fafbfc;
    --bg-table-hover: #f1f5f9;
    --table-header-text: #001737;

    /* Gradient headers (buy/sell) */
    --gradient-buy: linear-gradient(135deg, #01539c 0%, #1a73c7 100%);
    --gradient-sell: linear-gradient(135deg, #0d8a45 0%, #2ed87a 100%);

    /* Module */
    --bg-module: #fff;
    --module-title-bg: transparent;
    --module-shadow: 0 0 5px rgba(28, 39, 60, 0.05);
    --module-border: #e2e5ed;

    /* Buttons */
    --btn-primary-bg: #01539c;
    --btn-primary-text: #fff;
    --btn-danger-bg: #dc3545;

    /* Forms */
    --bg-input: #fff;
    --input-text: #001737;
    --bg-input-disabled: #f5f6fa;

    /* Status colors (same in both themes) */
    --color-success: #059669;
    --color-danger: #e11d48;
    --color-warning: #f59e0b;
    --color-info: #01539c;

    /* Cards / Panels */
    --card-shadow: 0 2px 16px rgba(0,0,0,0.07);

    /* Footer */
    --bg-footer: #fafbfc;
    --footer-text: #637388;
    --footer-border: #dee2ea;

    /* Tabs */
    --bg-tab: #e2e5ed;
    --bg-tab-active: #fff;
    --tab-text: #001737;
    --tab-text-active: #01539c;

    /* Dropdown */
    --bg-dropdown: #fff;
    --dropdown-hover: #f1f5f9;
    --dropdown-text: #001737;

    /* Badge */
    --badge-bg: #e8f0fe;
    --badge-text: #01539c;

    /* Notification panel */
    --bg-notification-panel: #fff;

    /* Scrollbar */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #c1c1c1;

    /* Modal */
    --bg-modal: #fff;
    --modal-border: #e2e8f0;

    /* Popover */
    --bg-popover: #fff;
    --popover-text: #001737;
}

/* ============================================
   DARK THEME
   ============================================ */
[data-theme="dark"] {
    /* Page backgrounds */
    --bg-body: #0f172a;
    --bg-section: #1e293b;
    --bg-card: #1e293b;
    --bg-card-alt: #253347;

    /* Header / Navigation */
    --bg-header: #0c1929;
    --bg-nav: #091322;
    --bg-submenu: #0c1929;
    --nav-text: #e2e8f0;
    --nav-text-muted: rgba(226,232,240,0.6);

    /* Text */
    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-light: #64748b;
    --text-inverse: #0f172a;

    /* Borders */
    --border-color: #334155;
    --border-light: #2d3a4e;
    --border-input: #475569;

    /* Table */
    --bg-table-header: #253347;
    --bg-table-row-alt: #1a2537;
    --bg-table-hover: #2d3a4e;
    --table-header-text: #e2e8f0;

    /* Gradient headers (buy/sell) - slightly muted for dark */
    --gradient-buy: linear-gradient(135deg, #0c3d6e 0%, #145da0 100%);
    --gradient-sell: linear-gradient(135deg, #0a6933 0%, #1fa85c 100%);

    /* Module */
    --bg-module: #1e293b;
    --module-title-bg: transparent;
    --module-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    --module-border: #334155;

    /* Buttons */
    --btn-primary-bg: #1a6abf;
    --btn-primary-text: #fff;
    --btn-danger-bg: #b91c1c;

    /* Forms */
    --bg-input: #253347;
    --input-text: #e2e8f0;
    --bg-input-disabled: #1a2537;

    /* Cards / Panels */
    --card-shadow: none;

    /* Footer */
    --bg-footer: #0c1929;
    --footer-text: #94a3b8;
    --footer-border: #334155;

    /* Tabs */
    --bg-tab: #253347;
    --bg-tab-active: #1e293b;
    --tab-text: #cbd5e1;
    --tab-text-active: #60a5fa;

    /* Dropdown */
    --bg-dropdown: #253347;
    --dropdown-hover: #334155;
    --dropdown-text: #e2e8f0;

    /* Badge */
    --badge-bg: #1a3a5c;
    --badge-text: #60a5fa;

    /* Notification panel */
    --bg-notification-panel: #1e293b;

    /* Scrollbar */
    --scrollbar-track: #1e293b;
    --scrollbar-thumb: #475569;

    /* Modal */
    --bg-modal: #1e293b;
    --modal-border: #334155;

    /* Popover */
    --bg-popover: #253347;
    --popover-text: #e2e8f0;
}

/* ============================================
   DARK MODE OVERRIDES
   ============================================ */

/* --- Body & Section --- */
[data-theme="dark"] body,
[data-theme="dark"] html {
    background-color: var(--bg-body) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] section {
    background-color: var(--bg-section) !important;
    color: var(--text-primary) !important;
}

/* --- Header --- */
[data-theme="dark"] header {
    background: var(--bg-header) !important;
}

[data-theme="dark"] header .top {
    background: var(--bg-header) !important;
}

[data-theme="dark"] header .navigation .submenu,
[data-theme="dark"] header .navigation .menu ul li .submenu {
    background: var(--bg-submenu) !important;
}

[data-theme="dark"] header .navigation .submenu ul li a,
[data-theme="dark"] header .navigation .menu ul li .submenu ul li a {
    color: var(--nav-text) !important;
}

[data-theme="dark"] header .navigation .submenu ul li a:hover,
[data-theme="dark"] header .navigation .menu ul li .submenu ul li a:hover,
[data-theme="dark"] header .navigation .menu ul li:hover .submenu ul li a:hover {
    background: rgba(255,255,255,0.1) !important;
    color: #f3cc03 !important;
}

[data-theme="dark"] header .navigation .menu ul li .submenu ul li {
    border-top-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] header .navigation .left .menu ul li {
    border-right-color: rgba(255,255,255,0.1) !important;
}
[data-theme="dark"] header .navigation .right .menu ul li {
    border-left-color: rgba(255,255,255,0.1) !important;
}

/* --- Module / Card --- */
[data-theme="dark"] section .module,
[data-theme="dark"] .module {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
    box-shadow: none !important;
}

[data-theme="dark"] section .module .module-title,
[data-theme="dark"] .module-title {
    border-color: var(--module-border) !important;
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
}

[data-theme="dark"] .module-title h1,
[data-theme="dark"] .module-title h2,
[data-theme="dark"] .module-title h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .module-content,
[data-theme="dark"] .module-content {
    background: var(--bg-module) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .section-wrap {
    color: var(--text-primary) !important;
}

/* --- Tables --- */
[data-theme="dark"] table {
    color: var(--text-primary) !important;
}

[data-theme="dark"] table thead th,
[data-theme="dark"] table thead td {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] table tbody tr {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] table tbody tr:nth-child(even) {
    background: var(--bg-table-row-alt) !important;
}

[data-theme="dark"] table tbody tr:hover {
    background: var(--bg-table-hover) !important;
}

[data-theme="dark"] table tbody td {
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .gray-txt {
    color: var(--text-muted) !important;
}

/* --- Forms & Inputs --- */
[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: var(--bg-input) !important;
    color: var(--input-text) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] .form-control:focus {
    background-color: var(--bg-input) !important;
    color: var(--input-text) !important;
    border-color: #60a5fa !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background-color: var(--bg-input-disabled) !important;
    color: var(--text-muted) !important;
}

[data-theme="dark"] label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .form-group label {
    color: var(--text-secondary) !important;
}

/* --- Dropdowns --- */
[data-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--dropdown-text) !important;
}

[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background-color: var(--dropdown-hover) !important;
    color: var(--text-primary) !important;
}

/* --- Tabs --- */
[data-theme="dark"] .nav-tabs {
    background: var(--bg-tab) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--tab-text) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background: var(--bg-tab-active) !important;
    color: var(--tab-text-active) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .justify-content-start {
    background: var(--bg-tab) !important;
}

/* --- Footer (old rules removed — modern footer dark rules at bottom) ---*/

/* --- Modal --- */
[data-theme="dark"] .modal-content {
    background-color: var(--bg-modal) !important;
    border-color: var(--modal-border) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-header {
    border-color: var(--modal-border) !important;
    background-color: var(--bg-modal) !important;
}

[data-theme="dark"] .modal-header .modal-title,
[data-theme="dark"] .modal-header .close {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-body {
    background-color: var(--bg-modal) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modal-footer {
    border-color: var(--modal-border) !important;
    background-color: var(--bg-modal) !important;
}

/* --- Breadcrumb / Back --- */
[data-theme="dark"] .breadcrumb-bar {
    background: #0C1929 !important;
}
[data-theme="dark"] .breadcrumb-content {
    background: transparent !important;
}

[data-theme="dark"] .breadcrumb-content a {
    color: #94a3b8 !important;
}
[data-theme="dark"] .breadcrumb-content a:hover {
    color: #fff !important;
}

/* --- Cards (modern pages) --- */
[data-theme="dark"] .card,
[data-theme="dark"] [class*="-card"] {
    box-shadow: none !important;
}

/* --- Notification Panel --- */
[data-theme="dark"] .notification-container {
    background: var(--bg-notification-panel) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .notification-container .header {
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .notification-container .list .item {
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .notification-container .list .item a {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .notification-container .all a {
    background: var(--bg-table-header) !important;
    color: var(--badge-text) !important;
}

[data-theme="dark"] .notification-container .all a:hover {
    background: var(--bg-table-hover) !important;
}

[data-theme="dark"] .notification-overlay {
    background: rgba(0, 0, 0, 0.65) !important;
}

/* --- Scrollbar --- */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--scrollbar-track) !important;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb) !important;
}

/* --- react-select (SearchableSelect) --- */
[data-theme="dark"] .css-1s2u09g-control,
[data-theme="dark"] .css-1pahdxg-control,
[data-theme="dark"] [class$="-control"] {
    background-color: var(--bg-input) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] [class$="-singleValue"],
[data-theme="dark"] [class$="-placeholder"] {
    color: var(--input-text) !important;
}

[data-theme="dark"] [class$="-menu"] {
    background-color: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] [class$="-option"] {
    color: var(--dropdown-text) !important;
}

[data-theme="dark"] [class$="-option"]:hover,
[data-theme="dark"] [class$="-option--is-focused"] {
    background-color: var(--dropdown-hover) !important;
}

/* --- Inline card styles in modern pages --- */
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] div[style*="background:#fff"],
[data-theme="dark"] div[style*="background: white"],
[data-theme="dark"] div[style*="backgroundColor: '#fff'"] {
    background: var(--bg-card) !important;
}

/* --- Links --- */
[data-theme="dark"] a {
    color: var(--text-primary);
}

[data-theme="dark"] a:hover {
    color: #60a5fa;
}

/* --- Module form action --- */
[data-theme="dark"] .module-form-action {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Badge/Pill filters --- */
[data-theme="dark"] .badge {
    color: var(--text-primary) !important;
}

/* --- Market Ticker (spot data bar) --- */
[data-theme="dark"] .market-data,
[data-theme="dark"] .spot-data,
[data-theme="dark"] .ticker-wrap {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* --- Dashboard cards --- */
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .widget {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

/* --- Report table --- */
[data-theme="dark"] .report-table th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
}

[data-theme="dark"] .report-table td {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* --- Custom checkbox (ao-check) --- */
[data-theme="dark"] .ao-check {
    border-color: var(--border-input) !important;
    background: var(--bg-input) !important;
}

/* --- Pagination --- */
[data-theme="dark"] .ao-pagination button,
[data-theme="dark"] .pagination .page-link {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .ao-pagination button:hover,
[data-theme="dark"] .pagination .page-link:hover {
    background: var(--bg-table-hover) !important;
}

/* --- Action buttons --- */
[data-theme="dark"] .ao-action-btn {
    background: var(--bg-card-alt) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .ao-action-btn:hover {
    background: var(--bg-table-hover) !important;
}

/* ═══ Active Orders page (.ao-*) — comprehensive dark mode ═══ */
[data-theme="dark"] .ao-tbl thead th {
    background-color: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
}
[data-theme="dark"] .ao-tbl tbody tr {
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] .ao-tbl tbody tr:hover {
    background: rgba(96,165,250,.08) !important;
}
[data-theme="dark"] .ao-tbl td {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ao-instr { color: var(--text-primary) !important; }
[data-theme="dark"] .ao-fineness { color: var(--text-muted) !important; }
[data-theme="dark"] .ao-qty { color: var(--text-primary) !important; }
[data-theme="dark"] .ao-unit { color: var(--text-muted) !important; }
[data-theme="dark"] .ao-price { color: #60a5fa !important; }
[data-theme="dark"] .ao-curr { color: var(--text-muted) !important; }
[data-theme="dark"] .ao-date { color: var(--text-secondary) !important; }
[data-theme="dark"] .ao-empty-icon { color: var(--text-light) !important; }
[data-theme="dark"] .ao-empty-txt { color: var(--text-muted) !important; }

/* Side badges */
[data-theme="dark"] .ao-side-buy { background: #064e3b !important; color: #34d399 !important; }
[data-theme="dark"] .ao-side-sell { background: #4c1d1d !important; color: #f87171 !important; }

/* Market badge */
[data-theme="dark"] .ao-market-badge {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Session badge */
[data-theme="dark"] .ao-session {
    background: linear-gradient(135deg, #3b1f4b, #4c1d6e) !important;
    color: #d8b4fe !important;
    border-color: rgba(168,85,247,.2) !important;
}

/* Filter pills */
[data-theme="dark"] .ao-filter-pill {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .ao-filter-pill:hover {
    border-color: #60a5fa !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .ao-filter-pill.active {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
    border-color: var(--btn-primary-bg) !important;
}

/* Filter dropdown */
[data-theme="dark"] .ao-filter-dropdown {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}
[data-theme="dark"] .ao-filter-dropdown-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ao-filter-dropdown-item:hover {
    background: var(--dropdown-hover) !important;
}
[data-theme="dark"] .ao-filter-dropdown-item.selected {
    background: #1a3a5c !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .ao-filter-sep {
    background: var(--border-color) !important;
}

/* Action bar */
[data-theme="dark"] .ao-action-bar {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}

/* Pagination */
[data-theme="dark"] .ao-pagination .page-link {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ao-pagination .page-item.active .page-link {
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: #fff !important;
}

/* More button */
[data-theme="dark"] .ao-more-btn {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-muted) !important;
}

/* ═══ Dashboard custom-card table text dark mode ═══ */
[data-theme="dark"] section .module.custom-card .module-table table,
[data-theme="dark"] section .module.accounts .module-table table {
    background: var(--bg-card) !important;
}
[data-theme="dark"] section .module.custom-card .module-table table tbody tr td {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .pink-txt {
    color: #f472b6 !important;
}
[data-theme="dark"] .gt-txt {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .buy-circle {
    background: #064e3b !important;
    color: #34d399 !important;
}

/* --- Horizontal rule --- */
[data-theme="dark"] hr {
    border-color: var(--border-color) !important;
}

/* --- Text helpers --- */
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3,
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: var(--text-primary);
}

/* --- Misc utility --- */
[data-theme="dark"] .bg-light {
    background-color: var(--bg-card-alt) !important;
}

[data-theme="dark"] .border {
    border-color: var(--border-color) !important;
}

/* --- Date picker --- */
[data-theme="dark"] .react-datepicker {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .react-datepicker__header {
    background: var(--bg-table-header) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .react-datepicker__day {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .react-datepicker__day:hover {
    background: var(--bg-table-hover) !important;
}

[data-theme="dark"] .react-datepicker__current-month,
[data-theme="dark"] .react-datepicker__day-name {
    color: var(--text-primary) !important;
}

/* --- Toast --- */
[data-theme="dark"] .toast {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* --- Loading spinner color --- */
[data-theme="dark"] .fa-spinner {
    color: #60a5fa !important;
}

/* --- Theme toggle active state (dark mode) --- */
[data-theme="dark"] header .top .action .item.theme-toggle a {
    color: #fbbf24;
}

[data-theme="dark"] header .top .action .item.theme-toggle a:hover {
    background: rgba(251,191,36,0.15);
    color: #fbbf24;
}

/* --- Specific !important overrides for dark mode --- */

/* Market action bar */
[data-theme="dark"] .section-wrap > .module.market-action {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
}

/* Market tab module */
[data-theme="dark"] section .module.market-tab {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
}

/* Market-action filter bar inside tabs */
[data-theme="dark"] section .module.market-tab .market-action,
[data-theme="dark"] .module.market-tab .market-action {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] section .module.market-tab .market-action .action-filter .name,
[data-theme="dark"] .module.market-tab .market-action .action-filter .name {
    color: var(--text-muted) !important;
}

[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn,
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group > a.btn {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn.active,
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group > a.btn.active {
    background: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
}

[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn:hover,
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group > a.btn:hover {
    background: var(--bg-table-hover) !important;
}

/* Lokasyon dropdown inside tab filter */
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group .dropdown-menu {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group .dropdown-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group .dropdown-item:hover {
    background: var(--dropdown-hover) !important;
}
[data-theme="dark"] .module.market-tab .market-action .action-filter .btn-group > a.btn.dropdown-toggle {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

/* react-select / ng-select in dark mode */
[data-theme="dark"] .react-select__control,
[data-theme="dark"] .ng-select__control,
[data-theme="dark"] .css-13cymwt-control,
[data-theme="dark"] .css-t3ipsp-control,
[data-theme="dark"] div[class*="-control"] {
    background-color: var(--bg-input) !important;
    background: var(--bg-input) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] .react-select__single-value,
[data-theme="dark"] div[class*="-singleValue"] {
    color: var(--input-text) !important;
}

[data-theme="dark"] .react-select__input-container,
[data-theme="dark"] div[class*="-Input"] input {
    color: var(--input-text) !important;
}

[data-theme="dark"] .react-select__menu,
[data-theme="dark"] div[class*="-menu"] {
    background-color: var(--bg-dropdown) !important;
}

[data-theme="dark"] .react-select__option,
[data-theme="dark"] div[class*="-option"] {
    background-color: transparent !important;
    color: var(--dropdown-text) !important;
}

[data-theme="dark"] .react-select__option--is-focused,
[data-theme="dark"] div[class*="-option"]:hover {
    background-color: var(--dropdown-hover) !important;
}

[data-theme="dark"] .react-select__indicator-separator,
[data-theme="dark"] div[class*="-indicatorSeparator"] {
    background-color: var(--border-color) !important;
}

/* Action buttons (.btn-action, .ao-action-btn) */
[data-theme="dark"] .btn-action {
    background: var(--bg-card-alt) !important;
    color: var(--text-muted) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .btn-action:hover {
    background: var(--bg-table-hover) !important;
    color: var(--text-primary) !important;
}

/* Filter dropdown button */
[data-theme="dark"] .filter-dropdown-btn,
[data-theme="dark"] a.btn.filter-dropdown-btn,
[data-theme="dark"] .btn.dropdown-toggle.cs-drp.filter-dropdown-btn,
[data-theme="dark"] .action-filter .btn-group .btn.filter-dropdown-btn {
    background: var(--bg-card-alt) !important;
    background-color: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .filter-dropdown-btn:hover,
[data-theme="dark"] a.btn.filter-dropdown-btn:hover,
[data-theme="dark"] .action-filter .btn-group .btn.filter-dropdown-btn:hover {
    background: var(--bg-table-hover) !important;
    background-color: var(--bg-table-hover) !important;
    color: #60a5fa !important;
    border-color: #60a5fa !important;
}

/* Module + adjacent module (free market layout) */
[data-theme="dark"] .section-wrap > .module.market-action + .module {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
}

/* Module title text */
[data-theme="dark"] section .module .module-title h2,
[data-theme="dark"] section .module.accounts > .module-title h2,
[data-theme="dark"] section .module.accounts > .module-title h5,
[data-theme="dark"] section .module.custom-card > .module-title h2,
[data-theme="dark"] section .module.custom-card > .module-title h5,
[data-theme="dark"] section .module .module-title h5,
[data-theme="dark"] .section-wrap > .module .module-title h2 {
    color: var(--text-primary) !important;
}

/* Dashboard custom-card dark title gradient */
[data-theme="dark"] section .module.custom-card > .module-title,
[data-theme="dark"] section .module.accounts > .module-title {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-bottom-color: var(--border-color) !important;
}

/* Dashboard custom-card dark table headers */
[data-theme="dark"] section .module.custom-card .module-table table thead tr th,
[data-theme="dark"] section .module.accounts .module-table table thead tr th {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-table-header) 100%) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-muted) !important;
}

[data-theme="dark"] section .module.custom-card .module-table table tbody tr td,
[data-theme="dark"] section .module.accounts .module-table table tbody tr td {
    border-bottom-color: var(--border-light) !important;
}

[data-theme="dark"] section .module.custom-card .module-table table tbody tr:nth-child(even) td,
[data-theme="dark"] section .module.accounts .module-table table tbody tr:nth-child(even) td {
    background: var(--bg-table-row-alt) !important;
}

[data-theme="dark"] section .module.custom-card .module-table table tbody tr:hover td,
[data-theme="dark"] section .module.accounts .module-table table tbody tr:hover td {
    background: var(--bg-table-hover) !important;
}

/* Module form action area */
[data-theme="dark"] section .module .module-form-action {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* All #fff backgrounds in tables */
[data-theme="dark"] .module-table table {
    background: var(--bg-module) !important;
}

[data-theme="dark"] .module-table table thead tr th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
}

/* Market order table buy/sell header rows */
[data-theme="dark"] table.buy-table thead th,
[data-theme="dark"] .buy-header th {
    background: var(--gradient-buy) !important;
}

[data-theme="dark"] table.sell-table thead th,
[data-theme="dark"] .sell-header th {
    background: var(--gradient-sell) !important;
}

/* Buy/Sell table row hovers */
[data-theme="dark"] .buy-row:hover,
[data-theme="dark"] tr.buy-row:hover {
    background: #1a2d4a !important;
}

[data-theme="dark"] .sell-row:hover,
[data-theme="dark"] tr.sell-row:hover {
    background: #1a3a2a !important;
}

/* Owner rows */
[data-theme="dark"] tr.owner-buy {
    background: #1a3050 !important;
}

[data-theme="dark"] tr.owner-sell {
    background: #1a3a30 !important;
}

/* Navigation menu text */
[data-theme="dark"] header .navigation .menu ul li a {
    color: var(--nav-text) !important;
}

/* Ticker / spot data bar */
[data-theme="dark"] .data-ticker,
[data-theme="dark"] .spot-bar,
[data-theme="dark"] .spot-data-container,
[data-theme="dark"] .price-ticker {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* Login page dark mode - see comprehensive rules below */

/* Inline style card overrides - modern page cards */
[data-theme="dark"] .ns-card,
[data-theme="dark"] .notif-card {
    background: var(--bg-card) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ns-header {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .ns-header h1 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .ns-item {
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .ns-item:hover {
    background: var(--bg-card-alt) !important;
}

[data-theme="dark"] .ns-item-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .ns-item-icon {
    background: var(--badge-bg) !important;
}

[data-theme="dark"] .ns-footer {
    border-color: var(--border-light) !important;
}

[data-theme="dark"] .ns-toggle-track {
    background: var(--border-input) !important;
}

[data-theme="dark"] .notif-count {
    background: var(--badge-bg) !important;
    color: var(--badge-text) !important;
}

/* All border-color #dfe3ea, #e2e5ed, #e2e6ed, #d5dae2 in dark */
[data-theme="dark"] [style*="border"],
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-top {
    border-color: var(--border-color) !important;
}

/* Report table headers */
[data-theme="dark"] .report-table thead th {
    color: var(--text-inverse) !important;
}

/* Inline style backgrounds for modern pages */
[data-theme="dark"] div[style*="borderRadius"][style*="boxShadow"] {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Container backgrounds */
[data-theme="dark"] .container {
    color: var(--text-primary);
}

/* --- Module title color --- */
[data-theme="dark"] section .module .module-title {
    color: var(--text-primary) !important;
}

/* --- Market tab nav-tabs with gradient !important --- */
[data-theme="dark"] section .module.market-tab > .nav-tabs,
[data-theme="dark"] section .module.market-tab > nav > .nav-tabs {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module.market-tab > .nav-tabs .nav-link,
[data-theme="dark"] section .module.market-tab > nav > .nav-tabs .nav-link {
    color: var(--tab-text) !important;
}

[data-theme="dark"] section .module.market-tab > .nav-tabs .nav-link.active,
[data-theme="dark"] section .module.market-tab > nav > .nav-tabs .nav-link.active {
    background: rgba(96,165,250,.12) !important;
    color: #60a5fa !important;
    border-color: transparent !important;
    border-bottom: 2.5px solid #60a5fa !important;
}

/* --- Mobile navigation dark mode --- */
@media (max-width: 991px) {
    [data-theme="dark"] header .navigation {
        background: var(--bg-nav) !important;
    }
    [data-theme="dark"] header .navigation .menu ul li {
        border-color: rgba(255,255,255,0.05) !important;
    }
}

/* --- section backgrounds --- */
[data-theme="dark"] section,
[data-theme="dark"] section .section-wrap {
    background-color: var(--bg-section) !important;
}

/* --- Broad module table overrides --- */
[data-theme="dark"] section .module .module-table,
[data-theme="dark"] .module .module-table {
    background: var(--bg-module) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .module-table table tbody tr td {
    background: transparent !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module .module-table table tbody tr {
    background: var(--bg-card) !important;
}

[data-theme="dark"] section .module .module-table table tbody tr:nth-child(even) {
    background: var(--bg-table-row-alt) !important;
}

[data-theme="dark"] section .module .module-table table tbody tr:hover {
    background: var(--bg-table-hover) !important;
}

/* --- Inline <style> overrides for pages with embedded styles --- */
/* Help page */
[data-theme="dark"] .help-card,
[data-theme="dark"] .help-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Payment page */
[data-theme="dark"] .payment-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Contract list */
[data-theme="dark"] .contract-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Announcements */
[data-theme="dark"] .announcement-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Contact form */
[data-theme="dark"] .contact-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Dashboard widgets --- */
[data-theme="dark"] .widget-card,
[data-theme="dark"] .dashboard-widget,
[data-theme="dark"] .chart-container {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* --- Confirmation/Preview cards (transfers, custody etc) --- */
[data-theme="dark"] .preview-card,
[data-theme="dark"] .confirm-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Spot bar / ticker --- */
[data-theme="dark"] .spot-bar-content,
[data-theme="dark"] .price-bar {
    background: var(--bg-card) !important;
}

/* --- Account cards --- */
[data-theme="dark"] .account-card,
[data-theme="dark"] .account-group {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- KYC sections --- */
[data-theme="dark"] .kyc-card,
[data-theme="dark"] .kyc-section {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* --- Profile page --- */
[data-theme="dark"] .profile-card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Generic card patterns from inline styles --- */
[data-theme="dark"] div[style*="background: rgb(255, 255, 255)"],
[data-theme="dark"] div[style*="background-color: rgb(255, 255, 255)"],
[data-theme="dark"] div[style*="background: white"] {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* --- Pill/filter buttons --- */
[data-theme="dark"] .pill-filter,
[data-theme="dark"] .filter-pill {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .pill-filter.active,
[data-theme="dark"] .filter-pill.active {
    background: var(--btn-primary-bg) !important;
    color: var(--btn-primary-text) !important;
}

/* --- General white-bg elements --- */
[data-theme="dark"] .white-bg,
[data-theme="dark"] .bg-white {
    background: var(--bg-card) !important;
}

/* --- Alerts --- */
[data-theme="dark"] .alert {
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .alert-info {
    background: #1a2d4a !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .alert-warning {
    background: #3a2a10 !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .alert-danger {
    background: #3a1a1a !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .alert-success {
    background: #1a3a2a !important;
    color: #86efac !important;
}

/* ==============================================
   DARK MODE - DASHBOARD & WIDGETS
   ============================================== */

/* --- Text classes --- */
[data-theme="dark"] .gray-txt,
[data-theme="dark"] section .module .module-table table tbody tr td .gray-txt {
    color: #94a3b8 !important;
}

[data-theme="dark"] .gt-txt-gray,
[data-theme="dark"] .text-secondary {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .medium-txt {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .gt-txt,
[data-theme="dark"] section .module.custom-card .module-table table tbody tr td.gt-txt {
    color: #60a5fa !important;
}

[data-theme="dark"] .gt-txt:hover,
[data-theme="dark"] section .module.custom-card .module-table table tbody tr td.gt-txt:hover {
    color: #93c5fd !important;
}

[data-theme="dark"] .black-txt {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .small-txt,
[data-theme="dark"] table.small-txt {
    color: var(--text-primary) !important;
}

/* --- Dashboard module table rows --- */
[data-theme="dark"] section .module .module-table table tr th,
[data-theme="dark"] section .module .module-table table.small-txt tr th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .table-light th,
[data-theme="dark"] .table-light td,
[data-theme="dark"] .table-light {
    background-color: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
}

/* --- Dashboard tabs (Son Hareketler etc) --- */
[data-theme="dark"] section .module .module-content .nav-tabs {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module .module-content .nav-tabs .nav-link {
    color: var(--tab-text) !important;
}

[data-theme="dark"] section .module .module-content .nav-tabs .nav-link.active {
    color: var(--tab-text-active) !important;
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > .nav-link.active,
[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > button.nav-link.active {
    color: #60a5fa !important;
    background: rgba(96,165,250,.15) !important;
    border-bottom-color: #60a5fa !important;
}

[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > .nav-link,
[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > button.nav-link {
    color: rgba(255,255,255,.5) !important;
}

[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > .nav-link:hover,
[data-theme="dark"] section .module.market-tab .nav-tabs .nav-item > button.nav-link:hover {
    color: rgba(255,255,255,.85) !important;
    background: rgba(96,165,250,.08) !important;
}

/* --- Market-tab table --- */
[data-theme="dark"] section .module.market-tab .module-table table,
[data-theme="dark"] .module.market-tab .module-table table {
    background: var(--bg-card) !important;
}
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td,
[data-theme="dark"] .module.market-tab .module-table table tbody tr td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
    background-color: var(--bg-card) !important;
}
[data-theme="dark"] section .module.market-tab .module-table table tbody tr:nth-child(even) td,
[data-theme="dark"] .module.market-tab .module-table table tbody tr:nth-child(even) td {
    background: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] section .module.market-tab .module-table table tbody tr:hover td,
[data-theme="dark"] .module.market-tab .module-table table tbody tr:hover td {
    background: rgba(96,165,250,.08) !important;
}
[data-theme="dark"] section .module.market-tab .module-table table tbody tr:hover td:first-child,
[data-theme="dark"] .module.market-tab .module-table table tbody tr:hover td:first-child {
    box-shadow: inset 3px 0 0 #60a5fa !important;
}

/* --- Market-tab table header --- */
[data-theme="dark"] section .module.market-tab .module-table table thead tr th,
[data-theme="dark"] .module.market-tab .module-table table thead tr th,
[data-theme="dark"] section .module .module-table table tr th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}

/* --- Generic table inside modules --- */
[data-theme="dark"] section .module .module-table table {
    background: var(--bg-card) !important;
}
[data-theme="dark"] section .module .module-table table tr td {
    border-bottom-color: var(--border-color) !important;
}

/* --- All hardcoded dark text colors in override CSS --- */
[data-theme="dark"] section .module .module-table table tbody tr td[style],
[data-theme="dark"] section .module .module-table table tbody tr td span[style] {
    color: var(--text-primary) !important;
}

/* --- Document/contract list text --- */
[data-theme="dark"] .document-item,
[data-theme="dark"] .contract-item,
[data-theme="dark"] .policy-item {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .document-item span[style*="color: #1a2332"],
[data-theme="dark"] span[style*="color: #1a2332"] {
    color: var(--text-primary) !important;
}

/* --- Button text in modules --- */
[data-theme="dark"] section .module .module-table .blue-brd-btn,
[data-theme="dark"] section .module .btn-outline-secondary {
    color: var(--text-muted) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module .module-table .blue-brd-btn:hover,
[data-theme="dark"] section .module .btn-outline-secondary:hover {
    color: var(--text-primary) !important;
    background: var(--bg-table-hover) !important;
}

/* --- Status text colors in dark tables --- */
[data-theme="dark"] .status-approved,
[data-theme="dark"] .text-success {
    color: #34d399 !important;
}

[data-theme="dark"] .status-pending,
[data-theme="dark"] .text-warning {
    color: #fbbf24 !important;
}

[data-theme="dark"] .status-rejected,
[data-theme="dark"] .text-danger {
    color: #f87171 !important;
}

/* --- Scroll content area --- */
[data-theme="dark"] .scroll-content {
    background: var(--bg-module) !important;
    color: var(--text-primary) !important;
}

/* --- Dashboard widget inline text color overrides --- */
[data-theme="dark"] section .module .module-table span,
[data-theme="dark"] section .module .module-table td span {
    color: inherit !important;
}

/* Preserve plus/minus colors */
[data-theme="dark"] .plus-txt,
[data-theme="dark"] section .module .module-table table tbody tr td .plus-txt,
[data-theme="dark"] section .module .module-table table tbody tr td.plus-txt,
[data-theme="dark"] section .module.custom-card .module-table table tbody tr td.plus-txt {
    color: #34d399 !important;
}

[data-theme="dark"] .minus-txt,
[data-theme="dark"] section .module .module-table table tbody tr td .minus-txt,
[data-theme="dark"] section .module .module-table table tbody tr td.minus-txt,
[data-theme="dark"] section .module.custom-card .module-table table tbody tr td.minus-txt {
    color: #f87171 !important;
}

[data-theme="dark"] .plus-circle {
    background: #065f46 !important;
    color: #34d399 !important;
}

[data-theme="dark"] .minus-circle {
    background: #7f1d1d !important;
    color: #f87171 !important;
}

/* --- Widget cards with inline style backgrounds --- */
[data-theme="dark"] section .module .module-content span[style*="color: #1e293b"],
[data-theme="dark"] section .module .module-content span[style*="color:#1e293b"],
[data-theme="dark"] section .module .module-content td[style*="color: #1e293b"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .module-content span[style*="color: #334155"],
[data-theme="dark"] section .module .module-content span[style*="color:#334155"],
[data-theme="dark"] section .module .module-content div[style*="color: #334155"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .module-content span[style*="color: #0f172a"],
[data-theme="dark"] section .module .module-content span[style*="color:#0f172a"],
[data-theme="dark"] section .module .module-content div[style*="color: #0f172a"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .module-content span[style*="color: #475569"],
[data-theme="dark"] section .module .module-content div[style*="color: #475569"] {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] section .module .module-content span[style*="color: #64748b"],
[data-theme="dark"] section .module .module-content div[style*="color: #64748b"] {
    color: var(--text-muted) !important;
}

[data-theme="dark"] section .module .module-content span[style*="color: #94a3b8"],
[data-theme="dark"] section .module .module-content div[style*="color: #94a3b8"] {
    color: #94a3b8 !important;
}

/* --- Widget sender/receiver badges --- */
[data-theme="dark"] span[style*="background: rgb(254, 242, 242)"],
[data-theme="dark"] span[style*="background: #fef2f2"],
[data-theme="dark"] div[style*="background: #fef2f2"] {
    background: #3a1a1a !important;
}

[data-theme="dark"] span[style*="background: rgb(236, 253, 245)"],
[data-theme="dark"] span[style*="background: #ecfdf5"],
[data-theme="dark"] div[style*="background: #ecfdf5"] {
    background: #1a3a2a !important;
}

[data-theme="dark"] span[style*="background: rgb(240, 247, 255)"],
[data-theme="dark"] span[style*="background: #f0f7ff"],
[data-theme="dark"] div[style*="background: #f0f7ff"] {
    background: #1a2d4a !important;
}

[data-theme="dark"] span[style*="background: rgb(241, 245, 249)"],
[data-theme="dark"] span[style*="background: #f1f5f9"],
[data-theme="dark"] div[style*="background: #f1f5f9"] {
    background: var(--bg-card-alt) !important;
}

[data-theme="dark"] div[style*="background: rgb(253, 244, 255)"],
[data-theme="dark"] div[style*="background: #fdf4ff"] {
    background: #2d1a3a !important;
}

/* --- Market currency widget --- */
[data-theme="dark"] .market-currency-item,
[data-theme="dark"] .market-data-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* --- Chart area backgrounds --- */
[data-theme="dark"] canvas {
    filter: none !important;
}

[data-theme="dark"] .chartjs-render-monitor {
    background: transparent !important;
}

/* --- Select/dropdown in module headers --- */
[data-theme="dark"] section .module .module-title select,
[data-theme="dark"] section .module .module-title .form-control {
    background-color: var(--bg-input) !important;
    color: var(--input-text) !important;
    border-color: var(--border-input) !important;
}

/* --- Module header action buttons --- */
[data-theme="dark"] section .module .module-title .action a {
    color: var(--text-muted) !important;
}

[data-theme="dark"] section .module .module-title .action a:hover {
    color: var(--text-primary) !important;
}

/* ==============================================
   DARK MODE - ALL PAGES INLINE STYLE OVERRIDES
   ============================================== */

/* --- Generic inline white backgrounds --- */
[data-theme="dark"] div[style*="background: '#fff'"],
[data-theme="dark"] div[style*="background: rgb(255, 255, 255)"],
[data-theme="dark"] div[style*="background-color: rgb(255, 255, 255)"] {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Inline border colors --- */
[data-theme="dark"] div[style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] div[style*="border: 1px solid rgb(226, 232, 240)"],
[data-theme="dark"] div[style*="border-color: #e2e8f0"] {
    border-color: var(--border-color) !important;
}

/* --- All inline dark text that becomes invisible --- */
[data-theme="dark"] *[style*="color: rgb(30, 41, 59)"],
[data-theme="dark"] *[style*="color: rgb(15, 23, 42)"],
[data-theme="dark"] *[style*="color: rgb(51, 65, 85)"],
[data-theme="dark"] *[style*="color: rgb(0, 23, 55)"],
[data-theme="dark"] *[style*="color: rgb(45, 55, 72)"],
[data-theme="dark"] *[style*="color: rgb(73, 80, 87)"] {
    color: var(--text-primary) !important;
}

[data-theme="dark"] *[style*="color: rgb(71, 85, 105)"],
[data-theme="dark"] *[style*="color: rgb(100, 116, 139)"] {
    color: var(--text-muted) !important;
}

/* White inline backgrounds */
[data-theme="dark"] *[style*="background-color: rgb(255, 255, 255)"],
[data-theme="dark"] *[style*="background: rgb(255, 255, 255)"],
[data-theme="dark"] *[style*="background-color: white"],
[data-theme="dark"] *[style*="background: white"] {
    background-color: var(--bg-card) !important;
    background: var(--bg-card) !important;
}

/* --- Content pages --- */
[data-theme="dark"] .content-detail,
[data-theme="dark"] .news-detail,
[data-theme="dark"] .announcement-detail {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* --- Help page accordion --- */
[data-theme="dark"] .help-accordion,
[data-theme="dark"] .accordion .card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .accordion .card-header {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .accordion .card-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* --- Contact page --- */
[data-theme="dark"] .contact-info {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* --- KYC / Profile pages --- */
[data-theme="dark"] .custom-control-label {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .custom-control-label::before {
    background-color: var(--bg-input) !important;
    border-color: var(--border-input) !important;
}

/* --- Asset page print table --- */
[data-theme="dark"] .print-table th,
[data-theme="dark"] .print-table td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* --- Non-standard instrument list --- */
[data-theme="dark"] .non-standard-table th,
[data-theme="dark"] .non-standard-table td {
    color: var(--text-primary) !important;
}

/* --- Authorization page cards --- */
[data-theme="dark"] .auth-card,
[data-theme="dark"] .authorization-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* --- Transfer/Custody/CashConversion preview cards --- */
[data-theme="dark"] .preview-section .col-md-6 > div,
[data-theme="dark"] .confirm-section .col-md-6 > div {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* --- Instrument settings page --- */
[data-theme="dark"] .instrument-settings-table th,
[data-theme="dark"] .instrument-settings-table td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* --- Market order definition forms --- */
[data-theme="dark"] .order-form-container,
[data-theme="dark"] .order-definition {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

/* --- Placeholder loading rows --- */
[data-theme="dark"] .placeholder td div {
    background: var(--bg-card-alt) !important;
}

/* --- Tooltip --- */
[data-theme="dark"] .tooltip-inner {
    background: var(--bg-popover) !important;
    color: var(--popover-text) !important;
}

[data-theme="dark"] .bs-tooltip-top .arrow::before {
    border-top-color: var(--bg-popover) !important;
}

[data-theme="dark"] .bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--bg-popover) !important;
}

/* --- Market table scroll area --- */
[data-theme="dark"] .market-table {
    background: var(--bg-module) !important;
    color: var(--text-primary) !important;
}

/* --- Select dropdown (Tümünü Gör) --- */
[data-theme="dark"] .module-title select.form-control,
[data-theme="dark"] select.form-control {
    background-color: var(--bg-input) !important;
    color: var(--input-text) !important;
    border-color: var(--border-input) !important;
}

/* --- Table responsive wrapper --- */
[data-theme="dark"] .table-responsive {
    background: transparent !important;
    color: var(--text-primary) !important;
}

/* --- Active order icon badges --- */
[data-theme="dark"] .order-badge,
[data-theme="dark"] .status-badge {
    color: inherit !important;
}

/* --- Popover in dark mode --- */
[data-theme="dark"] .popover-header {
    background: var(--bg-card-alt) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* --- Back button area --- */
[data-theme="dark"] .breadcrumb-content .back a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .breadcrumb-content .back a:hover {
    color: #fff !important;
}

/* ==============================================
   DARK MODE - OVERRIDE ALL #1a2332 DARK TEXT
   ============================================== */

/* Profile module */
[data-theme="dark"] section .module.profile-module > .module-title.profile-header h1,
[data-theme="dark"] section .module .profile-intro .right .personal-info .name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] section .module .profile-intro h2,
[data-theme="dark"] section .module .profile-intro .other-info table tr td.value {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .profile-modal-title h3 {
    color: var(--text-primary) !important;
}

/* ═══ Profile page comprehensive dark mode ═══ */
[data-theme="dark"] section .module.profile-module {
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.15) !important;
}
[data-theme="dark"] section .module.profile-module > .module-title.profile-header {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] section .module.profile-module > .module-title.profile-header h1 i {
    color: #60a5fa !important;
}
[data-theme="dark"] section .module > .profile-intro {
    background: var(--bg-card) !important;
}
[data-theme="dark"] section .module .profile-intro .left .photo {
    border-color: var(--border-color) !important;
    background: var(--bg-card-alt) !important;
}
[data-theme="dark"] section .module .profile-intro .left .photo:hover {
    border-color: #60a5fa !important;
}
[data-theme="dark"] section .module .profile-intro .right .personal-info .id-number {
    color: var(--text-muted) !important;
}
[data-theme="dark"] section .module .profile-intro .right .personal-info .id-number span,
[data-theme="dark"] section .module .profile-intro .right .personal-info .customer-no span {
    color: #60a5fa !important;
}
[data-theme="dark"] section .module .profile-intro .right .personal-info .customer-no {
    color: var(--text-muted) !important;
}
[data-theme="dark"] section .module .profile-intro .other-info {
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] section .module .profile-intro .other-info table tr td {
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] section .module .profile-intro .other-info table tr td.label {
    color: var(--text-secondary) !important;
}
/* Profile tabs */
[data-theme="dark"] section .module .nav-tabs {
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] section .module .nav-tabs .nav-link {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] section .module .nav-tabs .nav-link.active {
    color: #60a5fa !important;
    background: var(--bg-card) !important;
    border-color: var(--border-color) var(--border-color) var(--bg-card) !important;
}
[data-theme="dark"] section .module .nav-tabs .nav-link:hover {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] section .module .tab-content {
    background: var(--bg-card) !important;
}
/* Profile tab tables */
[data-theme="dark"] section .module .tab-content table {
    background: var(--bg-card) !important;
}
[data-theme="dark"] section .module .tab-content table thead th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] section .module .tab-content table tbody tr td {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] section .module .tab-content table tbody tr:hover td {
    background: rgba(96,165,250,.06) !important;
}
/* Profile popover */
[data-theme="dark"] .popover {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .popover .popover-header {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .popover .popover-body {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .popover .arrow::before {
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] .popover .arrow::after {
    border-top-color: var(--bg-dropdown) !important;
}
/* Profile form inputs in tab */
[data-theme="dark"] section .module .tab-content .form-control {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
/* Buttons in profile tabs */
[data-theme="dark"] section .module .tab-content .btn.green-btn {
    background: #059669 !important;
    border-color: #059669 !important;
}
[data-theme="dark"] section .module .tab-content .btn.red-btn {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

/* Market tab table .medium-txt */
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td .medium-txt {
    color: var(--text-primary) !important;
}

/* Section headers with #1a2332 */
[data-theme="dark"] section .module .module-title h1,
[data-theme="dark"] section .module .module-title h2,
[data-theme="dark"] section .module .module-title h3,
[data-theme="dark"] .section-wrap > .module.market-action h2 {
    color: var(--text-primary) !important;
}

/* Dashboard market data widget */
[data-theme="dark"] .new-market-data .item .card .name {
    color: var(--text-primary) !important;
}

/* KYC page */
[data-theme="dark"] .kyc-page-title,
[data-theme="dark"] .kyc-group-title,
[data-theme="dark"] .kyc-info-value {
    color: var(--text-primary) !important;
}

/* Login page - comprehensive dark mode */
[data-theme="dark"] .login-content {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-content .login-content-right {
    background: var(--bg-section) !important;
}

[data-theme="dark"] .login-content .login-content-left {
    background: linear-gradient(160deg, #071426 0%, #0c2a4a 40%, #0d3d6e 70%, #1a4f7a 100%) !important;
}

[data-theme="dark"] .login-section .login-welcome h2,
[data-theme="dark"] .login-modal-header h4,
[data-theme="dark"] .login-content .text-info {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .login-section .login-welcome h2 span {
    color: #60a5fa !important;
}

[data-theme="dark"] .login-content .text-info {
    background: rgba(96,165,250,.08) !important;
    border-left-color: #60a5fa !important;
}

[data-theme="dark"] .login-textbox,
[data-theme="dark"] .login-textarea,
[data-theme="dark"] .login-selectbox {
    color: var(--input-text) !important;
    background: var(--bg-input) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] .login-textbox::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .login-language a.login-toggle {
    background: var(--bg-input) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] .login-language .login-list {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .login-language .login-list a {
    color: var(--text-primary) !important;
    border-top-color: var(--border-color) !important;
}

[data-theme="dark"] .login-language .login-list a:hover {
    background: var(--dropdown-hover) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .login-content .input-group-text {
    background: var(--bg-input) !important;
    color: var(--text-muted) !important;
    border-color: var(--border-input) !important;
}

[data-theme="dark"] .login-section .login-no-account .login-title::before {
    background: var(--border-color) !important;
}

[data-theme="dark"] .login-section .login-no-account .login-title h3 {
    background: var(--bg-section) !important;
    color: var(--text-muted) !important;
}

[data-theme="dark"] .login-footer {
    border-top-color: var(--border-color) !important;
}

[data-theme="dark"] .login-footer .login-copyright {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .login-footer .login-contact ul li a {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .login-forgot-customer a,
[data-theme="dark"] .login-section .login-form .login-forgot a,
[data-theme="dark"] .login-content .login-item span {
    color: #60a5fa !important;
}

[data-theme="dark"] .login-modal-overlay .login-modal {
    background: var(--bg-card) !important;
}

[data-theme="dark"] .login-modal-header {
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .login-modal-body {
    color: var(--text-primary) !important;
}

/* Catch-all for any remaining #1a2332 elements */
[data-theme="dark"] *[style*="color: #1a2332"],
[data-theme="dark"] *[style*="color: rgb(26, 35, 50)"] {
    color: var(--text-primary) !important;
}

/* Other hardcoded dark text colors that need override */
[data-theme="dark"] *[style*="color: #001737"],
[data-theme="dark"] *[style*="color: rgb(0, 23, 55)"] {
    color: var(--text-primary) !important;
}

/* --- All specific selectors with !important dark text --- */
/* Account settings page */
[data-theme="dark"] section .module .profile-actions h2,
[data-theme="dark"] .instrument-settings h2,
[data-theme="dark"] .account-settings h2 {
    color: var(--text-primary) !important;
}

/* Login page forms - keep input text readable */
[data-theme="dark"] .login-content input,
[data-theme="dark"] .login-content select,
[data-theme="dark"] .login-content .form-control {
    background: var(--bg-input) !important;
    color: var(--input-text) !important;
    border-color: var(--border-input) !important;
}

/* ==============================================
   DARK MODE - OVERRIDE REMAINING HARDCODED COLORS
   ============================================== */

/* #7b8794 text (gray action text) */
[data-theme="dark"] section .module.market-tab .module-table .blue-brd-btn {
    color: var(--text-muted) !important;
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}

/* #495057 text */
[data-theme="dark"] .filter-dropdown-btn,
[data-theme="dark"] a.btn.filter-dropdown-btn,
[data-theme="dark"] .toggle-btn {
    color: var(--text-secondary) !important;
    background-color: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}

/* #eef0f4 borders */
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td {
    border-color: var(--border-color) !important;
}

/* #f9fafb alternating rows */
[data-theme="dark"] section .module.market-tab .module-table table tbody tr:nth-child(even) td {
    background: var(--bg-table-row-alt) !important;
}

/* Report page headers */
[data-theme="dark"] .report-card h2,
[data-theme="dark"] .report-header h2 {
    color: var(--text-primary) !important;
}

/* Current accounts / assets card headers */
[data-theme="dark"] .account-category-header,
[data-theme="dark"] .asset-header {
    color: var(--text-primary) !important;
}

/* Dashboard market data widget names */
[data-theme="dark"] .new-market-data .item .card .name,
[data-theme="dark"] .new-market-data .item .name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .new-market-data .item .card .price {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .new-market-data .item .card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

/* Dashboard section titles (h2, h3 with inline colors) */
[data-theme="dark"] h2[style*="color"],
[data-theme="dark"] h3[style*="color"] {
    color: var(--text-primary) !important;
}

/* Breadcrumb */
[data-theme="dark"] .breadcrumb-content ul li a {
    color: #94a3b8 !important;
}
[data-theme="dark"] .breadcrumb-content ul li a:hover {
    color: #fff !important;
}
[data-theme="dark"] .breadcrumb-content ul li {
    color: #94a3b8 !important;
}

/* Market modal — comprehensive dark mode */
[data-theme="dark"] .market-modal-dialog .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 12px 48px rgba(0,0,0,.5) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-title,
[data-theme="dark"] .market-modal-dialog .modal-header {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-title h4,
[data-theme="dark"] .market-modal-dialog .modal-header .modal-title {
    color: #60a5fa !important;
}
[data-theme="dark"] .market-modal-dialog .modal-header .close,
[data-theme="dark"] .market-modal-dialog .market-modal-title .close {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content table tr td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content table tr td:first-child {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content .form-control,
[data-theme="dark"] .market-modal-dialog .market-modal-content .textbox,
[data-theme="dark"] .market-modal-dialog .market-modal-content input[type="text"],
[data-theme="dark"] .market-modal-dialog .market-modal-content input[type="number"] {
    background: var(--bg-input) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content .form-control:focus,
[data-theme="dark"] .market-modal-dialog .market-modal-content input:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59,130,246,.15) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content label,
[data-theme="dark"] .market-modal-dialog .market-modal-content .col-form-label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-action,
[data-theme="dark"] .profile-modal-dialog .market-modal-action {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] .market-modal-dialog .btn-group-sm .btn {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .market-modal-dialog .btn-group-sm .btn.active,
[data-theme="dark"] .market-modal-dialog .btn-group-sm .btn:hover {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
}
[data-theme="dark"] .market-modal-dialog .market-modal-content .fa-info-circle {
    color: #60a5fa !important;
}
/* Profile modal (used by some order definitions) */
[data-theme="dark"] .profile-modal-dialog .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 12px 48px rgba(0,0,0,.5) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-title,
[data-theme="dark"] .profile-modal-dialog .modal-header {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-card) 100%) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-title h4,
[data-theme="dark"] .profile-modal-dialog .modal-header .modal-title {
    color: #60a5fa !important;
}
[data-theme="dark"] .profile-modal-dialog .modal-header .close {
    color: var(--text-muted) !important;
}

/* Market action filter btn-group border */
[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group {
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

/* Market action filter buttons */
[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn {
    color: var(--text-secondary) !important;
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn.active,
[data-theme="dark"] section .module.market-tab .market-action .action-filter .btn-group > a.btn:hover {
    color: #fff !important;
    background: var(--btn-primary-bg) !important;
}

/* Table thead */
[data-theme="dark"] section .module .module-table table thead th {
    color: var(--table-header-text) !important;
    background: var(--bg-table-header) !important;
    border-color: var(--border-color) !important;
}

/* Custom checkboxes & filter pills */
[data-theme="dark"] .custom-check .check-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .mod-filter-pill {
    color: var(--text-secondary) !important;
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .mod-filter-dropdown {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}

[data-theme="dark"] .mod-filter-dropdown-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .mod-filter-dropdown-item:hover {
    background: var(--dropdown-hover) !important;
}

[data-theme="dark"] .mod-filter-dropdown-item.selected {
    background: #1a3a5c !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .mod-filter-sep {
    background: var(--border-color) !important;
}

/* ═══ Report pages — comprehensive dark mode ═══ */

/* Report month link */
[data-theme="dark"] .report-month {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .report-month:hover {
    color: #60a5fa !important;
}

/* Report table */
[data-theme="dark"] .report-table thead tr:first-child th,
[data-theme="dark"] section .module .performance-table table.report-table thead tr:first-child th {
    background: #0c3d6e !important;
    border-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .report-table thead tr:nth-child(2) th,
[data-theme="dark"] section .module .performance-table table.report-table thead tr:nth-child(2) th {
    background: var(--bg-table-header) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .report-table tbody td {
    border-bottom-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .report-table tbody tr:hover {
    background: var(--bg-table-hover) !important;
}
[data-theme="dark"] .report-table tbody tr.total-row td {
    background: var(--bg-table-header) !important;
    border-top-color: #1a6abf !important;
}

/* Sticky column */
[data-theme="dark"] .sticky-col {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .report-table thead .sticky-col {
    background: #0c3d6e !important;
}
[data-theme="dark"] .report-table thead tr:nth-child(2) .sticky-col {
    background: var(--bg-table-header) !important;
}
[data-theme="dark"] .report-table tbody tr.total-row .sticky-col {
    background: var(--bg-table-header) !important;
}

/* Report year pills */
[data-theme="dark"] .report-year-pills {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .report-year-pills .year-pill {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-right-color: var(--border-color) !important;
}
[data-theme="dark"] .report-year-pills .year-pill:hover {
    background: var(--bg-table-hover) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .report-year-pills .year-pill.active {
    background: #1a6abf !important;
    color: #fff !important;
}

/* Report empty state */
[data-theme="dark"] .report-empty-state {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .report-empty-state i {
    color: var(--text-light) !important;
}

/* Report modal */
[data-theme="dark"] .report-modal .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .report-modal .modal-header {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .report-modal .modal-header .modal-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .report-modal .modal-header .close {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .report-modal .modal-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .report-modal .modal-footer {
    border-top-color: var(--border-color) !important;
    background: var(--bg-card) !important;
}

/* Report modal — market-modal-content inside */
[data-theme="dark"] .report-modal .market-modal-content {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .report-modal .market-modal-content table td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* Modal header modern (MonthlySummaryReport) */
[data-theme="dark"] .modal-header-modern {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .modal-header-modern .modal-title,
[data-theme="dark"] .modal-header-modern h5 {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .modal-close-btn {
    color: var(--text-muted) !important;
}

/* Skeleton loading rows in reports */
[data-theme="dark"] .skeleton-row {
    background: var(--bg-card-alt) !important;
}
[data-theme="dark"] .skeleton-bar {
    background: var(--bg-table-row-alt) !important;
    animation: color-change-dark 1s infinite !important;
}

/* Other filter content (instrument search area) */
[data-theme="dark"] section .module.market-tab .other-filter-content,
[data-theme="dark"] .other-filter-content {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .other-filter-content label,
[data-theme="dark"] .other-filter-content .col-form-label {
    color: var(--text-secondary) !important;
}

/* Order side badges in reports */
[data-theme="dark"] .order-side-badge {
    opacity: 0.9;
}

/* Pink text (instrument links) */
[data-theme="dark"] .pink-txt2 {
    color: #60a5fa !important;
}

/* Currency pill dropdown items */
[data-theme="dark"] .currency-pill {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

/* Report form inputs (date pickers etc.) */
[data-theme="dark"] .report-modal .module-form label,
[data-theme="dark"] section .module .module-form .col-form-label {
    color: var(--text-secondary) !important;
}

/* Bootstrap dropdown menu in reports */
[data-theme="dark"] .dropdown-menu {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}
[data-theme="dark"] .dropdown-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background: var(--dropdown-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .dropdown-item.active {
    background: #1a3a5c !important;
    color: #60a5fa !important;
}

/* ng-select selected option (in dropdown) */
[data-theme="dark"] .ng-select__option--is-selected {
    color: var(--text-primary) !important;
}

/* ============================================
   END DARK MODE
   ============================================ */

/* Order type badge - left aligned with line visible */
.order-type-separator {
    text-align: left !important;
    padding: 8px 0 8px 28px !important;
}

.form-group {
    margin-bottom: 0 !important;
    padding: 4px 0px !important;
    /* border-bottom: dotted 1px #e4e4e4; */
}

.justify-content-start {
    background: #e2e5ed;
}

.nav-tabs {
    background: #e2e5ed;
}

.nav-tabs .nav-item {
    font-weight: 600;
}

.nav-tabs .nav-link {
    border: none !important;
}

.custom-invalid-feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.market-new-order {
    color: #001aff !important;
    animation: newOrderGlow 1.5s ease-out;
}

.market-price-decreased {
    color: #e11d48 !important;
    font-weight: bold;
}

.market-price-decreased::after {
    content: " \f063";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.85em;
    margin-left: 4px;
}

.market-price-increased {
    color: #059669 !important;
    font-weight: bold;
}

.market-price-increased::after {
    content: " \f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.85em;
    margin-left: 4px;
}

[data-theme="dark"] .market-price-decreased,
[data-theme="dark"] section .module .module-table table tbody tr td .medium-txt.market-price-decreased,
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td .medium-txt.market-price-decreased {
    color: #f87171 !important;
}
[data-theme="dark"] .market-price-increased,
[data-theme="dark"] section .module .module-table table tbody tr td .medium-txt.market-price-increased,
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td .medium-txt.market-price-increased {
    color: #34d399 !important;
}
[data-theme="dark"] .market-quantity-changed,
[data-theme="dark"] section .module .module-table table tbody tr td .medium-txt.market-quantity-changed,
[data-theme="dark"] section .module.market-tab .module-table table tbody tr td .medium-txt.market-quantity-changed {
    color: #60a5fa !important;
}

.market-quantity-changed {
    color: #336699 !important;
    font-weight: 600;
    animation: newOrderGlow 1.5s ease-out;
}


@keyframes newOrderGlow {
    0% {
        background: rgba(0, 26, 255, 0.15) !important;
    }
    100% {
        background: transparent !important;
    }
}

.market-value-date-changed {
    color: #666666 !important;
    font-weight: bold;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.mrl0 {
    margin-left: 10px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.width10 {
    width: 10px !important;
}

.width20 {
    width: 20px !important;
}

.width30 {
    width: 30px !important;
}

.width40 {
    width: 40px !important;
}

.width50 {
    width: 50px !important;
}

.width60 {
    width: 60px !important;
}

.width70 {
    width: 70px !important;
}

.width80 {
    width: 70px !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width110 {
    width: 110px !important;
}

.width120 {
    width: 120px !important;
}

.width130 {
    width: 130px !important;
}

.width140 {
    width: 140px !important;
}

.width150 {
    width: 150px !important;
}

.width160 {
    width: 160px !important;
}

.width170 {
    width: 170px !important;
}

.width180 {
    width: 180px !important;
}

.width190 {
    width: 190px !important;
}

.width200 {
    width: 200px !important;
}

.width210 {
    width: 210px !important;
}

.width220 {
    width: 220px !important;
}

.width230 {
    width: 230px !important;
}

.width240 {
    width: 240px !important;
}

.width250 {
    width: 250px !important;
}

.width300 {
    width: 300px !important;
}

.ng-select .ng-select-container {
    min-height: 30px !important;
    height: 30px !important;
    font-weight: 500 !important;
}

section .module .module-form .textbox,
section .module .module-form .selectbox {
    color: #333;
    font-weight: 500;
    font-size: 13px;
}

.btn {
    margin-right: 2px;
}

.ngb-dp-month-name {
    font-size: 14px !important;
}

.ngb-dp-day {
    font-weight: normal !important;
    font-size: 14px !important;
}


/*
 * Container style
 */

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}


/*
 * Scrollbar rail styles
 */

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}


/*
 * Scrollbar thumb styles
 */

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    white-space: normal !important;
}


/* MS supports */

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

@media (min-width: 1200px) {
    .max-width1200 {
        max-width: 1260px;
    }
}

@media (max-width: 1200px) {
    .max-width1200 {
        max-width: inherit;
    }
}

.breadcrumb-bar {
    background: #f1f5f9;
    padding: 10px 0;
}
.breadcrumb-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    color: #64748b;
    margin-bottom: 0;
}

.breadcrumb-content .breadcrumb-content-left {
    padding-right: 15px;
}

.breadcrumb-content .breadcrumb-content-right {
    margin-left: auto;
}

.breadcrumb-content ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-content ul li {
    margin: 0px;
    padding: 0px;
}

.breadcrumb-content ul li::after {
    content: ">";
    font-size: 11px;
    padding: 0px 5px;
}

.breadcrumb-content ul li:last-child::after {
    display: none;
}

.breadcrumb-content ul li a {
    color: #64748b;
}

.breadcrumb-content ul li a i {
    color: #94a3b8;
    margin-right: 5px;
}

.breadcrumb-content ul li a:hover {
    color: #001737;
}

.breadcrumb-content .back {
    margin-top: 5px;
}

.breadcrumb-content .back a {
    color: #64748b;
    white-space: nowrap;
    cursor: pointer;
}

.breadcrumb-content .back a i {
    margin-right: 5px;
}

.breadcrumb-content .back a:hover {
    color: #01539c;
}

.color-red {
    color: red;
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px;
    }

    .modal-dialog {
        min-width: 600px !important;
    }

    .modal-dialog-xl {
        min-width: 1000px !important;
    }
}

ngx-dropzone {
    height: 170px !important;
    min-height: 170px !important;
    /* min-width: 500px !important; */
    max-width: 500px !important;
}

ngx-dropzone-preview {
    display: block !important;
    overflow: hidden;
}

.input-group-text {
    line-height: 0.5 !important;
}

.fontsize10 {
    font-size: 10px !important;
}


.fontsize11 {
    font-size: 11px !important;
}

.fontsize12 {
    font-size: 12px !important;
}

.fontsize13 {
    font-size: 13px !important;
}

.fontsize14 {
    font-size: 14px !important;
}

.fontsize15 {
    font-size: 15px !important;
}

.fontsize16 {
    font-size: 16px !important;
}

.font-500 {
    font-weight: 500 !important;
}

.no-white-space {
    white-space: normal !important;
}

.bg-danger-transparent {
    background-color: rgba(255, 56, 43, 0.1) !important;
}

.bg-success-transparent {
    background-color: #DCF4EE !important;
}

.bg-warning-transparent {
    background-color: #FFF6E9 !important;
}

.custom-file-button input[type="file"] {
    margin-left: -2px !important;
}

.custom-file-button input[type="file"]::-webkit-file-upload-button {
    display: none;
}

.custom-file-button input[type="file"]::file-selector-button {
    display: none;
}

.custom-file-button:hover label {
    cursor: pointer;
}


.x-small-txt {
    font-size: 11.5px !important;
}

section .market-buy-offers table tr td,
section .market-sell-offers table tr td {
    padding: 5px 2.5px !important;
    white-space: nowrap;
}

.form-check-input {
    margin-top: 0.15rem !important;
}

.notification-overlay-settings {
    cursor: pointer;
    margin-left: 9em;
}

.max-height50 {
    max-height: 50px !important;
}

.max-height300 {
    max-height: 300px !important;
    overflow: auto;
}

#customModal {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

#customModal.show {
    transform: translate(0, 0);
}

#floatingButton {
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translateX(-50%);
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px 5px 0 0;
    font-size: 24px;
    cursor: pointer;
}

/* Custom styles for modal placement */
.right-bottom-modal {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    margin: 1px !important;
    transform: translate(0, 100%);
    width: 300px;
    height: 600px;
    border-radius: 0 5px 0 0;
    transition: transform 0.3s ease-in-out;
}

.modal.show {
    transform: translate(0, 0);
}

.print-header {
    display: none;
}

.print-contract-header {
    display: none;
}

/* .new-market-data .item { float: left !important; } -- disabled, breaks slick slider on mobile */

/* Fix tabs for mobile - auto width fitting tab title */
@media (max-width: 991px) {
    .nav-tabs:not(.market-tab .nav-tabs) {
        flex-wrap: wrap !important;
        overflow: visible !important;
        display: flex !important;
    }
    .nav-tabs:not(.market-tab .nav-tabs) .nav-item {
        flex: 0 0 auto !important;
        max-width: none !important;
    }
    .nav-tabs:not(.market-tab .nav-tabs) .nav-link {
        white-space: nowrap !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
        text-align: center !important;
        width: auto !important;
        border-radius: 0 !important;
    }
    /* Filter bar buttons */
    .action-filter .btn-group {
        flex-wrap: wrap !important;
    }
}

/* Fix Toastify container adding empty space after footer */
.Toastify {
    position: fixed !important;
    z-index: 9999;
    height: auto !important;
    min-height: 0 !important;
}



@media (min-width: 1280px) {
    .table-responsive {
        overflow: hidden !important;
    }

    .table-responsive:hover {
        overflow: auto !important;
    }
}

.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
}

/* Define the track style */
.table-responsive::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0px solid #ccc;
}

.preview-loading {
    position: absolute;
    background-color: rgb(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}

.font-bold {
    font-weight: bold !important;
}

/* Ekranı karartmak için */
.overlay-custom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    /* Karartma efekti */
}

.delete-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent;
    border: none;
    color: #DFDFDF;
    font-size: 16px;
    cursor: pointer;
}

.delete-btn:hover {
    color: darkred;
}

header .navigation .menu ul li .submenu {
    width: 275px !important;
}

/* Mobile navigation show */
header .navigation.show {
    left: 0 !important;
}

/* Mobile overlay when nav is open */
header .overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 998;
}
header .navigation.show ~ .overlay {
    display: block;
}

/* Mobile market currency parity bar */
@media (max-width: 991px) {
    .market-data-container {
        height: auto !important;
    }
    .market-data-content .new-market-data,
    .market-data-content .new-market-data .slick-slider,
    .market-data-content .new-market-data .slick-list,
    .market-data-content .new-market-data .slick-track {
        overflow: hidden !important;
    }
    .new-market-data .item {
        float: none !important;
        padding: 0 3px !important;
    }
    .new-market-data .item .mc-card {
        padding: 3px 6px !important;
    }
    .new-market-data .item .mc-card .mc-symbol {
        font-size: 8px !important;
        white-space: nowrap !important;
    }
    .new-market-data .item .mc-card .mc-price {
        font-size: 9px !important;
        white-space: nowrap !important;
    }
    .new-market-data .item .mc-card .mc-change {
        font-size: 8px !important;
    }
}

.responsive-text {
    font-size: clamp(8px, 1vw, 13px) !important;
}

.sticky-col {
    position: sticky;
    left: 0;
    background-color: white;
    z-index: 2;
    /* gerekirse öne çıkması için */
    min-width: 200px;
    /* genişliği ayarla */
}

.table-responsive {
    overflow-x: auto;
    max-width: 100%;
    /* zemin rengi vs. ayarlanabilir */
}

.activity-blog {
    display: flex;
    position: relative;
    min-height: auto !important;
    border-bottom: solid 1px #efefef;
    width: 100%; 
    padding: 8px 15px;
}

.activity-details {
    margin-left: 10px;
    justify-content: space-between;
    width: 90% !important;
    margin-top: 0 !important;
}

.activity-img {
    width: 35px !important;
    height: 35px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
}

.activity-img i {
    padding-bottom: 4px;
}

.d-flex {
    display: flex;
}
.fs-7 {
    font-size: 7px !important;
}

.fs-8 {
    font-size: 8px !important;
}
.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.brround {
    border-radius: 50% !important;
}

.mb-0 {
    margin-bottom: 0!important;
}


/* =====================================================
   MY PROFILE — Modern Design
   ===================================================== */

/* Profile module card */
section .module.profile-module {
    border-radius: 10px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.03) !important;
}
/* Profile header */
section .module.profile-module > .module-title.profile-header {
    background: linear-gradient(180deg, #f8f9fb 0%, #fff 100%) !important;
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 1px solid #e2e6ed !important;
    padding: .85rem 1.25rem !important;
}
section .module.profile-module > .module-title.profile-header h1 {
    color: #1a2332 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
}
section .module.profile-module > .module-title.profile-header h1 i {
    color: #01539c !important;
}

/* Profile card container */
section .module > .profile-intro {
    padding: 2rem !important;
    background: #fff;
    gap: 2rem;
}

/* Profile photo - left side */
section .module .profile-intro .left {
    width: 180px !important;
    margin-right: 0 !important;
    flex-shrink: 0;
}
section .module .profile-intro .left .photo {
    width: 180px !important;
    height: 180px !important;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #e2e6ed !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.1);
    transition: border-color .25s, box-shadow .25s;
    background: #f0f2f5 !important;
}
section .module .profile-intro .left .photo:hover {
    border-color: #01539c !important;
    box-shadow: 0 6px 20px rgba(1,83,156,.18);
}
section .module .profile-intro .left .photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}
/* Edit overlay - only visible on hover */
section .module .profile-intro .left .photo .edit {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 !important;
    background: rgba(1,83,156,.8) !important;
    border-radius: 0 !important;
    text-align: center;
    opacity: 0;
    transition: opacity .25s;
}
section .module .profile-intro .left .photo:hover .edit {
    opacity: 1;
}
section .module .profile-intro .left .photo .edit a {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
/* Delete photo button */
section .module .profile-intro .left .btn.blue-btn {
    font-size: 11px !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
    margin-top: 10px !important;
}
section .module .profile-intro .left .btn.blue-btn:hover {
    background: #c82333 !important;
}

/* Profile name & info - right side */
section .module .profile-intro .right .personal-info {
    margin-bottom: 1.25rem !important;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0;
}
section .module .profile-intro .right .personal-info .name {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    line-height: 1.3;
}
section .module .profile-intro .right .personal-info .id-number {
    font-size: 13px !important;
    color: #7b8794 !important;
    margin-top: 4px;
    font-weight: 400 !important;
}
section .module .profile-intro .right .personal-info .id-number span {
    color: #01539c !important;
    font-weight: 600 !important;
}
section .module .profile-intro .right .personal-info .customer-no {
    font-size: 13px !important;
    color: #7b8794 !important;
}
section .module .profile-intro .right .personal-info .customer-no span {
    font-weight: 700 !important;
    color: #01539c !important;
}

/* Profile info table wrapper */
section .module .profile-intro .other-info {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid #eef0f4;
}
section .module .profile-intro .other-info table {
    font-size: 13px !important;
    width: 100%;
    border-collapse: collapse !important;
}
section .module .profile-intro .other-info table tr td {
    padding: 10px 12px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    vertical-align: middle;
}
section .module .profile-intro .other-info table tr:last-child td {
    border-bottom: none !important;
}
section .module .profile-intro .other-info table tr td.label {
    font-weight: 600 !important;
    color: #5a6678 !important;
    white-space: nowrap;
    width: 180px;
}
section .module .profile-intro .other-info table tr td.value {
    color: #1a2332 !important;
}
/* Email edit button */
section .module .profile-intro .other-info .form .action .btn {
    border-radius: 6px !important;
    padding: 4px 10px !important;
}
/* Status badges */
section .module .profile-intro .other-info .plus-txt {
    color: #28a745 !important;
    font-weight: 600 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    section .module > .profile-intro {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center;
        padding: 1.5rem !important;
    }
    section .module .profile-intro .left {
        width: 140px !important;
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }
    section .module .profile-intro .left .photo {
        width: 140px !important;
        height: 140px !important;
    }
    section .module .profile-intro .right .personal-info {
        justify-content: center;
    }
    section .module .profile-intro .right .personal-info .name {
        font-size: 18px !important;
    }
    section .module .profile-intro .other-info table tr td.label {
        width: auto;
        padding-right: .5rem !important;
    }
}

/* Profile form table */
.profile-form {
    padding: 1.25rem !important;
}
.profile-form table {
    font-size: 13px !important;
}
.profile-form table tr td.label {
    font-weight: 600 !important;
    color: #5a6678 !important;
    padding: .5rem .5rem .5rem 0 !important;
    vertical-align: middle;
}
.profile-form table tr td.value {
    padding: .5rem 0 !important;
    vertical-align: middle;
}

/* Profile modal */
.profile-modal-dialog .modal-content {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 48px rgba(0,0,0,.18) !important;
}
.profile-modal-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.25rem !important;
    border-bottom: 1px solid #eef0f4 !important;
    background: linear-gradient(180deg, #f8f9fb 0%, #fff 100%) !important;
}
.profile-modal-title h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
}
.profile-modal-title .close a {
    color: #9ca8b7 !important;
    font-size: 18px !important;
    transition: color .15s;
}
.profile-modal-title .close a:hover {
    color: #e11d48 !important;
}
.profile-modal-content {
    padding: 1rem 1.25rem !important;
}
.profile-modal-action {
    padding: .85rem 1.25rem !important;
    border-top: 1px solid #eef0f4 !important;
    background: #fafbfc !important;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.profile-modal-action .btn {
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: .5rem 1.5rem !important;
    transition: all .2s ease;
}
.profile-modal-action .btn:hover {
    transform: translateY(-1px);
}

/* =====================================================
   ORDER MODAL — Modern Design
   ===================================================== */

/* Modal backdrop animation */
.modal.fade.show.d-block {
    animation: modalFadeIn .2s ease;
}
@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Modal dialog */
.market-modal-dialog {
    animation: modalSlideDown .3s cubic-bezier(.4,0,.2,1) !important;
}
@keyframes modalSlideDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Modal content */
.market-modal-dialog .modal-content {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 48px rgba(0,0,0,.18) !important;
}

/* Modal scroll on mobile */
@media (max-width: 768px) {
    .profile-modal-dialog,
    .market-modal-dialog {
        margin: 10px !important;
        max-width: calc(100% - 20px) !important;
    }
    .profile-modal-dialog .market-modal-content,
    .market-modal-dialog .market-modal-content {
        max-height: 65vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .profile-modal-dialog .market-modal-content::-webkit-scrollbar,
    .market-modal-dialog .market-modal-content::-webkit-scrollbar {
        width: 4px;
    }
    .profile-modal-dialog .market-modal-content::-webkit-scrollbar-thumb,
    .market-modal-dialog .market-modal-content::-webkit-scrollbar-thumb {
        background: #c0c7d0;
        border-radius: 4px;
    }
}

/* Modal header */
.market-modal-dialog .market-modal-title,
.market-modal-dialog .modal-header {
    padding: .85rem 1.25rem !important;
    border-bottom: 1px solid #eef0f4 !important;
    background: linear-gradient(180deg, #f8f9fb 0%, #fff 100%) !important;
    color: #01539c !important;
}
.market-modal-dialog .market-modal-title h4,
.market-modal-dialog .modal-header .modal-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #01539c !important;
    margin: 0 !important;
}
.market-modal-dialog .modal-header .close,
.market-modal-dialog .market-modal-title .close {
    font-size: 22px !important;
    color: #9ca8b7 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    transition: color .15s ease;
}
.market-modal-dialog .modal-header .close:hover,
.market-modal-dialog .market-modal-title .close:hover {
    color: #e11d48 !important;
}

/* Modal body/content */
.market-modal-dialog .market-modal-content {
    padding: 1rem 1.25rem !important;
    font-size: 13px !important;
}

/* Form labels in modal */
.market-modal-dialog .market-modal-content table tr td:first-child {
    font-weight: 600 !important;
    color: #495057 !important;
    font-size: 12.5px !important;
    padding: .45rem 0 !important;
}

/* Form inputs in modal */
.market-modal-dialog .market-modal-content .form-control,
.market-modal-dialog .market-modal-content .textbox,
.market-modal-dialog .market-modal-content input[type="text"],
.market-modal-dialog .market-modal-content input[type="number"] {
    border-radius: 6px !important;
    border: 1px solid #dfe3ea !important;
    font-size: 13px !important;
    padding: .4rem .6rem !important;
    transition: border-color .2s, box-shadow .2s;
}
/* CRITICAL: Reset react-select inner input - must come AFTER the general input rule */
.ng-select__input-container input[type="text"],
.ng-select__input-container input,
.ng-select__input input[type="text"],
.ng-select__input input,
.market-modal-dialog .market-modal-content .ng-select__input-container input[type="text"],
.market-modal-dialog .market-modal-content .ng-select__input-container input,
.market-modal-dialog .market-modal-content .ng-select__input input,
.profile-modal-dialog .ng-select__input-container input[type="text"],
.profile-modal-dialog .ng-select__input-container input,
.profile-modal-dialog .ng-select__input input {
    border: none !important;
    border-width: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    width: auto !important;
    display: inline-block !important;
}
.market-modal-dialog .market-modal-content .form-control:focus,
.market-modal-dialog .market-modal-content input:focus {
    border-color: #01539c !important;
    box-shadow: 0 0 0 3px rgba(1,83,156,.1) !important;
}

/* Info icons in modal */
.market-modal-dialog .market-modal-content .fa-info-circle {
    color: #01539c !important;
    margin-right: 4px;
    cursor: pointer;
    transition: opacity .15s;
}
.market-modal-dialog .market-modal-content .fa-info-circle:hover {
    opacity: .7;
}

/* Evet/Hayır toggle in modal */
.market-modal-dialog .btn-group-sm .btn {
    border-radius: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: .3rem .65rem !important;
}
.market-modal-dialog .btn-group-sm .btn:first-child {
    border-radius: 5px 0 0 5px !important;
}
.market-modal-dialog .btn-group-sm .btn:last-child {
    border-radius: 0 5px 5px 0 !important;
}

/* Modal action bar */
.market-modal-dialog .market-modal-action,
.profile-modal-dialog .market-modal-action {
    padding: 1rem 1.5rem !important;
    border-top: 1px solid #eef0f4 !important;
    background: linear-gradient(180deg, #fafbfc 0%, #f5f6f8 100%) !important;
    border-radius: 0 0 8px 8px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 12px !important;
    flex-wrap: wrap;
}
.market-modal-dialog .market-modal-action .btn,
.profile-modal-dialog .market-modal-action .btn {
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: .5rem 1.75rem !important;
    transition: all .2s ease;
    margin: 0 4px !important;
    letter-spacing: .2px;
    border: none !important;
    color: #fff !important;
}
/* Ensure gap between buttons inside nested containers */
.market-modal-action .text-right,
.market-modal-action .text-right > div {
    display: inline-flex !important;
    gap: 10px;
    flex-wrap: wrap;
}
.market-modal-dialog .market-modal-action .btn:hover,
.profile-modal-dialog .market-modal-action .btn:hover {
    transform: translateY(-1px);
}
/* Green / success button */
.market-modal-dialog .market-modal-action .green-btn,
.profile-modal-dialog .market-modal-action .green-btn,
.market-modal-dialog .market-modal-action .btn-success,
.profile-modal-dialog .market-modal-action .btn-success {
    background: linear-gradient(135deg, #09ad95 0%, #12c48c 100%) !important;
    box-shadow: 0 3px 10px rgba(16,183,89,.25) !important;
}
.market-modal-dialog .market-modal-action .green-btn:hover,
.profile-modal-dialog .market-modal-action .green-btn:hover,
.market-modal-dialog .market-modal-action .btn-success:hover,
.profile-modal-dialog .market-modal-action .btn-success:hover {
    box-shadow: 0 5px 16px rgba(16,183,89,.35) !important;
}
/* Blue / primary button */
.market-modal-dialog .market-modal-action .blue-btn,
.profile-modal-dialog .market-modal-action .blue-btn {
    background: linear-gradient(135deg, #01539c 0%, #0167c7 100%) !important;
    box-shadow: 0 3px 10px rgba(1,83,156,.25) !important;
}
.market-modal-dialog .market-modal-action .blue-btn:hover,
.profile-modal-dialog .market-modal-action .blue-btn:hover {
    box-shadow: 0 5px 16px rgba(1,83,156,.35) !important;
}
/* Dark / cancel button */
.market-modal-dialog .market-modal-action .dark-btn,
.profile-modal-dialog .market-modal-action .dark-btn {
    background: #6c757d !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.1) !important;
    color: #fff !important;
}
.market-modal-dialog .market-modal-action .dark-btn:hover,
.profile-modal-dialog .market-modal-action .dark-btn:hover {
    background: #5a6268 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}
/* Red / danger button */
.market-modal-dialog .market-modal-action .red-btn,
.profile-modal-dialog .market-modal-action .red-btn,
.market-modal-dialog .market-modal-action .btn-danger,
.profile-modal-dialog .market-modal-action .btn-danger {
    background: linear-gradient(135deg, #e8263e 0%, #ff4d6a 100%) !important;
    box-shadow: 0 3px 10px rgba(232,38,62,.25) !important;
}
.market-modal-dialog .market-modal-action .red-btn:hover,
.profile-modal-dialog .market-modal-action .red-btn:hover,
.market-modal-dialog .market-modal-action .btn-danger:hover,
.profile-modal-dialog .market-modal-action .btn-danger:hover {
    box-shadow: 0 5px 16px rgba(232,38,62,.35) !important;
}

/* Action text in modal footer */
.market-modal-dialog .market-modal-action span.gray-txt,
.profile-modal-dialog .market-modal-action span.gray-txt {
    font-size: 12px !important;
    color: #7b8794 !important;
    flex: 1;
}
/* Bootstrap btn-primary in modal footer */
.market-modal-action .btn-primary,
.market-modal-dialog .market-modal-action .btn-primary,
.profile-modal-dialog .market-modal-action .btn-primary {
    background: linear-gradient(135deg, #01539c 0%, #0167c7 100%) !important;
    box-shadow: 0 3px 10px rgba(1,83,156,.25) !important;
    border: none !important;
}
.market-modal-action .btn-primary:hover,
.market-modal-dialog .market-modal-action .btn-primary:hover,
.profile-modal-dialog .market-modal-action .btn-primary:hover {
    box-shadow: 0 5px 16px rgba(1,83,156,.35) !important;
}
/* Bootstrap btn-dark in modal footer */
.market-modal-action .btn-dark,
.market-modal-dialog .market-modal-action .btn-dark,
.profile-modal-dialog .market-modal-action .btn-dark {
    background: #6c757d !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.1) !important;
    border: none !important;
    color: #fff !important;
}
.market-modal-action .btn-dark:hover,
.market-modal-dialog .market-modal-action .btn-dark:hover,
.profile-modal-dialog .market-modal-action .btn-dark:hover {
    background: #5a6268 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}
/* Confirmation message in footer */
.market-modal-dialog .market-modal-action .text-success b,
.profile-modal-dialog .market-modal-action .text-success b {
    font-size: 13px;
}

/* SearchableSelect (react-select) - fix border styling */
.ng-select__control {
    border-radius: 6px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: none !important;
    outline: none !important;
    min-height: 30px !important;
    background: #fff !important;
    cursor: pointer !important;
}
.ng-select__control--is-disabled {
    background: #FFF6E9 !important;
    border-color: #f0e0c0 !important;
    opacity: 1 !important;
    cursor: default !important;
}
[data-theme="dark"] .ng-select__control--is-disabled {
    background: #2a2520 !important;
    border-color: #4a3d2e !important;
}
.ng-select__control:hover {
    border-color: #01539c !important;
}
.ng-select__control--is-disabled:hover {
    border-color: #f0e0c0 !important;
}
[data-theme="dark"] .ng-select__control--is-disabled:hover {
    border-color: #4a3d2e !important;
}
.ng-select__control--is-focused,
.ng-select__control--menu-is-open {
    border: 1px solid #01539c !important;
    box-shadow: 0 0 0 2px rgba(1,83,156,.1) !important;
    outline: none !important;
}
/* Remove inner borders and outlines */
.ng-select__value-container {
    padding: 0 6px !important;
    border: none !important;
    outline: none !important;
}
.ng-select__input-container {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}
.ng-select__input-container input,
.ng-select__input-container input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
/* Remove indicator separator line */
.ng-select__indicator-separator {
    display: none !important;
}
/* Dropdown indicator */
.ng-select__dropdown-indicator,
.ng-select__clear-indicator {
    padding: 4px !important;
    color: #8392a5 !important;
}
.ng-select__dropdown-indicator:hover,
.ng-select__clear-indicator:hover {
    color: #01539c !important;
}
/* Menu dropdown */
.ng-select__menu {
    border-radius: 6px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
    overflow: hidden;
    z-index: 9999 !important;
}
.ng-select__menu-list {
    padding: 4px 0 !important;
}
.ng-select__option {
    font-size: 13px !important;
    padding: 7px 10px !important;
}
.ng-select__option--is-focused {
    background-color: #f0f4f8 !important;
}
.ng-select__option--is-selected {
    background-color: #e8f0fe !important;
    color: #001737 !important;
    border-left: 3px solid #01539c;
}

/* Select component general fix */
select.form-control,
.searchable-select-wrapper select,
.searchable-select-wrapper .select-container {
    border-radius: 6px !important;
    border: 1px solid #dfe3ea !important;
}
select.form-control:focus,
.searchable-select-wrapper select:focus {
    border-color: #01539c !important;
    box-shadow: 0 0 0 2px rgba(1,83,156,.1) !important;
    outline: none !important;
}

/* Modal confirm view */
.market-modal-dialog.market-confirm .modal-content {
    border-left: 4px solid #01539c !important;
}

/* Right column summary in modal */
.market-modal-dialog .market-modal-content .col-sm-6:last-child table tr td {
    font-variant-numeric: tabular-nums;
}

/* =====================================================
   DASHBOARD — Modern Design
   ===================================================== */

/* ── Dashboard module cards ── */
section .module.accounts,
section .module.custom-card {
    border-radius: 10px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
    transition: box-shadow .2s ease;
}
section .module.accounts:hover,
section .module.custom-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.07) !important;
}

/* ── Dashboard module title ── */
section .module.accounts > .module-title,
section .module.custom-card > .module-title {
    padding: .7rem 1rem !important;
    border-bottom: 1px solid #eef0f4 !important;
    background: linear-gradient(180deg, #f9fafb 0%, #fff 100%) !important;
    border-radius: 10px 10px 0 0 !important;
}
section .module.accounts > .module-title h2,
section .module.accounts > .module-title h5,
section .module.custom-card > .module-title h2,
section .module.custom-card > .module-title h5 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Dashboard tables ── */
section .module.accounts .module-table table thead tr th,
section .module.custom-card .module-table table thead tr th {
    background: linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%) !important;
    border-bottom: 2px solid #dfe3ea !important;
    padding: .5rem .5rem !important;
    font-weight: 600 !important;
    color: #5a6678 !important;
    white-space: nowrap;
    z-index: 0 !important;
}
section .module.accounts .module-table table tbody tr,
section .module.custom-card .module-table table tbody tr {
    transition: all .15s ease;
}
section .module.accounts .module-table table tbody tr td,
section .module.custom-card .module-table table tbody tr td {
    padding: .5rem .5rem !important;
    border-bottom: 1px solid #f0f2f5 !important;
    vertical-align: middle;
}
section .module.accounts .module-table table tbody tr:nth-child(even) td,
section .module.custom-card .module-table table tbody tr:nth-child(even) td {
    background: #fafbfd;
}
section .module.accounts .module-table table tbody tr:hover td,
section .module.custom-card .module-table table tbody tr:hover td {
    background: rgba(1,83,156,.04) !important;
}
section .module.accounts .module-table table tbody tr:hover td:first-child,
section .module.custom-card .module-table table tbody tr:hover td:first-child {
    box-shadow: inset 3px 0 0 #01539c;
}
section .module.accounts .module-table table tbody tr:last-child td,
section .module.custom-card .module-table table tbody tr:last-child td {
    border-bottom: none !important;
}

/* ── Dashboard table skeleton shimmer ── */
section .module.accounts .table.placeholder tr td div,
section .module.custom-card .table.placeholder tr td div {
    height: 13px;
    background: linear-gradient(90deg, #eef0f3 25%, #e2e5ea 50%, #eef0f3 75%);
    background-size: 200% 100%;
    animation: mtShimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
    min-width: 50px;
}

/* ── Dashboard row slide-in ── */
@keyframes dashSlideIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: none; }
}
section .module.accounts .module-table table tbody tr,
section .module.custom-card .module-table table tbody tr {
    animation: dashSlideIn .25s ease forwards;
}

/* ── Market Currency cards ── */
.new-market-data .item .card {
    border-radius: 8px !important;
    border: 1px solid #e2e6ed !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.03) !important;
    transition: all .2s ease;
    padding: .5rem .6rem !important;
}
.new-market-data .item .card:hover {
    box-shadow: 0 3px 12px rgba(0,0,0,.08) !important;
    transform: translateY(-2px);
    border-color: #01539c !important;
}
.new-market-data .item .card .name {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin-bottom: 2px;
}
.new-market-data .item .card .price {
    font-size: 13px !important;
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
}

/* ── Dashboard scrollbar ── */
section .module.accounts .table-responsive::-webkit-scrollbar,
section .module.custom-card .table-responsive::-webkit-scrollbar {
    width: 4px !important; height: 4px !important;
}
section .module.accounts .table-responsive::-webkit-scrollbar-thumb,
section .module.custom-card .table-responsive::-webkit-scrollbar-thumb {
    background: #c5cdd6 !important; border-radius: 3px !important;
}

/* ── Dashboard action buttons ── */
section .module.accounts .module-title .action .btn,
section .module.custom-card .module-title .action .btn {
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: .3rem .6rem !important;
    transition: all .15s ease;
}
section .module.accounts .module-title .action .btn:hover,
section .module.custom-card .module-title .action .btn:hover {
    transform: translateY(-1px);
}

/* ── Section spacing ── */
section .section-wrap {
    margin-bottom: .75rem !important;
}

/* buy/sell circles - no override, keep original sizes */

/* ── Market data popup modal ── */
.market-data-popup .modal-content {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.15) !important;
}
.market-data-popup .modal-header {
    background: linear-gradient(180deg, #f8f9fb 0%, #fff 100%) !important;
    border-bottom: 1px solid #eef0f4 !important;
    border-radius: 10px 10px 0 0 !important;
}

/* =====================================================
   MODERN TAB UI — free-market bottom tabs
   ===================================================== */

/* ── Card container ── */
section .module.market-tab {
    border-radius: 10px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.03) !important;
}

/* ── Tab bar ── */
section .module.market-tab > nav > .nav-tabs,
section .module.market-tab > .nav-tabs {
    background: linear-gradient(180deg, #f0f2f6 0%, #fff 100%) !important;
    border-bottom: 1px solid #e2e6ed !important;
    padding: 0 !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-radius: 8px 8px 0 0;
}

section .module.market-tab > nav > .nav-tabs::-webkit-scrollbar,
section .module.market-tab > .nav-tabs::-webkit-scrollbar { display: none; }

/* ── Tab items ── */
section .module.market-tab .nav-tabs .nav-item {
    flex-shrink: 0;
}

/* ── Tab links (idle) ── */
section .module.market-tab .nav-tabs .nav-item > .nav-link,
section .module.market-tab .nav-tabs .nav-item > button.nav-link {
    border: none !important;
    border-bottom: 2.5px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #7b8794 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: .75rem 1rem !important;
    white-space: nowrap;
    transition: color .2s, background .15s, border-color .2s;
}

/* ── Hover ── */
section .module.market-tab .nav-tabs .nav-item > .nav-link:hover,
section .module.market-tab .nav-tabs .nav-item > button.nav-link:hover {
    color: #01539c !important;
    background: rgba(1,83,156,.04) !important;
    border-bottom-color: rgba(1,83,156,.3) !important;
}

/* ── Active ── */
section .module.market-tab .nav-tabs .nav-item > .nav-link.active,
section .module.market-tab .nav-tabs .nav-item > button.nav-link.active {
    color: #01539c !important;
    background: rgba(1,83,156,.06) !important;
    font-weight: 600 !important;
    border: none !important;
    border-bottom: 2.5px solid #01539c !important;
    outline: none !important;
    box-shadow: none !important;
}
section .module.market-tab .nav-tabs .nav-item > .nav-link:focus,
section .module.market-tab .nav-tabs .nav-item > button.nav-link:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 2.5px solid transparent !important;
}
section .module.market-tab .nav-tabs .nav-item > .nav-link.active:focus,
section .module.market-tab .nav-tabs .nav-item > button.nav-link.active:focus {
    border-bottom: 2.5px solid #01539c !important;
}
section .module.market-tab .nav-tabs .nav-item > .nav-link.active *:not(.badge),
section .module.market-tab .nav-tabs .nav-item > button.nav-link.active *:not(.badge) {
    color: inherit !important;
}

/* ── Badge pills ── */
section .module.market-tab .badge-notification {
    min-width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 6px !important;
    border-radius: 11px !important;
    line-height: 22px !important;
    letter-spacing: .02em;
    box-shadow: 0 2px 8px rgba(1,83,156,.25);
    background: linear-gradient(135deg, #0167c7 0%, #01539c 100%) !important;
    border: none !important;
    color: #fff !important;
}
section .module.market-tab .badge.bg-success.badge-notification {
    background: linear-gradient(135deg, #12c48c 0%, #09ad95 100%) !important;
    box-shadow: 0 2px 8px rgba(9,173,149,.3);
    color: #fff !important;
}
section .module.market-tab .badge.bg-danger.badge-notification {
    background: linear-gradient(135deg, #ff4d6a 0%, #e8263e 100%) !important;
    box-shadow: 0 2px 8px rgba(232,38,62,.3);
    color: #fff !important;
}

/* ── Filter bar ── */
section .module.market-tab .market-action {
    padding: .65rem 1rem !important;
    background: #fafbfd !important;
    border-bottom: 1px solid #ebeef3 !important;
}

section .module.market-tab .market-action .action-filter .btn-group {
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(1,83,156,.08) !important;
}

 
section .module.market-tab .market-action .action-filter .btn-group > a.btn:first-child {
    border-left: none !important;
}
section .module.market-tab .market-action .action-filter .btn-group > a.btn:hover {
    background: #d0e2f2 !important;
    color: #01539c !important;
}
section .module.market-tab .market-action .action-filter .btn-group > a.btn.active {
    background: #01539c !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* ── Table head ── */
section .module.market-tab .module-table table thead tr th {
    background: linear-gradient(180deg, #f7f8fb 0%, #eef1f6 100%) !important;
    border-bottom: 2px solid #dfe3ea !important;
    padding: .65rem .6rem !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #5a6678 !important;
    text-transform: uppercase;
    z-index: 1 !important;
    letter-spacing: .05em;
    white-space: nowrap;
}

/* ── Buy/Sell table: colored title bar + thead ── */
section .module.market-buy-offers .module-title {
    background: linear-gradient(135deg, #01539c 0%, #1a73c7 100%) !important;
    color: #fff !important;
    border-bottom: none !important;
}
section .module.market-buy-offers .module-title h2 {
    color: #fff !important;
}
section .module.market-buy-offers .module-table.market-table table thead tr th {
    background: linear-gradient(180deg, #e8f0f8 0%, #d4e4f4 100%) !important;
    color: #01539c !important;
    border-bottom: 2px solid #b8d4ed !important;
}

section .module.market-sell-offers .module-title {
    background: linear-gradient(135deg, #0d8a45 0%, #2ed87a 100%) !important;
    color: #fff !important;
    border-bottom: none !important;
}
section .module.market-sell-offers .module-title h2 {
    color: #fff !important;
}
section .module.market-sell-offers .module-table.market-table table thead tr th {
    background: linear-gradient(180deg, #e6f5ed 0%, #d0eddc 100%) !important;
    color: #0d8a45 !important;
    border-bottom: 2px solid #b0dfc4 !important;
}

/* ── Table body ── */
section .module.market-tab .module-table table tbody tr {
    transition: all .15s ease;
}
section .module.market-tab .module-table table tbody tr td {
    padding: .7rem .6rem !important;
    border-bottom: 1px solid #eef0f4 !important;
    vertical-align: middle;
    transition: background .15s ease;
    font-size: 12.5px !important;
    color: #2d3748 !important;
}
section .module.market-tab .module-table table tbody tr:nth-child(even) td {
    background: #f9fafb;
}
section .module.market-tab .module-table table tbody tr:hover td {
    background: rgba(1,83,156,.045) !important;
}
section .module.market-tab .module-table table tbody tr:hover td:first-child {
    box-shadow: inset 3px 0 0 #01539c;
}
section .module.market-tab .module-table table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Instrument name bold */
section .module.market-tab .module-table table tbody tr td .medium-txt {
    font-weight: 600 !important;
    color: #1a2332 !important;
}

/* Status text */
section .module.market-tab .module-table table tbody tr td .gray-txt {
    color: #7b8794 !important;
    font-size: 12px !important;
}

/* ── Action btns in table ── */
section .module.market-tab .module-table .btn {
    padding: .3rem .45rem !important;
    font-size: 11px !important;
    border-radius: 6px !important;
    transition: all .15s ease;
}

/* Cancel (X) button */
section .module.market-tab .module-table .blue-brd-btn {
    border: 1px solid #dfe3ea !important;
    color: #7b8794 !important;
    background: #fff !important;
}
section .module.market-tab .module-table .blue-brd-btn:hover {
    border-color: #01539c !important;
    color: #01539c !important;
    background: rgba(1,83,156,.04) !important;
    box-shadow: 0 2px 6px rgba(1,83,156,.12) !important;
    transform: translateY(-1px);
}

/* Active/Passive circle buttons */
section .module.market-tab .module-table .bg-success {
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(16,183,89,.2) !important;
    transition: all .15s ease;
}
section .module.market-tab .module-table .bg-success:hover {
    box-shadow: 0 3px 10px rgba(16,183,89,.3) !important;
    transform: translateY(-1px);
}
section .module.market-tab .module-table .bg-danger {
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(220,53,69,.2) !important;
    transition: all .15s ease;
}
section .module.market-tab .module-table .bg-danger:hover {
    box-shadow: 0 3px 10px rgba(220,53,69,.3) !important;
    transform: translateY(-1px);
}

/* Order type/side circles */
section .module.market-tab .module-table .buy-circle,
section .module.market-tab .module-table .sell-circle {
    font-size: 9px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 18px !important;
    border-width: 2px !important;
    font-weight: 700 !important;
}

/* Pink text (fixing info) */
section .module.market-tab .module-table .pink-txt {
    font-size: 11px !important;
    font-weight: 500 !important;
}

/* No results */
section .module.market-tab .module-table table tbody tr td[colspan] {
    text-align: center !important;
    padding: 2rem 1rem !important;
    color: #9ca8b7 !important;
    font-size: 13px !important;
    font-style: italic;
}

/* Table scrollbar */
section .module.market-tab .module-table .table-responsive::-webkit-scrollbar {
    width: 5px !important; height: 5px !important;
}
section .module.market-tab .module-table .table-responsive::-webkit-scrollbar-thumb {
    background: #c5cdd6 !important; border-radius: 3px !important;
}

/* ── Row slide-in animation ── */
@keyframes mtSlideIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: none; }
}
section .module.market-tab .module-table table tbody tr {
    animation: mtSlideIn .25s ease forwards;
}
section .module.market-tab .module-table table tbody tr:nth-child(1)  { animation-delay: 0s; }
section .module.market-tab .module-table table tbody tr:nth-child(2)  { animation-delay: .03s; }
section .module.market-tab .module-table table tbody tr:nth-child(3)  { animation-delay: .06s; }
section .module.market-tab .module-table table tbody tr:nth-child(4)  { animation-delay: .09s; }
section .module.market-tab .module-table table tbody tr:nth-child(5)  { animation-delay: .12s; }
section .module.market-tab .module-table table tbody tr:nth-child(6)  { animation-delay: .15s; }
section .module.market-tab .module-table table tbody tr:nth-child(7)  { animation-delay: .18s; }
section .module.market-tab .module-table table tbody tr:nth-child(8)  { animation-delay: .21s; }
section .module.market-tab .module-table table tbody tr:nth-child(9)  { animation-delay: .24s; }
section .module.market-tab .module-table table tbody tr:nth-child(10) { animation-delay: .27s; }

/* ── Modern action buttons ── */
.btn-action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    border: 1px solid #e2e6ed !important;
    background: #fff !important;
    color: #7b8794 !important;
    font-size: 12px !important;
    transition: all .15s ease;
    cursor: pointer;
}
.btn-action:hover {
    transform: translateY(-1px);
}

/* ── Filter Checklist Dropdown ── */
.filter-dropdown-btn {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #495057 !important;
    padding: .35rem .65rem !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 6px !important;
    background: #fff !important;
    transition: all .15s ease;
}
.filter-dropdown-btn:hover {
    border-color: #01539c !important;
    color: #01539c !important;
}

.filter-checklist-dropdown {
    min-width: 220px !important;
    max-height: 320px !important;
    overflow-y: auto !important;
    padding: .35rem 0 !important;
    border: 1px solid #e2e6ed !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.1) !important;
    animation: mtDropIn .15s ease;
}
.filter-checklist-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: .45rem .85rem;
    cursor: pointer;
    transition: background .1s ease;
    font-size: 13px;
    color: #333;
}
.filter-checklist-item:hover {
    background: rgba(1,83,156,.04);
}
.filter-checklist-all {
    font-weight: 600;
}
.filter-checklist-divider {
    height: 1px;
    background: #eef0f4;
    margin: .25rem 0;
}
.filter-checkbox {
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 3px;
    accent-color: #01539c;
    cursor: pointer;
}
.filter-checklist-label {
    flex: 1;
    cursor: pointer;
    user-select: none;
}

/* scrollbar */
.filter-checklist-dropdown::-webkit-scrollbar { width: 4px; }
.filter-checklist-dropdown::-webkit-scrollbar-thumb { background: #c5cdd6; border-radius: 3px; }

/* ── Realized Orders Section (MarketRealizedOrders) ── */
.section-wrap > .module.market-action + .module {
    border-radius: 0 0 10px 10px !important;
    border-top: none !important;
}
.section-wrap > .module.market-action {
    border-radius: 10px 10px 0 0 !important;
    border: 1px solid #dfe3ea !important;
    border-bottom: none !important;
    padding: .75rem 1rem !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.03) !important;
}
.section-wrap > .module.market-action h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ── Tab Action Buttons (Yeni Kayıt, Aktif/Pasif Et) ── */
.tab-action-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: .4rem .85rem !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    border: none !important;
    color: #fff !important;
    transition: all .2s ease;
    cursor: pointer;
    letter-spacing: .01em;
}
.tab-action-btn i { font-size: 11px; }
.tab-action-btn:hover { transform: translateY(-1px); }

.tab-action-primary {
    background: linear-gradient(135deg, #01539c 0%, #0167c7 100%) !important;
    box-shadow: 0 2px 8px rgba(1,83,156,.25);
}
.tab-action-primary:hover { box-shadow: 0 4px 14px rgba(1,83,156,.35) !important; }

.tab-action-success {
    background: linear-gradient(135deg, #09ad95 0%, #12c48c 100%) !important;
    box-shadow: 0 2px 8px rgba(9,173,149,.25);
}
.tab-action-success:hover { box-shadow: 0 4px 14px rgba(9,173,149,.35) !important; }

.tab-action-danger {
    background: linear-gradient(135deg, #e8263e 0%, #ff4d6a 100%) !important;
    box-shadow: 0 2px 8px rgba(232,38,62,.25);
}
.tab-action-danger:hover { box-shadow: 0 4px 14px rgba(232,38,62,.35) !important; }

/* ── Toggle Button Group (Evet/Hayır) ── */
.toggle-btn-group {
    display: inline-flex;
    border: 1px solid #dfe3ea;
    border-radius: 6px;
    overflow: hidden;
}
.toggle-btn {
    padding: .3rem .75rem !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border: none !important;
    background: #fff !important;
    color: #495057 !important;
    cursor: pointer;
    transition: all .15s ease;
    border-right: 1px solid #dfe3ea !important;
}
.toggle-btn:last-child { border-right: none !important; }
.toggle-btn:hover { background: #f0f4f8 !important; color: #01539c !important; }
.toggle-btn-active {
    background: #01539c !important;
    color: #fff !important;
    font-weight: 600 !important;
}

/* Cancel/Delete */
.btn-action-cancel:hover {
    border-color: #e8263e !important;
    color: #e8263e !important;
    background: rgba(232,38,62,.06) !important;
    box-shadow: 0 2px 6px rgba(232,38,62,.15) !important;
}

/* Edit */
.btn-action-edit:hover {
    border-color: #01539c !important;
    color: #01539c !important;
    background: rgba(1,83,156,.06) !important;
    box-shadow: 0 2px 6px rgba(1,83,156,.15) !important;
}

/* Activate (toggle on) */
.btn-action-activate {
    border-color: #09ad95 !important;
    color: #09ad95 !important;
    background: rgba(9,173,149,.06) !important;
    font-size: 14px !important;
}
.btn-action-activate:hover {
    background: #09ad95 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(9,173,149,.3) !important;
}

/* Deactivate (toggle off) */
.btn-action-deactivate {
    border-color: #e8263e !important;
    color: #e8263e !important;
    background: rgba(232,38,62,.06) !important;
    font-size: 14px !important;
}
.btn-action-deactivate:hover {
    background: #e8263e !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(232,38,62,.3) !important;
}

/* ── Advanced filter panel ── */
section .module.market-tab .other-filter-content {
    background: #f8f9fb !important;
    border-bottom: 1px solid #ebeef3 !important;
    padding: .85rem 1rem !important;
}
section .module.market-tab .other-filter-content .btn.blue-btn {
    border-radius: 6px !important;
    padding: .35rem 1.25rem !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: all .2s ease;
}
section .module.market-tab .other-filter-content .btn.blue-btn:hover {
    box-shadow: 0 3px 10px rgba(1,83,156,.25) !important;
}

/* ── Dropdowns ── */
section .module.market-tab .dropdown-menu {
    border: 1px solid #e2e6ed !important;
    border-radius: 6px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.08) !important;
    padding: .2rem 0 !important;
    animation: mtDropIn .15s ease;
}
@keyframes mtDropIn {
    from { opacity:0; transform: translateY(-5px); }
    to   { opacity:1; transform: translateY(0); }
}
section .module.market-tab .dropdown-menu .dropdown-item {
    font-size: 12px !important;
    padding: .4rem .8rem !important;
    transition: all .12s ease;
}
section .module.market-tab .dropdown-menu .dropdown-item:hover {
    background: #edf2f9 !important;
    color: #01539c !important;
}

/* ── Popover fix ── */
.popover {
    z-index: 99999 !important;
    opacity: 1 !important;
}
.popover.show {
    opacity: 1 !important;
}

/* ── Skeleton shimmer ── */
section .module.market-tab .table.placeholder tr td div {
    height: 13px;
    background: linear-gradient(90deg,#eef0f3 25%,#e2e5ea 50%,#eef0f3 75%);
    background-size: 200% 100%;
    animation: mtShimmer 1.4s ease-in-out infinite;
    border-radius: 4px;
    min-width: 50px;
}
@keyframes mtShimmer {
    0%   { background-position: 200% 0; }
    100% { background-position:-200% 0; }
}

/* ── Scrollbar ── */
section .module.market-tab .table-responsive::-webkit-scrollbar {
    width: 4px !important; height: 4px !important;
}
section .module.market-tab .table-responsive::-webkit-scrollbar-track {
    background: transparent !important;
}
section .module.market-tab .table-responsive::-webkit-scrollbar-thumb {
    background: #c5cdd6 !important;
    border-radius: 3px !important;
}

/* ── Asset / activity rows ── */
section .module.market-tab .module-content .activity-blog {
    border-bottom: 1px solid #f0f2f5 !important;
    transition: background .12s ease;
}
section .module.market-tab .module-content .activity-blog:hover {
    background: #f6f8fb !important;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    section .module.market-tab > nav > .nav-tabs,
    section .module.market-tab > .nav-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        display: flex !important;
    }
    section .module.market-tab .nav-tabs .nav-item {
        flex: 0 0 auto !important;
        max-width: none !important;
    }
    section .module.market-tab .nav-tabs .nav-item > .nav-link,
    section .module.market-tab .nav-tabs .nav-item > button.nav-link {
        padding: .6rem .7rem !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        width: auto !important;
    }
}


/* =====================================================
   KYC FORM — Modern Design
   ===================================================== */

/* Loading */
.kyc-loading {
    text-align: center;
    padding: 4rem 1rem;
}
.kyc-loading-spinner {
    width: 40px; height: 40px;
    border: 3px solid #e9ecef;
    border-top-color: #01539c;
    border-radius: 50%;
    animation: kycSpin .7s linear infinite;
    margin: 0 auto 1rem;
}
@keyframes kycSpin { to { transform: rotate(360deg); } }
.kyc-loading p { color: #7b8794; font-size: 14px; }

/* Empty */
.kyc-empty {
    text-align: center;
    padding: 4rem 1rem;
    color: #9ca8b7;
}
.kyc-empty i { font-size: 3rem; margin-bottom: 1rem; display: block; opacity: .4; }
.kyc-empty p { font-size: 15px; }

/* Page Header */
.kyc-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.kyc-page-header-left {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.kyc-page-icon {
    width: 48px; height: 48px;
    background: linear-gradient(135deg, #01539c 0%, #0167c7 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}
.kyc-page-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.kyc-page-subtitle {
    font-size: 13px;
    color: #7b8794;
}

/* Status Badge */
.kyc-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: .4rem .85rem;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.kyc-status-draft {
    background: #fff3e0;
    color: #e65100;
}
.kyc-status-revision {
    background: #fce4ec;
    color: #c62828;
}
.kyc-status-approved {
    background: #e0f2f1;
    color: #00695c;
}

/* Group Card */
.kyc-group {
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 10px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}

.kyc-group-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1.25rem;
    background: linear-gradient(135deg, #f6f8fb 0%, #eef1f6 100%);
    border-bottom: 1px solid #e2e6ed;
    border-radius: 10px 10px 0 0;
}
.kyc-group-number {
    width: 32px; height: 32px;
    background: #01539c;
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
}
.kyc-group-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    padding: 0 !important;
}
.kyc-group-body {
    padding: 1.25rem;
}

/* Field */
.kyc-field {
    margin-bottom: 1rem;
}
.kyc-field-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #5a6678;
    margin-bottom: .35rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.kyc-field-input {
    margin-bottom: .4rem;
}
.kyc-field .form-control {
    border-radius: 6px !important;
    border: 1px solid #d5dae2 !important;
    font-size: 13px !important;
    transition: border-color .2s, box-shadow .2s;
}
.kyc-field .form-control:focus {
    border-color: #01539c !important;
    box-shadow: 0 0 0 3px rgba(1,83,156,.1) !important;
}
.kyc-field .form-control:disabled {
    background: #f5f7fa !important;
    color: #6c757d;
}

/* Rich text editor */
.kyc-richtext {
    min-height: 200px !important;
    height: auto !important;
    overflow: auto !important;
    font-family: Arial, sans-serif !important;
}

/* Checkbox */
.kyc-checkbox {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem 0;
}
.kyc-checkbox .form-check-input {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border-radius: 4px;
    border: 2px solid #c0c8d4;
    cursor: pointer;
    margin: 0 !important;
    position: static !important;
    float: none !important;
}
.kyc-checkbox .form-check-input:checked {
    background-color: #01539c;
    border-color: #01539c;
}
.kyc-checkbox .form-check-label {
    font-size: 13px;
    color: #333;
    cursor: pointer;
    margin: 0 !important;
    padding: 0 !important;
}

/* Signature section */
.kyc-signature-section {
    border-top: 1px solid #e2e6ed;
}

/* Info grid (approval details) */
.kyc-info-grid {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.kyc-info-item {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .6rem .85rem;
    background: #f8f9fb;
    border-radius: 6px;
    border-left: 3px solid #01539c;
}
.kyc-info-label {
    font-size: 11px;
    font-weight: 600;
    color: #7b8794;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.kyc-info-value {
    font-size: 13px;
    font-weight: 500;
    color: #1a2332;
    word-break: break-all;
}

/* Action buttons bar */
.kyc-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 10px;
    padding: .85rem 1.25rem;
    margin-top: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.03);
}
.kyc-actions-left,
.kyc-actions-right {
    display: flex;
    gap: .5rem;
}
.kyc-actions .btn {
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: .45rem 1rem !important;
    transition: all .2s ease;
}
.kyc-actions .btn:hover {
    transform: translateY(-1px);
}
.kyc-actions .green-btn:hover {
    box-shadow: 0 4px 12px rgba(16,183,89,.3) !important;
}
.kyc-actions .blue-btn:hover {
    box-shadow: 0 4px 12px rgba(1,83,156,.3) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .kyc-page-header { flex-direction: column; align-items: flex-start; gap: .75rem; }
    .kyc-actions { flex-direction: column; gap: .5rem; }
    .kyc-actions-left, .kyc-actions-right { width: 100%; }
    .kyc-actions .btn { flex: 1; }
}


/* =====================================================
   LOGIN PAGE — Modern Design
   ===================================================== */

/* Left panel — animated gradient */
.login-content .login-content-left {
    background: linear-gradient(160deg, #012a4f 0%, #01539c 40%, #0167c7 70%, #3a8fd4 100%) !important;
    background-size: 100% 100% !important;
}
.login-content .login-content-left::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(/assets/images/bg/side-bg-3.png) no-repeat center right;
    background-size: cover;
    opacity: .1;
    pointer-events: none;
}
.login-content-left-wrapper {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-top: 15vh !important;
}

.login-divider {
    border-color: rgba(255,255,255,.15) !important;
    margin: 1.5rem 0 !important;
}

.login-slogan span {
    font-weight: 700 !important;
    color: #ffc107 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.15);
}

/* Right panel */
.login-content .login-content-right {
    background: #f5f7fa !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
}

/* Language selector */
.login-language a.login-toggle {
    background: #fff !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    height: 38px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #495057 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    transition: all .2s ease;
}
.login-language a.login-toggle:hover {
    border-color: #01539c !important;
    color: #01539c !important;
    box-shadow: 0 2px 10px rgba(1,83,156,.1);
}
.login-language .login-list {
    border-radius: 8px !important;
    border: 1px solid #dfe3ea !important;
    box-shadow: 0 6px 20px rgba(0,0,0,.08) !important;
    overflow: hidden;
}
.login-language .login-list a {
    border-top: 1px solid #f0f2f5 !important;
    font-size: 13px !important;
    font-weight: 500;
    padding: .6rem 1rem !important;
    transition: all .12s ease;
}
.login-language .login-list a:first-child { border-top: none !important; }
.login-language .login-list a:hover {
    background: rgba(1,83,156,.05) !important;
    color: #01539c !important;
}

/* Login theme toggle */
.login-theme-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 8px; cursor: pointer;
    background: #fff; border: 1px solid #dfe3ea;
    color: #495057; font-size: 16px;
    box-shadow: 0 2px 6px rgba(0,0,0,.04);
    transition: all .2s ease;
}
.login-theme-toggle:hover {
    border-color: #01539c; color: #01539c;
    box-shadow: 0 2px 10px rgba(1,83,156,.1);
}
[data-theme="dark"] .login-theme-toggle {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #f1c40f !important;
}
[data-theme="dark"] .login-theme-toggle:hover {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.25) !important;
}

/* Welcome title */
.login-section .login-welcome h2 {
    font-size: 32px !important;
    font-weight: 300 !important;
    color: #1a2332 !important;
    line-height: 1.2 !important;
}
.login-section .login-welcome h2 span {
    font-weight: 700 !important;
    color: #01539c !important;
}

/* Login base font */
.login-content {
    font-size: 16px !important;
}

/* Form inputs */
.login-textbox,
.login-textarea,
.login-selectbox {
    background: #fff !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 8px !important;
    padding: 13px 16px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #1a2332 !important;
    transition: border-color .2s, box-shadow .2s;
}
.login-textbox::placeholder { color: #9ca8b7 !important; font-weight: 400; font-size: 15px !important; }
.login-textbox:focus,
.login-textarea:focus,
.login-selectbox:focus {
    border-color: #01539c !important;
    box-shadow: 0 0 0 3px rgba(1,83,156,.1) !important;
    outline: none !important;
}

/* Login button */
.login-button {
    background: linear-gradient(135deg, #01539c 0%, #0167c7 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: .02em;
    transition: all .25s ease;
    box-shadow: 0 4px 14px rgba(1,83,156,.25);
    cursor: pointer;
}
.login-button:hover {
    background: linear-gradient(135deg, #013f7a 0%, #01539c 100%) !important;
    box-shadow: 0 6px 20px rgba(1,83,156,.35) !important;
    transform: translateY(-1px);
}
.login-button:disabled {
    opacity: .65;
    cursor: not-allowed;
    transform: none !important;
}

/* Individual / Corporate buttons */
.login-button.login-individual-btn {
    background: linear-gradient(135deg, #09ad95 0%, #12c48c 100%) !important;
    box-shadow: 0 4px 14px rgba(9,173,149,.25);
}
.login-button.login-individual-btn:hover {
    background: linear-gradient(135deg, #088f7a 0%, #09ad95 100%) !important;
    box-shadow: 0 6px 20px rgba(9,173,149,.35) !important;
}
.login-button.login-corporate-btn {
    background: linear-gradient(135deg, #3a8fd4 0%, #4aa2ee 100%) !important;
    box-shadow: 0 4px 14px rgba(74,162,238,.25);
}
.login-button.login-corporate-btn:hover {
    background: linear-gradient(135deg, #2d78b8 0%, #3a8fd4 100%) !important;
    box-shadow: 0 6px 20px rgba(74,162,238,.35) !important;
}

/* Forgot password link */
.login-section .login-form .login-forgot a {
    color: #01539c !important;
    font-size: 14px;
    font-weight: 500;
    transition: color .2s;
}
.login-section .login-form .login-forgot a:hover {
    color: #013f7a !important;
}

/* Password toggle */
.login-content .input-group-text {
    background: #fff !important;
    border: 1px solid #dfe3ea !important;
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
    color: #7b8794;
    cursor: pointer;
    transition: color .2s;
}
.login-content .input-group-text:hover { color: #01539c; }
.login-content .input-group .login-textbox {
    border-radius: 8px 0 0 8px !important;
    border-right: none !important;
}

/* No account section */
.login-section .login-no-account .login-title::before {
    background: #dfe3ea !important;
}
.login-section .login-no-account .login-title h3 {
    background: #f5f7fa !important;
    color: #7b8794 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Footer */
.login-footer {
    border-top: 1px solid #dfe3ea !important;
    padding-top: 1.5rem !important;
}
.login-footer .login-copyright {
    color: #9ca8b7 !important;
    font-size: 13px !important;
}
.login-footer .login-contact ul li a {
    color: #7b8794 !important;
    font-size: 14px;
    transition: color .2s;
}
.login-footer .login-contact ul li a:hover { color: #01539c !important; }

/* OTP countdown */
.login-content .login-item span {
    font-weight: 600;
    color: #01539c;
}

/* Welcome message (step 2) */
.login-content .text-info {
    background: rgba(1,83,156,.05);
    border-left: 3px solid #01539c;
    padding: .75rem 1rem;
    border-radius: 0 6px 6px 0;
    font-size: 14px;
    color: #1a2332 !important;
}

/* Input with info icon */
.login-input-with-icon {
    position: relative;
}
.login-input-with-icon .login-textbox {
    padding-right: 44px !important;
    width: 100% !important;
}
.login-input-with-icon .login-info {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}
.login-input-with-icon .login-info a {
    color: #9ca8b7 !important;
    font-size: 18px;
    cursor: pointer;
    transition: color .2s;
}
.login-input-with-icon .login-info a:hover {
    color: #01539c !important;
}

/* Forgot customer number link */
.login-forgot-customer {
    margin-top: 8px;
    margin-bottom: 4px;
    text-align: left;
}

.login-forgot-customer a {
    color: #01539c !important;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: color .2s;
}
.login-forgot-customer a:hover {
    color: #013f7a !important;
    text-decoration: underline !important;
}
.login-forgot-customer a i {
    margin-right: 4px;
    font-size: 12px;
}

/* Customer Number Modal */
.login-modal-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: loginModalFadeIn .2s ease;
}
@keyframes loginModalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.login-modal {
    background: #fff;
    border-radius: 12px;
    width: 90%;
    max-width: 480px;
    box-shadow: 0 12px 40px rgba(0,0,0,.15);
    animation: loginModalSlideIn .25s ease;
}
@keyframes loginModalSlideIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.login-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #eef0f3;
}
.login-modal-header h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
    margin: 0 !important;
}
.login-modal-header a {
    color: #9ca8b7 !important;
    font-size: 18px;
    cursor: pointer;
    transition: color .2s;
}
.login-modal-header a:hover { color: #e11d48 !important; }
.login-modal-body {
    padding: 1.25rem;
    font-size: 14px;
    line-height: 1.6;
    color: #495057;
}
.login-modal-body a {
    color: #01539c !important;
    font-weight: 600;
}
.login-modal-footer {
    padding: .75rem 1.25rem;
    border-top: 1px solid #eef0f3;
    text-align: right;
}

/* Desktop: wider form */
@media (min-width: 1200px) {
    .login-section {
        width: 85% !important;
    }
    .login-section .login-welcome h2 {
        font-size: 36px !important;
    }
    .login-textbox,
    .login-textarea,
    .login-selectbox {
        padding: 14px 18px !important;
        font-size: 15px !important;
    }
    .login-button {
        padding: 14px 18px !important;
        font-size: 16px !important;
    }
}
@media (min-width: 1600px) {
    .login-section {
        width: 75% !important;
    }
    .login-section .login-welcome h2 {
        font-size: 40px !important;
    }

/* ===== Active Orders Modern Styles ===== */
.orders-modern .module-content {
    padding: 0;
}
.orders-modern .action-bar {
    display: flex;
    gap: 8px;
    padding: 12px 20px;
    background: #f8f9fb;
    border-bottom: 1px solid #e8ecf1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.orders-modern .action-bar .btn {
    border-radius: 6px;
    font-size: 12px;
    padding: 6px 14px;
    font-weight: 600;
}
.orders-modern .module-table table {
    margin: 0;
}
.orders-modern .module-table table thead tr {
    background: #f0f3f7;
}
.orders-modern .module-table table thead th {
    font-size: 11px;
    font-weight: 700;
    color: #5a6a7e;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 10px 12px;
    border-bottom: 2px solid #e2e5ed;
    white-space: nowrap;
}
.orders-modern .module-table table tbody tr {
    transition: background .15s;
}
.orders-modern .module-table table tbody tr:hover {
    background: #f8f9fb;
}
.orders-modern .module-table table tbody td {
    padding: 10px 12px;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #f0f2f5;
}
.orders-modern .order-side-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
.orders-modern .order-side-buy {
    background: #ecfdf5;
    color: #059669;
}
.orders-modern .order-side-sell {
    background: #fef2f2;
    color: #dc2626;
}
.orders-modern .order-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e2e5ed;
    background: #fff;
    color: #5a6a7e;
    cursor: pointer;
    transition: all .15s;
    font-size: 12px;
    margin-right: 4px;
}
.orders-modern .order-action-btn:hover {
    background: #01539c;
    color: #fff;
    border-color: #01539c;
}
.orders-modern .order-action-btn.danger:hover {
    background: #dc2626;
    border-color: #dc2626;
}
.orders-modern .pagination {
    margin: 16px 20px;
}
.orders-modern .pagination .page-link {
    border-radius: 6px;
    margin: 0 2px;
    font-size: 12px;
    border-color: #e2e5ed;
    color: #5a6a7e;
}
.orders-modern .pagination .page-item.active .page-link {
    background: #01539c;
    border-color: #01539c;
}
/* Filter panel */
.orders-modern .filter-panel {
    background: #f8f9fb;
    border-bottom: 1px solid #e8ecf1;
    padding: 16px 20px;
}
}

/* ============================================
   Global Modern Table Styles (active-orders format)
   ============================================ */
@keyframes mod-slideIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

section .module .module-table table,
.table-responsive table,
.module-content table,
.module-table table {
    width: 100%;
    table-layout: auto;
}

section .module .module-table table thead th {
    background-color: #eee;
    color: #001737;
    font-size: 13px;
    font-weight: 400;
    padding: 8px 10px;
    white-space: nowrap;
}

section .module .module-table table tbody tr {
    animation: mod-slideIn .25s ease both;
    transition: background .15s;
    border-bottom: 1px solid #f0f2f5;
}

section .module .module-table table tbody tr:hover {
    background: #f0f4ff !important;
}

section .module .module-table table tbody td {
    padding: 9px 10px;
    font-size: 12px;
    vertical-align: middle;
}

/* Modern action buttons in tables */
section .module .module-table .btn.blue-brd-btn,
.ao-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid #e2e5ed;
    background: #fff;
    color: #5a6a7e;
    cursor: pointer;
    transition: all .15s;
    font-size: 12px;
    margin-right: 4px;
    padding: 0;
}

section .module .module-table .btn.blue-brd-btn:hover,
.ao-action-btn:hover {
    background: #01539c;
    color: #fff;
    border-color: #01539c;
}
.ao-action-btn.danger:hover {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}

/* Custom styled checkboxes - uses .checked class on .check-box via React */
.custom-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}
.custom-check .check-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    border: 2px solid #cbd5e1;
    background: #fff;
    transition: all .2s ease;
    flex-shrink: 0;
}
.custom-check:hover .check-box {
    border-color: #01539c;
}
.custom-check .check-box.checked {
    background: #01539c;
    border-color: #01539c;
}
.custom-check .check-box.checked::after {
    content: '\2713';
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}
.custom-check .check-box.disabled {
    background: #f1f5f9;
    border-color: #e2e8f0;
    cursor: not-allowed;
}
.custom-check .check-box.disabled.checked {
    background: #94a3b8;
    border-color: #94a3b8;
}
.custom-check .check-label {
    font-size: 13px;
    color: #334155;
    font-weight: 500;
}

/* Plus/minus value colors */
.plus-txt { color: #059669; font-weight: 600; }
.minus-txt { color: #dc2626; font-weight: 600; }

/* No data row */
section .module .module-table table tbody tr td.text-muted {
    padding: 24px 10px;
    font-size: 13px;
    color: #94a3b8;
}

/* ============================================
   Global Pill Filter Styles
   ============================================ */
.mod-filter-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    background: #fff;
    color: #334155;
    border: 1px solid #e2e5ed;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    white-space: nowrap;
}
.mod-filter-pill:hover {
    border-color: #01539c;
    color: #01539c;
}
.mod-filter-pill.active {
    background: #01539c;
    color: #fff;
    border-color: #01539c;
}
.mod-pills-blue .mod-filter-pill {
    background: #e8f0f8 !important;
    color: #01539c !important;
    border: 1px solid rgba(1, 83, 156, 0.25) !important;
    border-radius: 0 !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    padding: 0.3rem 0.6rem !important;
}
.mod-pills-blue .mod-filter-pill:hover {
    background: #d0e2f2 !important;
    color: #01539c !important;
}
.mod-pills-blue .mod-filter-pill.active {
    background: #01539c !important;
    color: #fff !important;
    font-weight: 600 !important;
}
.mod-pills-blue.btn-group {
    gap: 0 !important;
    border: none !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    overflow: visible;
}
.mod-pills-blue.btn-group > .mod-filter-pill:first-child { border-radius: 20px 0 0 20px !important; }
.mod-pills-blue.btn-group > .mod-filter-pill:last-child { border-radius: 0 20px 20px 0 !important; }
.mod-pills-blue.btn-group > .mod-filter-pill {
    border: none !important;
    border-left: 1px solid rgba(1, 83, 156, 0.25) !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.mod-pills-blue.btn-group > .mod-filter-pill:first-child { border-left: none !important; }
.mod-filter-pill i {
    font-size: 9px;
    opacity: 0.6;
}
.mod-filter-pill.active i {
    opacity: 1;
}
.mod-filter-dropdown {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 100;
    background: #fff;
    border: 1px solid #e2e5ed;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    min-width: 220px;
    padding: 6px 0;
    max-height: 300px;
    overflow-y: auto;
}
.mod-filter-dropdown-item {
    display: block;
    padding: 7px 14px;
    font-size: 12px;
    color: #334155;
    cursor: pointer;
    transition: background .15s;
    white-space: nowrap;
}
.mod-filter-dropdown-item:hover {
    background: #f1f5f9;
}
.mod-filter-dropdown-item.selected {
    background: #eff6ff;
    color: #01539c;
    font-weight: 600;
}
.mod-filter-sep {
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #e2e5ed;
}

/* Fix dropdown inside table-responsive being clipped */
.module-table .table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
}
.module-table .table-responsive .dropdown-menu {
    z-index: 9999 !important;
}

/* Dashboard tab tables responsive */
.tab-content .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}
.tab-content .table-responsive table {
    width: 100%;
    min-width: 600px;
}

/* ============================================
   Status Badge Styles
   ============================================ */
.status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
.status-badge.status-approved,
.status-badge.status-completed {
    background: #ecfdf5;
    color: #059669;
}
.status-badge.status-pending {
    background: #fffbeb;
    color: #d97706;
}
.status-badge.status-rejected,
.status-badge.status-cancelled {
    background: #fef2f2;
    color: #dc2626;
}
.status-badge.status-draft {
    background: #f1f5f9;
    color: #64748b;
}
.status-badge.status-default {
    background: #eff6ff;
    color: #2563eb;
}

/* ═══ Report Pages Styling ═══ */

/* Report table */
.report-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
section .module .performance-table table.report-table thead tr:first-child th,
.report-table thead tr:first-child th {
    background: #01539c !important;
    color: #fff !important;
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border: none !important;
    white-space: nowrap;
}
section .module .performance-table table.report-table thead tr:nth-child(2) th,
.report-table thead tr:nth-child(2) th {
    background: #eef2f7 !important;
    color: #475569 !important;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 600;
    border: none !important;
    border-bottom: 2px solid #01539c !important;
}
.report-table tbody td {
    padding: 8px 12px;
    font-size: 12px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}
.report-table tbody tr:hover {
    background: #f8fafc;
}
.report-table tbody tr.total-row td {
    font-weight: 700;
    background: #f0f4f8;
    border-top: 2px solid #01539c;
    font-size: 12px;
}

/* Report month link */
.report-month {
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s;
}
.report-month:hover {
    color: #01539c;
}

/* Category badge in report headers */
.report-category-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.3px;
    background: #475569;
}

/* Report shared utilities */
.rpt-gap8 { gap: 8px; }
.rpt-nowrap { white-space: nowrap; }
.rpt-link { text-decoration: none !important; }
.rpt-link:hover { text-decoration: none !important; }
.rpt-sticky-hdr { min-width: 120px; z-index: 3; }
.rpt-sticky-z3 { z-index: 3; }
.rpt-modal-overlay { display: block; background-color: rgba(0,0,0,0.5); z-index: 1050; }
.rpt-modal-body { max-height: 70vh; overflow-y: auto; }
.rpt-modal-body-inner { padding: 0 8px; }
.rpt-modal-table-wrap { padding: 0; }
.rpt-detail-table { min-width: 800px; }
.rpt-side-col { width: 40px; }
.rpt-date-text { color: #64748b; font-size: 12px; }
.rpt-case-text { font-weight: 500; }
.rpt-unit-muted { color: #94a3b8; }
.rpt-modal-icon { color: #01539c; margin-right: 8px; }
.rpt-chart-body { padding: 20px 24px; }
.rpt-chart-container { height: 320px; }
.rpt-chart-legend { gap: 24px; }
.rpt-legend-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 6px; }
.rpt-legend-dot-buy { background: #22c55e; }
.rpt-legend-dot-sell { background: #ef4444; }
.rpt-instrument-action { display: inline-block; margin-right: 5px; }
.rpt-instrument-name { display: inline-block; }
.rpt-chart-btn { cursor: pointer; margin-right: 6px; background: none; border: none; padding: 4px; display: inline-block; }
.rpt-chart-btn-icon { color: #fff; }
.rpt-btn-group { gap: 10px; }

/* Report empty state */
.report-empty-state {
    text-align: center;
    padding: 48px 20px;
    color: #94a3b8;
}
.report-empty-state i {
    font-size: 40px;
    margin-bottom: 12px;
    color: #cbd5e1;
    display: block;
}
.report-empty-state p {
    font-size: 14px;
    margin: 0;
}

/* Report year pills */
.report-year-pills {
    display: inline-flex;
    gap: 0;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    overflow: hidden;
}
.report-year-pills .year-pill {
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    cursor: pointer;
    border-right: 1px solid #e2e8f0;
    transition: all .15s;
    text-decoration: none;
}
.report-year-pills .year-pill:last-child {
    border-right: none;
}
.report-year-pills .year-pill:hover {
    background: #f0f4f8;
    color: #01539c;
}
.report-year-pills .year-pill.active {
    background: #01539c;
    color: #fff;
}

/* Modal header modern (light mode) */
.modal-header-modern {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}
.modal-header-modern h4,
.modal-header-modern h5,
.modal-header-modern .modal-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}
.modal-header-modern h4 i {
    margin-right: 8px;
}
.modal-close-btn {
    background: none;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #64748b;
    font-size: 14px;
    transition: all .15s;
}
.modal-close-btn:hover {
    background: #f1f5f9;
    color: #1e293b;
    border-color: #cbd5e1;
}

/* Report table sticky column adjustments */
.report-table .sticky-col {
    min-width: 120px;
}
.report-table thead .sticky-col {
    background: #01539c !important;
    z-index: 3;
}
.report-table thead tr:nth-child(2) .sticky-col {
    background: #f0f4f8 !important;
    z-index: 3;
}
.report-table tbody .sticky-col {
    background: #fff;
    z-index: 2;
}
.report-table tbody tr:hover .sticky-col {
    background: #f8fafc;
}
.report-table tbody tr.total-row .sticky-col {
    background: #f0f4f8;
    z-index: 2;
}

/* Report modal */
.report-modal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15);
    overflow: hidden;
}
.report-modal .modal-header {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    padding: 16px 20px;
}
.report-modal .modal-header .modal-title {
    font-size: 15px;
    font-weight: 700;
    color: #1e293b;
}
.report-modal .modal-body {
    padding: 20px;
    max-height: 70vh;
    overflow-y: auto;
}
.report-modal .modal-footer {
    border-top: 1px solid #e2e8f0;
    padding: 12px 20px;
}

/* Desktop: always show time and fullscreen in header */
@media (min-width: 992px) {
    header .top .action .item.time,
    header .top .action .item.fullscreen {
        display: block !important;
    }
}

/* ═══ Dashboard custom-card dark mode borders ═══ */
[data-theme="dark"] section .module.accounts,
[data-theme="dark"] section .module.custom-card {
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}
[data-theme="dark"] section .module.accounts:hover,
[data-theme="dark"] section .module.custom-card:hover {
    box-shadow: none !important;
}
[data-theme="dark"] section .module.accounts > .module-title,
[data-theme="dark"] section .module.custom-card > .module-title {
    border-bottom-color: var(--border-color) !important;
}

/* ═══ Market data popup modal dark mode ═══ */
[data-theme="dark"] .market-data-popup .modal-content {
    background-color: var(--bg-modal) !important;
    border-color: var(--modal-border) !important;
}
[data-theme="dark"] .market-data-popup .modal-header {
    background: linear-gradient(180deg, var(--bg-card-alt) 0%, var(--bg-modal) 100%) !important;
    border-bottom-color: var(--modal-border) !important;
}
[data-theme="dark"] .market-data-popup .modal-header .modal-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .market-data-popup .modal-header .close {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .market-data-popup .modal-body {
    background-color: var(--bg-modal) !important;
}
[data-theme="dark"] .market-data-popup table {
    background: var(--bg-modal) !important;
}
[data-theme="dark"] .market-data-popup table thead th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .market-data-popup table tbody tr td {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .market-data-popup table.table-striped tbody tr:nth-of-type(odd) {
    background: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] .market-data-popup table tbody tr:hover {
    background: var(--bg-table-hover) !important;
}

/* ═══ Placeholder / Shimmer dark mode (global) ═══ */
[data-theme="dark"] .placeholder div,
[data-theme="dark"] tbody.placeholder td div {
    background: var(--bg-card-alt) !important;
    animation: color-change-dark 1s infinite !important;
}
@keyframes color-change-dark {
    0%   { background-color: #253347; }
    50%  { background-color: #1a2537; }
    100% { background-color: #253347; }
}

/* Inline placeholder backgrounds (#f1f5f9) */
[data-theme="dark"] div[style*="background: #f1f5f9"],
[data-theme="dark"] div[style*="background-color: #f1f5f9"],
[data-theme="dark"] div[style*="background: rgb(241, 245, 249)"],
[data-theme="dark"] div[style*="background-color: rgb(241, 245, 249)"] {
    background: var(--bg-card-alt) !important;
    animation: color-change-dark 1s infinite !important;
}

/* ═══ MyAuthorizations dark mode inline overrides ═══ */
/* Card backgrounds (#fff) */
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] div[style*="background: rgb(255, 255, 255)"] {
    background: var(--bg-card) !important;
}

/* Borders (#e2e8f0) */
[data-theme="dark"] div[style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] div[style*="border: 1px solid rgb(226, 232, 240)"] {
    border-color: var(--border-color) !important;
}

/* Icon backgrounds */
[data-theme="dark"] span[style*="background: #f0f7ff"],
[data-theme="dark"] span[style*="background: rgb(240, 247, 255)"] {
    background: #1a3a5c !important;
}
[data-theme="dark"] span[style*="background: #fdf4ff"],
[data-theme="dark"] span[style*="background: rgb(253, 244, 255)"] {
    background: #2d1a3a !important;
}

/* Error state backgrounds */
[data-theme="dark"] div[style*="background: #fef2f2"],
[data-theme="dark"] div[style*="background: rgb(254, 242, 242)"] {
    background: #3b1c1c !important;
}
[data-theme="dark"] div[style*="border: 1px solid #fecaca"],
[data-theme="dark"] div[style*="border: 1px solid rgb(254, 202, 202)"] {
    border-color: #7f1d1d !important;
}

/* Label text (#64748b, #94a3b8) */
[data-theme="dark"] div[style*="color: #64748b"],
[data-theme="dark"] div[style*="color: rgb(100, 116, 139)"] {
    color: var(--text-muted) !important;
}
[data-theme="dark"] div[style*="color: #94a3b8"],
[data-theme="dark"] div[style*="color: rgb(148, 163, 184)"] {
    color: var(--text-light) !important;
}

/* Title text (#01539c, #a21caf) - keep as-is, they're brand colors visible on dark */

/* Empty state icon (#cbd5e1) */
[data-theme="dark"] i[style*="color: #cbd5e1"],
[data-theme="dark"] i[style*="color: rgb(203, 213, 225)"] {
    color: var(--text-light) !important;
}

/* Status badge dark mode */
[data-theme="dark"] .status-badge.status-approved,
[data-theme="dark"] .status-badge.status-completed {
    background: #064e3b !important;
    color: #6ee7b7 !important;
}
[data-theme="dark"] .status-badge.status-pending {
    background: #78350f !important;
    color: #fcd34d !important;
}
[data-theme="dark"] .status-badge.status-rejected,
[data-theme="dark"] .status-badge.status-cancelled {
    background: #7f1d1d !important;
    color: #fca5a5 !important;
}
[data-theme="dark"] .status-badge.status-draft {
    background: #334155 !important;
    color: #94a3b8 !important;
}
[data-theme="dark"] .status-badge.status-default {
    background: #1e3a5f !important;
    color: #93c5fd !important;
}

/* ═══ Assets page dark mode inline overrides ═══ */
/* Net value card gradient */
[data-theme="dark"] div[style*="background: linear-gradient(135deg, #f0f7ff"] {
    background: linear-gradient(135deg, #1a2e4a 0%, #1e3a5c 100%) !important;
    border-color: var(--border-color) !important;
}
/* Guarantee rate badge */
[data-theme="dark"] span[style*="background: #e0f2fe"] {
    background: #1a3a5c !important;
    color: #7dd3fc !important;
}
/* Print modal header text */
[data-theme="dark"] h5[style*="color: #1e293b"] {
    color: var(--text-primary) !important;
}
/* Print modal border-bottom */
[data-theme="dark"] div[style*="border-bottom: 1px solid"],
[data-theme="dark"] div[style*="border-top: 1px solid"] {
    border-color: var(--border-color) !important;
}
/* Loading overlay dark */
[data-theme="dark"] .loading-overlay {
    background: rgba(15, 23, 42, 0.7) !important;
}
[data-theme="dark"] .loading-spinner {
    color: var(--text-primary) !important;
}

/* ═══ Embedded .rz-* (MarketRealizedOrders) dark mode ═══ */
[data-theme="dark"] .rz-wrap {
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}
[data-theme="dark"] .rz-tbl thead th {
    background: var(--bg-table-header) !important;
    color: var(--text-primary) !important;
    border-bottom-color: #a8893a !important;
}
[data-theme="dark"] .rz-tbl tbody tr:nth-child(even) {
    background: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] .rz-tbl tbody tr:hover {
    background: linear-gradient(90deg, rgba(59,130,246,.08), rgba(124,58,237,.08)) !important;
}
[data-theme="dark"] .rz-tbl td {
    border-bottom-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .rz-loc { color: var(--text-secondary) !important; }
[data-theme="dark"] .rz-date { color: var(--text-muted) !important; }
[data-theme="dark"] .rz-ono { color: var(--text-secondary) !important; }
[data-theme="dark"] .rz-instr { color: var(--text-primary) !important; }
[data-theme="dark"] .rz-purity { color: var(--text-muted) !important; }
[data-theme="dark"] .rz-qty { color: var(--text-primary) !important; }
[data-theme="dark"] .rz-unit { color: var(--text-light) !important; }
[data-theme="dark"] .rz-curr { color: var(--text-muted) !important; }
[data-theme="dark"] .rz-maturity { color: var(--text-light) !important; }
[data-theme="dark"] .rz-empty-icon { color: var(--text-light) !important; }
[data-theme="dark"] .rz-empty-txt { color: var(--text-muted) !important; }
[data-theme="dark"] .rz-buy-dot {
    background: linear-gradient(135deg, #064e3b, #065f46) !important;
    color: #6ee7b7 !important;
    border-color: rgba(16,185,129,.3) !important;
}
[data-theme="dark"] .rz-sell-dot {
    background: linear-gradient(135deg, #1e3a5f, #1e40af) !important;
    color: #93c5fd !important;
    border-color: rgba(59,130,246,.3) !important;
}
[data-theme="dark"] .rz-type {
    background: #1e40af !important;
    color: #fff !important;
}
[data-theme="dark"] .rz-type.fixing {
    background: #a8893a !important;
    color: #fff !important;
}
[data-theme="dark"] .rz-price {
    color: #60a5fa !important;
}
[data-theme="dark"] .rz-loc-icon {
    color: #60a5fa !important;
}
[data-theme="dark"] .rz-mine {
    background: rgba(16,185,129,.08) !important;
}
[data-theme="dark"] .rz-mine:hover {
    background: rgba(16,185,129,.14) !important;
}
[data-theme="dark"] .rz-session {
    background: linear-gradient(135deg, #2d1a3a, #3b1a4a) !important;
    color: #d8b4fe !important;
    border-color: rgba(168,85,247,.2) !important;
}

/* ═══ Embedded .ast-* (MarketMyAsset) dark mode ═══ */
[data-theme="dark"] .ast-wrap {
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}
[data-theme="dark"] .ast-tbl thead th {
    background: var(--bg-table-header) !important;
    color: var(--text-primary) !important;
    border-bottom-color: #a8893a !important;
}
[data-theme="dark"] .ast-tbl tbody tr:nth-child(even) {
    background: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] .ast-tbl tbody tr:hover {
    background: var(--bg-table-hover) !important;
}
[data-theme="dark"] .ast-tbl td {
    border-bottom-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ast-branch { color: var(--text-primary) !important; }
[data-theme="dark"] .ast-case { color: var(--text-muted) !important; }
[data-theme="dark"] .ast-instr { color: var(--text-primary) !important; }
[data-theme="dark"] .ast-unit { color: var(--text-light) !important; }
[data-theme="dark"] .ast-curr { color: var(--text-muted) !important; }
[data-theme="dark"] .ast-loc { color: var(--text-secondary) !important; }
[data-theme="dark"] .ast-account { color: #22d3ee !important; }
[data-theme="dark"] .ast-account:hover { color: #67e8f9 !important; }
[data-theme="dark"] .ast-instrument { color: #60a5fa !important; }
[data-theme="dark"] .ast-instrument:hover { color: #93c5fd !important; }
[data-theme="dark"] .ast-bal-pos { color: #34d399 !important; }
[data-theme="dark"] .ast-bal-pos .ast-unit { color: #34d399 !important; }
[data-theme="dark"] .ast-bal-neg { color: #f87171 !important; }
[data-theme="dark"] .ast-bal-neg .ast-unit { color: #f87171 !important; }
[data-theme="dark"] .ast-bal-zero { color: var(--text-muted) !important; }
[data-theme="dark"] .ast-bal-zero .ast-unit { color: var(--text-muted) !important; }
[data-theme="dark"] .ast-loc i { color: #60a5fa !important; }
[data-theme="dark"] .ast-empty-icon { color: var(--text-light) !important; }
[data-theme="dark"] .ast-empty-txt { color: var(--text-muted) !important; }

/* ═══ Selected row highlight dark mode ═══ */
[data-theme="dark"] tr[style*="background-color: #fff3cd"],
[data-theme="dark"] tr[style*="background-color: rgb(255, 243, 205)"] {
    background-color: #78350f !important;
}

/* ═══ Additional inline color overrides ═══ */
/* #7b8794 gray text */
[data-theme="dark"] *[style*="color: #7b8794"],
[data-theme="dark"] *[style*="color: rgb(123, 135, 148)"] {
    color: var(--text-muted) !important;
}
/* #9ca8b7 gray text */
[data-theme="dark"] *[style*="color: #9ca8b7"],
[data-theme="dark"] *[style*="color: rgb(156, 168, 183)"] {
    color: var(--text-light) !important;
}
/* #5a6c7d gray text */
[data-theme="dark"] *[style*="color: #5a6c7d"],
[data-theme="dark"] *[style*="color: rgb(90, 108, 125)"] {
    color: var(--text-muted) !important;
}
/* #334155 text */
[data-theme="dark"] *[style*="color: #334155"],
[data-theme="dark"] *[style*="color: rgb(51, 65, 85)"] {
    color: var(--text-secondary) !important;
}
/* #1e293b text (already partially covered, ensuring catch-all) */
[data-theme="dark"] *[style*="color: #1e293b"],
[data-theme="dark"] *[style*="color: rgb(30, 41, 59)"] {
    color: var(--text-primary) !important;
}
/* #0f172a text */
[data-theme="dark"] *[style*="color: #0f172a"],
[data-theme="dark"] *[style*="color: rgb(15, 23, 42)"] {
    color: var(--text-primary) !important;
}

/* Account transactions info badges dark mode */
[data-theme="dark"] div[style*="background: #f0f7ff"],
[data-theme="dark"] span[style*="background: #f0f7ff"],
[data-theme="dark"] div[style*="background: rgb(240, 247, 255)"] {
    background: #1a3a5c !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] div[style*="background: #f0fdf4"],
[data-theme="dark"] span[style*="background: #f0fdf4"],
[data-theme="dark"] div[style*="background: rgb(240, 253, 244)"] {
    background: #064e3b !important;
    border-color: rgba(16,185,129,.3) !important;
}
[data-theme="dark"] div[style*="background: #fff7ed"],
[data-theme="dark"] span[style*="background: #fff7ed"],
[data-theme="dark"] div[style*="background: rgb(255, 247, 237)"] {
    background: #7c2d12 !important;
    border-color: rgba(234,88,12,.3) !important;
}

/* White inline backgrounds */
[data-theme="dark"] div[style*="background: #fff"],
[data-theme="dark"] div[style*="background: rgb(255, 255, 255)"],
[data-theme="dark"] div[style*="background-color: #fff"],
[data-theme="dark"] div[style*="background-color: rgb(255, 255, 255)"] {
    background: var(--bg-card) !important;
    background-color: var(--bg-card) !important;
}

/* Border #e2e8f0 */
[data-theme="dark"] *[style*="border: 1px solid #e2e8f0"],
[data-theme="dark"] *[style*="border: 1px solid rgb(226, 232, 240)"],
[data-theme="dark"] *[style*="border-top: 1px solid #e2e8f0"],
[data-theme="dark"] *[style*="border-bottom: 1px solid #e2e8f0"] {
    border-color: var(--border-color) !important;
}
/* Border #dfe3ea */
[data-theme="dark"] *[style*="border: 1px solid #dfe3ea"],
[data-theme="dark"] *[style*="border: 1px solid rgb(223, 227, 234)"] {
    border-color: var(--border-color) !important;
}
/* Border #e9ecef */
[data-theme="dark"] *[style*="border-bottom: 1px solid #e9ecef"],
[data-theme="dark"] *[style*="border: 1px solid #e9ecef"] {
    border-color: var(--border-color) !important;
}

/* ═══ Spot market active orders dark mode ═══ */

/* ── Action filter btn-group borders (global) ── */
[data-theme="dark"] .action-filter .btn-group {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .action-filter .btn-group .btn-group {
    border-left-color: var(--border-color) !important;
}
[data-theme="dark"] .action-filter .btn-group a.btn {
    border-left-color: var(--border-color) !important;
}
[data-theme="dark"] .action-filter a {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .action-filter a:hover {
    color: #60a5fa !important;
}
[data-theme="dark"] .action-filter .other-filter .dropdown-menu {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .action-filter .other-filter .dropdown-menu a.dropdown-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .action-filter .other-filter .dropdown-menu a.dropdown-item:hover {
    background: var(--dropdown-hover) !important;
    color: #60a5fa !important;
}

/* Filter bar (.module.market-action — NOT inside .market-tab) */
[data-theme="dark"] section .module.market-action {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
}
[data-theme="dark"] section .module.market-action .action-filter .btn-group > a.btn,
[data-theme="dark"] .action-filter .btn-group > a.btn {
    color: var(--text-secondary) !important;
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] section .module.market-action .action-filter .btn-group > a.btn.active,
[data-theme="dark"] section .module.market-action .action-filter .btn-group > a.btn:hover,
[data-theme="dark"] .action-filter .btn-group > a.btn.active,
[data-theme="dark"] .action-filter .btn-group > a.btn:hover {
    color: #fff !important;
    background: var(--btn-primary-bg) !important;
}
[data-theme="dark"] section .module.market-action .action-filter .name {
    color: var(--text-muted) !important;
}

/* Buy/Sell offers modules */
[data-theme="dark"] .market-buy-offers,
[data-theme="dark"] .market-sell-offers {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .market-buy-offers .module-title,
[data-theme="dark"] .market-sell-offers .module-title {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .market-buy-offers .module-title h2,
[data-theme="dark"] .market-sell-offers .module-title h2 {
    color: #fff !important;
}

/* Table rows - base */
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr td,
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr td {
    border-bottom-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}

/* Alternating rows */
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr:nth-child(odd) td {
    background-color: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr:nth-child(odd) td {
    background-color: var(--bg-table-row-alt) !important;
}

/* Hover */
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr:hover td {
    background-color: rgba(59,130,246,.1) !important;
}
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr:hover td {
    background-color: rgba(16,185,129,.1) !important;
}

/* Owner rows */
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr.owner-row-buy td,
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr.owner-row-buy:nth-child(odd) td,
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr.owner-row-buy:hover td {
    background-color: rgba(59,130,246,.15) !important;
}
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr.owner-row-sell td,
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr.owner-row-sell:nth-child(odd) td,
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr.owner-row-sell:hover td {
    background-color: rgba(16,185,129,.15) !important;
}

/* Selected row */
[data-theme="dark"] .market-buy-offers .module-table.market-table table tbody tr.selected-row td,
[data-theme="dark"] .market-sell-offers .module-table.market-table table tbody tr.selected-row td {
    background-color: #78350f !important;
}
[data-theme="dark"] tr[style*="background-color: rgb(255, 243, 205)"] td,
[data-theme="dark"] tr[style*="background-color: #fff3cd"] td {
    background-color: #78350f !important;
}

/* Table headers */
[data-theme="dark"] .market-buy-offers .module-table.market-table table thead th,
[data-theme="dark"] .market-sell-offers .module-table.market-table table thead th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}

/* Spot filter dropdown border separator */
[data-theme="dark"] div[style*="border-left: solid 1px #c0ccda"],
[data-theme="dark"] div[style*="border-left: solid 1px rgb(192, 204, 218)"] {
    border-left-color: var(--border-color) !important;
}

/* Dropdown toggle in spot/market */
[data-theme="dark"] .dropdown .btn.dropdown-toggle {
    color: var(--text-secondary) !important;
}

/* ═══ Free Market — filter & table dark mode ═══ */

/* Filter checklist dropdown */
[data-theme="dark"] .filter-checklist-dropdown {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 6px 24px rgba(0,0,0,.35) !important;
}
[data-theme="dark"] .filter-checklist-dropdown::-webkit-scrollbar-thumb {
    background: #4a5568 !important;
}
[data-theme="dark"] .filter-checklist-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .filter-checklist-item:hover {
    background: rgba(59,130,246,.1) !important;
}
[data-theme="dark"] .filter-checklist-divider {
    background: var(--border-color) !important;
}
[data-theme="dark"] .filter-checklist-label {
    color: var(--text-secondary) !important;
}

/* Toggle button group */
[data-theme="dark"] .toggle-btn-group {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .toggle-btn {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .toggle-btn:hover {
    background: var(--bg-table-hover) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .toggle-btn-active {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
}

/* Order type separator & badges */
[data-theme="dark"] .order-type-separator {
    background-color: var(--bg-card-alt) !important;
}
[data-theme="dark"] .order-type-separator-line {
    background-color: var(--border-color) !important;
}

/* Filter badges - per-type colors */
.badge.badge-filter { color: #fff !important; font-weight: 600; padding: 5px 10px; border-radius: 12px; }
.badge.badge-filter a, .badge.badge-filter a i { color: #fff !important; opacity: 0.85; }
.badge.badge-filter a:hover { opacity: 1; }
.badge.badge-filter-category { background: #01539c !important; }
.badge.badge-filter-category-2 { background: #d4a017 !important; color: #fff !important; } /* Altın - gold */
.badge.badge-filter-category-3 { background: #95a5a6 !important; color: #fff !important; } /* Gümüş - light gray */
.badge.badge-filter-category-4 { background: #5d6d7e !important; color: #fff !important; } /* Platin - dark gray */
.badge.badge-filter-category-5 { background: #34495e !important; color: #fff !important; } /* Paladyum - darker gray */
.badge.badge-filter-brand    { background: #8e44ad !important; }
.badge.badge-filter-case     { background: #16a085 !important; }
.badge.badge-filter-instrument { background: #e67e22 !important; }
.badge.badge-filter-currency { background: #c0392b !important; }

[data-theme="dark"] .badge-filter {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-color) !important;
}
[data-theme="dark"] .badge-filter a {
    color: var(--text-muted) !important;
}

/* Filter pipe separators */
[data-theme="dark"] .action-filter .btn-group > span {
    color: var(--text-muted) !important;
}

/* Mod filter pill in free market */
[data-theme="dark"] .mod-filter-pill {
    color: var(--text-secondary) !important;
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .mod-filter-pill:hover {
    color: #60a5fa !important;
    border-color: #60a5fa !important;
}

/* Module market-action bg (free market filter bar) */
[data-theme="dark"] .section-wrap > .module.market-action {
    background: var(--bg-module) !important;
    border-color: var(--module-border) !important;
}
[data-theme="dark"] .section-wrap > .module.market-action h2 {
    color: var(--text-primary) !important;
}

/* Action filter name label */
[data-theme="dark"] .action-filter .name {
    color: var(--text-muted) !important;
}

/* ═══ Confirmation mode — gradient cards dark mode ═══ */
/* Blue gradient card (sender / primary) */
[data-theme="dark"] div[style*="linear-gradient(135deg, #f0f7ff"] {
    background: linear-gradient(135deg, #1a2e4a 0%, #1e3a5c 100%) !important;
    border-color: var(--border-color) !important;
}
/* Green gradient card (receiver / positive) */
[data-theme="dark"] div[style*="linear-gradient(135deg, #f0fdf4"] {
    background: linear-gradient(135deg, #0a2e1f 0%, #064e3b 100%) !important;
    border-color: rgba(16,185,129,.3) !important;
}
/* Red gradient card (debit / negative) */
[data-theme="dark"] div[style*="linear-gradient(135deg, #fef2f2"] {
    background: linear-gradient(135deg, #3b1c1c 0%, #4a1c1c 100%) !important;
    border-color: rgba(220,38,38,.3) !important;
}

/* Value box background (#f8fafc) */
[data-theme="dark"] div[style*="background: #f8fafc"],
[data-theme="dark"] div[style*="background: rgb(248, 250, 252)"],
[data-theme="dark"] span[style*="background: #f8fafc"] {
    background: var(--bg-card-alt) !important;
}

/* Selected bank item (#e8f0fe) */
[data-theme="dark"] div[style*="background: #e8f0fe"],
[data-theme="dark"] div[style*="background: rgb(232, 240, 254)"] {
    background: #1a3a5c !important;
}

/* Border #d0e3f7 */
[data-theme="dark"] div[style*="1px solid #d0e3f7"],
[data-theme="dark"] div[style*="1px solid rgb(208, 227, 247)"] {
    border-color: var(--border-color) !important;
}
/* Border #bbf7d0 */
[data-theme="dark"] div[style*="1px solid #bbf7d0"],
[data-theme="dark"] div[style*="1px solid rgb(187, 247, 208)"] {
    border-color: rgba(16,185,129,.3) !important;
}
/* Border #fecaca — already have some, ensure broader match */
[data-theme="dark"] div[style*="1px solid #fecaca"],
[data-theme="dark"] div[style*="1px solid rgb(254, 202, 202)"] {
    border-color: rgba(220,38,38,.3) !important;
}
/* Border #f0abfc */
[data-theme="dark"] div[style*="1px solid #f0abfc"],
[data-theme="dark"] div[style*="1px solid rgb(240, 171, 252)"] {
    border-color: rgba(168,85,247,.3) !important;
}
/* Border #fed7aa */
[data-theme="dark"] div[style*="1px solid #fed7aa"],
[data-theme="dark"] div[style*="1px solid rgb(254, 215, 170)"] {
    border-color: rgba(234,88,12,.3) !important;
}

/* Hover state #f8fafc in bank items */
[data-theme="dark"] div[style*="background: #f8fafc"]:hover {
    background: var(--bg-table-hover) !important;
}

/* ═══ Sticky footer layout ═══ */
.app-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.app-layout > section {
    flex: 1;
}
.app-layout > footer {
    flex-shrink: 0;
}
[data-theme="dark"] .app-layout {
    background: var(--bg-footer) !important;
}

/* ═══ Profile modal comprehensive dark mode (print modals in Orders, RealizedOrders, etc.) ═══ */
[data-theme="dark"] .profile-modal-dialog .profile-modal-content,
[data-theme="dark"] .profile-modal-content {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-action,
[data-theme="dark"] .profile-modal-action {
    background: var(--bg-card-alt) !important;
    border-top: 1px solid var(--border-color) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-action .btn.blue-btn {
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: #fff !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-action .btn.dark-btn {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-action .btn.dark-btn:hover {
    background: var(--bg-table-hover) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-title .close a,
[data-theme="dark"] .profile-modal-title .close a {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-title .close a:hover,
[data-theme="dark"] .profile-modal-title .close a:hover {
    color: #f87171 !important;
}
[data-theme="dark"] .profile-modal-dialog .profile-modal-title h3 {
    color: #60a5fa !important;
}
/* iframe inside print modal */
[data-theme="dark"] .profile-modal-dialog .profile-modal-content iframe {
    background: var(--bg-card) !important;
}

/* ═══ Realized Orders (.ro-*) dark mode ═══ */
[data-theme="dark"] .ro-filter-pill {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .ro-filter-pill:hover {
    border-color: #60a5fa !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .ro-filter-pill.active {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
    border-color: var(--btn-primary-bg) !important;
}
[data-theme="dark"] .ro-filter-dropdown {
    background: var(--bg-dropdown) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.35) !important;
}
[data-theme="dark"] .ro-filter-dropdown-item {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ro-filter-dropdown-item:hover {
    background: var(--dropdown-hover) !important;
}
[data-theme="dark"] .ro-filter-dropdown-item.selected {
    background: #1a3a5c !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .ro-filter-sep {
    background: var(--border-color) !important;
}
[data-theme="dark"] .ro-more-btn {
    border-color: var(--border-color) !important;
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ro-more-btn:hover,
[data-theme="dark"] .ro-more-btn.active {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
    border-color: var(--btn-primary-bg) !important;
}
[data-theme="dark"] .ro-tbl thead th {
    background-color: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
}
[data-theme="dark"] .ro-tbl tbody tr {
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] .ro-tbl tbody tr:hover {
    background: rgba(96,165,250,.08) !important;
}
[data-theme="dark"] .ro-tbl td {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ro-print-btn {
    border-color: var(--border-color) !important;
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ro-print-btn:hover {
    background: var(--btn-primary-bg) !important;
    color: #fff !important;
    border-color: var(--btn-primary-bg) !important;
}
[data-theme="dark"] .ro-market-badge {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .ro-type-badge {
    background: var(--btn-primary-bg) !important;
}
[data-theme="dark"] .ro-type-badge.fixing {
    background: #a3841a !important;
    color: #fff !important;
}
[data-theme="dark"] .ro-session {
    background: linear-gradient(135deg, #2e1065, #4c1d95) !important;
    color: #c084fc !important;
    border-color: rgba(168,85,247,.25) !important;
}
[data-theme="dark"] .ro-buy-badge {
    background: #064e3b !important;
    color: #34d399 !important;
}
[data-theme="dark"] .ro-sell-badge {
    background: #4c1d1d !important;
    color: #f87171 !important;
}
[data-theme="dark"] .ro-instr {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ro-purity {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .ro-qty {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ro-unit {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .ro-price {
    color: #60a5fa !important;
}
[data-theme="dark"] .ro-curr {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .ro-date {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ro-order-no {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .ro-empty-icon {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .ro-empty-txt {
    color: var(--text-secondary) !important;
}

/* ═══ Transfer Page - Modern ═══ */
.tf-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #01539c 0%, #0b7dda 100%);
    border-radius: 12px;
    padding: 20px 28px;
    margin-bottom: 16px;
    box-shadow: 0 4px 20px rgba(1,83,156,0.2);
}
.tf-page-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.tf-page-icon {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}
.tf-page-icon i {
    font-size: 20px;
    color: #fff;
}
.tf-page-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}
.tf-page-subtitle {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    margin-top: 2px;
}
.tf-module {
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.tf-module .module-form {
    padding: 24px !important;
}
.tf-preview-body {
    padding: 20px 24px !important;
}
[data-theme="dark"] .tf-page-header {
    background: linear-gradient(135deg, #0c2d4a 0%, #0f3d6b 100%);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
@media (max-width: 576px) {
    .tf-page-header {
        padding: 16px 18px;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .tf-page-icon { width: 38px; height: 38px; border-radius: 10px; }
    .tf-page-icon i { font-size: 16px; }
    .tf-page-title { font-size: 17px; }
    .tf-module .module-form { padding: 16px !important; }
}

/* Transfer modern form */
.tf-form-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(1, 83, 156, 0.10);
    padding: 28px;
    border: 1px solid rgba(1, 83, 156, 0.15);
    border-top: 4px solid #01539c;
    background-image: linear-gradient(180deg, rgba(1, 83, 156, 0.04) 0%, rgba(255,255,255,0) 120px);
}
.tf-form-fields {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.tf-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.tf-field-label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}
.tf-field-label i {
    font-size: 14px;
    color: #01539c;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}
.tf-input {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 14px;
    color: #1e293b;
    background: #f8fafc;
    transition: all 0.2s;
    outline: none;
}
.tf-input:focus {
    border-color: #01539c;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(1,83,156,0.1);
}
.tf-input::placeholder {
    color: #94a3b8;
}
.tf-input-error {
    border-color: #ef4444 !important;
}
.tf-input-error:focus {
    box-shadow: 0 0 0 3px rgba(239,68,68,0.1);
}
.tf-field-error {
    font-size: 12px;
    color: #ef4444;
    font-weight: 500;
}
.tf-field-hint {
    font-size: 12px;
    color: #64748b;
}
.tf-field-hint-warn {
    color: #d97706;
    background: #fffbeb;
    border: 1px solid #fef3c7;
    border-radius: 6px;
    padding: 6px 10px;
    font-weight: 500;
}
.tf-field-hint-warn i {
    margin-right: 4px;
    font-size: 11px;
}
.tf-amount-row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.tf-input-amount {
    flex: 1;
    font-weight: 700;
    font-size: 16px;
    font-variant-numeric: tabular-nums;
}
.tf-unit-badge {
    padding: 10px 16px;
    background: #f1f5f9;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #01539c;
    white-space: nowrap;
    min-width: 60px;
    text-align: center;
}
.tf-account-option-selected {
    display: flex;
    align-items: center;
    gap: 8px;
}
.tf-account-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tf-account-name {
    font-weight: 600;
    font-size: 13px;
    color: #1e293b;
}
.tf-account-detail {
    font-size: 11px;
    color: #64748b;
}
.tf-account-balance {
    font-weight: 700;
    font-size: 13px;
    color: #01539c;
    margin-left: auto;
    white-space: nowrap;
}
.tf-form-actions {
    display: flex;
    gap: 10px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}
.tf-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.tf-btn-primary {
    background: linear-gradient(135deg, #01539c 0%, #0b7dda 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(1,83,156,0.3);
}
.tf-btn-primary:hover {
    box-shadow: 0 4px 14px rgba(1,83,156,0.4);
    transform: translateY(-1px);
}
.tf-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
.tf-btn-secondary {
    background: #f1f5f9;
    color: #475569;
}
.tf-btn-secondary:hover {
    background: #e2e8f0;
}
.tf-btn-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(16,185,129,0.3);
}
.tf-btn-success:hover {
    box-shadow: 0 4px 14px rgba(16,185,129,0.4);
    transform: translateY(-1px);
}
.tf-btn-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
    color: #fff;
    box-shadow: 0 2px 8px rgba(234,88,12,0.3);
}
.tf-btn-warning:hover {
    box-shadow: 0 4px 14px rgba(234,88,12,0.4);
    transform: translateY(-1px);
}

/* Transfer form dark mode */
[data-theme="dark"] .tf-form-card {
    background: var(--bg-card);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
[data-theme="dark"] .tf-field-label { color: var(--text-secondary); }
[data-theme="dark"] .tf-field-label i { color: #60a5fa; }
[data-theme="dark"] .tf-input {
    background: var(--bg-card-alt);
    border-color: var(--border-color);
    color: var(--text-primary);
}
[data-theme="dark"] .tf-input:focus {
    border-color: #60a5fa;
    background: var(--bg-card);
    box-shadow: 0 0 0 3px rgba(96,165,250,0.15);
}
[data-theme="dark"] .tf-input::placeholder { color: var(--text-muted); }
[data-theme="dark"] .tf-unit-badge {
    background: var(--bg-card-alt);
    border-color: var(--border-color);
    color: #60a5fa;
}
[data-theme="dark"] .tf-account-name { color: var(--text-primary); }
[data-theme="dark"] .tf-account-detail { color: var(--text-muted); }
[data-theme="dark"] .tf-account-balance { color: #60a5fa; }
[data-theme="dark"] .tf-form-actions { border-top-color: var(--border-color); }
[data-theme="dark"] .tf-btn-secondary {
    background: var(--bg-card-alt);
    color: var(--text-secondary);
}
[data-theme="dark"] .tf-btn-secondary:hover { background: var(--bg-table-hover); }
[data-theme="dark"] .tf-field-hint-warn {
    background: rgba(217,119,6,0.1);
    border-color: rgba(217,119,6,0.2);
    color: #fbbf24;
}

/* Transfer form mobile */
@media (max-width: 576px) {
    .tf-form-card { padding: 18px; border-radius: 8px; }
    .tf-form-fields { gap: 16px; }
    .tf-input { padding: 9px 12px; font-size: 13px; }
    .tf-input-amount { font-size: 15px; }
    .tf-unit-badge { padding: 9px 12px; font-size: 12px; min-width: 50px; }
    .tf-form-actions { flex-direction: column; }
    .tf-btn { justify-content: center; padding: 10px 20px; }
}

/* Transfer card base */
.tf-card {
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 16px;
}
.tf-card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}
.tf-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    color: #fff;
    font-size: 12px;
}
.tf-card-title {
    font-weight: 700;
    font-size: 14px;
}
/* Sender card */
.tf-card-sender {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f4fd 100%);
    border: 1px solid #d0e3f7;
}
.tf-card-icon-sender { background: #dc2626; }
.tf-card-title-sender { color: #01539c; }
/* Receiver card */
.tf-card-receiver {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #bbf7d0;
}
.tf-card-icon-receiver { background: #059669; }
.tf-card-title-receiver { color: #059669; }
/* Details card */
.tf-card-details {
    background: #fff;
    border: 1px solid #e2e8f0;
}
.tf-card-icon-details { background: #01539c; }
.tf-card-title-details { color: #1e293b; }
/* InfoRow */
.tf-info-label {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}
.tf-info-icon {
    margin-right: 6px;
    color: #01539c;
}
.tf-info-value {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 13px;
    color: #1e293b;
    font-weight: 500;
    min-height: 34px;
    display: flex;
    align-items: center;
}
/* Source card (red - cash conversion) */
.tf-card-source {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border: 1px solid #fecaca;
}
.tf-card-icon-source { background: #dc2626; }
.tf-card-title-source { color: #dc2626; }
/* Dark mode */
[data-theme="dark"] .tf-card-source {
    background: linear-gradient(135deg, #4c1d1d 0%, #7f1d1d 100%) !important;
    border-color: #991b1b !important;
}
[data-theme="dark"] .tf-card-title-source { color: #f87171 !important; }
[data-theme="dark"] .tf-card-sender {
    background: linear-gradient(135deg, #0c2a4a 0%, #0d3d6e 100%) !important;
    border-color: #1a4f7a !important;
}
[data-theme="dark"] .tf-card-receiver {
    background: linear-gradient(135deg, #064e3b 0%, #065f46 100%) !important;
    border-color: #047857 !important;
}
[data-theme="dark"] .tf-card-details {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .tf-card-title-sender { color: #60a5fa !important; }
[data-theme="dark"] .tf-card-title-receiver { color: #34d399 !important; }
[data-theme="dark"] .tf-card-title-details { color: var(--text-primary) !important; }
[data-theme="dark"] .tf-info-label { color: var(--text-secondary) !important; }
[data-theme="dark"] .tf-info-icon { color: #60a5fa !important; }
[data-theme="dark"] .tf-info-value {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* ═══ Account Transactions info cards ═══ */
.at-info-bar {
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
}
.at-info-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.at-info-card {
    flex: 1 1 160px;
    border-radius: 8px;
    padding: 10px 14px;
    border: 1px solid;
}
.at-info-card-label {
    font-size: 11px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
}
.at-info-card-label i { font-size: 10px; }
.at-info-card-value {
    font-weight: 700;
    font-size: 13px;
    color: #1e293b;
}
.at-info-blue { background: #f0f7ff; border-color: #d0e3f7; }
.at-info-blue .at-info-card-label { color: #01539c; }
.at-info-green { background: #f0fdf4; border-color: #bbf7d0; }
.at-info-green .at-info-card-label { color: #059669; }
.at-info-purple { background: #fdf4ff; border-color: #f0abfc; }
.at-info-purple .at-info-card-label { color: #a21caf; }
.at-info-orange { background: #fff7ed; border-color: #fed7aa; }
.at-info-orange .at-info-card-label { color: #ea580c; }
/* Dark mode */
[data-theme="dark"] .at-info-bar { border-top-color: var(--border-color) !important; }
[data-theme="dark"] .at-info-card.at-info-blue { background: rgba(96,165,250,0.1) !important; border-color: rgba(96,165,250,0.25) !important; box-shadow: none !important; }
[data-theme="dark"] .at-info-card.at-info-blue .at-info-card-label { color: #60a5fa !important; }
[data-theme="dark"] .at-info-card.at-info-green { background: rgba(52,211,153,0.1) !important; border-color: rgba(52,211,153,0.25) !important; box-shadow: none !important; }
[data-theme="dark"] .at-info-card.at-info-green .at-info-card-label { color: #34d399 !important; }
[data-theme="dark"] .at-info-card.at-info-purple { background: rgba(192,132,252,0.1) !important; border-color: rgba(192,132,252,0.25) !important; box-shadow: none !important; }
[data-theme="dark"] .at-info-card.at-info-purple .at-info-card-label { color: #c084fc !important; }
[data-theme="dark"] .at-info-card.at-info-orange { background: rgba(251,146,60,0.1) !important; border-color: rgba(251,146,60,0.25) !important; box-shadow: none !important; }
[data-theme="dark"] .at-info-card.at-info-orange .at-info-card-label { color: #fb923c !important; }
[data-theme="dark"] .at-info-card-value { color: var(--text-primary) !important; }

/* ═══ Scrollbar dark mode ═══ */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-card-alt);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #4a5568;
    border-radius: 4px;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #718096;
}
[data-theme="dark"] ::-webkit-scrollbar-corner {
    background: var(--bg-card-alt);
}

/* ═══ Inline color overrides for realized orders ═══ */
[data-theme="dark"] *[style*="color: rgb(51, 65, 85)"],
[data-theme="dark"] span[style*="color: rgb(51, 65, 85)"] {
    color: var(--text-primary) !important;
}
[data-theme="dark"] *[style*="color: rgb(161, 28, 175)"],
[data-theme="dark"] div[style*="color: rgb(161, 28, 175)"] {
    color: #c084fc !important;
}

/* Theme toggle button */
header .top .action .item.theme-toggle {
    display: flex;
    align-items: center;
}
header .top .action .item.theme-toggle a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    color: rgba(255,255,255,0.8);
    font-size: 16px;
}
header .top .action .item.theme-toggle a:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

/* ═══ Print modal body stays WHITE in dark mode ═══ */
[data-theme="dark"] .print-modal-dialog .modal-content {
    background: #fff !important;
    color: #1e293b !important;
}
[data-theme="dark"] .print-modal-dialog .modal-content iframe {
    background: #fff !important;
}
/* Print modal header/footer keep dark style but lighter */
[data-theme="dark"] .print-modal-dialog .modal-content > div:first-child {
    background: #f8f9fb !important;
    border-bottom-color: #e2e8f0 !important;
}
[data-theme="dark"] .print-modal-dialog .modal-content > div:first-child h5 {
    color: #1e293b !important;
}
[data-theme="dark"] .print-modal-dialog .modal-content > div:last-child {
    background: #f8f9fb !important;
    border-top-color: #e2e8f0 !important;
}

/* ═══ KYC page comprehensive dark mode ═══ */
[data-theme="dark"] .kyc-page-header {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-page-subtitle {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .kyc-group {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-group-header {
    background: linear-gradient(135deg, var(--bg-card-alt) 0%, var(--bg-module) 100%) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-group-body {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .kyc-field-label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .kyc-field .form-control {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .kyc-field .form-control:disabled {
    background: var(--bg-module) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .kyc-field .form-control:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.15) !important;
}
[data-theme="dark"] .kyc-checkbox .form-check-input {
    border-color: var(--border-color) !important;
    background-color: var(--bg-card-alt) !important;
}
[data-theme="dark"] .kyc-checkbox .form-check-input:checked {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
}
[data-theme="dark"] .kyc-checkbox .form-check-label {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .kyc-info-item {
    background: var(--bg-card-alt) !important;
    border-left-color: #60a5fa !important;
}
[data-theme="dark"] .kyc-info-label {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .kyc-actions {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-loading p {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .kyc-loading-spinner {
    border-color: var(--border-color) !important;
    border-top-color: #60a5fa !important;
}
[data-theme="dark"] .kyc-empty {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .kyc-signature-section {
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-richtext {
    background: var(--bg-card-alt) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .kyc-status-draft {
    background: #431407 !important;
    color: #fb923c !important;
}
[data-theme="dark"] .kyc-status-revision {
    background: #4c1d1d !important;
    color: #f87171 !important;
}
[data-theme="dark"] .kyc-status-approved {
    background: #064e3b !important;
    color: #34d399 !important;
}
/* KYC file upload modal */
[data-theme="dark"] .kyc-group .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-group .modal-header {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .kyc-group .modal-header .modal-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .kyc-group .modal-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .kyc-group .modal-footer {
    background: var(--bg-card-alt) !important;
    border-top-color: var(--border-color) !important;
}

/* ═══ Profile documents tab & bg-white override ═══ */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .tab-content.bg-white {
    background: var(--bg-card) !important;
}

/* ═══ Placeholder/skeleton loading dark mode ═══ */
[data-theme="dark"] .placeholder td div,
[data-theme="dark"] tbody.placeholder td div {
    background: var(--bg-card-alt) !important;
}
[data-theme="dark"] .placeholder tr,
[data-theme="dark"] tbody.placeholder tr {
    border-color: var(--border-light) !important;
}

/* ═══ Generic modal dark mode (covers all Bootstrap modals) ═══ */
[data-theme="dark"] .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .modal-header {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .modal-header .modal-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .modal-header .close {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .modal-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .modal-footer {
    background: var(--bg-card-alt) !important;
    border-top-color: var(--border-color) !important;
}
/* Override: print-modal-dialog body stays white */
[data-theme="dark"] .print-modal-dialog .modal-content,
[data-theme="dark"] .print-modal-dialog .modal-content .modal-body {
    background: #fff !important;
    color: #1e293b !important;
}

/* ═══ Generic form controls dark mode ═══ */
[data-theme="dark"] .form-control {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .form-control:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.15) !important;
}
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background: var(--bg-module) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .col-form-label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .custom-select {
    background-color: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
/* Generic table text dark mode */
[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

/* ═══ Bootstrap utility dark overrides ═══ */
[data-theme="dark"] .btn-light {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .btn-light:hover {
    background: var(--bg-table-hover) !important;
    border-color: #60a5fa !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .table {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-table-row-alt) !important;
}
[data-theme="dark"] .table-bordered {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .table thead th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .table tbody td {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(96,165,250,.06) !important;
}
[data-theme="dark"] .card {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .card-header {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .card-body {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .card-footer {
    background: var(--bg-card-alt) !important;
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] .list-group-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .alert {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .alert-info {
    background: #0c2a4a !important;
    color: #60a5fa !important;
    border-color: #1a4f7a !important;
}
[data-theme="dark"] .alert-warning {
    background: #431407 !important;
    color: #fb923c !important;
    border-color: #9a3412 !important;
}
[data-theme="dark"] .alert-danger {
    background: #4c1d1d !important;
    color: #f87171 !important;
    border-color: #7f1d1d !important;
}
[data-theme="dark"] .alert-success {
    background: #064e3b !important;
    color: #34d399 !important;
    border-color: #047857 !important;
}
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .border {
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .border-bottom {
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .border-top {
    border-top-color: var(--border-color) !important;
}
/* Pagination */
[data-theme="dark"] .page-item .page-link {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .page-item.active .page-link {
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: #fff !important;
}
[data-theme="dark"] .page-item .page-link:hover {
    background: var(--bg-table-hover) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .page-item.disabled .page-link {
    background: var(--bg-module) !important;
    color: var(--text-muted) !important;
}

/* ═══ Module form & textbox dark mode ═══ */
[data-theme="dark"] .module-form {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .module-form label,
[data-theme="dark"] .module-form .col-form-label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .textbox {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .textbox:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96,165,250,.15) !important;
}
[data-theme="dark"] .textbox:disabled {
    background: var(--bg-module) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .module-form-action {
    background: var(--bg-card-alt) !important;
    border-top-color: var(--border-color) !important;
}



/* ── Global button dark overrides ── */
[data-theme="dark"] .btn.blue-btn {
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
    color: #fff !important;
}
[data-theme="dark"] .btn.blue-btn:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
}
[data-theme="dark"] .btn.dark-btn {
    background: var(--bg-card-alt) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .btn.dark-btn:hover {
    background: var(--bg-table-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .btn.green-btn {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #fff !important;
}
[data-theme="dark"] .btn.green-btn:hover {
    background: #047857 !important;
}
[data-theme="dark"] .btn.warn-btn {
    background: #d97706 !important;
    border-color: #d97706 !important;
    color: #fff !important;
}
[data-theme="dark"] .btn.warn-btn:hover {
    background: #b45309 !important;
}
[data-theme="dark"] .btn.btn-secondary {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .btn.btn-secondary:hover {
    background: var(--bg-table-hover) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .btn.btn-success {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #fff !important;
}
[data-theme="dark"] .btn.btn-success:hover {
    background: #047857 !important;
    border-color: #047857 !important;
}

/* ═══ Bank selection modal dark mode ═══ */
[data-theme="dark"] .bank-selection-modal .modal-content > div:first-child {
    background: var(--bg-card-alt) !important;
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:first-child h5 {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:first-child span[style*="background"] {
    background: #1a3a5c !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) > div[style*="border"] {
    background: var(--bg-card-alt) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) > div[style*="border"]:hover {
    background: var(--bg-table-hover) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) span[style*="font-weight: 700"],
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) span[style*="fontWeight"] {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) div[style*="color: rgb(100, 116, 139)"],
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) div[style*="color: #64748b"] {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) span[style*="background: rgb(241, 245, 249)"],
[data-theme="dark"] .bank-selection-modal .modal-content > div:nth-child(2) span[style*="#f1f5f9"] {
    background: var(--bg-card-alt) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .bank-selection-modal .modal-content > div:last-child {
    background: var(--bg-card-alt) !important;
    border-top-color: var(--border-color) !important;
}

/* ═══ Profile documents tab table & placeholder ═══ */
[data-theme="dark"] .profile-form table {
    background: var(--bg-card) !important;
}
[data-theme="dark"] .profile-form table thead th {
    background: var(--bg-table-header) !important;
    color: var(--table-header-text) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .profile-form table tbody td {
    color: var(--text-primary) !important;
    border-color: var(--border-light) !important;
}
[data-theme="dark"] .profile-form table tbody tr:hover td {
    background: rgba(96,165,250,.06) !important;
}
/* Placeholder skeleton in tables */
[data-theme="dark"] table .placeholder td div,
[data-theme="dark"] .table .placeholder td div,
[data-theme="dark"] .module-table .placeholder td div {
    background: linear-gradient(90deg, var(--bg-card-alt) 25%, #374151 50%, var(--bg-card-alt) 75%) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.5s infinite !important;
}
@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* ── Documents tab (profile tab 8) ── */
.doc-skeleton {
    height: 52px;
    background: #f4f6f8;
    border-radius: 8px;
    margin-bottom: 6px;
    margin-left: 12px;
    margin-right: 12px;
    background-size: 200% 100%;
}
.doc-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-bottom: 1px solid #f0f2f5;
    transition: background .15s;
}
.doc-item:hover {
    background: #f8f9fb;
}
.doc-name {
    font-weight: 600;
    font-size: 13px;
    color: #1a2332;
    line-height: 1.4;
}
.doc-info-icon {
    cursor: pointer;
    margin-left: 5px;
    color: #b0b7c3;
}
.doc-reject-info {
    font-size: 11px;
    color: #dc3545;
    margin-top: 2px;
}
.doc-date {
    font-size: 11px;
    color: #8e99a4;
    margin-top: 2px;
}
.doc-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    font-size: 10px;
    padding: 3px 10px;
    border-radius: 20px;
    font-weight: 600;
    white-space: nowrap;
}
.doc-status-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
}
.doc-status-reject { background: #fef2f2; color: #b91c1c; border: 1px solid rgba(185,28,28,0.12); }
.doc-status-draft { background: #fffbeb; color: #b45309; border: 1px solid rgba(180,83,9,0.12); }
.doc-status-empty { background: #f8fafc; color: #64748b; border: 1px solid rgba(100,116,139,0.1); }
.doc-status-approved { background: #ecfdf5; color: #047857; border: 1px solid rgba(4,120,87,0.12); }
.doc-print-btn {
    border-radius: 6px;
    font-size: 11px;
    padding: 4px 10px;
    color: #92400e;
    border-color: #e5e0d5;
}

/* Documents dark mode */
[data-theme="dark"] .doc-skeleton {
    background: linear-gradient(90deg, var(--bg-card-alt) 25%, #374151 50%, var(--bg-card-alt) 75%) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.5s infinite !important;
}
[data-theme="dark"] .doc-item {
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .doc-item:hover {
    background: rgba(96,165,250,.08) !important;
}
[data-theme="dark"] .doc-name {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .doc-info-icon {
    color: #6b7280 !important;
}
[data-theme="dark"] .doc-reject-info {
    color: #f87171 !important;
}
[data-theme="dark"] .doc-date {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .doc-status-reject { background: #4c1d1d !important; color: #f87171 !important; border-color: rgba(248,113,113,0.2) !important; }
[data-theme="dark"] .doc-status-draft { background: #451a03 !important; color: #fbbf24 !important; border-color: rgba(251,191,36,0.2) !important; }
[data-theme="dark"] .doc-status-empty { background: var(--bg-card-alt) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; }
[data-theme="dark"] .doc-status-approved { background: #064e3b !important; color: #34d399 !important; border-color: rgba(52,211,153,0.2) !important; }
[data-theme="dark"] .doc-print-btn {
    color: #fbbf24 !important;
    border-color: #4a3f2e !important;
    background: transparent !important;
}
[data-theme="dark"] .doc-print-btn:hover {
    background: rgba(251,191,36,0.1) !important;
}

/* ── MarketMyRealizedOrders status badges ── */
.mro-status-complete { background: #28a745 !important; color: #fff !important; }
.mro-status-forward { background: #ffc107 !important; color: #1a2332 !important; }
.mro-status-info { background: #17a2b8 !important; color: #fff !important; }
.mro-status-default { background: #6c757d !important; color: #fff !important; }
[data-theme="dark"] .mro-status-complete { background: #065f46 !important; color: #34d399 !important; }
[data-theme="dark"] .mro-status-forward { background: #78350f !important; color: #fbbf24 !important; }
[data-theme="dark"] .mro-status-info { background: #164e63 !important; color: #22d3ee !important; }
[data-theme="dark"] .mro-status-default { background: #374151 !important; color: #9ca3af !important; }

/* Documents print modal - A4 size */
.doc-print-modal {
    max-width: 210mm;
    width: 210mm;
}

/* ── Contract print modal (policy-documents, account-documents) ── */
.contract-print-header {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}
.contract-print-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f0f7ff;
    color: #01539c;
    font-size: 16px;
}
.contract-print-title {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
    color: #1e293b;
}
.contract-print-close {
    cursor: pointer;
    color: #94a3b8;
    font-size: 20px;
    line-height: 1;
}
.contract-print-body {
    flex: 1;
    overflow: hidden;
    padding: 0;
    background: #fff;
}
.contract-print-footer {
    padding: 12px 20px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

/* Contract print modal dark mode */
[data-theme="dark"] .contract-print-modal .modal-content {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .contract-print-header {
    border-bottom-color: var(--border-color) !important;
}
[data-theme="dark"] .contract-print-icon {
    background: rgba(96,165,250,0.15) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .contract-print-title {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .contract-print-close {
    color: #6b7280 !important;
}
[data-theme="dark"] .contract-print-close:hover {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .contract-print-body {
    background: #fff !important;
}
[data-theme="dark"] .contract-print-footer {
    border-top-color: var(--border-color) !important;
}

/* ═══════════════════════════════════════════
   ASSETS PAGE
   ═══════════════════════════════════════════ */
.asset-net-card {
    background: linear-gradient(135deg, #f0f7ff 0%, #e0eeff 100%);
    border-radius: 10px; padding: 16px 24px; margin-bottom: 16px;
    border: 1px solid #d0e3f7; display: flex; justify-content: space-between; align-items: center;
}
.asset-net-label { font-size: 12px; color: #64748b; margin-bottom: 4px; font-weight: 500; }
.asset-net-value { font-size: 24px; font-weight: 800; color: #01539c; }
.asset-guarantee-badge {
    background: #e0f2fe; color: #0369a1; font-weight: 700;
    padding: 6px 14px; border-radius: 20px; font-size: 13px;
}
.asset-link { color: #01539c; font-weight: 600; text-decoration: none; cursor: pointer; }
.asset-link:hover { text-decoration: underline; }
.asset-valuation { color: #01539c; font-weight: 600; }
.doc-empty-state { text-align: center; padding: 48px 24px; color: #94a3b8; }
.doc-empty-icon { font-size: 48px; margin-bottom: 12px; display: block; color: #cbd5e1; }
.doc-empty-text { font-size: 16px; font-weight: 600; color: #64748b; margin-bottom: 4px; }
.doc-empty-sub { font-size: 13px; color: #94a3b8; }

[data-theme="dark"] .asset-net-card {
    background: linear-gradient(135deg, #0c2a4a 0%, #1a365d 100%) !important;
    border-color: #1e4976 !important;
}
[data-theme="dark"] .asset-net-label { color: #94a3b8 !important; }
[data-theme="dark"] .asset-net-value { color: #60a5fa !important; }
[data-theme="dark"] .asset-guarantee-badge { background: #164e63 !important; color: #22d3ee !important; }
[data-theme="dark"] .asset-link { color: #60a5fa !important; }
[data-theme="dark"] .asset-valuation { color: #60a5fa !important; }
[data-theme="dark"] .doc-empty-state { color: var(--text-muted) !important; }
[data-theme="dark"] .doc-empty-icon { color: var(--text-muted) !important; }
[data-theme="dark"] .doc-empty-text { color: var(--text-secondary) !important; }
[data-theme="dark"] .doc-empty-sub { color: var(--text-muted) !important; }

/* ═══════════════════════════════════════════
   CONTACT PAGE
   ═══════════════════════════════════════════ */
.contact-resp-wrap { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.contact-resp-card {
    flex: 1 1 280px; background: #fff; border-radius: 10px; border: 1px solid #e2e8f0;
    padding: 20px; transition: all .2s;
}
.contact-resp-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.contact-resp-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: 10px; background: #f0f7ff; color: #01539c; font-size: 16px;
}
.contact-resp-label { font-size: 11px; color: #94a3b8; font-weight: 600; }
.contact-resp-name { font-size: 15px; font-weight: 700; color: #1e293b; }
.contact-resp-links { display: flex; flex-direction: column; gap: 8px; }
.contact-resp-link {
    display: flex; align-items: center; gap: 8px; font-size: 13px; color: #475569; text-decoration: none;
    padding: 6px 10px; border-radius: 6px; background: #f8fafc; transition: background .15s;
}
.contact-resp-link:hover { background: #f0f4f8; text-decoration: none; color: #475569; }
.contact-resp-link-icon-mail { color: #01539c; font-size: 12px; width: 16px; }
.contact-resp-link-icon-phone { color: #059669; font-size: 12px; width: 16px; }
.contact-info-banner {
    background: #f0f7ff; border-radius: 10px; padding: 14px 20px; margin-bottom: 24px;
    display: flex; align-items: center; gap: 10px; border: 1px solid #d0e3f7;
}
.contact-info-banner-icon { color: #01539c; font-size: 14px; }
.contact-info-banner-text { font-size: 13px; color: #1e40af; }

[data-theme="dark"] .contact-resp-card {
    background: var(--bg-card) !important; border-color: var(--border-color) !important;
}
[data-theme="dark"] .contact-resp-icon { background: rgba(96,165,250,0.15) !important; color: #60a5fa !important; }
[data-theme="dark"] .contact-resp-label { color: var(--text-muted) !important; }
[data-theme="dark"] .contact-resp-name { color: var(--text-primary) !important; }
[data-theme="dark"] .contact-resp-link {
    color: var(--text-secondary) !important; background: var(--bg-card-alt) !important;
}
[data-theme="dark"] .contact-resp-link:hover { background: var(--bg-table-hover) !important; }
[data-theme="dark"] .contact-resp-link-icon-mail { color: #60a5fa !important; }
[data-theme="dark"] .contact-resp-link-icon-phone { color: #34d399 !important; }
[data-theme="dark"] .contact-info-banner {
    background: rgba(96,165,250,0.08) !important; border-color: rgba(96,165,250,0.2) !important;
}
[data-theme="dark"] .contact-info-banner-icon { color: #60a5fa !important; }
[data-theme="dark"] .contact-info-banner-text { color: #93c5fd !important; }

/* ═══════════════════════════════════════════
   HELP / FAQ PAGE
   ═══════════════════════════════════════════ */
[data-theme="dark"] .help-hero {
    background: linear-gradient(135deg, #0f2a4a 0%, #0a1e36 100%) !important;
}
[data-theme="dark"] .help-search-wrap input {
    background: var(--bg-card) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}
[data-theme="dark"] .help-search-wrap input:focus {
    box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 3px rgba(96,165,250,0.3) !important;
}
[data-theme="dark"] .help-search-wrap .search-icon { color: var(--text-muted) !important; }
[data-theme="dark"] .help-search-wrap .search-btn {
    background: #2563eb !important;
}
[data-theme="dark"] .help-search-wrap .search-btn:hover { background: #1d4ed8 !important; }
[data-theme="dark"] .faq-item {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}
[data-theme="dark"] .faq-item:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 4px 12px rgba(96,165,250,0.1) !important;
}
[data-theme="dark"] .faq-item.open {
    border-color: #60a5fa !important;
    box-shadow: 0 4px 16px rgba(96,165,250,0.15) !important;
}
[data-theme="dark"] .faq-question .q-icon {
    background: rgba(96,165,250,0.15) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .faq-item.open .faq-question .q-icon {
    background: #2563eb !important;
    color: #fff !important;
}
[data-theme="dark"] .faq-question .q-text { color: var(--text-primary) !important; }
[data-theme="dark"] .faq-question .q-arrow { color: var(--text-muted) !important; }
[data-theme="dark"] .faq-item.open .faq-question .q-arrow { color: #60a5fa !important; }
[data-theme="dark"] .faq-answer-inner {
    color: var(--text-secondary) !important;
    border-top-color: var(--border-color) !important;
}
[data-theme="dark"] .faq-answer-inner a { color: #60a5fa !important; }
[data-theme="dark"] .faq-empty { color: var(--text-muted) !important; }
[data-theme="dark"] .faq-empty i { color: var(--text-muted) !important; }
[data-theme="dark"] .faq-skeleton {
    background: var(--bg-card-alt) !important;
}

/* ═══════════════════════════════════════════
   MY AUTHORIZATIONS PAGE
   ═══════════════════════════════════════════ */
.auth-title-icon { margin-right: 8px; color: #01539c; }
.auth-cash-icon { margin-right: 8px; color: #059669; }
.auth-metal-icon { margin-right: 8px; color: #64748b; }
.auth-skeleton { height: 72px; background: #f1f5f9; border-radius: 10px; margin-bottom: 8px; }
.auth-card {
    border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 18px; margin-bottom: 8px;
    background: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px;
}
.auth-card-warn {
    border-color: #fecaca !important; background: #fef2f2 !important;
}
.auth-card-left { display: flex; align-items: center; gap: 12px; flex: 1 1 200px; }
.auth-card-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: 10px; font-size: 14px;
}
.auth-card-icon-cash { background: #6ee7b7; color: #fff; }
.auth-card-icon-metal { background: #64748b; color: #fff; }
.auth-card-instrument { font-weight: 600; font-size: 14px; color: #01539c; }
.auth-card-instrument-cash { color: #01539c; }
.auth-card-instrument-metal { color: #01539c; }
.auth-card-sub { font-size: 12px; color: #64748b; }
.auth-card-right { display: flex; gap: 20px; flex-shrink: 0; }
.auth-card-metric { text-align: right; }
.auth-card-metric-label { font-size: 10px; color: #94a3b8; }
.auth-card-metric-value { font-weight: 700; font-size: 13px; }

/* Dark mode */
[data-theme="dark"] .auth-title-icon { color: #60a5fa !important; }
[data-theme="dark"] .auth-cash-icon { color: #34d399 !important; }
[data-theme="dark"] .auth-metal-icon { color: #9ca3af !important; }
[data-theme="dark"] .auth-skeleton { background: var(--bg-card-alt) !important; }
[data-theme="dark"] .auth-card {
    background: var(--bg-card) !important; border-color: var(--border-color) !important;
}
[data-theme="dark"] .auth-card-warn {
    background: #4c1d1d !important; border-color: #991b1b !important;
}
[data-theme="dark"] .auth-card-icon-cash { background: #34d399 !important; color: #fff !important; }
[data-theme="dark"] .auth-card-icon-metal { background: #4b5563 !important; color: #fff !important; }
[data-theme="dark"] .auth-card-instrument-cash { color: #60a5fa !important; }
[data-theme="dark"] .auth-card-instrument-metal { color: #60a5fa !important; }
[data-theme="dark"] .auth-card-sub { color: var(--text-muted) !important; }
[data-theme="dark"] .auth-card-metric-label { color: var(--text-muted) !important; }

/* ═══════════════════════════════════════════
   ACCOUNT LIST (current/investment/deposit/spot accounts)
   ═══════════════════════════════════════════ */
.acl-group-header { cursor: pointer; }
.acl-group-header-inner { display: flex; align-items: center; justify-content: space-between; }
.acl-collapse-icon { color: #94a3b8; font-size: 12px; transition: transform .2s; }
.acl-card {
    border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 18px;
    margin-bottom: 8px; background: #fff; transition: all .2s;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 10px; cursor: pointer;
}
.acl-card:hover { border-color: #01539c; box-shadow: 0 2px 8px rgba(1,83,156,0.06); }
.acl-card-left { display: flex; align-items: center; gap: 12px; flex: 1 1 300px; min-width: 0; }
.acl-card-instrument { font-weight: 600; font-size: 14px; color: #01539c; }
.acl-card-sub { font-size: 13px; color: #475569; margin-top: 2px; }
.acl-card-right { display: flex; gap: 24px; flex-shrink: 0; align-items: center; }
.acl-unit { font-size: 11px; font-weight: 500; color: #64748b; margin-left: 3px; }
.acl-arrow {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 6px; background: #f1f5f9; color: #64748b; font-size: 11px;
}

/* Dark mode */
[data-theme="dark"] .acl-collapse-icon { color: var(--text-muted) !important; }
[data-theme="dark"] .acl-card {
    background: var(--bg-card) !important; border-color: var(--border-color) !important;
}
[data-theme="dark"] .acl-card:hover { border-color: #60a5fa !important; }
[data-theme="dark"] .acl-card-instrument { color: #60a5fa !important; }
[data-theme="dark"] .acl-card-sub { color: var(--text-muted) !important; }
[data-theme="dark"] .acl-unit { color: var(--text-muted) !important; }
[data-theme="dark"] .acl-arrow { background: var(--bg-card-alt) !important; color: var(--text-muted) !important; }

/* ===================== Account List — Mobile Responsive ===================== */
@media (max-width: 576px) {
    .acl-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 12px 40px 12px 14px !important;
        gap: 8px !important;
        position: relative !important;
    }
    .acl-card-left {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
    .acl-card-right {
        width: auto !important;
        align-self: flex-end !important;
        justify-content: flex-end !important;
        gap: 16px !important;
        padding-top: 8px !important;
        border-top: none !important;
    }
    .acl-card-right .auth-card-metric {
        text-align: right !important;
    }
    .acl-card-instrument { font-size: 13px !important; }
    .acl-card-sub { font-size: 12px !important; }
    .acl-arrow {
        display: inline-flex !important;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        font-size: 10px;
    }
    .auth-card-metric-label { font-size: 11px !important; }
    .auth-card-metric-value { font-size: 13px !important; }

    .mod-filter-dropdown {
        left: 0 !important;
        right: 0 !important;
        min-width: auto !important;
    }
}
@media (max-width: 768px) {
    [data-theme="dark"] .acl-card-right {
        border-top-color: var(--border-color) !important;
    }
}

/* ===================== Content Pages (Announcements, News, NewsDetail) ===================== */
.content-title-icon { margin-right: 8px; color: #01539c; }
.content-slider-wrap { padding: 20px 24px; }

/* Skeleton */
.content-skeleton-wrap { display: flex; gap: 20px; }
.content-skeleton-img { width: 200px; height: 200px; background: #f1f5f9; border-radius: 12px; flex-shrink: 0; }
.content-skeleton-body { flex: 1; }
.content-skeleton-line { height: 14px; background: #f1f5f9; border-radius: 6px; }

/* Slide card */
.content-slide-card {
    background: #fff; border-radius: 12px; border: 1px solid #e2e8f0;
    overflow: hidden; display: flex; flex-wrap: wrap;
}
.content-slide-img { flex: 0 0 280px; min-height: 200px; }
.content-slide-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.content-slide-body { flex: 1; padding: 24px 28px; min-width: 280px; }

/* Badge */
.content-badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: #f0f7ff; color: #01539c; font-size: 11px; font-weight: 600;
    padding: 4px 10px; border-radius: 20px; margin-bottom: 12px;
}
.content-slide-title { font-size: 20px; font-weight: 700; color: #1e293b; margin-bottom: 12px; line-height: 1.4; }
.content-slide-text { font-size: 14px; color: #475569; line-height: 1.7; margin-bottom: 20px; }

/* Slider arrows */
.content-slider-arrow {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid #e2e8f0;
    background: #fff; color: #475569; cursor: pointer; display: flex;
    align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all .2s; z-index: 2; font-size: 12px;
}
.content-slider-arrow:hover { background: #01539c; color: #fff; border-color: #01539c; }
.content-slider-arrow-left { left: -16px; }
.content-slider-arrow-right { right: -16px; }

/* Slider dots */
.content-slider-dots { display: flex; justify-content: center; gap: 6px; margin-top: 16px; }
.content-slider-dot {
    width: 8px; height: 8px; border-radius: 4px;
    background: #cbd5e1; cursor: pointer; transition: all .3s ease;
}
.content-slider-dot.active { width: 24px; background: #01539c; }

/* News detail */
.content-detail-header { padding: 24px 28px 0; border-bottom: 1px solid #f1f5f9; }
.content-detail-header-inner {
    display: flex; align-items: flex-start; justify-content: space-between;
    gap: 16px; flex-wrap: wrap; margin-bottom: 16px;
}
.content-detail-title { font-size: 22px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0; }
.content-detail-date {
    display: flex; align-items: center; gap: 6px;
    background: #f8fafc; padding: 6px 12px; border-radius: 8px;
    font-size: 12px; color: #64748b; flex-shrink: 0; border: 1px solid #e2e8f0;
}
.content-detail-body { padding: 24px 28px; }
.content-detail-text { font-size: 14px; color: #334155; line-height: 1.8; }

/* News list support-form dark overrides */

/* ---- Dark mode ---- */
[data-theme="dark"] .content-title-icon { color: #60a5fa !important; }
[data-theme="dark"] .content-skeleton-img,
[data-theme="dark"] .content-skeleton-line { background: var(--bg-card-alt) !important; }
[data-theme="dark"] .content-slide-card { background: var(--bg-card) !important; border-color: var(--border-color) !important; }
[data-theme="dark"] .content-badge { background: rgba(96,165,250,0.15) !important; color: #60a5fa !important; }
[data-theme="dark"] .content-slide-title { color: var(--text-primary) !important; }
[data-theme="dark"] .content-slide-text { color: var(--text-secondary) !important; }
[data-theme="dark"] .content-slider-arrow {
    background: var(--bg-card) !important; border-color: var(--border-color) !important;
    color: var(--text-secondary) !important; box-shadow: none !important;
}
[data-theme="dark"] .content-slider-arrow:hover { background: #2563eb !important; color: #fff !important; border-color: #2563eb !important; }
[data-theme="dark"] .content-slider-dot { background: var(--border-color) !important; }
[data-theme="dark"] .content-slider-dot.active { background: #60a5fa !important; }
[data-theme="dark"] .content-detail-header { border-bottom-color: var(--border-color) !important; }
[data-theme="dark"] .content-detail-title { color: var(--text-primary) !important; }
[data-theme="dark"] .content-detail-date {
    background: var(--bg-card-alt) !important; color: var(--text-muted) !important;
    border-color: var(--border-color) !important;
}
[data-theme="dark"] .content-detail-text { color: var(--text-secondary) !important; }
[data-theme="dark"] .content-detail-text a { color: #60a5fa !important; }

/* News list - support-form overrides */
[data-theme="dark"] .support-form .caption h3 { color: var(--text-primary) !important; }
[data-theme="dark"] .support-form .caption p { color: var(--text-secondary) !important; }
[data-theme="dark"] .support-form .item { color: var(--text-primary) !important; }

/* ===================== Market pages — Force landscape on mobile portrait ===================== */
@media screen and (max-width: 767px) and (orientation: portrait) {
    html:has(.force-landscape),
    html:has(.force-landscape) body {
        overflow: hidden !important;
        height: 100% !important;
        width: 100% !important;
    }
    .app-layout.force-landscape {
        position: fixed;
        top: 0;
        left: 0;
        width: 100dvh;
        height: 100dvw;
        transform: rotate(90deg);
        transform-origin: top left;
        margin-left: 100dvw;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        z-index: 9999;
        background: #fff;
        /* Override sticky-footer flex layout — critical for scroll */
        min-height: 0 !important;
        display: block !important;
    }
    [data-theme="dark"] .app-layout.force-landscape {
        background: var(--bg-body) !important;
    }

    /* Inside a transformed container, position:fixed behaves as position:absolute.
       Convert all fixed children to work within the scroll container. */

    /* Header stays at top of scroll */
    .app-layout.force-landscape header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;
        width: 100% !important;
    }

    /* Navigation overlay — cover full rotated viewport */
    .app-layout.force-landscape header .overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100dvh !important;
        height: 100dvw !important;
        z-index: 998 !important;
    }

    /* Mobile slide-out navigation — full height of rotated viewport */
    .app-layout.force-landscape header .navigation {
        position: fixed !important;
        height: 100dvw !important;
        top: 0 !important;
        bottom: auto !important;
        z-index: 999 !important;
    }

    /* Market price bar — sticky instead of fixed */
    .app-layout.force-landscape .market-data-content.fixed-content {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        z-index: 100 !important;
    }

    /* Section — allow natural height, no min-height constraint */
    .app-layout.force-landscape > section {
        min-height: 0 !important;
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Notification overlay & container */
    .app-layout.force-landscape .notification-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100dvh !important;
        height: 100dvw !important;
    }
    .app-layout.force-landscape .notification-container {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        height: 100dvw !important;
    }

    /* Feedback button */
    .app-layout.force-landscape .feedback-btn {
        display: none !important;
    }

    /* Bootstrap modals — cover full rotated viewport */
    .app-layout.force-landscape .modal {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100dvh !important;
        height: 100dvw !important;
        z-index: 1050 !important;
    }
    .app-layout.force-landscape .modal-backdrop {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100dvh !important;
        height: 100dvw !important;
    }
    .app-layout.force-landscape .modal-dialog {
        max-width: 90% !important;
        margin: 20px auto !important;
        max-height: calc(100dvw - 40px) !important;
    }
    .app-layout.force-landscape .modal-content {
        max-height: calc(100dvw - 60px) !important;
        overflow-y: auto !important;
    }

    /* Popover z-index */
    .app-layout.force-landscape .popover {
        z-index: 10001 !important;
    }

    /* Breadcrumb bar — normal flow */
    .app-layout.force-landscape .breadcrumb-bar {
        position: relative !important;
    }

    /* Footer — normal flow, no sticky-footer behavior */
    .app-layout.force-landscape > footer {
        position: relative !important;
        flex-shrink: unset !important;
        margin-top: 0 !important;
    }

    /* Container full width in rotated view */
    .app-layout.force-landscape .container {
        max-width: 100% !important;
    }

    /* Toastify notifications */
    .app-layout.force-landscape .Toastify__toast-container {
        position: fixed !important;
        z-index: 10002 !important;
    }
}

/* ===================== Modern Footer ===================== */
footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 0 !important;
    font-size: 13px;
}
.footer-modern { padding: 0; }
.footer-modern-top {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 16px; padding: 20px 0;
    border-bottom: 1px solid #e2e8f0;
}
.footer-brand { display: flex; align-items: center; gap: 12px; }
.footer-logo {
    font-size: 18px; font-weight: 800; color: #01539c;
    letter-spacing: -0.5px;
}
.footer-tagline {
    font-size: 12px; color: #94a3b8; font-weight: 400;
    border-left: 1px solid #cbd5e1; padding-left: 12px;
}
.footer-links {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.footer-links a {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 6px 12px; border-radius: 6px; font-size: 12px;
    font-weight: 500; color: #475569; text-decoration: none;
    transition: all .2s; background: transparent;
}
.footer-links a:hover {
    background: #f0f7ff; color: #01539c;
}
.footer-links a i { font-size: 11px; color: #94a3b8; transition: color .2s; }
.footer-links a:hover i { color: #01539c; }

.footer-modern-bottom {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 12px; padding: 14px 0;
}
.footer-copyright {
    font-size: 11px; color: #94a3b8; font-weight: 400;
}
.footer-security img {
    height: 28px; opacity: 0.6; transition: opacity .2s;
}
.footer-security img:hover { opacity: 1; }

/* Footer dark mode */
[data-theme="dark"] footer {
    background: var(--bg-footer) !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .footer-modern-top {
    border-bottom-color: rgba(255,255,255,0.06) !important;
}
[data-theme="dark"] .footer-logo { color: #60a5fa !important; }
[data-theme="dark"] .footer-tagline {
    color: var(--footer-text) !important;
    border-left-color: rgba(255,255,255,0.08) !important;
}
[data-theme="dark"] .footer-links a {
    color: var(--footer-text) !important;
}
[data-theme="dark"] .footer-links a:hover {
    background: rgba(96,165,250,0.1) !important;
    color: #60a5fa !important;
}
[data-theme="dark"] .footer-links a i { color: var(--footer-text) !important; }
[data-theme="dark"] .footer-links a:hover i { color: #60a5fa !important; }
[data-theme="dark"] .footer-copyright { color: var(--footer-text) !important; }
[data-theme="dark"] .footer-security img { opacity: 0.4; }
[data-theme="dark"] .footer-security img:hover { opacity: 0.8; }

@media (max-width: 767px) {
    .footer-modern-top { flex-direction: column; align-items: flex-start; }
    .footer-brand { flex-direction: column; align-items: flex-start; gap: 4px; }
    .footer-tagline { border-left: none; padding-left: 0; }
    .footer-links { gap: 4px; }
    .footer-modern-bottom { flex-direction: column; align-items: center; text-align: center; }
}

/* Profile tab footer buttons - right aligned */
section .module .module-form-action { display: flex; justify-content: flex-end; }

/* ===================== My Banks (Profile Tab) ===================== */
.mybanks-wrap { padding: 16px 0; }
.mybanks-header { display: flex; justify-content: flex-end; margin-bottom: 16px; padding-right: 16px; }
.mybanks-skeleton { height: 80px; background: #f4f6f8; border-radius: 10px; margin-bottom: 10px; margin: 0 16px 10px; }
.mybanks-item {
    display: flex; align-items: center; gap: 14px; padding: 14px 18px;
    border-bottom: 1px solid #f0f2f5; transition: background .15s; cursor: default;
}
.mybanks-item:last-child { border-bottom: none; }
.mybanks-item:hover { background: #f8f9fb; }
.mybanks-currency {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.mybanks-currency span { color: #fff; font-weight: 700; font-size: 12px; }
.mybanks-info { flex: 1; min-width: 0; }
.mybanks-name { font-weight: 600; font-size: 13px; color: #1a2332; line-height: 1.4; }
.mybanks-branch { font-weight: 400; color: #8e99a4; font-size: 11px; margin-left: 6px; }
.mybanks-desc { font-size: 12px; color: #01539c; margin-top: 2px; }
.mybanks-meta { font-size: 11px; color: #8e99a4; margin-top: 3px; display: flex; gap: 16px; flex-wrap: wrap; }
.mybanks-meta i { margin-right: 4px; font-size: 10px; }
.mybanks-actions { display: flex; gap: 6px; flex-shrink: 0; }
.mybanks-btn { border-radius: 6px !important; font-size: 11px !important; padding: 5px 10px !important; }
.mybanks-empty { text-align: center; padding: 48px 20px; }
.mybanks-empty i { font-size: 36px; color: #b0b7c3; margin-bottom: 12px; display: block; }
.mybanks-empty div { font-size: 14px; color: #6c757d; }

/* My Banks - Dark Mode */
[data-theme="dark"] .mybanks-skeleton { background: var(--bg-card-alt) !important; }
[data-theme="dark"] .mybanks-item { border-bottom-color: var(--border-color); }
[data-theme="dark"] .mybanks-item:hover { background: var(--bg-table-hover); }
[data-theme="dark"] .mybanks-name { color: var(--text-primary); }
[data-theme="dark"] .mybanks-branch { color: var(--text-muted); }
[data-theme="dark"] .mybanks-desc { color: #60a5fa; }
[data-theme="dark"] .mybanks-meta { color: var(--text-muted); }
[data-theme="dark"] .mybanks-empty i { color: var(--text-muted); }
[data-theme="dark"] .mybanks-empty div { color: var(--text-secondary); }

/* ===================== Notifications Page - Modern ===================== */

/* Page header */
.notif-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #01539c 0%, #0b7dda 100%);
    border-radius: 12px;
    padding: 20px 28px;
    margin-bottom: 16px;
    box-shadow: 0 4px 20px rgba(1,83,156,0.2);
}
.notif-page-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.notif-page-icon {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.2);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
}
.notif-page-icon i {
    font-size: 20px;
    color: #fff;
}
.notif-page-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}
.notif-page-subtitle {
    font-size: 13px;
    color: rgba(255,255,255,0.75);
    margin-top: 2px;
}
.notif-stat { font-weight: 600; color: rgba(255,255,255,0.9); }
.notif-stat-sep { margin: 0 4px; opacity: 0.5; color: #fff; }
.notif-page-header-right {
    display: flex;
    gap: 8px;
}
.notif-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}
.notif-btn i { font-size: 12px; }
.notif-btn-primary {
    background: rgba(255,255,255,0.2);
    color: #fff;
    backdrop-filter: blur(8px);
}
.notif-btn-primary:hover {
    background: rgba(255,255,255,0.3);
}
.notif-btn-danger {
    background: rgba(239,68,68,0.2);
    color: #fecaca;
    backdrop-filter: blur(8px);
}
.notif-btn-danger:hover {
    background: rgba(239,68,68,0.35);
}

/* Filter bar */
.notif-filter-bar {
    display: flex;
    gap: 4px;
    background: #fff;
    padding: 6px;
    border-radius: 10px;
    margin-bottom: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.notif-filter-tab {
    padding: 8px 18px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}
.notif-filter-tab:hover {
    background: #f1f5f9;
    color: #334155;
}
.notif-filter-tab.active {
    background: #01539c;
    color: #fff;
    box-shadow: 0 2px 8px rgba(1,83,156,0.25);
}
.notif-filter-count {
    font-size: 11px;
    font-weight: 700;
    background: rgba(0,0,0,0.08);
    padding: 1px 7px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
}
.notif-filter-tab.active .notif-filter-count {
    background: rgba(255,255,255,0.25);
    color: #fff;
}

/* Notification card container */
.notif-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}

/* Notification items */
.notif-item {
    display: flex;
    align-items: flex-start;
    padding: 16px 24px;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.2s;
    gap: 14px;
}
.notif-item:last-child { border-bottom: none; }
.notif-item:hover { background: #f8fafc; }
.notif-item.unread {
    background: linear-gradient(90deg, #eff6ff 0%, #f8fafc 100%);
    border-left: 3px solid #01539c;
}
.notif-item.unread:hover {
    background: linear-gradient(90deg, #e0edff 0%, #f0f4f8 100%);
}
.notif-item-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.notif-item.unread .notif-item-icon {
    background: linear-gradient(135deg, #01539c 0%, #1a73c7 100%);
    box-shadow: 0 3px 10px rgba(1,83,156,0.25);
}
.notif-item.unread .notif-item-icon i { color: #fff; }
.notif-item-icon i {
    font-size: 14px;
    color: #94a3b8;
}
.notif-item-content {
    flex: 1;
    min-width: 0;
}
.notif-item-title {
    font-size: 13.5px;
    font-weight: 500;
    color: #1e293b;
    line-height: 1.5;
    word-break: break-word;
}
.notif-item.unread .notif-item-title { font-weight: 600; }
.notif-item-bottom {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 6px;
}
.notif-item-date {
    font-size: 12px;
    color: #94a3b8;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
}
.notif-item-date i { font-size: 11px; }
.notif-item-link {
    font-size: 12px;
    color: #01539c;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.2s;
}
.notif-item-link i { font-size: 10px; }
.notif-item.clickable { cursor: pointer; }
.notif-item.clickable:hover { background: #eef4fb; }
.notif-item.clickable.unread:hover { background: #dde8f8; }
.notif-item.clickable:hover .notif-item-link {
    color: #0b7dda;
    gap: 6px;
}

/* Empty / loading */
.notif-empty {
    text-align: center;
    padding: 60px 20px;
}
.notif-empty-icon {
    width: 64px;
    height: 64px;
    background: #f1f5f9;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}
.notif-empty-icon i {
    font-size: 24px;
    color: #94a3b8;
}
.notif-empty-text {
    font-size: 15px;
    font-weight: 600;
    color: #475569;
}
.notif-empty-sub {
    font-size: 13px;
    color: #94a3b8;
    margin-top: 4px;
}

/* Action dropdown */
.notif-actions {
    position: relative;
    flex-shrink: 0;
    align-self: center;
}
.notif-action-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 8px;
    color: #cbd5e1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.notif-action-btn:hover {
    background: #f1f5f9;
    color: #475569;
}
.notif-dropdown {
    position: absolute;
    right: 0;
    top: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.04);
    min-width: 180px;
    z-index: 100;
    padding: 4px 0;
    animation: notifDropIn 0.15s ease;
}
@keyframes notifDropIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.notif-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    font-size: 13px;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.notif-dropdown-item:hover {
    background: #f1f5f9;
    color: #1e293b;
    text-decoration: none;
}
.notif-dropdown-item i { width: 16px; text-align: center; font-size: 13px; }
.notif-dropdown-delete { color: #ef4444; }
.notif-dropdown-delete:hover { background: #fef2f2; color: #dc2626; }

/* Notifications - Dark Mode */
[data-theme="dark"] .notif-page-header {
    background: linear-gradient(135deg, #0c2d4a 0%, #0f3d6b 100%);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
[data-theme="dark"] .notif-filter-bar {
    background: var(--bg-card);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
[data-theme="dark"] .notif-filter-tab { color: var(--text-muted); }
[data-theme="dark"] .notif-filter-tab:hover { background: var(--bg-table-hover); color: var(--text-primary); }
[data-theme="dark"] .notif-filter-tab.active { background: #1a73c7; color: #fff; }
[data-theme="dark"] .notif-card {
    background: var(--bg-card);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
[data-theme="dark"] .notif-item { border-bottom-color: var(--border-color); }
[data-theme="dark"] .notif-item:hover { background: var(--bg-table-hover); }
[data-theme="dark"] .notif-item.unread {
    background: rgba(1,83,156,0.12);
    border-left-color: #60a5fa;
}
[data-theme="dark"] .notif-item.unread:hover { background: rgba(1,83,156,0.18); }
[data-theme="dark"] .notif-item-icon { background: rgba(96,165,250,0.1); }
[data-theme="dark"] .notif-item-icon i { color: #60a5fa; }
[data-theme="dark"] .notif-item.unread .notif-item-icon {
    background: linear-gradient(135deg, #1a3a5c 0%, #1e4976 100%);
}
[data-theme="dark"] .notif-item.unread .notif-item-icon i { color: #fff; }
[data-theme="dark"] .notif-item-title { color: var(--text-primary); }
[data-theme="dark"] .notif-item-date { color: var(--text-muted); }
[data-theme="dark"] .notif-empty-icon { background: var(--bg-table-hover); }
[data-theme="dark"] .notif-empty-icon i { color: var(--text-muted); }
[data-theme="dark"] .notif-empty-text { color: var(--text-secondary); }
[data-theme="dark"] .notif-empty-sub { color: var(--text-muted); }
[data-theme="dark"] .notif-action-btn { color: var(--text-muted); }
[data-theme="dark"] .notif-action-btn:hover { background: var(--bg-table-hover); color: var(--text-primary); }
[data-theme="dark"] .notif-dropdown {
    background: var(--bg-card);
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
[data-theme="dark"] .notif-dropdown-item { color: var(--text-secondary); }
[data-theme="dark"] .notif-dropdown-item:hover { background: var(--bg-table-hover); color: var(--text-primary); }
[data-theme="dark"] .notif-dropdown-delete { color: #f87171; }
[data-theme="dark"] .notif-dropdown-delete:hover { background: rgba(239,68,68,0.1); color: #ef4444; }
[data-theme="dark"] .notif-item.clickable:hover { background: rgba(1,83,156,0.15); }
[data-theme="dark"] .notif-item.clickable.unread:hover { background: rgba(1,83,156,0.22); }
[data-theme="dark"] .notif-item-link { color: #60a5fa; }

/* SweetAlert2 Dark Mode */
.swal-dark {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}
.swal-dark .swal2-title {
    color: #f1f5f9 !important;
}
.swal-dark .swal2-html-container,
.swal-dark .swal2-content {
    color: #94a3b8 !important;
}
.swal-dark .swal2-icon.swal2-warning {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}
.swal-dark .swal2-icon.swal2-question {
    border-color: #60a5fa !important;
    color: #60a5fa !important;
}

/* Notifications - Mobile */
@media (max-width: 576px) {
    .notif-page-header {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 18px;
        gap: 12px;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .notif-page-icon { width: 38px; height: 38px; border-radius: 10px; }
    .notif-page-icon i { font-size: 16px; }
    .notif-page-title { font-size: 17px; }
    .notif-page-header-right { width: 100%; }
    .notif-btn { flex: 1; justify-content: center; padding: 7px 12px; font-size: 12px; }
    .notif-filter-bar { padding: 4px; margin-bottom: 2px; border-radius: 8px; }
    .notif-filter-tab { padding: 6px 12px; font-size: 12px; }
    .notif-filter-count { font-size: 10px; padding: 1px 5px; }
    .notif-card { border-radius: 8px; }
    .notif-item { padding: 12px 14px; gap: 10px; }
    .notif-item-icon { width: 34px; height: 34px; border-radius: 10px; }
    .notif-item-icon i { font-size: 13px; }
    .notif-item-title { font-size: 13px; }
    .notif-item-date { font-size: 11px; }
    .notif-item-link { font-size: 11px; }
}

/* ═══ Free/BIST/Spot active orders: compact table, no horizontal scroll ═══ */
.market-buy-offers .table-responsive,
.market-sell-offers .table-responsive {
    overflow-x: hidden;
}
.market-buy-offers table,
.market-sell-offers table {
    table-layout: fixed;
    width: 100%;
}
.free-ao-compact .market-buy-offers table th,
.free-ao-compact .market-sell-offers table th {
    font-size: 11px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
}
.free-ao-compact .market-buy-offers table td,
.free-ao-compact .market-sell-offers table td {
    padding: 6px 2px !important;
    font-size: 11px !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.free-ao-compact .instrument-cell {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.free-ao-compact .module.market-action,
.free-ao-compact .module.market-buy-offers,
.free-ao-compact .module.market-sell-offers {
    border: none !important;
}
.free-ao-compact .action-filter .btn-group {
    border: none !important;
}


/* ═══ Location badges ═══ */
.loc-badge {
    display: inline-block;
    min-width: 28px;
    text-align: center;
    padding: 1px 2px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    letter-spacing: 0.3px;
    background: #64748b;
}
/* Location colors are now assigned dynamically via inline styles */
.loc-text {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
[data-theme="dark"] .loc-badge { opacity: 0.9; }

/* ═══ Order type text colors ═══ */
.ot-text {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
}
.ot-text-spot { color: #01539c; }
.ot-text-fixing-am { color: #d4760a; }
.ot-text-fixing-pm { color: #7c3aed; }
[data-theme="dark"] .ot-text-spot { color: #60a5fa; }
[data-theme="dark"] .ot-text-fixing-am { color: #fb923c; }
[data-theme="dark"] .ot-text-fixing-pm { color: #a78bfa; }

/* ═══ Order type filter buttons ═══ */
.ot-filter-group {
    display: inline-flex;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #dfe3ea;
    background: #fff;
}
.ot-filter-btn {
    border: none;
    background: transparent;
    padding: .35rem .65rem;
    font-size: 13px;
    font-weight: 500;
    color: #495057;
    cursor: pointer;
    transition: all .2s;
    letter-spacing: 0.3px;
    white-space: nowrap;
    border-right: 1px solid #dfe3ea;
}
.ot-filter-btn:last-child { border-right: none; }
.ot-filter-btn:hover { background: #e2e8f0; color: #334155; }
.ot-filter-active {
    background: #01539c !important;
    color: #fff !important;
}
.ot-filter-spot.ot-filter-active { background: #01539c !important; }
.ot-filter-fixing.ot-filter-active { background: #7c3aed !important; }
[data-theme="dark"] .ot-filter-group { border-color: var(--border-color); background: var(--bg-card-alt); }
[data-theme="dark"] .ot-filter-btn { color: var(--text-muted); border-right-color: var(--border-color); }
[data-theme="dark"] .ot-filter-btn:hover { background: var(--bg-table-hover); }

/* ═══ Market filter bar — mobile responsive ═══ */
@media (max-width: 991px) {
    .module.market-action .row {
        flex-direction: column !important;
        gap: 8px;
    }
    .module.market-action .row .left,
    .module.market-action .row .right {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .module.market-action .action-filter {
        float: none !important;
        width: 100%;
    }
    .module.market-action .action-filter .form-row {
        flex-wrap: wrap !important;
        gap: 6px;
    }
    .module.market-action .action-filter .form-row .col-auto {
        flex: 0 0 auto;
    }
    .module.market-action .action-filter .btn-group {
        flex-wrap: wrap !important;
        gap: 0;
    }
}
@media (max-width: 576px) {
    .module.market-action {
        padding: 8px 10px !important;
    }
    .module.market-action .action-filter .form-row {
        gap: 5px;
    }
    .filter-dropdown-btn {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
    .filter-dropdown-btn span {
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
    }
    .ot-filter-btn {
        padding: 4px 10px;
        font-size: 10px;
    }
    .mod-filter-pill {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
    .module.market-action .btn-group > span.pt-1 {
        display: none !important;
    }
    .tab-action-btn {
        font-size: 11px !important;
        padding: 5px 10px !important;
    }
}

/* ═══════════════════════════════════════════
   Small mobile (≤480px)
   ═══════════════════════════════════════════ */
@media (max-width: 480px) {
    /* --- Header --- */
    header .top .logo a {
        width: 120px;
        background-size: contain;
    }
    header .top .action {
        right: 45px;
    }
    header .top .action .item {
        padding: 0 5px;
        font-size: 12px;
        border-left-color: rgba(0,0,0,0.1);
    }
    header .top .action .item.notification a i,
    header .top .action .item.theme-toggle a i {
        font-size: 13px;
    }
    header .top .action .item.language a {
        font-size: 11px !important;
    }
    header .top .action .item.member .avatar {
        display: block !important;
        width: 28px;
        height: 28px;
    }
    header .top .action .item.member .avatar img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        object-fit: cover;
    }
    header .top .action .item.member .name {
        max-width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 11px;
    }
    header .top .action .item.member .name i {
        font-size: 7px;
        margin-left: 2px;
    }
    header .top .menu-btn {
        right: 12px;
    }
    header .top .menu-btn a {
        width: 26px;
        height: 26px;
    }
    header .top .menu-btn a span {
        width: 18px;
    }

    /* --- Footer --- */
    .footer-modern-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 0;
    }
    .footer-brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
    .footer-logo { font-size: 15px; }
    .footer-tagline {
        border-left: none;
        padding-left: 0;
        font-size: 11px;
    }
    .footer-links {
        flex-wrap: wrap;
        gap: 2px;
    }
    .footer-links a {
        font-size: 11px;
        padding: 4px 8px;
    }
    .footer-modern-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
        padding: 10px 0;
    }
    .footer-copyright { font-size: 10px; }
    .footer-security img { height: 22px; }

    /* --- Assets page --- */
    .asset-net-value { font-size: 18px !important; }
    .asset-net-card { padding: 14px 16px; }

    /* Table horizontal scroll on mobile */
    section .module .module-content .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    section .module .module-content .table-responsive table {
        min-width: 600px;
    }

    /* Container padding reduction */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* --- Chat Widget mobile --- */
    .chat-notification-container {
        position: fixed !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: auto !important;
        width: 100vw !important;
        max-width: 100% !important;
        min-height: auto !important;
        max-height: 80vh !important;
        border-radius: 16px 16px 0 0 !important;
        box-sizing: border-box;
    }
    .chat-messages-list {
        max-height: calc(80vh - 130px) !important;
        min-height: 0;
        overflow-y: auto;
    }
    .chat-footer {
        flex-shrink: 0;
        box-sizing: border-box;
        max-width: 100%;
        overflow: hidden;
    }
    .chat-footer .chat-input {
        min-width: 0;
        flex: 1;
    }
    .chat-footer .chat-send-btn,
    .chat-footer .chat-plus-btn {
        flex-shrink: 0;
    }
}

/* ═══════════════════════════════════════════
   Extra small mobile - iPhone SE (≤390px)
   ═══════════════════════════════════════════ */
@media (max-width: 390px) {
    header .top .container {
        height: 55px;
    }
    header .top .logo a {
        width: 100px;
        height: 55px;
    }
    header .top .action {
        right: 44px;
        top: 14px;
        height: 26px;
    }
    header .top .action .item {
        padding: 0 3px;
        line-height: 26px;
        border-left: none;
    }
    header .top .action .item.notification a i,
    header .top .action .item.theme-toggle a i {
        font-size: 12px;
    }
    header .top .action .item.language a {
        font-size: 10px !important;
    }
    header .top .action .item.language a i {
        font-size: 7px !important;
    }
    header .top .action .item.member .avatar {
        display: block !important;
        width: 28px;
        height: 28px;
    }
    header .top .action .item.member .avatar img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        object-fit: cover;
    }
    header .top .action .item.member .name {
        display: none !important;
    }
    header .top .menu-btn {
        right: 15px;
        top: 14px;
    }
    header .top .menu-btn a {
        width: 24px;
        height: 24px;
    }
    header .top .menu-btn a span {
        width: 16px;
    }
    header .navigation {
        top: 55px !important;
    }

    /* --- Chat Widget extra small mobile --- */
    .chat-notification-container {
        max-height: 75vh !important;
        border-radius: 12px 12px 0 0 !important;
    }
    .chat-messages-list {
        max-height: calc(75vh - 120px) !important;
    }
}

/* ============================================
   UNIT LABEL - Smaller font for currency/unit
   next to prices (TRY/OUNCE, USD/OUNCE etc.)
   ============================================ */
.unit-label {
    font-size: 0.82em;
    font-weight: 400;
    color: #334155;
    letter-spacing: 0.02em;
}

/* ============================================
   STICKY HEADER - Keep header visible on scroll
   ============================================ */
header {
    position: sticky !important;
    top: 0;
    z-index: 1000;
}

/* ============================================
   TABLE STICKY THEAD - z-index fix
   Animations (transform) on tbody rows create new stacking contexts,
   causing rows to paint above z-index:1 thead. Bump to 10.
   ============================================ */
section .module .module-table.market-table table tr th,
section .module .module-table table thead th {
    position: sticky;
    top: 0;
    z-index: 10 !important;
    background-color: #eef1f6;
}
[data-theme="dark"] section .module .module-table.market-table table tr th,
[data-theme="dark"] section .module .module-table table thead th {
    background-color: var(--bg-table-header) !important;
}

/* Utility classes */
.cursor-pointer { cursor: pointer; }
.dropdown-relative { position: relative; }
.dropdown-gap { gap: 6px; }
.chevron-sm { font-size: 10px; opacity: 0.7; }
.ao-table-scroll { max-width: 100%; max-height: 320px; }
.ao-currency-dropdown { border-left: solid 1px #c0ccda; }
.selected-row { background-color: #fff3cd !important; }
[data-theme="dark"] .selected-row { background-color: rgba(255,243,205,.12) !important; }
[data-theme="dark"] .ao-currency-dropdown { border-left-color: #334155; }

/* Address modal - row/col form layout */
.profile-modal-content .row label.col-form-label {
    font-size: 13px;
    font-weight: 500;
    color: #495057;
    padding-top: 6px;
    padding-bottom: 6px;
}
[data-theme="dark"] .profile-modal-content .row label.col-form-label {
    color: #cbd5e1;
}

/* ============================================
   MODERN NOTIFICATION PANEL
   ============================================ */
.notification-all {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.notification-overlay {
    z-index: 10000 !important;
    background: rgba(0,0,0,.35) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.notification-container {
    z-index: 10001 !important;
    width: 380px !important;
    background: #fff !important;
    box-shadow: -8px 0 40px rgba(0,0,0,.12) !important;
    border-left: 1px solid #e8ecf1;
    display: flex;
    flex-direction: column;
}

.notification-container .content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Header */
.notification-container .header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px !important;
    border-bottom: 1px solid #e8ecf1 !important;
    background: #f8fafc;
    flex-shrink: 0;
}

.notification-container .header .header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
}

.notification-container .header .header-left > i {
    color: #01539c;
    font-size: 18px;
}

.notification-container .header .header-left .badge {
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    line-height: 1.4;
}

.notification-container .header .header-right {
    display: flex;
    align-items: center;
    gap: 4px;
}

.notification-container .header .header-right a {
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #64748b !important;
    font-size: 15px !important;
    transition: all .15s ease;
    margin-left: 0 !important;
    line-height: 1 !important;
}

.notification-container .header .header-right a:hover {
    background: #e2e8f0;
    color: #0f172a !important;
}

.notification-container .header .header-right .close-btn:hover {
    background: #fee2e2;
    color: #dc2626 !important;
}

/* Notification list */
.notification-container .list {
    padding: 8px !important;
    padding-bottom: 8px !important;
    overflow-y: auto;
    flex: 1;
}

.notification-container .list .item {
    border-bottom: none !important;
    margin-bottom: 2px;
    border-radius: 10px;
    transition: background .15s ease;
}

.notification-container .list .item:hover {
    background: #f1f5f9;
}

.notification-container .list .item a {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    padding: 12px !important;
    color: #64748b;
    text-decoration: none;
    cursor: pointer;
}

.notification-container .list .item.new a {
    color: #0f172a !important;
}

.notification-container .list .item.new {
    background: #f0f7ff;
    border-left: 3px solid #01539c;
}

.notification-container .list .item.new a::before {
    display: none !important;
}

.notification-container .list .item .notif-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #e8ecf1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #64748b;
    font-size: 14px;
}

.notification-container .list .item.new .notif-icon {
    background: #dbeafe;
    color: #01539c;
}

.notification-container .list .item .notif-body {
    flex: 1;
    min-width: 0;
}

.notification-container .list .item .notif-message {
    font-size: 13px;
    line-height: 1.45;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.notification-container .list .item .notif-date {
    font-size: 11px;
    color: #94a3b8;
    margin-top: 6px;
    font-weight: 500;
}

.notification-container .list .item .notif-date i {
    margin-right: 4px;
    font-size: 10px;
}

/* Empty state */
.notification-container .list .item.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
    color: #94a3b8;
    font-size: 14px;
}

.notification-container .list .item.empty .empty-icon {
    font-size: 40px;
    margin-bottom: 12px;
    opacity: .4;
}

/* Show all button */
.notification-container .all {
    flex-shrink: 0;
    border-top: 1px solid #e8ecf1;
}

.notification-container .all a {
    background: #f8fafc !important;
    color: #01539c !important;
    font-size: 13px !important;
    font-weight: 600;
    gap: 8px;
    transition: all .15s ease;
    height: 48px !important;
}

.notification-container .all a:hover {
    background: #e8f0fe !important;
}

.notification-container .all a i {
    font-size: 11px;
    transition: transform .2s ease;
}

.notification-container .all a:hover i {
    transform: translateX(3px);
}

/* Dark mode */
[data-theme="dark"] .notification-container {
    background: #0f1d30 !important;
    border-left-color: #1e3148;
    box-shadow: -8px 0 40px rgba(0,0,0,.4) !important;
}

[data-theme="dark"] .notification-container .header {
    background: #0c1929 !important;
    border-bottom-color: #1e3148 !important;
}

[data-theme="dark"] .notification-container .header .header-left {
    color: #e2e8f0;
}

[data-theme="dark"] .notification-container .header .header-right a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .notification-container .header .header-right a:hover {
    background: #253347;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .notification-container .list .item:hover {
    background: #162336;
}

[data-theme="dark"] .notification-container .list .item a {
    color: #94a3b8;
}

[data-theme="dark"] .notification-container .list .item.new a {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .notification-container .list .item.new {
    background: #132d4f;
    border-left-color: #3b82f6;
}

[data-theme="dark"] .notification-container .list .item .notif-icon {
    background: #1e3148;
    color: #94a3b8;
}

[data-theme="dark"] .notification-container .list .item.new .notif-icon {
    background: #1e3a5f;
    color: #60a5fa;
}

[data-theme="dark"] .notification-container .all {
    border-top-color: #1e3148;
}

[data-theme="dark"] .notification-container .all a {
    background: #0c1929 !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .notification-container .all a:hover {
    background: #162336 !important;
}

/* ============================================
   MODERN MARKET CURRENCY TICKER
   ============================================ */
/* --- Ticker (MarketCurrencyV2) --- */
.market-data-container {
    height: auto;
}

.market-data-content {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0;
}

.new-market-data {
    padding: 0;
}

.new-market-data .item {
    padding: 0 1px;
    margin: 0;
}

.new-market-data .item .mc-card {
    background: #f5f7fa;
    border: 1px solid #dee2e6;
    border-radius: 0;
    padding: 8px 10px;
    cursor: default;
    transition: background .15s;
}

.new-market-data .item .mc-card:hover {
    background: #edf0f5;
}

.new-market-data .item .mc-card .mc-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 6px;
}

.new-market-data .item .mc-card .mc-symbol {
    font-size: 11px;
    font-weight: 700;
    color: #374151;
    letter-spacing: .3px;
    white-space: nowrap;
}

.new-market-data .item .mc-card .mc-price {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    white-space: nowrap;
}

.new-market-data .item .mc-card .mc-change {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    margin-top: 1px;
}

.new-market-data .item .mc-card .mc-change.up {
    color: #16a34a;
}

.new-market-data .item .mc-card .mc-change.down {
    color: #dc2626;
}

.new-market-data .item .mc-card .mc-change i {
    font-size: 11px;
    margin-right: 1px;
}

/* Ticker dark mode */
[data-theme="dark"] .market-data-content {
    background: #0f1d30 !important;
    border-bottom-color: #1e3148;
}

[data-theme="dark"] .new-market-data .item .mc-card {
    background: #131f30;
    border-color: #1e3148;
}

[data-theme="dark"] .new-market-data .item .mc-card:hover {
    background: #1a2b40;
}

[data-theme="dark"] .new-market-data .item .mc-card .mc-symbol {
    color: #cbd5e1;
}

[data-theme="dark"] .new-market-data .item .mc-card .mc-price {
    color: #e2e8f0;
}

[data-theme="dark"] .new-market-data .item .mc-card .mc-change.up {
    color: #4ade80;
}

[data-theme="dark"] .new-market-data .item .mc-card .mc-change.down {
    color: #f87171;
}

/* ============================================
   MODERN HEADER REDESIGN
   ============================================ */

/* --- Top Bar --- */
header {
    box-shadow: 0 2px 20px rgba(0,0,0,.25);
}

header .top .container {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

header .top .logo {
    position: relative;
    left: auto;
    top: auto;
    flex-shrink: 0;
}

header .top .logo a {
    height: 64px;
    width: 155px;
    background-size: contain;
    background-position: center left;
}

header .top .action {
    position: relative;
    right: auto;
    top: auto;
    height: auto;
    display: flex;
    align-items: center;
    gap: 4px;
}

header .top .action .item {
    float: none;
    border-left: none !important;
    padding: 0 8px;
    line-height: 1;
    display: flex;
    align-items: center;
}

header .top .action .item:first-child {
    padding-left: 8px;
}

header .top .action .item.time {
    background: rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 6px 14px;
    margin-right: 4px;
}

header .top .action .item.time .clock {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

header .top .action .item.time .date {
    font-size: 11px;
    opacity: .65;
    line-height: 1.2;
}

/* Icon buttons (fullscreen, theme, notification) */
header .top .action .item.fullscreen a,
header .top .action .item.theme-toggle a,
header .top .action .item.notification a {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.7) !important;
    transition: all .2s ease;
    font-size: 15px;
    position: relative;
}

header .top .action .item.fullscreen a:hover,
header .top .action .item.theme-toggle a:hover,
header .top .action .item.notification a:hover {
    background: rgba(255,255,255,.15);
    color: #fff !important;
    transform: translateY(-1px);
}

/* Notification badge */
header .top .action .item.notification a span {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 9px;
    padding: 0 4px;
    box-shadow: 0 2px 6px rgba(239,68,68,.4);
}

/* Language selector */
header .top .action .item.language a {
    font-size: 13px !important;
    font-weight: 600 !important;
    background: rgba(255,255,255,.08);
    border-radius: 8px;
    padding: 5px 12px !important;
    color: rgba(255,255,255,.8) !important;
    transition: all .2s ease;
    line-height: 1.5;
}

header .top .action .item.language a:hover {
    background: rgba(255,255,255,.15);
    color: #fff !important;
}

header .top .action .item.language a i {
    font-size: 9px;
    opacity: .5;
}

header .top .action .item.language .dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0,0,0,.2);
    padding: 6px;
    margin-top: 8px;
    min-width: 130px;
    z-index: 1000;
}

header .top .action .item.language {
    position: relative;
    z-index: 200;
}

header .top .action .item.language .dropdown-menu a.dropdown-item {
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #334155 !important;
    transition: all .15s ease;
}

header .top .action .item.language .dropdown-menu a.dropdown-item:hover {
    background: #f0f5ff;
    color: #01539c;
}

/* User / Member area */
header .top .action .item.member {
    padding-left: 12px;
    margin-left: 4px;
    border-left: 1px solid rgba(255,255,255,.1) !important;
}

header .top .action .item.member a.btn {
    display: flex !important;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 5px 14px 5px 5px !important;
    transition: all .2s ease;
}

header .top .action .item.member a.btn:hover {
    background: rgba(255,255,255,.12);
}

header .top .action .item.member .avatar {
    float: none;
    margin-right: 0;
}

header .top .action .item.member .avatar img {
    width: 34px;
    height: 34px;
    border: 2px solid rgba(255,255,255,.2);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}

header .top .action .item.member .name {
    float: none;
    line-height: 1.3;
    font-size: 13px;
    font-weight: 500;
}

header .top .action .item.member .name i {
    font-size: 9px;
    opacity: .5;
    margin-left: 4px;
}

header .top .action .item.member {
    position: relative;
    z-index: 200;
}

header .top .action .item.member .dropdown-menu {
    border: none;
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0,0,0,.18);
    padding: 6px;
    margin-top: 8px;
    min-width: 200px;
    z-index: 1000;
}

header .top .action .item.member .dropdown-menu a.dropdown-item {
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500;
    transition: all .15s ease;
    color: #334155;
}

header .top .action .item.member .dropdown-menu a.dropdown-item:hover {
    background: #f0f5ff;
    color: #01539c;
}

/* --- Navigation Bar --- */
header .navigation {
    height: auto;
    background: rgba(255,255,255,.07) !important;
    border-top: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

header .navigation .menu ul li a {
    height: 46px;
    line-height: 46px;
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: .2px;
    padding: 0 16px;
    transition: all .2s ease;
    border-bottom: 3px solid transparent;
}

header .navigation .menu ul li a:hover,
header .navigation .menu ul li:hover > a {
    background: rgba(255,255,255,.08) !important;
}

header .navigation .left .menu ul li {
    border-right: none !important;
}

header .navigation .left .menu ul li a {
    border-bottom: 3px solid transparent;
}

header .navigation .left .menu ul li a:hover {
    border-bottom-color: rgba(255,255,255,.3);
}

/* Active page indicator */
header .navigation .left .menu ul li a.active {
    border-bottom-color: #38bdf8;
    color: #fff;
}

/* Market links - right side */
header .navigation .right .menu ul li {
    border-left: none !important;
}

header .navigation .right .menu ul li a {
    border-radius: 8px;
    margin: 4px 3px;
    height: 38px;
    line-height: 38px;
    padding: 0 14px 0 32px;
    font-weight: 600;
    font-size: 13px;
    border-bottom: none;
}

header .navigation .right .menu ul li.spot-market a {
    background: url(/assets/images/icon/spot-market.png) no-repeat left 10px center rgba(0,188,194,.12) !important;
    border-bottom: none;
    border: 1px solid rgba(0,188,194,.25);
    line-height: 36px;
}

header .navigation .right .menu ul li.spot-market:hover a {
    background: url(/assets/images/icon/spot-market.png) no-repeat left 10px center rgba(0,188,194,.25) !important;
}

header .navigation .right .menu ul li.spot-market a.active {
    background: url(/assets/images/icon/spot-market.png) no-repeat left 10px center #00bcc2 !important;
    border-color: #00bcc2;
}

header .navigation .right .menu ul li.free-market a {
    background: url(/assets/images/icon/free-market.png) no-repeat left 10px center rgba(0,188,194,.12) !important;
    border-bottom: none;
    border: 1px solid rgba(0,188,194,.25);
    line-height: 36px;
}

header .navigation .right .menu ul li.free-market:hover a {
    background: url(/assets/images/icon/free-market.png) no-repeat left 10px center rgba(0,188,194,.25) !important;
}

header .navigation .right .menu ul li.free-market a.active {
    background: url(/assets/images/icon/free-market.png) no-repeat left 10px center #00bcc2 !important;
    border-color: #00bcc2;
}

header .navigation .right .menu ul li.borsa-istanbul a {
    background: url(/assets/images/icon/borsa-istanbul.png) no-repeat left 10px center rgba(74,162,238,.12) !important;
    border-bottom: none;
    border: 1px solid rgba(74,162,238,.25);
    line-height: 36px;
}

header .navigation .right .menu ul li.borsa-istanbul:hover a {
    background: url(/assets/images/icon/borsa-istanbul.png) no-repeat left 10px center rgba(74,162,238,.25) !important;
}

header .navigation .right .menu ul li.borsa-istanbul a.active {
    background: url(/assets/images/icon/borsa-istanbul.png) no-repeat left 10px center #4aa2ee !important;
    border-color: #4aa2ee;
}

/* --- Submenu Dropdown --- */
header .navigation .menu ul li .submenu {
    background: #fff !important;
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(0,0,0,.18);
    padding: 6px;
    top: 46px;
    border: 1px solid rgba(0,0,0,.06);
    overflow: hidden;
}

header .navigation .menu ul li .submenu ul li {
    border-top: none !important;
}

header .navigation .menu ul li .submenu ul li a {
    color: #334155 !important;
    height: auto;
    line-height: 1.4;
    padding: 10px 14px !important;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    border-bottom: none;
    transition: all .15s ease;
}

header .navigation .menu ul li .submenu ul li a:hover {
    background: #f0f5ff !important;
    color: #01539c !important;
}

/* --- Dark Mode Overrides --- */

[data-theme="dark"] header .navigation {
    background: rgba(0,0,0,.2) !important;
    border-top-color: rgba(255,255,255,.05);
}

[data-theme="dark"] header .navigation .menu ul li .submenu,
[data-theme="dark"] header .navigation .menu ul li:hover .submenu {
    background: #1e293b !important;
    border-color: #334155;
    box-shadow: 0 12px 48px rgba(0,0,0,.4);
}

[data-theme="dark"] header .navigation .menu ul li .submenu ul li a {
    color: #cbd5e1 !important;
}

[data-theme="dark"] header .navigation .menu ul li .submenu ul li a:hover {
    background: #253347 !important;
    color: #60a5fa !important;
}

[data-theme="dark"] header .top .action .item.member .dropdown-menu,
[data-theme="dark"] header .top .action .item.language .dropdown-menu {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 12px 48px rgba(0,0,0,.4);
}

[data-theme="dark"] header .top .action .item.member .dropdown-menu a.dropdown-item,
[data-theme="dark"] header .top .action .item.language .dropdown-menu a.dropdown-item {
    color: #e2e8f0 !important;
    background: transparent !important;
}

[data-theme="dark"] header .top .action .item.member .dropdown-menu a.dropdown-item:hover,
[data-theme="dark"] header .top .action .item.language .dropdown-menu a.dropdown-item:hover {
    background: #334155 !important;
    color: #60a5fa !important;
}

/* ============================================
   MOBILE FIXES — Header icons, menu, tabs
   ============================================ */

/* --- Mobile header: icons ~30% smaller (≤767px) --- */
@media (max-width: 767px) {
    header .top .action {
        right: 56px !important;
    }
    header .top .action .item.theme-toggle a,
    header .top .action .item.notification a {
        width: 26px !important;
        height: 26px !important;
        font-size: 12px !important;
    }
    header .top .action .item.theme-toggle a i,
    header .top .action .item.notification a i {
        font-size: 12px !important;
    }
    header .top .action .item.language a {
        font-size: 10px !important;
        padding: 2px 6px !important;
        height: 26px !important;
        line-height: 22px !important;
    }
    header .top .action .item.language a i {
        font-size: 7px !important;
    }
    header .top .action .item.member {
        display: inline-block !important;
        margin-left: 0 !important;
        margin-right: -18px !important;
    }
    header .top .menu-btn { top: 12px !important; transform: none !important; }
    header .top .menu-btn a { display: flex !important; align-items: center; justify-content: center; padding: 0 !important; }
    header .top .action .item.member .avatar {
        display: block !important;
        width: 26px;
        height: 26px;
    }
    header .top .action .item.member .avatar img {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        object-fit: cover;
    }
    header .top .action .item.member .name {
        display: inline-block !important;
        max-width: none !important;
        margin-left: -10px;
    }
    header .top .action .item.member .name span {
        display: none !important;
    }
    header .top .action .item.member .name i {
        display: inline-block !important;
        font-size: 10px !important;
        color: #fff;
    }
    header .top .action .item {
        padding: 0 3px !important;
    }
    header .top .menu-btn a {
        width: 28px !important;
        height: 28px !important;
    }
    header .top .menu-btn a span {
        width: 20px !important;
    }
}

/* --- Mobile navigation: fix submenu colors --- */
@media (max-width: 991px) {
    header .navigation .menu ul li .submenu {
        background: rgba(0,0,0,0.12) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        border: none !important;
        position: relative !important;
        top: auto !important;
    }
    header .navigation .menu ul li .submenu ul li a {
        color: rgba(255,255,255,0.85) !important;
        border-radius: 0 !important;
        padding: 10px 20px 10px 24px !important;
        font-size: 13px !important;
    }
    header .navigation .menu ul li .submenu ul li a:hover {
        background: rgba(255,255,255,0.1) !important;
        color: #fff !important;
    }
    header .navigation .menu ul li {
        border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    }
    header .navigation .menu ul li a {
        color: #fff !important;
        height: auto !important;
        line-height: 44px !important;
        border-bottom: none !important;
    }
    header .navigation .menu ul li a:hover,
    header .navigation .menu ul li:hover > a {
        background: rgba(255,255,255,0.08) !important;
    }
}

/* --- Mobile navigation: market buttons styled like desktop --- */
@media (max-width: 991px) {
    header .navigation .right .menu ul li a {
        border-radius: 8px !important;
        margin: 4px 10px !important;
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 14px 0 36px !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        text-align: left;
    }
    header .navigation .right .menu ul li.spot-market a {
        background: url(/assets/images/icon/spot-market.png) no-repeat left 10px center rgba(0,188,194,.12) !important;
        border: 1px solid rgba(0,188,194,.25) !important;
        line-height: 40px !important;
    }
    header .navigation .right .menu ul li.free-market a {
        background: url(/assets/images/icon/free-market.png) no-repeat left 10px center rgba(0,188,194,.12) !important;
        border: 1px solid rgba(0,188,194,.25) !important;
        line-height: 40px !important;
    }
    header .navigation .right .menu ul li.borsa-istanbul a {
        background: url(/assets/images/icon/borsa-istanbul.png) no-repeat left 10px center rgba(74,162,238,.12) !important;
        border: 1px solid rgba(74,162,238,.25) !important;
        line-height: 40px !important;
    }
    header .navigation .right .menu ul li {
        border-bottom: none !important;
    }
    /* Submenu styling on mobile */
    header .navigation .menu ul li.nav-open > .submenu {
        background: rgba(0,0,0,0.08) !important;
        border-radius: 0 !important;
    }
    header .navigation .menu ul li .submenu ul li a {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 13px !important;
        padding-left: 24px !important;
    }
}

/* --- Mobile: active orders filter section fix --- */
@media (max-width: 767px) {
    /* Filter bar: stack vertically */
    .module.market-action {
        padding: 10px 12px !important;
    }
    .module.market-action > .row {
        flex-direction: column !important;
        gap: 10px;
    }
    .module.market-action .left,
    .module.market-action .right {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    /* Action filter: no float, full width */
    .module.market-action .action-filter {
        float: none !important;
        width: 100%;
    }
    .module.market-action .action-filter .form-row {
        flex-wrap: wrap !important;
        gap: 8px;
        margin: 0 !important;
    }
    .module.market-action .action-filter .form-row > .col-auto {
        flex: 0 0 auto;
        padding: 0 !important;
    }
    /* Order type toggle: compact */
    .ot-filter-group {
        margin-bottom: 0;
    }
    .ot-filter-btn {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
    /* Dropdown filters: wrap properly */
    .module.market-action .btn-group {
        flex-wrap: wrap;
        gap: 4px;
    }
    .module.market-action .btn-group .pt-1 {
        display: none !important;
    }
    .module.market-action .btn-group .btn,
    .module.market-action .btn-group .btn.dropdown-toggle {
        font-size: 11px !important;
        padding: 5px 10px !important;
        line-height: 1.4 !important;
        height: auto !important;
        border-radius: 6px !important;
    }
    /* Filter dropdown items */
    .filter-dropdown-btn {
        font-size: 11px !important;
        padding: 5px 10px !important;
    }
    .dropdown-wrapper.dropdown-filter {
        margin-bottom: 0;
    }
    /* Filtrele pill */
    .mod-filter-pill {
        font-size: 11px !important;
        padding: 5px 12px !important;
    }
    /* New order button */
    .tab-action-btn {
        font-size: 12px !important;
        padding: 6px 14px !important;
    }
    /* Advanced filter */
    .other-filter-content .module-form .form-group.row {
        margin-bottom: 8px !important;
    }
    .other-filter-content .module-form .col-form-label {
        font-size: 12px !important;
        padding-bottom: 2px !important;
    }
    /* Instrument category buttons */
    .module.market-action .action-filter .btn-group > a.btn {
        font-size: 11px !important;
        padding: 4px 10px !important;
        height: auto !important;
        line-height: 1.5 !important;
    }
}

/* --- Mobile: reduce spacing between sections/modules --- */
@media (max-width: 767px) {
    section {
        padding-top: 6px !important;
        padding-bottom: 20px !important;
    }
    section .section-wrap {
        margin-bottom: 2px !important;
    }
    section .section-wrap > .module {
        margin-bottom: 2px !important;
    }
    section .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }
    section .row > [class*="col-"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-bottom: 2px !important;
    }
    section .module .module-title {
        padding: 8px 12px !important;
    }
    section .module .module-content {
        padding: 6px !important;
    }
    /* Tabs compact on mobile */
    section .module .nav-tabs {
        gap: 0 !important;
    }
    section .module .nav-tabs .nav-item {
        margin-bottom: 0 !important;
    }
    section .module .nav-tabs .nav-link {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}

/* ============================================
   DASHBOARD PARITY TABLE GRID
   ============================================ */
.parity-table-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    overflow: hidden;
}
.parity-cell {
    padding: 10px 14px;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    background: #f5f7fa;
    transition: background .15s;
}
.parity-cell:hover {
    background: #edf0f5;
}
.parity-cell-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}
.parity-cell-symbol {
    font-size: 12px;
    font-weight: 700;
    color: #374151;
    letter-spacing: .3px;
    white-space: nowrap;
}
.parity-cell-price {
    font-size: 14px;
    font-weight: 700;
    color: #111827;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    white-space: nowrap;
}
.parity-cell-change {
    font-size: 11px;
    font-weight: 600;
    margin-top: 3px;
    line-height: 1;
}
.parity-cell-change.up {
    color: #16a34a;
}
.parity-cell-change.down {
    color: #dc2626;
}
.parity-cell-change.neutral {
    color: #6b7280;
}
.parity-cell-change i {
    font-size: 11px;
    margin-right: 1px;
}

/* Parity grid dark mode */
[data-theme="dark"] .parity-table-grid {
    border-color: #1e3148;
}
[data-theme="dark"] .parity-cell {
    background: #131f30;
    border-color: #1e3148;
}
[data-theme="dark"] .parity-cell:hover {
    background: #1a2b40;
}
[data-theme="dark"] .parity-cell-symbol {
    color: #cbd5e1;
}
[data-theme="dark"] .parity-cell-price {
    color: #e2e8f0;
}
[data-theme="dark"] .parity-cell-change.up {
    color: #4ade80;
}
[data-theme="dark"] .parity-cell-change.down {
    color: #f87171;
}

/* Parity grid mobile */
@media (max-width: 767px) {
    .parity-table-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .parity-cell {
        padding: 8px 10px;
    }
    .parity-cell-symbol {
        font-size: 10px;
    }
    .parity-cell-price {
        font-size: 13px;
    }
    .parity-cell-change {
        font-size: 10px;
    }
}

/* ============================================================
   SHARED CHIP / FILTER SYSTEM (single source of truth)
   - .chip / .chip-select / .mod-pills-blue .mod-filter-pill: rounded chip (blue)
   - .filter-toggle-btn: Filtrele button (white bg, same size as chips)
   - .chip-desktop-only / .chip-mobile-only: viewport visibility helpers
   - .free-ao-compact / .bist-ao-compact / .spot-ao-compact: mobile flex-row layout
   ============================================================ */

/* Base chip look (blue, filled variant via .is-active / .active) */
.chip,
.chip-select,
.filter-toggle-btn,
.mod-pills-blue .mod-filter-pill,
.mod-pills-blue .btn.dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px;
    height: 32px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #01539c !important;
    background-color: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 20px !important;
    margin: 0 3px !important;
    box-sizing: border-box !important;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
}
.chip.is-active,
.chip-select.is-active,
.mod-pills-blue .mod-filter-pill.active {
    color: #fff !important;
    background-color: #01539c !important;
    border-color: #01539c !important;
}
/* Native <select> chevron */
.chip-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 26px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2301539c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
}
.chip-select.is-active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
}
.chip-select option { color: #1e293b; background: #fff; }

/* Filtrele button override: white bg instead of blue, bold, larger icon */
.filter-toggle-btn {
    background: #fff !important;
    font-weight: 600 !important;
    gap: 6px;
}
.filter-toggle-btn i { font-size: 14px !important; color: #01539c !important; }
.filter-toggle-btn:hover { background: #eff6ff !important; border-color: #01539c !important; }

/* Visibility helpers */
.chip-mobile-only,
.fao-mobile-filters-in-panel { display: none !important; }

@media (max-width: 767px) {
    .chip-desktop-only,
    .section-wrap .btn-group.mod-pills-blue.chip-desktop-only,
    .module.market-action .btn-group.mod-pills-blue.chip-desktop-only { display: none !important; }
    .chip-mobile-only { display: inline-flex !important; }
    /* FreeActiveOrders filter-panel placement */
    .fao-toolbar-filters { display: none !important; }
    .fao-mobile-filters-in-panel { display: block !important; }
    /* Hide Filtrele text, icon only */
    .filter-toggle-btn .filter-toggle-label { display: none !important; }
    .filter-toggle-btn { padding: 0 10px !important; }
    /* Panel chip style (white) */
    .fao-mobile-filters-in-panel .mod-filter-pill {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        background: #fff !important;
        color: #1e293b !important;
        border: 1px solid #dfe3ea !important;
        border-radius: 8px !important;
        padding: 10px 14px !important;
        height: auto !important;
        text-align: left;
    }
    .fao-mobile-filters-in-panel .mod-filter-pill i.fa-chevron-down {
        margin-left: auto !important;
        color: #64748b !important;
    }
    .fao-mobile-filters-in-panel .dropdown-wrapper { width: 100%; }
    .fao-mobile-filters-in-panel .form-group.row { margin-bottom: 12px; }
}

/* Mobile + tablet (≤991px): toolbar layout + inside-panel chip-select */
@media (max-width: 991px) {
    .section-wrap { overflow: visible !important; }
    .filter-toggle-col { margin-left: auto !important; }
    .market-action .form-row,
    .module.market-action .form-row {
        flex-wrap: nowrap !important;
        width: 100%;
    }
    /* Pages whose .left col contains buttons (not a title): keep .left/.right on same row */
    .free-ao-compact .module.market-action > .row,
    .bist-ao-compact .module.market-action > .row,
    .spot-ao-compact .module.market-action > .row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }
    .free-ao-compact .module.market-action > .row > [class*="col-"].left,
    .bist-ao-compact .module.market-action > .row > [class*="col-"].left,
    .spot-ao-compact .module.market-action > .row > [class*="col-"].left,
    .free-ao-compact .module.market-action > .row > [class*="col-"].right,
    .bist-ao-compact .module.market-action > .row > [class*="col-"].right,
    .spot-ao-compact .module.market-action > .row > [class*="col-"].right {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex-basis: auto !important;
    }
    .free-ao-compact .module.market-action > .row > [class*="col-"].left,
    .bist-ao-compact .module.market-action > .row > [class*="col-"].left,
    .spot-ao-compact .module.market-action > .row > [class*="col-"].left { flex: 0 1 auto !important; }
    .free-ao-compact .module.market-action > .row > [class*="col-"].right,
    .bist-ao-compact .module.market-action > .row > [class*="col-"].right,
    .spot-ao-compact .module.market-action > .row > [class*="col-"].right { flex: 1 1 auto !important; }
    .free-ao-compact .module.market-action .action-filter,
    .bist-ao-compact .module.market-action .action-filter,
    .spot-ao-compact .module.market-action .action-filter {
        float: none !important;
        display: flex !important;
        justify-content: flex-end !important;
    }
    .free-ao-compact .module.market-action .action-filter .form-row,
    .bist-ao-compact .module.market-action .action-filter .form-row,
    .spot-ao-compact .module.market-action .action-filter .form-row {
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        margin: 0 !important;
    }
    /* chip-select inside filter panel: white bg, full width, taller (matches other form fields) */
    .other-filter-content .chip-select {
        width: 100% !important;
        height: 38px !important;
        background-color: #fff !important;
        border-color: #dfe3ea !important;
        color: #1e293b !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        padding: 0 32px 0 14px !important;
        border-radius: 6px !important;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") !important;
        background-position: right 12px center !important;
    }
}

/* =====================================================
   LOGIN — Mobile: compact top blue panel
   ===================================================== */
@media (max-width: 991px) {
    .login-content .login-content-left {
        padding: 24px 30px 20px !important;
    }
    .login-content-left-wrapper {
        padding-top: 0 !important;
        height: auto !important;
        align-items: flex-start !important;
    }
    .login-content .login-content-left {
        text-align: left !important;
    }
    .login-content .login-content-left .login-logo img {
        width: 180px !important;
    }
    .login-divider {
        margin: 0.75rem 0 !important;
    }
    .login-content .login-content-left::before {
        display: none !important;
    }
    .login-content .login-content-right {
        padding-top: 40px !important;
        min-height: auto !important;
        justify-content: flex-start !important;
    }
    .login-section {
        margin-bottom: 24px !important;
    }
    .login-section .login-welcome {
        margin-bottom: 12px !important;
    }
    .login-section .login-welcome h2 {
        font-size: 22px !important;
    }
}

/* ============================================
   Active Orders - Group Headers
   ============================================ */
.ao-group-header td {
    background: #f1f5f9;
    padding: 6px 10px !important;
    font-size: 12px;
    border-bottom: 2px solid #e2e8f0;
    user-select: none;
}
.ao-group-header:hover td { background: #e2e8f0; }
.ao-group-header-buy td { background: #eff6ff; border-bottom-color: #bfdbfe; }
.ao-group-header-buy:hover td { background: #dbeafe; }
.ao-group-header-sell td { background: #f0fdf4; border-bottom-color: #bbf7d0; }
.ao-group-header-sell:hover td { background: #dcfce7; }
.ao-group-toggle { margin-right: 8px; font-size: 10px; opacity: 0.6; width: 12px; display: inline-block; text-align: center; }
.ao-group-badge {
    display: inline-block; margin-left: 8px; padding: 1px 7px;
    border-radius: 10px; font-size: 10px; font-weight: 600;
    background: #94a3b8; color: #fff; vertical-align: middle;
}
.ao-group-header-buy .ao-group-badge { background: #3b82f6; }
.ao-group-header-sell .ao-group-badge { background: #22c55e; }

/* Dark mode */
[data-theme="dark"] .ao-group-header td { background: var(--bg-card-alt); border-bottom-color: var(--border-color); }
[data-theme="dark"] .ao-group-header:hover td { background: var(--bg-hover); }
[data-theme="dark"] .ao-group-header-buy td { background: rgba(59,130,246,0.1); border-bottom-color: rgba(59,130,246,0.3); }
[data-theme="dark"] .ao-group-header-buy:hover td { background: rgba(59,130,246,0.15); }
[data-theme="dark"] .ao-group-header-sell td { background: rgba(34,197,94,0.1); border-bottom-color: rgba(34,197,94,0.3); }
[data-theme="dark"] .ao-group-header-sell:hover td { background: rgba(34,197,94,0.15); }


/* ============================================
   OnBoarding Stepper
   ============================================ */
.onboarding-stepper {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 24px 28px;
    margin: 18px 0 22px;
    box-shadow: 0 2px 8px rgba(15,23,42,0.04);
}
.onboarding-stepper-track {
    display: flex;
    align-items: stretch;
    gap: 0;
}
.onboarding-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
    min-width: 0;
    transition: transform .25s ease;
}
.onboarding-step-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    transition: all .3s ease;
    box-shadow: 0 2px 6px rgba(15,23,42,0.08);
}
.onboarding-step-todo .onboarding-step-circle {
    background: #f1f5f9;
    color: #94a3b8;
    border: 2px solid #e2e8f0;
}
.onboarding-step-active .onboarding-step-circle {
    background: linear-gradient(135deg, #01539c 0%, #0077d4 100%);
    color: #fff;
    border: 2px solid #01539c;
    box-shadow: 0 0 0 4px rgba(1,83,156,.15);
    animation: onboarding-pulse 2s ease infinite;
}
.onboarding-step-done .onboarding-step-circle {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    color: #fff;
    border: 2px solid #16a34a;
}
@keyframes onboarding-pulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(1,83,156,.15); }
    50% { box-shadow: 0 0 0 8px rgba(1,83,156,.08); }
}
.onboarding-step-body { min-width: 0; padding-top: 3px; }
.onboarding-step-number {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #94a3b8;
    font-weight: 600;
}
.onboarding-step-active .onboarding-step-number { color: #01539c; }
.onboarding-step-done .onboarding-step-number { color: #16a34a; }
.onboarding-step-label {
    font-size: 14px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 2px;
}
.onboarding-step-todo .onboarding-step-label { color: #64748b; }
.onboarding-step-desc {
    font-size: 12px;
    color: #64748b;
    margin-top: 2px;
    line-height: 1.4;
}
.onboarding-step-connector {
    flex: 0 0 48px;
    height: 2px;
    background: #e2e8f0;
    margin: 24px 8px 0;
    border-radius: 2px;
    align-self: flex-start;
    transition: background .3s ease;
}
.onboarding-step-connector-done {
    background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}
@media (max-width: 768px) {
    .onboarding-stepper { padding: 16px; }
    .onboarding-stepper-track { flex-direction: column; gap: 10px; }
    .onboarding-step-connector { display: none; }
    .onboarding-step-desc { display: none; }
}
[data-theme="dark"] .onboarding-stepper {
    background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-alt) 100%);
    border-color: var(--border-color);
}
[data-theme="dark"] .onboarding-step-label { color: var(--text-primary); }
[data-theme="dark"] .onboarding-step-todo .onboarding-step-circle {
    background: var(--bg-card-alt);
    color: var(--text-muted);
    border-color: var(--border-color);
}

/* ============================================
   Digital Signature Page
   ============================================ */
.digital-signature-hero {
    background: linear-gradient(135deg, #01539c 0%, #0077d4 50%, #00a3ff 100%);
    color: #fff;
    border-radius: 16px;
    padding: 28px 32px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: 0 12px 32px rgba(1,83,156,.22);
    position: relative;
    overflow: hidden;
}
.digital-signature-hero::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
    pointer-events: none;
}
.digital-signature-hero-left {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 1;
}
.digital-signature-hero-icon {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.25);
}
.digital-signature-hero h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #fff;
}
.digital-signature-hero p {
    font-size: 13px;
    margin: 0;
    opacity: 0.92;
    max-width: 640px;
}
.digital-signature-hero-badge {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.3);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(8px);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
    z-index: 1;
}

.digital-signature-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(15,23,42,0.05);
    overflow: hidden;
    margin-bottom: 24px;
}
.digital-signature-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}
@media (max-width: 960px) {
    .digital-signature-body { grid-template-columns: 1fr; }
}
.digital-signature-left {
    padding: 28px;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
}
@media (max-width: 960px) {
    .digital-signature-left { border-right: none; border-bottom: 1px solid #e2e8f0; }
}
.digital-signature-right { padding: 28px; }

.digital-signature-instruction {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 18px;
}
.digital-signature-instruction-title {
    font-weight: 700;
    color: #01539c;
    font-size: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.digital-signature-instruction ol {
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    color: #475569;
    line-height: 1.8;
}
.digital-signature-instruction ol li { padding: 2px 0; }

.digital-signature-legal {
    background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
    border: 1px solid #fcd34d;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 18px;
}
.digital-signature-legal-title {
    font-weight: 700;
    color: #92400e;
    font-size: 14px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.digital-signature-legal p {
    margin: 0;
    font-size: 12.5px;
    color: #78350f;
    line-height: 1.6;
}

.digital-signature-confirm {
    background: #fff;
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    padding: 14px 18px;
    transition: all .2s ease;
}
.digital-signature-confirm:hover { border-color: #01539c; background: #f0f7ff; }
.digital-signature-confirm-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin: 0;
}
.digital-signature-confirm-label input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #01539c;
}
.digital-signature-confirm-label span {
    font-size: 13px;
    color: #334155;
    line-height: 1.5;
}

.digital-signature-pad-label {
    font-weight: 700;
    color: #1e293b;
    font-size: 14px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.digital-signature-pad-label i { color: #01539c; }
.digital-signature-pad-wrap {
    border: 2px solid #01539c;
    border-radius: 12px;
    padding: 4px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(1,83,156,.08);
}
.digital-signature-pad-wrap canvas {
    border-radius: 8px;
    cursor: crosshair;
}
.digital-signature-pad-hint {
    font-size: 12px;
    color: #64748b;
    margin-top: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.digital-signature-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 28px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    gap: 12px;
}
.digital-signature-btn-back {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #475569;
    padding: 10px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.digital-signature-btn-back:hover { background: #f1f5f9; border-color: #94a3b8; }
.digital-signature-btn-submit {
    background: linear-gradient(135deg, #01539c 0%, #0077d4 100%);
    color: #fff;
    border: none;
    padding: 12px 26px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 12px rgba(1,83,156,.25);
    transition: all .2s ease;
}
.digital-signature-btn-submit:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(1,83,156,.35);
}
.digital-signature-btn-submit:disabled { opacity: 0.55; cursor: not-allowed; }

.digital-signature-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(6px);
}
.digital-signature-overlay-inner {
    background: #fff;
    border-radius: 16px;
    padding: 32px 44px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
    max-width: 380px;
}
.digital-signature-overlay-inner p {
    margin: 18px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}
.digital-signature-overlay-spinner {
    display: inline-flex;
    gap: 6px;
}
.digital-signature-overlay-spinner div {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #01539c;
    animation: digital-sig-bounce 1.2s ease infinite;
}
.digital-signature-overlay-spinner div:nth-child(2) { animation-delay: .15s; }
.digital-signature-overlay-spinner div:nth-child(3) { animation-delay: .3s; }
@keyframes digital-sig-bounce {
    0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }
    40% { transform: translateY(-14px); opacity: 1; }
}

.digital-signature-success {
    text-align: center;
    padding: 60px 20px;
    max-width: 560px;
    margin: 40px auto;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}
.digital-signature-success-check {
    width: 96px;
    height: 96px;
    margin: 0 auto 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    box-shadow: 0 12px 32px rgba(22,163,74,.25);
    animation: digital-sig-check 0.55s cubic-bezier(.68,-0.55,.27,1.55);
}
@keyframes digital-sig-check {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.15); opacity: 1; }
    100% { transform: scale(1); }
}
.digital-signature-success h2 {
    color: #15803d;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 10px;
}
.digital-signature-success p {
    color: #64748b;
    font-size: 14px;
    margin: 0 0 20px;
}
.digital-signature-success-dots {
    display: inline-flex;
    gap: 8px;
}
.digital-signature-success-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16a34a;
    animation: digital-sig-bounce 1.2s ease infinite;
}
.digital-signature-success-dots span:nth-child(2) { animation-delay: .15s; }
.digital-signature-success-dots span:nth-child(3) { animation-delay: .3s; }

/* Profile readonly signature */
.profile-signature-box {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 12px;
    max-width: 520px;
}
.profile-signature-box img {
    max-width: 240px;
    height: auto;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}
.profile-signature-meta {
    font-size: 12px;
    color: #64748b;
    line-height: 1.8;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.profile-signature-meta i { width: 14px; color: #01539c; }
.profile-signature-readonly {
    color: #16a34a !important;
    font-weight: 600;
    margin-top: 4px;
}

[data-theme="dark"] .digital-signature-card,
[data-theme="dark"] .digital-signature-instruction,
[data-theme="dark"] .digital-signature-confirm,
[data-theme="dark"] .digital-signature-footer,
[data-theme="dark"] .digital-signature-left,
[data-theme="dark"] .digital-signature-success,
[data-theme="dark"] .profile-signature-box {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-primary);
}
[data-theme="dark"] .digital-signature-left { background: var(--bg-card-alt); }
[data-theme="dark"] .digital-signature-footer { background: var(--bg-card-alt); }


/* ============================================
   Account Documents — Onboarding Mode
   ============================================ */
.account-docs-hero {
    background: linear-gradient(135deg, #01539c 0%, #0077d4 50%, #00a3ff 100%);
    color: #fff;
    border-radius: 16px;
    padding: 26px 32px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    box-shadow: 0 12px 32px rgba(1,83,156,.22);
    position: relative;
    overflow: hidden;
}
.account-docs-hero::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -8%;
    width: 280px;
    height: 280px;
    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
    pointer-events: none;
}
.account-docs-hero-left {
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 1;
    flex: 1;
    min-width: 0;
}
.account-docs-hero-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.25);
}
.account-docs-hero h1 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 4px;
    color: #fff;
}
.account-docs-hero p {
    font-size: 13px;
    margin: 0;
    opacity: 0.92;
    max-width: 560px;
    line-height: 1.5;
}
.account-docs-hero-progress {
    min-width: 220px;
    position: relative;
    z-index: 1;
}
.account-docs-progress-label {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
.account-docs-progress-label span {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .5px;
}
.account-docs-progress-label small {
    font-size: 11px;
    opacity: 0.85;
    text-transform: uppercase;
    letter-spacing: .6px;
}
.account-docs-progress-bar {
    height: 8px;
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
    overflow: hidden;
}
.account-docs-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #22c55e 0%, #4ade80 100%);
    border-radius: 10px;
    transition: width .4s ease;
    box-shadow: 0 0 12px rgba(74, 222, 128, 0.6);
}
@media (max-width: 768px) {
    .account-docs-hero { flex-direction: column; align-items: flex-start; gap: 16px; }
    .account-docs-hero-progress { width: 100%; }
}

/* Document cards (onboarding) */
.account-docs-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #fff;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    cursor: pointer;
    transition: all .22s cubic-bezier(.25,.8,.25,1);
    position: relative;
}
.account-docs-card:hover {
    border-color: #01539c;
    box-shadow: 0 8px 24px rgba(1,83,156,.12);
    transform: translateY(-1px);
}
.account-docs-card-read {
    border-color: #22c55e;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 60%);
}
.account-docs-card-read:hover { border-color: #16a34a; box-shadow: 0 8px 24px rgba(34,197,94,.18); }
.account-docs-card-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #f0f7ff;
    color: #01539c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
.account-docs-card-read .account-docs-card-icon {
    background: #dcfce7;
    color: #16a34a;
}
.account-docs-card-body { flex: 1; min-width: 0; }
.account-docs-card-title {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.4;
}
.account-docs-card-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #01539c;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}
.account-docs-card-read .account-docs-card-num { background: #16a34a; }
.account-docs-card-hint {
    font-size: 12px;
    color: #94a3b8;
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.account-docs-card-read .account-docs-card-hint { display: none; }
.account-docs-card-badge { flex-shrink: 0; }
.account-docs-badge-read,
.account-docs-badge-unread {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}
.account-docs-badge-read {
    background: #dcfce7;
    color: #15803d;
    border: 1px solid #86efac;
}
.account-docs-badge-unread {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

/* Approve card */
.account-docs-approve-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 22px 26px;
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 24px;
    box-shadow: 0 4px 16px rgba(15,23,42,0.05);
}
@media (max-width: 900px) {
    .account-docs-approve-card { grid-template-columns: 1fr; }
}
.account-docs-approve-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
.account-docs-approve-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #b45309;
    border: 1px solid #fcd34d;
}
.account-docs-approve-card:has(.account-docs-approve-ready) .account-docs-approve-icon {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #15803d;
    border-color: #86efac;
}
.account-docs-approve-title {
    font-weight: 700;
    font-size: 14px;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 6px;
}
.account-docs-approve-title i { color: #01539c; }
.account-docs-approve-subtitle {
    margin-top: 4px;
    font-size: 12.5px;
}
.account-docs-approve-locked {
    color: #92400e;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}
.account-docs-approve-ready {
    color: #15803d;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-weight: 600;
}
.account-docs-approve-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
    min-width: 300px;
}
@media (max-width: 900px) {
    .account-docs-approve-right { min-width: 0; }
}
.account-docs-approve-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin: 0;
    padding: 10px 14px;
    border: 2px dashed #cbd5e1;
    border-radius: 10px;
    background: #f8fafc;
    transition: all .2s;
}
.account-docs-approve-check:not(.disabled):hover {
    border-color: #01539c;
    background: #f0f7ff;
}
.account-docs-approve-check.disabled {
    opacity: 0.55;
    cursor: not-allowed;
    background: #f1f5f9;
}
.account-docs-approve-check input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    cursor: pointer;
    accent-color: #01539c;
    flex-shrink: 0;
}
.account-docs-approve-check.disabled input[type="checkbox"] { cursor: not-allowed; }
.account-docs-approve-check span {
    font-size: 13px;
    color: #334155;
    line-height: 1.45;
}
.account-docs-approve-btn {
    background: linear-gradient(135deg, #01539c 0%, #0077d4 100%);
    color: #fff;
    border: none;
    padding: 12px 22px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13.5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(1,83,156,.25);
    transition: all .2s;
}
.account-docs-approve-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(1,83,156,.35);
}
.account-docs-approve-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: #94a3b8;
    box-shadow: none;
}

[data-theme="dark"] .account-docs-card { background: var(--bg-card); border-color: var(--border-color); }
[data-theme="dark"] .account-docs-card-title { color: var(--text-primary); }
[data-theme="dark"] .account-docs-approve-card,
[data-theme="dark"] .account-docs-approve-check { background: var(--bg-card); border-color: var(--border-color); }
[data-theme="dark"] .account-docs-approve-title,
[data-theme="dark"] .account-docs-approve-check span { color: var(--text-primary); }

/* ========================================================================== */
/* Tanıtım Videosu (Introduction Video) — Modal player with scene animations  */
/* ========================================================================== */

.tv-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(ellipse at center, rgba(1,53,100,0.92) 0%, rgba(0,12,28,0.98) 100%);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: tvFadeIn .3s ease;
    padding: 20px;
}

.tv-player {
    background: linear-gradient(180deg, #0b1d3a 0%, #06122a 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    width: 100%;
    max-width: 980px;
    max-height: 92vh;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05);
    display: flex;
    flex-direction: column;
    animation: tvSlideIn .35s cubic-bezier(.2,.9,.3,1.2);
    color: #fff;
}

@keyframes tvFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes tvSlideIn { from { opacity: 0; transform: translateY(20px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }

.tv-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
}

.tv-brand { display: flex; flex-direction: column; gap: 2px; }
.tv-brand-logo {
    font-size: 1.25rem;
    font-weight: 800;
    background: linear-gradient(135deg, #f7c04a 0%, #ffdf7b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .3px;
}
.tv-brand-sub { font-size: .72rem; color: #94a3b8; letter-spacing: 1px; text-transform: uppercase; }

.tv-header-actions { display: flex; align-items: center; gap: 12px; }
.tv-step-indicator {
    font-size: .8rem;
    color: #cbd5e1;
    background: rgba(255,255,255,0.06);
    padding: 6px 12px;
    border-radius: 20px;
    font-weight: 600;
}

.tv-close-btn {
    background: rgba(255,255,255,0.08);
    border: none;
    color: #fff;
    width: 34px; height: 34px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s;
    font-size: .9rem;
}
.tv-close-btn:hover { background: rgba(255,77,77,0.3); color: #ff6b6b; transform: rotate(90deg); }

/* Stage */
.tv-stage {
    position: relative;
    flex: 1;
    min-height: 380px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(ellipse at top, rgba(1,83,156,0.15) 0%, transparent 70%);
}

.tv-scene {
    width: 100%;
    max-width: 820px;
    animation: tvSceneIn .5s cubic-bezier(.2,.9,.3,1.1);
}

@keyframes tvSceneIn {
    from { opacity: 0; transform: translateY(16px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.tv-user-badge {
    position: absolute;
    top: 16px;
    right: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(247,192,74,0.15);
    border: 1px solid rgba(247,192,74,0.35);
    color: #ffdf7b;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: .8rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
    animation: tvBadgePulse 3s ease-in-out infinite;
}
.tv-user-badge i { font-size: 1rem; }

@keyframes tvBadgePulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(247,192,74,0.4); }
    50% { box-shadow: 0 0 0 8px rgba(247,192,74,0); }
}

/* Caption */
.tv-caption {
    display: flex;
    gap: 16px;
    padding: 18px 28px;
    background: linear-gradient(180deg, rgba(1,53,100,0.3) 0%, rgba(1,30,60,0.5) 100%);
    border-top: 1px solid rgba(255,255,255,0.08);
    align-items: flex-start;
}
.tv-caption-icon {
    width: 48px; height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, #01539c 0%, #0277bd 100%);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    font-size: 1.2rem;
    box-shadow: 0 4px 12px rgba(1,83,156,0.4);
}
.tv-caption-text { flex: 1; }
.tv-caption-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #ffdf7b;
    margin-bottom: 4px;
    letter-spacing: .2px;
}
.tv-caption-body {
    font-size: .9rem;
    color: #cbd5e1;
    line-height: 1.55;
}

/* Progress */
.tv-progress-track {
    display: flex;
    gap: 4px;
    padding: 12px 28px 6px;
    background: rgba(0,0,0,0.25);
}
.tv-progress-seg {
    flex: 1;
    height: 4px;
    background: rgba(255,255,255,0.12);
    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: background .2s;
}
.tv-progress-seg:hover { background: rgba(255,255,255,0.2); }
.tv-progress-seg.done { background: #f7c04a; }
.tv-progress-seg.active { background: rgba(247,192,74,0.3); }
.tv-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #f7c04a 0%, #ffdf7b 100%);
    transition: width .1s linear;
}

/* Controls */
.tv-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 28px 18px;
    background: rgba(0,0,0,0.25);
}
.tv-ctrl-btn {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);
    color: #fff;
    width: 42px; height: 42px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s;
    display: flex; align-items: center; justify-content: center;
    font-size: .95rem;
}
.tv-ctrl-btn:hover:not(:disabled) { background: rgba(255,255,255,0.16); transform: translateY(-1px); }
.tv-ctrl-btn:disabled { opacity: .35; cursor: not-allowed; }
.tv-ctrl-btn.tv-ctrl-main {
    width: 56px; height: 56px;
    background: linear-gradient(135deg, #f7c04a 0%, #e8a820 100%);
    border-color: #f7c04a;
    color: #0a1628;
    font-size: 1.2rem;
    box-shadow: 0 4px 18px rgba(247,192,74,0.4);
}
.tv-ctrl-btn.tv-ctrl-main:hover { transform: translateY(-2px); box-shadow: 0 6px 22px rgba(247,192,74,0.55); }

.tv-controls-right { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.tv-skip-btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.25);
    color: #cbd5e1;
    padding: 9px 20px;
    border-radius: 22px;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
    transition: all .2s;
}
.tv-skip-btn:hover { border-color: #f7c04a; color: #ffdf7b; }

/* --------------------------- Scene visuals ------------------------------- */

.tv-mock {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

/* Browser mock wrapper */
.tv-browser {
    width: 100%;
    max-width: 760px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    color: #1a2332;
}
.tv-browser-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #e8edf3;
    border-bottom: 1px solid #d1d9e6;
}
.tv-browser-bar.compact { padding: 8px 14px; }
.tv-dot { width: 11px; height: 11px; border-radius: 50%; }
.tv-dot.r { background: #ff5f57; }
.tv-dot.y { background: #ffbd2e; }
.tv-dot.g { background: #28ca42; }
.tv-url {
    flex: 1;
    background: #fff;
    border: 1px solid #d1d9e6;
    border-radius: 6px;
    padding: 4px 12px;
    font-size: .75rem;
    color: #64748b;
    margin-left: 8px;
}
.tv-browser-body {
    padding: 18px;
    min-height: 220px;
    background: #f7f9fc;
}

/* Welcome scene */
.tv-mock-welcome { text-align: center; padding: 20px; }
.tv-welcome-ring {
    width: 110px; height: 110px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f7c04a 0%, #e8a820 100%);
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem;
    color: #0a1628;
    margin: 0 auto 16px;
    box-shadow: 0 10px 40px rgba(247,192,74,0.5);
    animation: tvRingPulse 2.5s ease-in-out infinite;
}
@keyframes tvRingPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 10px 40px rgba(247,192,74,0.5); }
    50% { transform: scale(1.05); box-shadow: 0 10px 60px rgba(247,192,74,0.8); }
}
.tv-welcome-title {
    font-size: 1.8rem;
    font-weight: 800;
    background: linear-gradient(135deg, #f7c04a 0%, #ffdf7b 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 8px;
}
.tv-welcome-greet { font-size: 1.1rem; color: #fff; margin-bottom: 8px; }
.tv-welcome-greet strong { color: #ffdf7b; }
.tv-welcome-sub { color: #94a3b8; font-size: .9rem; }

/* Login scene */
.tv-login-body { display: flex; align-items: center; justify-content: center; padding: 24px; }
.tv-login-card {
    width: 320px;
    background: linear-gradient(135deg, #01539c 0%, #013564 100%);
    border-radius: 14px;
    padding: 22px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(1,53,100,0.4);
}
.tv-login-logo {
    font-size: 1.5rem;
    font-weight: 800;
    color: #ffdf7b;
    text-align: center;
    margin-bottom: 16px;
}
.tv-field {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.1);
    padding: 10px 14px;
    border-radius: 8px;
    margin-bottom: 10px;
    font-size: .85rem;
}
.tv-field i { color: #ffdf7b; width: 16px; }
.tv-login-btn {
    background: linear-gradient(135deg, #f7c04a 0%, #e8a820 100%);
    color: #0a1628;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    font-weight: 700;
    margin-top: 8px;
}
.tv-login-helper {
    font-size: .75rem;
    color: #cbd5e1;
    margin-top: 12px;
    padding: 8px;
    background: rgba(255,255,255,0.06);
    border-radius: 6px;
    line-height: 1.4;
}
.tv-login-helper i { color: #f7c04a; margin-right: 4px; }

/* Dashboard scene */
.tv-kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.tv-kpi {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.tv-kpi-label { font-size: .7rem; color: #64748b; margin-bottom: 4px; font-weight: 600; text-transform: uppercase; letter-spacing: .3px; }
.tv-kpi-val { font-size: 1rem; color: #01539c; font-weight: 700; }
.tv-widget-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.tv-widget {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 18px;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    color: #334155;
    font-size: .8rem;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.tv-widget i { font-size: 1.4rem; color: #01539c; }

/* Free market tabs */
.tv-tabs { display: flex; gap: 4px; margin-bottom: 10px; border-bottom: 1px solid #e2e8f0; }
.tv-tab {
    padding: 8px 16px;
    font-size: .8rem;
    color: #64748b;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
}
.tv-tab.active {
    background: #01539c;
    color: #fff;
}
.tv-table { background: #fff; border-radius: 8px; overflow: hidden; border: 1px solid #e2e8f0; }
.tv-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    padding: 10px 14px;
    font-size: .8rem;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    align-items: center;
}
.tv-row.header {
    background: #f7f9fc;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-size: .72rem;
}
.tv-row:last-child { border-bottom: none; }
.tv-buy { color: #16a34a; font-weight: 700; }
.tv-sell { color: #dc2626; font-weight: 700; }
.tv-ok { color: #16a34a; font-weight: 600; }
.tv-pend { color: #f59e0b; font-weight: 600; }

/* BIST order book */
.tv-bist-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.tv-bist-badge {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    color: #fff;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 700;
    font-size: .85rem;
}
.tv-bist-badge span { font-size: .7rem; opacity: .85; margin-left: 6px; }
.tv-live-dot {
    width: 10px; height: 10px;
    background: #22c55e;
    border-radius: 50%;
    box-shadow: 0 0 12px #22c55e;
    animation: tvBlink 1.2s ease-in-out infinite;
}
@keyframes tvBlink { 50% { opacity: .4; } }

.tv-orderbook { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tv-ob-col { background: #fff; border-radius: 8px; padding: 10px; border: 1px solid #e2e8f0; }
.tv-ob-title { font-size: .75rem; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #f1f5f9; }
.tv-ob-row {
    display: flex; justify-content: space-between;
    padding: 6px 8px; font-size: .82rem;
    border-radius: 4px;
}
.tv-ob-row:nth-child(odd) { background: #f7f9fc; }

/* Spot cards */
.tv-spot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.tv-spot-card {
    background: #fff;
    border-radius: 10px;
    padding: 16px;
    text-align: center;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.tv-spot-name { font-size: .9rem; color: #64748b; font-weight: 700; margin-bottom: 6px; }
.tv-spot-price { font-size: 1.4rem; font-weight: 800; color: #01539c; margin-bottom: 4px; }
.tv-spot-change { font-size: .8rem; font-weight: 700; }
.tv-spot-change.up { color: #16a34a; }
.tv-spot-change.down { color: #dc2626; }

/* Accounts list */
.tv-acc-list { display: flex; flex-direction: column; gap: 8px; }
.tv-acc {
    background: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.tv-acc i {
    width: 40px; height: 40px;
    background: linear-gradient(135deg, #01539c 0%, #0277bd 100%);
    color: #fff;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.tv-acc > div { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.tv-acc-name { font-size: .85rem; color: #64748b; font-weight: 600; }
.tv-acc-bal { font-size: 1rem; color: #01539c; font-weight: 800; }

/* Order pills */
.tv-pill-row { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.tv-pill {
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #64748b;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}
.tv-pill i { font-size: .7rem; }
.tv-pill.active { background: #01539c; color: #fff; border-color: #01539c; }

/* Transactions grid */
.tv-tx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.tv-tx-card {
    background: #fff;
    border-radius: 10px;
    padding: 18px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: .82rem;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}
.tv-tx-card i {
    font-size: 1.4rem;
    color: #01539c;
    background: #f0f7ff;
    width: 44px; height: 44px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}

/* Profile scene */
.tv-profile-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e2e8f0;
}
.tv-profile-avatar {
    width: 56px; height: 56px;
    background: linear-gradient(135deg, #01539c 0%, #0277bd 100%);
    color: #fff;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
}
.tv-profile-name { font-size: 1.05rem; font-weight: 800; color: #01539c; }
.tv-profile-sub { font-size: .78rem; color: #64748b; }
.tv-profile-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.tv-profile-card {
    background: #fff;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e2e8f0;
    font-size: .85rem;
    color: #334155;
    font-weight: 600;
}
.tv-profile-card i { color: #01539c; width: 18px; }

/* Help scene */
.tv-mock-help .tv-browser-body { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px; }
.tv-help-ring {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #01539c 0%, #0277bd 100%);
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 18px;
    box-shadow: 0 6px 20px rgba(1,83,156,0.3);
}
.tv-help-items { display: flex; flex-direction: column; gap: 8px; width: 100%; max-width: 360px; }
.tv-help-item {
    background: #fff;
    border-radius: 8px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: .9rem;
    font-weight: 600;
}
.tv-help-item i { color: #01539c; font-size: 1rem; width: 20px; }

/* Closing scene */
.tv-mock-closing { text-align: center; padding: 20px; }
.tv-closing-ring {
    width: 110px; height: 110px;
    border-radius: 50%;
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem;
    color: #fff;
    margin: 0 auto 18px;
    box-shadow: 0 10px 40px rgba(34,197,94,0.5);
    animation: tvRingPulse 2s ease-in-out infinite;
}
.tv-closing-title {
    font-size: 1.8rem;
    font-weight: 800;
    background: linear-gradient(135deg, #22c55e 0%, #86efac 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}
.tv-closing-greet { font-size: 1.05rem; color: #fff; margin-bottom: 8px; }
.tv-closing-greet strong { color: #ffdf7b; }
.tv-closing-sub { color: #94a3b8; font-size: .9rem; max-width: 520px; margin: 0 auto; line-height: 1.5; }

/* ===== v2 Scene visuals — realistic mockups ===== */

/* Login 2-step */
.tv-login-steps {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}
.tv-login-step { position: relative; }
.tv-login-step-badge {
    position: absolute;
    top: -12px; left: 12px;
    width: 28px; height: 28px;
    background: linear-gradient(135deg, #f7c04a 0%, #e8a820 100%);
    color: #0a1628;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800;
    font-size: .9rem;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(247,192,74,0.4);
}
.tv-login-card {
    background: linear-gradient(135deg, #01539c 0%, #013564 100%);
    border-radius: 12px;
    padding: 20px 18px 18px;
    color: #fff;
    box-shadow: 0 10px 30px rgba(1,53,100,0.4);
}
.tv-login-title {
    font-size: .75rem;
    color: #ffdf7b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px;
}
.tv-login-forgot {
    font-size: .7rem;
    color: #cbd5e1;
    margin: 6px 0 8px;
    text-align: right;
}
.tv-login-forgot i { color: #f7c04a; margin-right: 3px; }
.tv-login-btn.primary {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(34,197,94,0.35);
}
.tv-login-arrow {
    width: 48px; height: 48px;
    border-radius: 50%;
    background: rgba(247,192,74,0.2);
    color: #ffdf7b;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
    animation: tvArrow 1.8s ease-in-out infinite;
}
@keyframes tvArrow {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(6px); }
}

/* Dashboard redesign */
.tv-dash-body { padding: 10px 14px 14px; font-size: 11px; }
.tv-dash-hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px 6px 0 0;
    margin-bottom: 0;
}
.tv-dash-hdr-title {
    font-size: .82rem;
    font-weight: 700;
    color: #1e293b;
}
.tv-dash-hdr-actions { display: flex; gap: 6px; }
.tv-dash-hdr-btn {
    background: #fff;
    border: 1px solid #d1d9e6;
    padding: 3px 10px;
    border-radius: 14px;
    font-size: .7rem;
    font-weight: 600;
    color: #01539c;
}
.tv-dash-hdr-btn.primary { background: #01539c; color: #fff; border-color: #01539c; }
.tv-dash-hdr-btn i { margin-right: 3px; }

.tv-dash-topgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: none;
}
.tv-dash-mini {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 8px 10px;
    min-height: 78px;
}
.tv-dash-mini-hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .72rem;
    color: #475569;
    font-weight: 700;
    margin-bottom: 6px;
}
.tv-dash-mini-hdr i { color: #94a3b8; }
.tv-dash-sel {
    background: #fff;
    border: 1px solid #d1d9e6;
    padding: 2px 8px;
    border-radius: 4px;
    color: #334155;
    font-size: .68rem;
    font-weight: 500;
}
.tv-dash-sel.small { font-size: .65rem; padding: 1px 6px; }
.tv-dash-sel i { margin-left: 4px; font-size: .6rem; color: #94a3b8; }
.tv-dash-mini-empty {
    display: flex; align-items: center; justify-content: center;
    height: 50px;
    color: #cbd5e1;
    font-size: 1.4rem;
}
.tv-dash-mini-empty.small { font-size: .7rem; color: #94a3b8; font-weight: 500; }
.tv-dash-mini-chart {
    height: 50px;
    padding: 4px 0;
}
.tv-dash-mini-chart svg { width: 100%; height: 100%; }

.tv-dash-2tbl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}
.tv-dash-tbl {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}
.tv-dash-tbl-hdr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    font-size: .72rem;
    font-weight: 700;
    color: #1e293b;
}
.tv-dash-tbl-row {
    display: grid;
    grid-template-columns: 0.6fr 1fr 1fr 1fr;
    padding: 5px 10px;
    font-size: .68rem;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    align-items: center;
}
.tv-dash-tbl-row:last-child { border-bottom: none; }
.tv-dash-tbl-row.header {
    background: #fafbfc;
    font-weight: 700;
    color: #64748b;
    font-size: .62rem;
    text-transform: uppercase;
}
.tv-dash-tbl-row span:last-child { text-align: right; font-weight: 700; color: #01539c; }
.tv-dash-tbl-row.header span:last-child { color: #64748b; font-weight: 700; }

.tv-dash-subtabs {
    display: flex;
    gap: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 0;
    margin-top: 6px;
    overflow: hidden;
}
.tv-dash-subtab {
    padding: 6px 12px;
    font-size: .7rem;
    color: #64748b;
    font-weight: 600;
    border-right: 1px solid #e2e8f0;
    flex: 1;
    text-align: center;
}
.tv-dash-subtab:last-child { border-right: none; }
.tv-dash-subtab.active {
    background: #01539c;
    color: #fff;
}

/* Free Market / Market tabs shared */
.tv-market-tabs {
    display: flex;
    gap: 2px;
    margin-bottom: 10px;
    border-bottom: 2px solid #c7a44a;
    overflow-x: auto;
}
.tv-market-tab {
    padding: 8px 14px;
    font-size: .75rem;
    color: #64748b;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    background: transparent;
}
.tv-market-tab.active {
    background: #fff;
    color: #01539c;
    border-color: #e2e8f0;
    border-bottom: 2px solid #fff;
    margin-bottom: -2px;
    position: relative;
    z-index: 1;
}

.tv-table.fm-table { overflow-x: auto; }
.tv-row.fm-header {
    grid-template-columns: 1fr 1.4fr 0.6fr 1fr 1fr 1fr;
    font-size: .65rem;
}
.tv-row.fm-row {
    grid-template-columns: 1fr 1.4fr 0.6fr 1fr 1fr 1fr;
    font-size: .75rem;
    animation: tvSceneIn .25s ease;
}
.tv-row.fm-row span:first-child i { color: #01539c; margin-right: 3px; font-size: .65rem; }

.tv-fm-hedge-badge {
    margin-top: 10px;
    padding: 8px 14px;
    background: linear-gradient(90deg, rgba(34,197,94,0.08) 0%, rgba(34,197,94,0.03) 100%);
    border-left: 3px solid #22c55e;
    border-radius: 4px;
    font-size: .78rem;
    color: #15803d;
    font-weight: 600;
    text-align: center;
}
.tv-fm-hedge-badge i { color: #16a34a; margin-right: 6px; }

/* BIST + Spot shared grid */
.tv-bist-filters {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.tv-bist-pill {
    padding: 5px 14px;
    border: 1px solid #d1d9e6;
    border-radius: 16px;
    font-size: .72rem;
    color: #64748b;
    font-weight: 600;
    background: #fff;
    cursor: pointer;
}
.tv-bist-pill.active {
    background: #01539c;
    color: #fff;
    border-color: #01539c;
}
.tv-bist-pill i { font-size: .65rem; margin: 0 3px; }

.tv-bist-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
}
.tv-bist-panel {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}
.tv-bist-panel-title {
    padding: 8px 12px;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
}
.tv-bist-panel.buy .tv-bist-panel-title {
    background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%);
}
.tv-bist-panel.sell .tv-bist-panel-title {
    background: linear-gradient(90deg, #15803d 0%, #22c55e 100%);
}
.tv-bist-row {
    display: grid;
    grid-template-columns: 0.4fr 1fr 0.7fr 1fr 0.6fr;
    padding: 6px 10px;
    font-size: .72rem;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    align-items: center;
}
.tv-bist-row.spot {
    grid-template-columns: 1.2fr 1fr 0.6fr;
}
.tv-bist-row.header {
    background: #f8fafc;
    font-weight: 700;
    color: #64748b;
    font-size: .6rem;
    text-transform: uppercase;
}
.tv-bist-row:last-child { border-bottom: none; }
.tv-bist-row span:nth-child(4) { font-weight: 700; color: #01539c; font-variant-numeric: tabular-nums; }
.tv-bist-row.spot span:nth-child(2) { font-weight: 700; color: #01539c; font-variant-numeric: tabular-nums; }

.tv-bist-realized {
    padding: 8px 14px;
    background: #f1f5f9;
    border-radius: 4px;
    font-size: .75rem;
    color: #334155;
    font-weight: 600;
}
.tv-bist-realized i { color: #16a34a; margin-right: 6px; }
.tv-bist-realized-val { color: #01539c; margin-left: 10px; font-variant-numeric: tabular-nums; }

/* Spot top */
.tv-spot-top {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 10px;
}
.tv-spot-new-btn {
    background: linear-gradient(135deg, #01539c 0%, #013564 100%);
    color: #fff;
    padding: 6px 16px;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(1,53,100,0.25);
}
.tv-spot-new-btn i { margin: 0 4px; font-size: .7rem; }

.tv-spot-feats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 10px;
}
.tv-spot-feat {
    padding: 8px 10px;
    background: linear-gradient(90deg, rgba(1,83,156,0.08) 0%, rgba(1,83,156,0.02) 100%);
    border-left: 3px solid #01539c;
    border-radius: 4px;
    font-size: .72rem;
    color: #01539c;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}
.tv-spot-feat i { font-size: .9rem; }

/* Accounts redesign */
.tv-acc-types {
    display: flex;
    gap: 2px;
    margin-bottom: 10px;
    border-bottom: 2px solid #c7a44a;
}
.tv-acc-type {
    padding: 8px 16px;
    font-size: .78rem;
    color: #64748b;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
}
.tv-acc-type.active {
    background: #01539c;
    color: #fff;
}

.tv-row.acc-header, .tv-row.acc-row {
    grid-template-columns: 0.6fr 1fr 1fr 1fr 1fr;
}

.tv-acc-subtabs {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}
.tv-acc-subtab {
    flex: 1;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 600;
    color: #64748b;
    text-align: center;
}
.tv-acc-subtab.active {
    background: rgba(1,83,156,0.08);
    border-color: #01539c;
    color: #01539c;
}
.tv-acc-subtab i { margin-right: 6px; color: #01539c; }

/* Orders redesign */
.tv-ord-tabs {
    display: flex;
    gap: 4px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.tv-ord-tab {
    padding: 5px 12px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    font-size: .72rem;
    color: #64748b;
    font-weight: 600;
}
.tv-ord-tab.active {
    background: #01539c;
    color: #fff;
    border-color: #01539c;
}
.tv-ord-tab i { margin-right: 4px; font-size: .65rem; }

.tv-ord-markets {
    display: flex; gap: 14px; margin-bottom: 8px;
    font-size: .7rem; color: #64748b;
}
.tv-ord-market i.sm { color: #16a34a; font-size: .55rem; margin-right: 4px; }
.tv-ord-market i.bist { color: #dc2626; font-size: .55rem; margin-right: 4px; }
.tv-ord-market i.spot { color: #0891b2; font-size: .55rem; margin-right: 4px; }

.tv-row.ord-header, .tv-row.ord-row {
    grid-template-columns: 0.7fr 1fr 1.2fr 0.8fr 1fr 0.9fr;
}

.tv-ord-hint {
    margin-top: 10px;
    padding: 8px 14px;
    background: rgba(247,192,74,0.1);
    border-left: 3px solid #f7c04a;
    border-radius: 4px;
    font-size: .75rem;
    color: #8b6914;
    font-weight: 600;
}
.tv-ord-hint i { color: #c7a44a; margin-right: 6px; }

/* Responsive */
@media (max-width: 720px) {
    .tv-player { max-height: 100vh; border-radius: 0; }
    .tv-overlay { padding: 0; }
    .tv-kpi-row, .tv-widget-grid, .tv-spot-grid, .tv-tx-grid { grid-template-columns: repeat(2, 1fr); }
    .tv-profile-cards { grid-template-columns: 1fr; }
    .tv-orderbook { grid-template-columns: 1fr; }
    .tv-caption { padding: 14px 18px; }
    .tv-caption-title { font-size: .95rem; }
    .tv-caption-body { font-size: .82rem; }
    .tv-stage { padding: 16px 14px; min-height: 300px; }
    .tv-row { grid-template-columns: 2fr 1fr 1fr; }
    .tv-row span:nth-child(4) { display: none; }
    .tv-user-badge { right: 10px; top: 10px; font-size: .7rem; padding: 4px 10px; }
    .tv-login-steps { grid-template-columns: 1fr; }
    .tv-login-arrow { transform: rotate(90deg); margin: 0 auto; }
    .tv-dash-topgrid, .tv-dash-2tbl, .tv-spot-feats, .tv-bist-grid { grid-template-columns: 1fr; }
    .tv-spot-feat { font-size: .7rem; }
}

/* ========================================================================
   LANGUAGE SWITCHER (12 languages)
   ======================================================================== */
.lang-switcher { position: relative; }
.lang-switcher .lang-flag {
    display: inline-block;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", system-ui, sans-serif;
    font-size: 1.1em;
    line-height: 1;
}

/* Header variant dropdown */
.lang-switcher-header .dropdown-menu,
.lang-switcher-header .lang-dropdown {
    min-width: 200px;
    max-height: 420px;
    overflow-y: auto;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 6px;
    border: 1px solid rgba(0,0,0,0.08);
    z-index: 10000;
}
.lang-switcher-header .dropdown-item {
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.lang-switcher-header .dropdown-item:hover,
.lang-switcher-header .dropdown-item:focus {
    background-color: #f2f6fb;
    color: #01539c;
}
.lang-switcher-header .dropdown-item.active {
    background-color: #01539c;
    color: #fff;
}
.lang-switcher-header .dropdown-item.active .lang-code { color: rgba(255,255,255,0.85) !important; opacity: 1 !important; }
.lang-switcher-header .dropdown-item .lang-name { flex: 1; text-align: left; }

/* Login variant dropdown */
.lang-switcher-login .login-toggle {
    color: #fff;
    text-decoration: none;
    padding: 6px 12px;
    border-radius: 6px;
    background-color: rgba(255,255,255,0.12);
    transition: background-color 0.15s ease;
}
.lang-switcher-login .login-toggle:hover { background-color: rgba(255,255,255,0.22); }
.lang-switcher-login .login-list,
.lang-switcher-login .lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 6px;
    min-width: 210px;
    max-height: 420px;
    overflow-y: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    padding: 6px;
    z-index: 10010;
}
.lang-switcher-login .dropdown-item {
    padding: 9px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.lang-switcher-login .dropdown-item:hover { background-color: #f2f6fb; color: #01539c; }
.lang-switcher-login .dropdown-item.active { background-color: #01539c; color: #fff; }
.lang-switcher-login .dropdown-item.active .lang-code { color: rgba(255,255,255,0.85) !important; opacity: 1 !important; }
.lang-switcher-login .dropdown-item .lang-name { flex: 1; text-align: left; }

/* Dark mode */
[data-theme="dark"] .lang-switcher-header .dropdown-menu,
[data-theme="dark"] .lang-switcher-login .lang-dropdown,
[data-theme="dark"] .lang-switcher-login .login-list {
    background-color: #1e2a38;
    border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .lang-switcher-header .dropdown-item,
[data-theme="dark"] .lang-switcher-login .dropdown-item { color: #e4e8ed; }
[data-theme="dark"] .lang-switcher-header .dropdown-item:hover,
[data-theme="dark"] .lang-switcher-login .dropdown-item:hover {
    background-color: rgba(1, 83, 156, 0.25);
    color: #fff;
}

/* RTL support — activated when document [dir="rtl"] */
html[dir="rtl"] body { direction: rtl; text-align: right; }
html[dir="rtl"] .login-content-left,
html[dir="rtl"] .login-content-right { direction: rtl; }
html[dir="rtl"] .navigation .menu > ul > li { float: right; }
html[dir="rtl"] .dropdown-menu-right { right: auto; left: 0; }
html[dir="rtl"] .lang-switcher-login .login-list { right: auto; left: 0; }
html[dir="rtl"] .lang-switcher .dropdown-item .lang-name { text-align: right; }
html[dir="rtl"] .lang-switcher .lang-code { margin-left: 0 !important; margin-right: auto; }
html[dir="rtl"] .lang-switcher .lang-flag { margin-right: 0; margin-left: 6px; }
html[dir="rtl"] .fa-chevron-right:before { content: "\f053"; }
html[dir="rtl"] .fa-chevron-left:before { content: "\f054"; }
html[dir="rtl"] .breadcrumb-content-right .back i.fa-arrow-left:before { content: "\f061"; }