/* XSeller V3.6.5 — local/system typography + home video */
html,body,button,input,textarea,select{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important}
.xs-v365-home-video{width:min(1180px,calc(100% - 32px));margin:34px auto;padding:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:32px;align-items:center;background:linear-gradient(145deg,#15191f,#0f1318);border:1px solid #292f38;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.xs-v365-home-video .eyebrow{color:#c86a7e;font-size:12px;font-weight:800;letter-spacing:.12em}.xs-v365-home-video h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:8px 0 13px;color:#f2f3f5}.xs-v365-home-video p{max-width:650px;color:#aeb4be;line-height:1.7}.xs-v365-home-video .xsVideoFrame{justify-self:center;width:min(100%,330px);aspect-ratio:9/16;padding:8px;border-radius:20px;background:#090c10;border:1px solid #303640;box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden}.xs-v365-home-video video{width:100%;height:100%;display:block;object-fit:cover;border-radius:13px;background:#000}.xs-v365-home-video .xsVideoFacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.xs-v365-home-video .xsVideoFacts span{padding:7px 10px;border-radius:7px;border:1px solid #282f38;background:#101419;color:#9099a5;font-size:12.5px}
@media(max-width:800px){.xs-v365-home-video{grid-template-columns:1fr;padding:20px;width:calc(100% - 20px)}.xs-v365-home-video .xsVideoFrame{width:min(100%,300px)}}


/* ============================================================
   XSELLER V3.7.0 R20.4 — SIDEBAR / LOGO CLEAN BOOT
   Loaded in HEAD through v365-global.css. No post-paint logo fix.
   ============================================================ */

/* Global sidebar geometry */
#sidebar{
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
}

/* Never allow sidebar links/items to overlap through absolute positioning */
#sidebar > a,
#sidebar > p,
#sidebar > div{
  box-sizing:border-box !important;
}

/* HARD logo containment: applies before first paint */
#sidebar > a.logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:100% !important;
  height:76px !important;
  min-height:76px !important;
  padding:8px 14px !important;
  margin:0 0 8px 0 !important;
  overflow:hidden !important;
  flex:0 0 76px !important;
}

#sidebar > a.logo > img,
#sidebar > a.logo > img.xsRealLogo,
#sidebar .xsRealLogo{
  display:block !important;
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:auto !important;
  max-width:152px !important;
  height:auto !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
}

/* Sidebar links stay in normal document flow */
#sidebar .sideLink,
#sidebar .adminlink,
#sidebar a[href="/sales-knowledge"],
#sidebar a[href="/social-marketing"],
#sidebar a[href="/admin/social-marketing"],
#sidebar a[href="/logout"],
#sidebar .logout{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  flex-shrink:0 !important;
  box-sizing:border-box !important;
  max-width:100% !important;
}

/* Logout must never float on top of other tabs */
#sidebar a[href="/logout"],
#sidebar .logout{
  margin-top:16px !important;
  margin-bottom:10px !important;
}

/* Knowledge item: stable icon/text geometry */
#sidebar a[href="/sales-knowledge"]{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:40px !important;
  white-space:normal !important;
  line-height:1.25 !important;
}
#sidebar a[href="/sales-knowledge"]::before{
  content:"📚";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  min-width:18px;
  font-size:14px;
  line-height:1;
}

/* R20.2/R20.3 compatibility: avoid duplicate synthetic icon */
#sidebar a[href="/sales-knowledge"].xsKnowledgeFixed::before{
  content:"📚" !important;
}

/* Mobile */
@media(max-width:680px){
  #sidebar > a.logo{
    height:68px !important;
    min-height:68px !important;
    flex-basis:68px !important;
    padding:7px 12px !important;
  }
  #sidebar > a.logo > img,
  #sidebar > a.logo > img.xsRealLogo,
  #sidebar .xsRealLogo{
    max-width:138px !important;
    max-height:52px !important;
  }
}