/* V64 visual upgrade */
.v64-body{margin:0;background:#03060c;color:#edf3fb;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.v64-smoke-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(1.02) contrast(1.12) saturate(1.06);opacity:.72}
.v64-video-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,12,.90),rgba(2,6,12,.62),rgba(2,6,12,.90)),radial-gradient(circle at 70% 20%,rgba(40,110,170,.18),transparent 28%),radial-gradient(circle at 20% 75%,rgba(32,73,120,.20),transparent 30%)}
.v64-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 26px;background:linear-gradient(180deg,rgba(2,4,8,.70),rgba(2,4,8,.12));backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.v64-logo{text-decoration:none;display:flex;align-items:baseline;gap:14px}
.v64-logo-main,.v64-big-name{font-family:Georgia,'Times New Roman',serif;letter-spacing:.26em;font-weight:400;background:linear-gradient(180deg,#ffffff 0%,#f0f0f0 47%,#d7dce9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(255,255,255,.12),0 0 20px rgba(120,160,220,.06)}
.v64-logo-main{font-size:26px;line-height:1}
.v64-logo-sub,.v64-small-name{font-family:Arial,sans-serif;color:#62f0ea;letter-spacing:.42em;font-size:12px;font-weight:700;text-transform:uppercase}
.v64-nav nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.v64-nav nav a{color:rgba(238,245,255,.78);text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.v64-nav nav a:hover,.v64-nav nav a.active{color:#fff}
.v64-platform-link{border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.03)}
.v64-main{padding-top:78px}
.v64-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:6vw 7vw}
.v64-hero-brand{display:flex;align-items:center;justify-content:center;min-height:420px}
.v64-hero-wordmark{position:relative;text-align:center;animation:v64Float 6s ease-in-out infinite,v64FadeUp 1.4s ease both}
.v64-hero-wordmark:before{content:'';position:absolute;left:-6%;right:-6%;top:42%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateY(-50%);animation:v64Sweep 4.6s linear infinite;opacity:.55}
.v64-big-name{font-size:clamp(72px,10vw,152px);line-height:.92;position:relative}
.v64-small-name{font-size:clamp(18px,2vw,34px);margin-top:18px;text-align:center;display:block}
.v64-hero-copy{max-width:560px;justify-self:end;animation:v64FadeUp 1.35s ease both}
.v64-eyebrow{font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:#88f0f5;font-weight:700}
.v64-hero-copy h1,.v64-page-hero h1,.split h2,.v64-values-section h2,.v64-text-grid h2,.v64-contact-side h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#fff;line-height:.98;margin:18px 0 18px;font-size:clamp(42px,5.6vw,82px);text-shadow:0 2px 18px rgba(0,0,0,.28)}
.v64-hero-copy p,.split p,.v64-service-card p,.v64-values-grid p,.v64-text-grid p,.v64-three-column-copy p,.v64-product-card p,.v64-page-hero p,.v64-contact-side p,.v64-footer p{color:rgba(236,243,251,.76);line-height:1.75;font-size:18px}
.v64-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.v64-actions a,.v64-service-card a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:13px 18px;border-radius:999px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;background:rgba(255,255,255,.03)}
.v64-actions a:first-child{background:rgba(255,255,255,.1)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:84px 7vw;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,12,20,.42)}
.v64-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:86px 7vw}
.v64-service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);overflow:hidden;backdrop-filter:blur(5px)}
.v64-service-card img{width:100%;height:290px;object-fit:cover;display:block}
.v64-service-card div{padding:28px}
.v64-service-card span,.v64-product-card span,.v64-values-grid span{display:block;color:#7ff1f1;letter-spacing:.18em;font-size:12px;text-transform:uppercase;font-weight:700}
.v64-service-card h3,.v64-three-column-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;color:#fff;margin:16px 0 12px}
.v64-values-section,.v64-product-section{padding:86px 7vw;background:rgba(4,10,16,.42);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.v64-section-head{max-width:960px;margin-bottom:30px}
.v64-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v64-values-grid article,.v64-three-column-copy article,.v64-product-card,.v64-text-grid article,.v64-contact-form,.v64-contact-side{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:28px;backdrop-filter:blur(4px)}
.v64-values-grid article span{margin-bottom:14px}
.v64-map-section img,.v64-page-hero img,.v64-contact-side img{width:100%;display:block;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.v64-page-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;padding:80px 7vw}
.v64-page-hero img{min-height:420px;object-fit:cover}
.v64-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 7vw 84px}
.v64-three-column-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 7vw 84px}
.v64-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v64-product-card{min-height:180px}
.v64-product-card span{font-size:16px;margin-bottom:14px}
.v64-contact-section{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:0 7vw 86px}
.v64-contact-side img{margin-top:16px}
.v64-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:42px 7vw;background:rgba(2,4,8,.6);border-top:1px solid rgba(255,255,255,.07)}
.v64-footer b{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;color:#fff;display:block;margin-bottom:8px}
.v64-footer a{display:block;color:rgba(236,243,251,.72);text-decoration:none;margin:6px 0}
@keyframes v64Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes v64Sweep{0%{transform:translateX(-40%) translateY(-50%)}100%{transform:translateX(40%) translateY(-50%)}}
@keyframes v64FadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 1200px){.v64-hero,.split,.v64-page-hero,.v64-contact-section,.v64-text-grid{grid-template-columns:1fr}.v64-hero-copy{justify-self:start}.v64-service-grid,.v64-product-grid,.v64-three-column-copy,.v64-values-grid{grid-template-columns:1fr 1fr}.v64-footer{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.v64-nav{padding:14px 16px;align-items:flex-start;flex-direction:column}.v64-nav nav{gap:10px}.v64-main{padding-top:110px}.v64-hero,.split,.v64-page-hero,.v64-service-grid,.v64-values-section,.v64-product-section,.v64-text-grid,.v64-three-column-copy,.v64-contact-section,.v64-footer{padding-left:5vw;padding-right:5vw}.v64-service-grid,.v64-product-grid,.v64-three-column-copy,.v64-values-grid,.v64-footer{grid-template-columns:1fr}.v64-big-name{font-size:54px}.v64-small-name{font-size:18px;letter-spacing:.28em}.v64-page-hero img{min-height:280px}}


/* V66 final visual amendments */
.v66-body{
  margin:0;
  background:#03060c;
  color:#edf3fb;
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
.v66-smoke-video{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
  filter:brightness(1.05) contrast(1.14) saturate(1.06);
  opacity:.76;
}
.v66-video-overlay{
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,6,12,.90),rgba(2,6,12,.58),rgba(2,6,12,.90)),
    radial-gradient(circle at 70% 20%,rgba(40,110,170,.18),transparent 28%),
    radial-gradient(circle at 20% 75%,rgba(32,73,120,.18),transparent 30%);
}
.v66-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 26px;
  background:linear-gradient(180deg,rgba(2,4,8,.68),rgba(2,4,8,.10));
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.v66-logo{
  text-decoration:none;
  display:flex;
  align-items:baseline;
  gap:14px;
}
.v66-logo-main,
.v66-big-name{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.30em;
  font-weight:300;
  color:#f7f7f7;
  text-shadow:
    0 1px 0 rgba(0,0,0,.55),
    0 0 8px rgba(255,255,255,.16),
    0 0 16px rgba(85,115,180,.12);
  -webkit-text-stroke:.35px rgba(255,255,255,.20);
}
.v66-logo-main{
  font-size:25px;
  line-height:1;
}
.v66-logo-sub,
.v66-small-name{
  font-family:Arial,sans-serif;
  color:#62f0ea;
  letter-spacing:.42em;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.v66-nav nav{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v66-nav nav a{
  color:rgba(238,245,255,.78);
  text-decoration:none;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}
.v66-nav nav a:hover,
.v66-nav nav a.active{color:#fff}
.v66-platform-link{
  border:1px solid rgba(255,255,255,.18);
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
}
.v66-main{padding-top:78px}
.v66-hero{
  min-height:calc(100vh - 78px);
  display:grid;
  grid-template-columns:1.22fr .78fr;
  align-items:center;
  gap:30px;
  padding:5vw 7vw;
}
.v66-hero-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
}
.v66-hero-wordmark{
  position:relative;
  text-align:center;
  animation:v66Float 6s ease-in-out infinite,v66FadeUp 1.2s ease both;
}
.v66-hero-wordmark:before{
  content:'';
  position:absolute;
  left:-8%;
  right:-8%;
  top:44%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:v66Sweep 4.8s linear infinite;
}
.v66-big-name{
  font-size:clamp(58px,8.2vw,122px);
  line-height:.92;
}
.v66-small-name{
  display:block;
  font-size:clamp(15px,1.5vw,25px);
  margin-top:17px;
  letter-spacing:.38em;
}
.v66-hero-copy{
  max-width:500px;
  justify-self:end;
  animation:v66FadeUp 1.2s ease both;
}
.v66-eyebrow{
  font-size:10px;
  letter-spacing:.36em;
  text-transform:uppercase;
  color:#88f0f5;
  font-weight:700;
}
.v66-hero-copy h1{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:300;
  color:#fff;
  line-height:1.03;
  margin:18px 0;
  font-size:clamp(34px,3.4vw,56px);
  text-shadow:0 2px 18px rgba(0,0,0,.24);
}
.v66-page-hero h1,
.split h2,
.v66-values-section h2,
.v66-single-copy h2,
.v66-contact-side h2{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:300;
  color:#fff;
  line-height:1.03;
  margin:18px 0;
  font-size:clamp(34px,4vw,58px);
}
.v66-hero-copy p,
.split p,
.v66-service-card p,
.v66-values-grid p,
.v66-single-copy p,
.v66-three-column-copy p,
.v66-product-card p,
.v66-page-hero p,
.v66-contact-side p,
.v66-footer p{
  color:rgba(236,243,251,.76);
  line-height:1.7;
  font-size:17px;
}
.v66-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}
.v66-actions a,
.v66-service-card a{
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.22);
  padding:13px 18px;
  border-radius:999px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  background:rgba(255,255,255,.03);
}
.v66-actions a:first-child{background:rgba(255,255,255,.10)}
.split{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:36px;
  align-items:center;
  padding:80px 7vw;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(5,12,20,.42);
}
.v66-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  padding:82px 7vw;
}
.v66-service-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  backdrop-filter:blur(5px);
}
.v66-service-card img{
  width:100%;
  height:290px;
  object-fit:cover;
  display:block;
}
.v66-service-card div{padding:28px}
.v66-service-card span,
.v66-product-card span,
.v66-values-grid span{
  display:block;
  color:#7ff1f1;
  letter-spacing:.18em;
  font-size:12px;
  text-transform:uppercase;
  font-weight:700;
}
.v66-service-card h3,
.v66-three-column-copy h3{
  font-family:Georgia,'Times New Roman',serif;
  font-size:44px;
  font-weight:300;
  color:#fff;
  margin:16px 0 12px;
}
.v66-values-section,
.v66-product-section{
  padding:80px 7vw;
  background:rgba(4,10,16,.42);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.v66-section-head{
  max-width:960px;
  margin-bottom:30px;
}
.v66-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.v66-values-grid article,
.v66-three-column-copy article,
.v66-product-card,
.v66-single-copy,
.v66-contact-form,
.v66-contact-side{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  padding:28px;
  backdrop-filter:blur(4px);
}
.v66-map-section img,
.v66-page-hero img,
.v66-contact-side img{
  width:100%;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.v66-page-hero{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:34px;
  align-items:center;
  padding:80px 7vw;
}
.v66-page-hero.compact{
  padding-bottom:44px;
}
.v66-page-hero img{
  min-height:420px;
  object-fit:cover;
}
.v66-single-copy{
  margin:0 7vw 84px;
}
.v66-single-copy h2{
  max-width:920px;
}
.v66-three-column-copy{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding:0 7vw 84px;
}
.v66-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.v66-product-card{
  min-height:180px;
}
.v66-product-card span{
  font-size:16px;
  margin-bottom:14px;
}
.v66-contact-section{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  padding:0 7vw 86px;
}
.v66-contact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.v66-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v66-field.full{grid-column:1 / -1}
.v66-field label{
  color:#88f0f5;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
}
.v66-field input,
.v66-field select,
.v66-field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:14px;
  padding:14px 15px;
  outline:none;
  font-size:15px;
}
.v66-field textarea{
  min-height:135px;
  resize:vertical;
}
.v66-field input::placeholder,
.v66-field textarea::placeholder{
  color:rgba(255,255,255,.42);
}
.v66-submit{
  grid-column:1 / -1;
  justify-self:start;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:14px 22px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.v66-contact-side img{margin-top:16px}
.v66-footer{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:24px;
  padding:42px 7vw;
  background:rgba(2,4,8,.60);
  border-top:1px solid rgba(255,255,255,.07);
}
.v66-footer b{
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  font-weight:300;
  color:#fff;
  display:block;
  margin-bottom:8px;
}
.v66-footer a{
  display:block;
  color:rgba(236,243,251,.72);
  text-decoration:none;
  margin:6px 0;
}
@keyframes v66Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes v66Sweep{
  0%{transform:translateX(-42%)}
  100%{transform:translateX(42%)}
}
@keyframes v66FadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:1200px){
  .v66-hero,.split,.v66-page-hero,.v66-contact-section{grid-template-columns:1fr}
  .v66-hero-copy{justify-self:start}
  .v66-service-grid,.v66-product-grid,.v66-three-column-copy,.v66-values-grid{grid-template-columns:1fr 1fr}
  .v66-footer{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .v66-nav{padding:14px 16px;align-items:flex-start;flex-direction:column}
  .v66-nav nav{gap:10px}
  .v66-main{padding-top:120px}
  .v66-hero,.split,.v66-page-hero,.v66-service-grid,.v66-values-section,.v66-product-section,.v66-single-copy,.v66-three-column-copy,.v66-contact-section,.v66-footer{
    padding-left:5vw;
    padding-right:5vw;
  }
  .v66-service-grid,.v66-product-grid,.v66-three-column-copy,.v66-values-grid,.v66-footer,.v66-contact-form{grid-template-columns:1fr}
  .v66-big-name{font-size:52px}
  .v66-small-name{font-size:16px;letter-spacing:.28em}
  .v66-hero-copy h1{font-size:34px}
  .v66-page-hero img{min-height:280px}
}


/* =========================================================
   V67 OBVIOUS VISUAL CHANGES - hard override
   ========================================================= */
body.v67-body{
  margin:0!important;
  background:#03060c!important;
  color:#edf3fb!important;
  font-family:Arial,Helvetica,sans-serif!important;
  overflow-x:hidden!important;
}
.v67-bg-video{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:-3!important;
  filter:brightness(1.14) contrast(1.22) saturate(1.12)!important;
  opacity:.88!important;
}
.v67-bg-poster{
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  background:url('assets/media/lankom_v67_poster.svg') center/cover no-repeat!important;
}
.v67-bg-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(0,3,8,.86),rgba(0,3,8,.50),rgba(0,3,8,.86)),
    radial-gradient(circle at 72% 25%,rgba(66,130,190,.22),transparent 28%),
    radial-gradient(circle at 16% 78%,rgba(45,82,135,.24),transparent 32%)!important;
}
.v67-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:18px 26px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.12))!important;
  backdrop-filter:blur(8px)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.v67-logo{
  text-decoration:none!important;
  display:flex!important;
  align-items:baseline!important;
  gap:14px!important;
}
.v67-logo-main,
.v67-main-word{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  letter-spacing:.34em!important;
  color:#f6f6f6!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.75),
    0 0 7px rgba(255,255,255,.20),
    0 0 18px rgba(120,145,210,.18)!important;
  -webkit-text-stroke:.25px rgba(255,255,255,.16)!important;
}
.v67-logo-main{font-size:24px!important;line-height:1!important}
.v67-logo-sub,
.v67-sub-word{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#69f3ed!important;
  letter-spacing:.44em!important;
  font-size:11px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
}
.v67-nav nav{
  display:flex!important;
  gap:18px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.v67-nav nav a{
  color:rgba(238,245,255,.78)!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-nav nav a:hover,.v67-nav nav a.active{color:#fff!important}
.v67-platform-link{
  border:1px solid rgba(255,255,255,.20)!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
.v67-main{padding-top:78px!important}
.v67-hero{
  min-height:calc(100vh - 78px)!important;
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  align-items:center!important;
  gap:34px!important;
  padding:4.8vw 7vw!important;
}
.v67-wordmark-panel{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:440px!important;
}
.v67-main-word{
  font-size:clamp(54px,7.2vw,112px)!important;
  line-height:.92!important;
  text-align:center!important;
  animation:v67Float 6s ease-in-out infinite,v67FadeUp 1.1s ease both!important;
}
.v67-sub-word{
  display:block!important;
  text-align:center!important;
  font-size:clamp(14px,1.32vw,22px)!important;
  margin-top:18px!important;
  animation:v67FadeUp 1.2s ease both!important;
}
.v67-wordmark-panel:after{
  content:''!important;
  position:absolute!important;
  width:46vw!important;
  max-width:780px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
  animation:v67Sweep 5.2s linear infinite!important;
}
.v67-hero-copy{
  max-width:480px!important;
  justify-self:end!important;
  animation:v67FadeUp 1.25s ease both!important;
}
.v67-eyebrow{
  font-size:10px!important;
  letter-spacing:.36em!important;
  text-transform:uppercase!important;
  color:#88f0f5!important;
  font-weight:700!important;
}
.v67-hero-copy h1{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  color:#fff!important;
  line-height:1.04!important;
  margin:18px 0!important;
  font-size:clamp(31px,3.1vw,50px)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
}
.v67-page-hero h1,
.v67-split h2,
.v67-values-section h2,
.v67-single-copy h2,
.v67-contact-side h2,
.v67-section-head h2{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  color:#fff!important;
  line-height:1.06!important;
  margin:18px 0!important;
  font-size:clamp(32px,3.5vw,54px)!important;
}
.v67-hero-copy p,
.v67-split p,
.v67-service-card p,
.v67-values-grid p,
.v67-single-copy p,
.v67-three-column-copy p,
.v67-product-card p,
.v67-page-hero p,
.v67-contact-side p,
.v67-footer p,
.v67-section-head p{
  color:rgba(236,243,251,.78)!important;
  line-height:1.7!important;
  font-size:16px!important;
}
.v67-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:26px!important}
.v67-actions a,.v67-service-card a{
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.22)!important;
  padding:13px 18px!important;
  border-radius:999px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:700!important;
  background:rgba(255,255,255,.035)!important;
}
.v67-actions a:first-child{background:rgba(255,255,255,.10)!important}
.v67-split{
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:36px!important;
  align-items:center!important;
  padding:80px 7vw!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(5,12,20,.42)!important;
}
.v67-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
  padding:82px 7vw!important;
}
.v67-service-card{
  background:rgba(8,17,28,.78)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  overflow:hidden!important;
  backdrop-filter:blur(5px)!important;
}
.v67-service-card img{
  width:100%!important;
  height:290px!important;
  object-fit:cover!important;
  display:block!important;
}
.v67-service-card div{padding:28px!important}
.v67-service-card span,
.v67-values-grid b,
.v67-product-card b{
  display:block!important;
  color:#7ff1f1!important;
  letter-spacing:.18em!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-service-card h3,
.v67-three-column-copy h3{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:42px!important;
  font-weight:300!important;
  color:#fff!important;
  margin:16px 0 12px!important;
}
.v67-values-section,
.v67-product-section{
  padding:80px 7vw!important;
  background:rgba(4,10,16,.42)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.v67-section-head{max-width:960px!important;margin-bottom:30px!important}
.v67-values-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}
.v67-values-grid article,
.v67-three-column-copy article,
.v67-product-card,
.v67-single-copy,
.v67-contact-form,
.v67-contact-side{
  background:rgba(8,17,28,.82)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  padding:28px!important;
  backdrop-filter:blur(5px)!important;
}
.v67-map-section img,
.v67-page-hero img,
.v67-contact-side img{
  width:100%!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
}
.v67-page-hero{
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:34px!important;
  align-items:center!important;
  padding:80px 7vw!important;
}
.v67-page-hero.compact{padding-bottom:44px!important}
.v67-page-hero img{
  min-height:420px!important;
  object-fit:cover!important;
}
.v67-single-copy{
  margin:0 7vw 84px!important;
}
.v67-single-copy h2{max-width:920px!important}
.v67-three-column-copy{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  padding:0 7vw 84px!important;
}
.v67-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}
.v67-product-card{
  min-height:178px!important;
}
.v67-product-card b{
  font-size:15px!important;
  margin-bottom:14px!important;
  color:#88f0f5!important;
}
.v67-contact-section{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  gap:24px!important;
  padding:0 7vw 86px!important;
}
.v67-contact-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.v67-field{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.v67-field.full{grid-column:1 / -1!important}
.v67-field label{
  color:#88f0f5!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-field input,
.v67-field select,
.v67-field textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  outline:none!important;
  font-size:15px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.v67-field select option{
  color:#111!important;
}
.v67-field textarea{
  min-height:140px!important;
  resize:vertical!important;
}
.v67-field input::placeholder,
.v67-field textarea::placeholder{
  color:rgba(255,255,255,.42)!important;
}
.v67-submit{
  grid-column:1 / -1!important;
  justify-self:start!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:14px 22px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.v67-contact-side img{margin-top:16px!important}
.v67-footer{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr 1fr!important;
  gap:24px!important;
  padding:42px 7vw!important;
  background:rgba(2,4,8,.68)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.v67-footer b{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:30px!important;
  font-weight:300!important;
  color:#fff!important;
  display:block!important;
  margin-bottom:8px!important;
}
.v67-footer a{
  display:block!important;
  color:rgba(236,243,251,.72)!important;
  text-decoration:none!important;
  margin:6px 0!important;
}
@keyframes v67Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes v67Sweep{0%{transform:translateX(-42%)}100%{transform:translateX(42%)}}
@keyframes v67FadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1200px){
  .v67-hero,.v67-split,.v67-page-hero,.v67-contact-section{grid-template-columns:1fr!important}
  .v67-hero-copy{justify-self:start!important}
  .v67-service-grid,.v67-product-grid,.v67-three-column-copy,.v67-values-grid{grid-template-columns:1fr 1fr!important}
  .v67-footer{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  .v67-nav{padding:14px 16px!important;align-items:flex-start!important;flex-direction:column!important}
  .v67-nav nav{gap:10px!important}
  .v67-main{padding-top:120px!important}
  .v67-hero,.v67-split,.v67-page-hero,.v67-service-grid,.v67-values-section,.v67-product-section,.v67-single-copy,.v67-three-column-copy,.v67-contact-section,.v67-footer{
    padding-left:5vw!important;
    padding-right:5vw!important;
  }
  .v67-service-grid,.v67-product-grid,.v67-three-column-copy,.v67-values-grid,.v67-footer,.v67-contact-form{grid-template-columns:1fr!important}
  .v67-main-word{font-size:48px!important}
  .v67-sub-word{font-size:15px!important;letter-spacing:.28em!important}
  .v67-hero-copy h1{font-size:32px!important}
  .v67-page-hero img{min-height:280px!important}
}


/* ===== V68 exact user video and reference-style wordmark ===== */
.v68-bg-video{
  filter:brightness(1.04) contrast(1.06) saturate(1.02)!important;
  opacity:.97!important;
}
.v67-bg-poster{
  background:url('assets/media/smoke_original_uploaded_v68_poster.jpg') center/cover no-repeat!important;
}
.v67-bg-overlay{
  background:linear-gradient(90deg,rgba(0,4,10,.76),rgba(0,4,10,.34),rgba(0,4,10,.74))!important;
}
.v68-logo{display:flex!important;align-items:center!important}
.v68-logo img{display:block!important;width:242px!important;height:auto!important}
.v68-wordmark-panel{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:380px!important;}
.v68-hero-wordmark{display:block!important;width:min(68vw,980px)!important;max-width:980px!important;height:auto!important;filter:drop-shadow(0 5px 22px rgba(0,0,0,.34));animation:v68BrandFloat 6s ease-in-out infinite!important;}
.v67-main-word,.v67-sub-word,.v67-logo-main,.v67-logo-sub{display:none!important}
@keyframes v68BrandFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}
@media (max-width:760px){
  .v68-logo img{width:184px!important;}
  .v68-hero-wordmark{width:min(88vw,620px)!important;}
  .v68-wordmark-panel{min-height:240px!important;justify-content:center!important;}
}

/* ===== V69 wordmark refinement ===== */
.v68-logo img{width:214px!important;height:auto!important;}
.v68-hero-wordmark{width:min(64vw,920px)!important;max-width:920px!important;}
.v68-wordmark-panel{min-height:340px!important;}


/* ===== V70 wordmark position and thinness fix ===== */
/* Remove the unwanted line going through LANKOM */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Reposition the new wordmark asset cleanly */
.v68-wordmark-panel,
.v67-wordmark-panel {
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:320px!important;
  overflow:visible!important;
}

/* Slightly reduce visual heaviness and keep the logo closer to the reference */
.v68-hero-wordmark {
  width:min(57vw,820px)!important;
  max-width:820px!important;
  height:auto!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.55))
    drop-shadow(0 0 6px rgba(255,255,255,.10))!important;
  opacity:.96!important;
}

/* Nav wordmark also corrected */
.v68-logo img {
  width:200px!important;
  height:auto!important;
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.55))
    drop-shadow(0 0 4px rgba(255,255,255,.10))!important;
}

/* Ensure hidden text fallback does not appear thick */
.v67-main-word,
.v67-sub-word,
.v67-logo-main,
.v67-logo-sub,
.v66-big-name,
.v66-small-name,
.v66-logo-main,
.v66-logo-sub {
  display:none!important;
}

/* Keep homepage copy from crowding the logo */
.v67-hero {
  grid-template-columns:1.14fr .86fr!important;
}

@media (max-width:760px){
  .v68-hero-wordmark{width:min(86vw,560px)!important;}
  .v68-logo img{width:176px!important;}
  .v68-wordmark-panel,.v67-wordmark-panel{justify-content:center!important;min-height:220px!important;}
}


/* ===== V71 logo alignment + premium motion polish ===== */

/* Top-left wordmark: GROUP same size as LANKOM, closer, still teal */
.v68-logo img,
.v67-logo.v68-logo img {
  width:252px!important;
  height:auto!important;
  display:block!important;
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.50))
    drop-shadow(0 0 4px rgba(255,255,255,.08))!important;
}

/* Middle hero wordmark: move whole lockup higher and keep horizontal position */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-58px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

/* Hero SVG size tuned to stop it feeling heavy */
.v68-hero-wordmark {
  width:min(55vw,790px)!important;
  max-width:790px!important;
  height:auto!important;
  opacity:.97!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.52))
    drop-shadow(0 0 5px rgba(255,255,255,.08))!important;
}

/* Remove old horizontal line and any legacy decorative sweep completely */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* More premium hero composition */
.v67-hero {
  grid-template-columns:1.10fr .90fr!important;
  align-items:center!important;
}

/* Premium motion: luxury reveal, no cheap bouncing */
.v68-hero-wordmark {
  animation:v71WordmarkReveal 1.35s cubic-bezier(.19,1,.22,1) both, v71SubtleFloat 9s ease-in-out 1.35s infinite!important;
}
.v67-hero-copy {
  animation:v71CopyReveal 1.15s cubic-bezier(.19,1,.22,1) .18s both!important;
}
.v67-nav {
  animation:v71NavDrop .85s cubic-bezier(.19,1,.22,1) both!important;
}
.v67-service-card,
.v67-product-card,
.v67-values-grid article,
.v67-three-column-copy article,
.v67-single-copy,
.v67-contact-form,
.v67-contact-side {
  position:relative!important;
  overflow:hidden!important;
  transition:transform .38s cubic-bezier(.19,1,.22,1), border-color .38s ease, box-shadow .38s ease!important;
}
.v67-service-card:hover,
.v67-product-card:hover,
.v67-values-grid article:hover,
.v67-three-column-copy article:hover {
  transform:translateY(-8px)!important;
  border-color:rgba(136,240,245,.26)!important;
  box-shadow:0 34px 95px rgba(0,0,0,.34), 0 0 38px rgba(104,218,225,.06)!important;
}
.v67-service-card:before,
.v67-product-card:before,
.v67-values-grid article:before,
.v67-three-column-copy article:before,
.v67-contact-form:before,
.v67-contact-side:before {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.045) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  transition:transform .9s cubic-bezier(.19,1,.22,1)!important;
}
.v67-service-card:hover:before,
.v67-product-card:hover:before,
.v67-values-grid article:hover:before,
.v67-three-column-copy article:hover:before,
.v67-contact-form:hover:before,
.v67-contact-side:hover:before {
  transform:translateX(120%)!important;
}

/* Scroll reveal support added by JS */
.v71-reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .85s cubic-bezier(.19,1,.22,1), transform .85s cubic-bezier(.19,1,.22,1);
}
.v71-reveal.v71-visible {
  opacity:1;
  transform:translateY(0);
}

/* Premium pointer glow, subtle and restrained */
.v71-cursor-glow {
  position:fixed;
  width:360px;
  height:360px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:radial-gradient(circle,rgba(104,218,225,.085),rgba(104,218,225,.025) 38%,transparent 68%);
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
  opacity:.75;
}

/* Buttons feel more premium */
.v67-actions a,
.v67-service-card a,
.v67-submit {
  transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease!important;
}
.v67-actions a:hover,
.v67-service-card a:hover,
.v67-submit:hover {
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(136,240,245,.42)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28)!important;
}

@keyframes v71WordmarkReveal {
  0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px);}
  100%{opacity:.97;transform:translateY(0) scale(1);filter:blur(0);}
}
@keyframes v71SubtleFloat {
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}
@keyframes v71CopyReveal {
  0%{opacity:0;transform:translateY(20px);}
  100%{opacity:1;transform:translateY(0);}
}
@keyframes v71NavDrop {
  0%{opacity:0;transform:translateY(-12px);}
  100%{opacity:1;transform:translateY(0);}
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img{width:220px!important;}
  .v68-wordmark-panel,
  .v67-wordmark-panel{transform:translateY(-24px)!important;justify-content:center!important;min-height:220px!important;}
  .v68-hero-wordmark{width:min(88vw,580px)!important;}
}


/* ===== V72 final logo position refinements ===== */

/* Top-left logo: move whole asset slightly higher and reduce gap by using updated SVG */
.v68-logo img,
.v67-logo.v68-logo img {
  width:232px!important;
  height:auto!important;
  transform:translateY(-4px)!important;
  display:block!important;
}

/* Nav itself remains vertically centred */
.v67-nav,
.v66-nav,
.v64-nav {
  align-items:center!important;
}

/* Main homepage wordmark: move higher and stop all up/down motion */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-92px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

/* Stationary logo: no floating or bouncing */
.v68-hero-wordmark {
  width:min(54vw,760px)!important;
  max-width:760px!important;
  height:auto!important;
  opacity:.97!important;
  animation:v72WordmarkReveal .9s cubic-bezier(.19,1,.22,1) both!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.52))
    drop-shadow(0 0 5px rgba(255,255,255,.08))!important;
}

/* Disable all older floating animations on the wordmark */
.v68-hero-wordmark:hover,
.v68-wordmark-panel:hover .v68-hero-wordmark {
  transform:none!important;
}

/* Remove any old line/sweep effect permanently */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Move hero block slightly higher overall without changing horizontal alignment */
.v67-hero {
  align-items:center!important;
  padding-top:3.2vw!important;
}

@keyframes v72WordmarkReveal {
  0% {opacity:0; transform:translateY(12px); filter:blur(4px);}
  100% {opacity:.97; transform:translateY(0); filter:blur(0);}
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img {
    width:200px!important;
    transform:translateY(-2px)!important;
  }
  .v68-wordmark-panel,
  .v67-wordmark-panel {
    transform:translateY(-38px)!important;
    justify-content:center!important;
    min-height:220px!important;
  }
  .v68-hero-wordmark {
    width:min(86vw,540px)!important;
  }
}


/* ===== V73 exact logo spacing + right text vertical alignment ===== */

/* Top-left: GROUP now sits with a normal word space from LANKOM */
.v68-logo img,
.v67-logo.v68-logo img {
  width:214px!important;
  height:auto!important;
  transform:translateY(-4px)!important;
  display:block!important;
}

/* Centre logo: stationary, moved high enough, with GROUP no longer too close */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-92px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

.v68-hero-wordmark {
  width:min(56vw,790px)!important;
  max-width:790px!important;
  height:auto!important;
  opacity:.97!important;
  animation:v72WordmarkReveal .9s cubic-bezier(.19,1,.22,1) both!important;
}

/* Right-hand homepage text: move the whole block up into the true vertical centre */
.v67-hero-copy {
  transform:translateY(-52px)!important;
  animation:none!important;
  align-self:center!important;
}

/* Keep the grid visually balanced after moving copy up */
.v67-hero {
  align-items:center!important;
  padding-top:2.6vw!important;
  padding-bottom:4.8vw!important;
}

/* Stop any accidental inherited motion on centre logo */
.v68-hero-wordmark,
.v68-wordmark-panel,
.v67-wordmark-panel {
  transition:none!important;
}

/* Keep all old lines/sweeps disabled */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img {
    width:190px!important;
    transform:translateY(-2px)!important;
  }
  .v67-hero-copy {
    transform:translateY(-16px)!important;
  }
  .v68-wordmark-panel,
  .v67-wordmark-panel {
    transform:translateY(-30px)!important;
    justify-content:center!important;
    min-height:220px!important;
  }
}


/* V73 spacing fix: top-left LANKOM GROUP wordmark */
.v68-logo img,
.v67-logo.v68-logo img,
.v67-logo img,
.v66-logo img,
.site-logo img,
.v74-nav-logo img {
  width:244px!important;
  max-width:244px!important;
  height:auto!important;
}


/* =========================================================
   V73 footer legal update: smaller footer text + UK legal/GDPR
   ========================================================= */

.v73-legal-footer,
.v67-footer,
.site-footer,
footer {
  font-size: 12px!important;
}

.v73-legal-footer {
  position: relative;
  z-index: 3;
  background:
    linear-gradient(180deg, rgba(3,8,14,.78), rgba(2,5,9,.94)),
    radial-gradient(circle at 80% 0%, rgba(82,224,220,.08), transparent 34%);
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(237,243,251,.68);
  padding: 42px 7vw 28px;
}

.v73-footer-main {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 46px;
  align-items: start;
}

.v73-footer-brand h3 {
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: 30px!important;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: .01em;
}

.v73-footer-brand p {
  margin: 0;
  max-width: 520px;
  font-size: 15px!important;
  line-height: 1.65!important;
  color: rgba(237,243,251,.70)!important;
}

.v73-legal-footer nav {
  display: grid;
  gap: 10px;
}

.v73-legal-footer nav a {
  color: rgba(237,243,251,.66)!important;
  text-decoration: none!important;
  font-size: 14px!important;
  line-height: 1.25!important;
  letter-spacing: .01em!important;
  text-transform: none!important;
  font-weight: 400!important;
}

.v73-legal-footer nav a:hover {
  color: #8bf7f2!important;
}

.v73-legal-strip {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 8px;
  max-width: 1500px;
}

.v73-legal-strip p {
  margin: 0;
  color: rgba(237,243,251,.56)!important;
  font-size: 11px!important;
  line-height: 1.55!important;
  letter-spacing: .01em!important;
}

.v73-legal-strip strong {
  color: rgba(237,243,251,.78)!important;
  font-weight: 600;
}

.v73-legal-strip a {
  color: #8bf7f2!important;
  text-decoration: none!important;
  font-size: 11px!important;
}

@media (max-width: 900px) {
  .v73-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .v73-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .v73-legal-footer {
    padding: 34px 22px 24px;
  }
  .v73-footer-main {
    grid-template-columns: 1fr;
  }
  .v73-footer-brand h3 {
    font-size: 26px!important;
  }
}


/* =========================================================
   V73 Commodities dropdown + categorized commodities page
   ========================================================= */

.v73-nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.v73-dropdown-trigger {
  cursor: pointer;
}

.v73-dropdown-trigger::after {
  content: "⌄";
  display: inline-block;
  margin-left: 8px;
  color: #8bf7f2;
  font-size: 10px;
  transform: translateY(-1px);
}

.v73-dropdown-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 280px;
  padding: 12px;
  border: 1px solid rgba(139,247,242,.22);
  background:
    linear-gradient(180deg, rgba(7,15,24,.96), rgba(3,7,12,.98));
  box-shadow: 0 28px 85px rgba(0,0,0,.44);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  z-index: 999;
}

.v73-nav-dropdown:hover .v73-dropdown-menu,
.v73-nav-dropdown:focus-within .v73-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.v73-dropdown-menu a {
  display: block!important;
  padding: 11px 12px!important;
  color: rgba(237,243,251,.76)!important;
  text-decoration: none!important;
  font-size: 12px!important;
  letter-spacing: .06em!important;
  text-transform: none!important;
  border-radius: 9px;
  white-space: nowrap;
}

.v73-dropdown-menu a:hover {
  color: #fff!important;
  background: rgba(139,247,242,.10);
}

.v73-commodities-page {
  position: relative;
  z-index: 2;
  color: #edf3fb;
}

.v73-commodities-hero {
  min-height: 70vh;
  display: grid;
  align-content: center;
  padding: 150px 7vw 80px;
  max-width: 1280px;
}

.v73-section-kicker {
  color: #8bf7f2;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .32em;
  font-weight: 700;
  margin: 0 0 18px;
}

.v73-commodities-hero h1,
.v73-commodity-category h2,
.v73-commodity-enquiry h2 {
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-weight: 300;
  line-height: 1.05;
  margin: 0 0 22px;
}

.v73-commodities-hero h1 {
  font-size: clamp(42px, 5vw, 76px);
  max-width: 1050px;
}

.v73-commodities-hero p,
.v73-commodity-enquiry p,
.v73-product-card p {
  color: rgba(237,243,251,.70);
  line-height: 1.68;
  font-size: 16px;
}

.v73-commodities-hero > p {
  max-width: 850px;
}

.v73-commodity-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  max-width: 1050px;
}

.v73-commodity-toc a {
  color: rgba(237,243,251,.78);
  text-decoration: none;
  border: 1px solid rgba(139,247,242,.18);
  background: rgba(8,16,28,.58);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  letter-spacing: .06em;
}

.v73-commodity-toc a:hover {
  color: #fff;
  border-color: rgba(139,247,242,.42);
  background: rgba(139,247,242,.09);
}

.v73-commodity-category {
  padding: 70px 7vw;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 75% 0%, rgba(82,224,220,.06), transparent 34%),
    rgba(3,8,14,.34);
  scroll-margin-top: 110px;
}

.v73-category-heading {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: end;
  margin-bottom: 26px;
}

.v73-category-heading h2 {
  font-size: clamp(32px, 3.6vw, 54px);
}

.v73-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.v73-product-card {
  min-height: 150px;
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(13,25,38,.82), rgba(7,14,22,.88));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 55px rgba(0,0,0,.20);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.v73-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(139,247,242,.32);
  background:
    linear-gradient(135deg, rgba(17,34,49,.88), rgba(7,14,22,.92));
}

.v73-product-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  margin: 0 0 12px;
}

.v73-product-card p {
  margin: 0;
  font-size: 14px;
}

.v73-commodity-enquiry {
  margin: 70px 7vw 90px;
  padding: 36px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(139,247,242,.20);
  background:
    radial-gradient(circle at 90% 0%, rgba(139,247,242,.10), transparent 36%),
    rgba(8,16,28,.78);
}

.v73-commodity-enquiry h2 {
  font-size: clamp(30px, 3vw, 46px);
}

.v73-commodity-enquiry a {
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(139,247,242,.36);
  border-radius: 999px;
  padding: 14px 20px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .v73-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .v73-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v73-commodity-enquiry {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .v73-product-grid {
    grid-template-columns: 1fr;
  }
  .v73-dropdown-menu {
    left: 0;
    transform: translateY(8px);
  }
  .v73-nav-dropdown:hover .v73-dropdown-menu,
  .v73-nav-dropdown:focus-within .v73-dropdown-menu {
    transform: translateY(0);
  }
}


/* =========================================================
   V73 software login fix
   ========================================================= */

.v73-login-page {
  margin: 0;
  min-height: 100vh;
  background: #02050a;
  color: #edf3fb;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

.v73-login-video {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -4;
  filter: brightness(.95) contrast(1.08) saturate(1.03);
}

.v73-login-overlay {
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(0,3,8,.88), rgba(0,3,8,.52), rgba(0,3,8,.88)),
    radial-gradient(circle at 72% 32%, rgba(82,224,220,.13), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.52));
}

.v73-login-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 92px;
  z-index: 20;
  padding: 0 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.06));
  backdrop-filter: blur(8px);
}

.v73-login-logo {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
}

.v73-login-logo span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  letter-spacing: .32em;
  font-weight: 300;
  line-height: 1;
}

.v73-login-logo small {
  color: #55ded9;
  letter-spacing: .50em;
  font-size: 10px;
  margin-top: 8px;
  text-align: center;
}

.v73-login-header nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.v73-login-header nav a {
  color: rgba(237,243,251,.72);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 10px;
}

.v73-login-header nav a:hover {
  color: #fff;
}

.v73-login-main {
  min-height: 100vh;
  padding: 130px 7vw 60px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 44px;
  align-items: center;
}

.v73-login-kicker {
  color: #8bf7f2;
  text-transform: uppercase;
  letter-spacing: .32em;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 18px;
}

.v73-login-intro h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.2vw, 78px);
  font-weight: 300;
  line-height: 1.05;
  margin: 0 0 24px;
  color: #fff;
  max-width: 900px;
}

.v73-login-intro > p:not(.v73-login-kicker) {
  color: rgba(237,243,251,.72);
  line-height: 1.75;
  font-size: 17px;
  max-width: 760px;
}

.v73-login-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 34px;
  max-width: 880px;
}

.v73-login-feature-grid article,
.v73-login-card {
  background:
    radial-gradient(circle at 80% 0%, rgba(82,224,220,.09), transparent 34%),
    rgba(8,16,28,.78);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}

.v73-login-feature-grid article {
  padding: 18px;
}

.v73-login-feature-grid strong {
  display: block;
  color: #fff;
  margin-bottom: 8px;
  font-size: 14px;
}

.v73-login-feature-grid span {
  color: rgba(237,243,251,.66);
  font-size: 13px;
  line-height: 1.5;
}

.v73-login-card {
  padding: 38px;
  box-shadow: 0 34px 120px rgba(0,0,0,.36);
}

.v73-login-card h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 300;
  margin: 0 0 10px;
  color: #fff;
}

.v73-login-muted {
  color: rgba(237,243,251,.66);
  line-height: 1.6;
}

.v73-login-form {
  display: grid;
  gap: 16px;
  margin: 26px 0;
}

.v73-login-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #8bf7f2;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 700;
}

.v73-login-form input {
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: 13px;
  padding: 14px 15px;
  font-size: 15px;
  outline: none;
}

.v73-login-form input:focus {
  border-color: rgba(139,247,242,.45);
  box-shadow: 0 0 0 3px rgba(139,247,242,.08);
}

.v73-login-form button,
.v73-login-credential button {
  border: 1px solid rgba(139,247,242,.32);
  background: rgba(139,247,242,.10);
  color: #fff;
  border-radius: 999px;
  padding: 13px 18px;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
  cursor: pointer;
}

.v73-login-form button:hover,
.v73-login-credential button:hover {
  background: rgba(139,247,242,.18);
}

.v73-login-credential {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 18px;
  margin-top: 16px;
}

.v73-login-credential h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 18px;
}

.v73-login-credential p {
  color: rgba(237,243,251,.74);
  margin: 8px 0;
  font-size: 14px;
}

.v73-login-credential strong {
  color: #fff;
}

.v73-login-credential.subtle {
  opacity: .78;
}

.v73-login-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  font-size: 13px;
  color: rgba(237,243,251,.60);
}

.v73-login-links a {
  color: #8bf7f2;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .v73-login-main {
    grid-template-columns: 1fr;
  }
  .v73-login-feature-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .v73-login-header {
    height: auto;
    min-height: 92px;
    padding: 18px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .v73-login-header nav {
    flex-wrap: wrap;
    gap: 14px;
  }
  .v73-login-main {
    padding: 170px 22px 40px;
  }
  .v73-login-card {
    padding: 26px;
  }
}


/* =========================================================
   V73 SOFTWARE DASHBOARD STYLE FIX
   Forces dashboard/platform pages to render as the dark premium app
   instead of raw browser default HTML.
   ========================================================= */

/* App shell pages */
body.app-body,
body[class*="app"],
body:has(.sidebar):has(.app-main),
body:has(.v59-topbar),
body:has(.command-palette),
body:has(.v52-hero),
body:has(.v59-executive-grid) {
  margin: 0!important;
  min-height: 100vh!important;
  display: flex!important;
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.13), transparent 32%),
    radial-gradient(circle at 18% 100%, rgba(35,82,130,.16), transparent 30%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
  color: #edf3fb!important;
  font-family: Arial, Helvetica, sans-serif!important;
  overflow-x: hidden!important;
}

/* Sidebar from the screenshot */
.sidebar {
  position: fixed!important;
  left: 0!important;
  top: 0!important;
  bottom: 0!important;
  width: 282px!important;
  z-index: 50!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(85,222,217,.10), transparent 30%),
    linear-gradient(180deg, #02070c, #050b11)!important;
  border-right: 1px solid rgba(255,255,255,.10)!important;
  padding: 22px 16px!important;
  overflow-y: auto!important;
  box-shadow: 18px 0 70px rgba(0,0,0,.24)!important;
}

.app-logo,
.sidebar > a:first-child {
  display: flex!important;
  flex-direction: column!important;
  color: #fff!important;
  text-decoration: none!important;
  margin: 0 0 18px!important;
}

.app-logo span,
.sidebar > a:first-child {
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 24px!important;
  letter-spacing: .10em!important;
  font-weight: 300!important;
  color: #fff!important;
}

.app-logo small {
  color: #55ded9!important;
  letter-spacing: .26em!important;
  font-size: 10px!important;
  margin-top: 5px!important;
}

/* Sidebar text / details */
.sidebar p,
.sidebar div,
.sidebar summary,
.sidebar a {
  font-family: Arial, Helvetica, sans-serif!important;
  color: rgba(237,243,251,.76)!important;
  font-size: 13px!important;
  line-height: 1.45!important;
}

.sidebar p {
  margin: 10px 0!important;
}

.sidebar details {
  border-bottom: 1px solid rgba(255,255,255,.07)!important;
  padding: 4px 0!important;
}

.sidebar summary {
  cursor: pointer!important;
  list-style: none!important;
  display: block!important;
  padding: 10px 12px!important;
  border-radius: 12px!important;
  color: rgba(237,243,251,.80)!important;
  transition: background .2s ease, color .2s ease!important;
}

.sidebar summary::-webkit-details-marker {
  display: none!important;
}

.sidebar summary::before {
  content: "▸";
  color: #55ded9!important;
  margin-right: 8px!important;
}

.sidebar details[open] summary::before {
  content: "▾";
}

.sidebar summary:hover,
.sidebar a:hover,
.sidebar a.active {
  background: rgba(85,222,217,.11)!important;
  color: #fff!important;
}

.sidebar a {
  display: block!important;
  text-decoration: none!important;
  padding: 9px 12px!important;
  border-radius: 11px!important;
  margin: 2px 0!important;
}

/* Theme button */
#themeToggle,
.sidebar button {
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
  border-radius: 999px!important;
  padding: 8px 12px!important;
}

/* Main app layout */
.app-main {
  margin-left: 282px!important;
  width: calc(100% - 282px)!important;
  min-height: 100vh!important;
  padding: 86px 30px 60px!important;
  color: #edf3fb!important;
}

/* Topbar shown raw in screenshot */
.v59-topbar,
.topbar,
.app-topbar {
  position: fixed!important;
  top: 0!important;
  left: 282px!important;
  right: 0!important;
  height: 70px!important;
  z-index: 40!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 18px!important;
  padding: 0 30px!important;
  background:
    linear-gradient(180deg, rgba(4,10,16,.92), rgba(4,10,16,.74))!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
  backdrop-filter: blur(10px)!important;
}

.v59-topbar h1,
.topbar h1,
.app-topbar h1 {
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 21px!important;
  font-weight: 300!important;
  margin: 0!important;
}

.v59-topbar strong,
.topbar strong,
.app-topbar strong {
  color: #fff!important;
}

.v59-topbar input,
.topbar input,
.app-topbar input,
.command-palette input {
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  border: 1px solid rgba(255,255,255,.13)!important;
  border-radius: 999px!important;
  padding: 10px 14px!important;
  outline: none!important;
}

/* Buttons and pills */
.app-main button,
.v59-topbar button,
.topbar button,
.app-topbar button,
.command-palette button {
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 9px 12px!important;
  cursor: pointer!important;
}

#v53AccountPill,
.account-pill,
.user-pill {
  display: inline-flex!important;
  align-items: center!important;
  gap: 6px!important;
  border: 1px solid rgba(139,247,242,.26)!important;
  background: rgba(139,247,242,.10)!important;
  color: #fff!important;
  border-radius: 999px!important;
  padding: 8px 12px!important;
  font-weight: 700!important;
}

/* Command palette panel */
.command-palette {
  position: fixed!important;
  top: 78px!important;
  right: 30px!important;
  z-index: 60!important;
  width: min(420px, calc(100vw - 330px))!important;
  background: rgba(7,15,24,.96)!important;
  border: 1px solid rgba(139,247,242,.22)!important;
  box-shadow: 0 30px 100px rgba(0,0,0,.40)!important;
  border-radius: 18px!important;
  padding: 18px!important;
  color: #fff!important;
}

.command-palette h3,
.command-palette strong {
  color: #fff!important;
}

/* Dashboard content panels */
.panel,
.card,
.metric-card,
.v52-hero,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v52-kpi-grid article,
.v59-panel-premium,
.v59-executive-grid article,
.module-card,
.kpi-card {
  background:
    radial-gradient(circle at 80% 0%, rgba(85,222,217,.08), transparent 32%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.92))!important;
  border: 1px solid rgba(139,247,242,.15)!important;
  color: #edf3fb!important;
  border-radius: 22px!important;
  box-shadow: 0 24px 80px rgba(0,0,0,.25)!important;
}

/* Dashboard headers */
.app-main h1,
.app-main h2,
.app-main h3,
.app-main h4 {
  color: #fff!important;
}

.app-main h1,
.app-main h2 {
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 300!important;
}

.app-main p,
.app-main span,
.app-main li,
.app-main td,
.app-main th,
.app-main label {
  color: rgba(237,243,251,.76)!important;
}

/* Specific dashboard hero */
.v52-hero,
.v59-hero,
.dashboard-hero {
  padding: 30px!important;
  margin-bottom: 24px!important;
}

.v52-hero h1,
.v59-hero h1,
.dashboard-hero h1 {
  font-size: clamp(34px, 4vw, 58px)!important;
  line-height: 1.05!important;
  margin: 0 0 18px!important;
}

/* Tables and forms */
.app-main table {
  width: 100%!important;
  border-collapse: collapse!important;
  background: rgba(255,255,255,.03)!important;
  border-radius: 16px!important;
  overflow: hidden!important;
}

.app-main th,
.app-main td {
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
  padding: 12px!important;
  text-align: left!important;
}

.app-main input,
.app-main select,
.app-main textarea {
  background: rgba(255,255,255,.06)!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 11px 12px!important;
  outline: none!important;
}

.app-main option {
  color: #111!important;
}

/* Hide raw default details markers a little cleaner */
details > summary {
  font-weight: 600!important;
}

/* Floating detail modal raw area */
#recordDetails,
.details-panel,
.drawer {
  background: rgba(7,15,24,.96)!important;
  border: 1px solid rgba(139,247,242,.20)!important;
  color: #edf3fb!important;
  border-radius: 18px!important;
  padding: 20px!important;
}

/* Force white page fallback off on the exact dashboard body if class was missing */
body:not(.v73-login-page):has(.sidebar) {
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.13), transparent 32%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
}

/* Responsive */
@media (max-width: 900px) {
  .sidebar {
    position: relative!important;
    width: auto!important;
    min-height: auto!important;
  }
  .app-main {
    margin-left: 0!important;
    width: 100%!important;
    padding: 24px!important;
  }
  .v59-topbar,
  .topbar,
  .app-topbar {
    position: relative!important;
    left: 0!important;
    height: auto!important;
    padding: 16px 24px!important;
    flex-wrap: wrap!important;
  }
  .command-palette {
    width: calc(100vw - 40px)!important;
    right: 20px!important;
  }
}


/* =========================================================
   V73 RESPONSIVE DASHBOARD FIX
   Restores a proper premium software layout across laptop,
   desktop, tablet and mobile screens.
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Core app sizing variables */
:root {
  --v73-sidebar-width: 270px;
  --v73-topbar-height: 72px;
  --v73-page-pad: 24px;
  --v73-panel-radius: 22px;
}

/* Software pages only */
body.app-body,
body.live-data-mode,
body:has(.sidebar):has(.app-main) {
  margin: 0!important;
  min-height: 100vh!important;
  display: block!important;
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.14), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(42,87,132,.18), transparent 28%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
  color: #edf3fb!important;
  font-family: Arial, Helvetica, sans-serif!important;
  overflow-x: hidden!important;
}

/* Sidebar: laptop-friendly width, no oversized gaps */
.sidebar {
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  width: var(--v73-sidebar-width)!important;
  z-index: 80!important;
  padding: 22px 16px 28px!important;
  overflow-y: auto!important;
  overflow-x: hidden!important;
  background:
    linear-gradient(180deg, rgba(2,7,12,.98), rgba(4,11,18,.98)),
    radial-gradient(circle at 50% 0%, rgba(85,222,217,.12), transparent 32%)!important;
  border-right: 1px solid rgba(255,255,255,.09)!important;
  box-shadow: 18px 0 60px rgba(0,0,0,.26)!important;
}

.sidebar::-webkit-scrollbar {
  width: 8px;
}
.sidebar::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.20);
  border-radius: 99px;
}

.app-logo {
  margin: 0 0 18px!important;
  padding: 0!important;
  text-decoration: none!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: flex-start!important;
  color: #fff!important;
}

.app-logo span {
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 28px!important;
  letter-spacing: .14em!important;
  line-height: 1!important;
  color: #fff!important;
}

.app-logo small {
  margin-top: 10px!important;
  color: #55ded9!important;
  font-size: 11px!important;
  letter-spacing: .42em!important;
  line-height: 1!important;
}

.sidebar-subtitle {
  color: rgba(237,243,251,.66)!important;
  font-size: 13px!important;
  line-height: 1.45!important;
  margin: 0 0 14px!important;
}

.v53-account-pill {
  display: inline-flex!important;
  max-width: 100%!important;
  align-items: center!important;
  color: #fff!important;
  border: 1px solid rgba(85,222,217,.34)!important;
  background: rgba(85,222,217,.11)!important;
  border-radius: 999px!important;
  padding: 9px 13px!important;
  margin: 0 0 10px!important;
  font-weight: 700!important;
  font-size: 13px!important;
}

.theme-switcher {
  margin: 0 0 16px!important;
}

.theme-toggle-btn,
.sidebar button {
  font-size: 13px!important;
  border-radius: 999px!important;
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
  padding: 9px 13px!important;
}

.sidebar > a,
.sidebar details {
  width: 100%!important;
}

.sidebar > a,
.sidebar summary,
.sidebar details a {
  font-family: Arial, Helvetica, sans-serif!important;
  color: rgba(237,243,251,.76)!important;
  text-decoration: none!important;
  font-size: 13px!important;
  line-height: 1.35!important;
}

.sidebar > a {
  display: block!important;
  padding: 12px 13px!important;
  border-radius: 13px!important;
  margin: 2px 0!important;
}

.sidebar > a.active,
.sidebar > a:hover {
  color: #fff!important;
  background: rgba(85,222,217,.13)!important;
}

.sidebar details {
  padding: 4px 0!important;
  border-bottom: 1px solid rgba(255,255,255,.07)!important;
}

.sidebar summary {
  list-style: none!important;
  cursor: pointer!important;
  padding: 12px 13px!important;
  border-radius: 13px!important;
  display: flex!important;
  align-items: center!important;
  gap: 9px!important;
  font-weight: 700!important;
}

.sidebar summary::-webkit-details-marker {
  display: none!important;
}

.sidebar summary::before {
  content: "▸"!important;
  color: #55ded9!important;
  font-size: 10px!important;
}

.sidebar details[open] summary::before {
  content: "▾"!important;
}

.sidebar summary:hover {
  color: #fff!important;
  background: rgba(85,222,217,.10)!important;
}

.sidebar details a {
  display: block!important;
  padding: 8px 13px 8px 32px!important;
  border-radius: 11px!important;
  margin: 1px 0!important;
  font-size: 12px!important;
  color: rgba(237,243,251,.66)!important;
}

.sidebar details a:hover {
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

/* Topbar: fixed alignment and better scaling */
.v59-topbar,
.topbar,
.app-topbar {
  position: fixed!important;
  top: 0!important;
  left: var(--v73-sidebar-width)!important;
  right: 0!important;
  height: var(--v73-topbar-height)!important;
  z-index: 70!important;
  display: grid!important;
  grid-template-columns: auto minmax(260px, 1fr) minmax(260px, 420px) auto!important;
  align-items: center!important;
  gap: 18px!important;
  padding: 0 var(--v73-page-pad)!important;
  background:
    linear-gradient(180deg, rgba(4,10,16,.94), rgba(4,10,16,.78))!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
  backdrop-filter: blur(10px)!important;
}

.v59-icon-btn {
  width: 42px!important;
  height: 42px!important;
  display: inline-grid!important;
  place-items: center!important;
  border-radius: 14px!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

.v59-brand-block {
  min-width: 0!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 3px!important;
}

.v59-brand-block span {
  color: rgba(237,243,251,.72)!important;
  font-size: 12px!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

.v59-brand-block b {
  color: #fff!important;
  font-size: 15px!important;
  line-height: 1.25!important;
  white-space: normal!important;
}

.v59-search-trigger {
  height: 46px!important;
  border-radius: 18px!important;
  padding: 0 18px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 10px!important;
  color: #fff!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  min-width: 0!important;
}

.v59-search-trigger span {
  display: block!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
}

.v59-search-trigger kbd {
  color: rgba(237,243,251,.68)!important;
  font-size: 11px!important;
}

.v59-topbar-actions {
  display: flex!important;
  align-items: center!important;
  gap: 8px!important;
}

.v59-user-pill {
  height: 46px!important;
  border-radius: 16px!important;
  display: inline-flex!important;
  align-items: center!important;
  gap: 8px!important;
  padding: 0 14px!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

.v59-user-pill span {
  width: 28px!important;
  height: 28px!important;
  display: grid!important;
  place-items: center!important;
  border-radius: 50%!important;
  background: rgba(85,222,217,.15)!important;
  color: #fff!important;
  font-size: 11px!important;
}

/* Main content uses the full available space */
.app-main {
  margin-left: var(--v73-sidebar-width)!important;
  width: calc(100% - var(--v73-sidebar-width))!important;
  min-height: 100vh!important;
  padding: calc(var(--v73-topbar-height) + 22px) var(--v73-page-pad) 48px!important;
  color: #edf3fb!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 22px!important;
}

.app-main > section,
.app-main > div,
.v52-dashboard > section {
  width: 100%!important;
  max-width: none!important;
  margin-left: 0!important;
  margin-right: 0!important;
}

/* Panels and dashboard grids */
.panel,
.card,
.metric-card,
.v52-hero,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v52-kpi-grid article,
.v59-panel-premium,
.v59-executive-command,
.v55-dashboard-graphs,
.v52-polished-panel {
  border-radius: var(--v73-panel-radius)!important;
  background:
    radial-gradient(circle at 82% 0%, rgba(85,222,217,.08), transparent 34%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.94))!important;
  border: 1px solid rgba(139,247,242,.16)!important;
  color: #edf3fb!important;
  box-shadow: 0 22px 70px rgba(0,0,0,.22)!important;
}

/* Executive panel: full-width laptop layout */
.v59-executive-command {
  display: grid!important;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr)!important;
  gap: 24px!important;
  align-items: stretch!important;
  padding: 28px!important;
}

.v59-exec-left {
  min-width: 0!important;
}

.v59-exec-left h2,
.v59-panel-premium h2,
.v52-hero h1,
.v52-section-head h2,
.v52-action-card h3,
.v52-module-card h3,
.panel h2 {
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 300!important;
  color: #fff!important;
}

.v59-exec-left h2 {
  margin: 10px 0 12px!important;
  font-size: clamp(30px, 3vw, 48px)!important;
  line-height: 1.05!important;
}

.kicker {
  color: #8bf7f2!important;
  text-transform: uppercase!important;
  letter-spacing: .20em!important;
  font-size: 10px!important;
  font-weight: 700!important;
  margin: 0 0 10px!important;
}

.muted,
.app-main p {
  color: rgba(237,243,251,.70)!important;
  line-height: 1.58!important;
}

.v59-exec-actions,
.v52-hero-actions,
.actions {
  display: flex!important;
  gap: 10px!important;
  flex-wrap: wrap!important;
  margin-top: 18px!important;
}

.btn,
.app-main a.btn,
.app-main button.btn {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 6px!important;
  min-height: 40px!important;
  padding: 10px 14px!important;
  border-radius: 999px!important;
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  text-decoration: none!important;
  font-size: 13px!important;
  line-height: 1!important;
}

.btn.primary,
.app-main a.btn.primary,
.app-main button.btn.primary {
  border-color: rgba(139,247,242,.38)!important;
  background: rgba(139,247,242,.13)!important;
}

.v59-exec-metrics,
#v59ExecutiveMetrics {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 14px!important;
}

/* Two-column dashboard row on laptop/desktop */
.v59-dashboard-grid {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 22px!important;
  width: 100%!important;
}

.v59-panel-premium,
.v55-dashboard-graphs,
.v52-polished-panel {
  padding: 24px!important;
}

.pipeline-toolbar {
  display: flex!important;
  align-items: flex-start!important;
  justify-content: space-between!important;
  gap: 14px!important;
  margin-bottom: 18px!important;
}

.pipeline-toolbar h2,
.v59-panel-premium h2 {
  margin: 0 0 8px!important;
  font-size: clamp(25px, 2vw, 36px)!important;
  line-height: 1.08!important;
}

/* Secondary dashboard hero, KPIs and module grids */
.v52-hero {
  display: grid!important;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr)!important;
  gap: 22px!important;
  padding: 24px!important;
  align-items: stretch!important;
}

.v52-hero-content,
.v52-hero-panel {
  padding: 24px!important;
}

.v52-hero h1 {
  margin: 8px 0 14px!important;
  font-size: clamp(32px, 3.4vw, 54px)!important;
  line-height: 1.04!important;
}

.v52-kpi-grid {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 16px!important;
  width: 100%!important;
}

.v52-kpi-grid article {
  padding: 22px!important;
}

.v52-kpi-grid span {
  color: rgba(237,243,251,.66)!important;
  font-size: 13px!important;
}

.v52-kpi-grid strong {
  color: #fff!important;
  display: block!important;
  font-size: clamp(30px, 3vw, 46px)!important;
  margin: 8px 0!important;
}

.v52-kpi-grid em {
  color: rgba(237,243,251,.58)!important;
  font-style: normal!important;
  font-size: 12px!important;
}

.v55-graph-grid,
.v52-action-grid,
.v52-module-grid,
.workspace-grid-v43 {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 16px!important;
  width: 100%!important;
}

.v52-action-card,
.v52-module-card {
  padding: 22px!important;
}

.v52-action-card h3,
.v52-module-card h3 {
  margin: 10px 0 10px!important;
  font-size: 23px!important;
}

.v52-num {
  color: #8bf7f2!important;
  font-size: 12px!important;
  letter-spacing: .18em!important;
}

.v52-module-card span {
  color: #8bf7f2!important;
  text-transform: uppercase!important;
  letter-spacing: .14em!important;
  font-size: 10px!important;
}

.v52-action-card a,
.v52-module-card a {
  color: #8bf7f2!important;
  text-decoration: none!important;
  font-weight: 700!important;
}

.v52-section-head {
  display: flex!important;
  align-items: end!important;
  justify-content: space-between!important;
  gap: 16px!important;
}

.v52-section-head h2 {
  margin: 0!important;
  font-size: clamp(28px, 2.4vw, 42px)!important;
}

.workspace-grid-v43 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
}

/* Tables / data areas */
.table,
.app-main table {
  width: 100%!important;
  border-collapse: collapse!important;
}

.app-main th,
.app-main td {
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
  padding: 11px 12px!important;
  text-align: left!important;
}

.app-main input,
.app-main select,
.app-main textarea {
  background: rgba(255,255,255,.06)!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 10px 12px!important;
  outline: none!important;
}

.app-main option {
  color: #111!important;
}

/* Command palette and drawer */
.v59-command-palette,
.command-palette {
  position: fixed!important;
  inset: 0!important;
  z-index: 120!important;
  display: none;
  align-items: flex-start!important;
  justify-content: center!important;
  padding-top: 88px!important;
  background: rgba(0,0,0,.45)!important;
}

.v59-command-palette.open,
.command-palette.open {
  display: flex!important;
}

.v59-command-card {
  width: min(620px, calc(100vw - 40px))!important;
  background: rgba(7,15,24,.98)!important;
  border: 1px solid rgba(139,247,242,.22)!important;
  border-radius: 22px!important;
  padding: 18px!important;
  box-shadow: 0 35px 110px rgba(0,0,0,.50)!important;
}

.v59-detail-drawer {
  position: fixed!important;
  top: 0!important;
  right: 0!important;
  width: min(520px, 100vw)!important;
  height: 100vh!important;
  z-index: 130!important;
  background: rgba(7,15,24,.98)!important;
  border-left: 1px solid rgba(139,247,242,.22)!important;
  box-shadow: -30px 0 100px rgba(0,0,0,.42)!important;
  color: #edf3fb!important;
  transform: translateX(105%);
  transition: transform .25s ease!important;
}

.v59-detail-drawer.open {
  transform: translateX(0)!important;
}

.v59-drawer-head {
  display: flex!important;
  justify-content: space-between!important;
  gap: 14px!important;
  padding: 22px!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
}

.v59-drawer-body {
  padding: 22px!important;
  overflow: auto!important;
  max-height: calc(100vh - 90px)!important;
}

/* Laptop specific: 1366px and similar */
@media (max-width: 1450px) {
  :root {
    --v73-sidebar-width: 250px;
    --v73-page-pad: 20px;
  }

  .app-logo span {
    font-size: 25px!important;
  }

  .sidebar > a,
  .sidebar summary {
    padding: 10px 11px!important;
    font-size: 12px!important;
  }

  .sidebar details a {
    font-size: 11px!important;
    padding-left: 28px!important;
  }

  .v59-topbar,
  .topbar,
  .app-topbar {
    grid-template-columns: auto minmax(220px, 1fr) minmax(230px, 360px) auto!important;
    gap: 12px!important;
  }

  .v59-brand-block b {
    font-size: 14px!important;
  }

  .v59-search-trigger {
    height: 42px!important;
    font-size: 12px!important;
  }

  .v59-executive-command {
    grid-template-columns: minmax(0, 1fr)!important;
  }

  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  }

  .v55-graph-grid,
  .v52-action-grid,
  .v52-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Tablet */
@media (max-width: 1100px) {
  :root {
    --v73-sidebar-width: 230px;
    --v73-page-pad: 18px;
  }

  .v59-dashboard-grid,
  .v52-hero,
  .workspace-grid-v43 {
    grid-template-columns: 1fr!important;
  }

  .v52-kpi-grid,
  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Mobile / narrow */
@media (max-width: 820px) {
  body.app-body,
  body.live-data-mode,
  body:has(.sidebar):has(.app-main) {
    display: block!important;
  }

  .sidebar {
    position: relative!important;
    width: 100%!important;
    height: auto!important;
    max-height: none!important;
    padding: 18px!important;
  }

  .v59-topbar,
  .topbar,
  .app-topbar {
    position: sticky!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    height: auto!important;
    min-height: 70px!important;
    grid-template-columns: auto 1fr auto!important;
    padding: 14px 18px!important;
  }

  .v59-search-trigger {
    grid-column: 1 / -1!important;
    width: 100%!important;
  }

  .app-main {
    margin-left: 0!important;
    width: 100%!important;
    padding: 22px 18px 42px!important;
  }

  .v59-executive-command,
  .v59-dashboard-grid,
  .v52-hero,
  .v52-kpi-grid,
  .v55-graph-grid,
  .v52-action-grid,
  .v52-module-grid,
  .workspace-grid-v43 {
    grid-template-columns: 1fr!important;
  }

  .pipeline-toolbar,
  .v52-section-head {
    flex-direction: column!important;
    align-items: flex-start!important;
  }
}

/* Ultra-wide: prevent cards becoming awkwardly stretched */
@media (min-width: 1800px) {
  .app-main {
    max-width: 1680px!important;
    margin-left: var(--v73-sidebar-width)!important;
  }
}


/* =========================================================
   V73 BUYER PAGES RESPONSIVE FIX
   Fixes Buyer Verification, Buyer CIS Vault and CIS Import
   across laptop, desktop, tablet and mobile screens.
   ========================================================= */

:root {
  --v73-form-font: clamp(12px, 0.72vw, 15px);
  --v73-label-font: clamp(11px, 0.64vw, 13px);
  --v73-input-font: clamp(12px, 0.72vw, 15px);
  --v73-heading-large: clamp(30px, 3.2vw, 54px);
  --v73-heading-medium: clamp(22px, 2.1vw, 34px);
  --v73-panel-padding: clamp(18px, 1.6vw, 28px);
}

/* Overall buyer page content sizing */
.app-main.v55-page,
.app-main:has(#buyerQuick),
.app-main:has(#buyerList),
.app-main:has(#cisVaultStats),
.app-main:has(#cisImportForm),
.app-main:has(#cisFileList) {
  font-size: var(--v73-form-font)!important;
  max-width: none!important;
  overflow-x: hidden!important;
}

/* Buyer page hero/header */
.app-header,
.v52-page-hero {
  display: flex!important;
  justify-content: space-between!important;
  align-items: flex-start!important;
  gap: 18px!important;
  padding: var(--v73-panel-padding)!important;
  margin-bottom: 18px!important;
  border-radius: 22px!important;
  background:
    radial-gradient(circle at 85% 0%, rgba(85,222,217,.08), transparent 30%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.94))!important;
  border: 1px solid rgba(139,247,242,.15)!important;
}

.app-header h1,
.v52-page-hero h1,
.app-main:has(#cisVaultStats) h1,
.app-main:has(#cisImportForm) h1 {
  font-size: var(--v73-heading-large)!important;
  line-height: 1.05!important;
  margin: 6px 0 10px!important;
  letter-spacing: .01em!important;
}

.app-header p,
.v52-page-hero p,
.app-main:has(#cisVaultStats) p,
.app-main:has(#cisImportForm) p {
  font-size: clamp(13px, .82vw, 16px)!important;
  line-height: 1.55!important;
  max-width: 920px!important;
}

/* Panels on buyer/CIS pages */
.app-main:has(#buyerQuick) .panel,
.app-main:has(#buyerList) .panel,
.app-main:has(#cisVaultStats) .panel,
.app-main:has(#cisImportForm) .panel,
.app-main:has(#cisFileList) .panel,
.app-main:has(#buyerQuick) section,
.app-main:has(#cisVaultStats) section,
.app-main:has(#cisImportForm) section {
  width: 100%!important;
  max-width: none!important;
}

/* Panel padding and scroll protection */
.panel {
  padding: var(--v73-panel-padding)!important;
  overflow: visible!important;
}

/* Tabbar: no oversized pills, wraps neatly */
.v55-tabbar {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 10px!important;
  margin-bottom: 20px!important;
  width: 100%!important;
}

.v55-tabbar button {
  font-size: clamp(12px, .78vw, 15px)!important;
  padding: 10px 16px!important;
  min-height: 42px!important;
  border-radius: 15px!important;
  white-space: nowrap!important;
  flex: 0 0 auto!important;
}

/* Hide inactive tab content properly */
.v55-tab {
  display: none!important;
}

.v55-tab.active {
  display: block!important;
}

/* Main fix: responsive form grid instead of inline fields */
.form,
#buyerQuick form,
#buyerDetailed form,
#buyerCIS form,
#cisImportForm,
form:has(input[name="cis_document"]),
form:has(input[type="file"]) {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: end!important;
  width: 100%!important;
  max-width: none!important;
}

/* Default label widths: 3 columns on wide screens */
.form label,
#buyerQuick form label,
#buyerDetailed form label,
#buyerCIS form label,
#cisImportForm label,
form:has(input[type="file"]) label {
  display: flex!important;
  flex-direction: column!important;
  gap: 7px!important;
  grid-column: span 3!important;
  min-width: 0!important;
  color: rgba(237,243,251,.78)!important;
  font-size: var(--v73-label-font)!important;
  line-height: 1.25!important;
  font-weight: 600!important;
}

/* Buttons in forms */
.form .btn,
.form button,
#buyerQuick form button,
#buyerDetailed form button,
#buyerCIS form button,
#cisImportForm button,
form:has(input[type="file"]) button {
  grid-column: span 3!important;
  align-self: end!important;
  min-height: 44px!important;
  font-size: clamp(12px, .74vw, 14px)!important;
  padding: 11px 16px!important;
  white-space: nowrap!important;
}

/* Full fields */
.form label.full,
#buyerDetailed form label.full,
#buyerCIS form label.full,
#cisImportForm label.full,
form label.full {
  grid-column: 1 / -1!important;
}

/* Large text areas but not ridiculous */
.form textarea,
#buyerDetailed textarea,
#buyerCIS textarea,
#cisImportForm textarea,
.app-main textarea {
  min-height: 110px!important;
  max-height: 240px!important;
  resize: vertical!important;
}

/* Inputs/selects no longer huge or overflowing */
.app-main input,
.app-main select,
.app-main textarea,
.form input,
.form select,
.form textarea,
#buyerQuick input,
#buyerQuick select,
#buyerDetailed input,
#buyerDetailed select,
#buyerDetailed textarea,
#buyerCIS input,
#buyerCIS select,
#buyerCIS textarea,
#cisImportForm input,
#cisImportForm select,
#cisImportForm textarea {
  width: 100%!important;
  max-width: 100%!important;
  min-width: 0!important;
  min-height: 42px!important;
  height: auto!important;
  font-size: var(--v73-input-font)!important;
  line-height: 1.25!important;
  padding: 10px 13px!important;
  border-radius: 14px!important;
  box-sizing: border-box!important;
}

/* File upload fields */
.file-upload-label input[type="file"],
.app-main input[type="file"],
#buyerCIS input[type="file"],
#cisImportForm input[type="file"],
form:has(input[type="file"]) input[type="file"] {
  min-height: 44px!important;
  padding: 8px!important;
  font-size: clamp(12px, .72vw, 14px)!important;
}

.app-main input[type="file"]::file-selector-button {
  border: 0!important;
  border-radius: 10px!important;
  padding: 8px 12px!important;
  margin-right: 10px!important;
  background: #eef3f7!important;
  color: #111827!important;
  cursor: pointer!important;
}

/* Buyer register/table stays inside available width */
#buyerList,
#cisFileList,
#importedBuyersList,
.table {
  width: 100%!important;
  max-width: 100%!important;
  overflow-x: auto!important;
  display: block!important;
}

.table table,
#buyerList table,
#cisFileList table,
#importedBuyersList table {
  min-width: 860px!important;
}

/* CIS Vault page: fix huge typography and broken summary rows */
.app-main:has(#cisVaultStats) {
  font-size: var(--v73-form-font)!important;
}

#cisVaultStats,
.cis-vault-stats,
.vault-stats,
.stats-grid {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  margin: 18px 0 24px!important;
}

#cisVaultStats > *,
.cis-vault-stats > *,
.vault-stats > *,
.stats-grid > * {
  min-width: 0!important;
  padding: 18px!important;
  border-radius: 18px!important;
  background: rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.14)!important;
}

#cisVaultStats h2,
#cisVaultStats h3,
.cis-vault-stats h2,
.cis-vault-stats h3,
.vault-stats h2,
.vault-stats h3 {
  font-size: clamp(18px, 1.3vw, 24px)!important;
  margin: 0 0 8px!important;
}

#cisVaultStats strong,
.cis-vault-stats strong,
.vault-stats strong,
.stats-grid strong {
  font-size: clamp(22px, 2vw, 34px)!important;
  line-height: 1.1!important;
  color: #fff!important;
}

#cisVaultStats em,
.cis-vault-stats em,
.vault-stats em,
.stats-grid em {
  font-size: clamp(12px, .8vw, 15px)!important;
  color: rgba(237,243,251,.68)!important;
}

/* CIS Vault attach panel */
.app-main:has(#cisVaultStats) .panel,
.app-main:has(#cisFileList) .panel {
  padding: var(--v73-panel-padding)!important;
}

.app-main:has(#cisVaultStats) .panel h2,
.app-main:has(#cisFileList) .panel h2,
.app-main:has(#cisImportForm) .panel h2 {
  font-size: var(--v73-heading-medium)!important;
  line-height: 1.1!important;
  margin: 0 0 16px!important;
}

/* Any generic row/form areas on CIS pages */
.app-main:has(#cisVaultStats) form,
.app-main:has(#cisFileList) form {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: end!important;
}

.app-main:has(#cisVaultStats) form label,
.app-main:has(#cisFileList) form label {
  grid-column: span 4!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 7px!important;
  font-size: var(--v73-label-font)!important;
}

.app-main:has(#cisVaultStats) form button,
.app-main:has(#cisFileList) form button {
  grid-column: span 3!important;
  min-height: 44px!important;
}

/* CIS Import page: stop one-line overflow */
.app-main:has(#cisImportForm) .panel,
.app-main:has(#cisImportForm) section {
  width: 100%!important;
  max-width: none!important;
}

#cisImportForm {
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
}

#cisImportForm label {
  grid-column: span 3!important;
}

#cisImportForm label:has(input[type="file"]) {
  grid-column: span 4!important;
}

#cisImportForm button {
  grid-column: span 3!important;
}

#importedBuyerRecords,
#importedBuyers,
.imported-buyer-records {
  width: 100%!important;
  overflow-x: auto!important;
}

/* Reduce massive section headings on Buyer CIS Vault/CIS Import */
.app-main:has(#cisVaultStats) h1,
.app-main:has(#cisImportForm) h1,
.app-main:has(#cisFileList) h1 {
  font-size: clamp(34px, 3.4vw, 58px)!important;
}

.app-main:has(#cisVaultStats) h2,
.app-main:has(#cisImportForm) h2,
.app-main:has(#cisFileList) h2 {
  font-size: clamp(24px, 2.3vw, 38px)!important;
}

.app-main:has(#cisVaultStats) p,
.app-main:has(#cisImportForm) p,
.app-main:has(#cisFileList) p {
  font-size: clamp(13px, .9vw, 16px)!important;
}

/* Laptop screens - 1366/1440 width */
@media (max-width: 1450px) {
  :root {
    --v73-form-font: clamp(11px, .78vw, 14px);
    --v73-label-font: clamp(10px, .70vw, 12px);
    --v73-input-font: clamp(11px, .78vw, 14px);
    --v73-panel-padding: 18px;
  }

  .form,
  #buyerQuick form,
  #buyerDetailed form,
  #buyerCIS form,
  #cisImportForm,
  .app-main:has(#cisVaultStats) form,
  .app-main:has(#cisFileList) form {
    gap: 12px!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label {
    grid-column: span 4!important;
  }

  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .form button {
    grid-column: span 4!important;
  }

  .v55-tabbar button {
    font-size: 12px!important;
    padding: 9px 14px!important;
  }

  .app-main input,
  .app-main select,
  .app-main textarea {
    min-height: 40px!important;
    padding: 9px 12px!important;
  }

  #cisVaultStats,
  .cis-vault-stats,
  .vault-stats,
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Smaller laptops/tablets */
@media (max-width: 1100px) {
  .app-header,
  .v52-page-hero {
    flex-direction: column!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label,
  .app-main:has(#cisVaultStats) form label,
  .app-main:has(#cisFileList) form label {
    grid-column: span 6!important;
  }

  .form button,
  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .app-main:has(#cisVaultStats) form button,
  .app-main:has(#cisFileList) form button {
    grid-column: span 6!important;
  }

  #cisImportForm label:has(input[type="file"]) {
    grid-column: 1 / -1!important;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .form,
  #buyerQuick form,
  #buyerDetailed form,
  #buyerCIS form,
  #cisImportForm,
  .app-main:has(#cisVaultStats) form,
  .app-main:has(#cisFileList) form {
    grid-template-columns: 1fr!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label,
  .app-main:has(#cisVaultStats) form label,
  .app-main:has(#cisFileList) form label,
  .form button,
  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .app-main:has(#cisVaultStats) form button,
  .app-main:has(#cisFileList) form button {
    grid-column: 1 / -1!important;
  }

  .v55-tabbar {
    display: grid!important;
    grid-template-columns: 1fr!important;
  }

  .v55-tabbar button {
    width: 100%!important;
    white-space: normal!important;
  }

  #cisVaultStats,
  .cis-vault-stats,
  .vault-stats,
  .stats-grid {
    grid-template-columns: 1fr!important;
  }

  .app-main:has(#cisVaultStats) h1,
  .app-main:has(#cisImportForm) h1,
  .app-main:has(#cisFileList) h1 {
    font-size: clamp(30px, 8vw, 42px)!important;
  }
}



/* V64 visual upgrade */
.v64-body{margin:0;background:#03060c;color:#edf3fb;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.v64-smoke-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:brightness(1.02) contrast(1.12) saturate(1.06);opacity:.72}
.v64-video-overlay{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,12,.90),rgba(2,6,12,.62),rgba(2,6,12,.90)),radial-gradient(circle at 70% 20%,rgba(40,110,170,.18),transparent 28%),radial-gradient(circle at 20% 75%,rgba(32,73,120,.20),transparent 30%)}
.v64-nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:18px 26px;background:linear-gradient(180deg,rgba(2,4,8,.70),rgba(2,4,8,.12));backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06)}
.v64-logo{text-decoration:none;display:flex;align-items:baseline;gap:14px}
.v64-logo-main,.v64-big-name{font-family:Georgia,'Times New Roman',serif;letter-spacing:.26em;font-weight:400;background:linear-gradient(180deg,#ffffff 0%,#f0f0f0 47%,#d7dce9 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 10px rgba(255,255,255,.12),0 0 20px rgba(120,160,220,.06)}
.v64-logo-main{font-size:26px;line-height:1}
.v64-logo-sub,.v64-small-name{font-family:Arial,sans-serif;color:#62f0ea;letter-spacing:.42em;font-size:12px;font-weight:700;text-transform:uppercase}
.v64-nav nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.v64-nav nav a{color:rgba(238,245,255,.78);text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.v64-nav nav a:hover,.v64-nav nav a.active{color:#fff}
.v64-platform-link{border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.03)}
.v64-main{padding-top:78px}
.v64-hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:6vw 7vw}
.v64-hero-brand{display:flex;align-items:center;justify-content:center;min-height:420px}
.v64-hero-wordmark{position:relative;text-align:center;animation:v64Float 6s ease-in-out infinite,v64FadeUp 1.4s ease both}
.v64-hero-wordmark:before{content:'';position:absolute;left:-6%;right:-6%;top:42%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translateY(-50%);animation:v64Sweep 4.6s linear infinite;opacity:.55}
.v64-big-name{font-size:clamp(72px,10vw,152px);line-height:.92;position:relative}
.v64-small-name{font-size:clamp(18px,2vw,34px);margin-top:18px;text-align:center;display:block}
.v64-hero-copy{max-width:560px;justify-self:end;animation:v64FadeUp 1.35s ease both}
.v64-eyebrow{font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:#88f0f5;font-weight:700}
.v64-hero-copy h1,.v64-page-hero h1,.split h2,.v64-values-section h2,.v64-text-grid h2,.v64-contact-side h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#fff;line-height:.98;margin:18px 0 18px;font-size:clamp(42px,5.6vw,82px);text-shadow:0 2px 18px rgba(0,0,0,.28)}
.v64-hero-copy p,.split p,.v64-service-card p,.v64-values-grid p,.v64-text-grid p,.v64-three-column-copy p,.v64-product-card p,.v64-page-hero p,.v64-contact-side p,.v64-footer p{color:rgba(236,243,251,.76);line-height:1.75;font-size:18px}
.v64-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.v64-actions a,.v64-service-card a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);padding:13px 18px;border-radius:999px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;background:rgba(255,255,255,.03)}
.v64-actions a:first-child{background:rgba(255,255,255,.1)}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:84px 7vw;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,12,20,.42)}
.v64-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:86px 7vw}
.v64-service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);overflow:hidden;backdrop-filter:blur(5px)}
.v64-service-card img{width:100%;height:290px;object-fit:cover;display:block}
.v64-service-card div{padding:28px}
.v64-service-card span,.v64-product-card span,.v64-values-grid span{display:block;color:#7ff1f1;letter-spacing:.18em;font-size:12px;text-transform:uppercase;font-weight:700}
.v64-service-card h3,.v64-three-column-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:48px;font-weight:400;color:#fff;margin:16px 0 12px}
.v64-values-section,.v64-product-section{padding:86px 7vw;background:rgba(4,10,16,.42);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.v64-section-head{max-width:960px;margin-bottom:30px}
.v64-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v64-values-grid article,.v64-three-column-copy article,.v64-product-card,.v64-text-grid article,.v64-contact-form,.v64-contact-side{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:28px;backdrop-filter:blur(4px)}
.v64-values-grid article span{margin-bottom:14px}
.v64-map-section img,.v64-page-hero img,.v64-contact-side img{width:100%;display:block;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.v64-page-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;padding:80px 7vw}
.v64-page-hero img{min-height:420px;object-fit:cover}
.v64-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 7vw 84px}
.v64-three-column-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 7vw 84px}
.v64-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v64-product-card{min-height:180px}
.v64-product-card span{font-size:16px;margin-bottom:14px}
.v64-contact-section{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:0 7vw 86px}
.v64-contact-side img{margin-top:16px}
.v64-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:42px 7vw;background:rgba(2,4,8,.6);border-top:1px solid rgba(255,255,255,.07)}
.v64-footer b{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400;color:#fff;display:block;margin-bottom:8px}
.v64-footer a{display:block;color:rgba(236,243,251,.72);text-decoration:none;margin:6px 0}
@keyframes v64Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes v64Sweep{0%{transform:translateX(-40%) translateY(-50%)}100%{transform:translateX(40%) translateY(-50%)}}
@keyframes v64FadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width: 1200px){.v64-hero,.split,.v64-page-hero,.v64-contact-section,.v64-text-grid{grid-template-columns:1fr}.v64-hero-copy{justify-self:start}.v64-service-grid,.v64-product-grid,.v64-three-column-copy,.v64-values-grid{grid-template-columns:1fr 1fr}.v64-footer{grid-template-columns:1fr 1fr}}
@media (max-width: 760px){.v64-nav{padding:14px 16px;align-items:flex-start;flex-direction:column}.v64-nav nav{gap:10px}.v64-main{padding-top:110px}.v64-hero,.split,.v64-page-hero,.v64-service-grid,.v64-values-section,.v64-product-section,.v64-text-grid,.v64-three-column-copy,.v64-contact-section,.v64-footer{padding-left:5vw;padding-right:5vw}.v64-service-grid,.v64-product-grid,.v64-three-column-copy,.v64-values-grid,.v64-footer{grid-template-columns:1fr}.v64-big-name{font-size:54px}.v64-small-name{font-size:18px;letter-spacing:.28em}.v64-page-hero img{min-height:280px}}


/* V66 final visual amendments */
.v66-body{
  margin:0;
  background:#03060c;
  color:#edf3fb;
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
.v66-smoke-video{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
  filter:brightness(1.05) contrast(1.14) saturate(1.06);
  opacity:.76;
}
.v66-video-overlay{
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,6,12,.90),rgba(2,6,12,.58),rgba(2,6,12,.90)),
    radial-gradient(circle at 70% 20%,rgba(40,110,170,.18),transparent 28%),
    radial-gradient(circle at 20% 75%,rgba(32,73,120,.18),transparent 30%);
}
.v66-nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 26px;
  background:linear-gradient(180deg,rgba(2,4,8,.68),rgba(2,4,8,.10));
  backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.v66-logo{
  text-decoration:none;
  display:flex;
  align-items:baseline;
  gap:14px;
}
.v66-logo-main,
.v66-big-name{
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.30em;
  font-weight:300;
  color:#f7f7f7;
  text-shadow:
    0 1px 0 rgba(0,0,0,.55),
    0 0 8px rgba(255,255,255,.16),
    0 0 16px rgba(85,115,180,.12);
  -webkit-text-stroke:.35px rgba(255,255,255,.20);
}
.v66-logo-main{
  font-size:25px;
  line-height:1;
}
.v66-logo-sub,
.v66-small-name{
  font-family:Arial,sans-serif;
  color:#62f0ea;
  letter-spacing:.42em;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}
.v66-nav nav{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.v66-nav nav a{
  color:rgba(238,245,255,.78);
  text-decoration:none;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}
.v66-nav nav a:hover,
.v66-nav nav a.active{color:#fff}
.v66-platform-link{
  border:1px solid rgba(255,255,255,.18);
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.03);
}
.v66-main{padding-top:78px}
.v66-hero{
  min-height:calc(100vh - 78px);
  display:grid;
  grid-template-columns:1.22fr .78fr;
  align-items:center;
  gap:30px;
  padding:5vw 7vw;
}
.v66-hero-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
}
.v66-hero-wordmark{
  position:relative;
  text-align:center;
  animation:v66Float 6s ease-in-out infinite,v66FadeUp 1.2s ease both;
}
.v66-hero-wordmark:before{
  content:'';
  position:absolute;
  left:-8%;
  right:-8%;
  top:44%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  animation:v66Sweep 4.8s linear infinite;
}
.v66-big-name{
  font-size:clamp(58px,8.2vw,122px);
  line-height:.92;
}
.v66-small-name{
  display:block;
  font-size:clamp(15px,1.5vw,25px);
  margin-top:17px;
  letter-spacing:.38em;
}
.v66-hero-copy{
  max-width:500px;
  justify-self:end;
  animation:v66FadeUp 1.2s ease both;
}
.v66-eyebrow{
  font-size:10px;
  letter-spacing:.36em;
  text-transform:uppercase;
  color:#88f0f5;
  font-weight:700;
}
.v66-hero-copy h1{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:300;
  color:#fff;
  line-height:1.03;
  margin:18px 0;
  font-size:clamp(34px,3.4vw,56px);
  text-shadow:0 2px 18px rgba(0,0,0,.24);
}
.v66-page-hero h1,
.split h2,
.v66-values-section h2,
.v66-single-copy h2,
.v66-contact-side h2{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:300;
  color:#fff;
  line-height:1.03;
  margin:18px 0;
  font-size:clamp(34px,4vw,58px);
}
.v66-hero-copy p,
.split p,
.v66-service-card p,
.v66-values-grid p,
.v66-single-copy p,
.v66-three-column-copy p,
.v66-product-card p,
.v66-page-hero p,
.v66-contact-side p,
.v66-footer p{
  color:rgba(236,243,251,.76);
  line-height:1.7;
  font-size:17px;
}
.v66-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:26px;
}
.v66-actions a,
.v66-service-card a{
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.22);
  padding:13px 18px;
  border-radius:999px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  background:rgba(255,255,255,.03);
}
.v66-actions a:first-child{background:rgba(255,255,255,.10)}
.split{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:36px;
  align-items:center;
  padding:80px 7vw;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(5,12,20,.42);
}
.v66-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  padding:82px 7vw;
}
.v66-service-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  backdrop-filter:blur(5px);
}
.v66-service-card img{
  width:100%;
  height:290px;
  object-fit:cover;
  display:block;
}
.v66-service-card div{padding:28px}
.v66-service-card span,
.v66-product-card span,
.v66-values-grid span{
  display:block;
  color:#7ff1f1;
  letter-spacing:.18em;
  font-size:12px;
  text-transform:uppercase;
  font-weight:700;
}
.v66-service-card h3,
.v66-three-column-copy h3{
  font-family:Georgia,'Times New Roman',serif;
  font-size:44px;
  font-weight:300;
  color:#fff;
  margin:16px 0 12px;
}
.v66-values-section,
.v66-product-section{
  padding:80px 7vw;
  background:rgba(4,10,16,.42);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.v66-section-head{
  max-width:960px;
  margin-bottom:30px;
}
.v66-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.v66-values-grid article,
.v66-three-column-copy article,
.v66-product-card,
.v66-single-copy,
.v66-contact-form,
.v66-contact-side{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  padding:28px;
  backdrop-filter:blur(4px);
}
.v66-map-section img,
.v66-page-hero img,
.v66-contact-side img{
  width:100%;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.v66-page-hero{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:34px;
  align-items:center;
  padding:80px 7vw;
}
.v66-page-hero.compact{
  padding-bottom:44px;
}
.v66-page-hero img{
  min-height:420px;
  object-fit:cover;
}
.v66-single-copy{
  margin:0 7vw 84px;
}
.v66-single-copy h2{
  max-width:920px;
}
.v66-three-column-copy{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  padding:0 7vw 84px;
}
.v66-product-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.v66-product-card{
  min-height:180px;
}
.v66-product-card span{
  font-size:16px;
  margin-bottom:14px;
}
.v66-contact-section{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  padding:0 7vw 86px;
}
.v66-contact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.v66-field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v66-field.full{grid-column:1 / -1}
.v66-field label{
  color:#88f0f5;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
}
.v66-field input,
.v66-field select,
.v66-field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:14px;
  padding:14px 15px;
  outline:none;
  font-size:15px;
}
.v66-field textarea{
  min-height:135px;
  resize:vertical;
}
.v66-field input::placeholder,
.v66-field textarea::placeholder{
  color:rgba(255,255,255,.42);
}
.v66-submit{
  grid-column:1 / -1;
  justify-self:start;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:14px 22px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.v66-contact-side img{margin-top:16px}
.v66-footer{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:24px;
  padding:42px 7vw;
  background:rgba(2,4,8,.60);
  border-top:1px solid rgba(255,255,255,.07);
}
.v66-footer b{
  font-family:Georgia,'Times New Roman',serif;
  font-size:30px;
  font-weight:300;
  color:#fff;
  display:block;
  margin-bottom:8px;
}
.v66-footer a{
  display:block;
  color:rgba(236,243,251,.72);
  text-decoration:none;
  margin:6px 0;
}
@keyframes v66Float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes v66Sweep{
  0%{transform:translateX(-42%)}
  100%{transform:translateX(42%)}
}
@keyframes v66FadeUp{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:1200px){
  .v66-hero,.split,.v66-page-hero,.v66-contact-section{grid-template-columns:1fr}
  .v66-hero-copy{justify-self:start}
  .v66-service-grid,.v66-product-grid,.v66-three-column-copy,.v66-values-grid{grid-template-columns:1fr 1fr}
  .v66-footer{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .v66-nav{padding:14px 16px;align-items:flex-start;flex-direction:column}
  .v66-nav nav{gap:10px}
  .v66-main{padding-top:120px}
  .v66-hero,.split,.v66-page-hero,.v66-service-grid,.v66-values-section,.v66-product-section,.v66-single-copy,.v66-three-column-copy,.v66-contact-section,.v66-footer{
    padding-left:5vw;
    padding-right:5vw;
  }
  .v66-service-grid,.v66-product-grid,.v66-three-column-copy,.v66-values-grid,.v66-footer,.v66-contact-form{grid-template-columns:1fr}
  .v66-big-name{font-size:52px}
  .v66-small-name{font-size:16px;letter-spacing:.28em}
  .v66-hero-copy h1{font-size:34px}
  .v66-page-hero img{min-height:280px}
}


/* =========================================================
   V67 OBVIOUS VISUAL CHANGES - hard override
   ========================================================= */
body.v67-body{
  margin:0!important;
  background:#03060c!important;
  color:#edf3fb!important;
  font-family:Arial,Helvetica,sans-serif!important;
  overflow-x:hidden!important;
}
.v67-bg-video{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:-3!important;
  filter:brightness(1.14) contrast(1.22) saturate(1.12)!important;
  opacity:.88!important;
}
.v67-bg-poster{
  position:fixed!important;
  inset:0!important;
  z-index:-4!important;
  background:url('assets/media/lankom_v67_poster.svg') center/cover no-repeat!important;
}
.v67-bg-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(0,3,8,.86),rgba(0,3,8,.50),rgba(0,3,8,.86)),
    radial-gradient(circle at 72% 25%,rgba(66,130,190,.22),transparent 28%),
    radial-gradient(circle at 16% 78%,rgba(45,82,135,.24),transparent 32%)!important;
}
.v67-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:18px 26px!important;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.12))!important;
  backdrop-filter:blur(8px)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.v67-logo{
  text-decoration:none!important;
  display:flex!important;
  align-items:baseline!important;
  gap:14px!important;
}
.v67-logo-main,
.v67-main-word{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  letter-spacing:.34em!important;
  color:#f6f6f6!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.75),
    0 0 7px rgba(255,255,255,.20),
    0 0 18px rgba(120,145,210,.18)!important;
  -webkit-text-stroke:.25px rgba(255,255,255,.16)!important;
}
.v67-logo-main{font-size:24px!important;line-height:1!important}
.v67-logo-sub,
.v67-sub-word{
  font-family:Arial,Helvetica,sans-serif!important;
  color:#69f3ed!important;
  letter-spacing:.44em!important;
  font-size:11px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
}
.v67-nav nav{
  display:flex!important;
  gap:18px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
.v67-nav nav a{
  color:rgba(238,245,255,.78)!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-nav nav a:hover,.v67-nav nav a.active{color:#fff!important}
.v67-platform-link{
  border:1px solid rgba(255,255,255,.20)!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
.v67-main{padding-top:78px!important}
.v67-hero{
  min-height:calc(100vh - 78px)!important;
  display:grid!important;
  grid-template-columns:1.25fr .75fr!important;
  align-items:center!important;
  gap:34px!important;
  padding:4.8vw 7vw!important;
}
.v67-wordmark-panel{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:440px!important;
}
.v67-main-word{
  font-size:clamp(54px,7.2vw,112px)!important;
  line-height:.92!important;
  text-align:center!important;
  animation:v67Float 6s ease-in-out infinite,v67FadeUp 1.1s ease both!important;
}
.v67-sub-word{
  display:block!important;
  text-align:center!important;
  font-size:clamp(14px,1.32vw,22px)!important;
  margin-top:18px!important;
  animation:v67FadeUp 1.2s ease both!important;
}
.v67-wordmark-panel:after{
  content:''!important;
  position:absolute!important;
  width:46vw!important;
  max-width:780px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
  animation:v67Sweep 5.2s linear infinite!important;
}
.v67-hero-copy{
  max-width:480px!important;
  justify-self:end!important;
  animation:v67FadeUp 1.25s ease both!important;
}
.v67-eyebrow{
  font-size:10px!important;
  letter-spacing:.36em!important;
  text-transform:uppercase!important;
  color:#88f0f5!important;
  font-weight:700!important;
}
.v67-hero-copy h1{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  color:#fff!important;
  line-height:1.04!important;
  margin:18px 0!important;
  font-size:clamp(31px,3.1vw,50px)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.28)!important;
}
.v67-page-hero h1,
.v67-split h2,
.v67-values-section h2,
.v67-single-copy h2,
.v67-contact-side h2,
.v67-section-head h2{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:300!important;
  color:#fff!important;
  line-height:1.06!important;
  margin:18px 0!important;
  font-size:clamp(32px,3.5vw,54px)!important;
}
.v67-hero-copy p,
.v67-split p,
.v67-service-card p,
.v67-values-grid p,
.v67-single-copy p,
.v67-three-column-copy p,
.v67-product-card p,
.v67-page-hero p,
.v67-contact-side p,
.v67-footer p,
.v67-section-head p{
  color:rgba(236,243,251,.78)!important;
  line-height:1.7!important;
  font-size:16px!important;
}
.v67-actions{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:26px!important}
.v67-actions a,.v67-service-card a{
  color:#fff!important;
  text-decoration:none!important;
  border:1px solid rgba(255,255,255,.22)!important;
  padding:13px 18px!important;
  border-radius:999px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:700!important;
  background:rgba(255,255,255,.035)!important;
}
.v67-actions a:first-child{background:rgba(255,255,255,.10)!important}
.v67-split{
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:36px!important;
  align-items:center!important;
  padding:80px 7vw!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:rgba(5,12,20,.42)!important;
}
.v67-service-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:22px!important;
  padding:82px 7vw!important;
}
.v67-service-card{
  background:rgba(8,17,28,.78)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  overflow:hidden!important;
  backdrop-filter:blur(5px)!important;
}
.v67-service-card img{
  width:100%!important;
  height:290px!important;
  object-fit:cover!important;
  display:block!important;
}
.v67-service-card div{padding:28px!important}
.v67-service-card span,
.v67-values-grid b,
.v67-product-card b{
  display:block!important;
  color:#7ff1f1!important;
  letter-spacing:.18em!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-service-card h3,
.v67-three-column-copy h3{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:42px!important;
  font-weight:300!important;
  color:#fff!important;
  margin:16px 0 12px!important;
}
.v67-values-section,
.v67-product-section{
  padding:80px 7vw!important;
  background:rgba(4,10,16,.42)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.v67-section-head{max-width:960px!important;margin-bottom:30px!important}
.v67-values-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}
.v67-values-grid article,
.v67-three-column-copy article,
.v67-product-card,
.v67-single-copy,
.v67-contact-form,
.v67-contact-side{
  background:rgba(8,17,28,.82)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  padding:28px!important;
  backdrop-filter:blur(5px)!important;
}
.v67-map-section img,
.v67-page-hero img,
.v67-contact-side img{
  width:100%!important;
  display:block!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;
}
.v67-page-hero{
  display:grid!important;
  grid-template-columns:.92fr 1.08fr!important;
  gap:34px!important;
  align-items:center!important;
  padding:80px 7vw!important;
}
.v67-page-hero.compact{padding-bottom:44px!important}
.v67-page-hero img{
  min-height:420px!important;
  object-fit:cover!important;
}
.v67-single-copy{
  margin:0 7vw 84px!important;
}
.v67-single-copy h2{max-width:920px!important}
.v67-three-column-copy{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  padding:0 7vw 84px!important;
}
.v67-product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}
.v67-product-card{
  min-height:178px!important;
}
.v67-product-card b{
  font-size:15px!important;
  margin-bottom:14px!important;
  color:#88f0f5!important;
}
.v67-contact-section{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  gap:24px!important;
  padding:0 7vw 86px!important;
}
.v67-contact-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.v67-field{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.v67-field.full{grid-column:1 / -1!important}
.v67-field label{
  color:#88f0f5!important;
  font-size:11px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
}
.v67-field input,
.v67-field select,
.v67-field textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border-radius:14px!important;
  padding:14px 15px!important;
  outline:none!important;
  font-size:15px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
.v67-field select option{
  color:#111!important;
}
.v67-field textarea{
  min-height:140px!important;
  resize:vertical!important;
}
.v67-field input::placeholder,
.v67-field textarea::placeholder{
  color:rgba(255,255,255,.42)!important;
}
.v67-submit{
  grid-column:1 / -1!important;
  justify-self:start!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:14px 22px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.v67-contact-side img{margin-top:16px!important}
.v67-footer{
  display:grid!important;
  grid-template-columns:2fr 1fr 1fr 1fr!important;
  gap:24px!important;
  padding:42px 7vw!important;
  background:rgba(2,4,8,.68)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.v67-footer b{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:30px!important;
  font-weight:300!important;
  color:#fff!important;
  display:block!important;
  margin-bottom:8px!important;
}
.v67-footer a{
  display:block!important;
  color:rgba(236,243,251,.72)!important;
  text-decoration:none!important;
  margin:6px 0!important;
}
@keyframes v67Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes v67Sweep{0%{transform:translateX(-42%)}100%{transform:translateX(42%)}}
@keyframes v67FadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1200px){
  .v67-hero,.v67-split,.v67-page-hero,.v67-contact-section{grid-template-columns:1fr!important}
  .v67-hero-copy{justify-self:start!important}
  .v67-service-grid,.v67-product-grid,.v67-three-column-copy,.v67-values-grid{grid-template-columns:1fr 1fr!important}
  .v67-footer{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  .v67-nav{padding:14px 16px!important;align-items:flex-start!important;flex-direction:column!important}
  .v67-nav nav{gap:10px!important}
  .v67-main{padding-top:120px!important}
  .v67-hero,.v67-split,.v67-page-hero,.v67-service-grid,.v67-values-section,.v67-product-section,.v67-single-copy,.v67-three-column-copy,.v67-contact-section,.v67-footer{
    padding-left:5vw!important;
    padding-right:5vw!important;
  }
  .v67-service-grid,.v67-product-grid,.v67-three-column-copy,.v67-values-grid,.v67-footer,.v67-contact-form{grid-template-columns:1fr!important}
  .v67-main-word{font-size:48px!important}
  .v67-sub-word{font-size:15px!important;letter-spacing:.28em!important}
  .v67-hero-copy h1{font-size:32px!important}
  .v67-page-hero img{min-height:280px!important}
}


/* ===== V68 exact user video and reference-style wordmark ===== */
.v68-bg-video{
  filter:brightness(1.04) contrast(1.06) saturate(1.02)!important;
  opacity:.97!important;
}
.v67-bg-poster{
  background:url('assets/media/smoke_original_uploaded_v68_poster.jpg') center/cover no-repeat!important;
}
.v67-bg-overlay{
  background:linear-gradient(90deg,rgba(0,4,10,.76),rgba(0,4,10,.34),rgba(0,4,10,.74))!important;
}
.v68-logo{display:flex!important;align-items:center!important}
.v68-logo img{display:block!important;width:242px!important;height:auto!important}
.v68-wordmark-panel{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:380px!important;}
.v68-hero-wordmark{display:block!important;width:min(68vw,980px)!important;max-width:980px!important;height:auto!important;filter:drop-shadow(0 5px 22px rgba(0,0,0,.34));animation:v68BrandFloat 6s ease-in-out infinite!important;}
.v67-main-word,.v67-sub-word,.v67-logo-main,.v67-logo-sub{display:none!important}
@keyframes v68BrandFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}
@media (max-width:760px){
  .v68-logo img{width:184px!important;}
  .v68-hero-wordmark{width:min(88vw,620px)!important;}
  .v68-wordmark-panel{min-height:240px!important;justify-content:center!important;}
}

/* ===== V69 wordmark refinement ===== */
.v68-logo img{width:214px!important;height:auto!important;}
.v68-hero-wordmark{width:min(64vw,920px)!important;max-width:920px!important;}
.v68-wordmark-panel{min-height:340px!important;}


/* ===== V70 wordmark position and thinness fix ===== */
/* Remove the unwanted line going through LANKOM */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Reposition the new wordmark asset cleanly */
.v68-wordmark-panel,
.v67-wordmark-panel {
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:320px!important;
  overflow:visible!important;
}

/* Slightly reduce visual heaviness and keep the logo closer to the reference */
.v68-hero-wordmark {
  width:min(57vw,820px)!important;
  max-width:820px!important;
  height:auto!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.55))
    drop-shadow(0 0 6px rgba(255,255,255,.10))!important;
  opacity:.96!important;
}

/* Nav wordmark also corrected */
.v68-logo img {
  width:200px!important;
  height:auto!important;
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.55))
    drop-shadow(0 0 4px rgba(255,255,255,.10))!important;
}

/* Ensure hidden text fallback does not appear thick */
.v67-main-word,
.v67-sub-word,
.v67-logo-main,
.v67-logo-sub,
.v66-big-name,
.v66-small-name,
.v66-logo-main,
.v66-logo-sub {
  display:none!important;
}

/* Keep homepage copy from crowding the logo */
.v67-hero {
  grid-template-columns:1.14fr .86fr!important;
}

@media (max-width:760px){
  .v68-hero-wordmark{width:min(86vw,560px)!important;}
  .v68-logo img{width:176px!important;}
  .v68-wordmark-panel,.v67-wordmark-panel{justify-content:center!important;min-height:220px!important;}
}


/* ===== V71 logo alignment + premium motion polish ===== */

/* Top-left wordmark: GROUP same size as LANKOM, closer, still teal */
.v68-logo img,
.v67-logo.v68-logo img {
  width:252px!important;
  height:auto!important;
  display:block!important;
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.50))
    drop-shadow(0 0 4px rgba(255,255,255,.08))!important;
}

/* Middle hero wordmark: move whole lockup higher and keep horizontal position */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-58px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

/* Hero SVG size tuned to stop it feeling heavy */
.v68-hero-wordmark {
  width:min(55vw,790px)!important;
  max-width:790px!important;
  height:auto!important;
  opacity:.97!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.52))
    drop-shadow(0 0 5px rgba(255,255,255,.08))!important;
}

/* Remove old horizontal line and any legacy decorative sweep completely */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* More premium hero composition */
.v67-hero {
  grid-template-columns:1.10fr .90fr!important;
  align-items:center!important;
}

/* Premium motion: luxury reveal, no cheap bouncing */
.v68-hero-wordmark {
  animation:v71WordmarkReveal 1.35s cubic-bezier(.19,1,.22,1) both, v71SubtleFloat 9s ease-in-out 1.35s infinite!important;
}
.v67-hero-copy {
  animation:v71CopyReveal 1.15s cubic-bezier(.19,1,.22,1) .18s both!important;
}
.v67-nav {
  animation:v71NavDrop .85s cubic-bezier(.19,1,.22,1) both!important;
}
.v67-service-card,
.v67-product-card,
.v67-values-grid article,
.v67-three-column-copy article,
.v67-single-copy,
.v67-contact-form,
.v67-contact-side {
  position:relative!important;
  overflow:hidden!important;
  transition:transform .38s cubic-bezier(.19,1,.22,1), border-color .38s ease, box-shadow .38s ease!important;
}
.v67-service-card:hover,
.v67-product-card:hover,
.v67-values-grid article:hover,
.v67-three-column-copy article:hover {
  transform:translateY(-8px)!important;
  border-color:rgba(136,240,245,.26)!important;
  box-shadow:0 34px 95px rgba(0,0,0,.34), 0 0 38px rgba(104,218,225,.06)!important;
}
.v67-service-card:before,
.v67-product-card:before,
.v67-values-grid article:before,
.v67-three-column-copy article:before,
.v67-contact-form:before,
.v67-contact-side:before {
  content:''!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.045) 45%,transparent 70%)!important;
  transform:translateX(-120%)!important;
  transition:transform .9s cubic-bezier(.19,1,.22,1)!important;
}
.v67-service-card:hover:before,
.v67-product-card:hover:before,
.v67-values-grid article:hover:before,
.v67-three-column-copy article:hover:before,
.v67-contact-form:hover:before,
.v67-contact-side:hover:before {
  transform:translateX(120%)!important;
}

/* Scroll reveal support added by JS */
.v71-reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .85s cubic-bezier(.19,1,.22,1), transform .85s cubic-bezier(.19,1,.22,1);
}
.v71-reveal.v71-visible {
  opacity:1;
  transform:translateY(0);
}

/* Premium pointer glow, subtle and restrained */
.v71-cursor-glow {
  position:fixed;
  width:360px;
  height:360px;
  border-radius:50%;
  pointer-events:none;
  z-index:1;
  background:radial-gradient(circle,rgba(104,218,225,.085),rgba(104,218,225,.025) 38%,transparent 68%);
  transform:translate(-50%,-50%);
  mix-blend-mode:screen;
  opacity:.75;
}

/* Buttons feel more premium */
.v67-actions a,
.v67-service-card a,
.v67-submit {
  transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease!important;
}
.v67-actions a:hover,
.v67-service-card a:hover,
.v67-submit:hover {
  transform:translateY(-2px)!important;
  background:rgba(255,255,255,.15)!important;
  border-color:rgba(136,240,245,.42)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28)!important;
}

@keyframes v71WordmarkReveal {
  0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(7px);}
  100%{opacity:.97;transform:translateY(0) scale(1);filter:blur(0);}
}
@keyframes v71SubtleFloat {
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}
@keyframes v71CopyReveal {
  0%{opacity:0;transform:translateY(20px);}
  100%{opacity:1;transform:translateY(0);}
}
@keyframes v71NavDrop {
  0%{opacity:0;transform:translateY(-12px);}
  100%{opacity:1;transform:translateY(0);}
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img{width:220px!important;}
  .v68-wordmark-panel,
  .v67-wordmark-panel{transform:translateY(-24px)!important;justify-content:center!important;min-height:220px!important;}
  .v68-hero-wordmark{width:min(88vw,580px)!important;}
}


/* ===== V72 final logo position refinements ===== */

/* Top-left logo: move whole asset slightly higher and reduce gap by using updated SVG */
.v68-logo img,
.v67-logo.v68-logo img {
  width:232px!important;
  height:auto!important;
  transform:translateY(-4px)!important;
  display:block!important;
}

/* Nav itself remains vertically centred */
.v67-nav,
.v66-nav,
.v64-nav {
  align-items:center!important;
}

/* Main homepage wordmark: move higher and stop all up/down motion */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-92px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

/* Stationary logo: no floating or bouncing */
.v68-hero-wordmark {
  width:min(54vw,760px)!important;
  max-width:760px!important;
  height:auto!important;
  opacity:.97!important;
  animation:v72WordmarkReveal .9s cubic-bezier(.19,1,.22,1) both!important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.52))
    drop-shadow(0 0 5px rgba(255,255,255,.08))!important;
}

/* Disable all older floating animations on the wordmark */
.v68-hero-wordmark:hover,
.v68-wordmark-panel:hover .v68-hero-wordmark {
  transform:none!important;
}

/* Remove any old line/sweep effect permanently */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Move hero block slightly higher overall without changing horizontal alignment */
.v67-hero {
  align-items:center!important;
  padding-top:3.2vw!important;
}

@keyframes v72WordmarkReveal {
  0% {opacity:0; transform:translateY(12px); filter:blur(4px);}
  100% {opacity:.97; transform:translateY(0); filter:blur(0);}
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img {
    width:200px!important;
    transform:translateY(-2px)!important;
  }
  .v68-wordmark-panel,
  .v67-wordmark-panel {
    transform:translateY(-38px)!important;
    justify-content:center!important;
    min-height:220px!important;
  }
  .v68-hero-wordmark {
    width:min(86vw,540px)!important;
  }
}


/* ===== V73 exact logo spacing + right text vertical alignment ===== */

/* Top-left: GROUP now sits with a normal word space from LANKOM */
.v68-logo img,
.v67-logo.v68-logo img {
  width:214px!important;
  height:auto!important;
  transform:translateY(-4px)!important;
  display:block!important;
}

/* Centre logo: stationary, moved high enough, with GROUP no longer too close */
.v68-wordmark-panel,
.v67-wordmark-panel {
  transform:translateY(-92px)!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:300px!important;
}

.v68-hero-wordmark {
  width:min(56vw,790px)!important;
  max-width:790px!important;
  height:auto!important;
  opacity:.97!important;
  animation:v72WordmarkReveal .9s cubic-bezier(.19,1,.22,1) both!important;
}

/* Right-hand homepage text: move the whole block up into the true vertical centre */
.v67-hero-copy {
  transform:translateY(-52px)!important;
  animation:none!important;
  align-self:center!important;
}

/* Keep the grid visually balanced after moving copy up */
.v67-hero {
  align-items:center!important;
  padding-top:2.6vw!important;
  padding-bottom:4.8vw!important;
}

/* Stop any accidental inherited motion on centre logo */
.v68-hero-wordmark,
.v68-wordmark-panel,
.v67-wordmark-panel {
  transition:none!important;
}

/* Keep all old lines/sweeps disabled */
.v67-wordmark-panel:after,
.v67-hero-wordmark:before,
.v68-wordmark-panel:after,
.v66-hero-wordmark:before,
.v64-hero-wordmark:before,
.v67-wordmark-panel:before,
.v68-wordmark-panel:before {
  display:none!important;
  content:none!important;
  background:none!important;
}

@media (max-width:760px){
  .v68-logo img,
  .v67-logo.v68-logo img {
    width:190px!important;
    transform:translateY(-2px)!important;
  }
  .v67-hero-copy {
    transform:translateY(-16px)!important;
  }
  .v68-wordmark-panel,
  .v67-wordmark-panel {
    transform:translateY(-30px)!important;
    justify-content:center!important;
    min-height:220px!important;
  }
}


/* V73 spacing fix: top-left LANKOM GROUP wordmark */
.v68-logo img,
.v67-logo.v68-logo img,
.v67-logo img,
.v66-logo img,
.site-logo img,
.v74-nav-logo img {
  width:244px!important;
  max-width:244px!important;
  height:auto!important;
}


/* =========================================================
   V73 footer legal update: smaller footer text + UK legal/GDPR
   ========================================================= */

.v73-legal-footer,
.v67-footer,
.site-footer,
footer {
  font-size: 12px!important;
}

.v73-legal-footer {
  position: relative;
  z-index: 3;
  background:
    linear-gradient(180deg, rgba(3,8,14,.78), rgba(2,5,9,.94)),
    radial-gradient(circle at 80% 0%, rgba(82,224,220,.08), transparent 34%);
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(237,243,251,.68);
  padding: 42px 7vw 28px;
}

.v73-footer-main {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 46px;
  align-items: start;
}

.v73-footer-brand h3 {
  margin: 0 0 18px;
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: 30px!important;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: .01em;
}

.v73-footer-brand p {
  margin: 0;
  max-width: 520px;
  font-size: 15px!important;
  line-height: 1.65!important;
  color: rgba(237,243,251,.70)!important;
}

.v73-legal-footer nav {
  display: grid;
  gap: 10px;
}

.v73-legal-footer nav a {
  color: rgba(237,243,251,.66)!important;
  text-decoration: none!important;
  font-size: 14px!important;
  line-height: 1.25!important;
  letter-spacing: .01em!important;
  text-transform: none!important;
  font-weight: 400!important;
}

.v73-legal-footer nav a:hover {
  color: #8bf7f2!important;
}

.v73-legal-strip {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: grid;
  gap: 8px;
  max-width: 1500px;
}

.v73-legal-strip p {
  margin: 0;
  color: rgba(237,243,251,.56)!important;
  font-size: 11px!important;
  line-height: 1.55!important;
  letter-spacing: .01em!important;
}

.v73-legal-strip strong {
  color: rgba(237,243,251,.78)!important;
  font-weight: 600;
}

.v73-legal-strip a {
  color: #8bf7f2!important;
  text-decoration: none!important;
  font-size: 11px!important;
}

@media (max-width: 900px) {
  .v73-footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .v73-footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  .v73-legal-footer {
    padding: 34px 22px 24px;
  }
  .v73-footer-main {
    grid-template-columns: 1fr;
  }
  .v73-footer-brand h3 {
    font-size: 26px!important;
  }
}


/* =========================================================
   V73 Commodities dropdown + categorized commodities page
   ========================================================= */

.v73-nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.v73-dropdown-trigger {
  cursor: pointer;
}

.v73-dropdown-trigger::after {
  content: "⌄";
  display: inline-block;
  margin-left: 8px;
  color: #8bf7f2;
  font-size: 10px;
  transform: translateY(-1px);
}

.v73-dropdown-menu {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 280px;
  padding: 12px;
  border: 1px solid rgba(139,247,242,.22);
  background:
    linear-gradient(180deg, rgba(7,15,24,.96), rgba(3,7,12,.98));
  box-shadow: 0 28px 85px rgba(0,0,0,.44);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
  z-index: 999;
}

.v73-nav-dropdown:hover .v73-dropdown-menu,
.v73-nav-dropdown:focus-within .v73-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.v73-dropdown-menu a {
  display: block!important;
  padding: 11px 12px!important;
  color: rgba(237,243,251,.76)!important;
  text-decoration: none!important;
  font-size: 12px!important;
  letter-spacing: .06em!important;
  text-transform: none!important;
  border-radius: 9px;
  white-space: nowrap;
}

.v73-dropdown-menu a:hover {
  color: #fff!important;
  background: rgba(139,247,242,.10);
}

.v73-commodities-page {
  position: relative;
  z-index: 2;
  color: #edf3fb;
}

.v73-commodities-hero {
  min-height: 70vh;
  display: grid;
  align-content: center;
  padding: 150px 7vw 80px;
  max-width: 1280px;
}

.v73-section-kicker {
  color: #8bf7f2;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: .32em;
  font-weight: 700;
  margin: 0 0 18px;
}

.v73-commodities-hero h1,
.v73-commodity-category h2,
.v73-commodity-enquiry h2 {
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-weight: 300;
  line-height: 1.05;
  margin: 0 0 22px;
}

.v73-commodities-hero h1 {
  font-size: clamp(42px, 5vw, 76px);
  max-width: 1050px;
}

.v73-commodities-hero p,
.v73-commodity-enquiry p,
.v73-product-card p {
  color: rgba(237,243,251,.70);
  line-height: 1.68;
  font-size: 16px;
}

.v73-commodities-hero > p {
  max-width: 850px;
}

.v73-commodity-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
  max-width: 1050px;
}

.v73-commodity-toc a {
  color: rgba(237,243,251,.78);
  text-decoration: none;
  border: 1px solid rgba(139,247,242,.18);
  background: rgba(8,16,28,.58);
  border-radius: 999px;
  padding: 10px 14px;
  font-size: 12px;
  letter-spacing: .06em;
}

.v73-commodity-toc a:hover {
  color: #fff;
  border-color: rgba(139,247,242,.42);
  background: rgba(139,247,242,.09);
}

.v73-commodity-category {
  padding: 70px 7vw;
  border-top: 1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 75% 0%, rgba(82,224,220,.06), transparent 34%),
    rgba(3,8,14,.34);
  scroll-margin-top: 110px;
}

.v73-category-heading {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: end;
  margin-bottom: 26px;
}

.v73-category-heading h2 {
  font-size: clamp(32px, 3.6vw, 54px);
}

.v73-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.v73-product-card {
  min-height: 150px;
  padding: 22px;
  background:
    linear-gradient(135deg, rgba(13,25,38,.82), rgba(7,14,22,.88));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 55px rgba(0,0,0,.20);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.v73-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(139,247,242,.32);
  background:
    linear-gradient(135deg, rgba(17,34,49,.88), rgba(7,14,22,.92));
}

.v73-product-card h3 {
  font-family: Georgia, "Times New Roman", serif;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
  margin: 0 0 12px;
}

.v73-product-card p {
  margin: 0;
  font-size: 14px;
}

.v73-commodity-enquiry {
  margin: 70px 7vw 90px;
  padding: 36px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  border: 1px solid rgba(139,247,242,.20);
  background:
    radial-gradient(circle at 90% 0%, rgba(139,247,242,.10), transparent 36%),
    rgba(8,16,28,.78);
}

.v73-commodity-enquiry h2 {
  font-size: clamp(30px, 3vw, 46px);
}

.v73-commodity-enquiry a {
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(139,247,242,.36);
  border-radius: 999px;
  padding: 14px 20px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .v73-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .v73-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .v73-commodity-enquiry {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 540px) {
  .v73-product-grid {
    grid-template-columns: 1fr;
  }
  .v73-dropdown-menu {
    left: 0;
    transform: translateY(8px);
  }
  .v73-nav-dropdown:hover .v73-dropdown-menu,
  .v73-nav-dropdown:focus-within .v73-dropdown-menu {
    transform: translateY(0);
  }
}


/* =========================================================
   V73 software login fix
   ========================================================= */

.v73-login-page {
  margin: 0;
  min-height: 100vh;
  background: #02050a;
  color: #edf3fb;
  font-family: Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

.v73-login-video {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -4;
  filter: brightness(.95) contrast(1.08) saturate(1.03);
}

.v73-login-overlay {
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(0,3,8,.88), rgba(0,3,8,.52), rgba(0,3,8,.88)),
    radial-gradient(circle at 72% 32%, rgba(82,224,220,.13), transparent 32%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.52));
}

.v73-login-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 92px;
  z-index: 20;
  padding: 0 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.06));
  backdrop-filter: blur(8px);
}

.v73-login-logo {
  display: inline-flex;
  flex-direction: column;
  text-decoration: none;
  color: #fff;
}

.v73-login-logo span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  letter-spacing: .32em;
  font-weight: 300;
  line-height: 1;
}

.v73-login-logo small {
  color: #55ded9;
  letter-spacing: .50em;
  font-size: 10px;
  margin-top: 8px;
  text-align: center;
}

.v73-login-header nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.v73-login-header nav a {
  color: rgba(237,243,251,.72);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .22em;
  font-size: 10px;
}

.v73-login-header nav a:hover {
  color: #fff;
}

.v73-login-main {
  min-height: 100vh;
  padding: 130px 7vw 60px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 44px;
  align-items: center;
}

.v73-login-kicker {
  color: #8bf7f2;
  text-transform: uppercase;
  letter-spacing: .32em;
  font-size: 11px;
  font-weight: 700;
  margin: 0 0 18px;
}

.v73-login-intro h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(44px, 5.2vw, 78px);
  font-weight: 300;
  line-height: 1.05;
  margin: 0 0 24px;
  color: #fff;
  max-width: 900px;
}

.v73-login-intro > p:not(.v73-login-kicker) {
  color: rgba(237,243,251,.72);
  line-height: 1.75;
  font-size: 17px;
  max-width: 760px;
}

.v73-login-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 34px;
  max-width: 880px;
}

.v73-login-feature-grid article,
.v73-login-card {
  background:
    radial-gradient(circle at 80% 0%, rgba(82,224,220,.09), transparent 34%),
    rgba(8,16,28,.78);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
}

.v73-login-feature-grid article {
  padding: 18px;
}

.v73-login-feature-grid strong {
  display: block;
  color: #fff;
  margin-bottom: 8px;
  font-size: 14px;
}

.v73-login-feature-grid span {
  color: rgba(237,243,251,.66);
  font-size: 13px;
  line-height: 1.5;
}

.v73-login-card {
  padding: 38px;
  box-shadow: 0 34px 120px rgba(0,0,0,.36);
}

.v73-login-card h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 300;
  margin: 0 0 10px;
  color: #fff;
}

.v73-login-muted {
  color: rgba(237,243,251,.66);
  line-height: 1.6;
}

.v73-login-form {
  display: grid;
  gap: 16px;
  margin: 26px 0;
}

.v73-login-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #8bf7f2;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
  font-weight: 700;
}

.v73-login-form input {
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.06);
  color: #fff;
  border-radius: 13px;
  padding: 14px 15px;
  font-size: 15px;
  outline: none;
}

.v73-login-form input:focus {
  border-color: rgba(139,247,242,.45);
  box-shadow: 0 0 0 3px rgba(139,247,242,.08);
}

.v73-login-form button,
.v73-login-credential button {
  border: 1px solid rgba(139,247,242,.32);
  background: rgba(139,247,242,.10);
  color: #fff;
  border-radius: 999px;
  padding: 13px 18px;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
  cursor: pointer;
}

.v73-login-form button:hover,
.v73-login-credential button:hover {
  background: rgba(139,247,242,.18);
}

.v73-login-credential {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding: 18px;
  margin-top: 16px;
}

.v73-login-credential h3 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 18px;
}

.v73-login-credential p {
  color: rgba(237,243,251,.74);
  margin: 8px 0;
  font-size: 14px;
}

.v73-login-credential strong {
  color: #fff;
}

.v73-login-credential.subtle {
  opacity: .78;
}

.v73-login-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  font-size: 13px;
  color: rgba(237,243,251,.60);
}

.v73-login-links a {
  color: #8bf7f2;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .v73-login-main {
    grid-template-columns: 1fr;
  }
  .v73-login-feature-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .v73-login-header {
    height: auto;
    min-height: 92px;
    padding: 18px 22px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .v73-login-header nav {
    flex-wrap: wrap;
    gap: 14px;
  }
  .v73-login-main {
    padding: 170px 22px 40px;
  }
  .v73-login-card {
    padding: 26px;
  }
}


/* =========================================================
   V73 SOFTWARE DASHBOARD STYLE FIX
   Forces dashboard/platform pages to render as the dark premium app
   instead of raw browser default HTML.
   ========================================================= */

/* App shell pages */
body.app-body,
body[class*="app"],
body:has(.sidebar):has(.app-main),
body:has(.v59-topbar),
body:has(.command-palette),
body:has(.v52-hero),
body:has(.v59-executive-grid) {
  margin: 0!important;
  min-height: 100vh!important;
  display: flex!important;
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.13), transparent 32%),
    radial-gradient(circle at 18% 100%, rgba(35,82,130,.16), transparent 30%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
  color: #edf3fb!important;
  font-family: Arial, Helvetica, sans-serif!important;
  overflow-x: hidden!important;
}

/* Sidebar from the screenshot */
.sidebar {
  position: fixed!important;
  left: 0!important;
  top: 0!important;
  bottom: 0!important;
  width: 282px!important;
  z-index: 50!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(85,222,217,.10), transparent 30%),
    linear-gradient(180deg, #02070c, #050b11)!important;
  border-right: 1px solid rgba(255,255,255,.10)!important;
  padding: 22px 16px!important;
  overflow-y: auto!important;
  box-shadow: 18px 0 70px rgba(0,0,0,.24)!important;
}

.app-logo,
.sidebar > a:first-child {
  display: flex!important;
  flex-direction: column!important;
  color: #fff!important;
  text-decoration: none!important;
  margin: 0 0 18px!important;
}

.app-logo span,
.sidebar > a:first-child {
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 24px!important;
  letter-spacing: .10em!important;
  font-weight: 300!important;
  color: #fff!important;
}

.app-logo small {
  color: #55ded9!important;
  letter-spacing: .26em!important;
  font-size: 10px!important;
  margin-top: 5px!important;
}

/* Sidebar text / details */
.sidebar p,
.sidebar div,
.sidebar summary,
.sidebar a {
  font-family: Arial, Helvetica, sans-serif!important;
  color: rgba(237,243,251,.76)!important;
  font-size: 13px!important;
  line-height: 1.45!important;
}

.sidebar p {
  margin: 10px 0!important;
}

.sidebar details {
  border-bottom: 1px solid rgba(255,255,255,.07)!important;
  padding: 4px 0!important;
}

.sidebar summary {
  cursor: pointer!important;
  list-style: none!important;
  display: block!important;
  padding: 10px 12px!important;
  border-radius: 12px!important;
  color: rgba(237,243,251,.80)!important;
  transition: background .2s ease, color .2s ease!important;
}

.sidebar summary::-webkit-details-marker {
  display: none!important;
}

.sidebar summary::before {
  content: "▸";
  color: #55ded9!important;
  margin-right: 8px!important;
}

.sidebar details[open] summary::before {
  content: "▾";
}

.sidebar summary:hover,
.sidebar a:hover,
.sidebar a.active {
  background: rgba(85,222,217,.11)!important;
  color: #fff!important;
}

.sidebar a {
  display: block!important;
  text-decoration: none!important;
  padding: 9px 12px!important;
  border-radius: 11px!important;
  margin: 2px 0!important;
}

/* Theme button */
#themeToggle,
.sidebar button {
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
  border-radius: 999px!important;
  padding: 8px 12px!important;
}

/* Main app layout */
.app-main {
  margin-left: 282px!important;
  width: calc(100% - 282px)!important;
  min-height: 100vh!important;
  padding: 86px 30px 60px!important;
  color: #edf3fb!important;
}

/* Topbar shown raw in screenshot */
.v59-topbar,
.topbar,
.app-topbar {
  position: fixed!important;
  top: 0!important;
  left: 282px!important;
  right: 0!important;
  height: 70px!important;
  z-index: 40!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 18px!important;
  padding: 0 30px!important;
  background:
    linear-gradient(180deg, rgba(4,10,16,.92), rgba(4,10,16,.74))!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
  backdrop-filter: blur(10px)!important;
}

.v59-topbar h1,
.topbar h1,
.app-topbar h1 {
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 21px!important;
  font-weight: 300!important;
  margin: 0!important;
}

.v59-topbar strong,
.topbar strong,
.app-topbar strong {
  color: #fff!important;
}

.v59-topbar input,
.topbar input,
.app-topbar input,
.command-palette input {
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  border: 1px solid rgba(255,255,255,.13)!important;
  border-radius: 999px!important;
  padding: 10px 14px!important;
  outline: none!important;
}

/* Buttons and pills */
.app-main button,
.v59-topbar button,
.topbar button,
.app-topbar button,
.command-palette button {
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 9px 12px!important;
  cursor: pointer!important;
}

#v53AccountPill,
.account-pill,
.user-pill {
  display: inline-flex!important;
  align-items: center!important;
  gap: 6px!important;
  border: 1px solid rgba(139,247,242,.26)!important;
  background: rgba(139,247,242,.10)!important;
  color: #fff!important;
  border-radius: 999px!important;
  padding: 8px 12px!important;
  font-weight: 700!important;
}

/* Command palette panel */
.command-palette {
  position: fixed!important;
  top: 78px!important;
  right: 30px!important;
  z-index: 60!important;
  width: min(420px, calc(100vw - 330px))!important;
  background: rgba(7,15,24,.96)!important;
  border: 1px solid rgba(139,247,242,.22)!important;
  box-shadow: 0 30px 100px rgba(0,0,0,.40)!important;
  border-radius: 18px!important;
  padding: 18px!important;
  color: #fff!important;
}

.command-palette h3,
.command-palette strong {
  color: #fff!important;
}

/* Dashboard content panels */
.panel,
.card,
.metric-card,
.v52-hero,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v52-kpi-grid article,
.v59-panel-premium,
.v59-executive-grid article,
.module-card,
.kpi-card {
  background:
    radial-gradient(circle at 80% 0%, rgba(85,222,217,.08), transparent 32%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.92))!important;
  border: 1px solid rgba(139,247,242,.15)!important;
  color: #edf3fb!important;
  border-radius: 22px!important;
  box-shadow: 0 24px 80px rgba(0,0,0,.25)!important;
}

/* Dashboard headers */
.app-main h1,
.app-main h2,
.app-main h3,
.app-main h4 {
  color: #fff!important;
}

.app-main h1,
.app-main h2 {
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 300!important;
}

.app-main p,
.app-main span,
.app-main li,
.app-main td,
.app-main th,
.app-main label {
  color: rgba(237,243,251,.76)!important;
}

/* Specific dashboard hero */
.v52-hero,
.v59-hero,
.dashboard-hero {
  padding: 30px!important;
  margin-bottom: 24px!important;
}

.v52-hero h1,
.v59-hero h1,
.dashboard-hero h1 {
  font-size: clamp(34px, 4vw, 58px)!important;
  line-height: 1.05!important;
  margin: 0 0 18px!important;
}

/* Tables and forms */
.app-main table {
  width: 100%!important;
  border-collapse: collapse!important;
  background: rgba(255,255,255,.03)!important;
  border-radius: 16px!important;
  overflow: hidden!important;
}

.app-main th,
.app-main td {
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
  padding: 12px!important;
  text-align: left!important;
}

.app-main input,
.app-main select,
.app-main textarea {
  background: rgba(255,255,255,.06)!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 11px 12px!important;
  outline: none!important;
}

.app-main option {
  color: #111!important;
}

/* Hide raw default details markers a little cleaner */
details > summary {
  font-weight: 600!important;
}

/* Floating detail modal raw area */
#recordDetails,
.details-panel,
.drawer {
  background: rgba(7,15,24,.96)!important;
  border: 1px solid rgba(139,247,242,.20)!important;
  color: #edf3fb!important;
  border-radius: 18px!important;
  padding: 20px!important;
}

/* Force white page fallback off on the exact dashboard body if class was missing */
body:not(.v73-login-page):has(.sidebar) {
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.13), transparent 32%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
}

/* Responsive */
@media (max-width: 900px) {
  .sidebar {
    position: relative!important;
    width: auto!important;
    min-height: auto!important;
  }
  .app-main {
    margin-left: 0!important;
    width: 100%!important;
    padding: 24px!important;
  }
  .v59-topbar,
  .topbar,
  .app-topbar {
    position: relative!important;
    left: 0!important;
    height: auto!important;
    padding: 16px 24px!important;
    flex-wrap: wrap!important;
  }
  .command-palette {
    width: calc(100vw - 40px)!important;
    right: 20px!important;
  }
}


/* =========================================================
   V73 RESPONSIVE DASHBOARD FIX
   Restores a proper premium software layout across laptop,
   desktop, tablet and mobile screens.
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Core app sizing variables */
:root {
  --v73-sidebar-width: 270px;
  --v73-topbar-height: 72px;
  --v73-page-pad: 24px;
  --v73-panel-radius: 22px;
}

/* Software pages only */
body.app-body,
body.live-data-mode,
body:has(.sidebar):has(.app-main) {
  margin: 0!important;
  min-height: 100vh!important;
  display: block!important;
  background:
    radial-gradient(circle at 78% 0%, rgba(85,222,217,.14), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(42,87,132,.18), transparent 28%),
    linear-gradient(135deg, #050b11, #08141d 45%, #03070c)!important;
  color: #edf3fb!important;
  font-family: Arial, Helvetica, sans-serif!important;
  overflow-x: hidden!important;
}

/* Sidebar: laptop-friendly width, no oversized gaps */
.sidebar {
  position: fixed!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  width: var(--v73-sidebar-width)!important;
  z-index: 80!important;
  padding: 22px 16px 28px!important;
  overflow-y: auto!important;
  overflow-x: hidden!important;
  background:
    linear-gradient(180deg, rgba(2,7,12,.98), rgba(4,11,18,.98)),
    radial-gradient(circle at 50% 0%, rgba(85,222,217,.12), transparent 32%)!important;
  border-right: 1px solid rgba(255,255,255,.09)!important;
  box-shadow: 18px 0 60px rgba(0,0,0,.26)!important;
}

.sidebar::-webkit-scrollbar {
  width: 8px;
}
.sidebar::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.20);
  border-radius: 99px;
}

.app-logo {
  margin: 0 0 18px!important;
  padding: 0!important;
  text-decoration: none!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: flex-start!important;
  color: #fff!important;
}

.app-logo span {
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: 28px!important;
  letter-spacing: .14em!important;
  line-height: 1!important;
  color: #fff!important;
}

.app-logo small {
  margin-top: 10px!important;
  color: #55ded9!important;
  font-size: 11px!important;
  letter-spacing: .42em!important;
  line-height: 1!important;
}

.sidebar-subtitle {
  color: rgba(237,243,251,.66)!important;
  font-size: 13px!important;
  line-height: 1.45!important;
  margin: 0 0 14px!important;
}

.v53-account-pill {
  display: inline-flex!important;
  max-width: 100%!important;
  align-items: center!important;
  color: #fff!important;
  border: 1px solid rgba(85,222,217,.34)!important;
  background: rgba(85,222,217,.11)!important;
  border-radius: 999px!important;
  padding: 9px 13px!important;
  margin: 0 0 10px!important;
  font-weight: 700!important;
  font-size: 13px!important;
}

.theme-switcher {
  margin: 0 0 16px!important;
}

.theme-toggle-btn,
.sidebar button {
  font-size: 13px!important;
  border-radius: 999px!important;
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
  padding: 9px 13px!important;
}

.sidebar > a,
.sidebar details {
  width: 100%!important;
}

.sidebar > a,
.sidebar summary,
.sidebar details a {
  font-family: Arial, Helvetica, sans-serif!important;
  color: rgba(237,243,251,.76)!important;
  text-decoration: none!important;
  font-size: 13px!important;
  line-height: 1.35!important;
}

.sidebar > a {
  display: block!important;
  padding: 12px 13px!important;
  border-radius: 13px!important;
  margin: 2px 0!important;
}

.sidebar > a.active,
.sidebar > a:hover {
  color: #fff!important;
  background: rgba(85,222,217,.13)!important;
}

.sidebar details {
  padding: 4px 0!important;
  border-bottom: 1px solid rgba(255,255,255,.07)!important;
}

.sidebar summary {
  list-style: none!important;
  cursor: pointer!important;
  padding: 12px 13px!important;
  border-radius: 13px!important;
  display: flex!important;
  align-items: center!important;
  gap: 9px!important;
  font-weight: 700!important;
}

.sidebar summary::-webkit-details-marker {
  display: none!important;
}

.sidebar summary::before {
  content: "▸"!important;
  color: #55ded9!important;
  font-size: 10px!important;
}

.sidebar details[open] summary::before {
  content: "▾"!important;
}

.sidebar summary:hover {
  color: #fff!important;
  background: rgba(85,222,217,.10)!important;
}

.sidebar details a {
  display: block!important;
  padding: 8px 13px 8px 32px!important;
  border-radius: 11px!important;
  margin: 1px 0!important;
  font-size: 12px!important;
  color: rgba(237,243,251,.66)!important;
}

.sidebar details a:hover {
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

/* Topbar: fixed alignment and better scaling */
.v59-topbar,
.topbar,
.app-topbar {
  position: fixed!important;
  top: 0!important;
  left: var(--v73-sidebar-width)!important;
  right: 0!important;
  height: var(--v73-topbar-height)!important;
  z-index: 70!important;
  display: grid!important;
  grid-template-columns: auto minmax(260px, 1fr) minmax(260px, 420px) auto!important;
  align-items: center!important;
  gap: 18px!important;
  padding: 0 var(--v73-page-pad)!important;
  background:
    linear-gradient(180deg, rgba(4,10,16,.94), rgba(4,10,16,.78))!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
  backdrop-filter: blur(10px)!important;
}

.v59-icon-btn {
  width: 42px!important;
  height: 42px!important;
  display: inline-grid!important;
  place-items: center!important;
  border-radius: 14px!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

.v59-brand-block {
  min-width: 0!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 3px!important;
}

.v59-brand-block span {
  color: rgba(237,243,251,.72)!important;
  font-size: 12px!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

.v59-brand-block b {
  color: #fff!important;
  font-size: 15px!important;
  line-height: 1.25!important;
  white-space: normal!important;
}

.v59-search-trigger {
  height: 46px!important;
  border-radius: 18px!important;
  padding: 0 18px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 10px!important;
  color: #fff!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  min-width: 0!important;
}

.v59-search-trigger span {
  display: block!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
}

.v59-search-trigger kbd {
  color: rgba(237,243,251,.68)!important;
  font-size: 11px!important;
}

.v59-topbar-actions {
  display: flex!important;
  align-items: center!important;
  gap: 8px!important;
}

.v59-user-pill {
  height: 46px!important;
  border-radius: 16px!important;
  display: inline-flex!important;
  align-items: center!important;
  gap: 8px!important;
  padding: 0 14px!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
}

.v59-user-pill span {
  width: 28px!important;
  height: 28px!important;
  display: grid!important;
  place-items: center!important;
  border-radius: 50%!important;
  background: rgba(85,222,217,.15)!important;
  color: #fff!important;
  font-size: 11px!important;
}

/* Main content uses the full available space */
.app-main {
  margin-left: var(--v73-sidebar-width)!important;
  width: calc(100% - var(--v73-sidebar-width))!important;
  min-height: 100vh!important;
  padding: calc(var(--v73-topbar-height) + 22px) var(--v73-page-pad) 48px!important;
  color: #edf3fb!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 22px!important;
}

.app-main > section,
.app-main > div,
.v52-dashboard > section {
  width: 100%!important;
  max-width: none!important;
  margin-left: 0!important;
  margin-right: 0!important;
}

/* Panels and dashboard grids */
.panel,
.card,
.metric-card,
.v52-hero,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v52-kpi-grid article,
.v59-panel-premium,
.v59-executive-command,
.v55-dashboard-graphs,
.v52-polished-panel {
  border-radius: var(--v73-panel-radius)!important;
  background:
    radial-gradient(circle at 82% 0%, rgba(85,222,217,.08), transparent 34%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.94))!important;
  border: 1px solid rgba(139,247,242,.16)!important;
  color: #edf3fb!important;
  box-shadow: 0 22px 70px rgba(0,0,0,.22)!important;
}

/* Executive panel: full-width laptop layout */
.v59-executive-command {
  display: grid!important;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr)!important;
  gap: 24px!important;
  align-items: stretch!important;
  padding: 28px!important;
}

.v59-exec-left {
  min-width: 0!important;
}

.v59-exec-left h2,
.v59-panel-premium h2,
.v52-hero h1,
.v52-section-head h2,
.v52-action-card h3,
.v52-module-card h3,
.panel h2 {
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 300!important;
  color: #fff!important;
}

.v59-exec-left h2 {
  margin: 10px 0 12px!important;
  font-size: clamp(30px, 3vw, 48px)!important;
  line-height: 1.05!important;
}

.kicker {
  color: #8bf7f2!important;
  text-transform: uppercase!important;
  letter-spacing: .20em!important;
  font-size: 10px!important;
  font-weight: 700!important;
  margin: 0 0 10px!important;
}

.muted,
.app-main p {
  color: rgba(237,243,251,.70)!important;
  line-height: 1.58!important;
}

.v59-exec-actions,
.v52-hero-actions,
.actions {
  display: flex!important;
  gap: 10px!important;
  flex-wrap: wrap!important;
  margin-top: 18px!important;
}

.btn,
.app-main a.btn,
.app-main button.btn {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 6px!important;
  min-height: 40px!important;
  padding: 10px 14px!important;
  border-radius: 999px!important;
  border: 1px solid rgba(255,255,255,.16)!important;
  background: rgba(255,255,255,.07)!important;
  color: #fff!important;
  text-decoration: none!important;
  font-size: 13px!important;
  line-height: 1!important;
}

.btn.primary,
.app-main a.btn.primary,
.app-main button.btn.primary {
  border-color: rgba(139,247,242,.38)!important;
  background: rgba(139,247,242,.13)!important;
}

.v59-exec-metrics,
#v59ExecutiveMetrics {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 14px!important;
}

/* Two-column dashboard row on laptop/desktop */
.v59-dashboard-grid {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 22px!important;
  width: 100%!important;
}

.v59-panel-premium,
.v55-dashboard-graphs,
.v52-polished-panel {
  padding: 24px!important;
}

.pipeline-toolbar {
  display: flex!important;
  align-items: flex-start!important;
  justify-content: space-between!important;
  gap: 14px!important;
  margin-bottom: 18px!important;
}

.pipeline-toolbar h2,
.v59-panel-premium h2 {
  margin: 0 0 8px!important;
  font-size: clamp(25px, 2vw, 36px)!important;
  line-height: 1.08!important;
}

/* Secondary dashboard hero, KPIs and module grids */
.v52-hero {
  display: grid!important;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr)!important;
  gap: 22px!important;
  padding: 24px!important;
  align-items: stretch!important;
}

.v52-hero-content,
.v52-hero-panel {
  padding: 24px!important;
}

.v52-hero h1 {
  margin: 8px 0 14px!important;
  font-size: clamp(32px, 3.4vw, 54px)!important;
  line-height: 1.04!important;
}

.v52-kpi-grid {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 16px!important;
  width: 100%!important;
}

.v52-kpi-grid article {
  padding: 22px!important;
}

.v52-kpi-grid span {
  color: rgba(237,243,251,.66)!important;
  font-size: 13px!important;
}

.v52-kpi-grid strong {
  color: #fff!important;
  display: block!important;
  font-size: clamp(30px, 3vw, 46px)!important;
  margin: 8px 0!important;
}

.v52-kpi-grid em {
  color: rgba(237,243,251,.58)!important;
  font-style: normal!important;
  font-size: 12px!important;
}

.v55-graph-grid,
.v52-action-grid,
.v52-module-grid,
.workspace-grid-v43 {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 16px!important;
  width: 100%!important;
}

.v52-action-card,
.v52-module-card {
  padding: 22px!important;
}

.v52-action-card h3,
.v52-module-card h3 {
  margin: 10px 0 10px!important;
  font-size: 23px!important;
}

.v52-num {
  color: #8bf7f2!important;
  font-size: 12px!important;
  letter-spacing: .18em!important;
}

.v52-module-card span {
  color: #8bf7f2!important;
  text-transform: uppercase!important;
  letter-spacing: .14em!important;
  font-size: 10px!important;
}

.v52-action-card a,
.v52-module-card a {
  color: #8bf7f2!important;
  text-decoration: none!important;
  font-weight: 700!important;
}

.v52-section-head {
  display: flex!important;
  align-items: end!important;
  justify-content: space-between!important;
  gap: 16px!important;
}

.v52-section-head h2 {
  margin: 0!important;
  font-size: clamp(28px, 2.4vw, 42px)!important;
}

.workspace-grid-v43 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
}

/* Tables / data areas */
.table,
.app-main table {
  width: 100%!important;
  border-collapse: collapse!important;
}

.app-main th,
.app-main td {
  border-bottom: 1px solid rgba(255,255,255,.08)!important;
  padding: 11px 12px!important;
  text-align: left!important;
}

.app-main input,
.app-main select,
.app-main textarea {
  background: rgba(255,255,255,.06)!important;
  border: 1px solid rgba(255,255,255,.14)!important;
  color: #fff!important;
  border-radius: 12px!important;
  padding: 10px 12px!important;
  outline: none!important;
}

.app-main option {
  color: #111!important;
}

/* Command palette and drawer */
.v59-command-palette,
.command-palette {
  position: fixed!important;
  inset: 0!important;
  z-index: 120!important;
  display: none;
  align-items: flex-start!important;
  justify-content: center!important;
  padding-top: 88px!important;
  background: rgba(0,0,0,.45)!important;
}

.v59-command-palette.open,
.command-palette.open {
  display: flex!important;
}

.v59-command-card {
  width: min(620px, calc(100vw - 40px))!important;
  background: rgba(7,15,24,.98)!important;
  border: 1px solid rgba(139,247,242,.22)!important;
  border-radius: 22px!important;
  padding: 18px!important;
  box-shadow: 0 35px 110px rgba(0,0,0,.50)!important;
}

.v59-detail-drawer {
  position: fixed!important;
  top: 0!important;
  right: 0!important;
  width: min(520px, 100vw)!important;
  height: 100vh!important;
  z-index: 130!important;
  background: rgba(7,15,24,.98)!important;
  border-left: 1px solid rgba(139,247,242,.22)!important;
  box-shadow: -30px 0 100px rgba(0,0,0,.42)!important;
  color: #edf3fb!important;
  transform: translateX(105%);
  transition: transform .25s ease!important;
}

.v59-detail-drawer.open {
  transform: translateX(0)!important;
}

.v59-drawer-head {
  display: flex!important;
  justify-content: space-between!important;
  gap: 14px!important;
  padding: 22px!important;
  border-bottom: 1px solid rgba(255,255,255,.10)!important;
}

.v59-drawer-body {
  padding: 22px!important;
  overflow: auto!important;
  max-height: calc(100vh - 90px)!important;
}

/* Laptop specific: 1366px and similar */
@media (max-width: 1450px) {
  :root {
    --v73-sidebar-width: 250px;
    --v73-page-pad: 20px;
  }

  .app-logo span {
    font-size: 25px!important;
  }

  .sidebar > a,
  .sidebar summary {
    padding: 10px 11px!important;
    font-size: 12px!important;
  }

  .sidebar details a {
    font-size: 11px!important;
    padding-left: 28px!important;
  }

  .v59-topbar,
  .topbar,
  .app-topbar {
    grid-template-columns: auto minmax(220px, 1fr) minmax(230px, 360px) auto!important;
    gap: 12px!important;
  }

  .v59-brand-block b {
    font-size: 14px!important;
  }

  .v59-search-trigger {
    height: 42px!important;
    font-size: 12px!important;
  }

  .v59-executive-command {
    grid-template-columns: minmax(0, 1fr)!important;
  }

  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  }

  .v55-graph-grid,
  .v52-action-grid,
  .v52-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Tablet */
@media (max-width: 1100px) {
  :root {
    --v73-sidebar-width: 230px;
    --v73-page-pad: 18px;
  }

  .v59-dashboard-grid,
  .v52-hero,
  .workspace-grid-v43 {
    grid-template-columns: 1fr!important;
  }

  .v52-kpi-grid,
  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Mobile / narrow */
@media (max-width: 820px) {
  body.app-body,
  body.live-data-mode,
  body:has(.sidebar):has(.app-main) {
    display: block!important;
  }

  .sidebar {
    position: relative!important;
    width: 100%!important;
    height: auto!important;
    max-height: none!important;
    padding: 18px!important;
  }

  .v59-topbar,
  .topbar,
  .app-topbar {
    position: sticky!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    height: auto!important;
    min-height: 70px!important;
    grid-template-columns: auto 1fr auto!important;
    padding: 14px 18px!important;
  }

  .v59-search-trigger {
    grid-column: 1 / -1!important;
    width: 100%!important;
  }

  .app-main {
    margin-left: 0!important;
    width: 100%!important;
    padding: 22px 18px 42px!important;
  }

  .v59-executive-command,
  .v59-dashboard-grid,
  .v52-hero,
  .v52-kpi-grid,
  .v55-graph-grid,
  .v52-action-grid,
  .v52-module-grid,
  .workspace-grid-v43 {
    grid-template-columns: 1fr!important;
  }

  .pipeline-toolbar,
  .v52-section-head {
    flex-direction: column!important;
    align-items: flex-start!important;
  }
}

/* Ultra-wide: prevent cards becoming awkwardly stretched */
@media (min-width: 1800px) {
  .app-main {
    max-width: 1680px!important;
    margin-left: var(--v73-sidebar-width)!important;
  }
}


/* =========================================================
   V73 BUYER PAGES RESPONSIVE FIX
   Fixes Buyer Verification, Buyer CIS Vault and CIS Import
   across laptop, desktop, tablet and mobile screens.
   ========================================================= */

:root {
  --v73-form-font: clamp(12px, 0.72vw, 15px);
  --v73-label-font: clamp(11px, 0.64vw, 13px);
  --v73-input-font: clamp(12px, 0.72vw, 15px);
  --v73-heading-large: clamp(30px, 3.2vw, 54px);
  --v73-heading-medium: clamp(22px, 2.1vw, 34px);
  --v73-panel-padding: clamp(18px, 1.6vw, 28px);
}

/* Overall buyer page content sizing */
.app-main.v55-page,
.app-main:has(#buyerQuick),
.app-main:has(#buyerList),
.app-main:has(#cisVaultStats),
.app-main:has(#cisImportForm),
.app-main:has(#cisFileList) {
  font-size: var(--v73-form-font)!important;
  max-width: none!important;
  overflow-x: hidden!important;
}

/* Buyer page hero/header */
.app-header,
.v52-page-hero {
  display: flex!important;
  justify-content: space-between!important;
  align-items: flex-start!important;
  gap: 18px!important;
  padding: var(--v73-panel-padding)!important;
  margin-bottom: 18px!important;
  border-radius: 22px!important;
  background:
    radial-gradient(circle at 85% 0%, rgba(85,222,217,.08), transparent 30%),
    linear-gradient(135deg, rgba(15,29,42,.88), rgba(7,14,22,.94))!important;
  border: 1px solid rgba(139,247,242,.15)!important;
}

.app-header h1,
.v52-page-hero h1,
.app-main:has(#cisVaultStats) h1,
.app-main:has(#cisImportForm) h1 {
  font-size: var(--v73-heading-large)!important;
  line-height: 1.05!important;
  margin: 6px 0 10px!important;
  letter-spacing: .01em!important;
}

.app-header p,
.v52-page-hero p,
.app-main:has(#cisVaultStats) p,
.app-main:has(#cisImportForm) p {
  font-size: clamp(13px, .82vw, 16px)!important;
  line-height: 1.55!important;
  max-width: 920px!important;
}

/* Panels on buyer/CIS pages */
.app-main:has(#buyerQuick) .panel,
.app-main:has(#buyerList) .panel,
.app-main:has(#cisVaultStats) .panel,
.app-main:has(#cisImportForm) .panel,
.app-main:has(#cisFileList) .panel,
.app-main:has(#buyerQuick) section,
.app-main:has(#cisVaultStats) section,
.app-main:has(#cisImportForm) section {
  width: 100%!important;
  max-width: none!important;
}

/* Panel padding and scroll protection */
.panel {
  padding: var(--v73-panel-padding)!important;
  overflow: visible!important;
}

/* Tabbar: no oversized pills, wraps neatly */
.v55-tabbar {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 10px!important;
  margin-bottom: 20px!important;
  width: 100%!important;
}

.v55-tabbar button {
  font-size: clamp(12px, .78vw, 15px)!important;
  padding: 10px 16px!important;
  min-height: 42px!important;
  border-radius: 15px!important;
  white-space: nowrap!important;
  flex: 0 0 auto!important;
}

/* Hide inactive tab content properly */
.v55-tab {
  display: none!important;
}

.v55-tab.active {
  display: block!important;
}

/* Main fix: responsive form grid instead of inline fields */
.form,
#buyerQuick form,
#buyerDetailed form,
#buyerCIS form,
#cisImportForm,
form:has(input[name="cis_document"]),
form:has(input[type="file"]) {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: end!important;
  width: 100%!important;
  max-width: none!important;
}

/* Default label widths: 3 columns on wide screens */
.form label,
#buyerQuick form label,
#buyerDetailed form label,
#buyerCIS form label,
#cisImportForm label,
form:has(input[type="file"]) label {
  display: flex!important;
  flex-direction: column!important;
  gap: 7px!important;
  grid-column: span 3!important;
  min-width: 0!important;
  color: rgba(237,243,251,.78)!important;
  font-size: var(--v73-label-font)!important;
  line-height: 1.25!important;
  font-weight: 600!important;
}

/* Buttons in forms */
.form .btn,
.form button,
#buyerQuick form button,
#buyerDetailed form button,
#buyerCIS form button,
#cisImportForm button,
form:has(input[type="file"]) button {
  grid-column: span 3!important;
  align-self: end!important;
  min-height: 44px!important;
  font-size: clamp(12px, .74vw, 14px)!important;
  padding: 11px 16px!important;
  white-space: nowrap!important;
}

/* Full fields */
.form label.full,
#buyerDetailed form label.full,
#buyerCIS form label.full,
#cisImportForm label.full,
form label.full {
  grid-column: 1 / -1!important;
}

/* Large text areas but not ridiculous */
.form textarea,
#buyerDetailed textarea,
#buyerCIS textarea,
#cisImportForm textarea,
.app-main textarea {
  min-height: 110px!important;
  max-height: 240px!important;
  resize: vertical!important;
}

/* Inputs/selects no longer huge or overflowing */
.app-main input,
.app-main select,
.app-main textarea,
.form input,
.form select,
.form textarea,
#buyerQuick input,
#buyerQuick select,
#buyerDetailed input,
#buyerDetailed select,
#buyerDetailed textarea,
#buyerCIS input,
#buyerCIS select,
#buyerCIS textarea,
#cisImportForm input,
#cisImportForm select,
#cisImportForm textarea {
  width: 100%!important;
  max-width: 100%!important;
  min-width: 0!important;
  min-height: 42px!important;
  height: auto!important;
  font-size: var(--v73-input-font)!important;
  line-height: 1.25!important;
  padding: 10px 13px!important;
  border-radius: 14px!important;
  box-sizing: border-box!important;
}

/* File upload fields */
.file-upload-label input[type="file"],
.app-main input[type="file"],
#buyerCIS input[type="file"],
#cisImportForm input[type="file"],
form:has(input[type="file"]) input[type="file"] {
  min-height: 44px!important;
  padding: 8px!important;
  font-size: clamp(12px, .72vw, 14px)!important;
}

.app-main input[type="file"]::file-selector-button {
  border: 0!important;
  border-radius: 10px!important;
  padding: 8px 12px!important;
  margin-right: 10px!important;
  background: #eef3f7!important;
  color: #111827!important;
  cursor: pointer!important;
}

/* Buyer register/table stays inside available width */
#buyerList,
#cisFileList,
#importedBuyersList,
.table {
  width: 100%!important;
  max-width: 100%!important;
  overflow-x: auto!important;
  display: block!important;
}

.table table,
#buyerList table,
#cisFileList table,
#importedBuyersList table {
  min-width: 860px!important;
}

/* CIS Vault page: fix huge typography and broken summary rows */
.app-main:has(#cisVaultStats) {
  font-size: var(--v73-form-font)!important;
}

#cisVaultStats,
.cis-vault-stats,
.vault-stats,
.stats-grid {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  margin: 18px 0 24px!important;
}

#cisVaultStats > *,
.cis-vault-stats > *,
.vault-stats > *,
.stats-grid > * {
  min-width: 0!important;
  padding: 18px!important;
  border-radius: 18px!important;
  background: rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.14)!important;
}

#cisVaultStats h2,
#cisVaultStats h3,
.cis-vault-stats h2,
.cis-vault-stats h3,
.vault-stats h2,
.vault-stats h3 {
  font-size: clamp(18px, 1.3vw, 24px)!important;
  margin: 0 0 8px!important;
}

#cisVaultStats strong,
.cis-vault-stats strong,
.vault-stats strong,
.stats-grid strong {
  font-size: clamp(22px, 2vw, 34px)!important;
  line-height: 1.1!important;
  color: #fff!important;
}

#cisVaultStats em,
.cis-vault-stats em,
.vault-stats em,
.stats-grid em {
  font-size: clamp(12px, .8vw, 15px)!important;
  color: rgba(237,243,251,.68)!important;
}

/* CIS Vault attach panel */
.app-main:has(#cisVaultStats) .panel,
.app-main:has(#cisFileList) .panel {
  padding: var(--v73-panel-padding)!important;
}

.app-main:has(#cisVaultStats) .panel h2,
.app-main:has(#cisFileList) .panel h2,
.app-main:has(#cisImportForm) .panel h2 {
  font-size: var(--v73-heading-medium)!important;
  line-height: 1.1!important;
  margin: 0 0 16px!important;
}

/* Any generic row/form areas on CIS pages */
.app-main:has(#cisVaultStats) form,
.app-main:has(#cisFileList) form {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: end!important;
}

.app-main:has(#cisVaultStats) form label,
.app-main:has(#cisFileList) form label {
  grid-column: span 4!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 7px!important;
  font-size: var(--v73-label-font)!important;
}

.app-main:has(#cisVaultStats) form button,
.app-main:has(#cisFileList) form button {
  grid-column: span 3!important;
  min-height: 44px!important;
}

/* CIS Import page: stop one-line overflow */
.app-main:has(#cisImportForm) .panel,
.app-main:has(#cisImportForm) section {
  width: 100%!important;
  max-width: none!important;
}

#cisImportForm {
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
}

#cisImportForm label {
  grid-column: span 3!important;
}

#cisImportForm label:has(input[type="file"]) {
  grid-column: span 4!important;
}

#cisImportForm button {
  grid-column: span 3!important;
}

#importedBuyerRecords,
#importedBuyers,
.imported-buyer-records {
  width: 100%!important;
  overflow-x: auto!important;
}

/* Reduce massive section headings on Buyer CIS Vault/CIS Import */
.app-main:has(#cisVaultStats) h1,
.app-main:has(#cisImportForm) h1,
.app-main:has(#cisFileList) h1 {
  font-size: clamp(34px, 3.4vw, 58px)!important;
}

.app-main:has(#cisVaultStats) h2,
.app-main:has(#cisImportForm) h2,
.app-main:has(#cisFileList) h2 {
  font-size: clamp(24px, 2.3vw, 38px)!important;
}

.app-main:has(#cisVaultStats) p,
.app-main:has(#cisImportForm) p,
.app-main:has(#cisFileList) p {
  font-size: clamp(13px, .9vw, 16px)!important;
}

/* Laptop screens - 1366/1440 width */
@media (max-width: 1450px) {
  :root {
    --v73-form-font: clamp(11px, .78vw, 14px);
    --v73-label-font: clamp(10px, .70vw, 12px);
    --v73-input-font: clamp(11px, .78vw, 14px);
    --v73-panel-padding: 18px;
  }

  .form,
  #buyerQuick form,
  #buyerDetailed form,
  #buyerCIS form,
  #cisImportForm,
  .app-main:has(#cisVaultStats) form,
  .app-main:has(#cisFileList) form {
    gap: 12px!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label {
    grid-column: span 4!important;
  }

  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .form button {
    grid-column: span 4!important;
  }

  .v55-tabbar button {
    font-size: 12px!important;
    padding: 9px 14px!important;
  }

  .app-main input,
  .app-main select,
  .app-main textarea {
    min-height: 40px!important;
    padding: 9px 12px!important;
  }

  #cisVaultStats,
  .cis-vault-stats,
  .vault-stats,
  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

/* Smaller laptops/tablets */
@media (max-width: 1100px) {
  .app-header,
  .v52-page-hero {
    flex-direction: column!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label,
  .app-main:has(#cisVaultStats) form label,
  .app-main:has(#cisFileList) form label {
    grid-column: span 6!important;
  }

  .form button,
  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .app-main:has(#cisVaultStats) form button,
  .app-main:has(#cisFileList) form button {
    grid-column: span 6!important;
  }

  #cisImportForm label:has(input[type="file"]) {
    grid-column: 1 / -1!important;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .form,
  #buyerQuick form,
  #buyerDetailed form,
  #buyerCIS form,
  #cisImportForm,
  .app-main:has(#cisVaultStats) form,
  .app-main:has(#cisFileList) form {
    grid-template-columns: 1fr!important;
  }

  .form label,
  #buyerQuick form label,
  #buyerDetailed form label,
  #buyerCIS form label,
  #cisImportForm label,
  .app-main:has(#cisVaultStats) form label,
  .app-main:has(#cisFileList) form label,
  .form button,
  #buyerQuick form button,
  #buyerDetailed form button,
  #buyerCIS form button,
  #cisImportForm button,
  .app-main:has(#cisVaultStats) form button,
  .app-main:has(#cisFileList) form button {
    grid-column: 1 / -1!important;
  }

  .v55-tabbar {
    display: grid!important;
    grid-template-columns: 1fr!important;
  }

  .v55-tabbar button {
    width: 100%!important;
    white-space: normal!important;
  }

  #cisVaultStats,
  .cis-vault-stats,
  .vault-stats,
  .stats-grid {
    grid-template-columns: 1fr!important;
  }

  .app-main:has(#cisVaultStats) h1,
  .app-main:has(#cisImportForm) h1,
  .app-main:has(#cisFileList) h1 {
    font-size: clamp(30px, 8vw, 42px)!important;
  }
}


/* =========================================================
   V73 DOCUMENT GENERATOR WORKING FIX
   Supplier procedure/FCO workflow + responsive preview
   ========================================================= */
.v73-docgen-hero {
  align-items: flex-start!important;
}

.v73-docgen-grid {
  display: grid!important;
  grid-template-columns: minmax(460px, .95fr) minmax(340px, .55fr)!important;
  gap: 22px!important;
  width: 100%!important;
}

.v73-docgen-panel {
  padding: clamp(18px, 1.5vw, 28px)!important;
  overflow: visible!important;
}

.v73-docgen-form {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0,1fr))!important;
  gap: 14px!important;
  align-items: end!important;
}

.v73-docgen-form.small {
  grid-template-columns: repeat(2, minmax(0,1fr))!important;
}

.v73-docgen-form label {
  grid-column: span 3!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 7px!important;
  min-width: 0!important;
  color: rgba(237,243,251,.78)!important;
  font-size: clamp(10px, .68vw, 12px)!important;
  line-height: 1.25!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  letter-spacing: .06em!important;
}

.v73-docgen-form.small label {
  grid-column: span 1!important;
}

.v73-docgen-form label.full {
  grid-column: 1 / -1!important;
}

.v73-docgen-form input,
.v73-docgen-form select,
.v73-docgen-form textarea {
  width: 100%!important;
  min-width: 0!important;
  min-height: 42px!important;
  padding: 10px 12px!important;
  font-size: clamp(12px, .78vw, 15px)!important;
  border-radius: 13px!important;
  background: rgba(255,255,255,.06)!important;
  color: #fff!important;
  border: 1px solid rgba(255,255,255,.14)!important;
}

.v73-docgen-form option {
  color: #111!important;
}

.v73-docgen-form textarea {
  min-height: 155px!important;
  line-height: 1.5!important;
  resize: vertical!important;
}

.v73-docgen-alert {
  margin: 18px 0 22px!important;
  padding: 14px!important;
  border-radius: 15px!important;
  border: 1px solid rgba(139,247,242,.18)!important;
  background: rgba(139,247,242,.06)!important;
  color: rgba(237,243,251,.78)!important;
  font-size: 13px!important;
  line-height: 1.5!important;
}

.v73-docgen-register {
  display: grid!important;
  gap: 10px!important;
}

.v73-docgen-register article {
  padding: 14px!important;
  border-radius: 14px!important;
  border: 1px solid rgba(255,255,255,.10)!important;
  background: rgba(255,255,255,.045)!important;
}

.v73-docgen-register strong {
  display: block!important;
  color: #fff!important;
  margin-bottom: 5px!important;
}

.v73-docgen-register span {
  display: block!important;
  color: rgba(237,243,251,.64)!important;
  font-size: 12px!important;
}

.v73-docgen-preview-wrap {
  overflow: hidden!important;
}

.v73-docgen-stage {
  width: 100%!important;
  overflow: auto!important;
  padding: 26px!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(139,247,242,.06), transparent 34%),
    rgba(0,0,0,.16)!important;
  border-radius: 18px!important;
  border: 1px solid rgba(255,255,255,.08)!important;
}

.v73-docgen-preview {
  transform-origin: top center!important;
  transition: transform .18s ease!important;
  min-height: 900px!important;
}

.v73-docgen-a4 {
  position: relative!important;
  width: 794px!important;
  min-height: 1123px!important;
  margin: 0 auto!important;
  background: #fff url("assets/document_templates/Lankom_Blank_Letterhead_A4_HD_EXACT.png") top center / 100% 100% no-repeat!important;
  color: #111827!important;
  box-shadow: 0 30px 100px rgba(0,0,0,.35)!important;
  font-family: Georgia, "Times New Roman", serif!important;
  overflow: hidden!important;
}

.v73-docgen-a4.no-letterhead {
  background:
    linear-gradient(180deg,#07101d 0,#07101d 185px,#fff 185px,#fff 100%)!important;
}

.v73-docgen-content {
  padding: 250px 70px 150px!important;
  color: #111827!important;
}

.v73-docgen-meta {
  position: absolute!important;
  top: 188px!important;
  right: 62px!important;
  min-width: 150px!important;
  padding: 11px 13px!important;
  border-radius: 10px!important;
  background: rgba(239,242,247,.94)!important;
  color: #243244!important;
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 9px!important;
  line-height: 1.45!important;
  display: grid!important;
  gap: 2px!important;
}

.v73-docgen-content h1 {
  color: #111827!important;
  font-size: 30px!important;
  letter-spacing: 6px!important;
  line-height: 1.1!important;
  margin: 0 0 22px!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 600!important;
  text-transform: uppercase!important;
}

.v73-docgen-content h2 {
  color: #2b6682!important;
  font-size: 14px!important;
  letter-spacing: 4px!important;
  margin: 24px 0 10px!important;
  text-transform: uppercase!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

.v73-docgen-content p,
.v73-docgen-content li,
.v73-docgen-content td,
.v73-docgen-content th {
  color: #111827!important;
  font-size: 12px!important;
  line-height: 1.62!important;
}

.v73-docgen-content table {
  width: 100%!important;
  border-collapse: collapse!important;
  margin: 10px 0 18px!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

.v73-docgen-content th,
.v73-docgen-content td {
  border: 1px solid #d8dee8!important;
  padding: 8px 9px!important;
  vertical-align: top!important;
  text-align: left!important;
}

.v73-docgen-content th {
  width: 32%!important;
  background: #f3f6fb!important;
  color: #243244!important;
  font-weight: 700!important;
}

.v73-docgen-content ol {
  margin: 8px 0 18px!important;
  padding-left: 19px!important;
}

.v73-docgen-signatures {
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
  gap: 42px!important;
  margin-top: 38px!important;
}

.v73-docgen-signatures div {
  color: #111827!important;
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 10px!important;
  line-height: 1.45!important;
}

.v73-docgen-signatures span {
  display: block!important;
  border-top: 1px solid #334155!important;
  height: 17px!important;
}

.v73-docgen-letter-footer {
  position: absolute!important;
  left: 64px!important;
  right: 64px!important;
  bottom: 54px!important;
  border-top: 3px solid #334f8f!important;
  padding-top: 14px!important;
  display: grid!important;
  grid-template-columns: 1.25fr .9fr 1.1fr 1.1fr .8fr!important;
  text-align: center!important;
  font-family: Arial, Helvetica, sans-serif!important;
  font-size: 8.5px!important;
  color: #4b5563!important;
  line-height: 1.35!important;
}

.v73-docgen-letter-footer div {
  padding: 0 6px!important;
  border-right: 1px solid #bac5d8!important;
}

.v73-docgen-letter-footer div:last-child {
  border-right: 0!important;
}

@media(max-width:1450px) {
  .v73-docgen-grid {
    grid-template-columns: 1fr!important;
  }
  .v73-docgen-form label {
    grid-column: span 4!important;
  }
}

@media(max-width:1000px) {
  .v73-docgen-form label {
    grid-column: span 6!important;
  }
  .v73-docgen-form.small {
    grid-template-columns: 1fr!important;
  }
  .v73-docgen-a4 {
    width: 720px!important;
    min-height: 1018px!important;
  }
  .v73-docgen-content {
    padding: 228px 58px 135px!important;
  }
}

@media(max-width:760px) {
  .v73-docgen-form {
    grid-template-columns: 1fr!important;
  }
  .v73-docgen-form label,
  .v73-docgen-form.small label {
    grid-column: 1 / -1!important;
  }
  .v73-docgen-stage {
    padding: 14px!important;
  }
  .v73-docgen-a4 {
    width: 680px!important;
  }
}


/* =========================================================
   V73 NEW LETTERHEAD + FCO / SOP TEMPLATE UPDATE
   Uses uploaded Lankom_Petroleum_Ltd_Blank_Letterhead_A4.pdf
   as exact visual page background and follows SOP_LAN_ROY_LPG.pdf style.
   ========================================================= */
.v73-fco-example-link{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}

.v73-docgen-a4,
.v73-fco-page{
  position:relative!important;
  width:794px!important;
  min-height:1123px!important;
  margin:0 auto 28px!important;
  background:#fff url("assets/document_templates/Lankom_Petroleum_Ltd_Blank_Letterhead_A4_NEW.png") top center / 100% 100% no-repeat!important;
  color:#111827!important;
  box-shadow:0 30px 100px rgba(0,0,0,.35)!important;
  font-family:Arial, Helvetica, sans-serif!important;
  overflow:hidden!important;
  page-break-after:always!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-fco-content{
  position:relative!important;
  padding:278px 66px 132px!important;
  color:#2b2f35!important;
}

.v73-fco-titlebar{
  background:#1f4978!important;
  color:#fff!important;
  text-align:center!important;
  padding:10px 14px 11px!important;
  margin:0 0 30px!important;
  border:1px solid #1d4776!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-fco-titlebar small{
  display:block!important;
  color:#f2c029!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:800!important;
}

.v73-fco-titlebar strong{
  display:block!important;
  color:#fff!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  font-size:19px!important;
  line-height:1.18!important;
  font-weight:800!important;
  margin-top:3px!important;
}

.v73-fco-titlebar span{
  display:block!important;
  color:#dce7f5!important;
  font-size:10px!important;
  line-height:1.25!important;
  margin-top:2px!important;
}

.v73-fco-content h1{
  color:#113b66!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:.04em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  margin:0 0 10px!important;
  border-bottom:1.6px solid #d99c00!important;
  padding-bottom:6px!important;
}

.v73-fco-content h2{
  color:#113b66!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:16px!important;
  line-height:1.1!important;
  letter-spacing:.04em!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  margin:26px 0 10px!important;
  border-bottom:1.6px solid #d99c00!important;
  padding-bottom:6px!important;
}

.v73-fco-content p,
.v73-fco-content li,
.v73-fco-content td,
.v73-fco-content th{
  font-family:Arial, Helvetica, sans-serif!important;
  color:#2f343a!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.v73-fco-content p{
  margin:8px 0 12px!important;
}

.v73-fco-table{
  width:100%!important;
  border-collapse:collapse!important;
  margin:14px 0!important;
  table-layout:fixed!important;
}

.v73-fco-table th{
  background:#1f4978!important;
  color:#fff!important;
  border:1px solid #9db3d2!important;
  padding:9px 8px!important;
  text-align:center!important;
  font-weight:800!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-fco-table td{
  border:1px solid #9db3d2!important;
  padding:8px!important;
  background:#f7fbff!important;
  vertical-align:top!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-fco-table td.emphasis,
.v73-fco-table td:first-child{
  background:#dbeaf8!important;
  color:#113b66!important;
  font-weight:800!important;
  text-align:center!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-procedure-table th:nth-child(1), .v73-procedure-table td:nth-child(1){width:7%!important;text-align:center!important;}
.v73-procedure-table th:nth-child(2), .v73-procedure-table td:nth-child(2){width:22%!important;}
.v73-procedure-table th:nth-child(3), .v73-procedure-table td:nth-child(3){width:59%!important;}
.v73-procedure-table th:nth-child(4), .v73-procedure-table td:nth-child(4){width:12%!important;text-align:center!important;font-weight:800!important;color:#113b66!important;}

.v73-fco-notes-box{
  background:#dbeaf8!important;
  border:1px solid #9db3d2!important;
  padding:28px 28px!important;
  margin:24px 22px 0!important;
  min-height:420px!important;
  -webkit-print-color-adjust:exact!important;
  print-color-adjust:exact!important;
}

.v73-fco-notes-box h3{
  color:#113b66!important;
  font-size:15px!important;
  text-transform:uppercase!important;
  margin:0 0 20px!important;
  font-weight:900!important;
}

.v73-fco-notes-box ol{
  margin:0!important;
  padding-left:18px!important;
}

.v73-fco-notes-box li{
  margin:0 0 14px!important;
}

.v73-fco-signatures{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:36px!important;
  margin-top:28px!important;
}

.v73-fco-signatures span{
  display:block!important;
  border-top:1px solid #334155!important;
  height:15px!important;
}

.v73-fco-footer-space{
  height:40px!important;
}

@media(max-width:1000px){
  .v73-fco-page{width:720px!important;min-height:1018px!important;}
  .v73-fco-content{padding:252px 58px 126px!important;}
  .v73-fco-titlebar strong{font-size:17px!important;}
}
@media print{
  body{background:#fff!important;}
  .sidebar,.v59-topbar,.topbar,.app-topbar,.v73-docgen-panel,.v73-docgen-preview-wrap>.pipeline-toolbar{display:none!important;}
  .app-main{margin:0!important;padding:0!important;width:100%!important;}
  .v73-docgen-stage{background:#fff!important;border:0!important;padding:0!important;overflow:visible!important;}
  .v73-fco-page{box-shadow:none!important;margin:0!important;width:210mm!important;min-height:297mm!important;page-break-after:always!important;}
}


/* =========================================================
   V73 EXACT SOP/FCO GENERATOR UPDATE
   Matches uploaded SOP example layout: smoke letterhead, blue
   title banner, yellow heading label, numbered sections, tables,
   notes box, and three-page A4 preview.
   ========================================================= */
.v73-exact-grid{display:grid!important;grid-template-columns:minmax(620px,1.25fr) minmax(380px,.75fr)!important;gap:22px!important;width:100%!important;align-items:start!important}.v73-exact-panel{padding:clamp(18px,1.4vw,28px)!important}.v73-exact-form{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:13px!important;align-items:end!important}.v73-exact-form.compact{grid-template-columns:repeat(6,minmax(0,1fr))!important}.v73-exact-form label{grid-column:span 3!important;display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;color:rgba(237,243,251,.78)!important;font-size:clamp(10px,.68vw,12px)!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.055em!important;font-weight:700!important}.v73-exact-form.compact label{grid-column:span 3!important}.v73-exact-form label.full{grid-column:1/-1!important}.v73-exact-form input,.v73-exact-form select,.v73-exact-form textarea{width:100%!important;min-width:0!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;border-radius:13px!important;padding:10px 12px!important;font-size:clamp(12px,.78vw,15px)!important;min-height:42px!important;box-sizing:border-box!important}.v73-exact-form option{color:#111!important}.v73-exact-form textarea{min-height:120px!important;line-height:1.5!important;resize:vertical!important}.v73-exact-actionrow{margin-top:16px!important}.v73-procedure-list{display:grid!important;gap:10px!important;margin-top:18px!important}.v73-procedure-list article{padding:14px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(139,247,242,.15)!important}.v73-procedure-list strong{display:block!important;color:#fff!important;margin-bottom:5px!important}.v73-procedure-list span{display:block!important;color:rgba(237,243,251,.64)!important;font-size:12px!important;line-height:1.45!important}.v73-exact-preview-panel{overflow:hidden!important}.v73-exact-stage{width:100%!important;max-height:calc(100vh - 140px)!important;overflow:auto!important;padding:28px!important;background:radial-gradient(circle at 50% 0%,rgba(139,247,242,.06),transparent 34%),rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important}.v73-exact-preview{transform-origin:top center!important;transform:scale(.75);display:flex!important;flex-direction:column!important;align-items:center!important;gap:28px!important;margin:0 auto!important;width:max-content!important}.v73-sop-page{position:relative!important;width:1024px!important;height:1448px!important;background:#fff url("assets/document_templates/Lankom_Blank_Letterhead_A4_HD_EXACT.png") center/100% 100% no-repeat!important;color:#232323!important;box-shadow:0 30px 100px rgba(0,0,0,.36)!important;overflow:hidden!important;font-family:Arial,Helvetica,sans-serif!important}.v73-sop-body{position:absolute!important;left:77px!important;right:77px!important;top:348px!important;bottom:135px!important}.v73-sop-body.page2,.v73-sop-body.page3{top:350px!important}.v73-sop-titlebar{height:70px!important;background:#214b7c!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0 0 34px!important}.v73-sop-titlebar .label{font-weight:800!important;color:#f0c400!important;letter-spacing:.035em!important;font-size:16px!important;line-height:1!important;text-transform:uppercase!important}.v73-sop-titlebar .title{font-weight:800!important;color:#fff!important;letter-spacing:.035em!important;font-size:25px!important;line-height:1.05!important;text-transform:uppercase!important;margin-top:5px!important}.v73-sop-titlebar .meta{font-size:12px!important;color:#fff!important;line-height:1.1!important}.v73-sop-section{margin-top:0!important;margin-bottom:23px!important}.v73-sop-section.tight{margin-bottom:15px!important}.v73-sop-heading{font-size:20px!important;line-height:1.15!important;font-weight:800!important;color:#163f6e!important;text-transform:uppercase!important;letter-spacing:.025em!important;margin:0 0 12px!important;padding-bottom:6px!important;border-bottom:2px solid #d19a00!important;font-family:Arial,Helvetica,sans-serif!important}.v73-sop-p{font-size:14.5px!important;line-height:1.18!important;color:#2b2b2b!important;margin:0 0 12px!important}.v73-sop-note{font-size:13.5px!important;line-height:1.18!important;color:#2b2b2b!important;margin:12px 0 0!important}.v73-sop-table{width:100%!important;border-collapse:collapse!important;margin:12px 0 14px!important;table-layout:fixed!important;font-family:Arial,Helvetica,sans-serif!important}.v73-sop-table th{background:#214b7c!important;color:#fff!important;border:1px solid #9bb5d0!important;font-weight:800!important;font-size:13px!important;line-height:1.1!important;text-align:center!important;padding:11px 7px!important}.v73-sop-table td{border:1px solid #9bb5d0!important;color:#2b2b2b!important;background:#f8fbff!important;font-size:13px!important;line-height:1.14!important;padding:12px 10px!important;vertical-align:middle!important;text-align:center!important}.v73-sop-table td.em{background:#d9e8f7!important;color:#133d6a!important;font-weight:800!important}.v73-sop-table td.left{text-align:left!important}.v73-sop-table.procedure th{padding:12px 7px!important}.v73-sop-table.procedure td{font-size:10.5px!important;line-height:1.13!important;text-align:left!important;padding:9px 7px!important}.v73-sop-table.procedure td.step{width:62px!important;text-align:center!important;background:#d9e8f7!important;color:#133d6a!important;font-weight:800!important;font-size:12px!important}.v73-sop-table.procedure td.activity{width:205px!important;color:#123a65!important;font-weight:800!important;background:#f2f7fd!important;font-size:11.5px!important}.v73-sop-table.procedure td.party{text-align:center!important;color:#123a65!important;font-weight:800!important;background:#f2f7fd!important;font-size:11.5px!important}.v73-sop-notes-box{margin:30px auto 0!important;width:805px!important;min-height:565px!important;background:#d9e8f7!important;border:1px solid #9bb5d0!important;padding:68px 16px 20px!important;color:#2b2b2b!important}.v73-sop-notes-box h3{font-size:17px!important;line-height:1.2!important;margin:0 0 18px!important;color:#163f6e!important;font-weight:800!important;text-transform:uppercase!important}.v73-sop-notes-box p{font-size:11.5px!important;line-height:1.33!important;margin:0 0 13px!important;color:#2b2b2b!important}.v73-sop-page *{box-sizing:border-box!important}.v73-sop-page strong{font-weight:800!important}.v73-sop-page .two-line{line-height:1.05!important}.v73-sop-reference-link{display:inline-flex!important;align-items:center!important;gap:8px!important;color:#8bf7f2!important;text-decoration:none!important;font-size:12px!important;margin-top:10px!important}.v73-exact-stage.print-mode{padding:0!important;background:#fff!important;border:0!important}.v73-exact-stage.print-mode .v73-exact-preview{transform:none!important;gap:0!important}.v73-exact-stage.print-mode .v73-sop-page{box-shadow:none!important;page-break-after:always!important}@media(max-width:1450px){.v73-exact-grid{grid-template-columns:1fr!important}.v73-exact-form label{grid-column:span 4!important}.v73-exact-preview{transform:scale(.62)!important}}@media(max-width:1050px){.v73-exact-form label,.v73-exact-form.compact label{grid-column:span 6!important}.v73-exact-stage{padding:18px!important}.v73-exact-preview{transform:scale(.55)!important}}@media(max-width:760px){.v73-exact-form,.v73-exact-form.compact{grid-template-columns:1fr!important}.v73-exact-form label,.v73-exact-form.compact label{grid-column:1/-1!important}.v73-exact-stage{padding:12px!important}.v73-exact-preview{transform:scale(.44)!important;transform-origin:top left!important;align-items:flex-start!important}}
@media print{body{background:#fff!important}.sidebar,.v59-topbar,.app-header,.v73-exact-grid,.pipeline-toolbar,.actions{display:none!important}.app-main{margin:0!important;padding:0!important;width:100%!important}.v73-exact-preview-panel{border:0!important;background:#fff!important;box-shadow:none!important;padding:0!important}.v73-exact-stage{padding:0!important;background:#fff!important;border:0!important;max-height:none!important;overflow:visible!important}.v73-exact-preview{transform:none!important;gap:0!important;display:block!important}.v73-sop-page{box-shadow:none!important;margin:0!important;page-break-after:always!important}}


/* =========================================================
   V73 PACKAGES + DASHBOARD POLISH FIX
   Fixes raw packages page and dashboard metric text spacing.
   ========================================================= */

/* Packages page */
.v73-packages-body{
  margin:0!important;
  min-height:100vh!important;
  background:#02060b!important;
  color:#edf3fb!important;
  font-family:Arial, Helvetica, sans-serif!important;
  overflow-x:hidden!important;
}

.v73-packages-video{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:-4!important;
  filter:brightness(.92) contrast(1.08) saturate(1.05)!important;
}

.v73-packages-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(0,3,8,.88),rgba(0,3,8,.56),rgba(0,3,8,.88)),
    radial-gradient(circle at 78% 24%,rgba(85,222,217,.14),transparent 30%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.62))!important;
}

.v73-packages-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:92px!important;
  z-index:50!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 52px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.10))!important;
  backdrop-filter:blur(8px)!important;
}

.v73-packages-logo{
  display:flex!important;
  flex-direction:column!important;
  color:#fff!important;
  text-decoration:none!important;
}

.v73-packages-logo span{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:26px!important;
  letter-spacing:.30em!important;
  font-weight:300!important;
  line-height:1!important;
}

.v73-packages-logo small{
  margin-top:8px!important;
  color:#55ded9!important;
  font-size:10px!important;
  letter-spacing:.46em!important;
  text-align:center!important;
}

.v73-packages-nav nav{
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
}

.v73-packages-nav nav a,
.v73-packages-nav nav button{
  color:rgba(237,243,251,.74)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:11px!important;
  background:transparent!important;
  border:0!important;
  cursor:pointer!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.v73-packages-nav nav a:hover,
.v73-packages-nav nav button:hover,
.v73-packages-nav nav a.active{
  color:#fff!important;
}

.v73-package-nav-cta{
  border:1px solid rgba(139,247,242,.36)!important;
  border-radius:999px!important;
  padding:12px 16px!important;
  background:rgba(139,247,242,.10)!important;
  color:#fff!important;
}

.v73-packages-main{
  position:relative!important;
  z-index:2!important;
  padding:140px 7vw 70px!important;
}

.v73-packages-hero{
  max-width:1100px!important;
  margin-bottom:34px!important;
}

.v73-kicker{
  color:#8bf7f2!important;
  text-transform:uppercase!important;
  letter-spacing:.32em!important;
  font-size:11px!important;
  font-weight:700!important;
  margin:0 0 18px!important;
}

.v73-packages-hero h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,5vw,76px)!important;
  line-height:1.05!important;
  font-weight:300!important;
  color:#fff!important;
  margin:0 0 18px!important;
}

.v73-packages-hero p{
  color:rgba(237,243,251,.72)!important;
  font-size:17px!important;
  line-height:1.7!important;
  max-width:880px!important;
}

.v73-package-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}

.v73-package-card{
  position:relative!important;
  min-height:470px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:30px!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(85,222,217,.10),transparent 34%),
    linear-gradient(135deg,rgba(15,29,42,.88),rgba(7,14,22,.94))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:24px!important;
  box-shadow:0 28px 95px rgba(0,0,0,.30)!important;
}

.v73-package-card.featured{
  border-color:rgba(139,247,242,.38)!important;
  box-shadow:0 32px 110px rgba(0,0,0,.34),0 0 0 1px rgba(139,247,242,.12) inset!important;
}

.v73-badge{
  position:absolute!important;
  right:22px!important;
  top:22px!important;
  color:#091115!important;
  background:#8bf7f2!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
}

.v73-package-head{
  display:grid!important;
  gap:14px!important;
  margin-bottom:20px!important;
}

.v73-package-head span{
  color:#8bf7f2!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.22em!important;
  font-weight:700!important;
}

.v73-package-head strong{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(34px,3.4vw,52px)!important;
  font-weight:300!important;
  line-height:1!important;
}

.v73-package-head em{
  color:rgba(237,243,251,.62)!important;
  font-style:normal!important;
  font-size:14px!important;
  margin-left:6px!important;
}

.v73-package-card p{
  color:rgba(237,243,251,.72)!important;
  line-height:1.62!important;
  margin:0 0 18px!important;
}

.v73-package-card ul{
  margin:0 0 26px!important;
  padding:0!important;
  list-style:none!important;
  display:grid!important;
  gap:10px!important;
}

.v73-package-card li{
  color:rgba(237,243,251,.76)!important;
  position:relative!important;
  padding-left:20px!important;
  line-height:1.35!important;
}

.v73-package-card li::before{
  content:"";
  position:absolute!important;
  left:0!important;
  top:.55em!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#55ded9!important;
  box-shadow:0 0 16px rgba(85,222,217,.55)!important;
}

.v73-package-card button{
  margin-top:auto!important;
  min-height:46px!important;
  border-radius:999px!important;
  border:1px solid rgba(139,247,242,.32)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  padding:13px 18px!important;
  cursor:pointer!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:11px!important;
  font-weight:700!important;
}

.v73-package-card button.primary,
.v73-package-card button:hover{
  background:rgba(139,247,242,.14)!important;
  border-color:rgba(139,247,242,.46)!important;
}

.v73-comparison-panel{
  margin-top:34px!important;
  padding:30px!important;
  border-radius:24px!important;
  background:rgba(8,16,28,.76)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.26)!important;
}

.v73-comparison-panel h2{
  margin:0 0 20px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:34px!important;
  font-weight:300!important;
}

.v73-comparison-table{
  display:grid!important;
  gap:0!important;
  overflow:auto!important;
}

.v73-comparison-table > div{
  min-width:760px!important;
  display:grid!important;
  grid-template-columns:1.6fr repeat(3,1fr)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.v73-comparison-table b,
.v73-comparison-table span{
  padding:13px 14px!important;
  color:rgba(237,243,251,.76)!important;
}

.v73-comparison-table b{
  color:#fff!important;
  background:rgba(255,255,255,.05)!important;
}

@media(max-width:1100px){
  .v73-package-grid{grid-template-columns:1fr!important;}
  .v73-packages-nav{padding:18px 24px!important;height:auto!important;align-items:flex-start!important;gap:18px!important;flex-direction:column!important;}
  .v73-packages-main{padding-top:170px!important;}
}

@media(max-width:680px){
  .v73-packages-main{padding:170px 22px 50px!important;}
  .v73-packages-nav nav{flex-wrap:wrap!important;gap:14px!important;}
  .v73-package-card{padding:24px!important;min-height:auto!important;}
}

/* Dashboard executive metrics - professional spacing */
.v59-exec-metrics,
#v59ExecutiveMetrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.v59-exec-metric{
  min-width:0!important;
  display:grid!important;
  grid-template-areas:
    "label label"
    "value name"!important;
  grid-template-columns:auto 1fr!important;
  column-gap:8px!important;
  row-gap:8px!important;
  align-items:end!important;
  padding:18px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 80% 0%,rgba(139,247,242,.10),transparent 34%),
    rgba(255,255,255,.045)!important;
  border:1px solid rgba(139,247,242,.15)!important;
}

.v59-exec-metric span{
  grid-area:label!important;
  display:block!important;
  color:rgba(237,243,251,.68)!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.06em!important;
}

.v59-exec-metric b{
  grid-area:value!important;
  display:block!important;
  color:#fff!important;
  font-size:clamp(28px,2.4vw,42px)!important;
  line-height:.9!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:300!important;
  margin:0!important;
}

.v59-exec-metric small{
  grid-area:name!important;
  display:block!important;
  color:#8bf7f2!important;
  font-size:12px!important;
  line-height:1.15!important;
  letter-spacing:.06em!important;
  padding-bottom:2px!important;
}

/* Deal health cards - stop value/label touching */
.v59-health-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.v59-health-card{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  padding:16px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(139,247,242,.13)!important;
}

.v59-health-card b{
  display:block!important;
  color:#fff!important;
  font-size:clamp(24px,2vw,34px)!important;
  line-height:1!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:300!important;
}

.v59-health-card span{
  display:block!important;
  color:rgba(237,243,251,.68)!important;
  font-size:12px!important;
  line-height:1.2!important;
}

/* Priorities - cleaner row spacing */
.v59-priority-list{
  display:grid!important;
  gap:12px!important;
}

.v59-priority{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:14px!important;
  align-items:center!important;
  padding:15px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

.v59-priority b{
  display:block!important;
  color:#fff!important;
  margin-bottom:6px!important;
}

.v59-priority p{
  margin:0!important;
}

.v59-priority span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:96px!important;
  min-height:32px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  background:rgba(139,247,242,.10)!important;
  border:1px solid rgba(139,247,242,.18)!important;
  color:#8bf7f2!important;
  font-size:11px!important;
  font-weight:700!important;
}

@media(max-width:1450px){
  .v59-exec-metrics,
  #v59ExecutiveMetrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .v59-exec-metric{
    grid-template-areas:"label" "value" "name"!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
}

@media(max-width:1100px){
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid{
    grid-template-columns:1fr!important;
  }
  .v59-priority{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   V73 GLOBAL SOFTWARE SPACING + TEXT SIZE POLISH
   Fixes no-space metrics such as Schedules0active, Planned0,
   2Buyers, 0Sellers and reduces oversized app typography.
   ========================================================= */

/* Overall app text is now smaller and more laptop-friendly */
body.app-body,
body.live-data-mode,
body:has(.sidebar):has(.app-main) {
  font-size: clamp(12px, .72vw, 14px)!important;
  line-height: 1.45!important;
}

/* Reduce topbar and sidebar text slightly */
.sidebar,
.v59-topbar,
.topbar,
.app-topbar,
.app-main {
  font-size: clamp(12px, .72vw, 14px)!important;
}

.sidebar a,
.sidebar summary,
.sidebar p,
.sidebar details a {
  font-size: clamp(11px, .68vw, 13px)!important;
}

.v59-brand-block span {
  font-size: clamp(10px, .58vw, 12px)!important;
}

.v59-brand-block b {
  font-size: clamp(12px, .74vw, 15px)!important;
  line-height: 1.2!important;
}

.v59-search-trigger,
.v59-user-pill,
.v59-icon-btn,
.app-main button,
.app-main .btn {
  font-size: clamp(11px, .66vw, 13px)!important;
}

/* Main app headings reduced */
.app-main h1,
.app-header h1,
.v52-page-hero h1 {
  font-size: clamp(30px, 3.0vw, 50px)!important;
  line-height: 1.06!important;
  margin-top: 0!important;
}

.app-main h2,
.panel h2,
.v59-panel-premium h2,
.v52-section-head h2 {
  font-size: clamp(22px, 2.0vw, 34px)!important;
  line-height: 1.10!important;
}

.app-main h3,
.panel h3,
.v52-action-card h3,
.v52-module-card h3 {
  font-size: clamp(18px, 1.35vw, 25px)!important;
  line-height: 1.18!important;
}

.app-main p,
.app-main li,
.app-main td,
.app-main th,
.app-main label,
.app-main span,
.app-main em,
.app-main small {
  font-size: clamp(12px, .72vw, 14px)!important;
  line-height: 1.45!important;
}

.kicker,
.v73-kicker,
.v73-section-kicker {
  font-size: clamp(9px, .56vw, 11px)!important;
  letter-spacing: .22em!important;
}

/* Panels tighter and more professional */
.panel,
.v59-panel-premium,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v55-dashboard-graphs,
.v52-polished-panel {
  padding: clamp(18px, 1.35vw, 24px)!important;
}

/* Global KPI blocks used across the software */
.kpi {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  width: 100%!important;
  margin: 18px 0 24px!important;
}

.kpi article {
  min-width: 0!important;
  display: grid!important;
  grid-template-areas:
    "label label"
    "value unit"!important;
  grid-template-columns: auto minmax(0, 1fr)!important;
  align-items: end!important;
  column-gap: 8px!important;
  row-gap: 8px!important;
  padding: 16px!important;
  border-radius: 18px!important;
  background:
    radial-gradient(circle at 80% 0%, rgba(139,247,242,.09), transparent 34%),
    rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.15)!important;
  box-shadow: 0 16px 46px rgba(0,0,0,.16)!important;
}

.kpi article span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.25!important;
  letter-spacing: .04em!important;
  white-space: normal!important;
}

.kpi article strong,
.kpi article b {
  grid-area: value!important;
  display: block!important;
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: clamp(24px, 2.2vw, 38px)!important;
  line-height: .95!important;
  font-weight: 300!important;
  margin: 0!important;
  padding: 0!important;
  white-space: nowrap!important;
}

.kpi article em,
.kpi article small {
  grid-area: unit!important;
  display: block!important;
  color: #8bf7f2!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.1!important;
  font-style: normal!important;
  padding-bottom: 3px!important;
  white-space: normal!important;
}

/* Generic metric/stat rows across other software pages */
.metric,
.metric-card,
.stat,
.stat-card,
.status-card,
.summary-card,
.stats-card {
  display: grid!important;
  gap: 8px!important;
  min-width: 0!important;
}

.metric span,
.metric-card span,
.stat span,
.stat-card span,
.status-card span,
.summary-card span,
.stats-card span {
  display: block!important;
  margin-bottom: 4px!important;
}

.metric strong,
.metric-card strong,
.stat strong,
.stat-card strong,
.status-card strong,
.summary-card strong,
.stats-card strong {
  display: inline-block!important;
  margin-right: 7px!important;
}

/* Executive dashboard metrics */
.v59-exec-metrics,
#v59ExecutiveMetrics {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: stretch!important;
}

.v59-exec-metric {
  display: grid!important;
  grid-template-areas:
    "label"
    "value"
    "unit"!important;
  grid-template-columns: 1fr!important;
  gap: 7px!important;
  align-items: start!important;
  min-width: 0!important;
  padding: 16px!important;
  border-radius: 18px!important;
  background:
    radial-gradient(circle at 82% 0%, rgba(139,247,242,.09), transparent 34%),
    rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.16)!important;
}

.v59-exec-metric span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.25!important;
  margin: 0!important;
  white-space: normal!important;
}

.v59-exec-metric b {
  grid-area: value!important;
  display: block!important;
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: clamp(26px, 2.3vw, 40px)!important;
  line-height: .95!important;
  font-weight: 300!important;
  margin: 0!important;
  white-space: nowrap!important;
}

.v59-exec-metric small {
  grid-area: unit!important;
  display: block!important;
  color: #8bf7f2!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.15!important;
  margin: 0!important;
  white-space: normal!important;
}

/* Deal health spacing */
.v59-health-grid {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 12px!important;
}

.v59-health-card {
  display: grid!important;
  grid-template-areas:
    "value"
    "label"!important;
  gap: 7px!important;
  padding: 15px!important;
  border-radius: 16px!important;
  background: rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.14)!important;
}

.v59-health-card b {
  grid-area: value!important;
  display: block!important;
  font-family: Georgia, "Times New Roman", serif!important;
  color: #fff!important;
  font-size: clamp(24px, 2vw, 34px)!important;
  line-height: .95!important;
  font-weight: 300!important;
}

.v59-health-card span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.15!important;
}

/* Schedule board / Kanban columns where counts were touching labels */
.kanban-column h3,
.board-column h3,
.schedule-column h3,
.stage-column h3,
.pipeline-column h3 {
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 10px!important;
  font-size: clamp(15px, 1.05vw, 20px)!important;
}

.kanban-column h3 strong,
.board-column h3 strong,
.schedule-column h3 strong,
.stage-column h3 strong,
.pipeline-column h3 strong,
.kanban-column h3 span,
.board-column h3 span,
.schedule-column h3 span,
.stage-column h3 span,
.pipeline-column h3 span {
  display: inline-flex!important;
  margin-left: 8px!important;
  font-size: clamp(12px, .72vw, 14px)!important;
}

/* If headings are built as plain inline text, give bold/count text visual spacing */
.panel b + span,
.panel strong + span,
.panel span + b,
.panel span + strong,
.app-main b + span,
.app-main strong + span,
.app-main span + b,
.app-main span + strong,
.app-main strong + em,
.app-main b + em {
  margin-left: 7px!important;
}

/* Lists/rows inside operations pages */
.app-main dl,
.app-main .summary-list,
.app-main .status-list {
  display: grid!important;
  gap: 10px!important;
}

.app-main dt,
.app-main dd {
  margin: 0!important;
}

/* Buttons and forms slightly smaller */
.app-main input,
.app-main select,
.app-main textarea {
  font-size: clamp(12px, .72vw, 14px)!important;
  min-height: 38px!important;
  padding: 9px 12px!important;
}

.app-main button,
.app-main .btn,
.app-main a.btn {
  font-size: clamp(11px, .66vw, 13px)!important;
  min-height: 38px!important;
  padding: 9px 13px!important;
}

/* Responsive */
@media (max-width: 1450px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    gap: 12px!important;
  }

  .kpi article,
  .v59-exec-metric {
    padding: 14px!important;
  }
}

@media (max-width: 1100px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

@media (max-width: 680px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid {
    grid-template-columns: 1fr!important;
  }

  .app-main h1,
  .app-header h1,
  .v52-page-hero h1 {
    font-size: clamp(28px, 8vw, 40px)!important;
  }
}


/* =========================================================
   V73 THIN LANKOM GROUP WORDMARK UPDATE
   Closer to uploaded reference: thinner serif LANKOM,
   wider spacing, GROUP centred underneath.
   ========================================================= */

.v68-logo img,
.v67-logo.v68-logo img,
.v67-logo img,
.v74-nav-logo img,
.site-logo img {
  width: 176px!important;
  max-width: 176px!important;
  height: auto!important;
  display: block!important;
}

.v68-wordmark-panel {
  justify-content: center!important;
  align-items: center!important;
  min-height: 430px!important;
}

.v68-hero-wordmark {
  width: min(58vw, 900px)!important;
  max-width: 900px!important;
  height: auto!important;
  filter: drop-shadow(0 7px 18px rgba(0,0,0,.34))!important;
  animation: none!important;
}

.v67-wordmark-panel:after,
.v64-hero-wordmark:before {
  opacity: .18!important;
}

@media (max-width: 900px) {
  .v68-logo img,
  .v67-logo.v68-logo img,
  .v67-logo img,
  .v74-nav-logo img,
  .site-logo img {
    width: 150px!important;
    max-width: 150px!important;
  }

  .v68-hero-wordmark {
    width: min(82vw, 720px)!important;
  }
}


/* =========================================================
   V73 THINNER + LOWER LANKOM WORDMARK UPDATE
   Makes LANKOM lighter and moves the homepage hero wordmark
   slightly lower so it sits closer to centre page height.
   ========================================================= */

.v68-hero-wordmark {
  width: min(58vw, 900px)!important;
  max-width: 900px!important;
  height: auto!important;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.26))!important;
  animation: none!important;
  transform: translateY(34px)!important;
}

.v68-wordmark-panel {
  align-items: center!important;
  justify-content: center!important;
  transform: translateY(18px)!important;
}

.v67-hero {
  align-items: center!important;
}

.v67-wordmark-panel:after,
.v64-hero-wordmark:before {
  opacity: .10!important;
}

.v68-logo img,
.v67-logo.v68-logo img,
.v67-logo img,
.v74-nav-logo img,
.site-logo img {
  width: 172px!important;
  max-width: 172px!important;
  height: auto!important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.22))!important;
}

@media (max-width: 900px) {
  .v68-hero-wordmark {
    width: min(84vw, 720px)!important;
    transform: translateY(24px)!important;
  }

  .v68-wordmark-panel {
    transform: translateY(10px)!important;
  }

  .v68-logo img,
  .v67-logo.v68-logo img,
  .v67-logo img,
  .v74-nav-logo img,
  .site-logo img {
    width: 148px!important;
    max-width: 148px!important;
  }
}


/* =========================================================
   V73M STABILITY / RESPONSIVE POLISH PASS
   Base: user supplied v73m.zip
   Purpose: keep preferred version, fix overlap, text scale,
   KPI spacing and screen-size issues.
   ========================================================= */

/* Global protection */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

/* ---------- Public homepage hero: prevent logo/text overlap ---------- */
body.v67-body .v67-hero {
  position: relative!important;
  min-height: calc(100svh - 78px)!important;
  display: grid!important;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, 560px)!important;
  align-items: center!important;
  gap: clamp(30px, 5vw, 76px)!important;
  padding: clamp(86px, 7vw, 120px) 7vw clamp(52px, 5vw, 86px)!important;
  overflow: hidden!important;
}

body.v67-body .v67-wordmark-panel,
body.v67-body .v68-wordmark-panel {
  min-width: 0!important;
  width: 100%!important;
  min-height: clamp(280px, 38vh, 420px)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  position: relative!important;
  z-index: 1!important;
  overflow: visible!important;
  transform: none!important;
  translate: none!important;
  animation: none!important;
  transition: none!important;
}

body.v67-body .v68-hero-wordmark {
  width: min(100%, 690px)!important;
  max-width: 690px!important;
  height: auto!important;
  display: block!important;
  transform: none!important;
  translate: none!important;
  animation: none!important;
  transition: none!important;
  will-change: auto!important;
  filter: drop-shadow(0 5px 14px rgba(0,0,0,.30))!important;
}

body.v67-body .v67-hero-copy {
  position: relative!important;
  z-index: 2!important;
  max-width: 560px!important;
  justify-self: end!important;
  padding: 0!important;
  transform: none!important;
  animation: none!important;
}

body.v67-body .v67-hero-copy h1 {
  font-size: clamp(36px, 4.15vw, 70px)!important;
  line-height: 1.02!important;
  margin: 0 0 clamp(16px, 1.6vw, 24px)!important;
  max-width: 100%!important;
  text-wrap: balance;
}

body.v67-body .v67-hero-copy p {
  font-size: clamp(14px, 1.05vw, 18px)!important;
  line-height: 1.62!important;
  max-width: 520px!important;
}

body.v67-body .v67-eyebrow {
  font-size: clamp(10px, .72vw, 13px)!important;
  letter-spacing: .30em!important;
  line-height: 1.55!important;
}

body.v67-body .v67-actions {
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 12px!important;
}

body.v67-body .v67-actions a {
  font-size: clamp(10px, .68vw, 12px)!important;
  min-height: 42px!important;
  display: inline-flex!important;
  align-items: center!important;
}

/* Top public navigation */
body.v67-body .v67-nav {
  min-height: 78px!important;
}

body.v67-body .v67-nav nav {
  gap: clamp(18px, 2vw, 34px)!important;
}

body.v67-body .v67-nav nav a,
body.v67-body .v67-nav nav button {
  font-size: clamp(9px, .62vw, 11px)!important;
}

body.v67-body .v68-logo img,
body.v67-body .v67-logo.v68-logo img,
body.v67-body .v67-logo img,
body.v67-body .site-logo img {
  width: clamp(150px, 12vw, 188px)!important;
  max-width: 188px!important;
  height: auto!important;
  animation: none!important;
  transition: none!important;
  transform: none!important;
}

/* Public pages text should not become oversized */
body.v67-body h1 {
  font-size: clamp(38px, 5vw, 76px)!important;
}

body.v67-body h2 {
  font-size: clamp(28px, 3.4vw, 54px)!important;
}

body.v67-body p,
body.v67-body li,
body.v67-body a {
  line-height: 1.58;
}

@media (max-width: 1120px) {
  body.v67-body .v67-hero {
    grid-template-columns: 1fr!important;
    min-height: auto!important;
    padding-top: 130px!important;
    text-align: center!important;
  }

  body.v67-body .v67-wordmark-panel,
  body.v67-body .v68-wordmark-panel {
    min-height: 250px!important;
  }

  body.v67-body .v68-hero-wordmark {
    width: min(82vw, 700px)!important;
  }

  body.v67-body .v67-hero-copy {
    justify-self: center!important;
    max-width: 780px!important;
  }

  body.v67-body .v67-hero-copy p {
    margin-left: auto!important;
    margin-right: auto!important;
  }

  body.v67-body .v67-actions {
    justify-content: center!important;
  }
}

@media (max-width: 760px) {
  body.v67-body .v67-nav {
    padding: 18px 22px!important;
    align-items: flex-start!important;
  }

  body.v67-body .v67-nav nav {
    display: none!important;
  }

  body.v67-body .v67-hero {
    padding-left: 22px!important;
    padding-right: 22px!important;
  }

  body.v67-body .v68-hero-wordmark {
    width: min(94vw, 560px)!important;
  }

  body.v67-body .v67-hero-copy h1 {
    font-size: clamp(32px, 10vw, 48px)!important;
  }
}

/* ---------- Software text and layout scaling ---------- */
body.app-body,
body.live-data-mode,
body:has(.sidebar):has(.app-main) {
  font-size: clamp(12px, .72vw, 14px)!important;
  line-height: 1.45!important;
  overflow-x: hidden!important;
}

.sidebar,
.v59-topbar,
.topbar,
.app-topbar,
.app-main {
  font-size: clamp(12px, .72vw, 14px)!important;
}

.sidebar a,
.sidebar summary,
.sidebar p,
.sidebar details a {
  font-size: clamp(11px, .68vw, 13px)!important;
}

.app-main h1,
.app-header h1,
.v52-page-hero h1 {
  font-size: clamp(30px, 3vw, 50px)!important;
  line-height: 1.06!important;
}

.app-main h2,
.panel h2,
.v59-panel-premium h2,
.v52-section-head h2 {
  font-size: clamp(22px, 2vw, 34px)!important;
  line-height: 1.10!important;
}

.app-main h3,
.panel h3,
.v52-action-card h3,
.v52-module-card h3 {
  font-size: clamp(18px, 1.35vw, 25px)!important;
  line-height: 1.18!important;
}

.app-main p,
.app-main li,
.app-main td,
.app-main th,
.app-main label,
.app-main span,
.app-main em,
.app-main small {
  font-size: clamp(12px, .72vw, 14px)!important;
  line-height: 1.45!important;
}

.panel,
.v59-panel-premium,
.v52-hero-content,
.v52-hero-panel,
.v52-action-card,
.v52-module-card,
.v55-dashboard-graphs,
.v52-polished-panel {
  padding: clamp(18px, 1.35vw, 24px)!important;
}

/* App main should not horizontally overflow */
.app-main {
  overflow-x: hidden!important;
}

.app-main > * {
  max-width: 100%!important;
}

/* ---------- KPI / metric spacing fixes ---------- */
.kpi {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  width: 100%!important;
  margin: 18px 0 24px!important;
}

.kpi article {
  min-width: 0!important;
  display: grid!important;
  grid-template-areas:
    "label label"
    "value unit"!important;
  grid-template-columns: auto minmax(0, 1fr)!important;
  column-gap: 8px!important;
  row-gap: 8px!important;
  align-items: end!important;
  padding: 16px!important;
  border-radius: 18px!important;
  background: radial-gradient(circle at 80% 0%, rgba(139,247,242,.09), transparent 34%), rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.15)!important;
}

.kpi article span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.25!important;
  white-space: normal!important;
}

.kpi article strong,
.kpi article b {
  grid-area: value!important;
  display: block!important;
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: clamp(24px, 2.2vw, 38px)!important;
  line-height: .95!important;
  font-weight: 300!important;
  margin: 0!important;
  white-space: nowrap!important;
}

.kpi article em,
.kpi article small {
  grid-area: unit!important;
  display: block!important;
  color: #8bf7f2!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.1!important;
  font-style: normal!important;
  padding-bottom: 3px!important;
  white-space: normal!important;
}

.v59-exec-metrics,
#v59ExecutiveMetrics {
  display: grid!important;
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 14px!important;
  align-items: stretch!important;
}

.v59-exec-metric {
  display: grid!important;
  grid-template-areas: "label" "value" "unit"!important;
  grid-template-columns: 1fr!important;
  gap: 7px!important;
  align-items: start!important;
  min-width: 0!important;
  padding: 16px!important;
  border-radius: 18px!important;
  background: radial-gradient(circle at 82% 0%, rgba(139,247,242,.09), transparent 34%), rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.16)!important;
}

.v59-exec-metric span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.25!important;
  margin: 0!important;
}

.v59-exec-metric b {
  grid-area: value!important;
  display: block!important;
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-size: clamp(26px, 2.3vw, 40px)!important;
  line-height: .95!important;
  font-weight: 300!important;
  margin: 0!important;
}

.v59-exec-metric small {
  grid-area: unit!important;
  display: block!important;
  color: #8bf7f2!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.15!important;
  margin: 0!important;
}

.v59-health-grid {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 12px!important;
}

.v59-health-card {
  display: grid!important;
  grid-template-areas: "value" "label"!important;
  gap: 7px!important;
  padding: 15px!important;
  border-radius: 16px!important;
  background: rgba(255,255,255,.045)!important;
  border: 1px solid rgba(139,247,242,.14)!important;
}

.v59-health-card b {
  grid-area: value!important;
  display: block!important;
  font-family: Georgia, "Times New Roman", serif!important;
  color: #fff!important;
  font-size: clamp(24px, 2vw, 34px)!important;
  line-height: .95!important;
  font-weight: 300!important;
}

.v59-health-card span {
  grid-area: label!important;
  display: block!important;
  color: rgba(237,243,251,.68)!important;
  font-size: clamp(11px, .66vw, 13px)!important;
  line-height: 1.15!important;
}

/* Generic fallback for inline count/label joins */
.metric strong,
.metric-card strong,
.stat strong,
.stat-card strong,
.status-card strong,
.summary-card strong,
.stats-card strong,
.panel strong,
.panel b {
  margin-right: 7px;
}

.panel strong + em,
.panel b + em,
.panel strong + span,
.panel b + span {
  margin-left: 5px;
}

/* Pipeline/Kanban/Schedule headings */
.kanban-column h3,
.board-column h3,
.schedule-column h3,
.stage-column h3,
.pipeline-column h3 {
  display: flex!important;
  align-items: center!important;
  justify-content: space-between!important;
  gap: 10px!important;
  font-size: clamp(15px, 1.05vw, 20px)!important;
}

/* ---------- Forms should wrap cleanly ---------- */
.form,
#buyerQuick form,
#buyerDetailed form,
#buyerCIS form,
#cisImportForm,
.v73-docgen-form,
.v73-exact-form {
  max-width: 100%!important;
}

.app-main input,
.app-main select,
.app-main textarea {
  font-size: clamp(12px, .72vw, 14px)!important;
  min-height: 38px!important;
  padding: 9px 12px!important;
  max-width: 100%!important;
}

.app-main button,
.app-main .btn,
.app-main a.btn {
  font-size: clamp(11px, .66vw, 13px)!important;
  min-height: 38px!important;
  padding: 9px 13px!important;
}

/* Document preview should not spill outside viewport */
.v73-docgen-stage,
.v73-exact-preview-stage,
.doc-preview-stage {
  max-width: 100%!important;
  overflow: auto!important;
}

/* Responsive software grids */
@media (max-width: 1450px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics {
    grid-template-columns: repeat(4, minmax(0, 1fr))!important;
    gap: 12px!important;
  }

  .v59-executive-command {
    grid-template-columns: 1fr!important;
  }
}

@media (max-width: 1100px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  }
}

@media (max-width: 680px) {
  .kpi,
  .v59-exec-metrics,
  #v59ExecutiveMetrics,
  .v59-health-grid {
    grid-template-columns: 1fr!important;
  }

  .app-main h1,
  .app-header h1,
  .v52-page-hero h1 {
    font-size: clamp(28px, 8vw, 40px)!important;
  }
}


/* =========================================================
   V73M FINAL HOMEPAGE RESPONSIVE OVERLAP FIX
   Screenshot issue fixed:
   - LANKOM GROUP no longer sits behind headline text.
   - Homepage hero uses fixed grid areas: copy left, logo right.
   - Logo is stationary.
   - Text and logo scale by screen width.
   ========================================================= */

body.v67-body .v67-main {
  overflow-x: hidden!important;
}

body.v67-body .v67-hero {
  position: relative!important;
  min-height: calc(100svh - 82px)!important;
  display: grid!important;
  grid-template-columns: minmax(380px, 0.92fr) minmax(360px, 0.88fr)!important;
  grid-template-areas: "copy logo"!important;
  align-items: center!important;
  justify-content: center!important;
  column-gap: clamp(90px, 8vw, 170px)!important;
  row-gap: 42px!important;
  padding: clamp(110px, 8vw, 145px) 8vw clamp(70px, 6vw, 100px)!important;
  overflow: hidden!important;
}

body.v67-body .v67-hero > .v67-hero-copy {
  grid-area: copy!important;
  position: relative!important;
  z-index: 4!important;
  justify-self: start!important;
  align-self: center!important;
  width: min(100%, 610px)!important;
  max-width: 610px!important;
  padding: 0!important;
  margin: 0!important;
  transform: none!important;
  translate: none!important;
  animation: none!important;
  transition: none!important;
}

body.v67-body .v67-hero > .v67-wordmark-panel,
body.v67-body .v67-hero > .v68-wordmark-panel {
  grid-area: logo!important;
  position: relative!important;
  z-index: 2!important;
  justify-self: end!important;
  align-self: center!important;
  width: min(100%, 540px)!important;
  max-width: 540px!important;
  min-width: 0!important;
  min-height: auto!important;
  height: auto!important;
  padding: 0!important;
  margin: 0!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  overflow: visible!important;
  transform: none!important;
  translate: none!important;
  animation: none!important;
  transition: none!important;
  pointer-events: none!important;
}

body.v67-body .v67-hero > .v67-wordmark-panel::before,
body.v67-body .v67-hero > .v67-wordmark-panel::after,
body.v67-body .v67-hero > .v68-wordmark-panel::before,
body.v67-body .v67-hero > .v68-wordmark-panel::after {
  display: none!important;
  content: none!important;
  opacity: 0!important;
}

body.v67-body .v67-hero .v68-hero-wordmark {
  display: block!important;
  width: min(100%, 540px)!important;
  max-width: 540px!important;
  height: auto!important;
  margin: 0!important;
  opacity: .97!important;
  transform: none!important;
  translate: none!important;
  animation: none!important;
  transition: none!important;
  will-change: auto!important;
  filter: drop-shadow(0 5px 13px rgba(0,0,0,.32))!important;
}

body.v67-body .v67-hero-copy .v67-eyebrow {
  display: block!important;
  color: rgba(237,243,251,.78)!important;
  font-size: clamp(10px, .72vw, 12px)!important;
  line-height: 1.7!important;
  letter-spacing: .34em!important;
  margin: 0 0 clamp(18px, 1.6vw, 26px)!important;
  max-width: 100%!important;
}

body.v67-body .v67-hero-copy h1 {
  color: #fff!important;
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight: 300!important;
  font-size: clamp(40px, 3.55vw, 64px)!important;
  line-height: 1.04!important;
  letter-spacing: -.02em!important;
  max-width: 610px!important;
  margin: 0 0 clamp(22px, 2vw, 32px)!important;
  text-shadow: 0 5px 22px rgba(0,0,0,.36)!important;
}

body.v67-body .v67-hero-copy p:not(.v67-eyebrow) {
  color: rgba(237,243,251,.74)!important;
  font-size: clamp(14px, .96vw, 17px)!important;
  line-height: 1.68!important;
  max-width: 560px!important;
  margin: 0!important;
}

body.v67-body .v67-hero-copy .v67-actions {
  margin-top: clamp(26px, 2.2vw, 36px)!important;
  display: flex!important;
  flex-wrap: wrap!important;
  gap: 14px!important;
  align-items: center!important;
  justify-content: flex-start!important;
}

body.v67-body .v67-hero-copy .v67-actions a {
  min-width: 150px!important;
  min-height: 44px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  font-size: clamp(10px, .66vw, 12px)!important;
  letter-spacing: .15em!important;
  padding: 12px 18px!important;
}

/* Desktop/laptop refinements */
@media (max-width: 1480px) {
  body.v67-body .v67-hero {
    grid-template-columns: minmax(360px, 0.95fr) minmax(320px, 0.75fr)!important;
    column-gap: clamp(70px, 6vw, 120px)!important;
    padding-left: 7vw!important;
    padding-right: 7vw!important;
  }

  body.v67-body .v67-hero > .v67-wordmark-panel,
  body.v67-body .v67-hero > .v68-wordmark-panel,
  body.v67-body .v67-hero .v68-hero-wordmark {
    max-width: 470px!important;
    width: min(100%, 470px)!important;
  }

  body.v67-body .v67-hero-copy h1 {
    font-size: clamp(38px, 3.45vw, 58px)!important;
  }

  body.v67-body .v67-hero-copy p:not(.v67-eyebrow) {
    max-width: 540px!important;
  }
}

@media (max-width: 1240px) {
  body.v67-body .v67-hero {
    grid-template-columns: minmax(340px, 0.98fr) minmax(280px, 0.70fr)!important;
    column-gap: 54px!important;
    padding-left: 6vw!important;
    padding-right: 6vw!important;
  }

  body.v67-body .v67-hero > .v67-wordmark-panel,
  body.v67-body .v67-hero > .v68-wordmark-panel,
  body.v67-body .v67-hero .v68-hero-wordmark {
    max-width: 390px!important;
    width: min(100%, 390px)!important;
  }

  body.v67-body .v67-hero-copy h1 {
    font-size: clamp(35px, 3.4vw, 50px)!important;
  }
}

/* Tablet and smaller: stack cleanly, never overlap */
@media (max-width: 1020px) {
  body.v67-body .v67-hero {
    min-height: auto!important;
    grid-template-columns: 1fr!important;
    grid-template-areas:
      "logo"
      "copy"!important;
    justify-items: center!important;
    align-items: center!important;
    row-gap: 28px!important;
    text-align: center!important;
    padding: 130px 28px 70px!important;
  }

  body.v67-body .v67-hero > .v67-wordmark-panel,
  body.v67-body .v67-hero > .v68-wordmark-panel {
    justify-self: center!important;
    width: min(82vw, 620px)!important;
    max-width: 620px!important;
  }

  body.v67-body .v67-hero .v68-hero-wordmark {
    width: min(82vw, 620px)!important;
    max-width: 620px!important;
  }

  body.v67-body .v67-hero > .v67-hero-copy {
    justify-self: center!important;
    width: min(100%, 720px)!important;
    max-width: 720px!important;
  }

  body.v67-body .v67-hero-copy h1,
  body.v67-body .v67-hero-copy p:not(.v67-eyebrow) {
    margin-left: auto!important;
    margin-right: auto!important;
  }

  body.v67-body .v67-hero-copy .v67-actions {
    justify-content: center!important;
  }
}

@media (max-width: 620px) {
  body.v67-body .v67-hero {
    padding: 116px 22px 58px!important;
    row-gap: 22px!important;
  }

  body.v67-body .v67-hero .v68-hero-wordmark {
    width: min(92vw, 470px)!important;
  }

  body.v67-body .v67-hero-copy .v67-eyebrow {
    font-size: 9.5px!important;
    letter-spacing: .24em!important;
  }

  body.v67-body .v67-hero-copy h1 {
    font-size: clamp(31px, 9vw, 42px)!important;
    line-height: 1.05!important;
  }

  body.v67-body .v67-hero-copy p:not(.v67-eyebrow) {
    font-size: 14px!important;
  }

  body.v67-body .v67-hero-copy .v67-actions {
    display: grid!important;
    grid-template-columns: 1fr!important;
    width: 100%!important;
    max-width: 310px!important;
    margin-left: auto!important;
    margin-right: auto!important;
  }

  body.v67-body .v67-hero-copy .v67-actions a {
    width: 100%!important;
  }
}


/* =========================================================
   V73M GLOBAL SOFTWARE UI CLEANUP PASS
   Fixes examples shown:
   - CIS Vault cards/buttons too large
   - CIS Document Register rows running too wide
   - Imported Buyer Records running horizontally
   - Buyer CIS/Documents buttons oversized
   - Buyer Questionnaire fields too big/full-width
   - General headings, buttons, forms and rows not scaling
   ========================================================= */

/* ---------- App-wide typography control ---------- */

body.app-body,
body.live-data-mode,
body:has(.sidebar):has(.app-main) {
  --v73m-app-text: clamp(12px, .70vw, 14px);
  --v73m-small-text: clamp(11px, .62vw, 12.5px);
  --v73m-h1: clamp(28px, 2.45vw, 42px);
  --v73m-h2: clamp(22px, 1.75vw, 31px);
  --v73m-h3: clamp(17px, 1.18vw, 22px);
  --v73m-pad: clamp(16px, 1.25vw, 22px);
  font-size: var(--v73m-app-text)!important;
  line-height: 1.45!important;
  overflow-x: hidden!important;
}

body.app-body .app-main,
body.live-data-mode .app-main,
body:has(.sidebar):has(.app-main) .app-main {
  overflow-x: hidden!important;
  max-width: 100%!important;
}

body.app-body .app-main h1,
body.app-body .app-header h1,
body.app-body .v52-page-hero h1,
body.live-data-mode .app-main h1 {
  font-size: var(--v73m-h1)!important;
  line-height: 1.06!important;
  letter-spacing: -.015em!important;
  margin: 0 0 12px!important;
}

body.app-body .app-main h2,
body.app-body .panel h2,
body.app-body .v59-panel-premium h2,
body.app-body .v52-section-head h2,
body.live-data-mode .app-main h2 {
  font-size: var(--v73m-h2)!important;
  line-height: 1.12!important;
  margin: 0 0 14px!important;
  letter-spacing: -.01em!important;
}

body.app-body .app-main h3,
body.app-body .panel h3,
body.live-data-mode .app-main h3 {
  font-size: var(--v73m-h3)!important;
  line-height: 1.18!important;
  margin: 0 0 10px!important;
}

body.app-body .app-main p,
body.app-body .app-main li,
body.app-body .app-main td,
body.app-body .app-main th,
body.app-body .app-main label,
body.app-body .app-main span,
body.app-body .app-main small,
body.app-body .app-main em,
body.live-data-mode .app-main p,
body.live-data-mode .app-main li,
body.live-data-mode .app-main label {
  font-size: var(--v73m-app-text)!important;
  line-height: 1.48!important;
}

body.app-body .muted,
body.live-data-mode .muted {
  color: rgba(237,243,251,.66)!important;
}

/* ---------- Panels / cards should not crop or overflow ---------- */

body.app-body .panel,
body.app-body .v59-panel-premium,
body.app-body .card,
body.app-body .v52-action-card,
body.app-body .v52-module-card,
body.app-body .v52-hero-content,
body.app-body .v52-hero-panel {
  padding: var(--v73m-pad)!important;
  border-radius: 20px!important;
  overflow: hidden!important;
  max-width: 100%!important;
}

body.app-body .app-header,
body.app-body .v52-page-hero {
  padding: var(--v73m-pad)!important;
  gap: 16px!important;
  align-items: flex-start!important;
}

/* Workspace grids must fit within laptop width */
body.app-body .workspace-grid-v43,
body.app-body .two,
body.app-body .v59-dashboard-grid,
body.app-body .v52-module-grid,
body.app-body .v52-action-grid {
  display: grid!important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr))!important;
  gap: 18px!important;
  width: 100%!important;
  max-width: 100%!important;
  overflow: visible!important;
}

/* ---------- Buttons: smaller, cleaner, never huge ---------- */

body.app-body .app-main .btn,
body.app-body .app-main button,
body.app-body .row-actions .btn,
body.live-data-mode .app-main .btn,
body.live-data-mode .app-main button {
  min-height: 34px!important;
  max-height: none!important;
  padding: 8px 12px!important;
  border-radius: 999px!important;
  font-size: clamp(10.5px, .62vw, 12.5px)!important;
  line-height: 1.15!important;
  letter-spacing: .02em!important;
  white-space: nowrap!important;
  width: auto!important;
  max-width: 100%!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 6px!important;
  flex: 0 0 auto!important;
}

body.app-body .app-main .btn.primary,
body.app-body .app-main button.primary {
  padding-left: 14px!important;
  padding-right: 14px!important;
}

/* ---------- Form controls: responsive and not oversized ---------- */

body.app-body .app-main input,
body.app-body .app-main select,
body.app-body .app-main textarea,
body.live-data-mode .app-main input,
body.live-data-mode .app-main select,
body.live-data-mode .app-main textarea {
  min-height: 36px!important;
  height: auto!important;
  padding: 8px 11px!important;
  border-radius: 13px!important;
  font-size: clamp(11.5px, .68vw, 13.5px)!important;
  line-height: 1.25!important;
  max-width: 100%!important;
  width: 100%!important;
  box-sizing: border-box!important;
}

body.app-body .app-main textarea {
  min-height: 90px!important;
  max-height: 210px!important;
}

/* Global form grid */
body.app-body .app-main form.form,
body.app-body .app-main .form,
body.app-body .app-main .qform,
body.app-body .app-main .v73-docgen-form,
body.app-body .app-main .v73-exact-form {
  display: grid!important;
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  gap: 12px!important;
  align-items: end!important;
  max-width: 100%!important;
  width: 100%!important;
}

body.app-body .app-main form.form > label,
body.app-body .app-main .form > label,
body.app-body .app-main .qform > label,
body.app-body .app-main .v73-docgen-form > label,
body.app-body .app-main .v73-exact-form > label {
  grid-column: span 4!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 6px!important;
  min-width: 0!important;
  max-width: 100%!important;
  font-size: var(--v73m-small-text)!important;
  line-height: 1.25!important;
  color: rgba(237,243,251,.72)!important;
  font-weight: 600!important;
}

body.app-body .app-main form.form > label.full,
body.app-body .app-main .form > label.full,
body.app-body .app-main .qform > label.full {
  grid-column: 1 / -1!important;
}

body.app-body .app-main form.form > button,
body.app-body .app-main .form > button,
body.app-body .app-main .qform > button {
  grid-column: span 3!important;
  align-self: end!important;
}

/* File upload fields */
body.app-body .app-main input[type="file"] {
  padding: 7px!important;
  min-height: 40px!important;
  border-radius: 14px!important;
}

body.app-body .app-main input[type="file"]::file-selector-button {
  border: 0!important;
  border-radius: 10px!important;
  padding: 7px 11px!important;
  margin-right: 10px!important;
  font-size: clamp(11px, .62vw, 12.5px)!important;
  background: #eef3f7!important;
  color: #111827!important;
  cursor: pointer!important;
}

/* ---------- Buyer CIS Vault specific fixes ---------- */

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr)!important;
  align-items: stretch!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 .panel h2 {
  font-size: clamp(22px, 1.55vw, 30px)!important;
  line-height: 1.12!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 .panel p {
  font-size: clamp(12px, .72vw, 14px)!important;
  line-height: 1.55!important;
  max-width: 100%!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form {
  grid-template-columns: repeat(12, minmax(0, 1fr))!important;
  align-items: end!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label {
  grid-column: span 4!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label.file-upload-label,
body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label.full {
  grid-column: span 5!important;
}

body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > button {
  grid-column: span 3!important;
  justify-self: start!important;
}

/* CIS register should wrap instead of stretching horizontally */
body.app-body #cisVaultList,
body.app-body #buyerList,
body.app-body #docList,
body.app-body #sellerList,
body.app-body #dealList,
body.app-body #generatedDocList,
body.app-body .table {
  display: grid!important;
  gap: 10px!important;
  width: 100%!important;
  max-width: 100%!important;
  overflow: visible!important;
}

/* Dynamic row layout */
body.app-body .row {
  display: grid!important;
  grid-template-columns: minmax(0, 1fr) auto!important;
  gap: 14px!important;
  align-items: center!important;
  width: 100%!important;
  max-width: 100%!important;
  padding: 13px 14px!important;
  margin: 0!important;
  border-radius: 16px!important;
  background: rgba(255,255,255,.035)!important;
  border: 1px solid rgba(255,255,255,.08)!important;
  overflow: hidden!important;
}

body.app-body .row > div:first-child,
body.app-body .row-main {
  min-width: 0!important;
  display: grid!important;
  gap: 5px!important;
}

body.app-body .row strong,
body.app-body .row-title {
  display: block!important;
  min-width: 0!important;
  max-width: 100%!important;
  color: #fff!important;
  font-size: clamp(12.5px, .76vw, 14.5px)!important;
  line-height: 1.25!important;
  font-weight: 700!important;
  overflow-wrap: anywhere!important;
  word-break: normal!important;
}

body.app-body .row small,
body.app-body .row-sub {
  display: block!important;
  min-width: 0!important;
  max-width: 100%!important;
  color: rgba(237,243,251,.66)!important;
  font-size: clamp(11px, .65vw, 12.5px)!important;
  line-height: 1.35!important;
  overflow-wrap: anywhere!important;
  word-break: normal!important;
}

body.app-body .row-actions {
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: flex-end!important;
  align-items: center!important;
  gap: 8px!important;
  min-width: 0!important;
  max-width: 100%!important;
}

body.app-body .row-actions .badge {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  min-height: 28px!important;
  padding: 6px 10px!important;
  border-radius: 999px!important;
  font-size: clamp(10px, .58vw, 12px)!important;
  white-space: nowrap!important;
  margin: 0!important;
}

/* ---------- CIS Import / Imported Buyer Records ---------- */

body.app-body .app-main:has(#buyerList) .panel,
body.app-body .app-main:has(#cisImportForm) .panel {
  max-width: 100%!important;
}

body.app-body .app-main:has(#buyerList) #buyerList .row {
  grid-template-columns: minmax(0, 1fr) auto!important;
}

body.app-body .app-main:has(#buyerList) #buyerList .row-actions {
  flex-shrink: 0!important;
}

/* ---------- Buyer CIS / Documents area ---------- */

body.app-body .app-main:has(#docList) .row,
body.app-body .app-main:has(#buyerDocList) .row,
body.app-body .app-main:has(#buyerList) .row {
  align-items: flex-start!important;
}

body.app-body .app-main:has(#docList) .row-actions .btn,
body.app-body .app-main:has(#buyerDocList) .row-actions .btn,
body.app-body .app-main:has(#buyerList) .row-actions .btn {
  min-width: auto!important;
}

/* ---------- Buyer questionnaire ---------- */

body.app-body .app-main:has(#buyerQuestionnaire) .two {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px)!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .qform {
  display: grid!important;
  grid-template-columns: repeat(2, minmax(0, 1fr))!important;
  gap: 12px!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .qform .section-title {
  grid-column: 1 / -1!important;
  font-size: clamp(13px, .78vw, 15px)!important;
  color: #fff!important;
  font-weight: 700!important;
  margin: 6px 0 2px!important;
  padding-top: 4px!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .qform label {
  grid-column: span 1!important;
  display: flex!important;
  flex-direction: column!important;
  gap: 6px!important;
  font-size: var(--v73m-small-text)!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .qform input,
body.app-body .app-main:has(#buyerQuestionnaire) .qform select {
  min-height: 38px!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .scorebox {
  align-self: start!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .orb {
  width: clamp(120px, 10vw, 170px)!important;
  height: clamp(120px, 10vw, 170px)!important;
  margin: 14px auto!important;
}

body.app-body .app-main:has(#buyerQuestionnaire) .orb span {
  font-size: clamp(28px, 2.8vw, 46px)!important;
}

/* ---------- Module-specific headings ---------- */

body.app-body .app-main:has(#cisVaultList) h1,
body.app-body .app-main:has(#buyerList) h1,
body.app-body .app-main:has(#docList) h1,
body.app-body .app-main:has(#buyerQuestionnaire) h1 {
  font-size: clamp(28px, 2.25vw, 40px)!important;
}

body.app-body .app-main:has(#cisVaultList) h2,
body.app-body .app-main:has(#buyerList) h2,
body.app-body .app-main:has(#docList) h2,
body.app-body .app-main:has(#buyerQuestionnaire) h2 {
  font-size: clamp(21px, 1.65vw, 30px)!important;
}

/* ---------- Responsive behaviour ---------- */

@media (max-width: 1450px) {
  body.app-body .app-main form.form > label,
  body.app-body .app-main .form > label,
  body.app-body .app-main .v73-docgen-form > label,
  body.app-body .app-main .v73-exact-form > label {
    grid-column: span 6!important;
  }

  body.app-body .app-main form.form > button,
  body.app-body .app-main .form > button {
    grid-column: span 4!important;
  }

  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 {
    grid-template-columns: 1fr!important;
  }

  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label,
  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label.file-upload-label,
  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label.full {
    grid-column: span 6!important;
  }

  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > button {
    grid-column: span 4!important;
  }
}

@media (max-width: 1100px) {
  body.app-body .row {
    grid-template-columns: 1fr!important;
  }

  body.app-body .row-actions {
    justify-content: flex-start!important;
  }

  body.app-body .app-main:has(#buyerQuestionnaire) .two {
    grid-template-columns: 1fr!important;
  }

  body.app-body .app-main:has(#buyerQuestionnaire) .qform {
    grid-template-columns: 1fr!important;
  }

  body.app-body .app-main:has(#buyerQuestionnaire) .qform label {
    grid-column: 1 / -1!important;
  }
}

@media (max-width: 760px) {
  body.app-body .app-main form.form,
  body.app-body .app-main .form,
  body.app-body .app-main .qform,
  body.app-body .app-main .v73-docgen-form,
  body.app-body .app-main .v73-exact-form {
    grid-template-columns: 1fr!important;
  }

  body.app-body .app-main form.form > label,
  body.app-body .app-main .form > label,
  body.app-body .app-main .qform > label,
  body.app-body .app-main .v73-docgen-form > label,
  body.app-body .app-main .v73-exact-form > label,
  body.app-body .app-main form.form > button,
  body.app-body .app-main .form > button,
  body.app-body .app-main .qform > button,
  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label,
  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > label.file-upload-label,
  body.app-body .app-main:has(#cisVaultList) .workspace-grid-v43 form.form > button {
    grid-column: 1 / -1!important;
  }

  body.app-body .app-main .btn,
  body.app-body .app-main button {
    white-space: normal!important;
  }

  body.app-body .row-actions {
    display: grid!important;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr))!important;
    width: 100%!important;
  }

  body.app-body .row-actions .btn,
  body.app-body .row-actions button {
    width: 100%!important;
  }
}


/* =========================================================
   V73M COMMODITIES DROPDOWN INTERACTION FIX
   Keeps submenu open while moving from trigger to menu.
   Adds hover bridge, keyboard focus and click-open support.
   ========================================================= */

body.v67-body .v73-nav-dropdown {
  position: relative!important;
  display: inline-flex!important;
  align-items: center!important;
  overflow: visible!important;
  z-index: 1200!important;
}

/* Invisible hover bridge removes the dead gap between trigger and submenu */
body.v67-body .v73-nav-dropdown::after {
  content: ""!important;
  position: absolute!important;
  left: -14px!important;
  right: -14px!important;
  top: 100%!important;
  height: 16px!important;
  background: transparent!important;
  pointer-events: auto!important;
}

body.v67-body .v73-dropdown-trigger {
  position: relative!important;
  cursor: pointer!important;
  z-index: 2!important;
}

body.v67-body .v73-dropdown-menu {
  position: absolute!important;
  top: calc(100% + 6px)!important;
  left: 50%!important;
  transform: translateX(-50%) translateY(4px)!important;
  min-width: 290px!important;
  padding: 10px!important;
  opacity: 0!important;
  visibility: hidden!important;
  pointer-events: none!important;
  z-index: 9999!important;
  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility 0s linear .16s!important;
}

/* Extend the interactive menu area upward into the hover bridge */
body.v67-body .v73-dropdown-menu::before {
  content: ""!important;
  position: absolute!important;
  left: 0!important;
  right: 0!important;
  top: -10px!important;
  height: 12px!important;
  background: transparent!important;
  pointer-events: auto!important;
}

body.v67-body .v73-nav-dropdown:hover .v73-dropdown-menu,
body.v67-body .v73-nav-dropdown:focus-within .v73-dropdown-menu,
body.v67-body .v73-nav-dropdown.is-open .v73-dropdown-menu {
  opacity: 1!important;
  visibility: visible!important;
  pointer-events: auto!important;
  transform: translateX(-50%) translateY(0)!important;
  transition-delay: 0s!important;
}

body.v67-body .v73-dropdown-menu a {
  display: flex!important;
  align-items: center!important;
  min-height: 38px!important;
  padding: 9px 12px!important;
  border-radius: 9px!important;
  white-space: nowrap!important;
  position: relative!important;
  z-index: 2!important;
  pointer-events: auto!important;
}

body.v67-body .v73-dropdown-menu a:hover,
body.v67-body .v73-dropdown-menu a:focus-visible {
  color: #fff!important;
  background: rgba(139,247,242,.12)!important;
  outline: none!important;
}

/* Make sure header/nav does not crop the dropdown */
body.v67-body .v67-nav,
body.v67-body .v67-nav nav {
  overflow: visible!important;
}

/* Laptop widths: keep menu inside viewport */
@media (max-width: 1180px) {
  body.v67-body .v73-dropdown-menu {
    left: auto!important;
    right: -40px!important;
    transform: translateY(4px)!important;
    min-width: 270px!important;
  }

  body.v67-body .v73-nav-dropdown:hover .v73-dropdown-menu,
  body.v67-body .v73-nav-dropdown:focus-within .v73-dropdown-menu,
  body.v67-body .v73-nav-dropdown.is-open .v73-dropdown-menu {
    transform: translateY(0)!important;
  }
}

/* Mobile/tablet touch behaviour */
@media (max-width: 760px) {
  body.v67-body .v73-nav-dropdown {
    width: 100%!important;
    display: block!important;
  }

  body.v67-body .v73-nav-dropdown::after,
  body.v67-body .v73-dropdown-menu::before {
    display: none!important;
  }

  body.v67-body .v73-dropdown-menu {
    position: relative!important;
    top: auto!important;
    left: auto!important;
    right: auto!important;
    width: 100%!important;
    min-width: 0!important;
    margin-top: 6px!important;
    transform: none!important;
    display: none!important;
    opacity: 1!important;
    visibility: visible!important;
    pointer-events: auto!important;
    box-shadow: none!important;
  }

  body.v67-body .v73-nav-dropdown.is-open .v73-dropdown-menu,
  body.v67-body .v73-nav-dropdown:focus-within .v73-dropdown-menu {
    display: block!important;
    transform: none!important;
  }

  body.v67-body .v73-dropdown-menu a {
    white-space: normal!important;
  }
}


/* =========================================================
   V73M GLOBAL UI STANDARD + PROJECT PRO
   ========================================================= */

:root{
  --lp-bg:#07111a;
  --lp-panel:#0b1824;
  --lp-panel-2:#101e2b;
  --lp-line:rgba(147,216,222,.18);
  --lp-muted:rgba(230,238,247,.66);
  --lp-text:#edf3fb;
  --lp-teal:#79dad7;
  --lp-sidebar:240px;
  --lp-font:13px;
  --lp-h1:clamp(29px,2.15vw,39px);
  --lp-h2:clamp(21px,1.55vw,28px);
  --lp-h3:clamp(15px,1.05vw,19px);
}

/* Standard typography across the application, excluding document pages */
body.app-body,
body.live-data-mode{
  font-size:var(--lp-font)!important;
  line-height:1.45!important;
}

.app-main{
  overflow-x:hidden!important;
}

.app-main > .app-header,
.app-main > .v52-page-hero{
  padding:22px 24px!important;
  min-height:auto!important;
  border-radius:19px!important;
}

.app-header h1,
.v52-page-hero h1,
.pm-pro-header h1{
  font-size:var(--lp-h1)!important;
  line-height:1.07!important;
  margin:5px 0 10px!important;
  letter-spacing:-.018em!important;
}

.panel > h2,
.pipeline-toolbar h2,
.pm-pro-section-head h2,
.modal-head h2,
.scorebox h2{
  font-size:var(--lp-h2)!important;
  line-height:1.12!important;
  margin:0 0 8px!important;
}

.panel h3,
.circle-card h3,
.v43-col h3,
.pm-column h3{
  font-size:var(--lp-h3)!important;
  line-height:1.2!important;
}

.app-main p,
.app-main li,
.app-main label,
.app-main td,
.app-main th,
.app-main small,
.app-main em{
  font-size:12.5px!important;
  line-height:1.48!important;
}

.kicker{
  font-size:9.5px!important;
  letter-spacing:.26em!important;
}

.panel{
  padding:20px 22px!important;
  border-radius:18px!important;
}

.app-main .btn,
.app-main button{
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:11.5px!important;
  line-height:1.15!important;
}

.app-main input,
.app-main select,
.app-main textarea{
  font-size:12px!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
}

.app-main textarea{
  min-height:86px!important;
}

/* Seller / buyer questionnaire form standardization */
.qform{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:13px 16px!important;
  align-items:end!important;
}

.qform .section-title{
  grid-column:1 / -1!important;
  margin:8px 0 0!important;
  padding:10px 0 5px!important;
  border-bottom:1px solid var(--lp-line)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.05em!important;
}

.qform label{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:600!important;
}

.two{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr)!important;
  gap:18px!important;
  align-items:start!important;
}

.scorebox{
  position:sticky!important;
  top:72px!important;
}

.orb{
  width:112px!important;
  height:112px!important;
  margin:14px auto!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle,rgba(121,218,215,.18),rgba(121,218,215,.04) 56%,transparent 58%)!important;
  border:1px solid rgba(121,218,215,.25)!important;
}

.orb span{
  font-size:31px!important;
  line-height:1!important;
  font-family:Georgia,"Times New Roman",serif!important;
}

/* Compact circular KPI cards - fixes Trade Ticket, Position Exposure, Reporting Centre */
.circle-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:15px!important;
  margin:18px 0!important;
}

.circle-card{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  padding:16px 18px!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,rgba(16,31,44,.94),rgba(8,18,27,.96))!important;
  border:1px solid var(--lp-line)!important;
  overflow:hidden!important;
}

.svg-ring{
  position:relative!important;
  width:76px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 76px!important;
}

.svg-ring svg{
  position:absolute!important;
  inset:0!important;
  width:76px!important;
  height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  transform:rotate(-90deg)!important;
}

.svg-ring circle{
  fill:none!important;
  stroke-width:8!important;
}

.svg-ring .ring-bg{
  stroke:rgba(255,255,255,.09)!important;
}

.svg-ring .ring-fg{
  stroke:var(--lp-teal)!important;
  stroke-linecap:round!important;
  stroke-dasharray:302!important;
  stroke-dashoffset:95!important;
}

.svg-ring b{
  position:relative!important;
  z-index:2!important;
  font-size:17px!important;
  line-height:1!important;
  font-family:Arial,Helvetica,sans-serif!important;
  color:#fff!important;
  max-width:62px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.circle-card h3{
  margin:0 0 5px!important;
  color:#fff!important;
}

.circle-card p{
  margin:0!important;
  color:var(--lp-muted)!important;
  font-size:11.5px!important;
}

/* Compact KPI cards */
.kpi{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  margin:18px 0!important;
}

.kpi article{
  padding:15px 16px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"label value" "unit value"!important;
  gap:3px 12px!important;
  align-items:center!important;
  background:linear-gradient(145deg,rgba(16,31,44,.94),rgba(8,18,27,.96))!important;
  border:1px solid var(--lp-line)!important;
}

.kpi article span{
  grid-area:label!important;
  color:var(--lp-muted)!important;
  font-size:11px!important;
}

.kpi article strong{
  grid-area:value!important;
  font-size:25px!important;
  line-height:1!important;
  margin:0!important;
  color:#fff!important;
}

.kpi article em{
  grid-area:unit!important;
  color:var(--lp-teal)!important;
  font-size:10.5px!important;
  font-style:normal!important;
}

/* Operational stage boards - fixes Contract, Logistics, Settlement */
.v43-board{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(210px,1fr)!important;
  gap:13px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 13px!important;
  scrollbar-width:thin!important;
  scroll-snap-type:x proximity!important;
}

.v43-board::-webkit-scrollbar,
.pm-kanban-scroll::-webkit-scrollbar{
  height:10px!important;
}

.v43-board::-webkit-scrollbar-thumb,
.pm-kanban-scroll::-webkit-scrollbar-thumb{
  background:rgba(121,218,215,.28)!important;
  border-radius:999px!important;
}

.v43-col{
  min-width:210px!important;
  max-width:260px!important;
  min-height:270px!important;
  padding:12px!important;
  border-radius:15px!important;
  background:rgba(4,12,20,.58)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  scroll-snap-align:start!important;
}

.v43-col h3{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:9px!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
}

.pipeline-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  color:var(--lp-teal)!important;
  background:rgba(121,218,215,.10)!important;
  border:1px solid rgba(121,218,215,.18)!important;
  font-size:10.5px!important;
  margin-left:8px!important;
}

.v43-card{
  padding:11px 12px!important;
  margin:0 0 9px!important;
  border-radius:12px!important;
  background:rgba(17,31,44,.94)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  cursor:grab!important;
}

.v43-card:active{
  cursor:grabbing!important;
}

.v43-card h4{
  margin:0 0 6px!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  color:#fff!important;
}

.v43-card p{
  margin:4px 0!important;
  font-size:10.8px!important;
  line-height:1.4!important;
  color:var(--lp-muted)!important;
}

.v43-col.drag-over,
.pm-column.drag-over{
  border-color:rgba(121,218,215,.58)!important;
  background:rgba(121,218,215,.08)!important;
}

/* Evidence checklist alignment */
.v55-checklist{
  display:grid!important;
  gap:7px!important;
  max-width:100%!important;
}

.v55-check-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  gap:18px!important;
  align-items:center!important;
  min-height:52px!important;
  padding:10px 13px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  cursor:pointer!important;
}

.v55-check-item span{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:5px 9px!important;
  font-size:11.8px!important;
}

.v55-check-item span b{
  color:#dff7f6!important;
  font-size:11.8px!important;
  margin:0!important;
}

.v55-check-item input[type="checkbox"]{
  width:19px!important;
  height:19px!important;
  min-height:19px!important;
  margin:0!important;
  padding:0!important;
  justify-self:end!important;
  accent-color:#69d8d3!important;
}

/* Sidebar icons */
.sidebar summary,
.sidebar > a{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

.sidebar-icon{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:rgba(121,218,215,.88)!important;
}

.sidebar-icon svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.sidebar details a{
  padding-left:33px!important;
}

/* ---------------------------------------------------------
   Project Pro - Teamwork-inspired multi-view task suite
   --------------------------------------------------------- */
.pm-pro-header{
  margin-bottom:16px!important;
}

.pm-pro-command{
  display:grid!important;
  gap:14px!important;
  margin-bottom:16px!important;
}

.pm-pro-tabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.pm-pro-tabs a{
  min-height:34px!important;
  padding:8px 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  color:var(--lp-muted)!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:600!important;
}

.pm-pro-tabs a:hover,
.pm-pro-tabs a.active{
  color:#fff!important;
  background:rgba(121,218,215,.11)!important;
}

.pm-pro-tabs a.active{
  box-shadow:inset 0 -2px 0 var(--lp-teal)!important;
}

.pm-pro-filterbar{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) minmax(220px,1.6fr) minmax(150px,.8fr) minmax(130px,.65fr) minmax(140px,.7fr) auto!important;
  gap:9px!important;
  align-items:end!important;
}

.pm-pro-filterbar label{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}

.pm-pro-filterbar label span{
  font-size:9.5px!important;
  color:var(--lp-muted)!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}

.pm-pro-filterbar input,
.pm-pro-filterbar select{
  min-height:35px!important;
}

.pm-pro-clear{
  border-radius:9px!important;
}

.pm-pro-section-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:13px!important;
}

.pm-pro-section-head p{
  margin:0!important;
}

.pm-pro-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
  margin-bottom:16px!important;
}

.pm-pro-kpis article{
  padding:17px!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"label value" "unit value"!important;
  gap:4px 12px!important;
  align-items:center!important;
  background:linear-gradient(145deg,rgba(16,31,44,.94),rgba(8,18,27,.96))!important;
  border:1px solid var(--lp-line)!important;
}

.pm-pro-kpis span{grid-area:label!important;color:var(--lp-muted)!important;font-size:11px!important}
.pm-pro-kpis strong{grid-area:value!important;font-size:27px!important;line-height:1!important;color:#fff!important}
.pm-pro-kpis small{grid-area:unit!important;color:var(--lp-teal)!important;font-size:10.5px!important}

.pm-pro-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

.pm-pro-board-panel{
  overflow:hidden!important;
}

.pm-kanban-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:3px 1px 13px!important;
  scroll-behavior:smooth!important;
  scrollbar-width:thin!important;
  overscroll-behavior-x:contain!important;
}

.pm-kanban-board{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:275px!important;
  gap:12px!important;
  min-width:max-content!important;
  align-items:start!important;
}

.pm-column{
  width:275px!important;
  min-height:480px!important;
  max-height:calc(100vh - 300px)!important;
  padding:10px!important;
  border-radius:13px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  background:#07131d!important;
  border:1px solid rgba(255,255,255,.08)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}

.pm-column-head{
  position:sticky!important;
  top:-10px!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:7px!important;
  align-items:center!important;
  margin:-10px -10px 2px!important;
  padding:12px 10px 10px!important;
  background:#07131d!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.pm-column-head h3{
  margin:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pm-column-head > span{
  display:inline-flex!important;
  min-width:24px!important;
  height:24px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  color:var(--lp-teal)!important;
  background:rgba(121,218,215,.1)!important;
  font-size:10.5px!important;
}

.pm-column-actions{
  display:flex!important;
  gap:4px!important;
}

.pm-small-btn{
  width:auto!important;
  min-width:26px!important;
  min-height:27px!important;
  padding:5px 7px!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(255,255,255,.04)!important;
  color:var(--lp-muted)!important;
  font-size:9.5px!important;
  cursor:pointer!important;
}

.pm-card{
  padding:12px!important;
  border-radius:11px!important;
  background:#10202e!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.14)!important;
  cursor:pointer!important;
}

.pm-card:hover{
  border-color:rgba(121,218,215,.32)!important;
  transform:translateY(-1px)!important;
}

.pm-card.pm-dragging{
  opacity:.55!important;
}

.pm-card-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-bottom:7px!important;
}

.pm-card h4{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:650!important;
}

.pm-card-project{
  margin:0 0 8px!important;
  color:var(--lp-muted)!important;
  font-size:10.5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pm-card-dates{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:var(--lp-muted)!important;
  font-size:10.5px!important;
  margin-top:9px!important;
}

.pm-card-footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin-top:10px!important;
}

.pm-avatar{
  width:27px!important;
  height:27px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(121,218,215,.13)!important;
  border:1px solid rgba(121,218,215,.24)!important;
  color:#dffefd!important;
  font-size:9px!important;
  font-weight:800!important;
}

.pm-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

.pm-chip{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(237,243,251,.72)!important;
  font-size:9px!important;
  line-height:1!important;
}

.pm-priority-Urgent{background:rgba(255,79,104,.14)!important;color:#ff9aad!important}
.pm-priority-High{background:rgba(255,169,63,.14)!important;color:#ffc376!important}
.pm-priority-Low{background:rgba(90,197,255,.12)!important;color:#9edfff!important}

.pm-progress{
  height:4px!important;
  border-radius:999px!important;
  margin-top:10px!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

.pm-progress b{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#55c9c5,#91efeb)!important;
  margin:0!important;
}

.pm-column-empty{
  padding:14px 8px!important;
  color:rgba(237,243,251,.42)!important;
  text-align:center!important;
  font-size:10.5px!important;
}

.pm-add-column-task{
  width:100%!important;
  min-height:31px!important;
  border-radius:8px!important;
  border:1px dashed rgba(255,255,255,.11)!important;
  background:transparent!important;
  color:var(--lp-muted)!important;
  font-size:10px!important;
}

.pm-board-hint{
  margin:8px 0 0!important;
  font-size:10.5px!important;
}

/* List view */
.pm-pro-list{
  display:grid!important;
  gap:7px!important;
}

.pm-task-list-row{
  display:grid!important;
  grid-template-columns:24px minmax(240px,1.6fr) minmax(120px,.75fr) minmax(100px,.6fr) minmax(100px,.65fr) minmax(100px,.65fr) 84px!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.027)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  cursor:pointer!important;
}

.pm-task-list-row:hover{
  background:rgba(121,218,215,.055)!important;
  border-color:rgba(121,218,215,.2)!important;
}

.pm-task-list-row > *{
  min-width:0!important;
}

.pm-list-check{
  width:17px!important;
  height:17px!important;
  min-height:17px!important;
  padding:0!important;
  accent-color:#69d8d3!important;
}

.pm-list-title strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:11.8px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pm-list-title small,
.pm-list-cell{
  color:var(--lp-muted)!important;
  font-size:10.5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pm-list-progress{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

.pm-list-progress-bar{
  flex:1!important;
  height:4px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

.pm-list-progress-bar b{
  display:block!important;
  height:100%!important;
  background:var(--lp-teal)!important;
  margin:0!important;
}

/* Table view */
.pm-table-wrap{
  max-width:100%!important;
  overflow:auto!important;
}

.pm-task-table{
  width:100%!important;
  min-width:970px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:11px!important;
}

.pm-task-table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  padding:10px 11px!important;
  background:#0c1a26!important;
  color:var(--lp-muted)!important;
  text-align:left!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-size:9px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.pm-task-table td{
  padding:10px 11px!important;
  color:rgba(237,243,251,.78)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  font-size:10.8px!important;
}

.pm-task-table tr{
  cursor:pointer!important;
}

.pm-task-table tbody tr:hover td{
  background:rgba(121,218,215,.045)!important;
}

/* Timeline */
.pm-timeline-view{
  display:grid!important;
  gap:6px!important;
}

.pm-timeline-row{
  display:grid!important;
  grid-template-columns:240px minmax(420px,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  min-width:720px!important;
}

.pm-timeline-label{
  padding:8px 10px!important;
  min-width:0!important;
}

.pm-timeline-label b{
  display:block!important;
  font-size:11px!important;
  color:#fff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pm-timeline-label span{
  font-size:9.5px!important;
}

.pm-timeline-track{
  position:relative!important;
  height:30px!important;
  border-radius:7px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 10% 100%,
    rgba(255,255,255,.025)!important;
}

.pm-timeline-bar{
  position:absolute!important;
  top:6px!important;
  height:18px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#2f8f91,#75d9d6)!important;
  box-shadow:0 4px 12px rgba(53,178,176,.16)!important;
}

/* Calendar */
.pm-calendar-view{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(150px,1fr))!important;
  gap:9px!important;
  overflow-x:auto!important;
  padding-bottom:10px!important;
}

.pm-day{
  min-width:150px!important;
  min-height:170px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.027)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}

.pm-day h4{
  margin:0 0 9px!important;
  color:var(--lp-teal)!important;
  font-size:10.5px!important;
}

.pm-day-task{
  padding:8px!important;
  margin:0 0 7px!important;
  border-radius:8px!important;
  background:#10202e!important;
  font-size:9.8px!important;
  line-height:1.4!important;
  cursor:pointer!important;
}

.pm-day-task b{
  font-size:10.2px!important;
  color:#fff!important;
}

/* Task drawer */
.pm-task-drawer{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:min(520px,92vw)!important;
  z-index:1200!important;
  background:#091620!important;
  border-left:1px solid rgba(121,218,215,.18)!important;
  box-shadow:-30px 0 90px rgba(0,0,0,.42)!important;
  transform:translateX(102%)!important;
  transition:transform .2s ease!important;
  display:flex!important;
  flex-direction:column!important;
}

.pm-task-drawer.open{
  transform:translateX(0)!important;
}

.pm-task-drawer-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:20px 22px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}

.pm-task-drawer-head h2{
  margin:4px 0 0!important;
  color:#fff!important;
  font-size:24px!important;
}

.pm-drawer-close{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:8px!important;
}

.pm-task-drawer-body{
  flex:1!important;
  overflow-y:auto!important;
  padding:20px 22px!important;
}

.pm-task-drawer-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:1190!important;
  background:rgba(0,0,0,.48)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .2s ease!important;
}

.pm-task-drawer-backdrop.open{
  opacity:1!important;
  visibility:visible!important;
}

.pm-drawer-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-bottom:16px!important;
}

.pm-drawer-stat{
  padding:10px 11px!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.055)!important;
}

.pm-drawer-stat span{
  display:block!important;
  color:var(--lp-muted)!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
}

.pm-drawer-stat b{
  display:block!important;
  margin:5px 0 0!important;
  color:#fff!important;
  font-size:11.5px!important;
}

.pm-drawer-section{
  padding:14px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}

.pm-drawer-section h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:12px!important;
  font-family:Arial,Helvetica,sans-serif!important;
}

.pm-drawer-section p{
  margin:0!important;
  color:var(--lp-muted)!important;
  white-space:pre-wrap!important;
}

.pm-subtasks{
  display:grid!important;
  gap:5px!important;
}

.pm-subtask{
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  padding:7px 8px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.025)!important;
}

.pm-subtask input{
  width:15px!important;
  height:15px!important;
  min-height:15px!important;
  padding:0!important;
  accent-color:#69d8d3!important;
}

.pm-drawer-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding-top:12px!important;
}

/* Enhanced task modal */
.pm-pro-task-modal{
  width:min(1040px,94vw)!important;
  max-height:90vh!important;
  overflow:auto!important;
}

.pm-pro-task-form{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:11px!important;
  align-items:end!important;
}

.pm-pro-task-form label{
  grid-column:span 3!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  color:var(--lp-muted)!important;
  font-size:10.5px!important;
  font-weight:600!important;
}

.pm-pro-task-form .pm-span-4{grid-column:span 4!important}
.pm-pro-task-form .pm-span-6{grid-column:span 6!important}
.pm-pro-task-form .pm-span-8{grid-column:span 8!important}
.pm-pro-task-form .pm-span-12{grid-column:1 / -1!important}

.pm-pro-form-actions{
  display:flex!important;
  gap:8px!important;
}

/* ---------------------------------------------------------
   Light mode - fully functional app theme
   --------------------------------------------------------- */
body.theme-light,
body.theme-light.app-body,
body.theme-light.live-data-mode{
  --lp-bg:#f3f6fa;
  --lp-panel:#ffffff;
  --lp-panel-2:#f7f9fc;
  --lp-line:rgba(31,68,93,.14);
  --lp-muted:#647486;
  --lp-text:#172331;
  --lp-teal:#168d8b;
  background:#f3f6fa!important;
  color:#172331!important;
}

body.theme-light .sidebar{
  background:#ffffff!important;
  border-right:1px solid #dce4ec!important;
  box-shadow:8px 0 30px rgba(26,47,68,.06)!important;
}

body.theme-light .app-logo span,
body.theme-light .v59-brand-block b,
body.theme-light .app-header h1,
body.theme-light .panel h2,
body.theme-light .panel h3,
body.theme-light .pm-card h4,
body.theme-light .pm-column-head h3,
body.theme-light .row strong,
body.theme-light .modal h2{
  color:#172331!important;
}

body.theme-light .app-logo small,
body.theme-light .kicker,
body.theme-light .sidebar-icon,
body.theme-light .pm-pro-kpis small,
body.theme-light .kpi article em{
  color:#168d8b!important;
}

body.theme-light .sidebar > a,
body.theme-light .sidebar summary,
body.theme-light .sidebar details a,
body.theme-light .sidebar-subtitle,
body.theme-light .muted,
body.theme-light .app-main p,
body.theme-light .app-main label,
body.theme-light .app-main small{
  color:#657587!important;
}

body.theme-light .sidebar > a:hover,
body.theme-light .sidebar > a.active,
body.theme-light .sidebar details a:hover{
  color:#172331!important;
  background:#e9f5f5!important;
}

body.theme-light .theme-toggle-btn,
body.theme-light .sidebar button{
  color:#172331!important;
  background:#f7f9fc!important;
  border-color:#d8e1ea!important;
}

body.theme-light .v59-topbar{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #dce4ec!important;
  box-shadow:0 6px 24px rgba(26,47,68,.05)!important;
}

body.theme-light .v59-search-trigger,
body.theme-light .v59-icon-btn,
body.theme-light .v59-user-pill{
  color:#172331!important;
  background:#f7f9fc!important;
  border-color:#d8e1ea!important;
}

body.theme-light .panel,
body.theme-light .app-header,
body.theme-light .v52-page-hero,
body.theme-light .circle-card,
body.theme-light .kpi article,
body.theme-light .pm-pro-kpis article,
body.theme-light .v43-col,
body.theme-light .pm-column{
  background:#ffffff!important;
  border-color:#dce4ec!important;
  box-shadow:0 12px 34px rgba(26,47,68,.06)!important;
}

body.theme-light .v43-card,
body.theme-light .pm-card,
body.theme-light .pm-day-task{
  background:#f7f9fc!important;
  border-color:#dce4ec!important;
  box-shadow:none!important;
}

body.theme-light .app-main input,
body.theme-light .app-main select,
body.theme-light .app-main textarea{
  background:#ffffff!important;
  color:#172331!important;
  border-color:#cfd9e3!important;
}

body.theme-light .app-main input::placeholder,
body.theme-light .app-main textarea::placeholder{
  color:#8a98a6!important;
}

body.theme-light .btn,
body.theme-light .app-main button{
  color:#172331!important;
  background:#f7f9fc!important;
  border-color:#cfd9e3!important;
}

body.theme-light .btn.primary,
body.theme-light .app-main button.primary{
  background:#168d8b!important;
  color:#ffffff!important;
  border-color:#168d8b!important;
}

body.theme-light .pm-pro-tabs{
  border-bottom-color:#dce4ec!important;
}

body.theme-light .pm-pro-tabs a{
  color:#657587!important;
}

body.theme-light .pm-pro-tabs a.active,
body.theme-light .pm-pro-tabs a:hover{
  color:#172331!important;
  background:#e9f5f5!important;
}

body.theme-light .pm-column-head{
  background:#ffffff!important;
  border-bottom-color:#e1e7ee!important;
}

body.theme-light .pm-task-list-row,
body.theme-light .v55-check-item,
body.theme-light .row,
body.theme-light .pm-drawer-stat,
body.theme-light .pm-subtask,
body.theme-light .pm-day{
  background:#f8fafc!important;
  border-color:#e1e7ee!important;
}

body.theme-light .pm-task-table th{
  background:#f1f5f8!important;
  color:#657587!important;
}

body.theme-light .pm-task-table td{
  color:#3f5061!important;
  border-bottom-color:#e6ebf0!important;
}

body.theme-light .pm-task-drawer{
  background:#ffffff!important;
  border-left-color:#dce4ec!important;
}

body.theme-light .pm-task-drawer-head,
body.theme-light .pm-drawer-section{
  border-color:#e1e7ee!important;
}

/* Protect document preview styling from app theme */
body.theme-light .v73-docgen-a4,
body.theme-light .v73-exact-page,
body.theme-light .v73-exact-a4{
  color:#111827!important;
}

/* Responsive */
@media(max-width:1450px){
  :root{--lp-sidebar:230px}
  .circle-card{grid-template-columns:70px minmax(0,1fr)!important}
  .svg-ring,.svg-ring svg{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important}
  .svg-ring{flex-basis:66px!important}
  .pm-pro-filterbar{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .pm-pro-search{grid-column:span 2!important}
  .pm-pro-clear{justify-self:start!important}
}

@media(max-width:1100px){
  .circle-row{grid-template-columns:1fr!important}
  .kpi,.pm-pro-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .two,.pm-pro-overview-grid{grid-template-columns:1fr!important}
  .scorebox{position:relative!important;top:auto!important}
  .pm-task-list-row{grid-template-columns:24px minmax(200px,1fr) minmax(110px,.6fr) minmax(100px,.6fr) 80px!important}
  .pm-task-list-row .pm-list-role,
  .pm-task-list-row .pm-list-project{display:none!important}
  .pm-pro-task-form label{grid-column:span 6!important}
  .pm-pro-task-form .pm-span-8,
  .pm-pro-task-form .pm-span-6,
  .pm-pro-task-form .pm-span-4{grid-column:span 6!important}
}

@media(max-width:760px){
  .qform{grid-template-columns:1fr!important}
  .circle-card{grid-template-columns:60px minmax(0,1fr)!important}
  .svg-ring,.svg-ring svg{width:56px!important;height:56px!important;max-width:56px!important;max-height:56px!important}
  .svg-ring{flex-basis:56px!important}
  .kpi,.pm-pro-kpis{grid-template-columns:1fr!important}
  .pm-pro-filterbar{grid-template-columns:1fr!important}
  .pm-pro-search{grid-column:auto!important}
  .pm-pro-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pm-pro-tabs a{width:100%!important}
  .pm-task-list-row{grid-template-columns:22px minmax(0,1fr) 68px!important}
  .pm-task-list-row .pm-list-assignee,
  .pm-task-list-row .pm-list-role,
  .pm-task-list-row .pm-list-project,
  .pm-task-list-row .pm-list-date{display:none!important}
  .pm-pro-task-form{grid-template-columns:1fr!important}
  .pm-pro-task-form label,
  .pm-pro-task-form .pm-span-8,
  .pm-pro-task-form .pm-span-6,
  .pm-pro-task-form .pm-span-4,
  .pm-pro-task-form .pm-span-12{grid-column:1 / -1!important}
  .pm-drawer-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   V73M CLEAN COMMAND UI
   Keep all functionality. Hide complexity until it is needed.
   ========================================================= */

:root{
  --clean-sidebar: 218px;
  --clean-canvas: #08131d;
  --clean-panel: rgba(12,25,36,.72);
  --clean-line: rgba(164,213,218,.11);
  --clean-text: #eef4f8;
  --clean-muted: rgba(230,239,246,.62);
  --clean-teal: #79dad7;
}

/* ---------- Compact 9-module sidebar ---------- */
.clean-command-sidebar{
  width:var(--clean-sidebar)!important;
  padding:18px 12px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

.clean-command-sidebar .app-logo{
  margin:0 8px 5px!important;
}

.clean-command-sidebar .sidebar-subtitle{
  margin:0 8px 13px!important;
  font-size:10.5px!important;
}

.clean-command-sidebar .v53-account-pill{
  margin:0 4px 14px!important;
  min-height:32px!important;
  padding:7px 10px!important;
  font-size:10.5px!important;
}

.clean-sidebar-primary{
  display:grid!important;
  gap:3px!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:3px 0 10px!important;
  scrollbar-width:none!important;
}

.clean-sidebar-primary::-webkit-scrollbar{display:none!important}

.clean-nav-item{
  min-height:39px!important;
  padding:9px 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:10px!important;
  color:rgba(232,240,247,.66)!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:600!important;
  border:1px solid transparent!important;
}

.clean-nav-item:hover{
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
}

.clean-nav-item.active{
  color:#fff!important;
  background:rgba(121,218,215,.09)!important;
  border-color:rgba(121,218,215,.13)!important;
}

.clean-nav-icon{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(121,218,215,.8)!important;
}

.clean-nav-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.clean-sidebar-footer{
  margin-top:auto!important;
  display:grid!important;
  gap:7px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
}

.clean-sidebar-footer .theme-toggle-btn{
  width:100%!important;
  justify-content:flex-start!important;
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:10.5px!important;
}

.clean-site-link{
  padding:8px 10px!important;
  color:rgba(232,240,247,.48)!important;
  font-size:10px!important;
  text-decoration:none!important;
}

body.app-body .app-main{
  margin-left:var(--clean-sidebar)!important;
  width:calc(100% - var(--clean-sidebar))!important;
  padding:22px 26px 38px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(60,154,158,.06),transparent 24%),
    var(--clean-canvas)!important;
}

/* ---------- Contextual module navigation ---------- */
.clean-module-tabs{
  min-height:43px!important;
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  margin:-4px 0 14px!important;
  padding:0 2px 8px!important;
  overflow-x:auto!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  scrollbar-width:none!important;
}

.clean-module-tabs::-webkit-scrollbar{display:none!important}

.clean-module-tabs a{
  flex:0 0 auto!important;
  min-height:31px!important;
  padding:7px 10px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:rgba(232,240,247,.51)!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  font-weight:600!important;
}

.clean-module-tabs a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
}

.clean-module-tabs a.active{
  color:#fff!important;
  background:rgba(121,218,215,.09)!important;
}

/* ---------- Compact page headers ---------- */
.app-main > .app-header,
.app-main > .v52-page-hero,
.app-main > .v73-docgen-hero,
.app-main > .v73-exact-hero,
.pm-pro-header{
  min-height:auto!important;
  margin:0 0 14px!important;
  padding:15px 2px 16px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  align-items:center!important;
}

.app-main > .app-header h1,
.app-main > .v52-page-hero h1,
.app-main > .v73-docgen-hero h1,
.pm-pro-header h1{
  margin:3px 0 6px!important;
  font-size:clamp(24px,1.85vw,34px)!important;
  line-height:1.08!important;
}

.app-main > .app-header p.muted,
.app-main > .v52-page-hero p.muted,
.app-main > .v73-docgen-hero p.muted,
.pm-pro-header p.muted{
  max-width:760px!important;
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  color:rgba(230,239,246,.54)!important;
}

.app-main > .app-header .actions,
.pm-pro-header .actions{
  gap:7px!important;
}

.app-main > .app-header .actions .btn,
.pm-pro-header .actions .btn{
  min-height:33px!important;
  padding:8px 11px!important;
  font-size:10.5px!important;
}

/* ---------- Fewer bordered boxes; cleaner content canvas ---------- */
body.app-body .panel,
body.app-body .v59-panel-premium,
body.app-body .v52-action-card,
body.app-body .v52-module-card{
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:none!important;
}

body.app-body .panel{
  background:rgba(10,22,32,.54)!important;
}

.clean-content-section{
  min-width:0!important;
  padding:19px 20px!important;
  background:rgba(10,22,32,.5)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
}

.clean-section-heading{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:13px!important;
  padding-bottom:11px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}

.clean-section-heading h2{
  margin:0 0 4px!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:15px!important;
  line-height:1.2!important;
}

.clean-section-heading p{
  margin:0!important;
  color:var(--clean-muted)!important;
  font-size:10.5px!important;
}

.clean-section-heading a{
  flex:0 0 auto!important;
  color:var(--clean-teal)!important;
  font-size:10px!important;
  text-decoration:none!important;
}

/* ---------- Executive dashboard ---------- */
.clean-dashboard-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:10px 2px 18px!important;
  margin-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

.clean-dashboard-header h1{
  margin:3px 0 5px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:300!important;
  font-size:clamp(28px,2.2vw,39px)!important;
}

.clean-dashboard-header p:not(.kicker){
  margin:0!important;
  color:var(--clean-muted)!important;
  font-size:11.5px!important;
}

.clean-header-actions{
  position:relative!important;
  display:flex!important;
  gap:7px!important;
}

.clean-header-actions .btn{
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:10.5px!important;
}

.clean-more-trigger{
  width:36px!important;
  padding:0!important;
}

.clean-popover-menu,
.clean-action-menu,
.clean-project-views-menu{
  position:absolute!important;
  z-index:900!important;
  min-width:185px!important;
  padding:6px!important;
  border-radius:10px!important;
  background:#101e2a!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.34)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(5px)!important;
  pointer-events:none!important;
  transition:.15s ease!important;
}

.clean-popover-menu{
  right:0!important;
  top:calc(100% + 7px)!important;
}

.clean-popover-menu.open,
.clean-action-menu.open,
.clean-project-views-menu.open{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

.clean-popover-menu a,
.clean-action-menu button,
.clean-action-menu a,
.clean-project-views-menu a{
  width:100%!important;
  min-height:32px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  color:rgba(237,243,248,.75)!important;
  text-decoration:none!important;
  font-size:10.5px!important;
  text-align:left!important;
  white-space:nowrap!important;
}

.clean-popover-menu a:hover,
.clean-action-menu button:hover,
.clean-action-menu a:hover,
.clean-project-views-menu a:hover{
  color:#fff!important;
  background:rgba(121,218,215,.08)!important;
}

.clean-dashboard-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:14px!important;
}

.clean-dashboard-kpis article{
  min-width:0!important;
  padding:15px 16px!important;
  border-radius:12px!important;
  background:rgba(10,22,32,.5)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-areas:"label value" "unit value"!important;
  align-items:center!important;
  gap:3px 12px!important;
}

.clean-dashboard-kpis span{
  grid-area:label!important;
  color:var(--clean-muted)!important;
  font-size:10.5px!important;
}

.clean-dashboard-kpis strong{
  grid-area:value!important;
  margin:0!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
}

.clean-dashboard-kpis small{
  grid-area:unit!important;
  color:rgba(121,218,215,.75)!important;
  font-size:9.5px!important;
}

.clean-dashboard-main-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  margin-bottom:14px!important;
}

.clean-priority-list,
.clean-live-deal-list,
.clean-alert-list{
  display:grid!important;
  gap:6px!important;
}

.clean-dashboard-row{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  min-height:45px!important;
  padding:9px 10px!important;
  border-radius:8px!important;
}

.clean-dashboard-row:hover{
  background:rgba(255,255,255,.027)!important;
}

.clean-dashboard-row strong{
  display:block!important;
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.clean-dashboard-row small{
  display:block!important;
  color:var(--clean-muted)!important;
  font-size:9.8px!important;
  line-height:1.3!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.clean-dashboard-badge{
  min-height:25px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  color:var(--clean-teal)!important;
  background:rgba(121,218,215,.08)!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

.clean-alert-section{
  margin-bottom:15px!important;
}

/* ---------- One primary action; repeated row actions behind ••• ---------- */
.clean-row-action-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

.clean-action-more{
  width:32px!important;
  min-width:32px!important;
  min-height:31px!important;
  padding:0!important;
  border-radius:8px!important;
}

.clean-action-menu{
  right:0!important;
  top:calc(100% + 6px)!important;
}

.clean-action-menu button,
.clean-action-menu a{
  border-radius:6px!important;
  min-height:31px!important;
}

/* ---------- Progressive / compact forms ---------- */
.v55-tabbar{
  display:inline-flex!important;
  width:auto!important;
  gap:3px!important;
  margin-bottom:13px!important;
  padding:3px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
}

.v55-tabbar button{
  min-height:31px!important;
  padding:7px 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  font-size:10.5px!important;
}

.v55-tabbar button.active{
  background:rgba(121,218,215,.1)!important;
}

body.app-body .form,
body.app-body .qform{
  gap:10px 12px!important;
}

body.app-body .form label,
body.app-body .qform label{
  font-size:10.5px!important;
}

body.app-body .form input,
body.app-body .form select,
body.app-body .form textarea,
body.app-body .qform input,
body.app-body .qform select{
  min-height:34px!important;
  padding:7px 9px!important;
  font-size:11.5px!important;
}

/* ---------- Project area: Board/List first, Views + Filters on demand ---------- */
body[data-clean-project-ui="1"] .pm-pro-command{
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:50px!important;
  overflow:visible!important;
}

body[data-clean-project-ui="1"] .pm-pro-tabs{
  flex:1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}

body[data-clean-project-ui="1"] .pm-pro-filterbar{
  display:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 7px)!important;
  z-index:500!important;
  padding:13px!important;
  border-radius:11px!important;
  background:#101e2a!important;
  border:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.34)!important;
}

body[data-clean-project-ui="1"] .pm-pro-command{
  position:relative!important;
}

body[data-clean-project-ui="1"] .pm-pro-filterbar.clean-open{
  display:grid!important;
}

.clean-project-controls{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  position:relative!important;
}

.clean-project-controls .btn{
  min-height:31px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  border-radius:7px!important;
}

.clean-project-views-wrap{
  position:relative!important;
}

.clean-project-views-menu{
  right:0!important;
  top:calc(100% + 6px)!important;
}

body[data-clean-project-ui="1"] .pm-pro-board-panel .pm-pro-section-head{
  margin-bottom:9px!important;
}

body[data-clean-project-ui="1"] .pm-board-hint{
  display:none!important;
}

body[data-clean-project-ui="1"] .pm-column{
  width:260px!important;
  grid-auto-columns:260px!important;
}

/* ---------- Light theme parity ---------- */
body.theme-light .clean-command-sidebar,
body.theme-light .clean-popover-menu,
body.theme-light .clean-action-menu,
body.theme-light .clean-project-views-menu,
body.theme-light[data-clean-project-ui="1"] .pm-pro-filterbar{
  background:#fff!important;
  border-color:#dce4ec!important;
}

body.theme-light .clean-nav-item{
  color:#687889!important;
}

body.theme-light .clean-nav-item.active,
body.theme-light .clean-nav-item:hover{
  color:#172331!important;
  background:#eaf5f5!important;
}

body.theme-light .clean-site-link{color:#7b8a99!important}

body.theme-light .app-main{
  background:#f3f6fa!important;
}

body.theme-light .clean-content-section,
body.theme-light .clean-dashboard-kpis article{
  background:#fff!important;
  border-color:#dce4ec!important;
}

body.theme-light .clean-dashboard-header,
body.theme-light .clean-module-tabs,
body.theme-light .clean-section-heading{
  border-color:#dce4ec!important;
}

body.theme-light .clean-dashboard-header h1,
body.theme-light .clean-section-heading h2,
body.theme-light .clean-dashboard-kpis strong,
body.theme-light .clean-dashboard-row strong{
  color:#172331!important;
}

body.theme-light .clean-dashboard-header p:not(.kicker),
body.theme-light .clean-section-heading p,
body.theme-light .clean-dashboard-row small{
  color:#687889!important;
}

body.theme-light .clean-dashboard-row:hover{
  background:#f6f9fb!important;
}

body.theme-light .clean-popover-menu a,
body.theme-light .clean-action-menu button,
body.theme-light .clean-action-menu a,
body.theme-light .clean-project-views-menu a{
  color:#536577!important;
}

body.theme-light .clean-popover-menu a:hover,
body.theme-light .clean-action-menu button:hover,
body.theme-light .clean-action-menu a:hover,
body.theme-light .clean-project-views-menu a:hover{
  color:#172331!important;
  background:#eaf5f5!important;
}

/* ---------- Responsive ---------- */
@media(max-width:1200px){
  :root{--clean-sidebar:196px}
  .clean-dashboard-main-grid{grid-template-columns:1fr!important}
  .clean-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .clean-module-tabs a{font-size:10px!important;padding:7px 8px!important}
}

@media(max-width:850px){
  :root{--clean-sidebar:76px}
  .clean-command-sidebar{padding-left:8px!important;padding-right:8px!important}
  .clean-command-sidebar .app-logo span{font-size:18px!important;letter-spacing:.11em!important}
  .clean-command-sidebar .app-logo small,
  .clean-command-sidebar .sidebar-subtitle,
  .clean-command-sidebar .v53-account-pill,
  .clean-nav-item > span:last-child,
  .clean-sidebar-footer #themeToggleText,
  .clean-site-link{display:none!important}
  .clean-nav-item{justify-content:center!important;padding:9px!important}
  .clean-nav-icon{width:19px!important;height:19px!important;flex-basis:19px!important}
  .clean-sidebar-footer .theme-toggle-btn{justify-content:center!important}
  body.app-body .app-main{padding:18px 18px 34px!important}
  .clean-dashboard-header{align-items:flex-start!important}
  body[data-clean-project-ui="1"] .pm-pro-filterbar{grid-template-columns:1fr 1fr!important}
}

@media(max-width:620px){
  :root{--clean-sidebar:0px}
  .clean-command-sidebar{display:none!important}
  body.app-body .app-main{margin-left:0!important;width:100%!important;padding:14px 14px 30px!important}
  .clean-dashboard-header{display:grid!important;grid-template-columns:1fr!important}
  .clean-dashboard-kpis{grid-template-columns:1fr!important}
  .clean-section-heading{display:grid!important;grid-template-columns:1fr!important}
  .clean-module-tabs{margin-top:0!important}
  body[data-clean-project-ui="1"] .pm-pro-command{align-items:flex-start!important;flex-direction:column!important}
  body[data-clean-project-ui="1"] .pm-pro-filterbar{grid-template-columns:1fr!important}
}

/* V74 Refinery Product & Supply Management */
.refinery-page{max-width:none!important}.refinery-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.refinery-kpis article{padding:16px;border:1px solid var(--clean-line);border-radius:12px;background:var(--clean-panel);display:grid;grid-template-columns:1fr auto;gap:4px 12px}.refinery-kpis span{font-size:10.5px;color:var(--clean-muted)}.refinery-kpis strong{grid-row:1/3;grid-column:2;font-size:25px}.refinery-kpis small{font-size:9.5px;color:var(--clean-teal)}.refinery-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.refinery-layout>.panel{margin:0!important;min-width:0}.refinery-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.refinery-section-head h2{margin:0 0 4px;font-size:17px}.refinery-section-head p{margin:0;color:var(--clean-muted);font-size:11px;line-height:1.45}.refinery-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(2,minmax(140px,190px));gap:8px;margin-bottom:12px}.refinery-toolbar input,.refinery-toolbar select{width:100%;min-height:36px;padding:8px 10px;border-radius:8px}.refinery-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.refinery-card{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}.refinery-card-top{display:flex;justify-content:space-between}.refinery-card-top button,.table-action{border:0;background:transparent;color:var(--clean-muted);cursor:pointer}.refinery-card h3{margin:12px 0 5px;font-size:15px}.refinery-card p{margin:0 0 14px;font-size:10.5px;color:var(--clean-muted)}.refinery-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px}.refinery-card dl div{padding:9px;border-radius:8px;background:rgba(255,255,255,.025)}.refinery-card dt{font-size:9px;color:var(--clean-muted)}.refinery-card dd{margin:3px 0 0;font-size:10.5px}.refinery-card a{font-size:10px;color:var(--clean-teal);text-decoration:none}.status{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;font-size:9px;background:rgba(255,255,255,.06);white-space:nowrap}.status.approved{color:#86e4b3;background:rgba(69,190,122,.11)}.status.submitted,.status.under-review,.status.data-requested{color:#8ddfe2;background:rgba(82,180,189,.11)}.status.changes-required{color:#ffd18b;background:rgba(224,154,52,.11)}.refinery-side-panel hr{border:0;border-top:1px solid rgba(255,255,255,.07);margin:18px 0}.completion-ring{--pct:0;width:116px;height:116px;margin:18px auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--clean-teal) calc(var(--pct)*1%),rgba(255,255,255,.06) 0);position:relative}.completion-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0c1924}.completion-ring strong{z-index:1;font-size:22px}.refinery-side-panel>p{text-align:center;font-size:10px;color:var(--clean-muted)}.refinery-governance{display:grid;grid-template-columns:1fr auto;gap:5px 12px;margin-bottom:14px}.refinery-governance span{font-size:10px}.refinery-governance strong{font-size:15px}.refinery-governance small{grid-column:1/3;color:var(--clean-muted);font-size:9px;margin-bottom:8px}.refinery-modal{position:fixed;inset:0;z-index:3000;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(5px)}.refinery-modal.open{display:grid}.refinery-modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#0d1a25;box-shadow:0 30px 90px rgba(0,0,0,.45)}.refinery-modal-wide{width:min(980px,100%)}.refinery-close{border:0;background:transparent;color:#fff;font-size:25px;cursor:pointer}.refinery-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.refinery-span-2{grid-column:1/-1}.refinery-form-actions{display:flex;justify-content:flex-end;gap:8px}.refinery-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.065);border-radius:10px}.refinery-table{width:100%;border-collapse:collapse;min-width:780px}.refinery-table th,.refinery-table td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px;vertical-align:middle}.refinery-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--clean-muted);background:rgba(255,255,255,.025)}.refinery-table td strong,.refinery-table td small{display:block}.refinery-table td small{margin-top:3px;color:var(--clean-muted);font-size:9px}.empty{padding:24px!important;text-align:center!important;color:var(--clean-muted)!important}.refinery-pricing-layout{grid-template-columns:minmax(0,1fr) 330px}.pricing-output{text-align:center}.pricing-output>strong{display:block;font-size:36px;margin-top:18px}.pricing-output>span{font-size:10px;color:var(--clean-muted)}.pricing-breakdown{display:grid;gap:8px;margin:22px 0;text-align:left}.pricing-breakdown div,.pricing-total{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.pricing-total{margin-bottom:16px;font-size:12px}.permission-list{display:grid;gap:11px}.permission-list div{padding:12px;border-radius:9px;background:rgba(255,255,255,.025)}.permission-list strong,.permission-list span{display:block}.permission-list strong{font-size:10.5px;margin-bottom:4px}.permission-list span{font-size:9.5px;color:var(--clean-muted);line-height:1.45}.checkbox-label{display:flex!important;align-items:center;gap:8px}.checkbox-label input{width:auto!important;min-height:auto!important}.refinery-page>.panel+ .panel{margin-top:14px!important}
body.theme-light .refinery-card,body.theme-light .refinery-modal-card,body.theme-light .refinery-table th,body.theme-light .permission-list div{background:#fff!important;border-color:#dce4ec!important}body.theme-light .refinery-modal{background:rgba(38,49,61,.38)}body.theme-light .refinery-modal-card{color:#172331}body.theme-light .completion-ring:after{background:#fff}body.theme-light .refinery-table th,body.theme-light .refinery-table td{border-color:#e5ebf0!important}
@media(max-width:1100px){.refinery-layout,.refinery-pricing-layout{grid-template-columns:1fr}.refinery-side-panel{order:-1}.refinery-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.refinery-card-grid{grid-template-columns:1fr}.refinery-toolbar{grid-template-columns:1fr}.refinery-form{grid-template-columns:1fr!important}.refinery-span-2{grid-column:auto}.refinery-section-head{flex-direction:column}.refinery-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.refinery-kpis{grid-template-columns:1fr}.refinery-modal{padding:8px}.refinery-modal-card{padding:16px;border-radius:12px}.pricing-output>strong{font-size:29px}}

/* V75 HIGH-ASSURANCE QA POLISH — refinery master data and responsive consistency */
*,*::before,*::after{box-sizing:border-box}
html{min-width:0;overflow-x:hidden}
body{min-width:0}
.app-main,.panel,.clean-module-tabs,.v59-topbar{min-width:0}
img,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button,.btn,a{touch-action:manipulation}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--clean-teal);outline-offset:2px}
input,select,textarea{max-width:100%}
.panel,.refinery-card,.permission-list div{overflow-wrap:anywhere}
.refinery-toolbar-two{grid-template-columns:minmax(220px,1fr) minmax(160px,220px)}
.refinery-card-top{align-items:center;gap:10px}
.refinery-inline-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.table-action{padding:5px 4px;min-height:28px;font-weight:600;font-size:9.5px;white-space:nowrap}
.danger-text{color:#f19a9a!important}
.danger-btn{border-color:rgba(228,104,104,.36)!important;color:#f2aaaa!important}
.refinery-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.refinery-card dd{line-height:1.35;overflow-wrap:anywhere}
.refinery-form>input[type="hidden"]{display:none}
.refinery-form-section{margin:8px 0 0;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}
.refinery-form-section>div{display:grid;grid-template-columns:28px 1fr;gap:1px 8px;align-items:center}
.refinery-form-section span{grid-row:1/3;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(82,180,189,.12);color:var(--clean-teal);font-size:9px;font-weight:700}
.refinery-form-section strong{font-size:11px}
.refinery-form-section small{font-size:9px;color:var(--clean-muted);line-height:1.35}
.internal-commercial-block{border-color:rgba(82,180,189,.18);background:rgba(82,180,189,.035)}
.spec-editor{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.012)}
.spec-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.spec-editor-head strong,.spec-editor-head small{display:block}
.spec-editor-head strong{font-size:10.5px;margin-bottom:3px}
.spec-editor-head small{font-size:9px;color:var(--clean-muted);line-height:1.4}
.spec-row-list{display:grid;gap:7px}
.spec-row{display:grid;grid-template-columns:1.25fr 1fr .55fr 1fr 30px;gap:7px;align-items:center}
.spec-row input{min-width:0;width:100%;min-height:34px;padding:7px 9px;border-radius:7px}
.spec-remove{width:30px;height:30px;border:0;border-radius:7px;background:rgba(228,104,104,.08);color:#f2aaaa;cursor:pointer;font-size:18px}
.btn.compact{min-height:30px;padding:6px 9px;font-size:9px}
.refinery-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:11px 13px;border:1px solid rgba(82,180,189,.16);border-radius:10px;background:rgba(82,180,189,.045)}
.refinery-notice strong{flex:0 0 auto;font-size:10px;color:var(--clean-teal)}
.refinery-notice span{font-size:9.5px;color:var(--clean-muted);line-height:1.45}
.refinery-notice.warning{border-color:rgba(224,154,52,.2);background:rgba(224,154,52,.045)}
.refinery-notice.warning strong{color:#ffd18b}
.pricing-validation{min-height:16px;margin:0 0 10px;color:#f2aaaa;font-size:9px;line-height:1.4}
.review-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:255px}
.product-master-table{min-width:1050px}
.supplier-submission-table{min-width:1120px}
.refinery-table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin}
.refinery-table td{line-height:1.4}
.refinery-table td .refinery-inline-actions{justify-content:flex-start;flex-wrap:nowrap}
.refinery-modal-card{scrollbar-width:thin}
.refinery-close{display:grid;place-items:center;width:34px;height:34px;min-width:34px;padding:0;border-radius:8px;line-height:1}

body.theme-light .refinery-form-section,body.theme-light .spec-editor{border-color:#dce4ec;background:#f8fafc}
body.theme-light .internal-commercial-block{border-color:#c7e2e5;background:#f2f9fa}
body.theme-light .spec-remove{background:#fff2f2;color:#a94444}
body.theme-light .refinery-notice{border-color:#c7e2e5;background:#f2f9fa}
body.theme-light .refinery-notice.warning{border-color:#ead8b8;background:#fffaf1}
body.theme-light .danger-text{color:#a94444!important}

@media(max-width:1100px){
  .refinery-modal-wide{width:min(900px,100%)}
  .review-actions{min-width:220px}
}
@media(max-width:760px){
  .refinery-toolbar-two{grid-template-columns:1fr}
  .refinery-modal{align-items:start;overflow-y:auto;padding:10px}
  .refinery-modal-card{max-height:none;margin:8px 0;padding:16px}
  .refinery-form-section,.spec-editor{grid-column:auto}
  .refinery-span-2{grid-column:auto}
  .spec-editor-head{flex-direction:column}
  .spec-row{grid-template-columns:1fr 1fr 30px}
  .spec-row .spec-method{grid-column:1/3}
  .refinery-form-actions{width:100%;flex-wrap:wrap}
  .refinery-form-actions .btn{flex:1 1 130px;justify-content:center}
  .refinery-notice{flex-direction:column;gap:4px}
  .clean-module-tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .clean-module-tabs::-webkit-scrollbar{display:none}
  .clean-module-tabs a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:480px){
  .refinery-kpis{grid-template-columns:1fr}
  .refinery-card dl{grid-template-columns:1fr}
  .spec-row{grid-template-columns:1fr 30px}
  .spec-row input{grid-column:1}
  .spec-row .spec-method{grid-column:1}
  .spec-remove{grid-column:2;grid-row:1/5;align-self:stretch;height:auto}
  .refinery-inline-actions{gap:5px}
  .refinery-section-head>.btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V75 final hierarchy and narrow-screen topbar correction */
.refinery-page .refinery-section-head h2,
.refinery-page .refinery-side-panel h2,
.refinery-page .refinery-modal-card h2{font-size:15px!important;line-height:1.2!important;margin:0 0 4px!important;letter-spacing:0!important}
.refinery-page .refinery-card h3{font-size:14px!important;line-height:1.25!important;margin:12px 0 5px!important}
.refinery-page .permission-list strong{font-size:10.5px!important}
@media(max-width:620px){
  .v59-topbar,.topbar,.app-topbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;padding:10px 12px!important}
  .v59-brand-block{min-width:0!important;overflow:hidden!important}
  .v59-brand-block span{display:none!important}
  .v59-brand-block b{min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important}
  .v59-topbar-actions{gap:5px!important}
  .v59-topbar-actions>.v59-icon-btn:first-child{display:none!important}
  .v59-user-pill{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}
  .v59-user-pill b{display:none!important}
  .v59-icon-btn{width:40px!important;height:40px!important}
  .v59-search-trigger{grid-column:1/-1!important;height:40px!important;border-radius:12px!important;padding:0 12px!important}
  .v59-search-trigger kbd{display:none!important}
}

/* =========================================================
   V77 FULL UI RESTORATION + RESPONSIVE THEME REPAIR
   Restores the premium Lankom sidebar visual language while
   keeping V75 refinery functionality and reliable light/dark.
   ========================================================= */
:root{
  --clean-sidebar:252px;
  --v77-topbar:72px;
  --v77-bg:#07131d;
  --v77-bg-deep:#040a11;
  --v77-panel:rgba(13,27,39,.74);
  --v77-panel-solid:#0d1a26;
  --v77-border:rgba(157,218,220,.12);
  --v77-border-strong:rgba(121,218,215,.22);
  --v77-text:#eef5f8;
  --v77-muted:rgba(232,242,248,.64);
  --v77-teal:#79dad7;
  --v77-teal-2:#45c7c2;
  --v77-soft:#112532;
  --v77-radius:18px;
}
html.theme-light-early,body.theme-light{color-scheme:light;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.app-body,body.live-data-mode,body:has(.sidebar):has(.app-main){
  margin:0!important;
  min-height:100vh!important;
  display:block!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 82% 2%,rgba(121,218,215,.12),transparent 30%),
    radial-gradient(circle at 8% 96%,rgba(52,96,142,.15),transparent 30%),
    linear-gradient(135deg,#050b12,#07131d 46%,#04080e)!important;
  color:var(--v77-text)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}
body.app-body a{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;}
body.app-body .app-main{min-width:0!important;}
body.app-body .app-main *{max-width:100%;}
body.app-body img,body.app-body svg{max-width:100%;}

/* Sidebar restored to premium wordmark style */
.sidebar.clean-command-sidebar,
body.app-body .sidebar.clean-command-sidebar{
  position:fixed!important;
  left:0!important;top:0!important;bottom:0!important;
  width:var(--clean-sidebar)!important;
  z-index:90!important;
  padding:20px 14px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% -10%,rgba(121,218,215,.15),transparent 34%),
    linear-gradient(180deg,rgba(3,8,14,.98),rgba(5,12,19,.98) 52%,rgba(3,8,14,.98))!important;
  border-right:1px solid rgba(255,255,255,.08)!important;
  box-shadow:18px 0 62px rgba(0,0,0,.30)!important;
}
.sidebar.clean-command-sidebar .app-logo{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  margin:0 6px 8px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  text-decoration:none!important;
}
.sidebar.clean-command-sidebar .app-logo::before{content:none!important;display:none!important;}
.sidebar.clean-command-sidebar .app-logo span{
  font-family:Georgia,"Times New Roman",serif!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:300!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.sidebar.clean-command-sidebar .app-logo small{
  margin-top:8px!important;
  color:var(--v77-teal)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.38em!important;
  text-transform:uppercase!important;
}
.sidebar.clean-command-sidebar .sidebar-subtitle{
  display:block!important;
  margin:0 6px 12px!important;
  color:rgba(232,242,248,.58)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
.sidebar.clean-command-sidebar .v53-account-pill{
  width:calc(100% - 8px)!important;
  min-height:34px!important;
  margin:0 4px 16px!important;
  padding:8px 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-radius:999px!important;
  border:1px solid rgba(121,218,215,.28)!important;
  background:linear-gradient(90deg,rgba(121,218,215,.105),rgba(121,218,215,.045))!important;
  color:rgba(245,250,252,.90)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.clean-sidebar-primary{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:2px 0 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(121,218,215,.26) transparent!important;
}
.clean-sidebar-primary::-webkit-scrollbar{width:6px!important;display:block!important;}
.clean-sidebar-primary::-webkit-scrollbar-thumb{background:rgba(121,218,215,.24)!important;border-radius:999px!important;}
.sidebar.clean-command-sidebar .clean-nav-item,
.sidebar.clean-command-sidebar .clean-sidebar-primary>a.clean-nav-item{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:rgba(232,242,248,.70)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.sidebar.clean-command-sidebar .clean-nav-item>span:last-child{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.sidebar.clean-command-sidebar .clean-nav-icon{
  width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;
  display:grid!important;place-items:center!important;
  color:rgba(121,218,215,.86)!important;
}
.sidebar.clean-command-sidebar .clean-nav-icon svg{
  width:17px!important;height:17px!important;display:block!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
.sidebar.clean-command-sidebar .clean-nav-item:hover{
  color:#fff!important;
  transform:translateX(2px)!important;
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(121,218,215,.12)!important;
}
.sidebar.clean-command-sidebar .clean-nav-item.active,
.sidebar.clean-command-sidebar .clean-nav-item[aria-current="page"]{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(121,218,215,.16),rgba(121,218,215,.055))!important;
  border-color:rgba(121,218,215,.20)!important;
  box-shadow:inset 3px 0 0 var(--v77-teal),0 10px 28px rgba(0,0,0,.14)!important;
}
.sidebar.clean-command-sidebar .clean-nav-item.active .clean-nav-icon{color:#a8fffb!important;}
.clean-sidebar-footer{
  flex:0 0 auto!important;
  margin:0!important;
  padding:12px 0 0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  border-top:1px solid rgba(255,255,255,.075)!important;
}
.sidebar.clean-command-sidebar .theme-toggle-btn,
.sidebar.clean-command-sidebar button.theme-toggle-btn{
  width:100%!important;
  min-height:40px!important;
  padding:5px 7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;
  color:#f3fafb!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.sidebar.clean-command-sidebar .theme-toggle-btn:hover{
  border-color:rgba(121,218,215,.30)!important;
  background:rgba(121,218,215,.10)!important;
}
.sidebar.clean-command-sidebar .theme-toggle-icon{
  width:28px!important;height:28px!important;min-width:28px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--v77-teal),#d8fffd)!important;
  color:#07131d!important;
  font-size:13px!important;
  line-height:1!important;
}
.sidebar.clean-command-sidebar #themeToggleText{
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.sidebar.clean-command-sidebar .clean-site-link{
  min-height:34px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  color:rgba(232,242,248,.50)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
  text-decoration:none!important;
}
.sidebar.clean-command-sidebar .clean-site-link:hover{background:rgba(255,255,255,.045)!important;color:#fff!important;}

/* App canvas and topbar alignment */
body.app-body .app-main,
body:has(.sidebar):has(.app-main) .app-main{
  margin-left:var(--clean-sidebar)!important;
  width:calc(100% - var(--clean-sidebar))!important;
  min-height:100vh!important;
  padding:22px clamp(20px,2.1vw,34px) 42px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(121,218,215,.055),transparent 25%),
    transparent!important;
  color:var(--v77-text)!important;
}
.v59-topbar,.topbar,.app-topbar{
  left:var(--clean-sidebar)!important;
  width:calc(100% - var(--clean-sidebar))!important;
  right:auto!important;
  height:var(--v77-topbar)!important;
  min-width:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(5,12,19,.88),rgba(5,12,19,.72))!important;
  backdrop-filter:blur(14px)!important;
}
.v59-brand-block,.v59-search-trigger,.v59-topbar-actions{min-width:0!important;}
.v59-brand-block b,.v59-brand-block span,.v59-search-trigger span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* Global formatting repairs */
body.app-body .panel,
body.app-body .clean-content-section,
body.app-body .v59-panel-premium,
body.app-body .v52-action-card,
body.app-body .v52-module-card,
body.app-body .v43-card,
body.app-body .pm-card,
body.app-body .pm-column,
body.app-body .refinery-card,
body.app-body .clean-dashboard-kpis article,
body.app-body .clean-dashboard-row{
  background:var(--v77-panel)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  box-shadow:0 14px 42px rgba(0,0,0,.18)!important;
  min-width:0!important;
}
body.app-body .app-header,
body.app-body .clean-dashboard-header,
body.app-body .pm-pro-header{
  border-color:rgba(255,255,255,.08)!important;
}
body.app-body h1,body.app-body h2,body.app-body h3{overflow-wrap:anywhere;}
body.app-body p,body.app-body small,body.app-body label,body.app-body td,body.app-body th,body.app-body a,body.app-body button{overflow-wrap:anywhere;}
body.app-body input,body.app-body select,body.app-body textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f9fb!important;
  outline:none!important;
}
body.app-body input:focus,body.app-body select:focus,body.app-body textarea:focus{
  border-color:rgba(121,218,215,.45)!important;
  box-shadow:0 0 0 3px rgba(121,218,215,.10)!important;
}
body.app-body input::placeholder,body.app-body textarea::placeholder{color:rgba(232,242,248,.38)!important;}
body.app-body .table,body.app-body .refinery-table-wrap,body.app-body [class*="table-wrap"],body.app-body .pm-pro-table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
}
body.app-body table{max-width:100%;}
body.app-body .btn,body.app-body button{max-width:100%;}
body.app-body .modal,body.app-body .refinery-modal{z-index:3000!important;}
body.app-body .modal-card,body.app-body .refinery-modal-card{max-width:calc(100vw - 32px)!important;}

/* Light mode that actually reads like a premium business app */
html.theme-light-early body,
body.theme-light,
body.theme-light.app-body,
body.theme-light.live-data-mode,
body.theme-light:has(.sidebar):has(.app-main){
  --v77-bg:#f4f7fb;
  --v77-bg-deep:#eef3f7;
  --v77-panel:#ffffff;
  --v77-panel-solid:#ffffff;
  --v77-border:rgba(31,64,88,.14);
  --v77-border-strong:rgba(15,134,132,.22);
  --v77-text:#132235;
  --v77-muted:#617185;
  --v77-teal:#148f8d;
  --v77-teal-2:#087d7b;
  color:#132235!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(20,143,141,.08),transparent 28%),
    linear-gradient(135deg,#f6f8fb,#eef3f7)!important;
}
body.theme-light .sidebar.clean-command-sidebar{
  background:linear-gradient(180deg,#ffffff,#f8fbfd)!important;
  border-right:1px solid #dce5ed!important;
  box-shadow:14px 0 42px rgba(31,64,88,.08)!important;
}
body.theme-light .sidebar.clean-command-sidebar .app-logo{border-bottom-color:#e3ebf1!important;}
body.theme-light .sidebar.clean-command-sidebar .app-logo span{color:#132235!important;}
body.theme-light .sidebar.clean-command-sidebar .app-logo small,
body.theme-light .sidebar.clean-command-sidebar .clean-nav-icon,
body.theme-light .kicker{color:#148f8d!important;}
body.theme-light .sidebar.clean-command-sidebar .sidebar-subtitle{color:#7a8796!important;}
body.theme-light .sidebar.clean-command-sidebar .v53-account-pill{
  color:#203344!important;background:#eefafa!important;border-color:#c9e6e6!important;
}
body.theme-light .sidebar.clean-command-sidebar .clean-nav-item{color:#607184!important;}
body.theme-light .sidebar.clean-command-sidebar .clean-nav-item:hover{background:#eef6f7!important;border-color:#d6ecec!important;color:#132235!important;}
body.theme-light .sidebar.clean-command-sidebar .clean-nav-item.active,
body.theme-light .sidebar.clean-command-sidebar .clean-nav-item[aria-current="page"]{
  color:#102333!important;background:linear-gradient(90deg,#e6f7f7,#f6fbfb)!important;border-color:#c5e2e2!important;box-shadow:inset 3px 0 0 #148f8d,0 10px 26px rgba(31,64,88,.06)!important;
}
body.theme-light .clean-sidebar-footer{border-top-color:#e3ebf1!important;}
body.theme-light .sidebar.clean-command-sidebar .theme-toggle-btn{background:#eef3f7!important;border-color:#d4e0e8!important;color:#132235!important;}
body.theme-light .sidebar.clean-command-sidebar .theme-toggle-icon{background:linear-gradient(135deg,#0f8f8c,#0b6e73)!important;color:#fff!important;}
body.theme-light .sidebar.clean-command-sidebar .clean-site-link{color:#647486!important;}
body.theme-light .sidebar.clean-command-sidebar .clean-site-link:hover{background:#eef6f7!important;color:#132235!important;}
body.theme-light .v59-topbar,body.theme-light .topbar,body.theme-light .app-topbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid #dce5ed!important;box-shadow:0 10px 32px rgba(31,64,88,.07)!important;}
body.theme-light .app-main,body.theme-light.app-body .app-main,body.theme-light:has(.sidebar):has(.app-main) .app-main{color:#132235!important;background:transparent!important;}
body.theme-light.app-body .panel,
body.theme-light.app-body .clean-content-section,
body.theme-light.app-body .v59-panel-premium,
body.theme-light.app-body .v52-action-card,
body.theme-light.app-body .v52-module-card,
body.theme-light.app-body .v43-card,
body.theme-light.app-body .pm-card,
body.theme-light.app-body .pm-column,
body.theme-light.app-body .refinery-card,
body.theme-light.app-body .clean-dashboard-kpis article,
body.theme-light.app-body .clean-dashboard-row,
body.theme-light .permission-list div{
  background:#ffffff!important;border-color:#dce5ed!important;color:#132235!important;box-shadow:0 10px 34px rgba(31,64,88,.06)!important;
}
body.theme-light .clean-dashboard-header h1,
body.theme-light .app-main h1,
body.theme-light .app-main h2,
body.theme-light .app-main h3,
body.theme-light .panel h2,
body.theme-light .panel h3,
body.theme-light .clean-section-heading h2,
body.theme-light .clean-dashboard-row strong,
body.theme-light .row strong,
body.theme-light .modal h2,
body.theme-light .refinery-modal-card h2{color:#132235!important;}
body.theme-light .muted,
body.theme-light .app-main p,
body.theme-light .app-main label,
body.theme-light .app-main small,
body.theme-light .clean-section-heading p,
body.theme-light .clean-dashboard-row small,
body.theme-light .refinery-card p,
body.theme-light .refinery-card dt,
body.theme-light .refinery-table td small{color:#617185!important;}
body.theme-light.app-body input,
body.theme-light.app-body select,
body.theme-light.app-body textarea{background:#fff!important;border-color:#d2dde6!important;color:#132235!important;}
body.theme-light.app-body input::placeholder,body.theme-light.app-body textarea::placeholder{color:#98a5b3!important;}
body.theme-light .btn,body.theme-light.app-body button,body.theme-light .app-main button{color:#132235!important;background:#eef3f7!important;border-color:#d4e0e8!important;}
body.theme-light .btn.primary,body.theme-light.app-body button.primary,body.theme-light .app-main button.primary{color:#fff!important;background:#148f8d!important;border-color:#148f8d!important;}
body.theme-light .refinery-table th{background:#f3f7fa!important;color:#617185!important;}
body.theme-light .refinery-table th,body.theme-light .refinery-table td{border-color:#e6edf2!important;}
body.theme-light .refinery-modal-card{background:#fff!important;color:#132235!important;border-color:#dce5ed!important;}
body.theme-light .refinery-close{color:#132235!important;background:#eef3f7!important;}

/* Responsive polish */
@media(max-width:1180px){
  :root{--clean-sidebar:228px;}
  .sidebar.clean-command-sidebar .app-logo span{font-size:21px!important;letter-spacing:.15em!important;}
  .sidebar.clean-command-sidebar .clean-nav-item{font-size:11.5px!important;padding:0 10px!important;gap:9px!important;}
  .v59-topbar,.topbar,.app-topbar{grid-template-columns:auto minmax(180px,1fr) minmax(220px,360px) auto!important;gap:12px!important;}
}
@media(max-width:920px){
  :root{--clean-sidebar:82px;}
  .sidebar.clean-command-sidebar{padding:16px 10px!important;align-items:center!important;}
  .sidebar.clean-command-sidebar .app-logo{width:56px!important;margin:0 0 12px!important;padding:0 0 12px!important;align-items:center!important;}
  .sidebar.clean-command-sidebar .app-logo span{font-size:18px!important;letter-spacing:.06em!important;}
  .sidebar.clean-command-sidebar .app-logo small,
  .sidebar.clean-command-sidebar .sidebar-subtitle,
  .sidebar.clean-command-sidebar .v53-account-pill,
  .sidebar.clean-command-sidebar .clean-nav-item>span:last-child,
  .sidebar.clean-command-sidebar #themeToggleText,
  .sidebar.clean-command-sidebar .clean-site-link{display:none!important;}
  .sidebar.clean-command-sidebar .clean-nav-item{width:50px!important;height:46px!important;min-height:46px!important;justify-content:center!important;padding:0!important;border-radius:14px!important;}
  .sidebar.clean-command-sidebar .clean-nav-icon{width:21px!important;height:21px!important;min-width:21px!important;margin:0!important;}
  .sidebar.clean-command-sidebar .theme-toggle-btn{width:50px!important;height:46px!important;min-height:46px!important;justify-content:center!important;padding:0!important;border-radius:14px!important;}
  .sidebar.clean-command-sidebar .theme-toggle-icon{width:29px!important;height:29px!important;min-width:29px!important;}
  .v59-search-trigger{max-width:360px!important;}
}
@media(max-width:720px){
  :root{--clean-sidebar:0px;--v77-topbar:auto;}
  body.app-body,body.live-data-mode,body:has(.sidebar):has(.app-main){padding-top:0!important;}
  .sidebar.clean-command-sidebar{
    position:sticky!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;
    width:100%!important;height:auto!important;min-height:96px!important;max-height:none!important;
    padding:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px 10px!important;align-items:center!important;overflow:visible!important;border-right:0!important;border-bottom:1px solid var(--v77-border)!important;
  }
  .sidebar.clean-command-sidebar .app-logo{grid-column:1!important;grid-row:1!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;align-items:flex-start!important;}
  .sidebar.clean-command-sidebar .app-logo span{display:block!important;font-size:18px!important;letter-spacing:.14em!important;}
  .sidebar.clean-command-sidebar .app-logo small{display:block!important;font-size:8px!important;letter-spacing:.26em!important;margin-top:6px!important;}
  .sidebar.clean-command-sidebar .sidebar-subtitle,.sidebar.clean-command-sidebar .v53-account-pill,.sidebar.clean-command-sidebar .clean-site-link{display:none!important;}
  .clean-sidebar-primary{grid-column:1 / -1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;scrollbar-width:none!important;}
  .clean-sidebar-primary::-webkit-scrollbar{display:none!important;}
  .sidebar.clean-command-sidebar .clean-nav-item{width:auto!important;min-width:max-content!important;height:39px!important;min-height:39px!important;padding:0 12px!important;border-radius:999px!important;justify-content:flex-start!important;gap:7px!important;}
  .sidebar.clean-command-sidebar .clean-nav-item>span:last-child{display:block!important;font-size:10.5px!important;max-width:110px!important;}
  .sidebar.clean-command-sidebar .clean-nav-icon{width:17px!important;height:17px!important;min-width:17px!important;}
  .sidebar.clean-command-sidebar .clean-nav-icon svg{width:15px!important;height:15px!important;}
  .clean-sidebar-footer{grid-column:2!important;grid-row:1!important;border:0!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;}
  .sidebar.clean-command-sidebar .theme-toggle-btn{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:13px!important;}
  .sidebar.clean-command-sidebar .theme-toggle-icon{width:28px!important;height:28px!important;min-width:28px!important;}
  body.app-body .app-main,body:has(.sidebar):has(.app-main) .app-main{margin-left:0!important;width:100%!important;padding:18px 14px 36px!important;}
  .v59-topbar,.topbar,.app-topbar{position:sticky!important;left:0!important;width:100%!important;right:0!important;height:auto!important;min-height:64px!important;grid-template-columns:auto minmax(0,1fr) auto!important;padding:12px 14px!important;gap:10px!important;}
  .v59-search-trigger{grid-column:1 / -1!important;max-width:none!important;width:100%!important;}
}
@media(max-width:480px){
  .clean-dashboard-kpis,.kpi,.refinery-kpis{grid-template-columns:1fr!important;}
  .clean-dashboard-header,.app-header,.refinery-section-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .clean-header-actions,.refinery-section-head>div:last-child{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
  .clean-header-actions .btn,.refinery-section-head .btn{flex:1 1 auto!important;}
  .v59-brand-block span{display:none!important;}
}


/* V79 unified Lankom navigation */
.v67-client-link{
  border:1px solid rgba(105,243,237,.30)!important;
  padding:11px 15px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(105,243,237,.08),rgba(208,176,106,.055))!important;
  color:#fff!important;
}
.v67-client-link:hover{
  border-color:rgba(208,176,106,.55)!important;
  background:linear-gradient(135deg,rgba(105,243,237,.13),rgba(208,176,106,.10))!important;
}


/* =========================================================
   V79.3 LANKOM PETROLEUM MASTER BRAND STANDARD
   Client Portal is the reference for palette, hierarchy and tone.
   ========================================================= */
:root{
  --lankom-navy:#09121b;
  --lankom-navy-2:#0e1a25;
  --lankom-navy-3:#142532;
  --lankom-gold:#b68a43;
  --lankom-gold-2:#d0b06a;
  --lankom-teal:#56c9c1;
  --lankom-silver:#eef2f5;
}
body.v67-body{background:var(--lankom-navy)!important}
body.v67-body .v67-nav{border-bottom-color:rgba(255,255,255,.075)!important}
body.v67-body .v67-eyebrow,
body.v67-body .v73-login-kicker{color:var(--lankom-gold-2)!important}
body.v67-body .v67-platform-link{
  border-color:rgba(208,176,106,.42)!important;
  background:linear-gradient(135deg,rgba(182,138,67,.15),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 0 0 1px rgba(208,176,106,.05)!important;
}
body.v67-body .v67-client-link{
  border-color:rgba(86,201,193,.34)!important;
  background:linear-gradient(135deg,rgba(86,201,193,.10),rgba(255,255,255,.025))!important;
}
body.v67-body .v67-platform-link:hover{border-color:rgba(208,176,106,.72)!important}
body.v67-body .v67-client-link:hover{border-color:rgba(86,201,193,.64)!important}
.v73-login-page .v73-login-kicker,.auth-body .kicker{color:var(--lankom-gold-2)!important}
.v79-local-qa-only{border-style:dashed!important}

/* =========================================================
   V79.10 DEAL INTELLIGENCE REGISTRATION
   Missing V53 register styles restored and aligned to the
   Lankom Petroleum / Client Portal master visual language.
   ========================================================= */
body.auth-body.v53-auth-body{
  margin:0!important;
  min-height:100vh!important;
  background:#07111a!important;
  color:#eef2f5!important;
  font-family:Arial,Helvetica,sans-serif!important;
  overflow-x:hidden!important;
}
body.auth-body.v53-auth-body .site-video{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:-4!important;
  filter:brightness(.78) contrast(1.10) saturate(.92)!important;
}
body.auth-body.v53-auth-body .site-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:
    linear-gradient(90deg,rgba(4,10,16,.94),rgba(5,13,21,.67),rgba(4,10,16,.92)),
    radial-gradient(circle at 78% 26%,rgba(86,201,193,.12),transparent 30%),
    radial-gradient(circle at 18% 76%,rgba(182,138,67,.08),transparent 28%),
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.58))!important;
}
.v53-auth-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:92px!important;
  z-index:50!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 52px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(3,8,13,.82),rgba(3,8,13,.28))!important;
  backdrop-filter:blur(10px)!important;
}
.v53-auth-logo{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-decoration:none!important;
  color:#fff!important;
  min-width:154px!important;
}
.v53-auth-logo span{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:25px!important;
  line-height:1!important;
  font-weight:300!important;
  letter-spacing:.32em!important;
  margin-right:-.32em!important;
}
.v53-auth-logo small{
  margin-top:8px!important;
  color:#56c9c1!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.46em!important;
  margin-right:-.46em!important;
}
.v53-auth-nav nav{
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
}
.v53-auth-nav nav a{
  color:rgba(238,242,245,.72)!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-size:10px!important;
  font-weight:700!important;
  transition:color .2s ease!important;
}
.v53-auth-nav nav a:hover{color:#fff!important}
.v53-auth-main{
  position:relative!important;
  z-index:2!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
  padding:140px 7vw 70px!important;
  display:flex!important;
  align-items:center!important;
}
.v53-register-layout{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.v53-register-card,
.v53-register-side{
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(86,201,193,.075),transparent 34%),
    linear-gradient(145deg,rgba(14,26,37,.88),rgba(7,15,23,.94))!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.34)!important;
}
.v53-register-card{
  padding:42px!important;
  border-radius:22px!important;
}
.v53-register-card .kicker{
  margin:0 0 14px!important;
  color:#d0b06a!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.30em!important;
  text-transform:uppercase!important;
}
.v53-register-card h1{
  margin:0 0 16px!important;
  max-width:760px!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(38px,4.2vw,62px)!important;
  line-height:1.04!important;
  font-weight:300!important;
}
.v53-register-card .muted{
  margin:0 0 30px!important;
  max-width:780px!important;
  color:rgba(238,242,245,.66)!important;
  font-size:15px!important;
  line-height:1.7!important;
}
.v53-auth-form{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:17px!important;
}
.v53-auth-form label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-width:0!important;
  color:rgba(238,242,245,.70)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.v53-auth-form label.full{grid-column:1/-1!important}
.v53-auth-form input,
.v53-auth-form select{
  width:100%!important;
  box-sizing:border-box!important;
  min-height:50px!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:11px!important;
  outline:none!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.v53-auth-form input::placeholder{color:rgba(238,242,245,.35)!important}
.v53-auth-form select option{color:#111!important;background:#fff!important}
.v53-auth-form input:focus,
.v53-auth-form select:focus{
  border-color:rgba(86,201,193,.62)!important;
  background:rgba(255,255,255,.075)!important;
  box-shadow:0 0 0 3px rgba(86,201,193,.08)!important;
}
.v53-auth-form .btn,
.v53-auth-form button{
  grid-column:1/-1!important;
  width:100%!important;
  min-height:52px!important;
  margin-top:5px!important;
  border:1px solid rgba(208,176,106,.48)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(182,138,67,.28),rgba(208,176,106,.14))!important;
  color:#fff!important;
  cursor:pointer!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.v53-auth-form .btn:hover,
.v53-auth-form button:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(208,176,106,.78)!important;
  background:linear-gradient(135deg,rgba(182,138,67,.38),rgba(208,176,106,.20))!important;
}
.v53-register-side{
  align-self:stretch!important;
  padding:34px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.v53-register-side>span{
  display:block!important;
  margin-bottom:10px!important;
  color:#d0b06a!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}
.v53-register-side>strong{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:40px!important;
  line-height:1.05!important;
  font-weight:300!important;
}
.v53-register-side>p{
  margin:10px 0 24px!important;
  color:#56c9c1!important;
  font-size:17px!important;
  font-weight:700!important;
}
.v53-register-side ul{
  list-style:none!important;
  margin:0!important;
  padding:20px 0 0!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
  display:grid!important;
  gap:13px!important;
}
.v53-register-side li{
  position:relative!important;
  padding-left:20px!important;
  color:rgba(238,242,245,.70)!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.v53-register-side li::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.48em!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#56c9c1!important;
  box-shadow:0 0 14px rgba(86,201,193,.45)!important;
}
@media(max-width:900px){
  .v53-auth-nav{padding:0 24px!important}
  .v53-auth-nav nav{gap:14px!important}
  .v53-register-layout{grid-template-columns:1fr!important}
  .v53-register-side{order:-1!important}
}
@media(max-width:680px){
  .v53-auth-nav{height:auto!important;min-height:88px!important;padding:16px 18px!important;align-items:flex-start!important;gap:14px!important}
  .v53-auth-nav nav{justify-content:flex-end!important;flex-wrap:wrap!important;gap:10px 14px!important}
  .v53-auth-main{padding:130px 18px 38px!important}
  .v53-register-card,.v53-register-side{padding:25px!important;border-radius:17px!important}
  .v53-auth-form{grid-template-columns:1fr!important}
  .v53-auth-form label,.v53-auth-form label.full{grid-column:1!important}
}