/* FraudSpy — Checkout Fraud Check Banner */

.fs-fc-banner {
    margin: 12px 0;
    padding: 14px 18px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    transition: all 0.3s ease;
}

.fs-fc-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fs-fc-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.fs-fc-text {
    flex: 1;
    min-width: 150px;
}

.fs-fc-badges {
    display: flex;
    gap: 6px;
    margin-left: auto;
}

.fs-fc-badge {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

/* Loading */
.fs-fc-loading {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #64748B;
}

.fs-fc-spinner {
    width: 18px;
    height: 18px;
    border: 2.5px solid #E2E8F0;
    border-top-color: #3B82F6;
    border-radius: 50%;
    animation: fs-fc-spin 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes fs-fc-spin {
    to { transform: rotate(360deg); }
}

/* Success (Good ratio) */
.fs-fc-success {
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    color: #166534;
}

.fs-fc-success .fs-fc-b-total { background: #F1F5F9; color: #475569; }
.fs-fc-success .fs-fc-b-delivered { background: #DCFCE7; color: #16A34A; }
.fs-fc-success .fs-fc-b-returned { background: #FEE2E2; color: #DC2626; }

/* Warning (Moderate ratio) */
.fs-fc-warning {
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #92400E;
}

.fs-fc-warning .fs-fc-b-total { background: #FEF3C7; color: #92400E; }
.fs-fc-warning .fs-fc-b-delivered { background: #DCFCE7; color: #16A34A; }
.fs-fc-warning .fs-fc-b-returned { background: #FEE2E2; color: #DC2626; }

/* Error (Low ratio — will be rejected) */
.fs-fc-error {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #991B1B;
}

.fs-fc-error .fs-fc-b-total { background: #FEE2E2; color: #991B1B; }
.fs-fc-error .fs-fc-b-delivered { background: #DCFCE7; color: #16A34A; }
.fs-fc-error .fs-fc-b-returned { background: #FEE2E2; color: #DC2626; }

/* No data */
.fs-fc-nodata {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #64748B;
}