.elementor-18 .elementor-element.elementor-element-a500d9a{--display:flex;}.elementor-18 .elementor-element.elementor-element-a500d9a:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-a500d9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F172A;}/* Start custom CSS for shortcode, class: .elementor-element-dc0ebed *//* Container Box */
.elementor-18 .elementor-element.elementor-element-dc0ebed {
    padding: 30px;
    background-color: #1e293b; 
    border-radius: 16px;
    border: 1px solid #334155; 
    color: #ffffff;
}

/* 1. Force the dark headings/paragraphs to be bright and readable */
.elementor-18 .elementor-element.elementor-element-dc0ebed h2, 
.elementor-18 .elementor-element.elementor-element-dc0ebed h3, 
.elementor-18 .elementor-element.elementor-element-dc0ebed h4, 
.elementor-18 .elementor-element.elementor-element-dc0ebed p,
.elementor-18 .elementor-element.elementor-element-dc0ebed .wpc-title,
.elementor-18 .elementor-element.elementor-element-dc0ebed #wpcargo-client-dashboard {
    color: #ffffff !important;
}

/* 2. Change the table header styling */
.elementor-18 .elementor-element.elementor-element-dc0ebed table thead tr th,
.elementor-18 .elementor-element.elementor-element-dc0ebed .wpcargo-table thead tr th {
    background-color: #0f172a !important; 
    color: #38bdf8 !important; 
    border: 1px solid #334155 !important;
    padding: 15px !important;
    font-weight: 600;
    text-align: left !important; /* Forces clean left alignment */
}

/* 3. Style the table rows */
.elementor-18 .elementor-element.elementor-element-dc0ebed table tbody tr td,
.elementor-18 .elementor-element.elementor-element-dc0ebed .wpcargo-table tbody tr td {
    background-color: #111827 !important; 
    color: #cbd5e1 !important; 
    border: 1px solid #334155 !important;
    padding: 15px !important;
    text-align: left !important; /* Forces clean left alignment */
}

/* 4. Style the View More / tracking links */
.elementor-18 .elementor-element.elementor-element-dc0ebed table tbody tr td a,
.elementor-18 .elementor-element.elementor-element-dc0ebed .wpcargo-table tbody tr td a {
    color: #38bdf8 !important;
    text-decoration: none;
    font-weight: bold;
}

.elementor-18 .elementor-element.elementor-element-dc0ebed table tbody tr td a:hover {
    color: #60a5fa !important;
}/* End custom CSS */
/* Start custom CSS *//* FORCE DARK BG ON THE LOGIN CONTAINER */
.wpcargo-login-section, 
form#wpcargo-login-form, 
div#wpcfe-login,
.wpcfe-login-wrap {
    background-color: #1e293b !important;
    padding: 40px !important;
    border-radius: 16px !important;
    border: 1px solid #334155 !important;
    max-width: 500px !important;
    margin: 40px auto !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4) !important;
    display: block !important;
}

/* FORCE LABELS TO BE BRIGHT WHITE */
form#wpcargo-login-form label, 
.wpcargo-login-section label,
.wpcargo-login-section span {
    color: #ffffff !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
    font-size: 15px !important;
}

/* STYLE INPUT FIELDS */
form#wpcargo-login-form input[type="text"],
form#wpcargo-login-form input[type="password"],
.wpcargo-login-section input[type="text"],
.wpcargo-login-section input[type="password"] {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    padding: 14px 16px !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    outline: none !important;
}

/* STYLE THE SUBMIT BUTTON */
form#wpcargo-login-form input[type="submit"],
.wpcargo-login-section input[type="submit"],
input#wpcfe-login-submit {
    background-color: #38bdf8 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    width: 100% !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

/* HOVER EFFECT FOR BUTTON */
form#wpcargo-login-form input[type="submit"]:hover,
.wpcargo-login-section input[type="submit"]:hover {
    background-color: #0284c7 !important;
    color: #ffffff !important;
}/* End custom CSS */