html[data-brand="payroll"] {
    --payroll-bg: #0b1020;
    --payroll-bg-soft: #0f172a;
    --payroll-surface: #111827;
    --payroll-surface-2: #172033;
    --payroll-surface-3: #1e293b;
    --payroll-border: rgba(249, 115, 22, 0.18);
    --payroll-border-strong: rgba(249, 115, 22, 0.28);
    --payroll-text: #f8fafc;
    --payroll-text-soft: #cbd5e1;
    --payroll-text-dim: #94a3b8;
    --payroll-accent: #f97316;
    --payroll-accent-2: #ea580c;
    --payroll-accent-3: #fb923c;
    --payroll-accent-soft: rgba(249, 115, 22, 0.12);
    --payroll-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

html[data-brand="payroll"],
html[data-brand="payroll"] body,
html[data-brand="payroll"] .app-layout,
html[data-brand="payroll"] .main-content,
html[data-brand="payroll"] .content,
html[data-brand="payroll"] .content-area,
html[data-brand="payroll"] .page-content,
html[data-brand="payroll"] .fullscreen-content,
html[data-brand="payroll"] .login-page {
    background:
        radial-gradient(900px 520px at 8% 10%, rgba(251, 146, 60, 0.16), transparent 45%),
        radial-gradient(720px 420px at 92% 14%, rgba(249, 115, 22, 0.10), transparent 38%),
        linear-gradient(180deg, var(--payroll-bg), #0f172a 58%, #111827) !important;
    color: var(--payroll-text) !important;
}

html[data-brand="payroll"] body::before,
html[data-brand="payroll"] body::after,
html[data-brand="payroll"] .content::before,
html[data-brand="payroll"] .content::after,
html[data-brand="payroll"] .login-bg,
html[data-brand="payroll"] .page-content::before {
    display: none !important;
    background: none !important;
}

html[data-brand="payroll"] .sidebar,
html[data-brand="payroll"] .top-bar,
html[data-brand="payroll"] .sidebar-footer,
html[data-brand="payroll"] .page-header,
html[data-brand="payroll"] .table-section,
html[data-brand="payroll"] .table-container,
html[data-brand="payroll"] .filters-bar,
html[data-brand="payroll"] .filters-bar-top,
html[data-brand="payroll"] .groups-tabs,
html[data-brand="payroll"] .modal-content,
html[data-brand="payroll"] .modal-header,
html[data-brand="payroll"] .modal-body,
html[data-brand="payroll"] .modal-footer,
html[data-brand="payroll"] .dropdown-menu,
html[data-brand="payroll"] .popover,
html[data-brand="payroll"] .offcanvas,
html[data-brand="payroll"] .balance-card,
html[data-brand="payroll"] .stat-card,
html[data-brand="payroll"] .docs-content,
html[data-brand="payroll"] .docs-sidebar,
html[data-brand="payroll"] .gw-stat,
html[data-brand="payroll"] .gw-filters,
html[data-brand="payroll"] .gw-card,
html[data-brand="payroll"] .gw-pagination,
html[data-brand="payroll"] .login-card,
html[data-brand="payroll"] .builder-header,
html[data-brand="payroll"] .tabs-container,
html[data-brand="payroll"] .gcc-header,
html[data-brand="payroll"] .gcc-gateway-node,
html[data-brand="payroll"] .gcc-flow-card,
html[data-brand="payroll"] .gcc-tier-table,
html[data-brand="payroll"] .exchange-card,
html[data-brand="payroll"] [class*="panel"],
html[data-brand="payroll"] [class*="dialog"],
html[data-brand="payroll"] [class*="table-wrapper"] {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.98), rgba(15, 23, 42, 0.98)) !important;
    color: var(--payroll-text) !important;
    border: 1px solid var(--payroll-border) !important;
    box-shadow: var(--payroll-shadow) !important;
    backdrop-filter: blur(12px);
}

html[data-brand="payroll"] .sidebar {
    background:
        linear-gradient(180deg, rgba(14, 22, 40, 0.98), rgba(11, 16, 32, 0.98)),
        radial-gradient(circle at top left, rgba(249, 115, 22, 0.10), transparent 32%) !important;
    border-right: 1px solid rgba(249, 115, 22, 0.16) !important;
}

html[data-brand="payroll"] .top-bar {
    background: rgba(10, 16, 30, 0.92) !important;
    border-bottom: 1px solid rgba(249, 115, 22, 0.14) !important;
}

html[data-brand="payroll"] .sidebar-header h1,
html[data-brand="payroll"] .login-brand,
html[data-brand="payroll"] .page-header h1,
html[data-brand="payroll"] .header-title h1,
html[data-brand="payroll"] .header-title,
html[data-brand="payroll"] .header h1,
html[data-brand="payroll"] .gw-title,
html[data-brand="payroll"] .gw-card-name,
html[data-brand="payroll"] .gw-name,
html[data-brand="payroll"] .user-email,
html[data-brand="payroll"] .balance,
html[data-brand="payroll"] .balance-lock {
    color: var(--payroll-text) !important;
    background: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: currentColor !important;
}

