/* V11.0.0 - Nhan dien CAND, hoa sen va trong dong dung chung. */
:root{--cand-red:#b8050d;--cand-red-dark:#830008;--cand-gold:#ffd95a;--cand-green:#00623a}
body{position:relative;background-color:#f3f6f4;background-image:url(../images/cand-pattern-v1101.svg),
 radial-gradient(circle at 7% 22%,transparent 0 74px,rgba(171,111,28,.045) 75px 77px,transparent 78px 91px,rgba(171,111,28,.025) 92px 94px,transparent 95px),
 radial-gradient(circle at 94% 73%,rgba(1,98,58,.035) 0 35px,transparent 36px 58px,rgba(171,111,28,.035) 59px 61px,transparent 62px),
 linear-gradient(135deg,#fbfcfb,#edf5f0);background-repeat:repeat,no-repeat,no-repeat,no-repeat;background-size:1200px 760px,auto,auto,auto;background-attachment:fixed}

/* Lop hoa tiet tong the danh rieng cho cac trang/chuc nang public. */
body:not(.admin-body) .page-content,body:not(.admin-body) .public-wrap{
 background-image:url(../images/cand-panel-pattern-v1106.svg?v=1108);
 background-position:center 24px;
 background-size:min(900px,100%) auto;
 background-repeat:repeat-y;
}

.content-card,.home-card,.admin-card,.alert-card,.doc-card,.page-title-card,.filter-card,.metric,.faq-card,.document-card-v1080,.v52-collection-card,.search-card-v31,.related-card-v31,.topic-docs-v45 article,.legal-map-grid-v45 article,.latest-alert-v1080{
 backdrop-filter:blur(1px);
 background-color:rgba(255,255,255,.965);
 background-image:url(../images/cand-panel-pattern-v1106.svg?v=1108)!important;
 background-position:right center!important;
 background-size:clamp(430px,55vw,720px) auto!important;
 background-repeat:no-repeat!important;
}

/* Cac khoi chuc nang rieng tren trang chu va quan tri cung dung cung lop hoa tiet chim. */
.ai-first-card,.ai-first-home,.home-alerts-card,.home-alert-full-v1098,.home-documents-card,.featured-section,.doc-home,.hotline-card-v8622,.hi32-list,.hi32-chat{
 background-color:rgba(255,255,255,.965)!important;
 background-image:url(../images/cand-panel-pattern-v1106.svg?v=1108)!important;
 background-position:right center!important;
 background-size:clamp(430px,55vw,720px) auto!important;
 background-repeat:no-repeat!important;
}

/* Khoi nen xanh can giu gradient va chu trang; hoa tiet chi la lop phu. */
.qr-panel{
 background-color:#00623a!important;
 background-image:url(../images/cand-panel-pattern-v1106.svg?v=1109),linear-gradient(135deg,#087440,#00552f)!important;
 background-position:right center,center!important;
 background-size:520px auto,100% 100%!important;
 background-repeat:no-repeat,no-repeat!important;
 color:#fff!important;
}
.qr-panel h3,.qr-panel p{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.stats-v24{
 background-color:#00542f!important;
 background-image:url(../images/cand-panel-pattern-v1106.svg?v=1109),linear-gradient(90deg,#076338,#004b2c)!important;
 background-position:center,center!important;
 background-size:720px auto,100% 100%!important;
 background-repeat:no-repeat,no-repeat!important;
 color:#fff!important;
}
.stats-v24 .stat-v24{background-color:transparent!important;background-image:none!important;color:#fff!important}
.stats-v24 .stat-v24 strong{color:#ffd74c!important}
.stats-v24 .stat-v24 span{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)}

/* Doi huong nhe giua cac the lap lai de giao dien tu nhien, khong dong dau. */
.document-card-v1080:nth-child(even),.v52-collection-card:nth-child(even),.search-card-v31:nth-child(even),.related-card-v31:nth-child(even),.topic-docs-v45 article:nth-child(even),.legal-map-grid-v45 article:nth-child(even){background-position:left bottom!important}

.cax-identity-banner-v1100{position:relative;isolation:isolate;min-height:330px;overflow:hidden;color:#fff;font-family:Arial,"Segoe UI",Tahoma,sans-serif;background-color:#a70009;background-image:linear-gradient(180deg,rgba(122,0,7,.10),rgba(122,0,7,.04)),url(../images/home-banner-cand-desktop-v1100.webp);background-position:center,center;background-size:100% 100%,cover;background-repeat:no-repeat,no-repeat;border-bottom:3px solid var(--cand-gold);box-shadow:0 5px 18px rgba(64,0,0,.2)}
.cax-identity-banner-v1100:before{content:"";position:absolute;right:3%;bottom:34px;z-index:1;width:150px;height:150px;background:url(../images/logo-congan.png) center/contain no-repeat;opacity:.055;filter:grayscale(1)}
.cax-identity-banner-v1100:after{display:none;content:none}
.cax-banner-inner-v1100{position:relative;z-index:2;min-height:330px;display:grid;grid-template-columns:175px minmax(0,1fr) 175px;align-items:start;gap:20px;padding:15px 0 10px}
.cax-banner-home-v1100{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--cand-gold);text-align:center;text-decoration:none;text-shadow:0 2px 3px rgba(70,0,0,.65)}
.cax-banner-home-v1100 img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
.cax-banner-home-v1100 strong{display:block;margin-top:3px;font-size:15px;line-height:1.14;font-weight:900}
.cax-banner-home-v1100:focus-visible{outline:3px solid #fff;outline-offset:4px;border-radius:8px}
.cax-banner-center-v1100{text-align:center;min-width:0}
.cax-banner-center-v1100 h1{margin:0;color:#ffe15f;font-size:clamp(32px,3.1vw,48px);line-height:1.04;font-weight:900;letter-spacing:.1px;text-transform:uppercase;text-shadow:0 3px 4px rgba(72,0,0,.72)}
.cax-banner-center-v1100 h2{margin:6px 0 9px;color:#fff3aa;font-size:clamp(14px,1.35vw,19px);line-height:1.18;font-weight:800;text-transform:uppercase;text-shadow:0 2px 3px rgba(72,0,0,.75)}
.cax-banner-features-v1100{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:700px;margin:0 auto}
.cax-banner-feature-v1100{display:grid;justify-items:center;align-content:start;gap:3px;min-width:0;color:#fff;font-family:Arial,"Segoe UI",Tahoma,sans-serif;font-size:11px;font-weight:800;line-height:1.15;text-shadow:0 2px 3px rgba(55,0,0,.8)}
.cax-banner-feature-v1100 b{width:39px;height:39px;display:grid;place-items:center;border:2px solid #ffd95a;border-radius:50%;background:rgba(130,0,5,.56);font-size:19px;color:#fff5b5}

/* Desktop: co gian dong bo toan bo banner theo chieu rong khung nhin/zoom. */
@media(min-width:761px){
 .cax-identity-banner-v1100{min-height:clamp(300px,33.333vw,560px)}
 .cax-identity-banner-v1100:before{right:clamp(18px,3vw,58px);bottom:clamp(25px,2.1vw,40px);width:clamp(110px,9.4vw,180px);height:clamp(110px,9.4vw,180px)}
 .cax-banner-inner-v1100{min-height:clamp(300px,33.333vw,560px);grid-template-columns:clamp(135px,11.5vw,190px) minmax(0,1fr) clamp(135px,11.5vw,190px);gap:clamp(12px,1.35vw,24px);padding:clamp(10px,1vw,18px) 0 clamp(7px,.7vw,12px)}
 .cax-banner-home-v1100 img{width:clamp(68px,6vw,110px);height:clamp(68px,6vw,110px)}
 .cax-banner-home-v1100 strong{font-size:clamp(12px,1vw,17px)}
 .cax-banner-center-v1100 h1{font-size:clamp(24px,3.1vw,52px)}
 .cax-banner-center-v1100 h2{margin:clamp(4px,.4vw,7px) 0 clamp(6px,.6vw,10px);font-size:clamp(11px,1.35vw,21px)}
 .cax-banner-features-v1100{gap:clamp(4px,.55vw,10px);max-width:clamp(520px,46vw,760px)}
 .cax-banner-feature-v1100{gap:clamp(2px,.2vw,4px);font-size:clamp(9px,.72vw,12px)}
 .cax-banner-feature-v1100 b{width:clamp(31px,2.55vw,44px);height:clamp(31px,2.55vw,44px);font-size:clamp(15px,1.25vw,21px)}
}

@media(max-width:760px){
 body{background-image:url(../images/cand-pattern-v1101.svg),radial-gradient(circle at 98% 16%,rgba(171,111,28,.04) 0 50px,transparent 51px),linear-gradient(145deg,#fcfdfc,#eef6f1);background-size:760px auto,auto,auto}
 .cax-identity-banner-v1100{min-height:clamp(284px,68vw,296px);background-image:linear-gradient(180deg,rgba(126,0,6,.035),rgba(126,0,6,.005)),url(../images/home-banner-cand-mobile-v11114-wide-scene-framed-4k.webp);background-position:center,center;background-size:100% 100%,100% 100%;background-repeat:no-repeat,no-repeat;border-bottom-width:2px}
 .cax-identity-banner-v1100:before{right:8px;bottom:16px;width:68px;height:68px;opacity:.055}
 .cax-banner-inner-v1100{min-height:clamp(284px,68vw,296px);display:block;padding:8px}
 .cax-banner-home-v1100{position:absolute;left:7px;top:9px;width:91px}
 .cax-banner-home-v1100 img{width:55px;height:55px}
 .cax-banner-home-v1100 strong{font-size:clamp(10.2px,2.75vw,11.2px);line-height:1.1;font-weight:950;letter-spacing:.08px;white-space:nowrap;text-shadow:0 1px 2px rgba(65,0,0,.88),0 0 1px #7b0000}
 .cax-banner-center-v1100{padding:7px 5px 0 102px;text-align:center}
 .cax-banner-center-v1100 h1{max-width:none;margin:0;white-space:nowrap;font-size:clamp(15.2px,4.55vw,19px);line-height:1.03;font-weight:950;letter-spacing:-.38px;text-shadow:0 2px 3px rgba(72,0,0,.9),0 0 1px #7a0000}
 .cax-banner-center-v1100 h2{position:absolute;left:102px;right:7px;top:49px;max-width:none;margin:0;white-space:nowrap;font-size:clamp(7.1px,2.02vw,8.7px);line-height:1.08;font-weight:900;letter-spacing:-.32px}
 .cax-banner-features-v1100{position:absolute;left:4px;right:4px;top:auto;bottom:4px;display:grid;grid-template-columns:1.05fr 1.45fr 1fr 1.25fr;gap:1px;max-width:none}
 .cax-banner-feature-v1100{font-size:clamp(6.8px,2vw,8px);line-height:1.08;padding:0;white-space:nowrap}
 .cax-banner-feature-v1100:nth-child(2){font-size:clamp(6.5px,1.86vw,7.4px)}
 .cax-banner-feature-v1100 b{width:25px;height:25px;font-size:12px;background:rgba(120,0,6,.72)}
 body:not(.admin-body) .page-content,body:not(.admin-body) .public-wrap{background-size:620px auto;background-position:center 16px}
 .content-card,.home-card,.admin-card,.alert-card,.doc-card,.page-title-card,.filter-card,.metric,.faq-card,.document-card-v1080,.v52-collection-card,.search-card-v31,.related-card-v31,.topic-docs-v45 article,.legal-map-grid-v45 article,.latest-alert-v1080,.ai-first-card,.ai-first-home,.home-alerts-card,.home-alert-full-v1098,.home-documents-card,.featured-section,.doc-home,.hotline-card-v8622,.hi32-list,.hi32-chat{background-size:520px auto!important;background-position:center!important}
 .qr-panel{background-size:430px auto,100% 100%!important;background-position:center,center!important}
 .stats-v24{background-size:620px auto,100% 100%!important}
}

@media(max-width:390px){
 .cax-identity-banner-v1100,.cax-banner-inner-v1100{min-height:284px}
 .cax-banner-home-v1100{width:84px}
 .cax-banner-home-v1100 img{width:51px;height:51px}
 .cax-banner-home-v1100 strong{font-size:9.6px}
 .cax-banner-center-v1100{padding-left:94px}
 .cax-banner-center-v1100 h1{font-size:14.6px;letter-spacing:-.5px}
 .cax-banner-center-v1100 h2{left:94px;top:47px;font-size:6.75px;letter-spacing:-.4px}
 .cax-banner-feature-v1100{font-size:7.3px}
 .cax-banner-feature-v1100:nth-child(2){font-size:6.7px}
}

@media(max-width:360px){
 .cax-identity-banner-v1100,.cax-banner-inner-v1100{min-height:278px}
 .cax-banner-home-v1100 strong{font-size:9px}
 .cax-banner-center-v1100 h1{font-size:13.8px;letter-spacing:-.58px}
 .cax-banner-center-v1100 h2{font-size:6.25px;letter-spacing:-.46px}
 .cax-banner-feature-v1100{font-size:6.9px}
 .cax-banner-feature-v1100:nth-child(2){font-size:6.3px}
}

@media(prefers-reduced-motion:reduce){.cax-identity-banner-v1100 *{scroll-behavior:auto}}