/* Coupon table styling */
.coupon-row {
    border-bottom: 1px solid #f0f0f0;
}

.coupon-cell {
    padding: 15px;
}

.coupon-image {
    max-width: 100px;
    border-radius: 8px;
    cursor: pointer;
}

.coupon-status {
    font-weight: 500;
}

/* Coupon card styling */
.coupon-card {
    border-radius: 8px;
    padding: 10px;
    margin: 0;
    width: 100%;
    text-align: center;
    border: 1px dashed;
}

.coupon-header {
    font-size: 12px;
    color: var(--ifminshare-text, #333);
    margin-bottom: 8px;
}

.coupon-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 6px;
    margin-bottom: 8px;
}

.coupon-code {
    font-size: 14px;
    font-weight: 700;
    font-family: monospace;
    background: var(--ifminshare-background-white, #fff);
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--ifminshare-border, #ddd);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.coupon-code-used, .coupon-code-expired {
    color: var(--ifminshare-text-light, #999);
    text-decoration: line-through;
}

.coupon-copy-btn {
    color: var(--ifminshare-text-white, #fff);
    border: none;
    border-radius: 4px;
    padding: 8px 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
}

.coupon-copy-btn-normal {
    background: var(--ifminshare-primary, #e1306c);
}

.coupon-copy-btn-used {
    background: var(--ifminshare-success, #207245);
}

.coupon-copy-btn-expired {
    background: var(--ifminshare-text-light, #999);
    cursor: not-allowed;
}

.coupon-status-text {
    font-size: 12px;
    font-weight: 500;
    padding: 8px 0;
    width: 100%;
    text-align: center;
}

.coupon-status-used {
    color: var(--ifminshare-success, #207245);
}

.coupon-status-expired {
    color: var(--ifminshare-danger, #d63031);
}

.coupon-expiry {
    font-size: 11px;
    margin-top: 4px;
}

.coupon-expiry-normal {
    color: var(--ifminshare-success, #27ae60);
}

.coupon-expiry-warn {
    color: var(--ifminshare-warning, #e67e22);
    font-weight: bold;
}

.coupon-expiry-danger {
    color: var(--ifminshare-danger, #d63031);
    font-weight: bold;
}

.coupon-expiry-used {
    color: var(--ifminshare-success, #207245);
}

.coupon-expiry-expired {
    color: var(--ifminshare-danger, #d63031);
}