html[data-brand="payroll"] .header-subtitle,
html[data-brand="payroll"] .page-header p,
html[data-brand="payroll"] .section-header p,
html[data-brand="payroll"] small,
html[data-brand="payroll"] .text-muted,
html[data-brand="payroll"] .user-role,
html[data-brand="payroll"] .lang-chip,
html[data-brand="payroll"] .sidebar-footer h4,
html[data-brand="payroll"] .rate-pair-label,
html[data-brand="payroll"] .pagination-info,
html[data-brand="payroll"] .gw-pagination-info {
    color: var(--payroll-text-dim) !important;
}

html[data-brand="payroll"] .header-icon,
html[data-brand="payroll"] .btn-create__icon,
html[data-brand="payroll"] .tab-icon {
    background: rgba(249, 115, 22, 0.12) !important;
    color: var(--payroll-accent-3) !important;
    border: 1px solid rgba(249, 115, 22, 0.18) !important;
}

html[data-brand="payroll"] .nav-item,
html[data-brand="payroll"] .nav-item-parent,
html[data-brand="payroll"] .nav-subitem,
html[data-brand="payroll"] .lang-btn,
html[data-brand="payroll"] .logout-btn,
html[data-brand="payroll"] .action-btn,
html[data-brand="payroll"] .gw-btn-secondary,
html[data-brand="payroll"] .gw-page-btn,
html[data-brand="payroll"] .gw-limit-select,
html[data-brand="payroll"] .btn-secondary,
html[data-brand="payroll"] .btn-light,
html[data-brand="payroll"] .groups-tab,
html[data-brand="payroll"] .bulk-btn,
html[data-brand="payroll"] .settings-btn,
html[data-brand="payroll"] .sync-btn,
html[data-brand="payroll"] .docs-btn {
    background: linear-gradient(180deg, var(--payroll-surface-2), var(--payroll-surface)) !important;
    color: var(--payroll-text-soft) !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
    box-shadow: none !important;
}

html[data-brand="payroll"] .sidebar .nav-icon,
html[data-brand="payroll"] .sidebar .nav-item,
html[data-brand="payroll"] .sidebar .nav-item-parent,
html[data-brand="payroll"] .sidebar .nav-subitem,
html[data-brand="payroll"] .sidebar .dropdown-arrow {
    color: #cbd5e1 !important;
}

html[data-brand="payroll"] .sidebar .nav-submenu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px 0 0 !important;
}

html[data-brand="payroll"] .nav-item:hover,
html[data-brand="payroll"] .nav-item-parent:hover,
html[data-brand="payroll"] .nav-subitem:hover,
html[data-brand="payroll"] .lang-btn:hover,
html[data-brand="payroll"] .logout-btn:hover,
html[data-brand="payroll"] .action-btn:hover,
html[data-brand="payroll"] .gw-btn-secondary:hover,
html[data-brand="payroll"] .gw-page-btn:hover:not(:disabled),
html[data-brand="payroll"] .btn-secondary:hover,
html[data-brand="payroll"] .btn-light:hover,
html[data-brand="payroll"] .groups-tab:hover,
html[data-brand="payroll"] .bulk-btn:hover {
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.18), rgba(234, 88, 12, 0.16)) !important;
    color: #fed7aa !important;
    border-color: var(--payroll-border-strong) !important;
}

html[data-brand="payroll"] .sidebar .nav-item:hover .nav-icon,
html[data-brand="payroll"] .sidebar .nav-item-parent:hover .nav-icon,
html[data-brand="payroll"] .sidebar .nav-subitem:hover .nav-icon,
html[data-brand="payroll"] .sidebar .nav-item:hover,
html[data-brand="payroll"] .sidebar .nav-item-parent:hover,
html[data-brand="payroll"] .sidebar .nav-subitem:hover,
html[data-brand="payroll"] .sidebar .nav-item:hover .dropdown-arrow,
html[data-brand="payroll"] .sidebar .nav-item-parent:hover .dropdown-arrow {
    color: #fed7aa !important;
}

html[data-brand="payroll"] .nav-item.active,
html[data-brand="payroll"] .nav-item-dropdown.active .nav-item-parent,
html[data-brand="payroll"] .nav-subitem.active,
html[data-brand="payroll"] .groups-tab.active,
html[data-brand="payroll"] .gw-page-btn.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.24), rgba(234, 88, 12, 0.18)) !important;
    color: #ffedd5 !important;
    border-color: rgba(249, 115, 22, 0.36) !important;
    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.16) !important;
}

