/* =====bắt đầu tên file assets/css/devexx.css ===== */
:root {
    --color-primary: #cf1518;
    --color-primary-hover: #870d0f;
    --color-secondary: #ffd23d;
    --color-secondary-hover: #9c7801;
    --color-accent: #7C4DFF;
    --color-bg: #FFFFFF;
    --color-bg-soft: #F8FAFC;
    --color-border: #E5E7EB;
    --color-text: #111827;
    --color-text-muted: #6B7280;
    --color-success: #2E7D32;
    --color-warning: #FBC02D;
    --color-error: #D32F2F;
    --color-info: #0288D1
    --tk-bg-light: #fafafa;
    --tk-bg-white: #fff;
    --tk-border-color: #ddd;
    --tk-border-dark: #333;
    --tk-text-color: #333;
    --tk-text-muted: #460101;
    --tk-primary-color: #cf1518;
    --tk-secondary-color: #ffd23d;
    --tk-shadow-color: rgba(0,0,0,.04);
    --tk-header-bg: #f9f9f9;
}

h1,h2,h3,h4,h5,h6 {
  color: var(--color-primary) !important;
}



.xsmb-check-ticket-wrapper {
    max-width: 400px;
    margin: 20px 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.xsmb-check-header h2 {
    text-align: center;
    color: #d32f2f;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
}

.xsmb-check-form .form-group {
    margin-bottom: 15px;
}

.xsmb-check-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333;
}

.xsmb-check-form .form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}

.xsmb-check-form button {
    width: 100%;
    padding: 12px;
    background: #d32f2f;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}

.xsmb-check-form button:hover {
    background: #b71c1c;
}

.xsmb-check-form button:disabled {
    background: #e57373;
    cursor: not-allowed;
}

.xsmb-check-result {
    margin-top: 20px;
    padding: 15px;
    border-radius: 4px;
    text-align: center;
}

.xsmb-check-result.won {
    background: #e8f5e9;
    border: 1px solid #c8e6c9;
    color: #2e7d32;
}

.xsmb-check-result.lost {
    background: #ffebee;
    border: 1px solid #ffcdd2;
    color: #c62828;
}

.xsmb-check-result h4 {
    margin: 0 0 10px;
    font-size: 18px;
}

.xsmb-check-result .msg {
    margin: 0;
    font-size: 15px;
}

.xsmb-check-result .error {
    color: #d32f2f;
}