/* Dark Mode for SendPortal */
body.dark-mode {
    background-color: #1a1d23;
    color: #d1d5db;
}

/* Sidebar */
.dark-mode .sidebar.bg-purple-100,
.dark-mode .bg-purple-100,
.dark-mode .modal-body.bg-purple-100,
.dark-mode .modal-dialog-scrollable.bg-purple-100 {
    background-color: #111318 !important;
}

.dark-mode .sidebar .nav-link {
    color: #9ca3af;
}

.dark-mode .sidebar .nav-link:hover,
.dark-mode .sidebar .nav-item.active .nav-link {
    color: #fff;
}

/* Main content area */
.dark-mode .main-wrapper {
    background-color: #1a1d23;
}

.dark-mode .main-content {
    background-color: #1a1d23;
}

/* Header */
.dark-mode .main-header {
    background-color: #1a1d23;
}

.dark-mode .main-header .navbar {
    background-color: #1a1d23;
    border-bottom-color: #2d3139;
}

.dark-mode .main-header h1 {
    color: #e5e7eb;
}

/* Cards */
.dark-mode .card {
    background-color: #22252b;
    border-color: #2d3139;
    color: #d1d5db;
}

.dark-mode .card-header {
    background-color: #282b32;
    border-bottom-color: #2d3139;
    color: #e5e7eb;
}

.dark-mode .card-footer {
    background-color: #282b32;
    border-top-color: #2d3139;
}

/* Tables */
.dark-mode .table {
    color: #d1d5db;
}

.dark-mode .table thead th {
    background-color: #282b32;
    border-bottom-color: #2d3139;
    color: #9ca3af;
}

.dark-mode .table td {
    border-top-color: #2d3139;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: #282b32;
    color: #e5e7eb;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #1e2127;
}

/* Forms */
.dark-mode .form-control {
    background-color: #282b32;
    border-color: #3d4149;
    color: #e5e7eb;
}

.dark-mode .form-control:focus {
    background-color: #2d3139;
    border-color: #5D63FF;
    color: #e5e7eb;
}

.dark-mode .form-control::placeholder {
    color: #6b7280;
}

.dark-mode select.form-control {
    background-color: #282b32;
    color: #e5e7eb;
}

.dark-mode .custom-select {
    background-color: #282b32;
    border-color: #3d4149;
    color: #e5e7eb;
}

.dark-mode .input-group-text {
    background-color: #282b32;
    border-color: #3d4149;
    color: #9ca3af;
}

/* Buttons */
.dark-mode .btn-light {
    background-color: #282b32;
    border-color: #3d4149;
    color: #d1d5db;
}

.dark-mode .btn-light:hover {
    background-color: #3d4149;
    border-color: #4b5058;
    color: #e5e7eb;
}

.dark-mode .btn-outline-danger {
    color: #f87171;
    border-color: #f87171;
}

/* Badges */
.dark-mode .badge-light {
    background-color: #3d4149;
    color: #d1d5db;
}

/* Alerts */
.dark-mode .alert-success {
    background-color: #064e3b;
    border-color: #065f46;
    color: #6ee7b7;
}

.dark-mode .alert-danger {
    background-color: #7f1d1d;
    border-color: #991b1b;
    color: #fca5a5;
}

.dark-mode .alert-warning {
    background-color: #78350f;
    border-color: #92400e;
    color: #fcd34d;
}

/* Links */
.dark-mode a {
    color: #818cf8;
}

.dark-mode a:hover {
    color: #a5b4fc;
}

.dark-mode .btn-primary a,
.dark-mode .btn a {
    color: inherit;
}

/* Pagination */
.dark-mode .page-link {
    background-color: #282b32;
    border-color: #3d4149;
    color: #818cf8;
}

.dark-mode .page-item.active .page-link {
    background-color: #5D63FF;
    border-color: #5D63FF;
}

.dark-mode .page-item.disabled .page-link {
    background-color: #1e2127;
    border-color: #2d3139;
    color: #4b5058;
}

/* Dropdown */
.dark-mode .dropdown-menu {
    background-color: #282b32;
    border-color: #3d4149;
}

.dark-mode .dropdown-item {
    color: #d1d5db;
}

.dark-mode .dropdown-item:hover {
    background-color: #3d4149;
    color: #e5e7eb;
}

/* Modal */
.dark-mode .modal-content {
    background-color: #22252b;
    border-color: #2d3139;
    color: #d1d5db;
}

.dark-mode .modal-header {
    border-bottom-color: #2d3139;
}

.dark-mode .modal-footer {
    border-top-color: #2d3139;
}

/* Borders */
.dark-mode .border,
.dark-mode .border-top,
.dark-mode .border-bottom,
.dark-mode .border-left,
.dark-mode .border-right {
    border-color: #2d3139 !important;
}

/* Misc */
.dark-mode .empty-table-text {
    color: #6b7280;
}

.dark-mode .text-muted {
    color: #6b7280 !important;
}

.dark-mode hr {
    border-top-color: #2d3139;
}

.dark-mode code {
    color: #f472b6;
}

.dark-mode pre {
    background-color: #282b32;
    color: #d1d5db;
}

/* Sequence step cards border-left colors */
.dark-mode .card.border-left-primary { border-left-color: #5D63FF !important; }
.dark-mode .card.border-left-warning { border-left-color: #f59e0b !important; }
.dark-mode .card.border-left-info { border-left-color: #06b6d4 !important; }

/* Dark mode toggle button */
.dark-mode-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    padding: 4px 8px;
    border-radius: 4px;
    color: #6b7280;
    transition: color 0.2s;
}

.dark-mode-toggle:hover {
    color: #e5e7eb;
}

.dark-mode .close {
    color: #9ca3af;
}

/* Login / Auth pages */
.dark-mode .container {
    color: #d1d5db;
}

.dark-mode .col-form-label {
    color: #d1d5db;
}

.dark-mode .form-check-label {
    color: #d1d5db;
}

.dark-mode .btn-link {
    color: #818cf8;
}

.dark-mode .btn-link:hover {
    color: #a5b4fc;
}

.dark-mode .card-header-inner {
    color: #e5e7eb;
}