html[data-brand="payroll"] .sidebar .nav-item.active,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent,
html[data-brand="payroll"] .sidebar .nav-subitem.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.30), rgba(234, 88, 12, 0.24)) !important;
    color: #fff7ed !important;
    border-color: rgba(249, 115, 22, 0.42) !important;
    box-shadow: 0 12px 24px rgba(249, 115, 22, 0.18) !important;
}

html[data-brand="payroll"] .sidebar .nav-item.active .nav-icon,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent .nav-icon,
html[data-brand="payroll"] .sidebar .nav-subitem.active .nav-icon,
html[data-brand="payroll"] .sidebar .nav-item.active .dropdown-arrow,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent .dropdown-arrow,
html[data-brand="payroll"] .sidebar .nav-subitem.active,
html[data-brand="payroll"] .sidebar .nav-item.active,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent {
    color: #fff7ed !important;
}

html[data-brand="payroll"] .sidebar .nav-subitem.active::before,
html[data-brand="payroll"] .sidebar .nav-item.active::before,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent::before,
html[data-brand="payroll"] .sidebar .nav-subitem.active::after,
html[data-brand="payroll"] .sidebar .nav-item.active::after,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent::after {
    background: none !important;
    opacity: 0 !important;
    box-shadow: none !important;
}

html[data-brand="payroll"] .btn-primary,
html[data-brand="payroll"] .create-btn,
html[data-brand="payroll"] .gw-btn-primary,
html[data-brand="payroll"] .btn-create,
html[data-brand="payroll"] .bulk-btn.enable,
html[data-brand="payroll"] .bulk-btn.disable {
    background: linear-gradient(135deg, var(--payroll-accent), var(--payroll-accent-3)) !important;
    color: #fff7ed !important;
    border: 1px solid rgba(249, 115, 22, 0.26) !important;
    box-shadow: 0 16px 32px rgba(249, 115, 22, 0.24) !important;
}

html[data-brand="payroll"] .btn-primary:hover,
html[data-brand="payroll"] .create-btn:hover,
html[data-brand="payroll"] .gw-btn-primary:hover,
html[data-brand="payroll"] .btn-create:hover {
    background: linear-gradient(135deg, #fb923c, #fdba74) !important;
    color: #ffffff !important;
}

html[data-brand="payroll"] input,
html[data-brand="payroll"] select,
html[data-brand="payroll"] textarea,
html[data-brand="payroll"] .search-input,
html[data-brand="payroll"] .filter-select,
html[data-brand="payroll"] .date-input,
html[data-brand="payroll"] .setting-input,
html[data-brand="payroll"] .gw-search,
html[data-brand="payroll"] .gw-select,
html[data-brand="payroll"] .gcc-search,
html[data-brand="payroll"] .gcc-filter-select {
    background: #0f172a !important;
    color: var(--payroll-text) !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
    box-shadow: none !important;
}

html[data-brand="payroll"] input::placeholder,
html[data-brand="payroll"] textarea::placeholder {
    color: #64748b !important;
}

html[data-brand="payroll"] input:focus,
html[data-brand="payroll"] select:focus,
html[data-brand="payroll"] textarea:focus,
html[data-brand="payroll"] .search-input:focus,
html[data-brand="payroll"] .filter-select:focus,
html[data-brand="payroll"] .gw-search:focus,
html[data-brand="payroll"] .gw-select:focus,
html[data-brand="payroll"] .gcc-search:focus,
html[data-brand="payroll"] .gcc-filter-select:focus {
    border-color: var(--payroll-accent) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.14) !important;
}

html[data-brand="payroll"] .data-table,
html[data-brand="payroll"] .data-table table,
html[data-brand="payroll"] table.data-table {
    background: transparent !important;
    color: var(--payroll-text) !important;
}

