/**
 * Webest XS Plugin Styles - Exact match with Theme's main.css
 * Copyright by AcmaTvirus
 */

:root {
    --primary-red: #d9230f;
    --dark-red: #ba1f12;
    --special-red: #ed1c23;
    --gold-bg: #fcf2c1;
    --border-gray: #d8d7d7;
    --bg-light: #f4f4f4;
    --text-dark: #333333;
    --text-muted: #666666;
    --nav-bg: #d9230f;
    --vietlott-blue: #007bff;
    --vietlott-red: #dc3545;
    --vietlott-yellow: #ffc107;
    --vietlott-green: #28a745;
    --vietlott-purple: #6f42c1;
    --vietlott-orange: #fd7e14;
}

/* Base styling for plugin containers */
.webest-xs-plugin-wrapper {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--text-dark);
    line-height: 1.5;
}

/* Regional Opening Table */
.webest-xs-opening-grid {
    margin-bottom: 25px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
}

.webest-xs-opening-grid .opening-header {
    background-color: #fcf2c1;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
}

.webest-xs-opening-grid .opening-header h2 {
    font-size: 1rem;
    color: #333;
    text-align: center;
    margin: 0;
    text-transform: none;
    font-weight: 700;
}

.webest-xs-opening-grid .opening-table {
    width: 100%;
    border-collapse: collapse;
}

.webest-xs-opening-grid .opening-table td {
    border: 1px solid #eee;
    padding: 12px;
    text-align: center;
    width: 33.33%;
}

.webest-xs-opening-grid .opening-table td a {
    color: #0056b3;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
}

.webest-xs-opening-grid .opening-table td a:hover {
    text-decoration: underline;
}

/* Lottery Result Box */
.result-box {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    width: 100%;
    clear: both;
}

.result-header {
    background-color: #fcf2c1;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
}

.result-header h2 {
    font-size: 1rem;
    color: #d9230f;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
}

.result-header h2 a {
    color: #d9230f;
    text-decoration: none;
}

.result-table {
    width: 100%;
    border-collapse: collapse;
}

.result-table th,
.result-table td {
    border: 1px solid #eee;
    padding: 12px;
    text-align: center;
    vertical-align: middle;
}

.result-table th.prov-name {
    color: #d9230f;
    font-weight: 800;
    background-color: #f8f9fa;
}

.label-cell {
    width: 70px;
    background-color: #f8f9fa;
    font-weight: 700;
    color: #444;
    font-size: 0.85rem;
}

.value-cell {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.db-row .value-cell {
    font-size: 2rem;
    color: #ed1c23;
}

.g7-row .value-cell {
    color: #ed1c23;
    font-size: 1.35rem;
}

/* Stats Section */
.stats-container {
    padding: 20px;
    background: #fff;
    border-top: 1px solid #eee;
}

.stats-header {
    font-weight: 700;
    color: #333;
    margin-bottom: 15px;
    font-size: 0.95rem;
    text-align: center;
    text-transform: uppercase;
}

.stats-table {
    width: 100%;
    border-collapse: collapse;
}

.stats-table th,
.stats-table td {
    border: 1px solid #eee;
    padding: 8px;
    font-size: 0.85rem;
}

.stats-table th {
    background: #f8f9fa;
    font-weight: 700;
    color: #555;
}

.stat-label {
    width: 40px;
    font-weight: 700;
    color: #d9230f;
    background: #fdfceb;
    text-align: center !important;
}

.stat-vals {
    text-align: left !important;
    padding-left: 12px !important;
    letter-spacing: 1px;
}

/* Breadcrumbs */
.webest-xs-breadcrumbs {
    padding: 10px 0;
    margin-bottom: 15px;
    font-size: 0.85rem;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border-gray);
}

.webest-xs-breadcrumbs a {
    color: var(--text-dark);
    text-decoration: none;
}

.webest-xs-breadcrumbs .sep {
    margin: 0 5px;
    color: #ccc;
}

.webest-xs-breadcrumbs .current {
    color: var(--text-muted);
}

/* Day Navigator */
.webest-xs-day-navigator {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}

.webest-xs-day-navigator .day-btn {
    background: #f1f1f1;
    color: #333;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.85rem;
    white-space: nowrap;
    border: 1px solid #ddd;
}

.webest-xs-day-navigator .day-btn.active {
    background: var(--dark-red);
    color: #fff;
    border-color: var(--dark-red);
}

/* Sidebar Widgets */
.webest-xs-sidebar-widget {
    background: #fff;
    border: 1px solid var(--border-gray);
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 4px;
}

