/* VF brand patch v11.8 - frontend only */
:root{
  --vf-brand-glow: rgba(25, 230, 110, .28);
  --vf-brand-cyan: rgba(0, 220, 255, .22);
}
.vf-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.vf-brand-logo{
  width:70px;
  height:42px;
  object-fit:cover;
  object-position:center;
  border-radius:14px;
  box-shadow:0 10px 30px var(--vf-brand-glow), 0 0 0 1px rgba(91,255,145,.20);
  background:#020b09;
}
.vf-nav .vf-brand strong{
  letter-spacing:-.02em;
}
.vf-panel-logo-box{
  padding:0 !important;
  overflow:hidden !important;
  background:#020b09 !important;
  border:1px solid rgba(73,255,131,.22) !important;
  box-shadow:0 8px 22px var(--vf-brand-glow), inset 0 0 18px rgba(0,255,160,.08) !important;
  color:transparent !important;
  line-height:0 !important;
}
.vf-panel-logo-box .vf-panel-logo-mark{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}
.vf-panel-brand-enhanced{
  position:relative;
}
.vf-panel-brand-enhanced::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(57,255,126,.35), transparent);
  opacity:.75;
}
@media (max-width: 720px){
  .vf-brand-logo{ width:58px; height:36px; border-radius:12px; }
  .vf-nav .vf-brand strong{ font-size:14px; }
}