html[data-brand="payroll"] .data-table thead,
html[data-brand="payroll"] .data-table thead tr,
html[data-brand="payroll"] .data-table thead th {
    background: linear-gradient(180deg, #1e293b, #111827) !important;
    color: var(--payroll-text-dim) !important;
    border-color: rgba(249, 115, 22, 0.12) !important;
}

html[data-brand="payroll"] .data-table tbody tr {
    background: rgba(15, 23, 42, 0.72) !important;
    color: var(--payroll-text) !important;
    border-color: rgba(249, 115, 22, 0.08) !important;
}

html[data-brand="payroll"] .data-table tbody tr:hover {
    background: rgba(249, 115, 22, 0.10) !important;
}

html[data-brand="payroll"] .data-table td,
html[data-brand="payroll"] .data-table th {
    color: inherit !important;
    border-color: rgba(249, 115, 22, 0.08) !important;
}

html[data-brand="payroll"] .data-table .badge,
html[data-brand="payroll"] .data-table .status,
html[data-brand="payroll"] .status-badge,
html[data-brand="payroll"] .role-badge,
html[data-brand="payroll"] .badge {
    background: rgba(249, 115, 22, 0.12) !important;
    color: #fdba74 !important;
    border: 1px solid rgba(249, 115, 22, 0.18) !important;
}

html[data-brand="payroll"] .section-header h2,
html[data-brand="payroll"] .section-header-warning h2,
html[data-brand="payroll"] .gw-stat-value,
html[data-brand="payroll"] .gw-currency-code,
html[data-brand="payroll"] .gw-card-item-value,
html[data-brand="payroll"] .rate-rub,
html[data-brand="payroll"] .finance-value,
html[data-brand="payroll"] .stat-number,
html[data-brand="payroll"] .header-accent,
html[data-brand="payroll"] a,
html[data-brand="payroll"] .btn-link {
    color: var(--payroll-accent-3) !important;
}

html[data-brand="payroll"] .sidebar-header,
html[data-brand="payroll"] .table-section,
html[data-brand="payroll"] .section-header,
html[data-brand="payroll"] .section-header-warning,
html[data-brand="payroll"] .modal-header,
html[data-brand="payroll"] .modal-footer,
html[data-brand="payroll"] .filters-bar,
html[data-brand="payroll"] .filters-bar-top {
    border-color: rgba(249, 115, 22, 0.12) !important;
}

html[data-brand="payroll"] .sidebar-footer .currency-value,
html[data-brand="payroll"] .rate-rub,
html[data-brand="payroll"] .selected-count,
html[data-brand="payroll"] .gw-priority,
html[data-brand="payroll"] .gw-card-rate,
html[data-brand="payroll"] .gw-action.edit {
    color: #fdba74 !important;
}

html[data-brand="payroll"] .gw-card-rate,
html[data-brand="payroll"] .gw-action.edit,
html[data-brand="payroll"] .table-checkbox:checked,
html[data-brand="payroll"] .status-success,
html[data-brand="payroll"] .status-active {
    background: rgba(249, 115, 22, 0.12) !important;
    border-color: rgba(249, 115, 22, 0.18) !important;
}

html[data-brand="payroll"] .bulk-actions-bar {
    background: linear-gradient(180deg, rgba(30, 41, 59, 0.82), rgba(17, 24, 39, 0.96)) !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
    color: var(--payroll-text-soft) !important;
}

html[data-brand="payroll"] [style*="background:#fff"],
html[data-brand="payroll"] [style*="background: #fff"],
html[data-brand="payroll"] [style*="background:#ffffff"],
html[data-brand="payroll"] [style*="background: #ffffff"],
html[data-brand="payroll"] [style*="background-color:#fff"],
html[data-brand="payroll"] [style*="background-color: #fff"],
html[data-brand="payroll"] [style*="background-color:#ffffff"],
html[data-brand="payroll"] [style*="background-color: #ffffff"] {
    background: var(--payroll-surface) !important;
    color: var(--payroll-text) !important;
    border-color: var(--payroll-border) !important;
}

html[data-brand="payroll"] [style*="color:#111827"],
html[data-brand="payroll"] [style*="color: #111827"],
html[data-brand="payroll"] [style*="color:#000"],
html[data-brand="payroll"] [style*="color: #000"],
html[data-brand="payroll"] [style*="color:black"],
html[data-brand="payroll"] [style*="color: black"] {
    color: var(--payroll-text) !important;
}

/* Unified orange override for page-local admin themes */
html[data-brand="payroll"] .sidebar-header h1,
html[data-brand="payroll"] .login-brand {
    color: #fdba74 !important;
}

html[data-brand="payroll"] .sidebar .nav-item.active *,
html[data-brand="payroll"] .sidebar .nav-item-dropdown.active .nav-item-parent *,
html[data-brand="payroll"] .sidebar .nav-subitem.active * {
    color: #fff7ed !important;
}

html[data-brand="payroll"] .appeals-tab-btn,
html[data-brand="payroll"] .main-tab,
html[data-brand="payroll"] .stats-mode-btn,
html[data-brand="payroll"] .period-btn,
html[data-brand="payroll"] .filter-toggle-btn,
html[data-brand="payroll"] .export-btn,
html[data-brand="payroll"] .btn-refresh,
html[data-brand="payroll"] .btn-export,
html[data-brand="payroll"] .btn-apply,
html[data-brand="payroll"] .global-filter-multiselect-btn,
html[data-brand="payroll"] .tab-btn,
html[data-brand="payroll"] .gcc-view-btn,
html[data-brand="payroll"] .pl-btn-secondary,
html[data-brand="payroll"] .action-btn.view,
html[data-brand="payroll"] .action-btn.settings,
html[data-brand="payroll"] .action-btn.change,
html[data-brand="payroll"] .action-btn.request-files,
html[data-brand="payroll"] .action-btn.resolve,
html[data-brand="payroll"] .gw-btn-secondary,
html[data-brand="payroll"] .gw-page-btn,
html[data-brand="payroll"] .gw-action.toggle,
html[data-brand="payroll"] .gw-action.toggle.off,
html[data-brand="payroll"] .gw-action.edit,
html[data-brand="payroll"] .gcc-back,
html[data-brand="payroll"] .gcc-filter-select,
html[data-brand="payroll"] .gcc-search {
    background: linear-gradient(180deg, var(--payroll-surface-2), var(--payroll-surface)) !important;
    color: var(--payroll-text-soft) !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
    box-shadow: none !important;
}

html[data-brand="payroll"] .appeals-tab-btn:hover,
html[data-brand="payroll"] .main-tab:hover,
html[data-brand="payroll"] .stats-mode-btn:hover,
html[data-brand="payroll"] .period-btn:hover,
html[data-brand="payroll"] .filter-toggle-btn:hover,
html[data-brand="payroll"] .export-btn:hover,
html[data-brand="payroll"] .btn-refresh:hover,
html[data-brand="payroll"] .btn-export:hover,
html[data-brand="payroll"] .btn-apply:hover,
html[data-brand="payroll"] .global-filter-multiselect-btn:hover,
html[data-brand="payroll"] .tab-btn:hover,
html[data-brand="payroll"] .gcc-view-btn:hover,
html[data-brand="payroll"] .pl-btn-secondary:hover,
html[data-brand="payroll"] .action-btn.view:hover,
html[data-brand="payroll"] .action-btn.settings:hover,
html[data-brand="payroll"] .action-btn.change:hover,
html[data-brand="payroll"] .action-btn.request-files:hover,
html[data-brand="payroll"] .action-btn.resolve:hover,
html[data-brand="payroll"] .gw-btn-secondary:hover,
html[data-brand="payroll"] .gw-page-btn:hover:not(:disabled),
html[data-brand="payroll"] .gw-action.toggle:hover,
html[data-brand="payroll"] .gw-action.toggle.off:hover,
html[data-brand="payroll"] .gw-action.edit:hover,
html[data-brand="payroll"] .gcc-back:hover {
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.18), rgba(234, 88, 12, 0.16)) !important;
    color: #fed7aa !important;
    border-color: rgba(249, 115, 22, 0.30) !important;
}

