/* ==========================================================================
   TGS CLIENT FINAL REWORK
   Header logo left, professional client copy, visible animated wallpaper.
   ========================================================================== */
:root{
  --client-cyan:#35d8ff;
  --client-green:#24d18f;
  --client-bg:#020812;
  --client-panel:rgba(7,18,34,.76);
  --client-border:rgba(53,216,255,.22);
  --client-text:#f7fbff;
  --client-muted:#b9c9dc;
}
html,body{background:#020812!important;color:var(--client-text)!important;}
body.tgs-final-site,
body.tgs-pro-home,
body.tgs-pro-page,
body.tgs-pro-service,
body.tgs-pro-contact,
body.tgs-pro-main,
body.tgs-pro-console{
  background:#020812!important;
  min-height:100dvh;
}
body.tgs-final-site::before,
body.tgs-pro-home::before,
body.tgs-pro-page::before,
body.tgs-pro-service::before,
body.tgs-pro-contact::before,
body.tgs-pro-main::before,
body.tgs-pro-console::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(2,8,18,.74),rgba(2,8,18,.42) 50%,rgba(2,8,18,.78)),
    linear-gradient(180deg,rgba(2,8,18,.20),rgba(2,8,18,.88)),
    url('assets/brand/tgs-wallpaper-lines-pro.gif') center center/cover fixed no-repeat!important;
  opacity:.95!important;
  filter:saturate(1.18) contrast(1.04)!important;
}
body.tgs-final-site::after,
body.tgs-pro-home::after,
body.tgs-pro-page::after,
body.tgs-pro-service::after,
body.tgs-pro-contact::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:radial-gradient(900px 520px at 75% -10%,rgba(53,216,255,.18),transparent 65%),radial-gradient(760px 460px at 10% 100%,rgba(36,209,143,.16),transparent 62%)!important;
  opacity:.85!important;
}
body.tgs-final-site header,
body.tgs-pro-home header,
body.tgs-pro-page header,
body.tgs-pro-service header,
body.tgs-pro-contact header{
  min-height:76px!important;
  padding:10px clamp(18px,3vw,42px)!important;
  gap:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:rgba(2,8,18,.76)!important;
  border-bottom:1px solid rgba(53,216,255,.22)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  position:sticky!important;
  top:0!important;
  z-index:40!important;
}
.tgs-fixed-logo{display:none!important;}
body.tgs-final-site header .brand,
body.tgs-pro-home header .brand,
body.tgs-pro-page header .brand,
body.tgs-pro-service header .brand,
body.tgs-pro-contact header .brand{
  padding:0!important;
  margin:0!important;
  min-width:132px!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  font-size:0!important;
}
body.tgs-final-site header .brand::before,
body.tgs-pro-home header .brand::before,
body.tgs-pro-page header .brand::before,
body.tgs-pro-service header .brand::before,
body.tgs-pro-contact header .brand::before{display:none!important;content:none!important;}
.tgs-logo-brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:126px!important;
  height:50px!important;
  border-radius:18px!important;
  border:1px solid rgba(53,216,255,.28)!important;
  background:rgba(2,8,18,.46)!important;
  box-shadow:0 0 26px rgba(53,216,255,.10)!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.tgs-logo-brand img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body.tgs-final-site nav#topNav,
