/* ==========================================================
   Manage Emails - Dark Theme
   Applies only when body has .body__dark
========================================================== */

body.body__dark {
    --me-bg-main: #1b1d21;
    --me-bg-card: #232529;

    --me-border: #33363c;
    --me-border-hover: #454950;

    --me-text-title: #f4f4f5;
    --me-text-body: #d5d7dc;
    --me-text-muted: #9ca3af;

    --me-primary-light: rgba(44, 92, 197, .18);
    --me-success-light: rgba(26, 156, 106, .18);
    --me-warning-light: rgba(184, 118, 10, .18);
    --me-danger-light: rgba(197, 48, 48, .18);

    --me-shadow-sm: 0 2px 5px rgba(0, 0, 0, .30);
    --me-shadow-md: 0 4px 10px rgba(0, 0, 0, .35);
    --me-shadow-lg: 0 18px 40px rgba(0, 0, 0, .45);
}

/* Main Container */

body.body__dark .manage-email-container {
    background: var(--me-bg-main);
    border-color: var(--me-border);
    color: var(--me-text-body);
}

/* Cards */

body.body__dark .me-stat-card,
body.body__dark .me-actions-bar,
body.body__dark .me-table-card,
body.body__dark .manual-settings-card,
body.body__dark .me-modal {
    background: var(--me-bg-card);
    border-color: var(--me-border);
}

body.body__dark .me-stat-card:hover {
    border-color: var(--me-border-hover);
}

/* Typography */

body.body__dark .me-title,
body.body__dark .me-stat-value,
body.body__dark .email-address,
body.body__dark .me-modal-title,
body.body__dark .toggle-title,
body.body__dark .settings-label,
body.body__dark .me-empty-title {
    color: var(--me-text-title);
}

body.body__dark .me-stat-label,
body.body__dark .quota-info,
body.body__dark .toggle-desc,
body.body__dark .settings-value,
body.body__dark .me-empty-desc,
body.body__dark .me-section-title {
    color: var(--me-text-muted);
}

/* Select */

body.body__dark .me-select {
    background: #181a1d;
    border-color: var(--me-border);
    color: var(--me-text-body);
}

body.body__dark .me-select:focus {
    border-color: var(--me-primary);
}

/* Search */

body.body__dark .me-search-input {
    background: #181a1d !important;
    border-color: var(--me-border) !important;
    color: var(--me-text-body) !important;
}

body.body__dark .me-search-input::placeholder {
    color: #7b818b;
}

body.body__dark .me-search-icon {
    color: #7b818b;
}

/* Tables */

body.body__dark .me-table th {
    background: #2b2d31;
    color: #a7adb7;
    border-bottom: 1px solid var(--me-border);
}

body.body__dark .me-table td {
    color: var(--me-text-body);
    border-bottom: 1px solid var(--me-border);
}

body.body__dark .me-table tbody tr:hover {
    background: #2a2d31;
}

/* Progress */

body.body__dark .quota-progress-bg {
    background: #36393f;
}

/* Inputs */

body.body__dark .me-input,
body.body__dark .unified-input-group {
    background: #181a1d;
    border-color: var(--me-border);
    color: var(--me-text-body);
}

body.body__dark .me-input {
    background: transparent;
}

body.body__dark .me-input::placeholder {
    color: #7b818b;
}

body.body__dark .unified-input-group:focus-within {
    border-color: var(--me-primary);
}

body.body__dark .unified-input-group .input-icon {
    color: #8c919b;
}

body.body__dark .action-addon,
body.body__dark .quota-unit-label,
body.body__dark .create-domain-addon {
    background: #2b2d31;
    border-left-color: var(--me-border);
    color: #a6adb7;
}

body.body__dark .addon-btn {
    color: #9ca3af;
}

body.body__dark .addon-btn:hover {
    background: #3a3d42;
    color: #fff;
}

/* Modal */

body.body__dark .me-modal-header,
body.body__dark .me-modal-footer {
    background: #202226;
    border-color: var(--me-border);
}

body.body__dark .me-modal-close {
    color: #8f96a0;
}

body.body__dark .me-modal-close:hover {
    background: #36393f;
    color: #fff;
}

/* Toggle */

body.body__dark .toggle-row {
    background: #2a2c30;
    border-color: var(--me-border);
}

body.body__dark .slider-toggle {
    background: #555b63;
}

/* Segmented */

body.body__dark .segmented-control {
    background: #2b2d31;
    border-color: var(--me-border);
}

body.body__dark .segmented-control label {
    color: #9ca3af;
}

body.body__dark .segmented-control input:checked+label {
    background: #1b1d21;
    color: #ffffff;
}

/* Buttons */

body.body__dark .btn-light,
body.body__dark .me-btn-secondary {
    background: #2b2d31;
    color: #d4d7dc !important;
    border: 1px solid var(--me-border);
}

body.body__dark .btn-light:hover,
body.body__dark .me-btn-secondary:hover {
    background: #36393f;
    border-color: var(--me-border-hover);
}

/* Loading */

body.body__dark .loading-overlay {
    background: rgba(0, 0, 0, .15);
}

body.body__dark .spinner {
    border-color: #444;
    border-top-color: var(--me-primary);
}

/* Password Strength */

body.body__dark .password-strength-bg {
    background: #3a3d42;
}

/* Empty State */

body.body__dark .me-empty-icon {
    background: rgba(44, 92, 197, .15);
}

/* Manual Settings */

body.body__dark .settings-header {
    background: var(--me-primary);
}

