/* Table Styling */
.tymfin-subscriptions table,
.tymfin-subscription-details table,
.tymfin-payment-methods table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

/* Table Header */
.tymfin-subscriptions thead,
.tymfin-subscription-details thead,
.tymfin-payment-methods thead {
    background-color: #000000; /* Black background */
    color: #FFFFFF; /* White text */
}

.tymfin-subscriptions th,
.tymfin-subscription-details th,
.tymfin-payment-methods th {
    border: 1px solid #FFFFFF; /* White borders */
    padding: 10px;
    text-align: left;
}

/* Table Body */
.tymfin-subscriptions tbody,
.tymfin-subscription-details tbody,
.tymfin-payment-methods tbody {
    background-color: #FFFFFF; /* White background */
    color: #000000; /* Black text */
}

.tymfin-subscriptions td,
.tymfin-subscription-details td,
.tymfin-payment-methods td {
    border: 1px solid #000000; /* Black borders */
    padding: 10px;
    text-align: left;
}

/* Status Styling */
.tymfin-subscription-status {
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    color: #FFFFFF; /* White text for all statuses */
}

.tymfin-status-active {
    background-color: #28A745; /* Green for active */
}

.tymfin-status-pending-cancel {
    background-color: #FFA500; /* Orange for pending cancellation */
}

.tymfin-status-cancelled {
    background-color: #FF0000; /* Red for cancelled */
}

.tymfin-status-on-hold {
    background-color: #FFFF00; /* Yellow for on hold */
    color: #000000; /* Black text for readability */
}

.tymfin-status-expired {
    background-color: #808080; /* Gray for expired */
}

.tymfin-subscription-status:not(.tymfin-status-active):not(.tymfin-status-pending-cancel):not(.tymfin-status-cancelled):not(.tymfin-status-on-hold):not(.tymfin-status-expired) {
    background-color: #87CEEB; /* Sky blue for default */
}

/* Button Styling */
.tymfin-subscriptions .button,
.tymfin-subscription-details .button,
.tymfin-payment-methods .button {
    margin-right: 5px;
    padding: 8px 12px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
}

.tymfin-subscriptions .action-button,
.tymfin-subscription-details .action-button,
.tymfin-payment-methods .action-button {
    background-color: #007BFF; /* Blue for other actions */
    color: #FFFFFF;
}

.tymfin-subscriptions .action-button:hover,
.tymfin-subscription-details .action-button:hover,
.tymfin-payment-methods .action-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
    color: #FFFFFF; /* White text on hover */
}

.tymfin-subscriptions .cancel-button,
.tymfin-subscription-details .cancel-button {
    background-color: #FF0000; /* Red for cancel */
    color: #FFFFFF;
}

.tymfin-subscriptions .cancel-button:hover,
.tymfin-subscription-details .cancel-button:hover {
    background-color: #cc0000; /* Darker red on hover */
    color: #FFFFFF; /* White text on hover */
}

/* Headings (only for payment methods, as others are removed) */
.tymfin-payment-methods h2 {
    background-color: #000000; /* Black background */
    color: #FFFFFF; /* White text */
    padding: 10px;
    margin-bottom: 20px;
}