/* ==========================================================
   THE 1 ENERGY — FUTURE GLASS / DARK UI OVERRIDE
   UI only: intentionally scoped to screen so print/PDF output
   keeps the original document styling and business logic.
   ========================================================== */
@media screen {
  :root{
    color-scheme:dark;
    --f-bg:#050810;
    --f-bg-2:#09111f;
    --f-bg-3:#0d1728;
    --f-panel:rgba(13,23,40,.72);
    --f-panel-strong:rgba(12,22,38,.90);
    --f-panel-soft:rgba(255,255,255,.055);
    --f-line:rgba(139,213,255,.18);
    --f-line-strong:rgba(93,223,193,.35);
    --f-text:#f4f8ff;
    --f-muted:#a8b7ca;
    --f-cyan:#5edfff;
    --f-green:#4ce0a2;
    --f-orange:#ff9a43;
    --f-blue:#6c9cff;
    --f-red:#ff657a;
    --f-shadow:0 24px 70px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
    --f-glow:0 0 0 1px rgba(94,223,255,.06),0 0 34px rgba(76,224,162,.08),0 24px 70px rgba(0,0,0,.38);

    /* Existing variable compatibility */
    --text:var(--f-text);
    --ink:var(--f-text);
    --muted:var(--f-muted);
    --line:var(--f-line);
    --bg:var(--f-bg);
    --card:var(--f-panel);
    --soft:rgba(76,224,162,.10);
    --shadow:var(--f-shadow);
    --navy:#eaf4ff;
    --primary:#21c989;
    --primary-dark:#8bf3ca;
    --green:#31ce8d;
    --green-dark:#6af0b8;
    --green-soft:rgba(49,206,141,.12);
    --blue:#4d9dff;
    --blue-dark:#80bcff;
    --blue-soft:rgba(77,157,255,.12);
    --orange:#ff8a35;
    --red:#ff5268;
  }

  *{scrollbar-width:thin;scrollbar-color:rgba(94,223,255,.38) rgba(255,255,255,.04)}
  *::-webkit-scrollbar{width:10px;height:10px}
  *::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
  *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(76,224,162,.52),rgba(94,223,255,.40));border:2px solid #08101c;border-radius:999px}
  html{background:#050810!important}
  body{
    background:
      radial-gradient(circle at 12% -10%,rgba(76,224,162,.15),transparent 27%),
      radial-gradient(circle at 88% 2%,rgba(94,223,255,.14),transparent 28%),
      radial-gradient(circle at 78% 80%,rgba(108,156,255,.10),transparent 30%),
      linear-gradient(180deg,#050810 0%,#07101c 45%,#050912 100%)!important;
    color:var(--f-text)!important;
    min-height:100vh;
    position:relative;
    isolation:isolate;
  }
  body::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:-2!important;
    pointer-events:none!important;
    opacity:.58!important;
    background-image:
      linear-gradient(rgba(94,223,255,.032) 1px,transparent 1px),
      linear-gradient(90deg,rgba(94,223,255,.032) 1px,transparent 1px)!important;
    background-size:42px 42px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%)!important;
  }
  body::after{
    content:""!important;
    position:fixed!important;
    width:48vw!important;
    height:48vw!important;
    right:-22vw!important;
    top:22vh!important;
    z-index:-1!important;
    pointer-events:none!important;
    border-radius:50%!important;
    opacity:.72!important;
    background:radial-gradient(circle,rgba(76,224,162,.12),rgba(94,223,255,.05) 38%,transparent 68%)!important;
    filter:blur(10px)!important;
  }
  ::selection{background:rgba(76,224,162,.30);color:#fff}
  a{transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}

  /* ---------- Main website shell ---------- */
  .site-header,.global-header,.loan-site-header,.topbar{
    background:rgba(5,10,18,.74)!important;
    border-color:rgba(139,213,255,.13)!important;
    box-shadow:0 12px 40px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(22px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  }
  .site-header{border-bottom:1px solid rgba(139,213,255,.13)!important}
  .site-header::after,.global-header::after,.loan-site-header::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(76,224,162,.62),rgba(94,223,255,.48),transparent);
    pointer-events:none;
  }
  .brand img,.global-logo img,.loan-brand img,.login-logo img,.hero__logo--top,.brand-logo{
    background:rgba(255,255,255,.95)!important;
    border:1px solid rgba(255,255,255,.8)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.22),0 0 26px rgba(76,224,162,.09)!important;
  }
  .site-header .brand,.global-logo,.loan-brand{filter:drop-shadow(0 0 16px rgba(76,224,162,.07))}
  .nav a,.global-nav a,.loan-nav a{
    color:#d9e6f5!important;
    text-shadow:0 1px 14px rgba(0,0,0,.45);
  }
  .nav a:hover,.nav a.active,.global-nav a:hover,.global-nav a.active,.loan-nav a:hover,.loan-nav a.active{color:#fff!important}
  .nav a.active::after,.nav a:hover::after{background:linear-gradient(90deg,var(--f-green),var(--f-cyan))!important;box-shadow:0 0 16px rgba(76,224,162,.45)}
  .menu-toggle,.loan-menu-toggle{
    color:#fff!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(139,213,255,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.25)!important;
  }
  .nav.open,.loan-nav.open{
    background:rgba(7,14,25,.96)!important;border-color:rgba(139,213,255,.18)!important;box-shadow:0 28px 80px rgba(0,0,0,.58)!important;
    backdrop-filter:blur(24px)!important;
  }

  /* ---------- Reusable buttons ---------- */
  .btn,.primary,.secondary,.outline,.global-consult,.loan-nav-cta,.home-back-btn,.view-btn,.tab,.cta,.preview-close,button[class*="btn-"]{
    border-radius:15px!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important;
  }
  .btn:hover,.primary:hover,.secondary:hover,.outline:hover,.global-consult:hover,.loan-nav-cta:hover,.home-back-btn:hover,.view-btn:hover,.tab:hover,.cta:hover,button[class*="btn-"]:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.06)!important;
  }
  .btn-primary,.primary,.global-consult,.loan-nav-cta{
    background:linear-gradient(135deg,#ff7d28,#ffad50)!important;
    color:#fff!important;border-color:rgba(255,179,107,.42)!important;
    box-shadow:0 12px 34px rgba(255,126,40,.22),inset 0 1px 0 rgba(255,255,255,.25)!important;
  }
  .btn-green,.green,.btn-green.action-btn-ai{
    background:linear-gradient(135deg,#15995f,#35df9b)!important;color:#fff!important;
    box-shadow:0 12px 34px rgba(49,206,141,.19)!important;
  }
  .btn-blue,.blue,.btn-blue.action-btn-custom{
    background:linear-gradient(135deg,#2569cc,#56b5ff)!important;color:#fff!important;
    box-shadow:0 12px 34px rgba(77,157,255,.20)!important;
  }
  .btn-red,.dangerBtn,.btn-red.save-right,.btn-red.action-btn-submit{
    background:linear-gradient(135deg,#b9203d,#ff6175)!important;color:#fff!important;border-color:transparent!important;
    box-shadow:0 12px 30px rgba(255,82,104,.18)!important;
  }
  .btn-orange,.btn-orange-dark,.btn-orange.action-btn-reset{
    background:linear-gradient(135deg,#cf5d10,#ff9a43)!important;color:#fff!important;
    box-shadow:0 12px 30px rgba(255,138,53,.18)!important;
  }
  .btn-outline,.btn-ghost,.outline,.secondary,.btn-white,.home-back-btn,.view-btn{
    background:rgba(255,255,255,.065)!important;
    border:1px solid rgba(139,213,255,.22)!important;
    color:#eaf4ff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.20)!important;
    backdrop-filter:blur(12px)!important;
  }

  /* ---------- Hero / section atmosphere ---------- */
  .hero,.subhero,.article-hero-page{
    border-color:rgba(139,213,255,.12)!important;
  }
  .subhero,.article-hero-page{
    background:
      radial-gradient(circle at 15% 20%,rgba(76,224,162,.15),transparent 34%),
      radial-gradient(circle at 85% 10%,rgba(94,223,255,.12),transparent 28%),
      linear-gradient(135deg,rgba(7,15,27,.98),rgba(12,25,42,.92))!important;
    border-bottom:1px solid rgba(139,213,255,.13)!important;
  }
  .subhero h1,.article-hero-page h1,.article-hero-page h2{color:#f7fbff!important;text-shadow:0 0 26px rgba(94,223,255,.08)}
  .subhero p,.article-hero-page p,.article-meta{color:var(--f-muted)!important}
  .hero-fade{background:linear-gradient(90deg,rgba(4,8,15,.96) 0%,rgba(5,10,18,.90) 22%,rgba(5,10,18,.62) 48%,rgba(5,10,18,.18) 74%,rgba(5,10,18,.03) 100%)!important}
  .hero-img img{filter:brightness(.48) contrast(1.08) saturate(.82)!important}
  .hero-copy,.hero-card{
    background:linear-gradient(145deg,rgba(13,25,43,.78),rgba(8,17,30,.58))!important;
    border:1px solid rgba(139,213,255,.18)!important;
    box-shadow:var(--f-glow)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
  }
  .hero-copy{border-left:3px solid rgba(76,224,162,.72)!important}
  .hero h1{color:#fff!important;-webkit-text-stroke:0!important;text-shadow:0 0 28px rgba(255,138,53,.18),0 0 60px rgba(76,224,162,.08)!important}
  .hero h1 span{color:#ff9a43!important;-webkit-text-stroke:0!important;text-shadow:0 0 25px rgba(255,138,53,.20)!important}
  .hero p,.hero-copy p,.hero-card p{color:#c3d1e1!important}
  .hero-card i,.service-card i{background:linear-gradient(135deg,rgba(76,224,162,.16),rgba(94,223,255,.12))!important;border:1px solid rgba(76,224,162,.18)!important}
  .pill,.badge,.home-chip,.service-badge,.preview-tag{
    background:rgba(76,224,162,.10)!important;color:#92f6cf!important;border:1px solid rgba(76,224,162,.22)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  }

  .section{background:transparent!important}
  .section.alt,.home-main-section,.lead-form-section{background:rgba(255,255,255,.015)!important;border-top:1px solid rgba(139,213,255,.04);border-bottom:1px solid rgba(139,213,255,.04)}
  .section-head h2,.section-title h2,.section-title,.info-card h2,.table-card h2,.contact-card h1,.finance-banner h1,.package-card h3,.article-body h2,.article-body h3{color:#f5f9ff!important}
  .section-head p,.info-card p,.service-card p,.tool-card p,.package-card ul,.table-note,.contact-card p,.finance-banner p,.article-body p,.preview-muted{color:var(--f-muted)!important}
  .section-title::before,.section-title::after{background:linear-gradient(90deg,var(--f-green),var(--f-cyan))!important;box-shadow:0 0 14px rgba(76,224,162,.22)}

  /* ---------- Glass surfaces ---------- */
  .promo-card,.service-card,.info-card,.package-card,.table-card,.gallery-card,.contact-card,.tool-card,
  .finance-banner,.contact-strip,.lead-form-card,.partner-card,.lender-showcase-item,.lender-mini,
  .article-card,.home-promo-card,.finance-style-card,.contact-style-card,.premium-service-card,
  .footer-card,.company-legal-block.company-legal-standalone,
  .card,.form-box,.visual-card,.choice,.benefit,.stat-card,.summary-kpi,.kpi,.metric,.detail-card,.note-card,
  .portfolio-upload-card,.portfolio-item,.dash-card,.crm-grid,.history-item,.backup-log-card,.admin-page-title-card,
  .preview-section,.preview-mini-card,.preview-article-card,.preview-portfolio-card,.preview-popup-sample,
  .confirm-box,.preview-box,.login-card,.solar-exit-box{
    background:linear-gradient(145deg,rgba(16,29,48,.78),rgba(8,17,30,.69))!important;
    border:1px solid rgba(139,213,255,.16)!important;
    box-shadow:var(--f-shadow)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  }
  .promo-card,.service-card,.info-card,.package-card,.table-card,.gallery-card,.contact-card,.tool-card,.article-card,.partner-card,.card,.choice,.benefit,.stat-card,.metric,.detail-card,.login-card{position:relative;overflow:hidden}
  .promo-card::before,.service-card::before,.info-card::before,.package-card::before,.table-card::before,.contact-card::before,.tool-card::before,.article-card::before,.partner-card::before,.card::before,.choice::before,.benefit::before,.login-card::before{
    content:"";position:absolute;left:12%;right:12%;top:0;height:1px;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(94,223,255,.48),rgba(76,224,162,.46),transparent);
  }
  .gallery-card img,.article-thumb img,.service-card-media img,.home-promo-visual img,.partner-logo-wrap,.product-showcase-media{
    filter:saturate(.90) contrast(1.02) brightness(.88);
  }
  .gallery-card div,.promo-card .content,.article-body,.service-card-body,.home-promo-content,.product-showcase-content{background:transparent!important}
  .feature-list div,.product-points span,.warranty-row div,.footer-badges span,.partner-tags span,.home-mini-points span{
    background:rgba(255,255,255,.055)!important;border-color:rgba(139,213,255,.14)!important;color:#dbe8f6!important;
  }
  .price{color:#ff7c8c!important}.save{color:#62e7ad!important}
  .big-phone,.footer-phone{color:#ffad61!important;text-shadow:0 0 26px rgba(255,138,53,.17)}

  /* ---------- Forms ---------- */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select{
    background:rgba(3,9,17,.62)!important;
    color:#edf6ff!important;
    border:1px solid rgba(139,213,255,.18)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important;
  }
  input::placeholder,textarea::placeholder{color:#6f849b!important}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,textarea:focus,select:focus{
    outline:none!important;border-color:rgba(76,224,162,.65)!important;
    box-shadow:0 0 0 4px rgba(76,224,162,.10),0 0 24px rgba(76,224,162,.08)!important;
  }
  input[readonly],input:disabled,select:disabled,textarea:disabled{background:rgba(255,255,255,.04)!important;color:#9fb0c2!important}
  input[type="file"]{background:rgba(255,255,255,.04)!important;color:#c7d4e4!important}
  input[type="checkbox"],input[type="radio"]{accent-color:#35df9b}
  input[type="range"]{accent-color:#35df9b}
  label,.field label,.form-row label{color:#dce8f6!important}
  .hint,.notice,.note,.formula,.summary-warning,.preview-note,.finance-note{
    background:rgba(255,154,67,.075)!important;border-color:rgba(255,154,67,.20)!important;color:#ffd0a4!important;
  }
  .formula,.formula-card{background:rgba(94,223,255,.055)!important;border-color:rgba(94,223,255,.18)!important;color:#ccecff!important}
  .slider-field,.slider-row,.ncb-all-groups-box,.credit-explain{
    background:rgba(255,255,255,.045)!important;border-color:rgba(139,213,255,.14)!important;
  }

  /* ---------- Tables ---------- */
  .table-scroll,.table-wrap{background:rgba(3,9,17,.48)!important;border-color:rgba(139,213,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
  table{background:rgba(4,10,18,.74)!important;color:#dfeaf6!important}
  th{
    background:linear-gradient(135deg,#0b3840,#0c4e49 50%,#0b3653)!important;
    color:#f7fdff!important;border-color:rgba(139,213,255,.13)!important;
    text-shadow:0 1px 12px rgba(0,0,0,.42);
  }
  td{border-color:rgba(139,213,255,.10)!important;color:#cbd8e7!important;background:rgba(255,255,255,.012)!important}
  tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)!important}
  tbody tr:hover td,tr:hover td{background:rgba(76,224,162,.055)!important}

  /* ---------- Footer / legal ---------- */
  .site-footer,.footer-premium{
    background:
      radial-gradient(circle at 15% 0%,rgba(76,224,162,.11),transparent 25%),
      radial-gradient(circle at 85% 10%,rgba(94,223,255,.08),transparent 25%),
      linear-gradient(180deg,#07101c,#04070d)!important;
    border-top:1px solid rgba(139,213,255,.11)!important;
  }
  .site-footer p,.footer-meta p,.footer-facebook p,.footer-bottom,.company-legal-address{color:#9fb0c3!important}
  .site-footer h3,.company-legal-label{color:#8cf4cb!important}
  .footer-card{box-shadow:none!important}
  .footer-bottom{border-top-color:rgba(139,213,255,.11)!important}
  .company-legal-block,.company-legal-in-footer{background:rgba(255,255,255,.025)!important;border-color:rgba(139,213,255,.12)!important}
  .company-legal-company,.company-tax b,.company-legal-heading strong{color:#eef7ff!important}
  .company-tax em{color:#8fa3ba!important}

  /* ---------- Articles / finance / home specialty ---------- */
  .article-back-link,.article-read-btn{color:#8cf4cb!important}
  .article-read-btn{border-color:rgba(76,224,162,.24)!important;background:rgba(76,224,162,.07)!important}
  .finance-banner{background:linear-gradient(135deg,rgba(16,37,49,.84),rgba(20,21,48,.80))!important}
  .lender-mini,.partner-card{background:rgba(255,255,255,.045)!important}
  .contact-highlight-box{background:rgba(76,224,162,.06)!important;border-color:rgba(76,224,162,.17)!important}

  /* ---------- Admin ---------- */
  body:has(.admin-edit-section){background:linear-gradient(180deg,#050810,#07111d)!important}
  .top h1,.admin-page-title-card h2,.card h2,.card h3,.preview-head h2,.preview-section h3,.confirm-box h2{color:#f4f9ff!important}
  .sub,.small,.history-note,.article-color-hint,.portfolio-template-note{color:var(--f-muted)!important}
  .tabs{
    background:rgba(5,10,18,.73)!important;
    border:1px solid rgba(139,213,255,.08)!important;
    border-radius:22px!important;
    padding:10px!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 15px 40px rgba(0,0,0,.20)!important;
  }
  .tabs a,.tabs .tab{
    background:rgba(255,255,255,.045)!important;border-color:rgba(139,213,255,.13)!important;color:#b8c9db!important;
  }
  .tabs a.active-admin-tab,.tabs .tab.active,.tab.active{
    background:linear-gradient(135deg,rgba(28,128,97,.95),rgba(40,157,174,.95))!important;
    color:#fff!important;border-color:rgba(94,223,255,.22)!important;
    box-shadow:0 12px 32px rgba(31,193,149,.18)!important;
  }
  .dash-card b,.history-date,.portfolio-upload-card strong,.preview-mini-card b{color:#70e8ff!important}
  .dash-card span,.history-action{color:#d8e5f3!important}
  .preview-overlay,.confirm-overlay{background:rgba(0,5,12,.78)!important;backdrop-filter:blur(10px)!important}
  .preview-head{background:rgba(7,14,25,.96)!important;border-color:rgba(139,213,255,.12)!important}
  .preview-body{background:transparent!important}
  .preview-close{background:rgba(255,82,104,.12)!important;color:#ff8a99!important;border:1px solid rgba(255,82,104,.18)!important}
  .preview-pill-on{background:rgba(76,224,162,.10)!important;color:#8cf4cb!important}
  .preview-pill-off{background:rgba(255,82,104,.10)!important;color:#ff8d9b!important}
  .article-admin-item,.portfolio-template-preview{
    background:linear-gradient(145deg,rgba(16,29,48,.76),rgba(8,17,30,.68))!important;border-color:rgba(139,213,255,.15)!important;
  }

  /* ---------- Login ---------- */
  .login-wrap{background:transparent!important;min-height:calc(100vh - 160px)!important}
  .login-card{border-radius:30px!important;box-shadow:0 35px 100px rgba(0,0,0,.54),0 0 60px rgba(76,224,162,.07)!important}
  .login-card h1,.login-card h2{color:#f6fbff!important}
  .login-card p{color:var(--f-muted)!important}
  .error{color:#ff8898!important}

  /* ---------- Assessment / calculators ---------- */
  .global-consult,.loan-nav-cta{border:1px solid rgba(255,174,100,.25)!important}
  .tools-page,.assessment-page{background:transparent!important}
  .choice{border-radius:30px!important}
  .choice.ongrid,.panel-green{background:linear-gradient(135deg,rgba(9,78,53,.82),rgba(8,40,43,.82))!important;color:#fff!important}
  .choice.hybrid,.panel-blue{background:linear-gradient(135deg,rgba(21,49,89,.86),rgba(27,38,74,.80))!important;color:#fff!important}
  .choice p,.benefit p,.panel-head p,.summary-lead,.summary-section,.credit-explain p{color:#afc2d6!important}
  .choice h2,.benefit b,.benefit strong,.panel-head h2,.summary-section h3{color:#f3f9ff!important}
  .choice .icon,.benefit .icon{background:rgba(255,255,255,.08)!important;border:1px solid rgba(139,213,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
  .view-switch{background:rgba(6,12,22,.76)!important;border:1px solid rgba(139,213,255,.12)!important;border-radius:22px!important;padding:8px!important;backdrop-filter:blur(16px)!important}
  .view-btn.active{background:linear-gradient(135deg,#167d64,#2d93a0)!important;color:#fff!important;border-color:transparent!important}
  .panel,.hybrid-section{background:transparent!important}
  .form-box,.result-card,.compare-card,.credit-explain,.ai-summary-card{border-radius:26px!important}
  .result-list .metric.highlight,.metric.highlight{background:linear-gradient(135deg,rgba(76,224,162,.10),rgba(94,223,255,.055))!important;border-color:rgba(76,224,162,.22)!important}
  .metric span,.kpi .label,.kpi .small{color:#8fa3ba!important}
  .metric strong,.kpi .value{color:#eff8ff!important}
  .warning,.warning.show{background:rgba(255,82,104,.08)!important;color:#ff9aaa!important;border-color:rgba(255,82,104,.18)!important}
  .summary-section{background:rgba(255,255,255,.035)!important;border-color:rgba(139,213,255,.12)!important}
  .summary-section b{color:#eef7ff!important}
  .saving-highlight.green,.saving-highlight.blue{
    background:linear-gradient(135deg,rgba(19,126,88,.95),rgba(22,91,116,.92))!important;
    border:1px solid rgba(94,223,255,.16)!important;box-shadow:0 24px 60px rgba(0,0,0,.30)!important;
  }
  .solar-exit-modal{background:rgba(0,5,12,.80)!important;backdrop-filter:blur(10px)!important}
  .solar-exit-box h2{color:#ff8d9b!important}.solar-exit-box p{color:#b5c7da!important}

  /* Loan-specific hero */
  .loan-site-header{position:sticky!important;top:0!important;z-index:90!important}
  .loan-site-header .loan-nav-row{min-height:82px}
  .loan-site-header .loan-brand img{max-height:58px}
  body:has(.loan-site-header) .hero{
    background:
      radial-gradient(circle at 10% 10%,rgba(76,224,162,.20),transparent 28%),
      radial-gradient(circle at 90% 0%,rgba(94,223,255,.17),transparent 30%),
      linear-gradient(135deg,#07121c,#0a2230 52%,#10253a)!important;
    color:#fff!important;border-bottom:1px solid rgba(139,213,255,.12)!important;
  }
  body:has(.loan-site-header) .hero::after{background:radial-gradient(circle,rgba(76,224,162,.12),transparent 68%)!important}
  body:has(.loan-site-header) .container{color:var(--f-text)!important}
  body:has(.loan-site-header) .tab.tab-icbc{background:linear-gradient(135deg,#8c2638,#d84b5d)!important}
  body:has(.loan-site-header) .tab.tab-tisco{background:linear-gradient(135deg,#1d4d96,#3e81dd)!important}
  body:has(.loan-site-header) .tab.tab-sme{background:linear-gradient(135deg,#126345,#2caa75)!important}
  body:has(.loan-site-header) .pill{color:#ffd0a4!important;background:rgba(255,154,67,.08)!important;border-color:rgba(255,154,67,.18)!important}

  /* Ongrid custom shell: override old light futuristic theme */
  body:has(.hero-brand) .hero{
    background:
      radial-gradient(circle at 12% 12%,rgba(76,224,162,.16),transparent 28%),
      radial-gradient(circle at 88% 8%,rgba(94,223,255,.13),transparent 30%),
      linear-gradient(135deg,rgba(7,20,27,.98),rgba(9,27,41,.96))!important;
    border:1px solid rgba(139,213,255,.14)!important;
    box-shadow:0 28px 76px rgba(0,0,0,.40)!important;
  }
  body:has(.hero-brand) .hero::before,body:has(.hero-brand) .hero::after{opacity:.35!important}
  body:has(.hero-brand) .hero h1,body:has(.hero-brand) .hero p{max-width:none!important;color:#edf7ff!important;text-shadow:none!important}
  .hero-brand-title,.hero-brand-sub{color:#edf7ff!important}
  .green-text{color:#66e9ae!important}.blue-text{color:#7fc3ff!important}

  /* Hybrid calculator shell */
  body:has(.hybrid-section) .hero{
    background:
      radial-gradient(circle at 14% 10%,rgba(76,224,162,.17),transparent 28%),
      radial-gradient(circle at 86% 14%,rgba(108,156,255,.15),transparent 30%),
      linear-gradient(135deg,#07131d,#0a1e2e 55%,#0f2035)!important;
  }
  body:has(.hybrid-section) .hero-card,body:has(.hybrid-section) .visual-card{background:linear-gradient(145deg,rgba(16,29,48,.76),rgba(8,17,30,.66))!important}
  .brand-text .t1,.brand-text .energy,.brand-text .sub{color:#eff8ff!important}

  /* Assessment landing */
  body:has(.choices) .hero{background:transparent!important;box-shadow:none!important;border:0!important}
  body:has(.choices) .brand{background:transparent!important}
  body:has(.choices) .choice .top{color:#f5faff!important}

  /* Portfolio template module */
  body:has(canvas) .wrap,body:has(.portfolio-template-preview){color:var(--f-text)!important}

  /* ---------- Responsive refinements ---------- */
  @media(max-width:1050px){
    .nav.open{top:88px!important}
  }
  @media(max-width:700px){
    body::before{background-size:30px 30px!important;opacity:.38!important}
    .hero-copy{padding:24px!important;border-radius:24px!important}
    .promo-card,.service-card,.info-card,.package-card,.table-card,.gallery-card,.contact-card,.tool-card,.card,.login-card{border-radius:20px!important}
    .tabs{border-radius:18px!important}
  }

  /* Keep document/report previews white even when viewed on dark UI. */
  .professional-print-report,.loan-print-report,.report-page,.print-only .report-page{
    color-scheme:light;
  }
}

/* V5 — Hybrid assessment summary detail cards: improve text contrast on light cards. */
@layer future-glass {
  body:has(.hybrid-section) .detail small{
    color:#5b7393!important;
    font-weight:850!important;
    text-shadow:none!important;
    opacity:1!important;
  }
  body:has(.hybrid-section) .detail strong{
    color:#1f63b5!important;
    font-weight:900!important;
    text-shadow:none!important;
    opacity:1!important;
  }
}

/* =========================================================
   V11 — THE 1 ENERGY company logo: white futuristic glass card
   Screen-only override for legacy Hybrid assessment page.
   ========================================================= */
@media screen {
  :is(.global-logo img,.brand-logo){
    background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(255,255,255,.955) 48%,rgba(241,249,255,.925))!important;
    border:1px solid rgba(255,255,255,.96)!important;border-radius:18px!important;padding:8px 11px!important;overflow:hidden!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -12px 24px rgba(89,203,255,.055),0 10px 28px rgba(0,0,0,.30),0 0 0 1px rgba(94,223,255,.09),0 0 24px rgba(76,224,162,.08)!important;
    -webkit-backdrop-filter:blur(20px) saturate(145%)!important;backdrop-filter:blur(20px) saturate(145%)!important;
    filter:brightness(1.025) contrast(1.015) saturate(1.035)!important
  }
  .global-logo{position:relative!important;border-radius:20px!important;isolation:isolate!important}
  .global-logo::after{content:"";position:absolute;left:10%;right:10%;top:5px;height:1px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),rgba(94,223,255,.32),transparent);box-shadow:0 0 12px rgba(255,255,255,.34);pointer-events:none;z-index:2}
}