body.tgs-pro-home nav#topNav,
body.tgs-pro-page nav#topNav{flex:1 1 auto!important;width:auto!important;}
body.tgs-final-site .nav-left,
body.tgs-pro-home .nav-left,
body.tgs-pro-page .nav-left{gap:10px!important;justify-content:center!important;}
body.tgs-final-site a.navlink,
body.tgs-pro-home a.navlink,
body.tgs-pro-page a.navlink{
  font-size:14px!important;
  font-weight:800!important;
  color:#d9e8f7!important;
  padding:10px 12px!important;
  border-radius:999px!important;
  text-decoration:none!important;
}
body.tgs-final-site a.navlink:hover,
body.tgs-pro-home a.navlink:hover,
body.tgs-pro-page a.navlink:hover{background:rgba(53,216,255,.12)!important;border-color:rgba(53,216,255,.26)!important;color:#fff!important;}
body.tgs-final-site .btn-primary,
body.tgs-pro-home .btn-primary,
body.tgs-pro-page .btn-primary{background:linear-gradient(135deg,var(--client-cyan),var(--client-green))!important;color:#02101d!important;border:0!important;}
.tgs-final-hero,
.tgs-final-section,
.tgs-area-shell,
.erp-manager-page .erp-hero,
.erp-manager-page .erp-card{
  background:linear-gradient(135deg,rgba(5,16,31,.82),rgba(3,11,22,.68) 60%,rgba(8,24,42,.72))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px) saturate(1.1)!important;
}
.tgs-final-title{font-size:clamp(38px,5vw,68px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:920px!important;}
.tgs-final-lede{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.68!important;color:#d7e7f8!important;max-width:870px!important;}
.tgs-section-head p{color:#b9c9dc!important;font-size:16px!important;line-height:1.6!important;}
.tgs-final-kicker span,.erp-only-badge{background:rgba(53,216,255,.10)!important;border-color:rgba(53,216,255,.28)!important;color:#c7f5ff!important;}
.tgs-business-card{min-height:390px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;}
.tgs-business-card:hover{transform:translateY(-4px)!important;border-color:rgba(53,216,255,.34)!important;box-shadow:0 28px 90px rgba(0,0,0,.42),0 0 36px rgba(53,216,255,.08)!important;}
.tgs-business-card img{height:190px!important;background:rgba(4,14,28,.38)!important;}
.tgs-hero-dashboard{background:linear-gradient(135deg,rgba(4,16,31,.86),rgba(2,8,18,.78)),url('assets/brand/tgs-wallpaper-lines-pro.gif') center/cover no-repeat!important;}
.tgs-dashboard-window{background:rgba(2,8,18,.68)!important;}
.tgs-top-mini{
  width:min(1220px,calc(100% - 44px))!important;
  margin:16px auto 0!important;
  padding:10px 16px!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  border-radius:22px!important;
  border:1px solid rgba(53,216,255,.18)!important;
  background:rgba(2,8,18,.62)!important;
  backdrop-filter:blur(14px)!important;
}
.tgs-top-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:118px!important;height:46px!important;border-radius:16px!important;overflow:hidden!important;border:1px solid rgba(53,216,255,.25)!important;background:rgba(2,8,18,.48)!important;}
.tgs-top-brand img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.tgs-top-mini a:not(.primary):not(.tgs-top-brand){color:#d7e7f8!important;text-decoration:none!important;font-weight:900!important;}
.tgs-area-hero h1{font-size:clamp(34px,4.7vw,62px)!important;line-height:1.04!important;}
.tgs-area-hero p{color:#d4e5f6!important;max-width:760px!important;}
.tgs-area-hero img{background:linear-gradient(135deg,rgba(5,16,31,.62),rgba(3,11,22,.58)),url('assets/brand/tgs-wallpaper-lines-pro.gif') center/cover no-repeat!important;}
.erp-manager-page .lede{color:#d4e5f6!important;}
.erp-manager-page .erp-status-card{background:rgba(2,8,18,.58)!important;}
.erp-manager-page .module-grid label,.erp-manager-page input,.erp-manager-page select,.erp-manager-page textarea{background:#07111f!important;color:#f6fbff!important;}
.portal-separation-note{font-size:14px!important;color:#bdd0e4!important;background:rgba(53,216,255,.08)!important;border:1px solid rgba(53,216,255,.18)!important;border-radius:16px!important;padding:12px 14px!important;display:inline-flex!important;margin-top:12px!important;}
@media(max-width:1100px){
  body.tgs-final-site header,body.tgs-pro-home header,body.tgs-pro-page header{gap:14px!important;}
  .tgs-logo-brand{width:108px!important;height:46px!important;}
  body.tgs-final-site .nav-left,body.tgs-pro-home .nav-left,body.tgs-pro-page .nav-left{gap:4px!important;}
  body.tgs-final-site a.navlink,body.tgs-pro-home a.navlink,body.tgs-pro-page a.navlink{font-size:13px!important;padding:9px 8px!important;}
}
@media(max-width:860px){
  body.tgs-final-site header,body.tgs-pro-home header,body.tgs-pro-page header{min-height:68px!important;padding:10px 14px!important;}
  .tgs-logo-brand{width:104px!important;height:44px!important;}
  .tgs-final-hero{width:calc(100% - 22px)!important;margin-top:22px!important;}
  .tgs-top-mini{width:calc(100% - 22px)!important;min-height:62px!important;}
  .tgs-top-brand{width:104px!important;height:42px!important;}
}