:root{--background-color:#1F2029;--red:#FF3D3D;--green:#39AE41;--white:#FFFFFF;--yellow:#FFDF34;--gray:#17934E;--dark-gray:#1F2029}*{box-sizing:border-box;font-family:'Poppins',sans-serif}.bangla{font-family:'Hind Siliguri'}body{background-color:#071e4f;color:var(--white)}.icons{width:15px;height:15px}@media (width <=400px){.icons{width:10px;height:10px}}p{color:var(--white);margin:0px;padding:0px}a{text-decoration:none}h1,h2,h3,h4,h5{color:var(--yellow);text-align:center;font-size:1.2rem}.fa-star{font-size:1rem;color:var(--yellow)}.stars-box{background-color:var(--dark-gray);padding:0.5em;border-radius:5px}.agents-table tbody tr{border-bottom:1px solid var(--white)}.logo-box{margin:1em}.logo{width:12rem}nav{background-color:var(--gray);border-radius:10px;color:var(--white);padding:1em}.nav-item a.active{color:var(--yellow)}.nav-item a.active .icons{filter:brightness(0) saturate(100%) invert(90%) sepia(67%) saturate(5858%) hue-rotate(325deg) brightness(104%) contrast(104%)}.nav-item a{color:var(--white);font-family:'Poppins',sans-serif;font-weight:500;display:flex;align-items:center;gap:5px}.nav-item a:hover{cursor:pointer}.nav-pills{display:flex;justify-content:center;gap:1em}@media (width <=560px){nav{padding:1em 0em 1em 0em}.nav-pills{font-size:12px;gap:0.3}}.card{background-color:var(--gray);border-radius:8px;margin-top:1em;padding:1.5em;min-height:14rem}.card .card-inner{background-color:var(--dark-gray);margin:1em;padding:1em;border-radius:8px;height:auto}.card-inner.home-image{background-color:unset;padding:0px;height:210px}@media (width <=500px){.card-inner.home-image{height:unset}}.card-inner.home-image img{border-radius:8px}.card-inner-proxy{padding:0.5em 0em 0.5em 0em !important;overflow:auto}.mini-cards .mini-card{background-color:var(--gray);border-radius:8px;margin:0.5em;font-size:14px;padding:0.5em;text-align:center}.mini-cards h4{font-size:18px}@media (width <=1000px){.card{padding:1em 0em 1em 0em}.card.hero{padding:1em 0em 1em 0em;min-height:unset}.card.hero .card-inner{padding:1em 0.1em 1em 0.1em;margin:1em 0.2em 1em 0.2em}.card.hero .agent i{font-size:1.5rem}.card.hero .agent p{font-size:14px}.card.hero .agent-id{width:35px;height:35px}.mini-cards .card-inner{flex-direction:column;padding:0em}}@media (width <=500px){.card.hero .agent p{font-size:10px;line-height:10px}.card.hero .agent p span{font-size:8px}.card.hero .number-box{font-size:10px}.card.hero .my-badge{font-size:8px}.card.hero .tiny-buttons{width:unset;font-size:10px}.card.hero .agent-id{width:32px;height:32px}}@media (width>= 767px){.card.hero,.card.proxy-card{height:250px}.howto-inner{height:210px !important}.card.hero .card-inner{margin-top:2rem}}.agent i{color:var(--yellow);font-size:2.5rem}.agent p{line-height:15px}.agent p span{color:#ff8900;font-size:10px}.agent-id{background-color:var(--yellow);width:40px;height:40px;border-radius:8px}.agent-id p{color:var(--dark-gray);font-size:12px;font-weight:bolder}.my-badge{background-color:var(--green);border-radius:5px;padding:0px 2px 0px 2px;color:var(--white);font-size:10px}.tiny-buttons{width:80px;border:none;outline:none;margin:2px;border-radius:5px;color:var(--white);font-size:15px}.tiny-buttons.red{background-color:var(--red)}.tiny-buttons.green{background-color:var(--green)}.tiny-buttons.yellow{background-color:var(--yellow);color:var(--dark-gray);font-size:10px;width:unset}.app-links i{font-size:2rem;color:white}.report-to-button-box p{font-size:12px}.report-to-buttons{background-color:var(--red);color:var(--white);padding:0.5em;margin:0.3em;border-radius:5px;font-size:12px;text-align:center}@media (width <=500px){.report-to-buttons{font-size:10px}}.search-agent-button{padding:0.5em 2em 0.5em 2em;border:none;border-radius:8px;color:var(--white);background-color:var(--dark-gray);position:absolute;left:0;top:-8px}.search-agent-button i{color:var(--yellow);margin-right:5px}@media (width <= 1000px){.search-agent-button{display:none}}.table-box{padding:1em;margin:0.5em;border-radius:8px;background-color:var(--gray)}.agents-table thead{background-color:var(--dark-gray)}.agents-table td{padding:1em 0em 1em 0em}.agents-table thead th{padding:0.5em;font-size:17px;font-weight:500;text-align:center}.agents-table thead th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.agents-table thead th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}@media (width <=770px){.agent-table-heading{font-size:15px}.agents-table .stars-box{margin-left:8px}.agents-table .fa-star{font-size:0.3rem}.agents-table .agent-id{width:25px;height:25px;border-radius:5px}.agents-table .agent-id p{font-size:8px}.agents-table .agent i{font-size:1rem}.agents-table .fa-eye{font-size:0.8rem}.agents-table .agent p{font-size:8px;line-height:10px}.agents-table thead th{font-size:8px}.agents-table .app-links i{font-size:1.2rem}.agents-table .number-box p{font-size:7px}.agents-table .tiny-buttons{width:unset;font-size:7px}.agents-table td{padding:0.5em 0em 0.5em 0em}.table-box{margin:unset}.agents-table .stars-box{padding:0.3em}.agents-table .agent p span{font-size:8px}.agents-table .my-badge{font-size:6px}}.modal-content{background-color:var(--gray)}.modal-header{border-bottom:none}#AgentReport .modal-icon img{left:0;margin-left:4rem}@media (width <=400px){#AgentReport .modal-icon img{font-size:3rem;margin-left:3rem}}.modal-icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-1.5rem;width:50px;height:50px}.fake-label{color:var(--yellow)}.fake-input{border-radius:8px;background-color:var(--dark-gray);padding:0.5em;margin-top:0.2em}.modal-links{padding:0.4em;margin:0.2em;border-radius:8px;color:var(--white);background-color:var(--dark-gray);font-size:14px}.modal-report{position:absolute;bottom:0;right:0;margin-right:2rem;margin-bottom:-0.5rem}#AgentReport .modal-report-heading{position:absolute;top:-10%;left:50%;transform:translate(-50%,-50%);width:50%}#SearchAgent .search-heading{position:absolute;left:50%;right:50%;transform:translate(-50%,-50%);width:80%;margin-top:4rem;background-color:var(--dark-gray);border-radius:5px;padding:0.5em;color:var(--white)}#SearchAgent .search-heading i{color:var(--yellow);margin-right:0.3rem}.search-form{padding:0.2em 3em 3em 3em}.search-form label{color:var(--yellow)}.search-form input,.search-form select{border-radius:8px;background-color:var(--dark-gray);padding:0.5em;margin-top:0.2em;border:none;outline:none;color:var(--white)}.search-form select{border-right:16px solid transparent}.search-form .tiny-buttons{font-size:large}#SupportModal .my-buttons{position:absolute;top:-10%;left:50%;transform:translate(-50%,-50%);width:50%}#SupportModal .modal-body{background-color:var(--dark-gray);margin:1em;border-radius:8px}#SupportModal .modal-header{padding:0.5em}.support-agents p{font-size:15px}.support-agents img{width:30px;height:30px}.support-agents{border-bottom:0.5px solid var(--white);padding:0.5em}@media (width <=500px){.support-agents p{font-size:10px}.support-agents .tiny-buttons{width:unset;font-size:10px}.support-agents img{width:25px;height:25px}}#ticker-box{margin-top:1em;background-color:var(--gray);border-radius:8px;width:98%;display:none}#ticker-box li{margin-top:0.5em;color:var(--yellow);padding-right:1em}@media (width <=700px){#ticker-box{width:94%}}.proxy-table{width:100%}.proxy-table .tiny-buttons.yellow{width:50px;font-size:15px}.proxy-table i{font-size:8px}.proxy td{color:var(--white);padding:0.5em 0em 0.5em 0em;text-align:left}.proxy tr{width:100%;border-bottom:0.5px solid rgb(94 94 94 / 50%);padding-bottom:0.5em}.proxy-name{color:var(--yellow) !important;padding-right:2em !important;padding-left:0.5em !important}.proxy-table .visit-button{text-align:right;padding-right:0.5em !important}@media (width <= 700px){.proxy td{font-size:12px}.proxy-table .tiny-buttons.yellow{font-size:unset}}.facebook-section{min-height:40px;background-color:var(--gray);border-radius:8px;margin-top:1em;display:flex;justify-content:space-around;align-items:center;flex-direction:row}.facebook-section p{color:var(--yellow)}.facebook-section p,.facebook-section a{font-size:14px}.facebook-section a{color:var(--white);background-color:#1877F2;border-radius:5px;padding:0.3em}@media (width>= 700px){.facebook-section p,.facebook-section a{font-size:unset}.facebook-section{min-height:45px}}.grid-button{width:30px;height:30px;filter:brightness(0) saturate(100%) invert(90%) sepia(67%) saturate(5858%) hue-rotate(325deg) brightness(104%) contrast(104%);position:absolute;top:0;right:0;margin:1em;display:none}.mobile-search-icon{position:absolute;top:0;margin:1em;font-size:1.3rem;font-weight:bolder;color:var(--yellow);display:none}@media (width <= 1000px){.grid-button{display:block}.mobile-search-icon{display:block}}.offcanvas{background-color:var(--gray)}.offcanvas .logo-box{margin:unset}.offcanvas-header{background-color:var(--dark-gray)}.my-buttons{border:none;outline:none;padding:0.5em;border-radius:8px;background-color:var(--yellow);color:var(--dark-gray);position:relative}.my-buttons i,.offcanvas nav .nav-item a .icons,.my-buttons img{position:absolute;left:0;margin-left:1em;top:50%;transform:translateY(-50%)}.my-buttons img{width:25px;height:25px}.offcanvas .my-buttons{width:60%}.offcanvas nav{width:60%}.offcanvas nav li{list-style:none}.offcanvas nav .nav-item{background-color:var(--dark-gray);margin:0.5em;padding:0.5em;border-radius:8px}.offcanvas nav .nav-item a{display:block;text-align:center;position:relative}.offcanvas nav .nav-item a .icons{height:15px;width:15px}.lottery{margin:1em;width:70%}.floating-button{position:fixed;bottom:0;margin:1em}.floating-button .my-buttons{font-size:12px;width:5.5rem;padding-right:1em;text-align:end}.floating-button .my-buttons img{width:15px;height:15px;margin-left:0.5em}.splide__arrow{display:none}:root{--yellow:#E6BE4A;--gold:#E6BE4A;--gold-deep:#c99e33;--green:#1E9E5E;--green-card:#0F7A45;--red:#C0392B;--white:#F5E9C8;--glass-bg:rgba(15,122,69,0.16);--glass-inner:rgba(4,20,11,0.55);--glass-border:rgba(230,190,74,0.42)}body{background:#04140b !important;background-image:radial-gradient(circle at 12% 8%,rgba(230,190,74,0.10),transparent 38%),radial-gradient(circle at 88% 22%,rgba(30,158,94,0.16),transparent 42%),radial-gradient(circle at 50% 100%,rgba(15,122,69,0.18),transparent 55%),linear-gradient(160deg,#04140b 0%,#0a2a18 50%,#03100a 100%) !important;background-attachment:fixed !important;color:var(--white)}.card{background:var(--glass-bg) !important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(0,0,0,0.20)}.card .card-inner{background:var(--glass-inner) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.07);border-radius:12px}.card-inner.home-image{background:transparent !important;border:none}.mini-cards .mini-card{background:rgba(30,158,94,0.14) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(230,190,74,0.25);border-radius:12px}.card h1.bangla,.card h2.bangla,.mini-cards h4.bangla{color:var(--gold);text-shadow:0 1px 6px rgba(0,0,0,0.45)}.agent p span{color:var(--gold) !important}.agent-id{background:linear-gradient(135deg,var(--gold),var(--gold-deep)) !important;box-shadow:0 2px 12px rgba(230,190,74,0.35)}.my-badge{background:rgba(30,158,94,0.9) !important;color:#EAFFF2}.tiny-buttons{border:1px solid rgba(255,255,255,0.14) !important;border-radius:7px;backdrop-filter:blur(4px);transition:transform .15s ease,box-shadow .15s ease}.tiny-buttons.green{background:rgba(30,158,94,0.88) !important}.tiny-buttons.red{background:rgba(192,57,43,0.88) !important}.tiny-buttons.yellow{background:linear-gradient(135deg,var(--gold),var(--gold-deep)) !important;color:#0A2116 !important}.tiny-buttons:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,0.3)}.agents-table tbody tr,.proxy-table tr{border-bottom:0.5px solid rgba(230,190,74,0.15)}.accordion-item{background:rgba(4,20,11,0.4) !important;border:1px solid rgba(230,190,74,0.18) !important;border-radius:10px !important;margin-bottom:8px;overflow:hidden}.accordion-button{background:rgba(15,122,69,0.22) !important;color:var(--white) !important;backdrop-filter:blur(6px)}.accordion-button:not(.collapsed){background:rgba(15,122,69,0.4) !important;color:var(--gold) !important}.accordion-button:focus{box-shadow:0 0 0 2px rgba(230,190,74,0.3)}.accordion-body{background:rgba(4,20,11,0.5);color:#cfe6d8}.seo-content-block{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10);padding:1.6em 1.4em;margin-top:1.2em;color:#e3f2e9;line-height:1.9}.seo-content-block h2{color:var(--gold);font-size:22px;margin:0 0 .6em;text-shadow:0 1px 6px rgba(0,0,0,.45)}.seo-content-block h3{color:#7fe0ab;font-size:17px;margin:1.2em 0 .4em}.seo-content-block p{margin:0 0 1em;font-size:15px}.seo-content-block ul,.seo-content-block ol{margin:0 0 1em;padding-left:1.3em}.seo-content-block li{margin-bottom:.5em;font-size:15px}.seo-content-block strong{color:var(--gold)}.seo-content-block a{color:#7fe0ab;text-decoration:underline}.seo-content-block table{width:100%;border-collapse:collapse;margin:.5em 0 1.2em}.seo-content-block th{background:rgba(15,122,69,0.35);color:var(--gold);padding:8px 10px;text-align:left;font-size:14px}.seo-content-block td{border-bottom:0.5px solid rgba(230,190,74,0.15);padding:8px 10px;font-size:14px}@supports not (backdrop-filter:blur(1px)){.card{background:rgba(15,122,69,0.9) !important}.card .card-inner{background:rgba(4,20,11,0.92) !important}.mini-cards .mini-card{background:rgba(15,122,69,0.85) !important}.seo-content-block{background:rgba(15,122,69,0.9)}}.seo-block{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10);padding:1.5em 1.4em;margin-top:1.2em;color:#e3f2e9;line-height:1.9}.seo-head{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(230,190,74,0.12),rgba(30,158,94,0.10));border:1.5px solid rgba(230,190,74,0.5);border-radius:12px;padding:11px 16px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.08)}.seo-icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));display:flex;align-items:center;justify-content:center;color:#0A2116;font-size:19px;box-shadow:0 3px 14px rgba(230,190,74,0.4)}.seo-block h2{color:#F5E9C8;font-size:20px;font-weight:600;margin:0;line-height:1.4}.seo-block p{margin:0 0 1em;font-size:15px}.seo-block strong{color:var(--gold)}.seo-block a{color:#7fe0ab;text-decoration:underline}.seo-note{background:rgba(4,20,11,0.5);border-left:3px solid #1E9E5E;border-radius:0 10px 10px 0;padding:12px 14px;margin:14px 0}.seo-note-label{color:#7fe0ab;font-weight:600;font-size:13px;display:block;margin-bottom:4px}.seo-note p{margin:0;font-size:13.5px;color:#cfe6d8}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.seo-card{display:flex;gap:10px;align-items:center;background:rgba(30,158,94,0.14);border:1px solid rgba(230,190,74,0.25);border-left:3px solid var(--gold);border-radius:11px;padding:12px}.seo-num{width:30px;height:30px;flex-shrink:0;border-radius:50%;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.gold-bg{background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#0A2116}.green-bg{background:#1E9E5E;color:#fff}.seo-card-title{display:block;color:var(--gold);font-size:14px;font-weight:600}.seo-card-title.green-t,.green-t{color:#7fe0ab}.seo-card-desc{display:block;color:#a8d5bd;font-size:12px;line-height:1.6}.seo-steps{display:flex;flex-direction:column;gap:8px;margin:12px 0}.seo-step{display:flex;gap:12px;align-items:flex-start;background:rgba(4,20,11,0.5);border-radius:10px;padding:11px 13px}.seo-step-num{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#0A2116;font-weight:700;display:flex;align-items:center;justify-content:center}.seo-step div{font-size:13.5px;color:#e3f2e9;padding-top:4px}.seo-list{list-style:none;padding:0;margin:8px 0 1em}.seo-list li{display:flex;gap:10px;align-items:flex-start;background:rgba(4,20,11,0.4);border-radius:9px;padding:10px 12px;margin-bottom:7px;font-size:14px}.seo-list li i{color:var(--gold);margin-top:3px;flex-shrink:0;width:18px;text-align:center}.seo-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.seo-mini{background:rgba(4,20,11,0.45);border:1px solid rgba(230,190,74,0.2);border-radius:11px;padding:13px}.seo-mini-head{font-size:14px;font-weight:600;margin-bottom:6px}.seo-mini p{font-size:13px;margin:0;color:#cfe6d8}.seo-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.seo-chip{display:flex;gap:8px;align-items:center;background:rgba(4,20,11,0.4);border-radius:9px;padding:10px 12px;font-size:13px;color:#e3f2e9}.seo-chip i{color:#1E9E5E}.seo-tip{background:linear-gradient(135deg,rgba(230,190,74,0.15),rgba(30,158,94,0.12));border:1px dashed rgba(230,190,74,0.4);border-radius:11px;padding:12px 14px;margin-top:10px;font-size:13.5px;color:#f5e9c8;line-height:1.8}.seo-tip i{color:var(--gold)}@media (max-width:600px){.seo-grid,.seo-grid2,.seo-chips{grid-template-columns:1fr}.seo-block h2{font-size:17px}.seo-icon{width:38px;height:38px;font-size:16px}.seo-head{padding:9px 12px}}.seo-icon i{display:inline-block}.icon-pulse i{animation:iconPulse 2.2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}.icon-float i{animation:iconFloat 2.6s ease-in-out infinite}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.icon-wiggle i{animation:iconWiggle 2.4s ease-in-out infinite;transform-origin:bottom left}@keyframes iconWiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}}.icon-slide i{animation:iconSlide 1.8s ease-in-out infinite}@keyframes iconSlide{0%,100%{transform:translateX(0);opacity:1}50%{transform:translateX(4px);opacity:.75}}.icon-glow{animation:iconGlowBox 2.4s ease-in-out infinite}@keyframes iconGlowBox{0%,100%{box-shadow:0 3px 14px rgba(230,190,74,0.4)}50%{box-shadow:0 3px 22px rgba(230,190,74,0.85),0 0 0 4px rgba(230,190,74,0.12)}}.icon-swing i{animation:iconSwing 2.2s ease-in-out infinite;transform-origin:top center}@keyframes iconSwing{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.icon-spin i{animation:iconSpin 3.5s linear infinite}@keyframes iconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.12)}100%{transform:rotate(360deg) scale(1)}}@media (prefers-reduced-motion:reduce){.seo-icon i,.icon-glow{animation:none !important}}.floating-button .my-buttons{animation:supportBounce 2s ease-in-out infinite;position:relative;z-index:2;overflow:visible}.floating-button .my-buttons::before{content:"";position:absolute;inset:0;border-radius:50px;background:rgba(30,158,94,0.5);animation:supportPing 1.8s cubic-bezier(0,0,0.2,1) infinite;z-index:-1;pointer-events:none}@keyframes supportBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes supportPing{0%{transform:scale(1);opacity:0.6}100%{transform:scale(1.4);opacity:0}}@media (prefers-reduced-motion:reduce){.floating-button .my-buttons,.floating-button .my-buttons::before{animation:none !important}}.chat-modal-content{background:linear-gradient(160deg,rgba(15,122,69,0.3),rgba(10,33,22,0.55));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1.5px solid rgba(230,190,74,0.4);border-radius:18px;box-shadow:0 12px 50px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08)}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1em 1.2em;border-bottom:1px solid rgba(230,190,74,0.2)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-header-icon{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--gold),var(--gold-deep));display:flex;align-items:center;justify-content:center;color:#0A2116;font-size:18px}.chat-header-title{color:#F5E9C8;font-size:15px;font-weight:600}.chat-header-subtitle{color:#7fe0ab;font-size:12px;display:flex;align-items:center;gap:5px}.chat-online-dot-inline{position:static;display:inline-block;width:9px;height:9px;margin-left:4px;vertical-align:middle}.chat-header-title .chat-online-dot-inline{border-color:transparent}.chat-body{max-height:60vh;overflow-y:auto;padding:0.8em;display:flex;flex-direction:column;gap:8px}.chat-agent-row{display:flex !important;align-items:center;gap:12px;background:rgba(4,20,11,0.5);border:1px solid rgba(230,190,74,0.18);border-radius:13px;padding:10px 12px;transition:background .15s ease}.chat-agent-row:hover{background:rgba(30,158,94,0.12)}.chat-avatar-wrap{position:relative;flex-shrink:0}.chat-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(230,190,74,0.35)}.chat-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#0A2116;font-size:18px}.chat-online-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#25D366;border:2px solid #0A2116;animation:chatOnlinePulse 1.6s ease-in-out infinite}@keyframes chatOnlinePulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,0.6)}50%{box-shadow:0 0 0 4px rgba(37,211,102,0)}}.chat-agent-info{flex:1;min-width:0;display:flex;flex-direction:column}.chat-agent-name{color:#F5E9C8;font-size:14px;font-weight:600}.chat-agent-status{color:#7fe0ab;font-size:11.5px}.chat-message-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:rgba(30,158,94,0.85);display:flex;align-items:center;justify-content:center}.chat-message-btn .wa-icon-animated{width:22px;height:22px}@media (prefers-reduced-motion:reduce){.chat-online-dot{animation:none !important}}.verify-wrap{padding:1.5em 0}.verify-search-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;padding:1.5em 1.4em;margin-bottom:1.2em;box-shadow:0 8px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10)}.verify-form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.verify-form-group{flex:1;min-width:160px}.verify-form-group label{display:block;color:#a8d5bd;font-size:12.5px;margin-bottom:6px}.verify-form-group select,.verify-form-group input{width:100%;padding:10px 12px;border-radius:9px;background:rgba(4,20,11,0.55);border:1px solid rgba(230,190,74,0.25);color:#F5E9C8;font-size:14px}.verify-form-group select:focus,.verify-form-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,190,74,0.15)}.verify-submit-btn{width:100%;border:none;border-radius:10px;padding:12px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#0A2116;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 14px rgba(230,190,74,0.35);transition:transform .15s ease}.verify-submit-btn:hover{transform:translateY(-1px)}.verify-profile-card{position:relative;background:linear-gradient(160deg,rgba(15,122,69,0.22),rgba(10,33,22,0.35));backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1.5px solid rgba(230,190,74,0.5);border-radius:18px;padding:2em 1.5em 1.6em;text-align:center;margin-bottom:1.2em;box-shadow:0 10px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}.verify-badge{position:absolute;top:14px;right:14px;background:rgba(30,158,94,0.9);color:#EAFFF2;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:20px;display:flex;align-items:center;gap:5px}.verify-avatar{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-deep));margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:34px;color:#0A2116;box-shadow:0 4px 18px rgba(230,190,74,0.4),0 0 0 4px rgba(230,190,74,0.15);overflow:hidden}.verify-avatar img{width:100%;height:100%;object-fit:cover}.verify-name{color:#F5E9C8;font-size:21px;font-weight:600;margin:0 0 4px}.verify-role{color:#7fe0ab;font-size:13.5px;margin-bottom:12px}.verify-id-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(230,190,74,0.12);border:1px solid rgba(230,190,74,0.3);color:var(--gold);font-size:13px;font-weight:600;padding:7px 16px;border-radius:20px;margin-bottom:16px}.verify-whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(30,158,94,0.9);color:#EAFFF2;font-size:14.5px;font-weight:600;padding:11px 24px;border-radius:10px;text-decoration:none;box-shadow:0 3px 14px rgba(30,158,94,0.35);transition:transform .15s ease}.verify-whatsapp-btn:hover{transform:translateY(-1px);color:#EAFFF2}.verify-whatsapp-btn i{font-size:18px}.verify-upline-card{background:var(--glass-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--glass-border);border-radius:16px;padding:1.4em;margin-bottom:1.2em;box-shadow:0 8px 40px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.10)}.verify-upline-note{color:#a8d5bd;font-size:13px;line-height:1.7;margin:4px 0 14px}.verify-upline-list{display:flex;flex-direction:column;gap:9px}.verify-upline-item{display:flex;align-items:center;gap:12px;background:rgba(4,20,11,0.45);border:1px solid rgba(230,190,74,0.18);border-radius:11px;padding:10px 13px}.verify-upline-avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:rgba(30,158,94,0.3);color:#7fe0ab;display:flex;align-items:center;justify-content:center;font-size:17px;overflow:hidden}.verify-upline-avatar img{width:100%;height:100%;object-fit:cover}.verify-upline-info{flex:1;display:flex;flex-direction:column;min-width:0}.verify-upline-role{color:var(--gold);font-size:11.5px;font-weight:600}.verify-upline-name{color:#F5E9C8;font-size:14px}.verify-upline-number{color:#a8d5bd;font-size:12px}.verify-upline-wa{width:38px;height:38px;border-radius:50%;flex-shrink:0;background:rgba(30,158,94,0.9);color:#EAFFF2;display:flex;align-items:center;justify-content:center;font-size:17px;text-decoration:none}.verify-report-row{text-align:center;margin-bottom:1.5em}.verify-report-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(192,57,43,0.85);color:#F5E9C8;font-size:14px;font-weight:600;padding:11px 22px;border-radius:10px;text-decoration:none;border:1px solid rgba(255,255,255,0.12);transition:transform .15s ease}.verify-report-btn:hover{transform:translateY(-1px);color:#F5E9C8}.verify-not-found{text-align:center;padding:2.5em 1.5em;background:var(--glass-bg);backdrop-filter:blur(18px);border:1px solid rgba(230,190,74,0.3);border-radius:16px}.verify-not-found i{font-size:44px;color:var(--gold);margin-bottom:14px}.verify-not-found h3{color:#F5E9C8;font-size:17px;margin:0 0 8px}.verify-not-found p{color:#a8d5bd;font-size:13.5px;margin:0 0 16px}.verify-cs-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--gold),var(--gold-deep));color:#0A2116;font-size:13.5px;font-weight:600;padding:10px 20px;border-radius:9px;text-decoration:none}@media (max-width:600px){.verify-form-row{flex-direction:column}.verify-name{font-size:18px}.verify-avatar{width:76px;height:76px;font-size:28px}}*{font-family:'Hind Siliguri','Poppins',sans-serif}.agent img.rounded-circle{width:44px !important;height:44px !important;max-width:44px !important;max-height:44px !important;min-width:44px !important;min-height:44px !important;object-fit:cover;border:2px solid rgba(230,190,74,0.4);display:block;flex-shrink:0}@media (max-width:770px){.agent img.rounded-circle{width:36px !important;height:36px !important;max-width:36px !important;max-height:36px !important;min-width:36px !important;min-height:36px !important}}.wa-icon-animated{width:34px;height:34px;display:inline-block;vertical-align:middle}.app-links .wa-icon-animated{width:32px;height:32px}.modal-links .wa-icon-animated,.detail-wa .wa-icon-animated{width:28px;height:28px;margin-right:4px}.agents-table tbody tr:hover{background:rgba(230,190,74,0.06)}.featured-pill{position:absolute;top:-9px;left:-4px;z-index:6;background:none;border:none;box-shadow:none;padding:0;margin:0;line-height:1;font-size:0;display:inline-block;animation:flameBob 1.8s ease-in-out infinite}.featured-pill img,.featured-pill svg{width:24px;height:24px;display:block;filter:drop-shadow(0 0 4px rgba(255,122,0,0.6))}@keyframes flameBob{0%,100%{transform:translateY(0) rotate(-4deg) scale(1)}50%{transform:translateY(-3px) rotate(4deg) scale(1.08)}}@media (max-width:770px){.featured-pill{top:-7px;left:-3px}.featured-pill img,.featured-pill svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.featured-pill{animation:none !important}}.featured-badge{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(135deg,#ff6b35,#e63900);color:#ffffff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:8px;vertical-align:middle;white-space:nowrap}.agent-avatar-wrap{position:relative;display:inline-flex;width:44px;height:44px;flex-shrink:0}.agent-avatar-wrap>img{width:100%;height:100%;object-fit:cover}@media (max-width:770px){.agent-avatar-wrap{width:36px;height:36px}}.agent-avatar-wrap + p,.agent-avatar-wrap ~ p{padding-top:9px}.agent-presence{position:absolute;top:-2px;left:calc(100% - 8px);display:flex;align-items:center;gap:2px;background:#eafff0;border:1px solid #8fe0ac;border-radius:6px 6px 2px 6px;padding:1px 3px;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,0.35);white-space:nowrap;line-height:1.1;cursor:default}.agent-presence .ap-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.agent-presence .ap-txt{font-size:6.5px;font-weight:700;letter-spacing:0.15px;font-family:Poppins,sans-serif}.agent-presence.st-active .ap-dot{background:#25D366;animation:apBlink 1.2s ease-in-out infinite,apPulse 2s infinite}.agent-presence.st-away{background:#fff8e6;border-color:#eccf7c}.agent-presence.st-away .ap-dot{background:#f0b41e}.agent-presence.st-away .ap-txt{color:#9c6f00}.agent-presence.st-offline{background:#ececec;border-color:#bdbdbd}.agent-presence.st-offline .ap-dot{background:#4a4a4a}.agent-presence.st-offline .ap-txt{color:#5c5c5c}@keyframes apBlink{0%,100%{opacity:1}50%{opacity:0.35}}@keyframes apPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.6)}70%{box-shadow:0 0 0 5px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}@media (max-width:770px){.agent-presence{top:-2px;left:calc(100% - 7px);padding:1px 2px}.agent-presence .ap-dot{width:4px;height:4px}.agent-presence .ap-txt{font-size:5.5px}}@media (prefers-reduced-motion:reduce){.agent-presence.st-active .ap-dot{animation:none !important}}#SupportModal .modal-dialog{position:fixed;right:18px;bottom:18px;margin:0;width:340px;max-width:calc(100vw - 36px);transform:translateY(24px);transition:transform .25s ease,opacity .25s ease}#SupportModal.show .modal-dialog{transform:translateY(0)}@media (max-width:576px){#SupportModal .modal-dialog{right:10px;left:10px;bottom:10px;width:auto}}#SupportModal .chat-modal-content{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.55)}.chat-header-avatars{display:flex;align-items:center;margin-right:2px}.chat-header-avatars img,.chat-header-avatars .chat-mini-fallback{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid #0F3D26;margin-left:-8px;background:#1e9e5e;display:inline-flex;align-items:center;justify-content:center;color:#eafff0;font-size:11px}.chat-header-avatars img:first-child,.chat-header-avatars .chat-mini-fallback:first-child{margin-left:0}.chat-welcome-bubble{background:rgba(30,158,94,0.14);border:1px solid rgba(127,224,171,0.25);color:#d9f3e4;font-size:12.5px;line-height:1.55;border-radius:12px 12px 12px 3px;padding:9px 12px;margin:4px 0 10px}.chat-list-label{color:#7fe0ab;font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;margin:2px 0 6px}.chat-start-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#25D366,#128C4B);color:#ffffff;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:99px;text-decoration:none;white-space:nowrap;box-shadow:0 3px 10px rgba(18,140,75,0.45);transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.chat-start-btn:hover{color:#ffffff;transform:translateY(-1px);box-shadow:0 5px 14px rgba(18,140,75,0.6)}.chat-start-btn .wa-icon-animated{width:15px;height:15px}.chat-footer-note{text-align:center;color:#6fae8d;font-size:10px;padding:7px 10px 9px;border-top:1px solid rgba(127,224,171,0.15);background:rgba(0,0,0,0.18)}.chat-body{max-height:46vh;overflow-y:auto}.rating-num{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:2px 8px;border-radius:99px;background:rgba(230,190,74,0.14);border:1px solid rgba(230,190,74,0.45);color:var(--yellow,#FFDF34);font-size:10px;font-weight:700;letter-spacing:.3px;font-family:Poppins,sans-serif;white-space:nowrap}.rating-star{position:relative;display:inline-block;font-size:11px;line-height:1}.rating-star .star-bg{color:rgba(255,255,255,0.22)}.rating-star .star-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden;white-space:nowrap;color:var(--yellow,#FFDF34);pointer-events:none}@media (max-width:770px){.rating-num{font-size:8.5px;padding:1px 6px}.rating-star{font-size:9px}}.agents-table{border-collapse:separate !important;border-spacing:0 9px}.agents-table tbody tr{animation:agentRowIn .45s ease both;transition:transform .2s ease}.agents-table tbody tr td{border-top:1px solid rgba(230,190,74,0.22);border-bottom:1px solid rgba(230,190,74,0.22);animation:borderBreath 3s ease-in-out infinite}.agents-table tbody tr td:first-child{border-left:5px solid rgba(230,190,74,0.22);border-radius:12px 0 0 12px;position:relative;padding-left:12px}.agents-table tbody tr td:last-child{padding-right:12px}.agents-table tbody tr td:last-child{border-right:1px solid rgba(230,190,74,0.22);border-radius:0 12px 12px 0}.agents-table tbody tr:hover{transform:translateY(-2px)}.agents-table tbody tr:hover td{animation:none;border-color:rgba(230,190,74,0.6);box-shadow:0 4px 14px rgba(0,0,0,0.22)}@keyframes borderBreath{0%,100%{border-color:rgba(230,190,74,0.14)}50%{border-color:rgba(230,190,74,0.5)}}.agents-table tbody tr:nth-child(1){animation-delay:.03s}.agents-table tbody tr:nth-child(2){animation-delay:.08s}.agents-table tbody tr:nth-child(3){animation-delay:.13s}.agents-table tbody tr:nth-child(4){animation-delay:.18s}.agents-table tbody tr:nth-child(5){animation-delay:.23s}.agents-table tbody tr:nth-child(6){animation-delay:.28s}@keyframes agentRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.agents-table tbody tr,.agents-table tbody tr td{animation:none !important}.agents-table tbody tr:hover{transform:none}}.agents-table td:nth-child(2)>.d-flex{justify-content:flex-start !important}.agents-table td:nth-child(2){width:10%;white-space:nowrap}.agents-table td:nth-child(3){width:14%;text-align:center}.seo-h1{font-size:15px;font-weight:700;color:var(--yellow,#FFDF34);margin:14px 0 0;letter-spacing:.2px}@media (max-width:770px){.seo-h1{font-size:12px}}body.container{max-width:1440px;width:97%}.table-box{padding:1em 0.5em}.agents-table td:nth-child(2){padding-right:14px}@media (max-width:770px){.agents-table td:nth-child(2){padding-right:8px}}#ticker-box{display:flex !important;visibility:hidden;min-height:36px}#ticker-box.ticker-ready{visibility:visible}#ticker-box.ticker-legacy-flex{display:flex !important;align-items:center;gap:0;background:linear-gradient(90deg,rgba(230,190,74,0.16),rgba(23,147,78,0.22));border:1px solid rgba(230,190,74,0.35);border-radius:99px;overflow:hidden;padding:0}.ticker-label{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;background:linear-gradient(135deg,var(--yellow,#FFDF34),#d9a514);color:#1a1a06;font-weight:700;font-size:11px;padding:6px 13px;border-radius:99px;margin:3px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.ticker-label .fa-bullhorn{animation:tickerShake 2.4s ease-in-out infinite}@keyframes tickerShake{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-12deg)}93%{transform:rotate(10deg)}96%{transform:rotate(-6deg)}}#ticker-box ul{margin:0}.ticker-item{cursor:pointer;transition:color .15s ease}.ticker-item:hover{color:var(--yellow,#FFDF34);text-decoration:underline}.ticker-item .ticker-dot{color:var(--yellow,#FFDF34);margin:0 8px}.notice-modal-content{background:linear-gradient(160deg,rgba(15,122,69,0.55),rgba(10,33,22,0.95));backdrop-filter:blur(16px);border:1.5px solid rgba(230,190,74,0.4);border-radius:16px;color:#eafff0}.notice-modal-content .modal-header{border-bottom:1px solid rgba(230,190,74,0.2)}.notice-modal-title{color:#F5E9C8;font-size:16px;font-weight:700}.notice-modal-time{color:#7fe0ab;font-size:11px}.notice-modal-body{font-size:13.5px;line-height:1.7;color:#d9f3e4;white-space:pre-line}#WelcomePopup .modal-dialog{max-width:420px}.wp-content{background:linear-gradient(155deg,#0F3D26 0%,#071e14 70%);border:2px solid rgba(230,190,74,0.55);border-radius:20px;overflow:hidden;position:relative;color:#eafff0;box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 40px rgba(230,190,74,0.15)}.wp-content::before{content:'';position:absolute;inset:8px;border:1px dashed rgba(230,190,74,0.35);border-radius:14px;pointer-events:none}.wp-ribbon{background:linear-gradient(135deg,var(--yellow,#FFDF34),#d9a514);color:#1a1a06;text-align:center;font-weight:700;font-size:12px;padding:7px 12px;letter-spacing:.5px}.wp-image{display:block;width:100%;max-height:200px;object-fit:cover;border-bottom:1px solid rgba(230,190,74,0.3)}.wp-body{padding:22px 24px 10px;text-align:center;position:relative}.wp-emoji{font-size:40px;line-height:1;margin-bottom:8px;animation:wpBounce 1.8s ease-in-out infinite}@keyframes wpBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.wp-title{color:#F5E9C8;font-size:18px;font-weight:700;margin-bottom:8px}.wp-text{color:#cfe8da;font-size:13px;line-height:1.65}.wp-actions{display:flex;gap:10px;justify-content:center;padding:16px 24px 22px;position:relative}.wp-btn-primary{background:linear-gradient(135deg,#25D366,#128C4B);color:#fff;font-weight:700;font-size:13px;padding:9px 20px;border-radius:99px;text-decoration:none;box-shadow:0 4px 14px rgba(18,140,75,0.5)}.wp-btn-primary:hover{color:#fff;transform:translateY(-1px)}.wp-btn-ghost{background:transparent;border:1px solid rgba(230,190,74,0.5);color:var(--yellow,#FFDF34);font-weight:600;font-size:13px;padding:9px 18px;border-radius:99px;text-decoration:none}.wp-btn-ghost:hover{color:var(--yellow,#FFDF34);background:rgba(230,190,74,0.1)}.wp-close{position:absolute;top:10px;right:12px;z-index:3;background:rgba(0,0,0,0.35);border:none;color:#eafff0;width:28px;height:28px;border-radius:50%;font-size:13px;cursor:pointer}#ticker-box ul{flex:1;position:relative;min-width:0;height:28px;overflow:hidden;margin:0 !important;padding:0 !important}#ticker-box li{margin-top:0 !important;line-height:28px;font-size:13px}#ticker-box.ticker-ready{min-height:34px}.agents-table td:first-child{min-width:170px}@media (max-width:770px){.agents-table td:first-child{min-width:128px}.agents-table .agent p{font-size:10px}.agents-table td:nth-child(2){padding-right:6px}}.agent p span{color:#ffa235}.tiny-buttons{min-height:32px;min-width:64px;padding:6px 14px}.app-links{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.chat-agent-status{color:#9becc0}.chat-header-subtitle{color:#9becc0}.chat-footer-note{color:#8fc9ab}.agent-presence.st-away .ap-txt{color:#7a5600}.splide,.home-image{min-height:180px}.splide__slide img{aspect-ratio:8 / 3;object-fit:cover}@media (max-width:770px){.splide,.home-image{min-height:120px}}
/* ===== WINPKS-INSPIRED LIVE SEARCH & AUDIT BAR ===== */
.wp-search-card{background:#051812;border:1px solid rgba(16,185,129,0.3);border-radius:16px;padding:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,0.5);margin-top:10px;margin-bottom:14px}
.wp-search-input-wrap{position:relative;width:100%}
.wp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#34d399;font-size:12px;pointer-events:none;z-index:2}
.wp-search-input{width:100%;background:#030e0a;border:1px solid rgba(16,185,129,0.3);color:#ffffff;padding:8px 34px 8px 32px;border-radius:12px;font-size:13px;font-family:'Hind Siliguri','Poppins',sans-serif;box-shadow:inset 0 2px 4px rgba(0,0,0,0.5);outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.wp-search-input:focus{border-color:#34d399;box-shadow:0 0 0 2px rgba(52,211,153,0.2),inset 0 2px 4px rgba(0,0,0,0.5)}
.wp-search-input::placeholder{color:rgba(148,163,184,0.7);font-size:12px}
.wp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#34d399;font-size:12px;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;z-index:2}
.wp-search-clear:hover{color:#ffffff}
.wp-quick-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;font-size:11px;font-family:'Hind Siliguri',sans-serif;margin-top:8px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.wp-quick-chips::-webkit-scrollbar{display:none}
.wp-quick-label{color:#94a3b8;font-size:10.5px;flex-shrink:0;font-weight:500}
.quick-chip{background:rgba(0,0,0,0.45);border:1px solid rgba(16,185,129,0.3);color:#6ee7b7;font-weight:600;font-size:10.5px;padding:3px 9px;border-radius:8px;cursor:pointer;flex-shrink:0;transition:all .15s ease;user-select:none;font-family:'Hind Siliguri',sans-serif}
.quick-chip:hover{background:rgba(6,78,59,0.6);color:#a7f3d0;border-color:#34d399}
.quick-chip.active{background:#10b981 !important;color:#000000 !important;font-weight:800 !important;border:1px solid #10b981 !important;box-shadow:0 2px 8px rgba(16,185,129,0.4) !important}
.wp-audit-strip{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:8px;border-top:1px solid rgba(16,185,129,0.2);font-size:10.5px;font-family:'Hind Siliguri',sans-serif;flex-wrap:wrap;gap:6px}
.wp-radar-group{display:flex;align-items:center;gap:6px}
.wp-radar-pulse{position:relative;display:inline-flex;width:8px;height:8px}
.wp-radar-pulse .wp-ping{position:absolute;inset:0;border-radius:50%;background:#34d399;opacity:.75;animation:wpRadarPing 1.5s cubic-bezier(0,0,.2,1) infinite}
.wp-radar-pulse .wp-dot{position:relative;display:inline-flex;border-radius:50%;width:8px;height:8px;background:#10b981}
@keyframes wpRadarPing{75%,100%{transform:scale(2.4);opacity:0}}
.wp-audit-label{color:#cbd5e1;font-size:10px}
.wp-audit-time{color:#fcd34d;font-weight:700;font-size:10.5px;font-family:'Poppins',sans-serif}
.wp-verified-badge{color:#6ee7b7;background:rgba(6,78,59,0.8);border:1px solid rgba(16,185,129,0.3);padding:2px 8px;border-radius:6px;font-size:10px;display:inline-flex;align-items:center;gap:4px;font-weight:600}
.wp-shield-icon{color:#34d399;font-size:10px}
@media (max-width:576px){.wp-search-card{padding:10px}.wp-audit-strip{font-size:10px}}

/* ==========================================================================
   COMPREHENSIVE FRONTEND MOBILE OPTIMIZATION SYSTEM (<= 768px & <= 480px)
   ========================================================================== */

/* 1. Global Viewport & Container Reset */
html, body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100% !important;
}

body, body.site-body {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

.site-body .container, .site-body .container-fluid {
    width: 100% !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (max-width: 768px) {
    .site-body .container, .site-body .container-fluid {
        max-width: 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}
@media (max-width: 480px) {
    .site-body .container, .site-body .container-fluid {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
}

.t3-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* ===== 2. HEADER BANNER LOGO & FLOATING OVERLAY ACTIONS ===== */
.header-banner-wrap {
    position: relative !important;
    width: 100% !important;
    margin: 8px auto 12px auto !important;
    display: block !important;
    text-align: center !important;
}

.header-banner-wrap .logo-box {
    margin: 0 auto !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.header-logo-link {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 0 !important;
    text-decoration: none !important;
}

.logo,
.header-banner-img {
    width: 100% !important;
    max-width: 660px !important;
    height: auto !important;
    max-height: 185px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(230, 190, 74, 0.35) !important;
    background: #04140b !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.header-banner-wrap:hover .logo {
    box-shadow: 0 10px 36px rgba(230, 190, 74, 0.25), 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

/* Floating Action Overlay Buttons */
.header-action-btn {
    position: absolute !important;
    top: 10px !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    background: rgba(4, 20, 11, 0.72) !important;
    backdrop-filter: blur(12px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
    border: 1px solid rgba(230, 190, 74, 0.55) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 30 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    padding: 0 !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    outline: none !important;
    filter: none !important;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.header-action-btn:hover,
.header-action-btn:active {
    transform: scale(1.06) !important;
    background: rgba(15, 122, 69, 0.75) !important;
    border-color: var(--yellow) !important;
    box-shadow: 0 6px 18px rgba(230, 190, 74, 0.35) !important;
}

.header-search-btn,
.mobile-search-icon-link {
    left: 10px !important;
    right: auto !important;
}

.header-menu-btn,
.grid-button {
    right: 10px !important;
    left: auto !important;
    background: rgba(4, 20, 11, 0.72) !important;
    filter: none !important;
}

.header-action-btn .mobile-search-icon {
    position: static !important;
    margin: 0 !important;
    font-size: 15px !important;
    color: var(--yellow) !important;
    display: block !important;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.6)) !important;
}

.grid-button-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 auto !important;
    filter: brightness(0) saturate(100%) invert(90%) sepia(67%) saturate(5858%) hue-rotate(325deg) brightness(104%) contrast(104%) !important;
}

/* Mobile & Tablet Header Presentation */
@media (max-width: 1000px) {
    .header-action-btn,
    .mobile-search-icon-link,
    .grid-button {
        display: inline-flex !important;
    }
}

@media (max-width: 768px) {
    header .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .header-banner-wrap {
        margin: 4px 0 8px 0 !important;
    }

    .logo,
    .header-banner-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 155px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
        border: 1px solid rgba(230, 190, 74, 0.3) !important;
    }

    .header-action-btn {
        top: 8px !important;
    }

    .header-search-btn,
    .mobile-search-icon-link {
        left: 8px !important;
    }

    .header-menu-btn,
    .grid-button {
        right: 8px !important;
    }
}

@media (max-width: 420px) {
    .logo,
    .header-banner-img {
        max-height: 145px !important;
        border-radius: 10px !important;
    }

    .header-action-btn {
        top: 6px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .header-search-btn,
    .mobile-search-icon-link {
        left: 6px !important;
    }

    .header-menu-btn,
    .grid-button {
        right: 6px !important;
    }

    .header-action-btn .mobile-search-icon {
        font-size: 14px !important;
    }

    .grid-button-icon {
        width: 16px !important;
        height: 16px !important;
    }
}

    /* ===== WINPKS-INSPIRED BALANCED 1-LINE PILL NAVIGATION (100% BALANCED FULL-SCREEN FIT, ZERO OVERFLOW) ===== */
    nav {
        background: linear-gradient(135deg, rgba(4, 20, 11, 0.8), rgba(15, 122, 69, 0.25)) !important;
        backdrop-filter: blur(14px) saturate(140%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
        border: 1px solid rgba(230, 190, 74, 0.38) !important;
        border-radius: 12px !important;
        padding: 4px !important;
        margin: 6px 0 10px 0 !important;
        width: 100% !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
        overflow: hidden !important;
    }

    .nav-pills {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 3px !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    .nav-pills::-webkit-scrollbar {
        display: none !important;
    }

    .search-agent-button,
    .search-agent-li,
    .nav-pills li:has(.search-agent-button) {
        display: none !important;
    }

    .nav-pills .nav-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }

    .nav-pills .nav-item a,
    .nav-pill-btn {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 5px 2px !important;
        gap: 2px !important;
        font-size: 10.5px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        color: #e3f2e9 !important;
        background: rgba(4, 20, 11, 0.6) !important;
        border: 1px solid rgba(230, 190, 74, 0.22) !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
        text-align: center !important;
    }

    .nav-pills .nav-item a:hover,
    .nav-pill-btn:hover {
        transform: translateY(-1px) !important;
        background: rgba(30, 158, 94, 0.25) !important;
        border-color: rgba(230, 190, 74, 0.5) !important;
        color: #ffffff !important;
    }

    .nav-pills .nav-item a.active,
    .nav-pill-btn.active {
        background: linear-gradient(135deg, #E6BE4A 0%, #c99e33 100%) !important;
        border-color: #FFDF34 !important;
        color: #0A2116 !important;
        font-weight: 800 !important;
        box-shadow: 0 2px 10px rgba(230, 190, 74, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    }

    .nav-pills .nav-item a.active *,
    .nav-pill-btn.active * {
        color: #0A2116 !important;
        filter: none !important;
        text-shadow: none !important;
    }

    .nav-pill-icon {
        font-size: 13px !important;
        line-height: 1 !important;
        display: inline-block !important;
        transition: transform 0.2s ease !important;
    }

    .nav-pills .nav-item a:hover .nav-pill-icon,
    .nav-pill-btn:hover .nav-pill-icon {
        transform: scale(1.2) rotate(5deg) !important;
    }

    .nav-pills .nav-item a .icons {
        width: 13px !important;
        height: 13px !important;
    }

    /* Role Color Identity (Inactive) */
    .anim-home-icon { color: #34d399 !important; }
    .anim-crown-icon { color: #fbbf24 !important; }
    .anim-subadmin-icon { color: #2dd4bf !important; }
    .anim-super-icon { color: #fb923c !important; }
    .anim-master-icon { color: #4ade80 !important; }

    @media (max-width: 360px) {
        .nav-pills {
            gap: 2px !important;
        }
        .nav-pills .nav-item a,
        .nav-pill-btn {
            font-size: 9.5px !important;
            padding: 4px 1px !important;
            letter-spacing: -0.2px !important;
        }
        .nav-pill-icon {
            font-size: 11.5px !important;
        }
    }

/* 3. Ticker Box / Scrolling News on Mobile */
@media (max-width: 768px) {
    #ticker-box {
        width: 100% !important;
        margin-top: 6px !important;
        margin-bottom: 8px !important;
        min-height: 38px !important;
        height: 38px !important;
        border-radius: 99px !important;
        padding: 2px 6px 2px 2px !important;
        background: linear-gradient(90deg, rgba(230, 190, 74, 0.16), rgba(23, 147, 78, 0.22)) !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .ticker-label {
        height: 32px !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
        padding: 0 11px !important;
        margin: 0 6px 0 0 !important;
        border-radius: 99px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    #ticker-box ul {
        height: 100% !important;
        min-height: 32px !important;
        flex: 1 !important;
        position: relative !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
    }

    #ticker-box li {
        font-size: 14.5px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        color: #F5E9C8 !important;
        font-family: 'Hind Siliguri', sans-serif !important;
    }

    .ticker-item {
        font-size: 14.5px !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
        color: #F5E9C8 !important;
    }

    .ticker-item .ticker-dot {
        margin: 0 8px !important;
        font-size: 13px !important;
        color: var(--yellow, #FFDF34) !important;
    }

    @media (max-width: 360px) {
        .ticker-label {
            font-size: 10.5px !important;
            padding: 0 8px !important;
            margin-right: 4px !important;
        }
        #ticker-box li,
        .ticker-item {
            font-size: 13.5px !important;
        }
    }
}

/* ===== 4. SMART 3-COLUMN AGENT TABLE (DEMO 2-A: MODERN GLASS GOLD) ===== */
.table-box,
.row.table-box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px 0 !important;
    background: transparent !important;
    overflow-x: clip !important;
}

.agents-table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    table-layout: fixed !important; /* STRICT 100% CONTAINMENT - PREVENTS ANY RIGHT OVERFLOW */
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Section Headings (2 steps larger as requested) */
.agent-table-heading {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--yellow, #FFDF34) !important;
    text-align: center !important;
    letter-spacing: 0.3px !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.seo-h1 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--yellow, #FFDF34) !important;
    text-align: center !important;
    margin: 12px 0 6px !important;
    letter-spacing: 0.2px !important;
}

/* ===== Modern Sleek Table Headers (Option 3: Titanium Charcoal & Warm Gold Rim) ===== */
.agents-table thead {
    background: transparent !important;
}

.agents-table thead tr {
    background: linear-gradient(180deg, rgba(20, 24, 28, 0.96) 0%, rgba(12, 15, 18, 0.98) 100%) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(245, 158, 11, 0.45) !important;
}

.agents-table thead th {
    padding: 11px 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    vertical-align: middle !important;
    border-top: 1.5px solid rgba(245, 158, 11, 0.65) !important;
    border-bottom: 1.5px solid rgba(245, 158, 11, 0.45) !important;
    border-left: none !important;
    border-right: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
    background: transparent !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.agents-table thead th:first-child,
.agents-table thead th.col-agent-identity {
    color: #fde68a !important; /* Elegant Warm Gold Accent */
    border-left: 1.5px solid rgba(245, 158, 11, 0.65) !important;
    border-radius: 12px 0 0 12px !important;
    text-align: left !important;
    padding-left: 14px !important;
    width: 48% !important;
    max-width: 48% !important;
}

.agents-table thead th.col-agent-identity i {
    color: #f59e0b !important;
    filter: drop-shadow(0 0 4px rgba(245, 158, 11, 0.45)) !important;
}

.agents-table thead th:nth-child(2),
.agents-table thead th.col-agent-whatsapp {
    color: #f1f5f9 !important; /* Crisp Modern White */
    border-left: none !important;
    border-right: none !important;
    text-align: center !important;
    width: 38% !important;
    max-width: 38% !important;
}

.agents-table thead th.col-agent-whatsapp i {
    color: #22c55e !important; /* Clean Emerald Accent Dot */
    filter: drop-shadow(0 0 5px rgba(34, 197, 94, 0.45)) !important;
}

.agents-table thead th:last-child,
.agents-table thead th.col-agent-report {
    color: #cbd5e1 !important; /* Clean Muted Silver */
    border-right: 1.5px solid rgba(245, 158, 11, 0.65) !important;
    border-radius: 0 12px 12px 0 !important;
    text-align: center !important;
    width: 14% !important;
    max-width: 14% !important;
    padding-right: 14px !important;
    padding-left: 6px !important;
}

.agents-table thead th.col-agent-report i {
    color: #fb7185 !important; /* Soft Rose Warning Accent */
    filter: drop-shadow(0 0 4px rgba(251, 113, 133, 0.4)) !important;
}

/* ===== Modern Sleek Card Row (Option 2: Deep Velvet Onyx & Cyber Emerald Frame) ===== */
.agents-table tbody tr.agent-row {
    background: linear-gradient(135deg, rgba(8, 22, 15, 0.90) 0%, rgba(12, 29, 20, 0.82) 100%) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 18px -2px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.agents-table tbody tr.agent-row:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 26px -3px rgba(0, 0, 0, 0.75), 0 0 14px -2px rgba(16, 185, 129, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.agents-table tbody tr td {
    padding: 11px 10px !important; /* Restored generous previous vertical padding */
    vertical-align: middle !important;
    /* 3-Sides: Clearly Defined Visible Solid Cyber Emerald Frame (1.5px) */
    border-top: 1.5px solid rgba(16, 185, 129, 0.55) !important;
    border-bottom: 1.5px solid rgba(16, 185, 129, 0.55) !important;
    border-left: none !important;
    border-right: none !important;
    animation: none !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

/* Left Border: Distinct Solid 4.5px Cyber Emerald Accent Bar (#10b981) */
.agents-table tbody tr td:first-child,
.agents-table tbody tr td.col-agent-identity {
    width: 48% !important;
    max-width: 48% !important;
    border-left: 4.5px solid #10b981 !important;
    border-right: none !important;
    border-radius: 12px 0 0 12px !important;
    padding-left: 12px !important;
    padding-right: 6px !important;
    box-shadow: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Middle cell (WhatsApp / Contact): Strictly NO vertical borders or middle seams */
.agents-table tbody tr td:nth-child(2),
.agents-table tbody tr td.col-agent-whatsapp {
    width: 38% !important;
    max-width: 38% !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Right Border (of the 3 sides): Visible 1.5px solid matching top/bottom */
.agents-table tbody tr td:last-child,
.agents-table tbody tr td.col-agent-report {
    width: 14% !important;
    max-width: 14% !important;
    border-right: 1.5px solid rgba(16, 185, 129, 0.55) !important;
    border-left: none !important;
    border-radius: 0 12px 12px 0 !important;
    padding-right: 10px !important;
    padding-left: 4px !important;
    box-shadow: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Featured Agent Row - Enhanced Cyber Emerald Prominence */
.agents-table tbody tr.agent-row[data-featured="1"] {
    box-shadow: 0 4px 22px -2px rgba(0, 0, 0, 0.7), 0 0 14px -2px rgba(16, 185, 129, 0.45) !important;
}
.agents-table tbody tr.agent-row[data-featured="1"] td {
    border-top: 1.5px solid rgba(52, 211, 153, 0.85) !important;
    border-bottom: 1.5px solid rgba(52, 211, 153, 0.85) !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
.agents-table tbody tr.agent-row[data-featured="1"] td:first-child,
.agents-table tbody tr.agent-row[data-featured="1"] td.col-agent-identity {
    border-left: 5px solid #10b981 !important;
    border-right: none !important;
    box-shadow: none !important;
}
.agents-table tbody tr.agent-row[data-featured="1"] td:nth-child(2),
.agents-table tbody tr.agent-row[data-featured="1"] td.col-agent-whatsapp {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
.agents-table tbody tr.agent-row[data-featured="1"] td:last-child,
.agents-table tbody tr.agent-row[data-featured="1"] td.col-agent-report {
    border-right: 1.5px solid rgba(52, 211, 153, 0.85) !important;
    border-left: none !important;
    box-shadow: none !important;
}

/* Col 1: Identity & Meta */
.agent-identity-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.agent-identity-wrap .agent-avatar-wrap {
    width: 48px !important;
    height: 48px !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin-right: 4px !important;
}

.agent-identity-wrap .agent-avatar-wrap img.rounded-circle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    border: 2px solid rgba(16, 185, 129, 0.65) !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Compact Active/Presence Badge on Avatar Top-Right */
.agent-identity-wrap .agent-presence {
    position: absolute !important;
    top: -3px !important;
    right: -3px !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    padding: 1px 4px !important;
    border-radius: 99px !important;
    line-height: 1 !important;
    z-index: 5 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.agent-identity-wrap .agent-presence .ap-dot {
    width: 5.5px !important;
    height: 5.5px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.agent-identity-wrap .agent-presence .ap-txt {
    font-size: 7.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0px !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.agent-info-meta {
    min-width: 0 !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 3px !important;
}

.agent-name-line {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    line-height: 1.2 !important;
    min-width: 0 !important;
}

.agent-name-txt {
    font-size: 15px !important; /* Increased 1 step from 14px */
    font-weight: 700 !important;
    color: #ffffff !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: 0.1px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    min-width: 0 !important;
    max-width: fit-content !important;
    flex-shrink: 1 !important;
}

/* Winpks Inspired Verified Badge */
.agent-verified-badge {
    width: 15.5px !important;
    height: 15.5px !important;
    min-width: 15.5px !important;
    min-height: 15.5px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    object-fit: contain !important;
    filter: drop-shadow(0 1px 3px rgba(37, 99, 235, 0.45)) !important;
}

/* Native Fire Emoji 🔥 Animation Keyframe */
@keyframes flameEmojiPulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 3px rgba(255, 110, 0, 0.45));
    }
    50% {
        transform: scale(1.18) translateY(-0.5px);
        filter: drop-shadow(0 0 7px rgba(255, 69, 0, 0.75));
    }
}

.featured-pill-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16.5px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
    margin: 0 0 0 3px !important;
    padding: 0 !important;
    transform: none !important;
    cursor: default !important;
    user-select: none !important;
    animation: flameEmojiPulse 1.8s ease-in-out infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    .featured-pill-badge {
        animation: none !important;
    }
}

.cg-badge-featured .flame-anim-svg {
    width: 18px !important;
    height: 18px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    object-fit: contain !important;
}

.chip-flame-icon {
    width: 14px !important;
    height: 14px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    object-fit: contain !important;
}

.agent-chips-line {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
    line-height: 1 !important;
}

.agent-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2.5px !important;
    font-size: 10.5px !important; /* Slightly enlarged */
    padding: 2.5px 6px !important; /* Slightly enlarged */
    border-radius: 5px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

.agent-chip.chip-id {
    background: rgba(230, 190, 74, 0.16) !important;
    border: 1px solid rgba(230, 190, 74, 0.45) !important;
    color: var(--yellow, #FFDF34) !important;
    font-family: 'Poppins', sans-serif !important;
}

.agent-chip.chip-role {
    background: rgba(16, 185, 129, 0.18) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #6ee7b7 !important;
    font-family: 'Poppins', sans-serif !important;
}

.agent-chip.chip-rating {
    background: rgba(230, 190, 74, 0.14) !important;
    border: 1px solid rgba(230, 190, 74, 0.4) !important;
    color: var(--yellow, #FFDF34) !important;
    font-family: 'Poppins', sans-serif !important;
}

.agent-chip.chip-rating i {
    font-size: 9.5px !important; /* Slightly enlarged */
    color: var(--yellow, #FFDF34) !important;
}

/* Col 2: Smart 2-Level Contact Stack (Top: Solid Icons | Bottom: Number + Copy) */
.col-agent-whatsapp {
    position: relative !important;
}

/* Middle Top Share Button (Clean Borderless - Absolute Zero Outline or Border) */
.agent-card-share-btn,
.agent-card-share-btn::before,
.agent-card-share-btn::after {
    position: absolute !important;
    top: 2px !important;
    left: 0 !important;
    transform: translateX(-50%) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    color: #6ee7b7 !important;
    font-size: 11px !important;
    padding: 0 4px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
    z-index: 10 !important;
}

.agent-card-share-btn:hover {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
    transform: translateX(-50%) scale(1.22) !important;
    filter: drop-shadow(0 0 6px rgba(16, 185, 129, 0.8)) !important;
}

.agent-contact-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 160px !important;
    margin: 6px auto 0 auto !important;
}

/* Top Deck: Solid Social Icons (No background, No border) */
.agent-social-dock {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.agent-solid-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding: 0 !important;
    line-height: 1 !important;
    transition: transform 0.18s ease, filter 0.18s ease !important;
}

.agent-solid-icon:hover {
    transform: scale(1.22) translateY(-1px) !important;
}

.agent-solid-icon .dock-wa-icon {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
    object-fit: contain !important;
    filter: drop-shadow(0 2px 4px rgba(37, 211, 102, 0.45)) !important;
}

.agent-solid-icon.icon-wa {
    color: #25D366 !important;
    font-size: 21px !important;
    filter: drop-shadow(0 2px 4px rgba(37, 211, 102, 0.4)) !important;
}

.agent-solid-icon.icon-tg {
    color: #29b6f6 !important;
    font-size: 20px !important;
    filter: drop-shadow(0 2px 4px rgba(41, 182, 246, 0.4)) !important;
}

.agent-solid-icon.icon-fb {
    color: #1877f2 !important;
    font-size: 19px !important;
    filter: drop-shadow(0 2px 4px rgba(24, 119, 242, 0.4)) !important;
}

/* Bottom Deck: Phone Number + Copy Button Wrap */
.agent-phone-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: 100% !important;
    max-width: 165px !important;
}

.agent-phone-pill {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 3.5px 8px !important; /* Slightly enlarged */
    border-radius: 7px !important;
    background: rgba(4, 20, 11, 0.85) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.15s ease !important;
    text-align: center !important;
    text-decoration: none !important;
}

.agent-phone-pill:hover {
    background: rgba(16, 185, 129, 0.25) !important;
    border-color: #34d399 !important;
    box-shadow: 0 3px 10px rgba(16, 185, 129, 0.3) !important;
}

.agent-phone-txt {
    font-size: 12.2px !important; /* Slightly enlarged */
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1.25 !important;
}

.agent-phone-pill:hover .agent-phone-txt {
    color: #6ee7b7 !important;
}

.agent-copy-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    background: rgba(16, 185, 129, 0.14) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6ee7b7 !important;
    font-size: 10.5px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.agent-copy-btn:hover {
    background: rgba(16, 185, 129, 0.3) !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

.agent-copy-btn.copied {
    background: #10b981 !important;
    color: #ffffff !important;
    border-color: #10b981 !important;
}

/* Global Floating Toast Notification */
.agent-toast-notification {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(20px) !important;
    background: linear-gradient(135deg, rgba(4, 20, 11, 0.96) 0%, rgba(10, 42, 28, 0.96) 100%) !important;
    border: 1px solid #10b981 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: 'Hind Siliguri', sans-serif !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
    z-index: 99999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    pointer-events: none !important;
}

.agent-toast-notification.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

/* Shared Target Agent Row Highlight */
.agent-row.target-highlight {
    animation: agentTargetGlow 1.8s ease-in-out infinite alternate !important;
    outline: 2px solid #FFDF34 !important;
    outline-offset: -2px !important;
}

@keyframes agentTargetGlow {
    0% {
        background-color: rgba(230, 190, 74, 0.14) !important;
        box-shadow: 0 0 15px rgba(255, 223, 52, 0.4) !important;
    }
    100% {
        background-color: rgba(16, 185, 129, 0.18) !important;
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.6) !important;
    }
}

/* Col 3: Report Button */
.agent-report-btn {
    background: rgba(192, 57, 43, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    transition: transform 0.15s ease, background 0.15s ease !important;
    min-height: 32px !important;
}

.agent-report-btn:hover:not(:disabled) {
    background: #c0392b !important;
    transform: scale(1.04) !important;
    color: #ffffff !important;
}

.agent-report-btn:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
}

/* Responsive adjustments for Mobile & Tablet */
@media (max-width: 768px) {
    .table-box,
    .row.table-box {
        width: 100% !important;
        max-width: 100% !important;
        padding: 4px 0 !important;
        margin-top: 6px !important;
        margin-bottom: 6px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    .agents-table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed !important;
        border-spacing: 0 5px !important;
        box-sizing: border-box !important;
    }

    .agents-table thead th {
        font-size: 12.5px !important; /* Increased 2 steps */
        padding: 7px 4px !important;
        min-width: 0 !important;
    }

    .agents-table thead th.col-agent-identity,
    .agents-table tbody tr td.col-agent-identity {
        width: 50% !important;
        max-width: 50% !important;
        min-width: 0 !important;
    }

    .agents-table thead th.col-agent-whatsapp,
    .agents-table tbody tr td.col-agent-whatsapp {
        width: 38% !important;
        max-width: 38% !important;
        min-width: 0 !important;
    }

    .agents-table thead th.col-agent-report,
    .agents-table tbody tr td.col-agent-report {
        width: 12% !important;
        max-width: 12% !important;
        min-width: 0 !important;
    }

    .agents-table thead th.col-agent-identity {
        padding-left: 8px !important;
    }

    .agents-table thead th.col-agent-whatsapp {
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: 12px !important;
    }

    .agents-table thead th.col-agent-report {
        padding-left: 2px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
    }

    .agents-table thead th.col-agent-report i {
        margin: 0 !important;
    }

    .agents-table tbody tr td {
        padding: 10px 4px !important; /* Restored generous previous vertical padding */
        box-sizing: border-box !important;
        min-width: 0 !important;
        vertical-align: middle !important;
    }

    .agents-table tbody tr td:first-child,
    .agents-table tbody tr td.col-agent-identity {
        padding-left: 8px !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
    }

    .agents-table tbody tr td:nth-child(2),
    .agents-table tbody tr td.col-agent-whatsapp {
        padding-left: 2px !important;
        padding-right: 2px !important;
        box-sizing: border-box !important;
    }

    .agents-table tbody tr td:last-child,
    .agents-table tbody tr td.col-agent-report {
        padding-left: 2px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    .agent-identity-wrap {
        gap: 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .agent-identity-wrap .agent-avatar-wrap {
        width: 44px !important; /* Restored previous avatar size */
        height: 44px !important;
        margin-right: 4px !important;
        flex-shrink: 0 !important;
    }

    .agent-identity-wrap .agent-avatar-wrap img.rounded-circle {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
    }

    .agent-info-meta {
        min-width: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .agent-name-line {
        min-width: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
        gap: 3px !important;
    }

    .agent-name-txt {
        font-size: 13.5px !important; /* Increased 1 step from 12.5px */
        max-width: 92px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .featured-pill-badge {
        font-size: 15px !important;
        margin: 0 0 0 2px !important;
    }

    .agent-verified-badge {
        width: 14px !important; /* Slightly enlarged */
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
    }

    .agent-chips-line {
        gap: 3px !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
    }

    .agent-chip {
        font-size: 9px !important; /* Slightly enlarged */
        padding: 1.5px 4.5px !important;
    }

    .agent-chip.chip-rating i {
        font-size: 9px !important; /* Slightly enlarged */
    }

    .agent-contact-stack {
        width: 100% !important;
        max-width: 100% !important;
        margin: 5px auto 0 auto !important; /* Restored previous top spacing */
        gap: 4px !important;
        overflow: hidden !important;
    }

    .agent-social-dock {
        gap: 7px !important;
    }

    .dock-wa-icon,
    .agent-solid-icon .dock-wa-icon {
        width: 21px !important;
        height: 21px !important;
    }

    .agent-solid-icon.icon-tg {
        font-size: 16px !important;
    }

    .agent-solid-icon.icon-fb {
        font-size: 15px !important;
    }

    .agent-phone-wrap {
        width: 100% !important;
        max-width: 100% !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    .agent-phone-pill {
        padding: 2.5px 5px !important;
        max-width: 118px !important; /* Slightly enlarged */
        min-width: 0 !important;
        flex: 1 !important;
    }

    .agent-phone-txt {
        font-size: 10.5px !important; /* Slightly enlarged */
        letter-spacing: -0.2px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .agent-copy-btn {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        font-size: 10px !important;
        flex-shrink: 0 !important;
    }

    .agent-report-btn {
        padding: 0 !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 13px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 7px !important;
        margin: 0 auto !important;
    }

    .agent-table-heading {
        font-size: 16px !important; /* Increased 2 steps from 13px */
        margin-top: 8px !important;
        margin-bottom: 6px !important;
    }

    .seo-h1 {
        font-size: 14.5px !important; /* Increased 2 steps from 12px */
        margin-top: 6px !important;
        margin-bottom: 4px !important;
    }
}

@media (max-width: 380px) {
    .agents-table thead th.col-agent-identity,
    .agents-table tbody tr td.col-agent-identity {
        width: 49% !important;
        max-width: 49% !important;
    }
    .agents-table thead th.col-agent-whatsapp,
    .agents-table tbody tr td.col-agent-whatsapp {
        width: 39% !important;
        max-width: 39% !important;
    }
    .agents-table thead th.col-agent-report,
    .agents-table tbody tr td.col-agent-report {
        width: 12% !important;
        max-width: 12% !important;
    }

    .agents-table tbody tr td {
        padding: 8px 3px !important;
    }

    .agent-identity-wrap {
        gap: 4px !important;
    }

    .agent-identity-wrap .agent-avatar-wrap {
        width: 38px !important;
        height: 38px !important;
        margin-right: 2px !important;
    }

    .agent-identity-wrap .agent-avatar-wrap img.rounded-circle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    .agent-name-txt {
        font-size: 12px !important; /* Increased 1 step from 11px */
        max-width: 74px !important;
    }

    .featured-pill-badge {
        font-size: 13.5px !important;
    }

    .agent-verified-badge {
        width: 12.5px !important; /* Slightly enlarged */
        height: 12.5px !important;
        min-width: 12.5px !important;
        min-height: 12.5px !important;
    }

    .agent-chip {
        font-size: 8.5px !important; /* Slightly enlarged */
        padding: 1px 3px !important;
    }

    .agent-chip.chip-rating i {
        font-size: 8.5px !important;
    }

    .agent-contact-stack {
        margin: 4px auto 0 auto !important;
        gap: 3px !important;
    }

    .dock-wa-icon,
    .agent-solid-icon .dock-wa-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .agent-solid-icon.icon-tg {
        font-size: 14px !important;
    }

    .agent-solid-icon.icon-fb {
        font-size: 13px !important;
    }

    .agent-phone-pill {
        padding: 2px 3px !important;
        max-width: 96px !important; /* Slightly enlarged */
    }

    .agent-phone-txt {
        font-size: 9.5px !important; /* Slightly enlarged */
        letter-spacing: -0.3px !important;
    }

    .agent-copy-btn {
        width: 19px !important;
        height: 19px !important;
        font-size: 9px !important;
    }

    .agent-report-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        font-size: 11.5px !important;
    }

    .agent-table-heading {
        font-size: 14.5px !important;
    }

    .seo-h1 {
        font-size: 13px !important;
    }

    .agents-table thead th {
        font-size: 11.5px !important;
    }
}

/* 5. Hero Section & Mini Cards on Mobile */
.wp-hero-card {
    height: 100% !important;
    min-height: auto !important;
}
.wp-hero-card .card-inner {
    height: auto !important;
}
.wp-quick-agent-card {
    background: rgba(4, 24, 15, 0.72) !important;
    border: 1px solid rgba(230, 190, 74, 0.35) !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35) !important;
    backdrop-filter: blur(8px) !important;
    position: relative !important;
}
.wp-quick-agent-card:hover {
    border-color: rgba(52, 211, 153, 0.8) !important;
    box-shadow: 0 6px 20px rgba(52, 211, 153, 0.25) !important;
    transform: translateY(-1px) !important;
}
.wp-quick-agent-card .agent-name {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.2px !important;
}
.wp-badge-featured {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.25), rgba(230, 57, 0, 0.35)) !important;
    border: 1px solid rgba(255, 107, 53, 0.6) !important;
    color: #ffaa77 !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    padding: 1.5px 6px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    letter-spacing: 0.3px !important;
}
.wp-badge-featured i {
    font-size: 8px !important;
    color: #ff6b35 !important;
}
.wp-chip-id {
    background: rgba(230, 190, 74, 0.15) !important;
    border: 1px solid rgba(230, 190, 74, 0.4) !important;
    color: var(--gold, #E6BE4A) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.wp-chip-role {
    background: rgba(16, 185, 129, 0.18) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6ee7b7 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.wp-phone-pill {
    background: rgba(3, 14, 10, 0.7) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    color: #cfe8da !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 5px 9px !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif !important;
}
.wp-btn-wa {
    background: linear-gradient(135deg, #25D366, #128C4B) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 11.5px !important;
    padding: 6px 13px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    box-shadow: 0 2px 10px rgba(18, 140, 75, 0.45) !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}
.wp-btn-wa:hover {
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(18, 140, 75, 0.65) !important;
}
.wp-btn-report {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: rgba(192, 57, 43, 0.25) !important;
    border: 1px solid rgba(192, 57, 43, 0.5) !important;
    color: #ff7777 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
}
.wp-btn-report:hover {
    background: rgba(192, 57, 43, 0.7) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
}

/* ==========================================================================
   Cyber-Gaming Neon Glass (Demo 2) Quick Master Agent Card Styles
   ========================================================================== */
.cg-neon-card {
    background: linear-gradient(135deg, rgba(6, 36, 22, 0.88) 0%, rgba(4, 25, 15, 0.94) 60%, rgba(2, 16, 10, 0.98) 100%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.45) !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 15px rgba(16, 185, 129, 0.14) !important;
    backdrop-filter: blur(10px) !important;
    transition: all 0.25s ease !important;
    position: relative !important;
}

.cg-neon-card:hover {
    border-color: rgba(52, 211, 153, 0.8) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.55), 0 0 25px rgba(16, 185, 129, 0.3) !important;
    transform: translateY(-1px) !important;
}

.cg-avatar-img {
    border: 2px solid rgba(16, 185, 129, 0.7) !important;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.35) !important;
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
}

.cg-agent-name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.2px !important;
}

.cg-chip-id {
    background: rgba(230, 190, 74, 0.15) !important;
    border: 1px solid rgba(230, 190, 74, 0.4) !important;
    color: var(--gold, #E6BE4A) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
    font-family: 'Poppins', sans-serif !important;
}

.cg-badge-featured {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.25), rgba(239, 68, 68, 0.25)) !important;
    border: 1px solid rgba(245, 158, 11, 0.6) !important;
    color: #fef08a !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.cg-badge-master {
    background: rgba(16, 185, 129, 0.18) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #6ee7b7 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    padding: 1px 6px !important;
    border-radius: 5px !important;
}

.cg-badge-verified {
    color: #34d399 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.cg-badge-role {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
    color: #6ee7b7 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    letter-spacing: 0.4px !important;
    display: inline-block !important;
}

/* CG Quick Card Rating Size Balance (Smaller Star, Larger Bold Rating) */
.cg-rating-wrap .cg-rating-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 2px 8px !important;
    border-radius: 99px !important;
    background: rgba(230, 190, 74, 0.14) !important;
    border: 1px solid rgba(230, 190, 74, 0.45) !important;
    vertical-align: middle !important;
}

.cg-rating-wrap .cg-star,
.cg-rating-wrap .cg-star .fa-star,
.cg-rating-wrap .cg-star i {
    font-size: 9.5px !important; /* Smaller, neat star */
    width: 9.5px !important;
    height: 9.5px !important;
    line-height: 1 !important;
}

.cg-rating-wrap .cg-rating-digit {
    font-size: 13.5px !important; /* Larger, prominent bold rating */
    font-weight: 800 !important;
    color: var(--yellow, #FFDF34) !important;
    font-family: 'Poppins', sans-serif !important;
    line-height: 1 !important;
    letter-spacing: 0.2px !important;
}

.cg-specs-grid {
    background: rgba(0, 0, 0, 0.45) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 9px !important;
    padding: 6px 8px !important;
}

.cg-spec-label {
    font-size: 9px !important;
    color: rgba(110, 231, 183, 0.75) !important;
    margin-bottom: 2px !important;
    line-height: 1 !important;
}

.cg-spec-val {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    font-family: 'Poppins', sans-serif !important;
}

.text-emerald-accent {
    color: #34d399 !important;
}

.text-gold {
    color: #fcd34d !important;
}

.cg-btn-wa {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 7px 14px !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.45) !important;
    transition: all 0.18s ease !important;
}

.cg-btn-wa:hover {
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(5, 150, 105, 0.65) !important;
    filter: brightness(1.08) !important;
}

.cg-btn-report {
    background: rgba(127, 29, 29, 0.5) !important;
    border: 1px solid rgba(239, 68, 68, 0.5) !important;
    color: #fca5a5 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 7px 11px !important;
    border-radius: 9px !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cg-btn-report:hover {
    background: rgba(185, 28, 28, 0.85) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(185, 28, 28, 0.4) !important;
}

@keyframes flameBob {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.1); }
}
.flame-anim {
    display: inline-block !important;
    animation: flameBob 1.6s ease-in-out infinite !important;
}

@media (max-width: 576px) {
    .cg-neon-card {
        padding: 8px 10px !important;
    }
    .cg-avatar-img {
        width: 38px !important;
        height: 38px !important;
    }
    .cg-agent-name {
        font-size: 13px !important;
    }
    .cg-chip-id {
        font-size: 9.5px !important;
        padding: 1px 5px !important;
    }
    .cg-badge-featured, .cg-badge-master, .cg-badge-verified {
        font-size: 8.5px !important;
    }
    .cg-badge-role {
        font-size: 8px !important;
        padding: 1px 5px !important;
    }
    .cg-specs-grid {
        padding: 5px 6px !important;
    }
    .cg-spec-label {
        font-size: 8px !important;
    }
    .cg-spec-val {
        font-size: 9.5px !important;
    }
    .cg-btn-wa {
        font-size: 10.5px !important;
        padding: 6px 10px !important;
    }
    .cg-wa-text {
        font-size: 10.5px !important;
    }
    .cg-btn-report {
        font-size: 10px !important;
        padding: 6px 8px !important;
    }
    .cg-rating-wrap .cg-star,
    .cg-rating-wrap .cg-star .fa-star,
    .cg-rating-wrap .cg-star i {
        font-size: 8.5px !important;
        width: 8.5px !important;
        height: 8.5px !important;
    }
    .cg-rating-wrap .cg-rating-digit {
        font-size: 12px !important;
    }
}

.border-emerald-subtle {
    border-top: 1px solid rgba(16, 185, 129, 0.15) !important;
}
.wp-phone-mobile {
    font-size: 11.5px !important;
    color: #cfe8da !important;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif !important;
}
.wp-tag-verified {
    font-size: 9.5px !important;
    color: #7fe0ab !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .card {
        padding: 12px 10px !important;
        border-radius: 14px !important;
        margin-top: 10px !important;
    }

    .card.hero, .card.proxy-card, .wp-hero-card {
        height: auto !important;
        min-height: unset !important;
        padding: 12px 10px !important;
    }

    .card.hero .card-inner, .card.proxy-card .card-inner {
        margin: 6px 0 !important;
        padding: 8px 6px !important;
    }

    .proxy td {
        font-size: 11.5px !important;
        padding: 6px 4px !important;
    }

    .proxy-name {
        padding-right: 6px !important;
        padding-left: 2px !important;
        font-size: 12px !important;
    }

    .proxy-table .visit-button {
        padding-right: 2px !important;
    }

    .proxy-table .tiny-buttons.yellow {
        font-size: 11px !important;
        padding: 3px 8px !important;
        min-height: 26px !important;
        width: auto !important;
    }

    /* Mini Cards */
    .mini-cards .card-inner {
        flex-direction: column !important;
        padding: 4px !important;
    }

    .mini-cards .mini-card {
        margin: 4px 0 !important;
        padding: 10px 8px !important;
    }

    .mini-cards h4 {
        font-size: 14px !important;
        margin-bottom: 6px !important;
    }

    .mini-cards p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    /* Facebook Banner */
    .facebook-section {
        flex-direction: column !important;
        gap: 8px !important;
        padding: 10px !important;
        text-align: center !important;
    }

    .facebook-section p {
        font-size: 12.5px !important;
    }

    .facebook-section a {
        font-size: 12px !important;
        padding: 5px 12px !important;
    }
}

/* 6. Customer Service & Article Content Tables on Mobile */
@media (max-width: 768px) {
    .article-content {
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 8px 0 !important;
    }

    .article-content table {
        min-width: 480px !important;
        font-size: 12px !important;
    }

    .article-content table td, .article-content table th {
        padding: 6px 4px !important;
        font-size: 12px !important;
    }

    .customar_hed {
        font-size: 14px !important;
        padding: 6px !important;
    }

    .customer_name {
        font-size: 12.5px !important;
    }
}

/* 7. Verification Card on Mobile (/agent-verify) */
@media (max-width: 600px) {
    .verify-wrap {
        padding: 0.8em 0 !important;
    }

    .verify-search-card {
        padding: 1.1em 0.9em !important;
        border-radius: 14px !important;
    }

    .verify-form-row {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .verify-profile-card {
        padding: 1.5em 1em !important;
        border-radius: 14px !important;
    }

    .verify-name {
        font-size: 17px !important;
    }

    .verify-avatar {
        width: 72px !important;
        height: 72px !important;
        font-size: 26px !important;
    }

    .verify-id-chip {
        font-size: 11.5px !important;
        padding: 5px 12px !important;
    }

    .verify-whatsapp-btn {
        font-size: 13px !important;
        padding: 9px 16px !important;
    }

    .verify-upline-card {
        padding: 1em 0.8em !important;
        border-radius: 14px !important;
    }

    .verify-upline-item {
        padding: 8px 10px !important;
    }

    .verify-upline-name {
        font-size: 13px !important;
    }
}

/* 8. Offcanvas Sidebar Menu on Mobile */
@media (max-width: 768px) {
    .offcanvas {
        max-width: 82vw !important;
    }

    .offcanvas .logo {
        width: 100% !important;
        max-width: 220px !important;
        height: auto !important;
        max-height: 90px !important;
        object-fit: contain !important;
        border-radius: 8px !important;
        border: 1px solid rgba(230, 190, 74, 0.3) !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
    }

    .offcanvas .my-buttons {
        width: 85% !important;
        font-size: 13px !important;
        padding: 8px 12px !important;
        margin-bottom: 10px !important;
    }

    .offcanvas nav {
        width: 85% !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .offcanvas nav .nav-item {
        margin: 5px 0 !important;
        padding: 8px !important;
        border-radius: 10px !important;
    }

    .offcanvas nav .nav-item a {
        font-size: 13px !important;
    }

    .lottery {
        width: 85% !important;
        max-width: 260px !important;
        height: auto !important;
    }
}

/* 9. Support Modal & Chat Floating Button on Mobile */
@media (max-width: 576px) {
    .floating-button {
        bottom: 14px !important;
        right: 14px !important;
        left: auto !important;
        margin: 0 !important;
        z-index: 1040 !important;
    }

    .floating-button .my-buttons {
        font-size: 11px !important;
        padding: 6px 12px 6px 30px !important;
        width: auto !important;
        border-radius: 50px !important;
    }

    .floating-button .my-buttons img {
        width: 15px !important;
        height: 15px !important;
        left: 9px !important;
        margin-left: 0 !important;
    }

    #SupportModal .modal-dialog {
        right: 8px !important;
        left: 8px !important;
        bottom: 8px !important;
        width: auto !important;
        margin: 0 !important;
        max-width: calc(100vw - 16px) !important;
    }

    .chat-body {
        max-height: 42vh !important;
        padding: 6px !important;
    }

    .chat-agent-row {
        padding: 8px 10px !important;
        gap: 8px !important;
    }

    .chat-avatar {
        width: 46px !important;
        height: 46px !important;
    }

    .chat-agent-name {
        font-size: 13px !important;
    }

    .chat-start-btn {
        font-size: 10.5px !important;
        padding: 5px 10px !important;
    }
}

/* 10. Report Modal (#AgentReport) on Mobile */
@media (max-width: 576px) {
    #AgentReport .modal-dialog {
        margin: 12px !important;
    }

    #AgentReport .modal-content {
        border-radius: 16px !important;
    }

    #AgentReport .modal-icon img {
        width: 42px !important;
        height: 42px !important;
        margin-left: 0 !important;
    }

    #AgentReport .modal-report-heading {
        font-size: 12px !important;
        padding: 4px 12px !important;
        width: auto !important;
    }

    .fake-input {
        padding: 6px 10px !important;
        font-size: 12.5px !important;
    }

    .fake-label {
        font-size: 11.5px !important;
    }

    #ReportTo {
        flex-direction: column !important;
        gap: 6px !important;
        width: 100% !important;
        margin-top: 8px !important;
    }

    .report-to-buttons {
        width: 100% !important;
        margin: 3px 0 !important;
        font-size: 12px !important;
        padding: 8px !important;
    }
}

/* ===== NAVIGATION PILLS MICRO-INTERACTIONS & MOTION KEYFRAMES (WINPKS INSPIRED) ===== */
@keyframes pillPulse {
    0%, 100% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(52, 211, 153, 0.4)); }
    50% { transform: scale(1.15); filter: drop-shadow(0 0 8px rgba(52, 211, 153, 0.9)); }
}
@keyframes pillFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}
@keyframes crownWiggle {
    0%, 100% { transform: rotate(0deg) scale(1); }
    20% { transform: rotate(-12deg) scale(1.15); filter: drop-shadow(0 0 8px #fbbf24); }
    40% { transform: rotate(12deg) scale(1.15); filter: drop-shadow(0 0 8px #fbbf24); }
    60% { transform: rotate(-6deg) scale(1.08); }
    80% { transform: rotate(6deg) scale(1.08); }
}
@keyframes superShimmer {
    0%, 100% { filter: drop-shadow(0 0 2px #f59e0b); }
    50% { filter: drop-shadow(0 0 10px #fbbf24) drop-shadow(0 0 14px #f59e0b); transform: scale(1.12); }
}
@keyframes subadminTilt {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(10deg) scale(1.1); filter: drop-shadow(0 0 6px #2dd4bf); }
}

.anim-home-icon { animation: pillPulse 3s infinite ease-in-out; }
.anim-crown-icon { animation: crownWiggle 3.5s infinite ease-in-out; transform-origin: center bottom; }
.anim-subadmin-icon { animation: subadminTilt 3.2s infinite ease-in-out; }
.anim-super-icon { animation: superShimmer 2.5s infinite ease-in-out; }
.anim-master-icon { animation: pillFloat 3.5s infinite ease-in-out; }

@media (prefers-reduced-motion: reduce) {
    .anim-home-icon,
    .anim-crown-icon,
    .anim-subadmin-icon,
    .anim-super-icon,
    .anim-master-icon {
        animation: none !important;
    }
}

/* ===== DESKTOP NAVIGATION PILLS BAR (>= 769px) ===== */
@media (min-width: 769px) {
    nav.main-nav-bar,
    nav {
        background: linear-gradient(135deg, rgba(4, 20, 11, 0.75), rgba(15, 122, 69, 0.22)) !important;
        backdrop-filter: blur(14px) saturate(140%) !important;
        -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
        border: 1px solid rgba(230, 190, 74, 0.38) !important;
        border-radius: 14px !important;
        padding: 8px 16px !important;
        margin: 10px 0 16px 0 !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    }

    .nav-pills {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .nav-pills .nav-item a,
    .nav-pill-btn {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 8px 18px !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        color: #e3f2e9 !important;
        background: rgba(4, 20, 11, 0.55) !important;
        border: 1px solid rgba(230, 190, 74, 0.22) !important;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
        text-decoration: none !important;
    }

    .nav-pills .nav-item a:hover,
    .nav-pill-btn:hover {
        background: rgba(30, 158, 94, 0.35) !important;
        border-color: rgba(230, 190, 74, 0.5) !important;
        color: #ffffff !important;
        transform: translateY(-1.5px) !important;
    }

    .nav-pills .nav-item a.active,
    .nav-pill-btn.active {
        background: linear-gradient(135deg, #E6BE4A 0%, #c99e33 100%) !important;
        border-color: #FFDF34 !important;
        color: #0A2116 !important;
        font-weight: 800 !important;
        box-shadow: 0 3px 14px rgba(230, 190, 74, 0.45) !important;
    }

    .nav-pills .nav-item a.active *,
    .nav-pill-btn.active * {
        color: #0A2116 !important;
        filter: none !important;
    }

    .nav-pills .nav-item a .nav-pill-icon {
        font-size: 15px !important;
    }

    /* Role Color Identity on Desktop */
    .nav-pills .nav-item a:not(.active) .anim-home-icon { color: #34d399 !important; }
    .nav-pills .nav-item a:not(.active) .anim-crown-icon { color: #fbbf24 !important; }
    .nav-pills .nav-item a:not(.active) .anim-subadmin-icon { color: #2dd4bf !important; }
    .nav-pills .nav-item a:not(.active) .anim-super-icon { color: #fb923c !important; }
    .nav-pills .nav-item a:not(.active) .anim-master-icon { color: #4ade80 !important; }

    .search-agent-button {
        padding: 8px 18px !important;
        border-radius: 10px !important;
        color: #F5E9C8 !important;
        background: linear-gradient(135deg, rgba(30, 158, 94, 0.35), rgba(4, 20, 11, 0.7)) !important;
        border: 1px solid rgba(230, 190, 74, 0.35) !important;
        position: absolute !important;
        left: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        transition: all 0.2s ease !important;
    }

    .search-agent-button:hover {
        background: linear-gradient(135deg, var(--gold), var(--gold-deep)) !important;
        color: #0A2116 !important;
        border-color: var(--gold) !important;
        transform: translateY(calc(-50% - 1px)) !important;
    }
}

/* ===== GLOBAL SCROLLING NEWS TICKER (PERFECT VERTICAL MIDDLE & BALANCED TYPOGRAPHY) ===== */
#ticker-box {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 99px !important;
    padding: 3px 8px 3px 3px !important;
    background: linear-gradient(90deg, rgba(230, 190, 74, 0.16), rgba(23, 147, 78, 0.22)) !important;
    border: 1px solid rgba(230, 190, 74, 0.35) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    margin-top: 8px !important;
}

#ticker-box.ticker-ready {
    visibility: visible !important;
}

.ticker-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
    height: 34px !important;
    padding: 0 14px !important;
    border-radius: 99px !important;
    margin: 0 8px 0 0 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    background: linear-gradient(135deg, var(--yellow, #E6BE4A), #d9a514) !important;
    color: #1a1a06 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.ticker-label .fa-bullhorn {
    animation: tickerShake 2.4s ease-in-out infinite;
}

#ticker-box ul {
    flex: 1 !important;
    position: relative !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: hidden !important;
}

#ticker-box li {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #F5E9C8 !important;
    font-family: 'Hind Siliguri', 'Poppins', sans-serif !important;
}

.ticker-item {
    display: inline-flex !important;
    align-items: center !important;
    cursor: pointer !important;
    color: #eafff0 !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    transition: color 0.15s ease !important;
}

.ticker-item:hover {
    color: var(--yellow, #FFDF34) !important;
    text-decoration: underline !important;
}

.ticker-item .ticker-dot {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--yellow, #FFDF34) !important;
    margin: 0 12px !important;
    font-size: 15px !important;
    line-height: 1 !important;
}