/* ==========================================================================
   WEB STYLE DESIGN GUIDE SYSTEM
   Rule 1: Không bo góc (Zero border-radius across all HTML elements)
   Rule 2: Không bóng đổ (No box-shadow, no text-shadow - 100% Flat)
   Rule 3: Root font-size basic 16px (html, :root { font-size: 16px })
   Rule 4: Body font-size 100% (body { font-size: 100% })
   Rule 5: Low padding, low margin (Compact high-density layout)
   ========================================================================== */
html,
:root {
    font-size: 18px !important;
}

body {
    font-size: 18px !important;
}

.layout-margin {
    margin-top: 8px;
}
.txt-normal-prize,.txt-special-prize{line-height:1;font-weight:700;font-family:Inter,sans-serif}.ball-mega645,.ball-power655,.bg-clock,.bg-highlight-row th,.live-title,.raffle-ball div,.tab-btn,.table-lottery th,.view-mode a,.week-days,figure figcaption{text-align:center}.scroll-to-top,.scroll-to-top:focus{outline:inherit}.number,.sblue,.txt-normal-prize,.txt-normal-prize td,.txt-normal-prize th,.txt-special-prize,.txt-special-prize td,.txt-special-prize th{font-family:Inter,sans-serif}.table-calendar table,.table-lottery,.table-number-filter{table-layout:fixed}.view-mode a,.week-days,.weekdays{white-space:nowrap}*{margin:0;padding:0;font-family:Arial,sans-serif;font-optical-sizing:auto}body{background-color:#fff}:root{--brand-color:#c80505;--sub-brand-color:#FFCC00;--content-color:#000;--secondary-color:#0029ad;--border-color:#d9d9d9;--dark-border-color:#dcdcdc;--button-color:#265fa6;--button-color-2:#265fa6;--highlight-color:#ff3110;--link-color:#551a8b;--background-color:#dddddd;--dark-background-color:#333333;--line-color:#E9E9E9;--lotto-background:#f2f2f2;--footer-background-color:#f5f2f2;--menu-hover-color:#971111;--hover-color:#74aa19;--font-size-1:1.75rem;--font-size-2:1.5rem;--font-size-3:1.25rem;--font-size-4:1.125rem;--font-size-5:1rem;--font-size-6:0.875rem;--font-size-7:0.813rem;--border-radius-sm:0.25rem;--border-radius-full:9999px}.bg-brand,.bg-color-brand{background-color:var(--brand-color)}.bg-color-sub-brand{background-color:var(--sub-brand-color)}.bg-color-content{background-color:var(--content-color)}.bg-color-secondary{background-color:var(--secondary-color)}.bg-color-border{background-color:var(--border-color)}.bg-btn,.bg-color-button,.progress-bar{background-color:var(--button-color)}.bg-color-highlight{background-color:var(--highlight-color)}.bg-page{background-color:var(--background-color)}.bg-color-dark-background{background-color:var(--dark-background-color)}.bg-color-line,.list-link:hover,.post-suggestion a:hover,.prize-schedule:hover,.table-number-filter td:hover{background-color:var(--line-color)}.bg-color-lotto-background td{background-color:transparent}.bg-color-lotto-background th{background-color:var(--lotto-background)}.bg-btn:hover{filter:brightness(.85)}.bg-link-gradient{background-image:linear-gradient(109deg,#ee9042,#de5b59)!important}.bg-link-gradient:hover{background-image:linear-gradient(109deg,#365294,#de5b59)!important}.bg-highlight-row{background:#ffeca0}.bg-highlight-row th{background-color:#ffeca0!important;padding:6px 0}.bg-highlight-row th h2.text-title,.text-body-color{font-size:18px;color:#e00000;font-weight:700}.bg-highlight-row th .link-items,.bg-highlight-row th .link-items a{margin-top:5px;font-size:16px!important;color:var(--secondary-color)}.color-brand{color:var(--brand-color)!important}.text-sub-brand{color:var(--sub-brand-color)!important}.color-secondary{color:var(--secondary-color)!important}.color-border{color:var(--border-color)!important}.color-button{color:var(--button-color)!important}.text-highlight-color{color:var(--highlight-color)!important}.color-background{color:var(--background-color)!important}.color-link{color:var(--link-color)!important}.color-line{color:var(--line-color)!important}.color-blue{color:#2689e1!important}.text-highlight,.txt-special-prize{color:var(--highlight-color)}h1{font-size:var(--font-size-1)}h2{font-size:var(--font-size-2)}h3{font-size:var(--font-size-3)}.text-title{font-size:var(--font-size-3)!important}.text-subtitle{font-size:var(--font-size-4)!important}.text-content{font-size:var(--font-size-5)!important}.text-sub{font-size:var(--font-size-6)!important}.txt-special-prize{font-size:25px!important}.txt-normal-prize{font-size:18px;color:var(--content-color)}.text-dynamic{font-size:var(--font-size-5)}.bg-clock{background:#5b5b5b;border-radius:6px}@media (min-width:1200px){.container-lg{max-width:1140px}.dropdown-toggle::after{margin-left:.125em}}@media (min-width:992px){.header{display:flex;align-items:center;padding:10px 0}.logo-header{width:154px;height:44px}.txt-header{font-size:var(--font-size-6)}.today-info{margin-left:24px;padding-left:24px;border-left:1px solid var(--dark-border-color)}.menu-top,.nav-bar .sidebar-dropdown,.sticky-menu{display:none}.nav-bar{width:100%;height:50px;background-color:var(--brand-color)}.nav-bar .nav-list{display:flex;height:100%;width:100%;margin-bottom:0;list-style:none}.nav-bar .nav-item{height:100%;position:relative;display:flex;align-items:center}.nav-bar .nav-item .nav-items-dropdown{font-size:var(--font-size-7)}.nav-bar .nav-item:hover .dropdown-list{display:block}.nav-bar .nav-link-item{display:flex;height:100%;align-items:center;justify-content:center;color:#fff;font-weight:500;text-align:center;line-height:1;padding:0 11px;text-decoration:none;white-space:nowrap}.nav-bar .nav-link-item:hover{background-color:rgba(0,0,0,.15)}.nav-bar .dropdown-list{display:none;position:absolute;left:0;top:50px;margin-bottom:0;padding-left:0;list-style:none;min-width:188px;background-color:#fff;border-radius:var(--border-radius-sm);z-index:99}.nav-bar .dropdown-item-link{width:100%}.nav-bar .dropdown-menu-links{display:block;width:100%;text-decoration:none;color:#fff;padding:0 15px;background:var(--brand-color);font-weight:700;line-height:43px;font-size:16px}.nav-bar .dropdown-menu-links:hover{background:var(--menu-hover-color)}}@media (max-width:991px){.header{display:flex;align-items:center;padding:11px 0}.logo-header{width:112px;height:32px}.menu,.sidebar-overlay{position:fixed;height:100%;top:0}.txt-header{font-size:var(--font-size-7)}.today-info{margin-left:16px;padding-left:16px;border-left:1px solid var(--dark-border-color)}.menu{right:0;width:75%;min-width:300px;max-width:400px;background-color:#fff;overflow-y:auto;transform:translateX(105%);-webkit-transform:translateX(105%);-moz-transform:translateX(105%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;z-index:999}.show-sidebar{transform:translateX(0)!important;-webkit-transform:translateX(0)!important;-moz-transform:translateX(0)!important}.sidebar-overlay{width:100%;left:0;background-color:rgba(0,0,0,.6);z-index:998}.menu .container{width:100%}.menu-top{background-color:#fff;flex-direction:column;height:88px;display:flex;justify-content:center;align-items:center;position:sticky;position:-webkit-sticky;top:0;z-index:99}.header .menu-btn,.sticky-menu{background-color:var(--brand-color)}.close-sidebar-btn{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;top:0;right:0;font-size:20px;color:var(--secondary-color)}.nav-bar{padding-bottom:80px}.nav-bar ul{margin-bottom:0;padding-left:0;padding-right:0;list-style:none}.nav-bar .nav-item{border-bottom:1px solid var(--border-color);padding:8px}.nav-bar .dropdown-menu-links,.nav-bar .nav-link-item{padding:5px 8px;color:var(--content-color);text-decoration:none}.nav-bar .nav-item .nav-items-dropdown{display:none}.nav-bar .nav-link-item{display:block;font-weight:600}.nav-bar .dropdown-list{display:flex;flex-wrap:wrap}.nav-bar .dropdown-item-link{width:50%}.nav-bar .dropdown-menu-links{display:block;font-size:var(--font-size-6)}.sticky-menu{position:sticky;position:-webkit-sticky;top:0;left:0;right:0;width:100%;height:46px;z-index:997}.sticky-menu .menu-btn{margin:6px;display:flex;justify-content:center;align-items:center;width:44px;min-width:44px;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.5);z-index:2}.header .menu-btn{display:flex;justify-content:center;align-items:center;max-height:28px;min-width:34px;width:34px;height:28px;border:1px solid var(--brand-color);z-index:2}.header .menu-btn i{color:#fff}.sticky-menu .sticky-list-link{display:flex;overflow:scroll;overflow-x:auto;scrollbar-width:none}.sticky-menu div::-webkit-scrollbar{display:none}.sticky-menu div{-ms-overflow-style:none;scrollbar-height:none}.sticky-menu a{display:flex;align-items:center;padding:0 11px;text-decoration:none;white-space:nowrap;color:#fff;font-size:var(--font-size-6)}.sticky-menu a:focus{background-color:rgba(255,255,255,.1)}.left-content{display:none!important}.text-title{font-size:var(--font-size-5)!important}.result-book .txt-normal-prize{font-size:17px}.result-book .ltable-lottery .dd-kq{line-height:20px;padding:5px}}@media (min-width:768px){.d-mobile{display:none!important}.table-lottery td:hover{background-color:#ffff48}}@media (max-width:767px){.d-desktop{display:none!important}.table-calendar{display:none}.list-link:hover,.week-days:hover{background-color:unset!important}.list-link:focus,.week-days:focus{background-color:var(--line-color)}.scroll-to-top{width:38px!important;height:38px!important;right:10px!important;bottom:20px!important}body .content-container{padding-left:0;padding-right:0}body .content-container .row{margin-left:0;margin-right:0}}.line-clamp-2,.line-clamp-3,.line-clamp-4,.line-clamp-5,.post-item .post-description p,.post-item .post-title a,.text-clamp-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}@media (max-width:575px){.layout-container{padding-left:2px!important;padding-right:2px!important}.kq-30 a,.text-dynamic{font-size:var(--font-size-6)!important}.text-padded{padding:10px!important}.text-xs{font-size:12px!important}.max3d-logo,.max4d-logo,.mega645-logo{width:64px!important;height:35px!important}.power655-logo{width:64px!important;height:45px!important}.post-item{grid-template-areas:'title title title' 'img description description' 'img description description'!important;row-gap:8px!important}.first-post{grid-template-areas:'img' 'title' 'description'!important}.post-item .post-description p{-webkit-line-clamp:4!important}.first-post .post-description p{-webkit-line-clamp:3!important}.post-item .post-img img{width:132px!important;height:85px!important}.first-post .post-img img{aspect-ratio:480/310;width:100%!important;height:auto!important}.snackbar{width:100%!important}}@media (max-width:375px){.ball-mega645{width:42px!important;min-width:38px!important;height:42px!important;margin:3px!important}.ball-power655{width:40px!important;min-width:36px!important;height:40px!important;margin:2px!important}.table-4-provinces .txt-normal-prize,.table-4-provinces .txt-special-prize{font-size:18px!important}.result-book{grid-template-columns:1fr!important;grid-row-gap:4px!important}.result-book .border-light{border:unset!important}.result-book .rounded-sm{border-radius:unset!important}.result-book .btlr-1{border-top-left-radius:unset!important}.result-book .btrr-1{border-top-right-radius:unset!important}}@media (max-width:320px){.txt-special-prize{font-size:20px!important}.table-4-provinces .txt-normal-prize,.table-4-provinces .txt-special-prize{font-size:16px!important}}.first-col,.table-4-provinces .text-content{font-size:16px!important}.padding-0{padding:0!important}.p-t-0{padding-top:0!important}.p-b-0{padding-bottom:0!important}.p-l-0{padding-left:0!important}.p-r-0{padding-right:0!important}.margin-0{margin:0!important}.m-t-0{margin-top:0!important}.m-b-0{margin-bottom:0!important}.m-l-0{margin-left:0!important}.m-r-0{margin-right:0!important}.padding-5{padding:5px!important}.pt-5{padding-top:5px!important}.p-b-5{padding-bottom:5px!important}.p-l-5{padding-left:5px!important}.p-r-5{padding-right:5px!important}.margin-5{margin:5px!important}.mt-5{margin-top:5px!important}.mb-5{margin-bottom:5px!important}.m-l-5{margin-left:5px!important}.m-r-5{margin-right:5px!important}.p-10{padding:10px!important}.pt-10{padding-top:10px!important}.p-b-10{padding-bottom:10px!important}.ps-10{padding-left:10px!important}.pe-10{padding-right:10px!important}.margin-10{margin:10px!important}.m-t-10{margin-top:10px!important}.mb-10{margin-bottom:10px!important}.m-l-10{margin-left:10px!important}.me-10{margin-right:10px!important}.p-15{padding:15px!important}.p-t-15{padding-top:15px!important}.pb-15{padding-bottom:15px!important}.p-l-15{padding-left:15px!important}.p-r-15{padding-right:15px!important}.margin-15{margin:15px!important}.mt-15{margin-top:15px!important}.mb-15{margin-bottom:15px!important}.m-l-15{margin-left:15px!important}.m-r-15{margin-right:15px!important}.padding-20{padding:20px!important}.p-t-20{padding-top:20px!important}.p-b-20{padding-bottom:20px!important}.p-l-20{padding-left:20px!important}.p-r-20{padding-right:20px!important}.margin-20{margin:20px!important}.m-t-20{margin-top:20px!important}.m-b-20{margin-bottom:20px!important}.m-l-20{margin-left:20px!important}.m-r-20{margin-right:20px!important}.padding-30{padding:30px!important}.p-t-30{padding-top:30px!important}.p-b-30{padding-bottom:30px!important}.p-l-30{padding-left:30px!important}.p-r-30{padding-right:30px!important}.margin-30{margin:30px!important}.m-t-30{margin-top:30px!important}.mb-30{margin-bottom:30px!important}.m-l-30{margin-left:30px!important}.m-r-30{margin-right:30px!important}.padding-50{padding:50px!important}.p-t-50{padding-top:50px!important}.p-b-50{padding-bottom:50px!important}.p-l-50{padding-left:50px!important}.p-r-50{padding-right:50px!important}.margin-50{margin:50px!important}.m-t-50{margin-top:50px!important}.m-b-50{margin-bottom:50px!important}.m-l-50{margin-left:50px!important}.m-r-50{margin-right:50px!important}.p-b-100{padding-bottom:100px!important}.rounded-sm{border-radius:var(--border-radius-sm)!important}.rounded-tl-sm{border-top-left-radius:var(--border-radius-sm)!important}.rounded-tr-sm{border-top-right-radius:var(--border-radius-sm)!important}.bblr-sm{border-bottom-left-radius:var(--border-radius-sm)!important}.bbrr-sm{border-bottom-right-radius:var(--border-radius-sm)!important}.rounded-full{border-radius:var(--border-radius-full)!important}.border-light{border:1px solid var(--border-color)!important}.accordion-item:not(:last-child),.border-bottom-light{border-bottom:1px solid var(--border-color)}.border-top-light{border-top:1px solid var(--border-color)}.bd-light-start{border-left:1px solid var(--border-color)}.bd-light-end{border-right:1px solid var(--border-color)}.bd-dark{border:1px solid var(--dark-border-color)}.bd-dark-bottom{border-bottom:1px solid var(--dark-border-color)}.bd-dark-top{border-top:1px solid var(--dark-border-color)}.bd-dark-start{border-left:1px solid var(--dark-border-color)}.bd-dark-end{border-right:1px solid var(--dark-border-color)}.text-padded{padding:20px}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.hover-sm:hover{background-color:var(--line-color)!important}.hover-md:hover{background-color:var(--background-color)!important}.table-shadow{}.font-italic{font-style:italic!important}.cursor-pointer{cursor:pointer!important}.z-index-1{z-index:1!important}.z-index-2{z-index:2!important}.text-clamp-1{-webkit-line-clamp:1}.line-clamp-2,.post-item .post-title a{-webkit-line-clamp:2}.line-clamp-3,.post-item .post-description p{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-5{-webkit-line-clamp:5}.hide-scrollbar::-webkit-scrollbar{width:0;background:0 0}.post-content img,figure img{margin:0 auto;display:block;max-width:100%}figure figcaption{margin-top:5px;font-size:.8125rem;opacity:.5}.bg-color{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-image:linear-gradient(to bottom,#f5f7fd,#dce2fa)}.layout-container{padding-left:8px;padding-right:8px}.layout-margin{margin-left:-8px;margin-right:-8px}.form-container{padding:5px}.form-spacing{margin:-5px}.tab-btn{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 0}.tab-btn:not(:last-child):after{content:"";width:1px;height:20px;position:absolute;right:-.5px;margin-top:auto;margin-bottom:auto;background-color:rgba(0,0,0,.4);opacity:.3}.lottery-day .selected,.tab-btn:hover{background-color:var(--brand-color);color:#fff!important}.btn,.list-group{border-radius:0}.btn-primary,.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-check:focus+.btn-primary,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:var(--button-color-2);border-color:var(--button-color-2)}.btn-check:focus+.btn-primary,.btn-primary:focus{}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-check:focus+.btn-secondary,.btn-secondary.active:focus,.btn-secondary:active:focus,.btn-secondary:focus,.show>.btn-secondary.dropdown-toggle:focus{}.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled{color:var(--content-color);background-color:var(--background-color);border-color:var(--border-color)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-check:focus+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover,.show>.btn-secondary.dropdown-toggle{color:var(--content-color);background-color:var(--border-color);border-color:var(--border-color)}.table-default,.table-default td,.table-default th,.widget{border:1px solid var(--border-color)}.table-container{margin:-1px}.table-default td,.table-default th{padding:6px;vertical-align:middle;border-collapse:collapse;height:37px}.table-tkts td,.table-tkts th{padding:5px;height:32px;vertical-align:middle;cursor:pointer;border-collapse:collapse}.table-tkts td{background-color:gray;border:1px solid #666}.table-lottery,.table-lottery td,.table-lotto td,.table-tkts th{border:1px solid var(--border-color)}.table-tkts th{background-color:#fff}.row-focus>.bg-white,.row-hover:hover>.bg-white,.table-tkts .row-focus th,.table-tkts .row-hover:hover th{background-color:var(--hover-color)!important}.expand-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;overflow:scroll}.empty-soicau,.list-link,.table-bd-bottom,.tooltip-wrapper,.view-mode a,.week-days{position:relative}.expand-fullscreen .table-container{margin:unset}.table-number-filter td{cursor:pointer;padding:1px;background-color:#fff}.table-number-filter th{padding:1px}.table-number-filter span{display:block;padding:2px}.table-number-filter .checked{background-color:#e59400;color:#fff}.table-lottery tr th.fw-medium a{color:#00f;font-size:13px;border-right:none;font-family:Tahoma,Geneva,sans-serif;text-decoration:none}#kqxs-box .table-lottery td{text-align:center!important;height:40px;font-weight:700;font-size:21px;border:1px solid #d8d7d7}.first-col{width:10%}.red,.text-highlight-color,.txt-special-prize{color:#e62e04!important}.table-lottery td,.table-lotto td{padding:6px;vertical-align:middle;border-collapse:collapse;height:40px}.table-lottery td:has(>.empty-soicau){background-color:var(--background-color)}.table-lottery th{vertical-align:middle;border-collapse:collapse;border:1px solid #d8d7d7;font-weight:500;height:35px;font-size:16px;background-color:#fafafa}.change-date-btn{width:10%;background:0 0;border:none;padding:3px}.list-title,.view-mode .active,.week-days.active,.week-days:hover{background-color:var(--brand-color)}.option-results-btn{border-radius:5px;border:none;padding:5px 10px}.list-group-item{padding:7px 30px;display:flex;justify-content:space-between;align-items:center;font-size:16px}.table-calendar tr td a,.table-calendar tr td span,.view-mode a,.week-days{display:block;text-decoration:none}.list-group-item::before{position:absolute;margin:0 9px 0 -15px;vertical-align:middle;display:inline-block;width:5px;height:5px;background:var(--brand-color);content:""}.list-group-item:last-child{border:unset}.table-calendar td,.table-calendar tr td a,.table-calendar tr td span{border-radius:var(--border-radius-sm)}.list-title{padding:10px 15px;font-size:16px;color:#fff}.list-title a,.replay-live:hover{color:#fff}.view-mode,.view-mode a{border-top-left-radius:10px;border-top-right-radius:10px}.table-calendar tr td a{padding:3px;cursor:pointer;color:unset;font-weight:500}.lottery-day tr th a:hover,.table-calendar tr td a:hover{background-color:var(--line-color);color:var(--content-color)!important}.table-calendar tr td span{padding:3px;cursor:default;color:#bcbcbc}.form-date-picker input{padding:6px 32px 6px 12px}.form-date-picker button{top:5px;right:5px}.dropdown-content[style]{left:auto!important;right:0!important;cursor:pointer}.rolling{animation:1.3s infinite rolling}@keyframes rolling{100%{transform:rotate(360deg)}}.week-days{color:inherit;padding:5px;line-height:25px;font-size:16px}.week-days.active,.week-days:hover{color:var(--bs-light)}.view-mode{margin-bottom:-15px;display:flex}.view-mode a{padding:5px 0 20px;color:var(--content-color)}.view-mode a:hover{background-color:var(--line-color);color:var(--content-color)}.view-mode .active{color:#fff}.list-link:not(:last-child):after,.table-bd-bottom:after{position:absolute;height:1px;background-color:var(--border-color);bottom:0;left:0;width:100%;content:""}.focus-container{border:2px solid var(--brand-color)}.result-book{display:grid;grid-template-columns:1.8fr 1fr;grid-column-gap:4px}.list-link{display:block;text-decoration:none;padding:5px 0;height:31px}.list-link:not(:last-child):after{right:0}.min-w-64px{min-width:64px!important}.max-w-500px{max-width:500px}.hidden{display:none!important}.ball-mega645,.ball-power655{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;border-radius:50%;color:red;border:2px solid var(--border-color);background-color:#f5f5f5;font-weight:500;margin:4px}.special-ball{background-color:#ffdb35!important;border:unset!important}.line-power{width:2px;min-width:2px;height:32px;background-color:#e37553;margin:0 2px}.form-prediction input{padding:6px 100px 6px 40px}.form-prediction button.icon-plus{background-color:var(--line-color);right:0;top:0;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2}.form-prediction button.icon-minus{background-color:var(--line-color);left:0;top:0;border-top-right-radius:0;border-bottom-right-radius:0;z-index:2}.form-prediction .prediction-date{top:0;right:40px;height:100%;width:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-right-width:0;z-index:1}.empty-soicau{height:calc(100% + 12px);cursor:unset!important}.empty-soicau span,.radio input[type=radio]{display:none}.empty-soicau:after{content:"";position:absolute;top:0;left:-6px;width:calc(100% + 12px);height:100%}.table-4-provinces td th{padding:6px 1px!important}.table-4-provinces .txt-normal-prize,.table-4-provinces .txt-special-prize{font-size:22px}.result-not-found{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-not-found{height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.bignumber{font-size:35px;color:var(--highlight-color)}.Zebra_DatePicker *,.Zebra_DatePicker :after,.Zebra_DatePicker :before{-moz-box-sizing:content-box!important;-webkit-box-sizing:content-box!important;box-sizing:content-box!important}.Zebra_DatePicker{position:absolute;background:#fff;border:1px solid #999;z-index:1200;padding:5px;top:0}.Zebra_DatePicker *{margin:0;padding:0;color:#373737;background:0 0;border:0}.Zebra_DatePicker table{border-collapse:collapse;border-spacing:0;width:auto;table-layout:auto}.Zebra_DatePicker td,.Zebra_DatePicker th{text-align:center;padding:5px 0}.Zebra_DatePicker td{cursor:pointer}.Zebra_DatePicker .dp_daypicker,.Zebra_DatePicker .dp_footer,.Zebra_DatePicker .dp_monthpicker,.Zebra_DatePicker .dp_yearpicker{margin-top:3px}.Zebra_DatePicker .dp_daypicker td,.Zebra_DatePicker .dp_daypicker th,.Zebra_DatePicker .dp_header .dp_next,.Zebra_DatePicker .dp_header .dp_previous,.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_yearpicker td{width:30px}.Zebra_DatePicker,.Zebra_DatePicker .dp_footer .dp_hover,.Zebra_DatePicker .dp_header .dp_hover,.Zebra_DatePicker td.dp_hover,.Zebra_DatePicker td.dp_selected{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.Zebra_DatePicker.dp_visible{visibility:visible;-khtml-opacity:1;-moz-opacity:1;opacity:1;transition:opacity .2s ease-in-out}.Zebra_DatePicker.dp_hidden{visibility:hidden;-khtml-opacity:0;-moz-opacity:0;opacity:0}.Zebra_DatePicker .dp_daypicker th,.Zebra_DatePicker .dp_header .dp_caption,.dd-kq{font-weight:700}.Zebra_DatePicker .dp_header .dp_hover{background:#dedede;color:#373737}.Zebra_DatePicker td.dp_disabled,.Zebra_DatePicker td.dp_not_in_month,.Zebra_DatePicker td.dp_weekend_disabled{color:#dedede;cursor:default}.Zebra_DatePicker td.dp_selected{background:#039;color:#fff!important}.Zebra_DatePicker td.dp_week_number{cursor:text;font-weight:700}.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_yearpicker td{width:33%}.Zebra_DatePicker td.dp_current,.Zebra_DatePicker td.dp_disabled_current{color:#3a87ad}.Zebra_DatePicker td.dp_hover{background:#dedede}button.Zebra_DatePicker_Icon{display:block;position:absolute;width:16px;height:16px;background:url(images/calendar.png) left top no-repeat;text-indent:-9000px;border:0;cursor:pointer;padding:0;line-height:0;vertical-align:top;margin:0 0 0 3px}.kq-30 a,.kq-30 h2 a{padding:6px 0;color:#fff}button.Zebra_DatePicker_Icon_Disabled{background-image:url(../images/calendar-disabled.png)}button.Zebra_DatePicker_Icon_Inside{margin:0 3px 0 -6px}.load{animation:.9s linear infinite load}@keyframes load{100%{transform:rotate(360deg)}}.live-title{background-color:var(--highlight-color);padding:2px 16px;width:fit-content;min-width:100px;min-height:28px;font-weight:500;color:#fff;border-radius:var(--border-radius-full)}.raffle-ball,.raffle-ball div{border-radius:50%;display:flex;align-items:center}.raffle-cage{width:40px;min-width:40px;height:40px;overflow:hidden;margin:6px}.raffle-cage-sheet{height:40px;width:1600px;background-image:url(images/raffle-cage.webp);background-size:1600px 40px;animation:1.5s steps(40) infinite trainSpriteSheet}@keyframes trainSpriteSheet{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}.dot-sm,.raffle-cage-anim-2{animation-delay:.3s}.dot-md,.raffle-cage-anim-3{animation-delay:.6s}.dot-lg,.raffle-cage-anim-4{animation-delay:.9s}.raffle-cage-anim-5{animation-delay:1.2s}.raffle-ball{width:42px;height:42px;margin:5px;position:absolute;top:0;left:0;justify-content:center}.raffle-ball div{width:28px;height:28px;background-color:#fff;justify-content:center;color:#000;font-size:24px}.raffle-ball-0{background-color:#8d8886}.raffle-ball-1{background-color:#292c81}.raffle-ball-2{background-color:#998300}.raffle-ball-3{background-color:#78100e}.raffle-ball-4{background-color:#86198e}.raffle-ball-5{background-color:#8b2b00}.raffle-ball-6{background-color:#24646f}.raffle-ball-7{background-color:#2c7017}.raffle-ball-8{background-color:#401c00}.raffle-ball-9{background-color:#1f1d1d}.replay-live{position:relative;color:#fff;padding:1px 20px 1px 7px;margin:4px;border-radius:20px}.replay-live img{width:18px;height:20px;margin:0 15px 2px 0}.accordion-item-header{padding:15px 0 15px 28px;cursor:pointer;position:relative;color:#003349;font-weight:500}.accordion-item-header::before{height:10px;width:10px;content:"";position:absolute;left:5px;top:19px;transition:.5s;transform:rotate(45deg);border-right:2px solid #003349;border-bottom:2px solid #003349}.accordion-item-header.active{transition:.4s}.accordion-item-header.active::before{transform:rotate(-135deg);top:24px;border-right:2px solid var(--button-color);border-bottom:2px solid var(--button-color)}.accordion-item-content{overflow-y:hidden;padding:5px 5px 20px;display:none}.scroll-to-top{display:none;position:fixed;bottom:30px;right:30px;background-color:rgba(0,0,0,.4);width:42px;height:42px;color:#fff;border:inherit;transition:background-color,color .2s;z-index:997}.prize-schedule{display:flex;align-items:center;padding:10px 20px;background-color:#fff;text-decoration:none;color:var(--content-color)}.live-dot-sm,.live-indicator{background-color:var(--highlight-color)}.live-dot-sm{width:6px;height:6px;animation:1.5s infinite scale-dot}.live-dot-sm:not(:last-child){margin-right:2px}.live-indicator{width:7px;height:7px;animation:1.4s infinite scale-dot}.kq-30,.kq-30 h2 a{background-color:var(--brand-color)}.live-indicator:not(:last-child){margin-right:3px}@keyframes scale-dot{0%,100%{opacity:.2}50%{opacity:1}}.sblue{color:#2689e1!important;font-size:25px}.btn-default{border:1px solid #ccc}.kq-30{border-radius:var(--border-radius-sm);display:flex;align-items:center;overflow:hidden}.kq-30 a,.show-more{display:block;text-decoration:none;text-align:center}.kq-30 a{font-size:var(--font-size-5);width:20%;background-color:rgba(255,255,255,.25)}.keyword-group li,.show-more,.tag-group li{font-size:var(--font-size-6)}.kq-30 a:hover{background-color:rgba(0,0,0,.1)}.kq-30 h2{width:40%}.kq-30 h2 a{width:100%}.lottery-day tr th{height:unset}.lottery-day tr th a{text-decoration:none;display:flex;align-items:center;justify-content:center;height:100%;color:var(--content-color)!important;padding:6px 0}.show-more{padding:4px 16px;color:#505050;border:1px solid var(--background-color);border-radius:var(--border-radius-full)}.link-white{color:#fff!important}.link-dark:hover,.link-white:hover{color:var(--button-color)!important;text-decoration:underline!important}.color-content,.link-dark{color:var(--content-color)!important}.table-space table:not(:last-child){margin-bottom:15px}.table-space table:not(:first-child):before,.table-space table:not(:last-child):after{content:""}.btn-tag{padding:2px 8px;background-color:var(--lotto-background);color:var(--content-color);border-radius:15px}@keyframes ldio-68g4b00eac8{0%{opacity:1;backface-visibility:hidden;transform:translateZ(0) scale(1.2,1.2)}100%{opacity:0;backface-visibility:hidden;transform:translateZ(0) scale(1,1)}}.ldio-68g4b00eac8 div>div{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--brand-color);animation:.7692307692307692s linear infinite ldio-68g4b00eac8}.ldio-68g4b00eac8 div:first-child>div{left:77px;top:42px;animation-delay:-.673076923076923s}.ldio-68g4b00eac8>div:first-child{transform:rotate(0);transform-origin:85px 50px}.ldio-68g4b00eac8 div:nth-child(2)>div{left:67px;top:67px;animation-delay:-.5769230769230769s}.ldio-68g4b00eac8>div:nth-child(2){transform:rotate(45deg);transform-origin:75px 75px}.ldio-68g4b00eac8 div:nth-child(3)>div{left:42px;top:77px;animation-delay:-.4807692307692307s}.ldio-68g4b00eac8>div:nth-child(3){transform:rotate(90deg);transform-origin:50px 85px}.ldio-68g4b00eac8 div:nth-child(4)>div{left:17px;top:67px;animation-delay:-.3846153846153846s}.ldio-68g4b00eac8>div:nth-child(4){transform:rotate(135deg);transform-origin:25px 75px}.ldio-68g4b00eac8 div:nth-child(5)>div{left:7px;top:42px;animation-delay:-.28846153846153844s}.ldio-68g4b00eac8>div:nth-child(5){transform:rotate(180deg);transform-origin:15px 50px}.ldio-68g4b00eac8 div:nth-child(6)>div{left:17px;top:17px;animation-delay:-.1923076923076923s}.ldio-68g4b00eac8>div:nth-child(6){transform:rotate(225deg);transform-origin:25px 25px}.ldio-68g4b00eac8 div:nth-child(7)>div{left:42px;top:7px;animation-delay:-96ms}.ldio-68g4b00eac8>div:nth-child(7){transform:rotate(270deg);transform-origin:50px 15px}.ldio-68g4b00eac8 div:nth-child(8)>div{left:67px;top:17px;animation-delay:0s}.ldio-68g4b00eac8>div:nth-child(8){transform:rotate(315deg);transform-origin:75px 25px}.loadingio-spinner-spin-hgd29ahypuk{width:22px;height:22px;display:inline-block;overflow:hidden;background:0 0}.ldio-68g4b00eac8{width:100%;height:100%;position:relative;transform:translateZ(0) scale(.22);backface-visibility:hidden;transform-origin:0 0}.ldio-68g4b00eac8 div{box-sizing:content-box}.suggested-link{margin:0;padding:0;list-style:none}.suggested-link li{width:100%;margin:0;list-style:none;padding-left:22px;position:relative}.suggested-link li:not(:last-child){padding-bottom:8px}.suggested-link li:last-child{padding-bottom:2px}.suggested-link li:before{content:"";border-top:6px dashed;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;left:0;top:10px;color:#555;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.post-list .post-item,.post-relation .post-item:not(:last-child){padding-bottom:12px;border-bottom:1px solid #ebebeb;margin-bottom:12px}.post-item{display:grid;grid-template-areas:'img title title' 'img description description' 'img description description';column-gap:12px;row-gap:6px}.post-item .post-img{grid-area:img}.post-item .post-title{grid-area:title;display:flex;align-items:end}.snackbar,.snackbar .leading{align-items:center;display:flex}.post-item .post-description{grid-area:description}.post-item .post-img img{width:180px;height:116px;border-radius:var(--border-radius-sm);object-fit:cover;object-position:center}.post-menu{width:fit-content;background-color:#f8f9fa;border:1px solid var(--line-color);border-radius:5px;padding:10px}.post-menu .menu-title{margin-bottom:0;text-align:center}.post-menu .menu-list{padding-left:1.5rem;margin-bottom:0}.post-menu a,.quick-view-province li a{text-decoration:none}.post-suggestion{padding:5px 0;background-color:#fff}.post-suggestion a{display:flex;text-decoration:none;color:var(--content-color);gap:8px;padding:5px 10px}#ads-block-notice,.snackbar p,.tooltip-wrapper:hover .tooltip-text{display:block}.post-suggestion img{width:68px;min-width:68px;height:44px;border-radius:var(--border-radius-sm);object-fit:cover;object-position:center}.snackbar{min-height:44px;padding:0;width:100%;background:#fff2bc!important;gap:3px;z-index:1000;border:1px solid var(--border-color);font-style:italic;vertical-align:baseline}.snackbar .leading{width:36px;min-width:36px;height:36px;justify-content:center}.snackbar p{margin-bottom:0;padding:4px 0}.snackbar .action{padding:3px;color:var(--highlight-color);margin-right:10px;font-style:italic;font-size:16px}.snackbar .action:hover{text-decoration:underline;text-underline-offset:2px;cursor:pointer}.snackbar .close{width:32px;min-width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5)}.pascal{text-align:center;display:flex;flex-direction:column;align-items:center;padding:12px 0}.keyword-group,.tag-group{padding:0;list-style:none;display:flex}.pascal p{margin-bottom:8px}.pascal .pascal-table{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.pascal .pascal-row{display:flex;align-items:center}.pascal .pascal-row div{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);text-align:center;font-weight:500}.pascal .pascal-result{display:flex;align-items:center;gap:4px}.pascal .pascal-result div{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(180deg,#ff7e6f,#c52324);text-align:center;font-weight:500;font-size:21px;color:#fff}.progress{height:.5rem}.tag-group{flex-wrap:wrap;margin:-3px}.tag-group li{float:left;height:28px;line-height:28px;position:relative;margin:3px 3px 3px 16px;padding:0 10px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px;background-color:var(--line-color)}.tag-group li:before{content:"";float:left;position:absolute;top:0;left:-10px;width:0;height:0;border-color:transparent var(--line-color) transparent transparent;border-style:solid;border-width:16px 10px 16px 0}.radio label:before,.tag-group li:after{content:"";left:0;background-color:#fff;position:absolute}.tag-group li:after{top:12px;float:left;width:4px;height:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.footer a,.footer ul li a,.tag-group li a{text-decoration:none;color:var(--content-color)}.keyword-group{flex-wrap:wrap;margin:-4px}.keyword-group li{margin:4px;padding:2px 8px;border-radius:var(--border-radius-sm);background-color:var(--dark-border-color)}.footer{background-color:var(--footer-background-color)}.footer a:hover{color:var(--sub-brand-color)!important;text-decoration:underline!important}.tooltip-wrapper .tooltip-text{display:none;width:80px;background-color:#000;color:#fff;text-align:center;padding:4px;border-radius:3px;font-size:.65rem;position:absolute;bottom:calc(100% + 10px);left:50%;margin-left:-40px;z-index:2}.tooltip-wrapper .tooltip-text::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent}#ads-block-notice::before{z-index:-1;content:'';position:absolute;opacity:.6;background:#1e1e1e;width:100%;height:100%}#ads-block-notice .modal-dialog{top:35%}#ads-block-notice .modal-content{text-align:center}#ads-block-notice .exclamation-icon,#ads-block-notice .exclamation-icon .icon{display:flex;align-items:center;justify-content:center}#ads-block-notice .exclamation-icon{height:115px;width:115px;border-radius:50%;background:linear-gradient(109deg,var(--brand-color),var(--sub-brand-color))!important;margin:auto}#ads-block-notice .exclamation-icon .icon{height:100px;width:100px;background:#fff;border-radius:inherit}#ads-block-notice .exclamation-icon .icon i{background:linear-gradient(var(--brand-color),var(--sub-brand-color) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:50px}#ads-block-notice .modal-content p{font-size:15px}.download-btns{text-align:center;margin-bottom:15px}.download-btn-countdown{background:var(--brand-color);border-radius:10px;border:none;color:#fff;display:inline-block;text-align:center;padding:10px;outline:0;cursor:pointer;width:300px;margin-top:15px}.draw-code-mb,.loading{color:var(--highlight-color)}.download-btn-countdown.countdown-loading{background:#ff5722}.download-btn-countdown.countdown-done{background:var(--button-color)}.loading{font-size:25px}.quick-view-province{width:100%;display:table;table-layout:fixed;text-transform:uppercase;padding-left:0;margin-bottom:0}.quick-view-province li{text-align:center;display:table-cell;border:1px solid #dddfe2;font-weight:700;padding:6px 0;font-size:16px}.draw-code-mb{width:16.5%;font-size:18px;float:left;height:32px;line-height:32px;font-weight:700}.logo-text{font-size:24px;font-weight:700;color:var(--brand-color);text-decoration:none}.title-link-item,.title-link-item a{color:var(--secondary-color);font-size:16px}.logo{float:left;padding:10px 0}.logo img{width:200px;max-width:100%;height:auto}@media (max-width:767px){.logo img{width:180px}}.title-link-item a{font-family:sans-serif;font-weight:400;text-decoration:underline}.title-link-item{font-weight:700}.breadcrumb-item a{color:#666;font-size:16px}.draw_code{font-size:15px!important;color:#00f!important;font-weight:700!important}.result-header h2{text-align:center;padding:10px 0;position:relative;background:#fff2bc}.result-header h2,.result-header h2 a{font-size:18px;color:var(--brand-color);font-weight:700}input[type=radio]{margin:4px 0 0;line-height:normal;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.radio label{position:relative;padding-left:20px;margin-right:15px;font-size:13px;color:#343434;display:inline;margin-bottom:0;font-weight:400;cursor:pointer}.radio input[type=radio]:checked+label:before,.radio+.radio input[type=radio]:checked{border:1px solid var(--brand-color)}.radio label:before{display:inline-block;width:16px;height:16px;top:0;border:1px solid #ccc;border-radius:50%;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out}.radio input[type=radio]:checked+label:after{-o-transform:scale(.63);-ms-transform:scale(.63);-moz-transform:scale(.63);-webkit-transform:scale(.63);transform:scale(.63);line-height:18px;-o-transition:transform .1s cubic-bezier(.455, .030, .215, 1.33);-ms-transition:transform .1s cubic-bezier(.455, .030, .215, 1.33);-moz-transition:transform .1s cubic-bezier(.455, .030, .215, 1.33);-webkit-transition:transform .1s cubic-bezier(.455, .030, .215, 1.33);transition:transform .1s cubic-bezier(.455, .030, .215, 1.33);background-color:var(--brand-color)}.radio label:after{display:inline-block;position:absolute;content:" ";width:16px;height:16px;left:1px;top:1px;border-radius:50%;background-color:#555;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);-moz-transition:-moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);-o-transition:-o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);transition:transform .1s cubic-bezier(.8, -.33, .2, 1.33)}.tr-tkgan td,.tr-tkmaxgan td{font-size:16px;border:1px solid #e1e1e1}.radio-border{padding:9px;border:1px solid #dfdfdf}.label-quick-select{float:left;margin:5px 15px 5px 0}.number-col{width:55px;padding-left:2px;padding-right:2px}.number-col .form-check{margin-bottom:2px}.number-col .form-check-label{line-height:1}.tr-tkgan td{color:#900!important;font-weight:700}.result-table-tkgan tr{height:35px!important;text-align:center}.tklotogan .result-table-tkgan{overflow:auto}.weekdays{position:relative;display:block;padding:6px 0;text-decoration:none;text-align:center}
/* Additional helper styles for interactive features */
.loto-highlighted {
    background-color: #ffe066 !important;
    color: #c80505 !important;
    border-radius: 0 !important;
    transition: background-color 0.2s ease;
}
.flash-update {
    animation: flashBg 1s ease;
}
@keyframes flashBg {
    0% { background-color: #fffae6; }
    50% { background-color: #ffcc00; }
    100% { background-color: transparent; }
}
.scroll-to-top {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    width: 42px;
    height: 42px;
    background: var(--brand-color, #c80505);
    color: #fff;
    border: none;
    border-radius: 0 !important;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
}
.scroll-to-top:hover {
    background: var(--secondary-color, #0029ad);
    color: #fff;
}
#sidebar-menu.is-active {
    transform: translateX(0);
    visibility: visible;
}

/* Utility tools styling */
.sim-cell {
    transition: background-color 0.2s ease, transform 0.15s ease;
}
.sim-cell.bg-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
    font-weight: 800;
}
.dream-num-btn {
    font-size: 13px;
    letter-spacing: 0.5px;
    border-radius: 0 !important;
    cursor: pointer;
    transition: all 0.2s ease;
}
.dream-num-btn:hover {
    transform: scale(1.08);
}
.dande-btn-toggle {
    border-radius: 0 !important;
    font-weight: 600;
    transition: all 0.15s ease;
}
.dande-btn-toggle:hover {
    transform: translateY(-1px);
}
.pascal-row div {
    font-family: monospace, sans-serif;
}

/* Analysis Article & Auto Post Styles */
.the-article-content {
    color: #2b2b2b;
    font-size: 15px;
    line-height: 1.75;
}
.the-article-content h2 {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1a202c;
    margin-bottom: 1rem;
}
.the-article-content h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: #dc2626;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    padding-left: 10px;
    border-left: 3px solid #dc2626;
}
.the-article-content p {
    margin-bottom: 0.85rem;
}
.imagecontainer {
    margin: 1.25rem 0;
    text-align: center;
}
.imagecontainer figure {
    display: inline-block;
    max-width: 100%;
    margin: 0;
}
.imagecontainer img {
    border-radius: 0 !important;
    transition: transform 0.25s ease;
}
.imagecontainer img:hover {
    transform: scale(1.01);
}
.imagecontainer figcaption {
    font-size: 13px;
    color: #64748b;
    font-style: italic;
    margin-top: 8px;
    font-weight: 500;
}
.the-article-author {
    border: 1px solid #e2e8f0;
    border-radius: 0 !important;
    background: #f8fafc;
}

/* Analysis Archive & Cards */
.analysis-archive-wrapper .card {
    transition: transform 0.2s ease;
}
.analysis-archive-wrapper .card:hover {
    transform: translateY(-2px);
}
.hover-primary:hover {
    color: var(--brand-color, #c80505) !important;
}

/* WordPress Pagination */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    margin: 0 3px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    color: #4b5563;
    background-color: #fff;
    border: 1px solid #d1d5db;
    border-radius: 0 !important;
    transition: all 0.15s ease;
}
.page-numbers:hover {
    background-color: #f3f4f6;
    color: var(--brand-color, #c80505);
    border-color: var(--brand-color, #c80505);
}
.page-numbers.current {
    background-color: var(--brand-color, #c80505);
    color: #fff;
    border-color: var(--brand-color, #c80505);
}
.page-numbers.dots {
    border: none;
    background: transparent;
}

/* Breadcrumbs Navigation Styling */
.xsv-breadcrumb .breadcrumb {

    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0;
}
.xsv-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    font-size: 16px;
    color: #94a3b8;
    padding: 0 6px;
}
.xsv-breadcrumb .breadcrumb-item a {
    color: #475569;
    transition: color 0.15s ease;
}
.xsv-breadcrumb .breadcrumb-item a:hover {
    color: var(--brand-color, #c80505);
}
.xsv-breadcrumb .breadcrumb-item.active {
    color: var(--brand-color, #c80505);
    font-weight: 600;
}

/* Quick Ticket Checker Form */
.quick-ticket-checker {
    border-radius: 0;
    overflow: hidden;
}
.quick-ticket-checker .card-header {
    border-bottom: 1px solid #f1f5f9;
}
.quick-ticket-checker input:focus,
.quick-ticket-checker select:focus {
    border-color: var(--brand-color, #c80505);
    outline: none;
}

/* Stat Matrix Table Enhancements */
#stat-matrix-table th, 
#stat-matrix-table td {
    padding: 4px 2px;
    vertical-align: middle;
}
#stat-matrix-table tr:hover td {
    background-color: #f1f5f9 !important;
}
#stat-matrix-table td.bg-warning:hover {
    background-color: #fde047 !important;
}

/* Single Date Results & Navigation Toolbar */
.single-date-nav {
    padding: 6px 10px;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 8px;
}
.single-date-nav-btn {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
    line-height: 1.4;
    transition: all 0.15s ease-in-out;
    white-space: nowrap;
}
.single-date-nav-btn:hover {
    color: #fff;
    background-color: var(--brand-color, #c80505);
    border-color: var(--brand-color, #c80505);
    text-decoration: none;
}
.single-date-nav-btn i {
    font-size: 11px;
}
.single-date-nav-title {
    font-size: 16px;
    line-height: 1.4;
}
@media (max-width: 576px) {
    .single-date-nav {
        padding: 5px 6px;
        gap: 4px;
    }
    .single-date-nav-btn {
        padding: 3px 6px;
        font-size: 12px;
    }
    .single-date-nav-title {
        font-size: 13px;
    }
}
.single-date-wrapper .btn-outline-danger:hover {
    background-color: var(--brand-color, #c80505);
    color: #fff;
}

/* Category News Cards */
.category-news-wrapper .card,
.archive-wrapper .card {
    transition: transform 0.2s ease;
}
.category-news-wrapper .card:hover,
.archive-wrapper .card:hover {
    transform: translateY(-2px);
}

/* Collapsible Box (Rút gọn / Mở rộng) */
.xsv-collapsible-box {
    border-radius: 0 !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff;
}
.xsv-collapsible-box .card-body {
    padding: 20px 22px;
}
.xsv-collapsible-wrapper {
    position: relative;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.xsv-collapsible-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.96) 100%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.xsv-toggle-btn {
    font-size: 13.5px;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
}
.xsv-toggle-btn:hover {
    background-color: var(--brand-color, #c80505) !important;
    color: #fff !important;
    border-color: var(--brand-color, #c80505) !important;
}
.xsv-collapsible-content h2,
.xsv-collapsible-content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 16px;
    margin-bottom: 8px;
}
.xsv-collapsible-content h4 {
    font-size: 14.5px;
    font-weight: 600;
    color: #334155;
    margin-top: 10px;
    margin-bottom: 6px;
}
.xsv-collapsible-content p {
    margin-bottom: 10px;
    line-height: 1.68;
}
.xsv-collapsible-content ul,
.xsv-collapsible-content ol {
    padding-left: 22px;
    margin-bottom: 12px;
}
.xsv-collapsible-content li {
    margin-bottom: 6px;
}

/* ============================================================
   ĐỒNG BỘ KHÔNG BO VIỀN (ZERO BORDER RADIUS - HOÀN TOÀN VUÔNG GÓC)
   Áp dụng đồng bộ cho tất cả box, div, card, nút bấm, input, badge...
   ============================================================ */
:root {
    --border-radius-sm: 0 !important;
    --border-radius-full: 0 !important;
}

*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* Ngoại lệ cho các quả bóng lồng quay số và chấm đèn live */
.raffle-ball,
.raffle-ball div,
.ball-mega645,
.ball-power655,
.pascal-row div,
.pascal-result div,
.live-dot-sm,
.live-indicator,
.spinner-border,
.cal-dot {
    border-radius: 50% !important;
}

.card,
.card-header,
.card-body,
.card-footer,
input,
select,
textarea,
.form-control,
.form-select,
.input-group,
.input-group-text,
.badge,
.alert,
.modal-content,
.dropdown-menu,
.pagination .page-link,
.list-group,
.list-group-item,
.breadcrumb,
.breadcrumb-item,
.xsv-collapsible-box,
.rounded,
.rounded-sm,
.rounded-pill,
.rounded-1,
.rounded-2,
.rounded-3,
.rounded-4,
.rounded-5,
.rounded-top,
.rounded-bottom,
.rounded-start,
.rounded-end,
.scroll-to-top,
.btn-tag,
.tag-group li,
.keyword-group li,
.post-item .post-img img,
.post-suggestion img,
.post-menu,
.option-results-btn,
.bg-clock,
.lottery-calendar-widget .cal-nav-btn,
.lottery-calendar-widget .cal-month-select,
.lottery-calendar-widget .cal-year-select,
.lottery-calendar-widget .cal-btn-today {
    border-radius: 0 !important;
}

/* ==========================================================================
   LOW PADDING & LOW MARGIN (HIGH INFORMATION DENSITY SPACING SYSTEM)
   ========================================================================== */
.card {
    margin-bottom: 8px !important;
}
.card-body {
/*     padding: 10px 12px !important; */
}
.table-lottery td,
.table-lotto td {
    padding: 5px 6px !important;
}
.table-lottery th {
    padding: 5px 6px !important;
}
.list-group-item {
    position: relative !important;
    padding: 7px 12px 7px 26px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 16px !important;
}

.list-group-item::before {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 5px !important;
    height: 5px !important;
    background-color: var(--brand-color, #c80505) !important;
    display: inline-block !important;
    border-radius: 0 !important;
}

.list-group-item.active::before {
    background-color: #ffffff !important;
}

article.list-group-item,
.card .list-group-flush .list-group-item {
    display: block !important;
    padding: 10px 12px !important;
}

article.list-group-item::before,
.card .list-group-flush .list-group-item::before {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   Universal Zero Shadow & Text Shadow Reset (Flat Design for boxes, text, etc.)
   ========================================================================== */
*,
*::before,
*::after,
html body,
html body .card,
html body .card-header,
html body .card-body,
html body .card-footer,
html body .box,
html body .widget,
html body .btn,
html body .btn:hover,
html body .btn:focus,
html body .btn:active,
html body .btn-primary,
html body .btn-secondary,
html body .btn-outline-danger,
html body .btn-outline-primary,
html body .form-control,
html body .form-control:focus,
html body .form-select,
html body .form-select:focus,
html body .table,
html body .table-shadow,
html body .table-lottery,
html body .dropdown-menu,
html body .nav-bar .dropdown-list,
html body .menu,
html body .sidebar,
html body .breadcrumb,
html body .shadow,
html body .shadow-sm,
html body .shadow-lg,
html body .shadow-none,
html body .alert,
html body .badge,
html body .modal-content,
html body .modal-dialog,
html body .replay-live,
html body .quick-ticket-checker,
html body .sticky-menu,
html body header,
html body footer,
html body img,
html body figure img,
html body .scroll-to-top,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body p,
html body span,
html body a,
html body table,
html body input,
html body select,
html body textarea {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
}

/* Full width countdown timer with 3 equal columns */
#countdown-box .d-flex.w-100 {
    width: 100% !important;
}
#countdown-box .bg-clock {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 0 !important;
    text-align: center !important;
    font-weight: 700;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #383838;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    overflow: hidden;
}

/* 3D Flip Down Clock ("Lật úp đổi số") Effect */
.flip-card-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 48px;
    background: linear-gradient(180deg, #2c2c2c 0%, #2c2c2c 49%, #161616 51%, #222222 100%);
    color: #ffffff;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1;
    border: 1px solid #141414;
    border-radius: 0 !important;
    position: relative;
    transform-origin: 50% 50%;
    backface-visibility: hidden;
    will-change: transform, filter;
}

/* Authentic mechanical horizontal crease */
.flip-card-num::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    pointer-events: none;
}

/* Flip Down Animation */
.flip-card-num.flip-down {
    animation: flipDownNumber 0.44s ease-in-out;
}

@keyframes flipDownNumber {
    0% {
        transform: perspective(280px) rotateX(0deg);
        filter: brightness(1);
    }
    48% {
        transform: perspective(280px) rotateX(90deg);
        filter: brightness(0.4);
    }
    52% {
        transform: perspective(280px) rotateX(-90deg);
        filter: brightness(0.4);
    }
    100% {
        transform: perspective(280px) rotateX(0deg);
        filter: brightness(1);
    }
}

.countdown-unit {
    color: #f1f1f1;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    margin-left: 6px !important;
}

@media (max-width: 575px) {
    #countdown-box .bg-clock {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .flip-card-num {
        min-width: 38px;
        height: 38px;
        font-size: 1.25rem;
    }
    .countdown-unit {
        font-size: 0.85rem !important;
        margin-left: 3px !important;
    }
}

/* Keno Live Countdown Banner Display */
.keno-timer-display {
    font-size: 72px;
    font-weight: 900;
    color: #c80505;
    line-height: 1;
    letter-spacing: 2px;
   
    display: inline-block;
}
.keno-countdown-label {
    font-size: 20px;
    font-weight: 700;
    color: #2563eb;
}
@media (max-width: 767px) {
    .keno-timer-display {
        font-size: 46px !important;
        letter-spacing: 1px;
    }
    .keno-countdown-label {
        font-size: 16px !important;
    }
}

/* Keno 10-Column Table Layout (Matching xosodaiphat format) */
.keno-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #d9d9d9 !important;
    background: #ffffff !important;
    table-layout: fixed !important;
    margin-bottom: 12px !important;
}
.keno-table td,
.keno-table th {
    border: 1px solid #dee2e6 !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 6px 2px !important;
}
.keno-th-period {
    padding: 7px 12px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    color: #0029ad !important;
    background: #f8fafc !important;
    text-align: left !important;
}
.kn-number {
    width: 10% !important;
    height: 42px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: #ffffff !important;
    position: relative;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.td-text16 {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 6px 4px !important;
}
.bg-ligh {
    background: #f1f5f9 !important;
    color: #475569 !important;
}
.bgcolor-red {
    background: #c80505 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}
.clred {
    color: #c80505 !important;
    font-weight: 700 !important;
}

/* Keno Live Ball Rolling / Spinning Numbers Animation ("Hiệu ứng nhảy số") */
.kn-number.ball-rolling {
    background: #fef08a !important;
    color: #b45309 !important;
    font-weight: 900 !important;
    font-family: monospace, sans-serif !important;
    animation: kenoBallPulse 0.15s infinite alternate !important;
}
@keyframes kenoBallPulse {
    0% { background-color: #fef08a; transform: scale(0.97); }
    100% { background-color: #fde047; transform: scale(1.03); }
}
.kn-number.ball-locked {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    font-weight: 800 !important;
    animation: kenoBallFlash 0.5s ease-out !important;
}
@keyframes kenoBallFlash {
    0% { background: #fde047; transform: scale(1.18); }
    50% { background: #f87171; color: #ffffff; transform: scale(1.08); }
    100% { background: #fee2e2; color: #dc2626; transform: scale(1); }
}

@media (max-width: 767px) {
    .kn-number {
        font-size: 14px !important;
        height: 34px !important;
        padding: 2px 1px !important;
    }
    .td-text16 {
        font-size: 12px !important;
        padding: 4px 2px !important;
    }
    .keno-th-period {
        font-size: 13px !important;
        padding: 5px 8px !important;
    }
}

/* ==========================================================================
   Thống kê Lô Gan Pro Styles (Flat Design, No Radius, No Shadow)
   ========================================================================== */
.stat-tabs .btn {
    border-radius: 0 !important;
    font-size: 16px;
    padding: 6px 16px;
    box-shadow: none !important;
}

.stat-filter-card {
    border: 1px solid var(--border-color);
    background-color: #ffffff;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.stat-filter-card select,
.stat-filter-card input,
.stat-filter-card button {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.lo-gan-filter-bar {
    background-color: #f8f9fa;
    border-bottom: 1px solid var(--border-color);
    font-size: 13px;
}

.table-lo-gan {
    border-collapse: collapse !important;
    border: 1px solid var(--border-color);
}

.table-lo-gan th {
    background-color: #f4f6f8 !important;
    color: #333333;
    font-weight: 700;
    font-size: 13.5px;
    border-color: #e5e7eb !important;
    padding: 8px 6px !important;
}

.table-lo-gan td {
    border-color: #e5e7eb !important;
    vertical-align: middle;
    padding: 7px 6px !important;
}

.table-lo-gan tbody tr:hover {
    background-color: #fff8f8 !important;
}

.badge-gan {
    background-color: #dc3545;
    color: #ffffff;
    padding: 3px 8px;
    font-weight: 700;
    font-size: 13px;
    display: inline-block;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Synchronized 100% Widget Title & Card Header Design (White text, Not bold)
   ========================================================================== */
.list-title,
h1.list-title,
h2.list-title,
h3.list-title,
h4.list-title,
.card-header.list-title,
.card-header {
    background-color: var(--brand-color, #c80505) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    padding: 10px 15px !important;
    margin-bottom: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    line-height: 1.5 !important;
}

h1.list-title {
    margin-bottom: 8px !important;
    display: block !important;
    text-transform: uppercase !important;
}

.list-title a,
h1.list-title a,
h2.list-title a,
h3.list-title a,
h4.list-title a,
.card-header a {
    color: #ffffff !important;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.list-title i,
h1.list-title i,
h2.list-title i,
h3.list-title i,
h4.list-title i,
.card-header i {
    color: #ffffff !important;
}

.list-title span,
.card-header span:not(.badge):not(.btn) {
    color: #ffffff !important;
    font-weight: 400 !important;
}

.card-header .badge,
.list-title .badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    border-radius: 0 !important;
}

.card-header .btn {
    background-color: #ffffff !important;
    color: var(--brand-color, #c80505) !important;
    border: 1px solid #ffffff !important;
    font-size: 12px !important;
    padding: 3px 12px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}
.card-header .btn:hover {
    background-color: #f8fafc !important;
    color: #ba0404 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

/* ==========================================================================
   Synchronized Button System (Normal Font 400, 100% Size, Zero Shadow, Zero Radius)
   ========================================================================== */
.btn,
button.btn,
a.btn,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.tab-btn {
    border-radius: 0 !important;
    font-size: 100% !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
    transition: all 0.15s ease-in-out;
}

.btn:hover,
.btn:focus,
.btn:active,
button:hover,
button:focus,
button:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    text-shadow: none !important;
}

.btn-sm,
.btn-xs {
    font-weight: 400 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Brand Red Solid Action Buttons */
.btn-danger,
.btn-brand,
.btn-primary {
    background-color: var(--brand-color, #c80505) !important;
    border-color: var(--brand-color, #c80505) !important;
    color: #ffffff !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active,
.btn-brand.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #ba0404 !important;
    border-color: #ba0404 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Brand Red Outline Buttons */
.btn-outline-danger,
.btn-outline-primary {
    background-color: transparent !important;
    border: 1px solid var(--brand-color, #c80505) !important;
    color: var(--brand-color, #c80505) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--brand-color, #c80505) !important;
    border-color: var(--brand-color, #c80505) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Neutral Buttons (Clean Slate) */
.btn-outline-secondary,
.btn-light {
    border-radius: 0 !important;
    font-size: 100% !important;
    font-weight: 400 !important;
}

/* ==========================================================================
   Countdown Box & Dynamic Region Switcher Tabs
   ========================================================================== */
.countdown-header {
    display: block;
    text-align: center;
    margin-bottom: 6px;
}

#live-status-text {
    line-height: 1.5;
}

#live-status-text a {
    color: var(--brand-color, #c80505) !important;
}

#live-status-text a:hover {
    color: #971111 !important;
}

/* ==========================================================================
   Lottery Calendar Widget (Kết Quả Theo Ngày)
   ========================================================================== */
.lottery-calendar-widget {
    background-color: #ffffff;
    border: 1px solid var(--border-color, #dee2e6);
    border-radius: 0 !important;
}

.lottery-calendar-widget .list-title {
    background-color: var(--brand-color, #c80505) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 10px 15px !important;
    margin-bottom: 0;
}

.lottery-calendar-widget .cal-controls {
    background-color: #ffffff;
    border-bottom: 1px solid #dee2e6;
    padding: 8px 10px;
}

.lottery-calendar-widget .cal-nav-btn {
    border: none;
    background: transparent;
    color: #555555;
    padding: 4px 8px;
    cursor: pointer;
    border-radius: 0 !important;
    font-size: 16px;
}

.lottery-calendar-widget .cal-nav-btn:hover {
    color: var(--brand-color, #c80505);
    background-color: #f1f3f5;
}

.lottery-calendar-widget .cal-month-select,
.lottery-calendar-widget .cal-year-select {
    width: auto;
    font-size: 13px;
    font-weight: 500;
    border: 1px solid #ced4da;
    border-radius: 0 !important;
    padding: 3px 20px 3px 8px;
    color: #212529;
    background-color: #fff;
    cursor: pointer;
}

.lottery-calendar-widget .cal-btn-today {
    font-size: 12px;
    font-weight: 500;
    padding: 4px 9px;
    border: 1px solid #ced4da;
    border-radius: 0 !important;
    background-color: #e9ecef;
    color: #333333;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease-in-out;
}

.lottery-calendar-widget .cal-btn-today:hover {
    background-color: #dee2e6;
    color: #000000;
}

.lottery-calendar-widget .cal-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
}

.lottery-calendar-widget .cal-days-header th {
    font-size: 13px;
    font-weight: 600;
    padding: 7px 2px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #333333;
    text-align: center;
}

.lottery-calendar-widget .cal-days-header th.text-danger {
    color: var(--brand-color, #c80505) !important;
}

.lottery-calendar-widget .cal-cell {
    width: 14.285%;
    height: 44px;
    min-height: 44px;
    border: 1px solid #dee2e6;
    vertical-align: middle;
    position: relative;
    background-color: #ffffff;
    transition: background-color 0.15s;
    padding: 0 !important;
}

.lottery-calendar-widget .cal-cell.cal-empty {
    background-color: #fafafa;
}

.lottery-calendar-widget .cal-cell:not(.cal-empty):hover {
    background-color: #f0f2f5;
}

.lottery-calendar-widget .cal-cell.cal-today {
    background-color: #ffe58f !important;
}

.lottery-calendar-widget .cal-cell.cal-today:hover {
    background-color: #ffd666 !important;
}

.lottery-calendar-widget .cal-cell-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 44px;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding: 2px;
}

.lottery-calendar-widget .cal-solar {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
}

.lottery-calendar-widget .cal-solar.text-danger {
    color: var(--brand-color, #c80505) !important;
}

.lottery-calendar-widget .cal-solar.text-dark {
    color: #212529 !important;
}

.lottery-calendar-widget .cal-dot {
    position: absolute;
    top: 4px;
    right: 5px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: inline-block;
    pointer-events: none;
}

.lottery-calendar-widget .cal-dot-red {
    background-color: #e02424;
}

.lottery-calendar-widget .cal-dot-grey {
    background-color: #adb5bd;
}

.lottery-calendar-widget .cal-lunar {
    position: absolute;
    bottom: 3px;
    right: 4px;
    font-size: 10px;
    line-height: 1;
    color: #6c757d;
    font-weight: 400;
    pointer-events: none;
    font-family: Arial, sans-serif;
}

.lottery-calendar-widget .cal-today .cal-lunar {
    color: #495057;
    font-weight: 500;
}

/* ==========================================================================
   1. Nav-Bar 50px & Synchronized Hover System
   ========================================================================== */
@media (min-width: 992px) {
    html body .nav-bar {
        height: 50px !important;
        background-color: var(--brand-color, #c80505) !important;
        position: relative;
        z-index: 100;
    }

    html body .nav-bar .nav-list {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        margin-bottom: 0 !important;
    }

    html body .nav-bar .nav-item {
        height: 100% !important;
        position: relative !important;
        display: flex !important;
        align-items: stretch !important;
    }

    html body .nav-bar .nav-link-item {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 15px !important;
        
 
        color: #ffffff !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        line-height: 1 !important;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    /* Synchronized navbar link hover */
    html body .nav-bar .nav-link-item:hover,
    html body .nav-bar .nav-item:hover > .nav-link-item {
        background-color: var(--menu-hover-color, #971111) !important;
        color: #ffffff !important;
    }

    /* Dropdown anchored seamlessly at top: 50px */
    html body .nav-bar .dropdown-list {
        top: 50px !important;
        left: 0 !important;
        min-width: 200px !important;
        background-color: var(--brand-color, #c80505) !important;
        border: 1px solid rgba(0, 0, 0, 0.15) !important;
        border-top: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        z-index: 999 !important;
    }

    html body .nav-bar .dropdown-item-link {
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    html body .nav-bar .dropdown-item-link:last-child {
        border-bottom: none !important;
    }

    html body .nav-bar .dropdown-menu-links {
        display: block !important;
        width: 100% !important;
        padding: 0 16px !important;
        line-height: 40px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #ffffff !important;
        background-color: var(--brand-color, #c80505) !important;
        text-decoration: none !important;
        transition: background-color 0.15s ease;
    }

    html body .nav-bar .dropdown-menu-links:hover {
        background-color: var(--menu-hover-color, #971111) !important;
        color: #ffffff !important;
    }
}

/* ==========================================================================
   2. Header Standard Date/Time Display Near Logo
   ========================================================================== */
.today-info {
    margin-left: 20px !important;
    padding-left: 20px !important;
    border-left: 1px solid var(--border-color, #d9d9d9) !important;
    font-size: 14px !important;
    color: #495057 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

@media (max-width: 991px) {
    .today-info {
        margin-left: 12px !important;
        padding-left: 12px !important;
        font-size: 13px !important;
    }
}

/* ==========================================================================
   3. Unified Breadcrumb System (Basic Icon / Link / Link, No Background)
   ========================================================================== */
html body .xsv-breadcrumb,
html body .breadcrumb-container,
html body nav[aria-label="breadcrumb"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}

html body .breadcrumb {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    margin-bottom: 0 !important;
 
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

html body .breadcrumb-item {

    color: #6c757d !important;
    display: inline-flex !important;
    align-items: center !important;
}

html body .breadcrumb-item a {
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
}

html body .breadcrumb-item a:hover {
    color: var(--brand-color, #c80505) !important;
    text-decoration: underline !important;
}

html body .breadcrumb-item.active {
    color: var(--brand-color, #c80505) !important;
    font-weight: 500 !important;
}

html body .breadcrumb-item + .breadcrumb-item::before {
    content: "/" !important;
    padding: 0 8px !important;
    color: #adb5bd !important;
}

/* ==========================================================================
   4. Harmonized Form Controls & Buttons (Unified Standard Dimensions)
   ========================================================================== */
/* Standard Inputs & Selects (38px height) */
html body .form-control:not(textarea),
html body .form-select,
html body input[type="text"]:not(.cal-nav-btn):not(.btn),
html body input[type="date"],
html body input[type="search"],
html body input[type="number"],
html body input[type="tel"],
html body input[type="email"],
html body select:not(.form-select-sm):not(.cal-month-select):not(.cal-year-select) {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 12px !important;
    font-size: 100% !important; /* 16px */
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 1px solid var(--border-color, #ced4da) !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

/* Small Inputs & Selects (32px height) */
html body .form-control-sm:not(textarea),
html body .form-select-sm,
html body select.form-select-sm,
html body input.form-control-sm {
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 8px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color, #ced4da) !important;
    box-sizing: border-box !important;
}

/* Textarea (Preserve multi-line height) */
html body textarea.form-control {
    height: auto !important;
    min-height: 60px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid var(--border-color, #ced4da) !important;
    box-sizing: border-box !important;
}

/* Standard Buttons (38px height) */
html body .btn:not(.btn-sm):not(.btn-xs):not(.close-sidebar-btn):not(.btn-close):not(.change-date-btn):not(.scroll-to-top):not(.countdown-tab-btn):not(.cal-nav-btn):not(.cal-btn-today),
html body button.btn:not(.btn-sm):not(.btn-xs):not(.close-sidebar-btn):not(.btn-close):not(.change-date-btn):not(.scroll-to-top):not(.countdown-tab-btn):not(.cal-nav-btn):not(.cal-btn-today),
html body a.btn:not(.btn-sm):not(.btn-xs),
html body input[type="submit"]:not(.btn-sm),
html body input[type="button"]:not(.btn-sm),
html body input[type="reset"]:not(.btn-sm) {
    height: 38px !important;
    min-height: 38px !important;
    padding: 6px 16px !important;
    font-size: 100% !important; /* 16px */
    font-weight: 400 !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Small Buttons (32px height) */
html body .btn-sm,
html body button.btn-sm,
html body a.btn-sm,
html body .countdown-tab-btn,
html body .cal-btn-today {
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Form focus state */
html body .form-control:focus,
html body .form-select:focus,
html body select:focus,
html body input:focus,
html body textarea:focus {
    border-color: var(--brand-color, #c80505) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
}

/* ==========================================================================
   Lottery Result Table Alignment & Responsive Grid Rules
   ========================================================================== */
html body .table-lottery {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

html body .table-lottery td,
html body .table-lottery th {
    vertical-align: middle !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

html body .table-lottery td.first-col {
    white-space: nowrap !important;
    width: 12% !important;
}

@media (max-width: 767.98px) {
    html body #kqxs-box .table-lottery td,
    html body .table-lottery td {
        font-size: 16px !important;
        padding: 4px 2px !important;
        height: 36px !important;
    }
    html body #kqxs-box .table-lottery td.txt-special-prize,
    html body .table-lottery td.txt-special-prize {
        font-size: 20px !important;
    }
    html body .table-lottery td.first-col {
        font-size: 14px !important;
        padding: 4px 2px !important;
    }
}

@media (max-width: 480px) {
    html body #kqxs-box .table-lottery td,
    html body .table-lottery td {
        font-size: 14px !important;
        padding: 3px 1px !important;
        height: 34px !important;
    }
    html body #kqxs-box .table-lottery td.txt-special-prize,
    html body .table-lottery td.txt-special-prize {
        font-size: 17px !important;
    }
    html body .table-lottery td.first-col {
        font-size: 13px !important;
        padding: 3px 1px !important;
    }
}

/* ==========================================================================
   Comprehensive Site Footer (4 Columns - E-E-A-T & SEO Compliant)
   ========================================================================== */
.site-footer {
    border-top: 1px solid var(--border-color, #d9d9d9) !important;
    background-color: #ffffff !important;
    font-size: 16px !important;
}

.site-footer .footer-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--brand-color, #c80505) !important;
    line-height: 1.3 !important;
}

.site-footer .footer-links {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.site-footer .footer-links li {
    margin-bottom: 6px !important;
}

.site-footer .footer-links a {
    color: #495057 !important;
    text-decoration: none !important;
    transition: color 0.15s ease-in-out !important;
}

.site-footer .footer-links a:hover {
    color: var(--brand-color, #c80505) !important;
    text-decoration: underline !important;
}

.site-footer .footer-social a.btn {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-footer .footer-bottom {
    background-color: #f8f9fa !important;
    border-top: 1px solid #e9ecef !important;
    font-size: 14px !important;
}

/* ==========================================================================
   Institutional Pages (About, Author, Contact, Terms, Privacy, Disclaimer)
   ========================================================================== */
.institutional-page {
    line-height: 1.8 !important;
    font-size: 16px !important;
    color: #212529 !important;
}

.institutional-page h2 {
    margin-top: 24px !important;
    margin-bottom: 12px !important;
}

.author-profile-card {
    border: 1px solid var(--border-color, #d9d9d9) !important;
    background-color: #fcfcfc !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.author-profile-card .badge {
    border-radius: 0 !important;
    font-weight: 400 !important;
}

.contact-form .form-control,
.contact-form .form-select {
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus {
    border-color: var(--brand-color, #c80505) !important;
    box-shadow: none !important;
}

/* ==========================================================================
   Real-Time Traditional Lottery Live Drawing Engine (XSMB / XSMN / XSMT)
   Strictly adheres to Web Style Design Guide: Flat, No Radius, No Shadow
   ========================================================================== */
.cell-rolling {
    background-color: #fef08a !important;
    color: #b45309 !important;
    font-weight: 800 !important;
    font-family: monospace, 'Courier New', Courier, sans-serif !important;
    letter-spacing: 2px !important;
    outline: 2px dashed #d97706 !important;
    outline-offset: -2px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cell-waiting {
    color: #adb5bd !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
}

.flash-update {
    animation: flashNumberPrize 1.4s ease-out !important;
}
@keyframes flashNumberPrize {
    0% { background-color: #fee2e2; color: #dc2626; outline: 2px solid #ef4444; }
    50% { background-color: #fef08a; color: #b45309; }
    100% { background-color: transparent; }
}

.live-action-tools {
    gap: 6px;
}

.live-badge-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background-color: #c80505;
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 2px 8px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.live-beacon-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 50%;
    animation: liveBeaconPulse 0.9s infinite alternate;
}
@keyframes liveBeaconPulse {
    0% { opacity: 0.3; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1.2); }
}

.btn-demo-live {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 3px 10px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #c80505 !important;
    color: #c80505 !important;
    background-color: #ffffff !important;
    line-height: 1.4 !important;
    cursor: pointer;
    transition: all 0.15s ease;
}
.btn-demo-live:hover {
    background-color: #c80505 !important;
    color: #ffffff !important;
}
.btn-demo-live.sim-running {
    background-color: #b45309 !important;
    border-color: #b45309 !important;
    color: #ffffff !important;
}

.btn-audio-live {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 3px 8px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
    background-color: #ffffff !important;
    color: #495057 !important;
    line-height: 1.4 !important;
    cursor: pointer;
    transition: all 0.15s ease;
}
.btn-audio-live:hover {
    background-color: #f8f9fa !important;
    border-color: #6c757d !important;
}

.loto-cell-flash {
    animation: flashLotoCell 1.2s ease-out !important;
}
@keyframes flashLotoCell {
    0% { background-color: #fee2e2; }
    50% { background-color: #fef08a; }
    100% { background-color: transparent; }
}