.woocommerce-account main#content div.page-content div.woocommerce nav ul li a:before {
    margin-right: 10px!important;
}

.affiliate_info_wrapper {
    margin-top: 0;
    margin-bottom: 18px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
}
.aff_id {
    font-weight:600;
    margin:0 0 6px;
}
.affiliate_info_wrapper p {
    margin:0;
}

/* Flex grid */
.aff-apply-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
}

/* Items */
.aff-apply-form .form-row {
    box-sizing: border-box;
    flex: 1 1 100%; /* default: full width (mobile-first) */
    margin: 0; /* reset Woo/Theme p spacing */
}

/* Two-column on wider screens */
@media (min-width: 720px) {
    .aff-apply-form .form-row-half {
        flex: 1 1 calc(50% - 8px); /* 2 columns with the 16px gap */
    }
}

/* Full-width rows */
.aff-apply-form .form-row-full,
.aff-apply-form .form-row-notes,
.aff-apply-form .form-row-actions {
    flex-basis: 100%;
}

/* Labels + controls */
.aff-apply-form label {
    display: block;
    margin: 0 0 6px;
    font-weight: 600;
    line-height: 1.2;
}

.aff-apply-form .input-text,
.aff-apply-form input[type="text"],
.aff-apply-form input[type="url"],
.aff-apply-form textarea {
    width: 100%;
}

/* Optional: make the textarea taller */
.aff-apply-form textarea { min-height: 120px; }

/* Zebra stripes for affiliate tables */
.woocommerce table.shop_table_responsive.my_account_orders tbody tr {
    background: #ffffff;              /* odd (default) */
}

.woocommerce table.shop_table_responsive.my_account_orders tbody tr:nth-child(even) {
    background: #f0f2f5;              /* even */
}

/* Keep cells transparent so row bg shows through */
.woocommerce table.shop_table_responsive.my_account_orders tbody tr td {
    background: transparent;
}

/* Nice hover on devices with hover */
@media (hover: hover) {
    .woocommerce table.shop_table_responsive.my_account_orders tbody tr:hover {
        background: #eef2ff;
    }
}

/* Mobile “card” layout tweaks (matches your earlier mobile CSS) */
@media (max-width: 680px) {
    .woocommerce table.shop_table_responsive.my_account_orders tbody tr {
        border: 1px solid #e5e7eb;
    }
    .woocommerce table.shop_table_responsive.my_account_orders tbody tr:nth-child(even) {
        border-color: #e2e8f0;
    }
}