html[data-brand="payroll"] .appeals-tab-btn.active,
html[data-brand="payroll"] .main-tab.active,
html[data-brand="payroll"] .stats-mode-btn.active,
html[data-brand="payroll"] .period-btn.active,
html[data-brand="payroll"] .tab-btn.active,
html[data-brand="payroll"] .gcc-view-btn.active,
html[data-brand="payroll"] .gw-page-btn.active {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.26), rgba(234, 88, 12, 0.20)) !important;
    color: #fff7ed !important;
    border-color: rgba(249, 115, 22, 0.34) !important;
    box-shadow: 0 12px 28px rgba(249, 115, 22, 0.16) !important;
}

html[data-brand="payroll"] .search-input,
html[data-brand="payroll"] .filter-select,
html[data-brand="payroll"] .date-input,
html[data-brand="payroll"] .filter-input,
html[data-brand="payroll"] .admin-po-input,
html[data-brand="payroll"] textarea,
html[data-brand="payroll"] input[type="text"],
html[data-brand="payroll"] input[type="number"],
html[data-brand="payroll"] input[type="date"],
html[data-brand="payroll"] select,
html[data-brand="payroll"] .checkbox-group,
html[data-brand="payroll"] .merchant-dropdown {
    background: rgba(9, 14, 27, 0.88) !important;
    color: var(--payroll-text) !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
    box-shadow: none !important;
}

html[data-brand="payroll"] .search-input::placeholder,
html[data-brand="payroll"] .filter-input::placeholder,
html[data-brand="payroll"] .date-input::placeholder,
html[data-brand="payroll"] textarea::placeholder {
    color: var(--payroll-text-dim) !important;
}

html[data-brand="payroll"] .search-input:focus,
html[data-brand="payroll"] .filter-select:focus,
html[data-brand="payroll"] .date-input:focus,
html[data-brand="payroll"] .filter-input:focus,
html[data-brand="payroll"] .admin-po-input:focus,
html[data-brand="payroll"] textarea:focus,
html[data-brand="payroll"] input[type="text"]:focus,
html[data-brand="payroll"] input[type="number"]:focus,
html[data-brand="payroll"] input[type="date"]:focus,
html[data-brand="payroll"] select:focus {
    border-color: rgba(249, 115, 22, 0.38) !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.14) !important;
    outline: none !important;
}

html[data-brand="payroll"] input[type="checkbox"],
html[data-brand="payroll"] input[type="radio"] {
    accent-color: var(--payroll-accent) !important;
}

