/* GENERATED by tools/build_theme_light.py. Do not edit by hand; edit tools/theme-light.manual.css instead.
   Light theme: active only when <html data-theme="light">. */
html[data-theme="light"]{color-scheme:light}
/* ---- assets/css/main.css ---- */
html[data-theme="light"]{--dark:#f3f3f3!important;--dark-2:#f7f7f7!important;--dark-3:#fbfbfb!important;--dark-4:#fefefe!important;--gray:#666666!important;--light-gray:#333333!important;--white:#121212!important}
html[data-theme="light"] nav{background:rgba(255,255,255,0.874)!important}
html[data-theme="light"] .logo-text .brand span{color:#b34a00!important}
html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-links a.active{color:#b34a00!important}
html[data-theme="light"] .dropdown li a:hover{color:#b34a00!important}
html[data-theme="light"] .btn-outline{border:2px solid rgba(0,0,0,0.23)!important}
html[data-theme="light"] .btn-outline:hover{color:#b34a00!important}
html[data-theme="light"] .hero-badge{color:#b34a00!important}
html[data-theme="light"] .hero-stat .number{color:#b34a00!important}
html[data-theme="light"] .section-label{color:#b34a00!important}
html[data-theme="light"] .demo-header{border-bottom:1px solid rgba(0,0,0,0.057)!important}
html[data-theme="light"] .live-indicator{color:#177325!important}
html[data-theme="light"] .demo-grid{background:rgba(0,0,0,0.05)!important}
html[data-theme="light"] .cam-label{background:rgba(255,255,255,0.644)!important}
html[data-theme="light"] .cam-info{background:rgba(255,255,255,0.644)!important}
html[data-theme="light"] .feature-card{border:1px solid rgba(0,0,0,0.057)!important}
html[data-theme="light"] .feature-card:hover{box-shadow:0 20px 40px rgba(0,0,0,0.105)!important}
html[data-theme="light"] .feature-tag{color:#b34a00!important}
html[data-theme="light"] .use-case-overlay{background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.874) 100%)!important}
html[data-theme="light"] .model-placeholder i{color:#b34a00!important}
html[data-theme="light"] .cta{background:linear-gradient(135deg, rgba(244, 104, 0, 0.1) 0%, rgba(255,255,255,0) 100%)!important}
html[data-theme="light"] footer{border-top:1px solid rgba(0,0,0,0.057)!important}
html[data-theme="light"] .footer-contact i{color:#b34a00!important}
html[data-theme="light"] .footer-contact a:hover{color:#b34a00!important}
html[data-theme="light"] .footer-col ul li a:hover{color:#b34a00!important}
html[data-theme="light"] .footer-bottom{border-top:1px solid rgba(0,0,0,0.057)!important}
/* ---- assets/css/visual-completion.css ---- */
html[data-theme="light"]{--tsnop-surface:#f6f6f6!important;--tsnop-text:#121212!important;--tsnop-muted:#464646!important}
html[data-theme="light"] .home-card h3,html[data-theme="light"] .workflow-card h3,html[data-theme="light"] .solution-card h3,html[data-theme="light"] .catalogue-card h3,html[data-theme="light"] .feature-card h3,html[data-theme="light"] .category-card h3,html[data-theme="light"] .v2-card h3{color:#121212!important}
html[data-theme="light"] .home-card-media:after{background:linear-gradient(to top,rgba(255,255,255,0.58),rgba(255,255,255,0.037) 62%)!important}
html[data-theme="light"] .workflow-card:after{background:linear-gradient(to top,rgba(255,255,255,0.754),rgba(255,255,255,0.055) 72%)!important}
html[data-theme="light"] .solution-card:after{background:linear-gradient(to top,rgba(255,255,255,0.754),rgba(255,255,255,0.037) 70%)!important}
html[data-theme="light"] .catalogue-card:after{background:linear-gradient(to top,rgba(255,255,255,0.773),rgba(255,255,255,0.074) 72%)!important}
html[data-theme="light"] .feature-media:after,html[data-theme="light"] .v2-card-media:after{background:linear-gradient(to top,rgba(255,255,255,0.442),rgba(255,255,255,0.018) 60%)!important}
html[data-theme="light"] .home-grid-3 .home-card:nth-child(2) .home-card-media{background:linear-gradient(180deg,rgba(255,255,255,0.074),rgba(255,255,255,0.202)),
    url('/assets/images/features/smart city surveillance/Crowd_Density_Monitoring.webp') center/cover no-repeat!important}
html[data-theme="light"] .home-grid-3 .home-card:nth-child(2) .home-card-media:before{background:rgba(255,255,255,0.442) url('/logo.png?v=20260827f') center/105px auto no-repeat!important;border:1px solid rgba(0,0,0,0.138)!important;box-shadow:0 10px 28px rgba(0,0,0,0.098)!important}
html[data-theme="light"] .workflow-grid .workflow-card:nth-child(3){background:linear-gradient(180deg,rgba(255,255,255,0.037),rgba(255,255,255,0.166)),
    url('/assets/images/features/smart city surveillance/Unattended_Object_Detection.webp') center/cover no-repeat!important}
html[data-theme="light"] .workflow-grid .workflow-card:nth-child(3):before{background:rgba(255,255,255,0.386) url('/logo.png?v=20260827f') center/92px auto no-repeat!important;border:1px solid rgba(0,0,0,0.138)!important}
html[data-theme="light"] .v2-hero-card{background:linear-gradient(180deg,rgba(255,255,255,0.092),rgba(255,255,255,0.166)),
    url('/assets/images/solution/dashboard-smartcity.webp') center/cover no-repeat!important}
html[data-theme="light"] .features-hero:before{background:linear-gradient(180deg,rgba(255,255,255,0.276),rgba(255,255,255,0.791) 94%),
    url('/assets/images/features/smart city surveillance/Crowd_Density_Monitoring.webp') center/cover no-repeat!important}
html[data-theme="light"] .features-hero:after{filter:drop-shadow(0 12px 25px rgba(0,0,0,0.112))!important}
html[data-theme="light"] .home-section.alt{background:linear-gradient(rgba(255,255,255,0.81),rgba(255,255,255,0.837)),
    url('/assets/images/solution/smart_City.webp') center/cover no-repeat!important}
html[data-theme="light"] .content-wrap{background:linear-gradient(rgba(255,255,255,0.865),rgba(255,255,255,0.883)),
    url('/assets/images/solution/dashboard-smartcity.webp') center top/cover no-repeat!important}
html[data-theme="light"] .v2-shell{background:linear-gradient(rgba(255,255,255,0.865),rgba(255,255,255,0.888)),
    url('/assets/images/v2/core/tsnop-vms-edge-architecture.webp') center top/cover no-repeat!important}
html[data-theme="light"] .home-cta-box{background:linear-gradient(90deg,rgba(255,255,255,0.902) 0%,rgba(255,255,255,0.846) 48%,rgba(255,255,255,0.506) 100%),
    url('/assets/images/solution/dashboard-smartcity.webp') right center/58% auto no-repeat!important}
html[data-theme="light"] .v2-cta{background:linear-gradient(90deg,rgba(255,255,255,0.902) 0%,rgba(255,255,255,0.856) 52%,rgba(255,255,255,0.506) 100%),
    url('/assets/images/v2/core/tsnop-vms-edge-architecture.webp') right center/58% auto no-repeat!important}
html[data-theme="light"] .form-panel{background:radial-gradient(circle at 92% 5%,rgba(244,104,0,.10),transparent 23%),
    #f7f7f7!important}
html[data-theme="light"] .location-copy{background:linear-gradient(rgba(255,255,255,0.846),rgba(255,255,255,0.883)),
    url('/assets/images/solution/smart_City.webp') center/cover no-repeat!important}
html[data-theme="light"] .home-card-media,html[data-theme="light"] .feature-media,html[data-theme="light"] .v2-card-media,html[data-theme="light"] .info-visual,html[data-theme="light"] .architecture-media,html[data-theme="light"] .custom-media,html[data-theme="light"] .v2-band-media{background-color:#f8f8f8!important}
/* ---- includes/header.php ---- */
html[data-theme="light"] .skip-link:focus{outline:2px solid #000000!important}
html[data-theme="light"] .navbar{background:#f3f3f3!important;border-bottom:1px solid #dddddd!important}
html[data-theme="light"] .navbar-company-name{color:#666666!important}
html[data-theme="light"] .nav-links a{color:#424242!important}
html[data-theme="light"] .nav-links a:hover{color:#121212!important}
html[data-theme="light"] .nav-links a.active{color:#121212!important}
html[data-theme="light"] .nav-links li.nav-sep{background:#d3d3d3!important}
html[data-theme="light"] .nav-links a.nav-lab .nav-lab-mark{background:#f5f5f5!important;color:#b34a00!important}
html[data-theme="light"] .navbar.is-scrolled{box-shadow:0 12px 28px -22px rgba(0,0,0,0.332)!important}
html[data-theme="light"] .theme-toggle{border:1px solid #d5d5d5!important;color:#424242!important}
html[data-theme="light"] .theme-toggle:hover{color:#121212!important;border-color:#bbbbbb!important;background:#f7f7f7!important}
html[data-theme="light"] .theme-toggle .i-sun{color:#8e5400!important}
html[data-theme="light"] .theme-toggle .i-moon{color:#536283!important}
html[data-theme="light"] .mobile-toggle{color:#121212!important;border:1px solid #d5d5d5!important}
html[data-theme="light"] .mobile-menu{background:#f3f3f3!important;border-bottom:1px solid #dddddd!important}
html[data-theme="light"] .mobile-menu a{color:#2f2f2f!important;border-bottom:1px solid #e3e3e3!important}
html[data-theme="light"] .mobile-menu a i{color:#b34a00!important}
html[data-theme="light"] .mobile-menu a.mobile-lab{color:#121212!important}
html[data-theme="light"] .mobile-auth .btn i,html[data-theme="light"] .mobile-menu .mobile-auth a:hover{color:#666666!important}
html[data-theme="light"] .mobile-menu a .mobile-lab-badge{background:#f5f5f5!important;color:#b34a00!important}
html[data-theme="light"] .dd-toggle{color:#666666!important}
html[data-theme="light"] .dd-toggle:hover,html[data-theme="light"] .has-dd:hover .dd-toggle,html[data-theme="light"] .dd-toggle[aria-expanded=true]{color:#121212!important}
html[data-theme="light"] .has-dd.open>a{color:#121212!important}
html[data-theme="light"] .mega{background:#f3f3f3!important;border-bottom:1px solid #dddddd!important}
html[data-theme="light"] .mega-h{border-bottom:1px solid #e2e2e2!important;color:#666666!important}
html[data-theme="light"] .mega a:hover,html[data-theme="light"] .mega a:focus-visible{background:#f7f7f7!important}
html[data-theme="light"] .mega-t{color:#121212!important}
html[data-theme="light"] .mega a:hover .mega-t,html[data-theme="light"] .mega a:focus-visible .mega-t{color:#b34a00!important}
html[data-theme="light"] .mega-d{color:#666666!important}
html[data-theme="light"] .m-dd-row{border-bottom:1px solid #e3e3e3!important}
html[data-theme="light"] .m-dd-toggle{color:#424242!important}
html[data-theme="light"] .m-dd-toggle[aria-expanded=true]{color:#121212!important}
html[data-theme="light"] .m-dd-panel{border-bottom:1px solid #e3e3e3!important}
html[data-theme="light"] .m-dd-h{color:#666666!important}
html[data-theme="light"] .mobile-menu .m-dd-panel a{color:#424242!important}
html[data-theme="light"] .mobile-menu .m-dd-panel a:hover{color:#121212!important}
html[data-theme="light"] .home-lab-gateway{background:radial-gradient(circle at 78% 10%,rgba(244,104,0,.13),transparent 30%),linear-gradient(90deg,#f5f5f5,#f7f7f7 55%,#f4f4f4)!important}
html[data-theme="light"] .home-lab-code{color:#121212!important}
html[data-theme="light"] .home-lab-copy strong{color:#121212!important}
html[data-theme="light"] .home-lab-copy span{color:#666666!important}
html[data-theme="light"] .home-lab-domains em{border:1px solid rgba(0,0,0,0.081)!important;background:#f3f3f3!important;color:#666666!important}
html[data-theme="light"] .home-lab-enter{color:#a44500!important}
html[data-theme="light"] .home-lab-enter:hover{color:#121212!important}
/* ---- includes/footer.php ---- */
html[data-theme="light"] .site-footer{background:#f3f3f3!important;border-top:1px solid #dddddd!important;color:#656565!important}
html[data-theme="light"] .f-cta{background:#f4f4f4!important;border-bottom:1px solid #dddddd!important}
html[data-theme="light"] .f-cta h2{color:#121212!important}
html[data-theme="light"] .f-cta p{color:#656565!important}
html[data-theme="light"] .f-company{color:#666666!important}
html[data-theme="light"] .f-about{color:#656565!important}
html[data-theme="light"] .f-contact li{color:#424242!important}
html[data-theme="light"] .f-contact i{color:#b34a00!important}
html[data-theme="light"] .f-contact strong{color:#292929!important}
html[data-theme="light"] .f-contact a{color:#292929!important}
html[data-theme="light"] .f-contact a:hover{color:#121212!important}
html[data-theme="light"] .f-h{border-bottom:1px solid #e2e2e2!important;color:#666666!important}
html[data-theme="light"] .f-col a{color:#424242!important}
html[data-theme="light"] .f-col a:hover{color:#121212!important}
html[data-theme="light"] .f-offices{border-top:1px solid #e2e2e2!important}
html[data-theme="light"] .f-office>i{color:#b34a00!important}
html[data-theme="light"] .f-office address{color:#656565!important}
html[data-theme="light"] .f-legal{border-top:1px solid #e2e2e2!important}
html[data-theme="light"] .f-claims{color:#666666!important}
html[data-theme="light"] .f-claims strong{color:#424242!important}
html[data-theme="light"] .f-bottom{color:#666666!important}
html[data-theme="light"] .f-bottom strong{color:#292929!important}
html[data-theme="light"] .f-top{color:#424242!important}
html[data-theme="light"] .f-top:hover{color:#121212!important}
html[data-theme="light"] .f-top i{color:#b34a00!important}
html[data-theme="light"] .footer-col ul li a:hover{color:#121212!important}
html[data-theme="light"] .workflow-card,html[data-theme="light"] .workflow-card:visited,html[data-theme="light"] .workflow-card:hover,html[data-theme="light"] .home-card,html[data-theme="light"] .home-card:visited,html[data-theme="light"] .solution-card,html[data-theme="light"] .solution-card:visited,html[data-theme="light"] .catalogue-card,html[data-theme="light"] .catalogue-card:visited{color:#121212!important}
html[data-theme="light"] .workflow-content h3,html[data-theme="light"] .home-card-body h3,html[data-theme="light"] .solution-copy h3,html[data-theme="light"] .catalogue-content h3,html[data-theme="light"] .v2-card h3{color:#121212!important}
html[data-theme="light"] .workflow-content p,html[data-theme="light"] .home-card-body p,html[data-theme="light"] .solution-copy p,html[data-theme="light"] .catalogue-content p,html[data-theme="light"] .v2-card p{color:#464646!important}
/* ---- includes/v2-page-styles.php ---- */
html[data-theme="light"] .v2-page{background:#f3f3f3!important;color:#121212!important}
html[data-theme="light"] .v2-hero{border-bottom:1px solid rgba(0,0,0,0.081)!important;background:#f3f3f3!important}
html[data-theme="light"] .v2-hero-shade{background:linear-gradient(90deg,#f3f3f3 0%,rgba(255,255,255,0.828) 48%,rgba(255,255,255,0.414) 100%),radial-gradient(circle at 20% 25%,rgba(244,104,0,.18),transparent 34%)!important}
html[data-theme="light"] .v2-eyebrow{color:#a24500!important}
html[data-theme="light"] .v2-hero h1 span,html[data-theme="light"] .v2-accent{color:#a24500!important}
html[data-theme="light"] .v2-hero p,html[data-theme="light"] .v2-lead{color:#424242!important}
html[data-theme="light"] .v2-hero-card{background:rgba(255,255,255,0.754)!important;box-shadow:0 25px 70px rgba(0,0,0,0.122)!important}
html[data-theme="light"] .v2-caption{color:#555555!important}
html[data-theme="light"] .v2-caption i{color:#a24500!important}
html[data-theme="light"] .v2-head p{color:#666666!important}
html[data-theme="light"] .v2-card{background:linear-gradient(145deg,#f8f8f8,#f5f5f5)!important;border:1px solid rgba(0,0,0,0.081)!important}
html[data-theme="light"] .v2-card:hover{box-shadow:0 18px 48px rgba(0,0,0,0.105)!important}
html[data-theme="light"] .v2-card-media{background:#f8f8f8!important}
html[data-theme="light"] .v2-card-media:after{background:linear-gradient(to top,rgba(255,255,255,0.662),transparent 58%)!important}
html[data-theme="light"] .v2-card-icon{color:#121212!important}
html[data-theme="light"] .v2-card p{color:#666666!important}
html[data-theme="light"] .v2-kicker{color:#a24500!important}
html[data-theme="light"] .v2-list li{color:#3c3c3c!important}
html[data-theme="light"] .v2-list li:before{color:#a24500!important}
html[data-theme="light"] .v2-status{color:#a44400!important}
html[data-theme="light"] .v2-band{border:1px solid rgba(0,0,0,0.081)!important;background:#f7f7f7!important}
html[data-theme="light"] .v2-band-copy p{color:#666666!important}
html[data-theme="light"] .v2-pill{border:1px solid rgba(0,0,0,0.115)!important;background:rgba(0,0,0,0.035)!important;color:#383838!important}
html[data-theme="light"] .v2-cta{background:radial-gradient(circle at 88% 20%,rgba(244,104,0,.15),transparent 35%),#f7f7f7!important}
html[data-theme="light"] .v2-cta p{color:#666666!important}
html[data-theme="light"] .v2-link{color:#a24500!important}
html[data-theme="light"] .v2-link:hover{color:#aa4600!important}
html[data-theme="light"] .v2-note{color:#666666!important}
html[data-theme="light"] .v2-metric{border:1px solid rgba(0,0,0,0.092)!important;background:rgba(0,0,0,0.035)!important}
html[data-theme="light"] .v2-metric strong{color:#121212!important}
html[data-theme="light"] .v2-metric span{color:#666666!important}
/* ---- lab/connector/index.php ---- */
html[data-theme="light"] .cn{background:#f3f3f3!important;color:#121212!important}
html[data-theme="light"] .cn-kicker{color:#a24500!important}
html[data-theme="light"] .cn p,html[data-theme="light"] .cn li{color:#4a4a4a!important}
html[data-theme="light"] .cn h3{color:#121212!important}
html[data-theme="light"] .cn a{color:#9a490b!important}
html[data-theme="light"] .cn-card{border:1px solid rgba(0,0,0,0.103)!important;background:#f6f6f6!important}
html[data-theme="light"] .cn-dot{background:#999999!important}
html[data-theme="light"] .cn-status-text span{color:#656565!important}
html[data-theme="light"] .cn-btn{color:#121212!important}
html[data-theme="light"] .cn-tab{border:1px solid rgba(0,0,0,0.138)!important;background:#f8f8f8!important;color:#333333!important}
html[data-theme="light"] .cn-tab[aria-selected="true"]{color:#121212!important}
html[data-theme="light"] .cn code{background:#fbfbfb!important;border:1px solid rgba(0,0,0,0.092)!important;color:#121212!important}
html[data-theme="light"] .cn-note{color:#666666!important}
html[data-theme="light"] .cn-msg.err{color:#c70000!important}
html[data-theme="light"] .cn-pair input{background:#f4f4f4!important;border:1px solid rgba(0,0,0,0.161)!important;color:#121212!important}
html[data-theme="light"] .cn summary{color:#222222!important}

/* ---- hand-written fixes (tools/theme-light.manual.css) ---- */

/* Text that uses the orange accent variable (the generator cannot see through var()). */
html[data-theme="light"] .nav-links a.nav-lab .nav-lab-mark,html[data-theme="light"] .mobile-lab-badge{color:#b84e00!important;border-color:#b84e00!important}
html[data-theme="light"] .mega a:hover .mega-t,html[data-theme="light"] .mega a:focus-visible .mega-t{color:#b84e00!important}
html[data-theme="light"] .office-card a.btn-primary{color:#111!important}
/* Lab connector page: the status dot colours, the chosen system tab and the orange buttons. */
html[data-theme="light"] .cn-dot.ok{background:#16a34a!important}
html[data-theme="light"] .cn-dot.warn{background:#d99a00!important}
html[data-theme="light"] .cn-dot.bad{background:#dc2626!important}
html[data-theme="light"] .cn-tab[aria-selected="true"]{border-color:#c25200!important;background:rgba(244,104,0,.12)!important}
html[data-theme="light"] .cn a.cn-btn.primary,html[data-theme="light"] .cn .cn-btn.primary{color:#111!important}
/* NOP Lab login: error text on a light background. */
html[data-theme="light"] .nl-err{color:#b42318!important;background:#fdecea!important}
/* Book a demo form messages on a light background. */
html[data-theme="light"] .ct-err{color:#b42318!important}
html[data-theme="light"] .ct-alert.is-ok{color:#166534!important;background:#e8f7ee!important}
html[data-theme="light"] .ct-alert.is-err{color:#b42318!important;background:#fdecea!important}