/* =========================================================
   NOVA CONNECT V6 — FINAL UI POLISH
   ========================================================= */

/* ---------- PUBLIC WEBSITE ---------- */
.landing-screen .hero{
  min-height:calc(100vh - 88px) !important;
  height:auto !important;
  padding:72px 6vw 58px !important;
  grid-template-columns:minmax(0, .92fr) minmax(520px, 1.08fr) !important;
  gap:54px !important;
  align-items:center !important;
  overflow:hidden !important;
}
.landing-screen .hero-copy{
  position:relative;
  z-index:2;
  max-width:700px;
}
.landing-screen .hero h1{
  font-size:clamp(48px,4.2vw,70px) !important;
  line-height:1.14 !important;
  margin:14px 0 18px !important;
}
.landing-screen .hero-copy>p{
  max-width:680px !important;
  font-size:17px !important;
  line-height:2 !important;
  margin-bottom:0;
}
.landing-screen .hero-product{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  min-width:0;
  margin:0 !important;
}
.landing-screen .hero-product img{
  display:block;
  width:min(100%,760px) !important;
  height:auto !important;
  max-height:580px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:22px;
  filter:drop-shadow(0 34px 42px rgba(0,0,0,.34));
  position:relative;
  z-index:2;
}
.landing-screen .product-glow{
  width:70% !important;
  height:70% !important;
}
.landing-screen .trust-row{
  margin-top:22px !important;
  font-size:13px !important;
}
.landing-screen .hero-actions{
  margin-top:24px !important;
}
.landing-screen .whatsapp-float{
  transform:scale(.9);
  transform-origin:bottom left;
  opacity:.94;
}
html[dir="rtl"] .landing-screen .hero-copy>p{
  unicode-bidi:plaintext;
}
html[lang="en"] .landing-screen .hero{
  grid-template-columns:minmax(0,1fr) minmax(520px,1fr) !important;
}
html[lang="en"] .landing-screen .hero h1{
  font-size:clamp(48px,4.35vw,68px) !important;
  line-height:1.06 !important;
}
html[lang="en"] .landing-screen .hero-copy>p{
  font-size:17px !important;
  line-height:1.75 !important;
}
html[lang="en"] .landing-screen .trust-row{
  gap:14px !important;
}

/* ---------- INTERNAL PLATFORM ---------- */
#platform-shell{
  --internal-sidebar:248px;
}
#platform-shell.shell{
  grid-template-columns:var(--internal-sidebar) minmax(0,1fr) !important;
}
#platform-shell .sidebar{
  padding:22px 14px !important;
}
#platform-shell .sidebar .brand{
  padding-bottom:24px !important;
}
#platform-shell .nav-item{
  font-size:14px !important;
  padding:11px 12px !important;
  min-height:46px;
}
#platform-shell .channels{
  margin-top:18px !important;
  padding-top:17px !important;
}
#platform-shell .channels div{
  margin:12px 0 !important;
  font-size:13px !important;
}
#platform-shell main>header{
  height:82px !important;
  padding:0 24px !important;
}
#platform-shell main>header h1{
  font-size:21px !important;
}
#platform-shell main>header p{
  font-size:12px !important;
}
#platform-shell .workspace{
  height:calc(100vh - 82px) !important;
  grid-template-columns:minmax(250px,292px) minmax(520px,1fr) minmax(245px,268px) !important;
}
#platform-shell .conversation-list{
  min-width:0;
}
#platform-shell .conversation{
  padding:13px 13px !important;
  grid-template-columns:42px minmax(0,1fr) 34px !important;
}
#platform-shell .conversation p{
  max-width:none !important;
}
#platform-shell .chat-head{
  height:72px !important;
  padding:0 18px !important;
}
#platform-shell .messages{
  padding:28px 30px !important;
}
#platform-shell .bubble{
  max-width:68% !important;
  font-size:14px !important;
  line-height:1.85 !important;
  padding:12px 15px !important;
}
#platform-shell .composer{
  height:76px !important;
  padding:12px 16px !important;
}
#platform-shell .composer input{
  min-height:46px;
}
#platform-shell .details{
  padding:16px !important;
}
#platform-shell .contact-card{
  padding:16px 12px 18px !important;
  border:1px solid #e7ebf1 !important;
  border-radius:16px !important;
  margin-bottom:12px;
  background:#fff !important;
}
#platform-shell .large-avatar{
  width:58px !important;
  height:58px !important;
  border-radius:17px !important;
}
#platform-shell .contact-card h2{
  font-size:16px !important;
}
#platform-shell .info-block{
  padding:13px 2px !important;
}
#platform-shell .odoo-card{
  padding:13px !important;
  border-radius:14px !important;
}
#platform-shell .owner{
  margin-top:14px !important;
}
#platform-shell .primary,
#platform-shell button[type="submit"]{
  font-weight:700 !important;
}
#platform-shell .whatsapp-float{
  display:none !important;
}

/* Cleaner type rhythm */
#platform-shell,
#platform-shell button,
#platform-shell input,
#platform-shell select,
#platform-shell textarea{
  font-family:Tajawal,Inter,Arial,sans-serif !important;
}
html[lang="en"] #platform-shell,
html[lang="en"] #platform-shell button,
html[lang="en"] #platform-shell input,
html[lang="en"] #platform-shell select,
html[lang="en"] #platform-shell textarea{
  font-family:Inter,Arial,Helvetica,sans-serif !important;
}

/* Responsive */
@media(max-width:1250px){
  #platform-shell .workspace{
    grid-template-columns:270px minmax(470px,1fr) !important;
  }
  #platform-shell .details{
    display:none !important;
  }
}
@media(max-width:980px){
  .landing-screen .hero,
  html[lang="en"] .landing-screen .hero{
    grid-template-columns:1fr !important;
    gap:36px !important;
    padding:60px 6vw 50px !important;
  }
  .landing-screen .hero-product img{
    width:min(100%,760px) !important;
    max-height:none !important;
  }
}
@media(max-width:760px){
  #platform-shell.shell{
    display:block !important;
  }
  #platform-shell .workspace{
    grid-template-columns:1fr !important;
  }
  .landing-screen .hero h1,
  html[lang="en"] .landing-screen .hero h1{
    font-size:40px !important;
  }
}