html[data-brand="payroll"] .section-header,
html[data-brand="payroll"] .section-header-warning,
html[data-brand="payroll"] .filters-bar,
html[data-brand="payroll"] .filters-bar-top,
html[data-brand="payroll"] .main-tabs,
html[data-brand="payroll"] .appeals-tabs,
html[data-brand="payroll"] .stats-mode-switch,
html[data-brand="payroll"] .period-filters {
    background: linear-gradient(180deg, rgba(20, 28, 46, 0.92), rgba(13, 18, 33, 0.96)) !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
    box-shadow: var(--payroll-shadow) !important;
}

html[data-brand="payroll"] .section-header,
html[data-brand="payroll"] .section-header-warning {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(234, 88, 12, 0.06)) !important;
}

html[data-brand="payroll"] .data-table tbody tr.selected,
html[data-brand="payroll"] .summary-row {
    background: rgba(249, 115, 22, 0.10) !important;
    border-top: 2px solid rgba(249, 115, 22, 0.24) !important;
}

html[data-brand="payroll"] .bulk-actions-bar,
html[data-brand="payroll"] .po-receipt-card,
html[data-brand="payroll"] .admin-po-method,
html[data-brand="payroll"] .kpi-card,
html[data-brand="payroll"] .stats-header,
html[data-brand="payroll"] .merchant-multiselect .merchant-dropdown,
html[data-brand="payroll"] .global-filters {
    background: linear-gradient(180deg, rgba(17, 24, 39, 0.96), rgba(15, 23, 42, 0.98)) !important;
    border: 1px solid rgba(249, 115, 22, 0.14) !important;
    color: var(--payroll-text) !important;
}

html[data-brand="payroll"] .po-section-title,
html[data-brand="payroll"] .selected-count,
html[data-brand="payroll"] .gw-stat-value.highlight,
html[data-brand="payroll"] .gw-card-rate.has-value,
html[data-brand="payroll"] .gw-rate-val,
html[data-brand="payroll"] .finance-value,
html[data-brand="payroll"] .stat-number,
html[data-brand="payroll"] .success {
    color: #fdba74 !important;
}

html[data-brand="payroll"] .danger {
    color: #fecaca !important;
}

html[data-brand="payroll"] .admin-po-method.active {
    background: rgba(249, 115, 22, 0.08) !important;
    border-color: rgba(249, 115, 22, 0.28) !important;
}

html[data-brand="payroll"] .admin-po-progress {
    background: rgba(9, 14, 27, 0.88) !important;
    border: 1px solid rgba(249, 115, 22, 0.10) !important;
}

html[data-brand="payroll"] .admin-po-progress-fill,
html[data-brand="payroll"] .gw-status.active,
html[data-brand="payroll"] .gw-card-rate.has-value,
html[data-brand="payroll"] .gw-rate-val,
html[data-brand="payroll"] .status-success,
html[data-brand="payroll"] .status-active,
html[data-brand="payroll"] .badge-success,
html[data-brand="payroll"] .status-approved,
html[data-brand="payroll"] .status-paid,
html[data-brand="payroll"] .status-verified,
html[data-brand="payroll"] .countdown-timer {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fdba74 !important;
    border: 1px solid rgba(249, 115, 22, 0.24) !important;
}

html[data-brand="payroll"] .admin-po-progress-fill {
    background: linear-gradient(90deg, var(--payroll-accent), var(--payroll-accent-3)) !important;
}

html[data-brand="payroll"] .admin-po-progress-fill.limit-hit,
html[data-brand="payroll"] .badge-warning,
html[data-brand="payroll"] .status-pending,
html[data-brand="payroll"] .status-warning,
html[data-brand="payroll"] .status-dispute,
html[data-brand="payroll"] .countdown-warning,
html[data-brand="payroll"] .status-badge.dispute {
    background: rgba(251, 146, 60, 0.16) !important;
    color: #fed7aa !important;
    border: 1px solid rgba(251, 146, 60, 0.26) !important;
}

html[data-brand="payroll"] .badge-info,
html[data-brand="payroll"] .status-badge.info,
html[data-brand="payroll"] .status-waiting_payment,
html[data-brand="payroll"] .status-requisites,
html[data-brand="payroll"] .status-trader_accept,
html[data-brand="payroll"] .status-trader_payment,
html[data-brand="payroll"] .status-dispute_verify,
html[data-brand="payroll"] .method-badge,
html[data-brand="payroll"] .gcc-tier-badge.badge-card,
html[data-brand="payroll"] .gcc-tier-badge.badge-sbp,
html[data-brand="payroll"] .gcc-tier-badge.badge-mobile,
html[data-brand="payroll"] .gcc-tier-badge.badge-account,
html[data-brand="payroll"] .gcc-tier-badge.badge-iban_account,
html[data-brand="payroll"] .gcc-tier-badge.badge-crypto,
html[data-brand="payroll"] .gcc-tier-badge.badge-other {
    background: rgba(234, 88, 12, 0.14) !important;
    color: #fed7aa !important;
    border: 1px solid rgba(234, 88, 12, 0.22) !important;
}

