.wpo-sc-expert-zone {
}

/* No coupon */

.wpo-sc-expert-no-coupon {
    padding: 20px 24px;
    background: #fff8e1;
    border-left: 4px solid #f0a500;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.6;
}

.wpo-sc-expert-no-coupon p {
    margin: 0 0 8px;
}

.wpo-sc-expert-no-coupon p:last-child {
    margin-bottom: 0;
}

/* Coupon box */

.wpo-sc-expert-coupon-box {
    background: #f0f7ff;
    border: 1px solid #c2d9f5;
    border-radius: 6px;
    padding: 20px 24px;
    margin-bottom: 20px;
}

.wpo-sc-expert-coupon-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #5a7fa8;
    margin-bottom: 10px;
}

.wpo-sc-expert-coupon-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.wpo-sc-expert-coupon-code {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #1a3c5e;
    font-family: monospace;
}

.wpo-sc-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: #1a3c5e;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}

.wpo-sc-copy-btn:hover {
    background: #0d2640;
}

.wpo-sc-copy-feedback {
    margin-top: 8px;
    font-size: 13px;
    color: #1a6e1a;
    font-weight: 600;
}

/* Balance box */

.wpo-sc-expert-balance-box {
    background: #f6fdf6;
    border: 1px solid #b8e0b8;
    border-radius: 6px;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.wpo-sc-expert-balance-label {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #4a8a4a;
    margin-bottom: 8px;
}

.wpo-sc-expert-balance-value {
    font-size: 32px;
    font-weight: 700;
    color: #1a6e1a;
    margin-bottom: 12px;
}

.wpo-sc-expert-balance-value.wpo-sc-balance--negative {
    color: #d63638;
}

.wpo-sc-use-credits-btn {
    display: inline-block;
    padding: 8px 18px;
    background: #1a6e1a;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
}

.wpo-sc-use-credits-btn:hover {
    background: #145214;
}

/* Products */

.wpo-sc-expert-products {
    margin-bottom: 32px;
    padding-bottom: 28px;
    border-bottom: 1px solid #e0e0e0;
}

/* History */

.wpo-sc-expert-history h3 {
    margin-bottom: 14px;
}

.wpo-sc-filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px 16px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}

.wpo-sc-filters label {
    display: inline;
    font-size: 13px;
    font-weight: 600;
    color: #2c3338;
    white-space: nowrap;
}

.wpo-sc-date-input {
    height: 34px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
}

.wpo-sc-filter-select {
    height: 34px;
    min-width: 200px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
}

.wpo-sc-btn {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s;
}

.wpo-sc-btn--primary {
    background: #1a3c5e;
    color: #fff;
    border-color: #1a3c5e;
}

.wpo-sc-btn--primary:hover {
    background: #0d2640;
}

/* History table */

.wpo-sc-history-table-wrap {
    overflow-x: auto;
}

.wpo-sc-history-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.wpo-sc-history-table th,
.wpo-sc-history-table td {
    padding: 9px 12px;
    border-bottom: 1px solid #eee;
    text-align: left;
    white-space: nowrap;
}

.wpo-sc-history-table thead th {
    background: #f6f7f7;
    font-weight: 600;
    color: #555;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.wpo-sc-history-table tbody tr:last-child td {
    border-bottom: none;
}

.wpo-sc-history-table tbody tr:hover td {
    background: #fafafa;
}

/* Balance colors */

.wpo-sc-balance {
    font-weight: 600;
    color: #1a6e1a;
}

.wpo-sc-balance--negative {
    color: #d63638;
}

/* Badges */

.wpo-sc-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
}

.wpo-sc-badge--order {
    background: #d1f0d1;
    color: #1a6e1a;
}

.wpo-sc-badge--admin {
    background: #fde8c8;
    color: #8a4b00;
}

.wpo-sc-badge--use {
    background: #dce8fb;
    color: #0044a8;
}

.wpo-sc-badge--payout {
    background: #ede7f6;
    color: #6a1b9a;
}

.wpo-sc-badge--pending {
    background: #fff3cd;
    color: #856404;
}

.wpo-sc-badge--accepted {
    background: #d1f0d1;
    color: #1a6e1a;
}

.wpo-sc-badge--rejected {
    background: #fde8e8;
    color: #d63638;
}

.wpo-sc-badge--invoice-sent {
    background: #dce8fb;
    color: #0044a8;
}

.wpo-sc-badge--paid {
    background: #d1f0d1;
    color: #1a6e1a;
    border: 1px solid #1a6e1a;
}

/* Pagination */

.wpo-sc-pagination {
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.wpo-sc-pagination button {
    padding: 5px 11px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    font-size: 13px;
    cursor: pointer;
}

.wpo-sc-pagination button.active {
    background: #1a3c5e;
    color: #fff;
    border-color: #1a3c5e;
}

.wpo-sc-btn--secondary {
    background: #f6f7f7;
    color: #2c3338;
    border-color: #ccc;
}

.wpo-sc-btn--secondary:hover {
    background: #e8e9ea;
}

/* Payout form */

.wpo-sc-payout-form {
    background: #fff8e1;
    border: 1px solid #f0c040;
    border-radius: 6px;
    padding: 18px 20px;
    max-width: 480px;
}

.wpo-sc-form-row {
    margin-bottom: 14px;
}

.wpo-sc-form-row label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #2c3338;
    margin-bottom: 6px;
}

.wpo-sc-input {
    width: 100%;
    max-width: 320px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 13px;
    box-sizing: border-box;
}

input[type="file"].wpo-sc-input {
    height: auto;
    padding: 6px 10px;
}

.wpo-sc-form-row--consent label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: normal;
    font-size: 13px;
    cursor: pointer;
}

.wpo-sc-form-row--consent input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
}

.wpo-sc-payout-feedback {
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
}

.wpo-sc-credits--success {
    background: #d1f0d1;
    color: #1a6e1a;
}

.wpo-sc-credits--error {
    background: #fde8e8;
    color: #d63638;
}