body.body__dark .settings-row {
    border-color: var(--me-border);
}

body.body__dark .settings-body {
    background: var(--me-bg-card);
}

/* Autofill */

body.body__dark .unified-input-group .me-input:-webkit-autofill,
body.body__dark .unified-input-group .me-input:-webkit-autofill:hover,
body.body__dark .unified-input-group .me-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #181a1d inset !important;
}

body.body__dark .action-btn.quota {
    background-color: #17a2b82b !important;
}

body.body__dark #createDomainAddon {
    background: #2b2d31 !important;
    border-color: var(--me-border) !important;
}

/* 
  *** Dark Mode ***
*/
body.body__dark .swal2-container {
    backdrop-filter: blur(4px) !important;
}

body.body__dark .swal2-popup {
    background: #1f2023 !important;
    border: 1px solid #2d3035 !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 45px rgba(0, 0, 0, .55) !important;
    color: #e5e7eb !important;
}

body.body__dark .swal2-title {
    color: #ffffff !important;
}

body.body__dark .swal2-html-container {
    color: #c5c8ce !important;
}

body.body__dark .swal2-html-container strong {
    color: #ffffff !important;
    font-weight: 600 !important;
}

body.body__dark .swal2-icon.swal2-warning {
    border-color: #f0ad4e !important;
    color: #f0ad4e !important;
}

body.body__dark .swal2-icon.swal2-warning .swal2-icon-content {
    color: #f0ad4e !important;
}

body.body__dark .swal2-html-container .text-danger {
    display: block !important;
    margin-top: 18px !important;
    padding: 12px 14px !important;
    background: rgba(220, 53, 69, .10) !important;
    border: 1px solid rgba(220, 53, 69, .25) !important;
    color: #ff8d8d !important;
    border-radius: 6px !important;
}

body.body__dark .swal2-html-container .fas {
    color: #ffb74d !important;
}

body.body__dark .swal2-actions {
    border-top: 1px solid #2d3035 !important;
    background: #1b1c1f !important;
}

body.body__dark .swal2-styled {
    border-radius: 6px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: .2s ease !important;
}

body.body__dark .swal2-confirm {
    background: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    color: #fff !important;
}

body.body__dark .swal2-confirm:hover {
    background: #c82333 !important;
    border-color: #c82333 !important;
}

body.body__dark .swal2-cancel {
    background: #2b2d31 !important;
    border: 1px solid #3a3d42 !important;
    color: #d7d7d7 !important;
}

body.body__dark .swal2-cancel:hover {
    background: #36393f !important;
    border-color: #4a4e55 !important;
    color: #ffffff !important;
}

body.body__dark .swal2-styled:focus {
    box-shadow: none !important;
}

body.body__dark .swal2-close {
    color: #8d929b !important;
}

body.body__dark .swal2-close:hover {
    color: #ffffff !important;
}

body.body__dark .swal2-input,
body.body__dark .swal2-select,
body.body__dark .swal2-textarea {
    background: #17181b !important;
    border: 1px solid #34373c !important;
    color: #ffffff !important;
}

body.body__dark .swal2-input:focus,
body.body__dark .swal2-select:focus,
body.body__dark .swal2-textarea:focus {
    border-color: #4f8cff !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .15) !important;
}

body.body__dark .swal2-loader {
    border-color: #4f8cff transparent #4f8cff transparent !important;
}



/* ==========================================================
   Unblock IP Page - Dark Mode
   ========================================================== */

body.body__dark .unblock-ip-card {
    background: var(--me-bg-card);
    border-color: var(--me-border);
}

body.body__dark .unblock-ip-card:hover {
    border-color: var(--me-border-hover);
}

body.body__dark .unblock-ip-header {
    background:
        linear-gradient(180deg,
            rgba(44, 92, 197, .12),
            rgba(44, 92, 197, 0));

    border-bottom-color: var(--me-border);
}

body.body__dark .unblock-ip-icon {
    background: rgba(44, 92, 197, .18);
    color: #6ea8ff;
    border-color: rgba(110, 168, 255, .18);
}

body.body__dark .unblock-ip-title {
    color: var(--me-text-title);
}

body.body__dark .unblock-ip-description {
    color: var(--me-text-muted);
}

body.body__dark .ip-help-text {
    color: var(--me-text-muted);
}

body.body__dark .ip-help-text i {
    color: #6ea8ff;
}

/* Security Notice */

body.body__dark .security-notice {

    background: #202226;

    border: 1px solid #34373d;

    border-left: 4px solid var(--me-primary);
}

body.body__dark .security-notice i {
    color: #6ea8ff;
}

body.body__dark .security-notice strong {
    color: var(--me-text-title);
}

body.body__dark .security-notice p {
    color: var(--me-text-muted);
}

/* Validation */

body.body__dark .unified-input-group.invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, .18);
}

body.body__dark .invalid-feedback-custom {
    color: #ff8d8d;
}

/* Success */

body.body__dark .ip-success-box {

    background: rgba(25, 135, 84, .12);

    border: 1px solid rgba(25, 135, 84, .25);

    color: #6ee7a2;
}

/* Button */

body.body__dark .btn-unblock-ip {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}

body.body__dark .btn-unblock-ip:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}

/* Input placeholder */

body.body__dark .unblock-ip-body .me-input::placeholder {
    color: #808894;
}

/* Smooth transition */

body.body__dark .unblock-ip-card,
body.body__dark .unblock-ip-header,
body.body__dark .security-notice,
body.body__dark .ip-success-box {
    transition: .2s ease;
}