html[data-brand="payroll"] .badge-danger,
html[data-brand="payroll"] .status-rejected,
html[data-brand="payroll"] .status-cancelled,
html[data-brand="payroll"] .countdown-critical,
html[data-brand="payroll"] .gw-status.inactive,
html[data-brand="payroll"] .gw-action.del,
html[data-brand="payroll"] .action-btn.cancel,
html[data-brand="payroll"] .btn-danger {
    background: rgba(239, 68, 68, 0.14) !important;
    color: #fecaca !important;
    border: 1px solid rgba(239, 68, 68, 0.24) !important;
}

html[data-brand="payroll"] .badge-inactive,
html[data-brand="payroll"] .status-expired,
html[data-brand="payroll"] .countdown-expired {
    background: rgba(148, 163, 184, 0.12) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

html[data-brand="payroll"] .action-btn.decide,
html[data-brand="payroll"] .btn-primary,
html[data-brand="payroll"] .create-btn,
html[data-brand="payroll"] .gw-btn-primary,
html[data-brand="payroll"] .btn-create,
html[data-brand="payroll"] .bulk-btn.enable,
html[data-brand="payroll"] .bulk-btn.disable,
html[data-brand="payroll"] .gcc-btn-primary {
    background: linear-gradient(135deg, var(--payroll-accent), var(--payroll-accent-3)) !important;
    color: #fff7ed !important;
    border: 1px solid rgba(249, 115, 22, 0.26) !important;
    box-shadow: 0 16px 32px rgba(249, 115, 22, 0.24) !important;
}

html[data-brand="payroll"] .action-btn.decide:hover,
html[data-brand="payroll"] .btn-primary:hover,
html[data-brand="payroll"] .create-btn:hover,
html[data-brand="payroll"] .gw-btn-primary:hover,
html[data-brand="payroll"] .btn-create:hover,
html[data-brand="payroll"] .gcc-btn-primary:hover {
    filter: brightness(1.06) !important;
    transform: translateY(-1px) !important;
}

html[data-brand="payroll"] .btn-secondary,
html[data-brand="payroll"] .modal-actions .btn-secondary,
html[data-brand="payroll"] .modal-actions .btn-primary {
    border-radius: 8px !important;
}

html[data-brand="payroll"] .gw-status.active .gw-status-dot {
    background: var(--payroll-accent) !important;
}

html[data-brand="payroll"] .gw-status.inactive .gw-status-dot {
    background: #ef4444 !important;
}

html[data-brand="payroll"] #currentOrderStatus,
html[data-brand="payroll"] #changeOrderStatus {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(234, 88, 12, 0.10)) !important;
    border: 2px solid rgba(249, 115, 22, 0.28) !important;
    box-shadow: 0 10px 24px rgba(249, 115, 22, 0.14) !important;
}

html[data-brand="payroll"] .radio-group label:hover,
html[data-brand="payroll"] .checkbox-group label:hover {
    background: rgba(249, 115, 22, 0.10) !important;
}

html[data-brand="payroll"] .bkf-period-btn,
html[data-brand="payroll"] .mcf-period-btn {
    background: linear-gradient(180deg, var(--payroll-surface-2), var(--payroll-surface)) !important;
    color: var(--payroll-text-soft) !important;
    border: 1px solid rgba(249, 115, 22, 0.16) !important;
}

html[data-brand="payroll"] .bkf-period-btn.active,
html[data-brand="payroll"] .mcf-period-btn.active,
html[data-brand="payroll"] .bkf-period-btn:hover,
html[data-brand="payroll"] .mcf-period-btn:hover {
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.26), rgba(234, 88, 12, 0.20)) !important;
    color: #fff7ed !important;
    border-color: rgba(249, 115, 22, 0.34) !important;
}

html[data-brand="payroll"] .gcc-flow-legend-line,
html[data-brand="payroll"] .gcc-node-status.on,
html[data-brand="payroll"] .gcc-node-badge.currency,
html[data-brand="payroll"] .gcc-flow-card.merchant,
html[data-brand="payroll"] .gcc-flow-card.provider,
html[data-brand="payroll"] .gcc-flow-card.team,
html[data-brand="payroll"] .gcc-tier-table .method-header.method-card,
html[data-brand="payroll"] .gcc-tier-table .method-header.method-sbp,
html[data-brand="payroll"] .gcc-tier-table .method-header.method-mobile,
html[data-brand="payroll"] .gcc-tier-method-badge.method-mobile {
    border-color: rgba(249, 115, 22, 0.28) !important;
    color: #fdba74 !important;
}

