.rudl-invoice-overview,
.wpuf-account-content .items-table {
    color: inherit;
    font-family: inherit;
    font-size: clamp(.8rem, .72rem + .25vw, 1rem);
}

.rudl-invoice-overview {
    background: var(--wp--preset--color--base, #fff);
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: 12px;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    padding: clamp(1rem, 3vw, 1.5rem);
    width: 100%;
}

.rudl-invoice-overview > h2 {
    color: inherit;
    font-family: inherit;
    font-size: clamp(1.5rem, 1.15rem + 1vw, 2.25rem);
    margin-block: 0 var(--wp--preset--spacing--20, .75rem);
}

.rudl-invoice-overview .wp-block-table,
.wpuf-account-content .wpuf-bg-white:has(> table.items-table) {
    background: var(--wp--preset--color--base, #fff) !important;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    margin-block-start: var(--wp--preset--spacing--40, 1.5rem);
    max-width: 100% !important;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

.rudl-invoice-overview table,
.wpuf-account-content table.items-table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0;
    color: inherit;
    font-family: inherit;
    min-width: 720px;
    width: 100%;
}

.rudl-invoice-overview thead,
.wpuf-account-content table.items-table thead {
    background: color-mix(in srgb, currentColor 6%, transparent) !important;
}

.rudl-invoice-overview th,
.rudl-invoice-overview td,
.wpuf-account-content table.items-table th,
.wpuf-account-content table.items-table td {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent) !important;
    color: inherit !important;
    font-family: inherit;
    padding: var(--wp--preset--spacing--20, .75rem) !important;
    text-align: left;
    vertical-align: top;
}

.rudl-invoice-overview th,
.wpuf-account-content table.items-table th {
    font-size: .8em !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase;
}

.rudl-invoice-overview tbody tr:last-child td,
.wpuf-account-content table.items-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.rudl-invoice-overview th:nth-child(4),
.rudl-invoice-overview th:nth-child(5),
.rudl-invoice-overview th:nth-child(6),
.rudl-invoice-overview td:nth-child(4),
.rudl-invoice-overview td:nth-child(5),
.rudl-invoice-overview td:nth-child(6) {
    text-align: right;
    white-space: nowrap;
}

.rudl-invoice-overview .wp-element-button,
.wpuf-account-content table.items-table a[class*="wpuf-bg-gray-900"] {
    background: var(--wp--preset--color--accent-2) !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    border-style: solid !important;
    border-width: 0 !important;
    box-sizing: border-box;
    color: var(--wp--preset--color--base) !important;
    display: inline-flex;
    font-family: var(--wp--preset--font-family--manrope) !important;
    font-size: var(--wp--preset--font-size--large) !important;
    font-style: inherit !important;
    font-weight: 700 !important;
    justify-content: center;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    padding: .6rem 1.6rem !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

@media (max-width: 600px) {
    .rudl-invoice-overview {
        padding: 1rem;
    }
}