.webest-xs-widget-title {
    font-size: 1rem;
    color: var(--primary-red);
    border-bottom: 2px solid var(--primary-red);
    padding-bottom: 8px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.webest-xs-side-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.webest-xs-side-list li {
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.webest-xs-side-list li a {
    text-decoration: none;
    color: #444;
    font-size: 0.9rem;
    display: block;
    transition: all 0.2s ease;
}

.webest-xs-side-list li a:hover {
    color: var(--primary-red);
    padding-left: 8px;
}

/* Utility classes for balls if needed */
.ball,
.keno-ball {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
    margin: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Vietlott specific ball colors */
.vietlott-box.mega645 .ball:nth-child(6n+1) {
    background-color: var(--vietlott-blue);
    color: #fff;
    border-color: var(--vietlott-blue);
}

.vietlott-box.mega645 .ball:nth-child(6n+2) {
    background-color: var(--vietlott-red);
    color: #fff;
    border-color: var(--vietlott-red);
}

.vietlott-box.mega645 .ball:nth-child(6n+3) {
    background-color: var(--vietlott-yellow);
    color: #333;
    border-color: var(--vietlott-yellow);
}

.vietlott-box.mega645 .ball:nth-child(6n+4) {
    background-color: var(--vietlott-green);
    color: #fff;
    border-color: var(--vietlott-green);
}

.vietlott-box.mega645 .ball:nth-child(6n+5) {
    background-color: var(--vietlott-purple);
    color: #fff;
    border-color: var(--vietlott-purple);
}

.vietlott-box.mega645 .ball:nth-child(6n+6) {
    background-color: var(--vietlott-orange);
    color: #fff;
    border-color: var(--vietlott-orange);
}

.vietlott-box.power655 .ball:nth-child(6n+1) {
    background-color: var(--vietlott-blue);
    color: #fff;
    border-color: var(--vietlott-blue);
}

.vietlott-box.power655 .ball:nth-child(6n+2) {
    background-color: var(--vietlott-red);
    color: #fff;
    border-color: var(--vietlott-red);
}

.vietlott-box.power655 .ball:nth-child(6n+3) {
    background-color: var(--vietlott-yellow);
    color: #333;
    border-color: var(--vietlott-yellow);
}

.vietlott-box.power655 .ball:nth-child(6n+4) {
    background-color: var(--vietlott-green);
    color: #fff;
    border-color: var(--vietlott-green);
}

.vietlott-box.power655 .ball:nth-child(6n+5) {
    background-color: var(--vietlott-purple);
    color: #fff;
    border-color: var(--vietlott-purple);
}

.vietlott-box.power655 .ball:nth-child(6n+6) {
    background-color: var(--vietlott-orange);
    color: #fff;
    border-color: var(--vietlott-orange);
}

/* Keno specific balls */
.vietlott-box.keno .ball {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 0.9rem;
    border: 1px solid #dc3545;
    background: #fff;
    color: #333;
}

.keno-analysis {
    display: flex;
    justify-content: space-around;
    padding: 15px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.analysis-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
}

.analysis-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.75rem;
}

.analysis-icon.chan {
    background: #00008b;
}

.analysis-icon.lon {
    background: #b22222;
}


.no-data-msg {
    text-align: center;
    padding: 50px 20px;
    color: var(--text-muted);
    font-style: italic;
    background: #fff;
    border-radius: 4px;
    border: 1px dashed var(--border-gray);
}

/* =========================================
   Modern Vietlott/Keno Styles (Next.js Look)
   ========================================= */

.webest-xs-vietlott-container {
    max-width: 1000px;
    margin: 0 auto;
}

.webest-xs-vietlott-container .bg-white {
    background-color: #fff;
}

.webest-xs-vietlott-container .rounded-3xl {
    border-radius: 1.5rem;
}

.webest-xs-vietlott-container .rounded-xl {
    border-radius: 0.75rem;
}

.webest-xs-vietlott-container .rounded-full {
    border-radius: 9999px;
}

.webest-xs-vietlott-container .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.webest-xs-vietlott-container .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.webest-xs-vietlott-container .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.webest-xs-vietlott-container .border-t-8 {
    border-top-width: 8px;
}

.webest-xs-vietlott-container .border-yellow-500 {
    border-color: #f59e0b;
}

.webest-xs-vietlott-container .border-gray-100 {
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .border-gray-200 {
    border-color: #e5e7eb;
}

.webest-xs-vietlott-container .border-2 {
    border-width: 2px;
}

.webest-xs-vietlott-container .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.3);
}

.webest-xs-vietlott-container .text-red-600 {
    color: #dc2626;
}

.webest-xs-vietlott-container .text-gray-800 {
    color: #1f2937;
}

.webest-xs-vietlott-container .text-gray-700 {
    color: #374151;
}

.webest-xs-vietlott-container .text-gray-900 {
    color: #111827;
}

.webest-xs-vietlott-container .text-gray-400 {
    color: #9ca3af;
}

.webest-xs-vietlott-container .text-gray-600 {
    color: #4b5563;
}

.webest-xs-vietlott-container .text-gray-950 {
    color: #030712;
}

.webest-xs-vietlott-container .text-\[\#d0021b\] {
    color: #d0021b;
}

.webest-xs-vietlott-container .uppercase {
    text-transform: uppercase;
}

.webest-xs-vietlott-container .italic {
    font-style: italic;
}

.webest-xs-vietlott-container .font-bold {
    font-weight: 700;
}

.webest-xs-vietlott-container .font-black {
    font-weight: 900;
}

.webest-xs-vietlott-container .font-semibold {
    font-weight: 600;
}

.webest-xs-vietlott-container .font-medium {
    font-weight: 500;
}

.webest-xs-vietlott-container .text-xs {
    font-size: 0.75rem;
}

.webest-xs-vietlott-container .text-sm {
    font-size: 0.875rem;
}

.webest-xs-vietlott-container .text-lg {
    font-size: 1.125rem;
}

.webest-xs-vietlott-container .text-xl {
    font-size: 1.25rem;
}

.webest-xs-vietlott-container .text-2xl {
    font-size: 1.5rem;
}

.webest-xs-vietlott-container .text-3xl {
    font-size: 1.875rem;
}

.webest-xs-vietlott-container .text-4xl {
    font-size: 2.25rem;
}

.webest-xs-vietlott-container .space-y-12>*+* {
    margin-top: 3rem;
}

.webest-xs-vietlott-container .space-y-8>*+* {
    margin-top: 2rem;
}

.webest-xs-vietlott-container .space-y-6>*+* {
    margin-top: 1.5rem;
}

.webest-xs-vietlott-container .space-y-4>*+* {
    margin-top: 1rem;
}

.webest-xs-vietlott-container .space-y-2>*+* {
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .webest-xs-vietlott-container .md\:space-y-16>*+* {
        margin-top: 4rem;
    }

    .webest-xs-vietlott-container .md\:space-y-2>*+* {
        margin-top: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:block {
        display: block;
    }
}

.webest-xs-vietlott-container .flex {
    display: flex;
}

.webest-xs-vietlott-container .flex-col {
    flex-direction: column;
}

.webest-xs-vietlott-container .flex-nowrap {
    flex-wrap: nowrap;
}

.webest-xs-vietlott-container .items-center {
    align-items: center;
}

.webest-xs-vietlott-container .justify-center {
    justify-content: center;
}

.webest-xs-vietlott-container .justify-between {
    justify-content: space-between;
}

.webest-xs-vietlott-container .shrink-0 {
    flex-shrink: 0;
}

.webest-xs-vietlott-container .gap-1 {
    gap: 0.25rem;
}

.webest-xs-vietlott-container .gap-2 {
    gap: 0.5rem;
}

.webest-xs-vietlott-container .gap-3 {
    gap: 0.75rem;
}

.webest-xs-vietlott-container .gap-4 {
    gap: 1rem;
}

.webest-xs-vietlott-container .gap-6 {
    gap: 1.5rem;
}

.webest-xs-vietlott-container .gap-16 {
    gap: 4rem;
}

.webest-xs-vietlott-container .grid {
    display: grid;
}

.webest-xs-vietlott-container .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.webest-xs-vietlott-container .justify-items-center {
    justify-items: center;
}

.webest-xs-vietlott-container .p-4 {
    padding: 1rem;
}

.webest-xs-vietlott-container .p-8 {
    padding: 2rem;
}

.webest-xs-vietlott-container .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.webest-xs-vietlott-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.webest-xs-vietlott-container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .p-3 {
    padding: 0.75rem;
}

.webest-xs-vietlott-container .pr-2 {
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .pr-4 {
    padding-right: 1rem;
}

.webest-xs-vietlott-container .w-3 {
    width: 0.75rem;
}

.webest-xs-vietlott-container .h-3 {
    height: 0.75rem;
}

.webest-xs-vietlott-container .w-7 {
    width: 1.75rem;
}

.webest-xs-vietlott-container .h-7 {
    height: 1.75rem;
}

.webest-xs-vietlott-container .w-8 {
    width: 2rem;
}

.webest-xs-vietlott-container .h-8 {
    height: 2rem;
}

.webest-xs-vietlott-container .w-10 {
    width: 2.5rem;
}

.webest-xs-vietlott-container .h-10 {
    height: 2.5rem;
}

.webest-xs-vietlott-container .w-16 {
    width: 4rem;
}

.webest-xs-vietlott-container .h-16 {
    height: 4rem;
}

.webest-xs-vietlott-container .tracking-wider {
    letter-spacing: 0.05em;
}

.webest-xs-vietlott-container .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.webest-xs-vietlott-container .hover\:scale-110:hover {
    transform: scale(1.1);
}

.webest-xs-vietlott-container .scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.webest-xs-vietlott-container .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Colors */
.bg-\[\#fff9e6\] {
    background-color: #fff9e6;
}

.bg-\[\#f2f2f2\] {
    background-color: #f2f2f2;
}

.bg-\[\#007cc2\] {
    background-color: #007cc2;
}

.bg-\[\#e21b23\] {
    background-color: #e21b23;
}

.bg-\[\#f6a911\] {
    background-color: #f6a911;
}

.bg-\[\#39a037\] {
    background-color: #39a037;
}

.bg-\[\#92278f\] {
    background-color: #92278f;
}

.bg-\[\#f37021\] {
    background-color: #f37021;
}

.bg-\[\#0000a0\] {
    background-color: #0000a0;
}

.bg-\[\#3498db\] {
    background-color: #3498db;
}

.bg-\[\#d0021b\] {
    background-color: #d0021b;
}

.bg-\[\#f39c12\] {
    background-color: #f39c12;
}

.bg-black {
    background-color: #000;
}

.bg-transparent {
    background-color: transparent;
}

/* Table Styles */
.webest-xs-vietlott-container table {
    width: 100%;
    border-collapse: collapse;
}

.webest-xs-vietlott-container th,
.webest-xs-vietlott-container td {
    padding: 12px;
    border: 1px solid #e5e7eb;
}

.webest-xs-vietlott-container .hover\:bg-gray-50:hover {
    background-color: #f9fafb;
}

/* Responsive Utility Classes */
@media (max-width: 640px) {
    .webest-xs-vietlott-container .w-7 {
        width: 1.75rem;
    }

    .webest-xs-vietlott-container .h-7 {
        height: 1.75rem;
    }

    .webest-xs-vietlott-container .text-xs {
        font-size: 0.65rem;
    }
}

@media (min-width: 640px) {
    .webest-xs-vietlott-container .sm\:w-10 {
        width: 2.5rem;
    }

    .webest-xs-vietlott-container .sm\:h-10 {
        height: 2.5rem;
    }

    .webest-xs-vietlott-container .sm\:text-lg {
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) {
    .webest-xs-vietlott-container .md\:space-y-16>*+* {
        margin-top: 4rem;
    }

    .webest-xs-vietlott-container .md\:space-y-2>*+* {
        margin-top: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:block {
        display: block;
    }

    .webest-xs-vietlott-container .md\:mr-2 {
        margin-right: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:p-8 {
        padding: 2rem;
    }

    .webest-xs-vietlott-container .md\:w-16 {
        width: 4rem;
    }

    .webest-xs-vietlott-container .md\:h-16 {
        height: 4rem;
    }

    .webest-xs-vietlott-container .md\:text-xl {
        font-size: 1.25rem;
    }

    .webest-xs-vietlott-container .md\:text-2xl {
        font-size: 1.5rem;
    }

    .webest-xs-vietlott-container .md\:text-3xl {
        font-size: 1.875rem;
    }

    .webest-xs-vietlott-container .md\:text-4xl {
        font-size: 2.25rem;
    }

    .webest-xs-vietlott-container .md\:gap-4 {
        gap: 1rem;
    }

    .webest-xs-vietlott-container .md\:gap-6 {
        gap: 1.5rem;
    }

    .webest-xs-vietlott-container .md\:gap-16 {
        gap: 4rem;
    }

    .webest-xs-vietlott-container .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Base Utility Classes */
.webest-xs-vietlott-container .flex {
    display: flex;
}

.webest-xs-vietlott-container .flex-col {
    flex-direction: column;
}

.webest-xs-vietlott-container .flex-nowrap {
    flex-wrap: nowrap;
}

.webest-xs-vietlott-container .items-center {
    align-items: center;
}

.webest-xs-vietlott-container .justify-center {
    justify-content: center;
}

.webest-xs-vietlott-container .justify-between {
    justify-content: space-between;
}

.webest-xs-vietlott-container .shrink-0 {
    flex-shrink: 0;
}

.webest-xs-vietlott-container .gap-1 {
    gap: 0.25rem;
}

.webest-xs-vietlott-container .gap-2 {
    gap: 0.5rem;
}

.webest-xs-vietlott-container .gap-3 {
    gap: 0.75rem;
}

.webest-xs-vietlott-container .gap-4 {
    gap: 1rem;
}

.webest-xs-vietlott-container .gap-6 {
    gap: 1.5rem;
}

.webest-xs-vietlott-container .gap-16 {
    gap: 4rem;
}

.webest-xs-vietlott-container .grid {
    display: grid;
}

.webest-xs-vietlott-container .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.webest-xs-vietlott-container .justify-items-center {
    justify-items: center;
}

.webest-xs-vietlott-container .p-4 {
    padding: 1rem;
}

.webest-xs-vietlott-container .p-3 {
    padding: 0.75rem;
}

.webest-xs-vietlott-container .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.webest-xs-vietlott-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.webest-xs-vietlott-container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .pt-8 {
    padding-top: 2rem;
}

.webest-xs-vietlott-container .pl-3 {
    padding-left: 0.75rem;
}

.webest-xs-vietlott-container .pl-6 {
    padding-left: 1.5rem;
}

.webest-xs-vietlott-container .w-full {
    width: 100%;
}

.webest-xs-vietlott-container .max-w-4xl {
    max-width: 56rem;
}

.webest-xs-vietlott-container .max-w-5xl {
    max-width: 64rem;
}

.webest-xs-vietlott-container .bg-white {
    background-color: #fff;
}

.webest-xs-vietlott-container .rounded-3xl {
    border-radius: 1.5rem;
}

.webest-xs-vietlott-container .rounded-xl {
    border-radius: 0.75rem;
}

.webest-xs-vietlott-container .rounded-full {
    border-radius: 9999px;
}

.webest-xs-vietlott-container .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.webest-xs-vietlott-container .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.webest-xs-vietlott-container .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.webest-xs-vietlott-container .border-t-8 {
    border-top-width: 8px;
}

.webest-xs-vietlott-container .border-yellow-500 {
    border-color: #f59e0b;
}

.webest-xs-vietlott-container .border-gray-100 {
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .border-gray-200 {
    border-color: #e5e7eb;
}

.webest-xs-vietlott-container .border-2 {
    border-width: 2px;
}

.webest-xs-vietlott-container .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.3);
}

.webest-xs-vietlott-container .text-red-600 {
    color: #dc2626;
}

.webest-xs-vietlott-container .text-gray-800 {
    color: #1f2937;
}

.webest-xs-vietlott-container .text-gray-700 {
    color: #374151;
}

.webest-xs-vietlott-container .text-gray-900 {
    color: #111827;
}

.webest-xs-vietlott-container .text-gray-400 {
    color: #9ca3af;
}

.webest-xs-vietlott-container .text-gray-600 {
    color: #4b5563;
}

.webest-xs-vietlott-container .text-gray-950 {
    color: #030712;
}

.webest-xs-vietlott-container .text-\[\#d0021b\] {
    color: #d0021b;
}

.webest-xs-vietlott-container .uppercase {
    text-transform: uppercase;
}

.webest-xs-vietlott-container .italic {
    font-style: italic;
}

.webest-xs-vietlott-container .font-bold {
    font-weight: 700;
}

.webest-xs-vietlott-container .font-black {
    font-weight: 900;
}

.webest-xs-vietlott-container .font-semibold {
    font-weight: 600;
}

.webest-xs-vietlott-container .font-medium {
    font-weight: 500;
}

.webest-xs-vietlott-container .text-xs {
    font-size: 0.75rem;
}

.webest-xs-vietlott-container .text-sm {
    font-size: 0.875rem;
}

.webest-xs-vietlott-container .text-lg {
    font-size: 1.125rem;
}

.webest-xs-vietlott-container .text-xl {
    font-size: 1.25rem;
}

.webest-xs-vietlott-container .text-2xl {
    font-size: 1.5rem;
}

.webest-xs-vietlott-container .text-3xl {
    font-size: 1.875rem;
}

.webest-xs-vietlott-container .text-4xl {
    font-size: 2.25rem;
}

.webest-xs-vietlott-container .space-y-12>*+* {
    margin-top: 4rem !important;
}

.webest-xs-vietlott-container .space-y-8>*+* {
    margin-top: 2rem;
}

.webest-xs-vietlott-container .space-y-6>*+* {
    margin-top: 1.5rem;
}

.webest-xs-vietlott-container .space-y-4>*+* {
    margin-top: 1rem;
}

.webest-xs-vietlott-container .space-y-2>*+* {
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .webest-xs-vietlott-container .md\:space-y-16>*+* {
        margin-top: 4rem;
    }

    .webest-xs-vietlott-container .md\:space-y-2>*+* {
        margin-top: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:block {
        display: block;
    }
}

.webest-xs-vietlott-container .flex {
    display: flex;
}

.webest-xs-vietlott-container .flex-col {
    flex-direction: column;
}

.webest-xs-vietlott-container .flex-nowrap {
    flex-wrap: nowrap;
}

.webest-xs-vietlott-container .items-center {
    align-items: center;
}

.webest-xs-vietlott-container .justify-center {
    justify-content: center;
}

.webest-xs-vietlott-container .justify-between {
    justify-content: space-between;
}

.webest-xs-vietlott-container .shrink-0 {
    flex-shrink: 0;
}

.webest-xs-vietlott-container .gap-1 {
    gap: 0.25rem;
}

.webest-xs-vietlott-container .gap-2 {
    gap: 0.5rem;
}

.webest-xs-vietlott-container .gap-3 {
    gap: 0.75rem;
}

.webest-xs-vietlott-container .gap-4 {
    gap: 1rem;
}

.webest-xs-vietlott-container .gap-6 {
    gap: 1.5rem;
}

.webest-xs-vietlott-container .gap-16 {
    gap: 4rem;
}

.webest-xs-vietlott-container .grid {
    display: grid;
}

.webest-xs-vietlott-container .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.webest-xs-vietlott-container .justify-items-center {
    justify-items: center;
}

.webest-xs-vietlott-container .p-4 {
    padding: 1rem;
}

.webest-xs-vietlott-container .p-8 {
    padding: 2rem;
}

.webest-xs-vietlott-container .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.webest-xs-vietlott-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.webest-xs-vietlott-container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .p-3 {
    padding: 0.75rem;
}

.webest-xs-vietlott-container .pr-2 {
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .pr-4 {
    padding-right: 1rem;
}

.webest-xs-vietlott-container .w-3 {
    width: 0.75rem;
}

.webest-xs-vietlott-container .h-3 {
    height: 0.75rem;
}

.webest-xs-vietlott-container .w-7 {
    width: 1.75rem;
}

.webest-xs-vietlott-container .h-7 {
    height: 1.75rem;
}

.webest-xs-vietlott-container .w-8 {
    width: 2rem;
}

.webest-xs-vietlott-container .h-8 {
    height: 2rem;
}

.webest-xs-vietlott-container .w-10 {
    width: 2.5rem;
}

.webest-xs-vietlott-container .h-10 {
    height: 2.5rem;
}

.webest-xs-vietlott-container .w-16 {
    width: 4rem;
}

.webest-xs-vietlott-container .h-16 {
    height: 4rem;
}

.webest-xs-vietlott-container .tracking-wider {
    letter-spacing: 0.05em;
}

.webest-xs-vietlott-container .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.webest-xs-vietlott-container .hover\:scale-110:hover {
    transform: scale(1.1);
}

.webest-xs-vietlott-container .scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.webest-xs-vietlott-container .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Colors */
.bg-\[\#fff9e6\] {
    background-color: #fff9e6;
}

.bg-\[\#f2f2f2\] {
    background-color: #f2f2f2;
}

.bg-\[\#007cc2\] {
    background-color: #007cc2;
}

.bg-\[\#e21b23\] {
    background-color: #e21b23;
}

.bg-\[\#f6a911\] {
    background-color: #f6a911;
}

.bg-\[\#39a037\] {
    background-color: #39a037;
}

.bg-\[\#92278f\] {
    background-color: #92278f;
}

.bg-\[\#f37021\] {
    background-color: #f37021;
}

.bg-\[\#0000a0\] {
    background-color: #0000a0;
}

.bg-\[\#3498db\] {
    background-color: #3498db;
}

.bg-\[\#d0021b\] {
    background-color: #d0021b;
}

.bg-\[\#f39c12\] {
    background-color: #f39c12;
}

.bg-black {
    background-color: #000;
}

.bg-transparent {
    background-color: transparent;
}

/* Table Styles */
.webest-xs-vietlott-container table {
    width: 100%;
    border-collapse: collapse;
}

.webest-xs-vietlott-container th,
.webest-xs-vietlott-container td {
    padding: 12px;
    border: 1px solid #e5e7eb;
}

.webest-xs-vietlott-container .hover\:bg-gray-50:hover {
    background-color: #f9fafb;
}

/* Responsive Utility Classes */
@media (max-width: 640px) {
    .webest-xs-vietlott-container .w-7 {
        width: 1.75rem;
    }

    .webest-xs-vietlott-container .h-7 {
        height: 1.75rem;
    }

    .webest-xs-vietlott-container .text-xs {
        font-size: 0.65rem;
    }
}

@media (min-width: 640px) {
    .webest-xs-vietlott-container .sm\:w-10 {
        width: 2.5rem;
    }

    .webest-xs-vietlott-container .sm\:h-10 {
        height: 2.5rem;
    }

    .webest-xs-vietlott-container .sm\:text-lg {
        font-size: 1.125rem;
    }
}

@media (min-width: 768px) {
    .webest-xs-vietlott-container .md\:space-y-16>*+* {
        margin-top: 4rem;
    }

    .webest-xs-vietlott-container .md\:space-y-2>*+* {
        margin-top: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .webest-xs-vietlott-container .md\:block {
        display: block;
    }

    .webest-xs-vietlott-container .md\:mr-2 {
        margin-right: 0.5rem;
    }

    .webest-xs-vietlott-container .md\:p-8 {
        padding: 2rem;
    }

    .webest-xs-vietlott-container .md\:w-16 {
        width: 4rem;
    }

    .webest-xs-vietlott-container .md\:h-16 {
        height: 4rem;
    }

    .webest-xs-vietlott-container .md\:text-xl {
        font-size: 1.25rem;
    }

    .webest-xs-vietlott-container .md\:text-2xl {
        font-size: 1.5rem;
    }

    .webest-xs-vietlott-container .md\:text-3xl {
        font-size: 1.875rem;
    }

    .webest-xs-vietlott-container .md\:text-4xl {
        font-size: 2.25rem;
    }

    .webest-xs-vietlott-container .md\:gap-4 {
        gap: 1rem;
    }

    .webest-xs-vietlott-container .md\:gap-6 {
        gap: 1.5rem;
    }

    .webest-xs-vietlott-container .md\:gap-16 {
        gap: 4rem;
    }

    .webest-xs-vietlott-container .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Base Utility Classes */
.webest-xs-vietlott-container .flex {
    display: flex;
}

.webest-xs-vietlott-container .flex-col {
    flex-direction: column;
}

.webest-xs-vietlott-container .flex-nowrap {
    flex-wrap: nowrap;
}

.webest-xs-vietlott-container .items-center {
    align-items: center;
}

.webest-xs-vietlott-container .justify-center {
    justify-content: center;
}

.webest-xs-vietlott-container .justify-between {
    justify-content: space-between;
}

.webest-xs-vietlott-container .shrink-0 {
    flex-shrink: 0;
}

.webest-xs-vietlott-container .gap-1 {
    gap: 0.25rem;
}

.webest-xs-vietlott-container .gap-2 {
    gap: 0.5rem;
}

.webest-xs-vietlott-container .gap-3 {
    gap: 0.75rem;
}

.webest-xs-vietlott-container .gap-4 {
    gap: 1rem;
}

.webest-xs-vietlott-container .gap-6 {
    gap: 1.5rem;
}

.webest-xs-vietlott-container .gap-16 {
    gap: 4rem;
}

.webest-xs-vietlott-container .grid {
    display: grid;
}

.webest-xs-vietlott-container .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.webest-xs-vietlott-container .justify-items-center {
    justify-items: center;
}

.webest-xs-vietlott-container .p-4 {
    padding: 1rem;
}

.webest-xs-vietlott-container .p-3 {
    padding: 0.75rem;
}

.webest-xs-vietlott-container .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.webest-xs-vietlott-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.webest-xs-vietlott-container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .pt-8 {
    padding-top: 2rem;
}

.webest-xs-vietlott-container .pl-3 {
    padding-left: 0.75rem;
}

.webest-xs-vietlott-container .pl-6 {
    padding-left: 1.5rem;
}

.webest-xs-vietlott-container .w-full {
    width: 100%;
}

.webest-xs-vietlott-container .max-w-4xl {
    max-width: 56rem;
}

.webest-xs-vietlott-container .max-w-5xl {
    max-width: 64rem;
}

.webest-xs-vietlott-container .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.webest-xs-vietlott-container .overflow-x-auto {
    overflow-x: auto;
}

.webest-xs-vietlott-container .overflow-hidden {
    overflow: hidden;
}

/* Border Styles */
.webest-xs-vietlott-container .border,
.webest-xs-vietlott-container .border-2,
.webest-xs-vietlott-container .border-t-8,
.webest-xs-vietlott-container .border-l-4 {
    border-style: solid;
}

.webest-xs-vietlott-container .border {
    border-width: 1px;
}

.webest-xs-vietlott-container .border-2 {
    border-width: 2px;
}

.webest-xs-vietlott-container .border-t-8 {
    border-top-width: 8px;
}

.webest-xs-vietlott-container .border-l-4 {
    border-left-width: 4px;
}

.webest-xs-vietlott-container .border-yellow-500 {
    border-color: #f59e0b;
}

.webest-xs-vietlott-container .border-gray-100 {
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .border-gray-200 {
    border-color: #e5e7eb;
}

.webest-xs-vietlott-container .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.3);
}

/* Existing Color & Font classes... */
.webest-xs-vietlott-container .text-center {
    text-align: center;
}

.webest-xs-vietlott-container .text-left {
    text-align: left;
}

.webest-xs-vietlott-container .bg-white {
    background-color: #fff;
}

.webest-xs-vietlott-container .rounded-3xl {
    border-radius: 1.5rem;
}

.webest-xs-vietlott-container .rounded-xl {
    border-radius: 0.75rem;
}

.webest-xs-vietlott-container .rounded-full {
    border-radius: 9999px;
}

.webest-xs-vietlott-container .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.webest-xs-vietlott-container .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.webest-xs-vietlott-container .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Custom Colors với Escaping đúng chuẩn CSS */
.webest-xs-vietlott-container .bg-\[\#fff9e6\] {
    background-color: #fff9e6;
}

.webest-xs-vietlott-container .bg-\[\#f2f2f2\] {
    background-color: #f2f2f2;
}

.webest-xs-vietlott-container .text-\[\#d0021b\] {
    color: #d0021b;
}

.webest-xs-vietlott-container .bg-\[\#d0021b\] {
    background-color: #d0021b;
}

.webest-xs-vietlott-container .border-\[\#d0021b\] {
    border-color: #d0021b;
}

/* Table specific */
.webest-xs-vietlott-container table {
    width: 100%;
    border-collapse: collapse;
}

.webest-xs-vietlott-container th,
.webest-xs-vietlott-container td {
    border: 1px solid #e5e7eb;
}

.webest-xs-vietlott-container thead th {
    background-color: #f9fafb;
}

/* Animations */
.webest-xs-vietlott-container .transition-transform {
    transition: transform 0.2s ease-in-out;
}


.webest-xs-vietlott-container .grid {
    display: grid;
}

.webest-xs-vietlott-container .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.webest-xs-vietlott-container .justify-items-center {
    justify-items: center;
}

.webest-xs-vietlott-container .p-4 {
    padding: 1rem;
}

.webest-xs-vietlott-container .p-3 {
    padding: 0.75rem;
}

.webest-xs-vietlott-container .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.webest-xs-vietlott-container .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.webest-xs-vietlott-container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.webest-xs-vietlott-container .pt-8 {
    padding-top: 2rem;
}

.webest-xs-vietlott-container .pl-3 {
    padding-left: 0.75rem;
}

.webest-xs-vietlott-container .pl-6 {
    padding-left: 1.5rem;
}

.webest-xs-vietlott-container .w-full {
    width: 100%;
}

.webest-xs-vietlott-container .max-w-4xl {
    max-width: 56rem;
}

.webest-xs-vietlott-container .max-w-5xl {
    max-width: 64rem;
}

.webest-xs-vietlott-container .mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.webest-xs-vietlott-container .overflow-x-auto {
    overflow-x: auto;
}

.webest-xs-vietlott-container .overflow-hidden {
    overflow: hidden;
}

/* Border Styles */
.webest-xs-vietlott-container .border,
.webest-xs-vietlott-container .border-2,
.webest-xs-vietlott-container .border-t-8,
.webest-xs-vietlott-container .border-l-4 {
    border-style: solid;
}

.webest-xs-vietlott-container .border {
    border-width: 1px;
}

.webest-xs-vietlott-container .border-2 {
    border-width: 2px;
}

.webest-xs-vietlott-container .border-t-8 {
    border-top-width: 8px;
}

.webest-xs-vietlott-container .border-l-4 {
    border-left-width: 4px;
}

.webest-xs-vietlott-container .border-yellow-500 {
    border-color: #f59e0b;
}

.webest-xs-vietlott-container .border-gray-100 {
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .border-gray-200 {
    border-color: #e5e7eb;
}

.webest-xs-vietlott-container .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.3);
}

/* Existing Color & Font classes... */
.webest-xs-vietlott-container .text-center {
    text-align: center;
}

.webest-xs-vietlott-container .text-left {
    text-align: left;
}

.webest-xs-vietlott-container .bg-white {
    background-color: #fff;
}

.webest-xs-vietlott-container .rounded-3xl {
    border-radius: 1.5rem;
}

.webest-xs-vietlott-container .rounded-xl {
    border-radius: 0.75rem;
}

.webest-xs-vietlott-container .rounded-full {
    border-radius: 9999px;
}

.webest-xs-vietlott-container .shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.webest-xs-vietlott-container .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.webest-xs-vietlott-container .shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

/* Custom Colors với Escaping đúng chuẩn CSS */
.webest-xs-vietlott-container .bg-\[\#fff9e6\] {
    background-color: #fff9e6;
}

.webest-xs-vietlott-container .bg-\[\#f2f2f2\] {
    background-color: #f2f2f2;
}

.webest-xs-vietlott-container .text-\[\#d0021b\] {
    color: #d0021b;
}

.webest-xs-vietlott-container .bg-\[\#d0021b\] {
    background-color: #d0021b;
}

.webest-xs-vietlott-container .border-\[\#d0021b\] {
    border-color: #d0021b;
}

/* Table specific */
.webest-xs-vietlott-container table {
    width: 100%;
    border-collapse: collapse;
}

.webest-xs-vietlott-container th,
.webest-xs-vietlott-container td {
    border: 1px solid #e5e7eb;
}

.webest-xs-vietlott-container thead th {
    background-color: #f9fafb;
}

/* Animations */
.webest-xs-vietlott-container .transition-transform {
    transition: transform 0.2s ease-in-out;
}

.webest-xs-vietlott-container .hover\:scale-110:hover {
    transform: scale(1.1);
}

/* New Utils for Vietlott Premium */
.webest-xs-vietlott-container .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.webest-xs-vietlott-container .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.webest-xs-vietlott-container .shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.webest-xs-vietlott-container .bg-gradient-keno {
    background: radial-gradient(circle at 30% 30%, #ff6b6b, #dc2626);
    position: relative;
    overflow: hidden;
}

/* Keno Shine Effect */
.webest-xs-vietlott-container .bg-gradient-keno::after {
    content: '';
    position: absolute;
    top: 10%;
    left: 10%;
    width: 25%;
    height: 25%;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    filter: blur(1px);
}

.webest-xs-vietlott-container .md\:w-14 {
    width: 3.5rem;
}

.webest-xs-vietlott-container .md\:h-14 {
    height: 3.5rem;
}

/* Global Typography Enhancements for Results */
.webest-xs-vietlott-container .result-number {
    font-weight: 800 !important;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.webest-xs-vietlott-container table td {
    font-weight: 600;
}

.webest-xs-vietlott-container table th {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
}

/* Update to Unified Orange Theme and Increase Margins */
.webest-xs-vietlott-container .bg-orange-50 {
    background-color: #fffaf0;
}

.webest-xs-vietlott-container .bg-red-50,
.webest-xs-vietlott-container .bg-blue-50,
.webest-xs-vietlott-container .bg-green-50,
.webest-xs-vietlott-container .bg-yellow-50 {
    background-color: #fffaf0;
}

.webest-xs-vietlott-container .text-orange-700 {
    color: #c2410c;
}

.webest-xs-vietlott-container .text-red-700,
.webest-xs-vietlott-container .text-blue-700,
.webest-xs-vietlott-container .text-green-700 {
    color: #c2410c;
}

.webest-xs-vietlott-container .border-orange-600 {
    border-color: #ea580c;
}

.webest-xs-vietlott-container .border-red-600,
.webest-xs-vietlott-container .border-blue-600,
.webest-xs-vietlott-container .border-green-600 {
    border-color: #ea580c;
}

.webest-xs-vietlott-container .border-yellow-100 {
    border-color: #ffedd5;
}

.webest-xs-vietlott-container .divide-x>*+* {
    border-left-width: 1px;
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .divide-y>*+* {
    border-top-width: 1px;
    border-color: #f3f4f6;
}

.webest-xs-vietlott-container .m-0 {
    margin: 0;
}

.webest-xs-vietlott-container .mb-12 {
    margin-bottom: 1rem !important;
}

.mb-12 {
    margin-bottom: 1rem !important;
}

.webest-xs-vietlott-container .mb-8 {
    margin-bottom: 2rem !important;
}

.webest-xs-vietlott-container .mt-12 {
    margin-top: 2rem !important;
}

.webest-xs-vietlott-container .mt-16 {
    margin-top: 5rem !important;
}

.webest-xs-vietlott-container .mt-8 {
    margin-top: 2rem !important;
}

.webest-xs-vietlott-container .my-16 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.webest-xs-vietlott-container .my-12 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}


.webest-xs-vietlott-container .leading-tight {
    line-height: 1.25;
}

.webest-xs-vietlott-container .tracking-widest {
    letter-spacing: 0.1em;
}

.webest-xs-vietlott-container .last\:border-r-0:last-child {
    border-right-width: 0;
}

.webest-xs-vietlott-container .last\:border-b-0:last-child {
    border-bottom-width: 0;
}

/* Override specific regional colors to orange if they use hardcoded classes */
.webest-xs-vietlott-container .text-blue-600,
.webest-xs-vietlott-container .text-red-600,
.webest-xs-vietlott-container .text-green-600 {
    color: #ea580c !important;
}

.webest-xs-vietlott-container .bg-blue-50,
.webest-xs-vietlott-container .bg-red-50,
.webest-xs-vietlott-container .bg-green-50,
.webest-xs-vietlott-container .bg-yellow-50 {
    background-color: #fff7ed !important;
}

.webest-xs-vietlott-container .border-blue-600,
.webest-xs-vietlott-container .border-red-600,
.webest-xs-vietlott-container .border-green-600,
.webest-xs-vietlott-container .border-yellow-500 {
    border-color: #f97316 !important;
}