html[data-brand="payroll"] .gcc-flow-legend-line,
html[data-brand="payroll"] .gcc-node-status.on,
html[data-brand="payroll"] .gcc-node-badge.currency,
html[data-brand="payroll"] .gcc-tier-method-badge.method-mobile {
    background: rgba(249, 115, 22, 0.16) !important;
    box-shadow: 0 0 8px rgba(249, 115, 22, 0.18) !important;
}

html[data-brand="payroll"] [style*="color:#00d9ff"],
html[data-brand="payroll"] [style*="color: #00d9ff"],
html[data-brand="payroll"] [style*="color:#10b981"],
html[data-brand="payroll"] [style*="color: #10b981"],
html[data-brand="payroll"] [style*="color:#22c55e"],
html[data-brand="payroll"] [style*="color: #22c55e"],
html[data-brand="payroll"] [style*="color:#3b82f6"],
html[data-brand="payroll"] [style*="color: #3b82f6"],
html[data-brand="payroll"] [style*="color:#6366f1"],
html[data-brand="payroll"] [style*="color: #6366f1"],
html[data-brand="payroll"] [style*="color:#8b5cf6"],
html[data-brand="payroll"] [style*="color: #8b5cf6"],
html[data-brand="payroll"] [style*="color:#4ade80"],
html[data-brand="payroll"] [style*="color: #4ade80"],
html[data-brand="payroll"] [style*="color:#a5b4fc"],
html[data-brand="payroll"] [style*="color: #a5b4fc"],
html[data-brand="payroll"] [style*="color:#60a5fa"],
html[data-brand="payroll"] [style*="color: #60a5fa"] {
    color: #fdba74 !important;
}

html[data-brand="payroll"] [style*="background:#00d9ff"],
html[data-brand="payroll"] [style*="background: #00d9ff"],
html[data-brand="payroll"] [style*="background:#10b981"],
html[data-brand="payroll"] [style*="background: #10b981"],
html[data-brand="payroll"] [style*="background:#22c55e"],
html[data-brand="payroll"] [style*="background: #22c55e"],
html[data-brand="payroll"] [style*="background:#3b82f6"],
html[data-brand="payroll"] [style*="background: #3b82f6"],
html[data-brand="payroll"] [style*="background:#6366f1"],
html[data-brand="payroll"] [style*="background: #6366f1"],
html[data-brand="payroll"] [style*="background:#8b5cf6"],
html[data-brand="payroll"] [style*="background: #8b5cf6"],
html[data-brand="payroll"] [style*="background: rgba(0,217,255"],
html[data-brand="payroll"] [style*="background: rgba(16,185,129"],
html[data-brand="payroll"] [style*="background: rgba(34,197,94"],
html[data-brand="payroll"] [style*="background: rgba(59,130,246"],
html[data-brand="payroll"] [style*="background: rgba(99,102,241"],
html[data-brand="payroll"] [style*="background: rgba(139,92,246"] {
    background: rgba(249, 115, 22, 0.16) !important;
    color: #fff7ed !important;
}

html[data-brand="payroll"] [style*="border-color:#10b981"],
html[data-brand="payroll"] [style*="border-color: #10b981"],
html[data-brand="payroll"] [style*="border-color:#22c55e"],
html[data-brand="payroll"] [style*="border-color: #22c55e"],
html[data-brand="payroll"] [style*="border-color:#3b82f6"],
html[data-brand="payroll"] [style*="border-color: #3b82f6"],
html[data-brand="payroll"] [style*="border-color:#6366f1"],
html[data-brand="payroll"] [style*="border-color: #6366f1"],
html[data-brand="payroll"] [style*="border-color:#8b5cf6"],
html[data-brand="payroll"] [style*="border-color: #8b5cf6"],
html[data-brand="payroll"] [style*="border-left: 3px solid #3b82f6"],
html[data-brand="payroll"] [style*="border-left: 3px solid #22c55e"],
html[data-brand="payroll"] [style*="border-left: 3px solid #6366f1"],
html[data-brand="payroll"] [style*="border: 2px solid #6366f1"] {
    border-color: rgba(249, 115, 22, 0.30) !important;
}

html[data-brand="payroll"] svg [fill="#3b82f6"],
html[data-brand="payroll"] svg [fill="#6366f1"],
html[data-brand="payroll"] svg [fill="#8b5cf6"],
html[data-brand="payroll"] svg [fill="#22c55e"] {
    fill: #f97316 !important;
}

html[data-brand="payroll"] svg [stroke="#3b82f6"],
html[data-brand="payroll"] svg [stroke="#6366f1"],
html[data-brand="payroll"] svg [stroke="#8b5cf6"],
html[data-brand="payroll"] svg [stroke="#22c55e"],
html[data-brand="payroll"] svg [stroke="#00d9ff"] {
    stroke: #fb923c !important;
}