/* NOVA CONNECT V7 — visible layout correction */
:root{
 --v7-navy:#17263a;
 --v7-navy-deep:#0f1b2b;
 --v7-blue:#3157c8;
 --v7-violet:#6357e8;
 --v7-bg:#f6f8fb;
}

/* HOME: force both hero columns onto SAME ROW */
body.page-home .hero{
 display:grid !important;
 grid-template-columns:minmax(500px,1.05fr) minmax(460px,.95fr) !important;
 grid-template-rows:1fr !important;
 align-items:center !important;
 min-height:690px !important;
 padding:64px 7vw !important;
 gap:64px !important;
}
html[dir="rtl"] body.page-home .hero-copy{
 grid-column:2 !important;
 grid-row:1 !important;
 align-self:center !important;
}
html[dir="rtl"] body.page-home .hero-product{
 grid-column:1 !important;
 grid-row:1 !important;
 align-self:center !important;
}
html[dir="ltr"] body.page-home .hero-copy{
 grid-column:1 !important;
 grid-row:1 !important;
 align-self:center !important;
}
html[dir="ltr"] body.page-home .hero-product{
 grid-column:2 !important;
 grid-row:1 !important;
 align-self:center !important;
}
body.page-home .hero-product{
 height:auto !important;
 margin:0 !important;
 padding:10px !important;
 transform:perspective(1400px) rotateY(-2deg) !important;
}
body.page-home .hero-product img{
 width:100% !important;
 max-width:720px !important;
 max-height:470px !important;
 object-fit:contain !important;
 transform:none !important;
 margin:0 auto !important;
}
body.page-home .platform-showcase:before{
 width:90% !important;height:86% !important;left:5% !important;top:7% !important;
 transform:none !important;
}
body.page-home .platform-showcase:after{bottom:-4% !important}
body.page-home .hero h1{font-size:clamp(50px,4.8vw,76px)!important}
body.page-home .hero-copy>p{font-size:17px!important;max-width:640px!important}
body.page-home .trust-row{font-size:13px!important}

/* INTERNAL PLATFORM: stronger Nova SaaS redesign */
#platform-shell{
 background:var(--v7-bg)!important;
}
#platform-shell.shell{
 grid-template-columns:220px minmax(0,1fr)!important;
}
#platform-shell .sidebar{
 background:linear-gradient(180deg,var(--v7-navy) 0%,var(--v7-navy-deep) 100%)!important;
 padding:18px 12px!important;
}
#platform-shell .brand{
 justify-content:center!important;
 padding:0 4px 22px!important;
}
#platform-shell .brand img{
 max-width:145px!important;
 max-height:62px!important;
 object-fit:contain!important;
}
#platform-shell .nav-item{
 min-height:44px!important;
 padding:10px 11px!important;
 font-size:13.5px!important;
 border-radius:11px!important;
}
#platform-shell .nav-item.active{
 background:linear-gradient(135deg,var(--v7-violet),var(--v7-blue))!important;
 box-shadow:0 8px 24px rgba(69,76,190,.28)!important;
}
#platform-shell main>header{
 height:74px!important;
 padding:0 22px!important;
 background:#fff!important;
}
#platform-shell main>header h1{font-size:20px!important}
#platform-shell .workspace{
 height:calc(100vh - 74px)!important;
 grid-template-columns:280px minmax(600px,1fr) 245px!important;
 background:var(--v7-bg)!important;
}
#platform-shell .conversation-list{
 background:#fff!important;
 border-color:#e7ebf1!important;
}
#platform-shell .list-tools{padding:12px!important}
#platform-shell .filters{padding:0 12px 10px!important}
#platform-shell .conversation{
 padding:12px!important;
 grid-template-columns:40px minmax(0,1fr) 28px!important;
}
#platform-shell .channel-avatar{width:40px!important;height:40px!important}
#platform-shell .conversation strong{font-size:13.5px!important}
#platform-shell .conversation p{font-size:11.5px!important;max-width:none!important}
#platform-shell .conversation.active{
 background:#f0efff!important;
 box-shadow:inset -3px 0 0 var(--v7-violet)!important;
}
#platform-shell .chat-panel{
 background:#fff!important;
 border-inline:1px solid #e7ebf1!important;
}
#platform-shell .chat-head{height:68px!important;padding:0 18px!important}
#platform-shell .messages{padding:28px 34px!important}
#platform-shell .bubble{
 max-width:62%!important;
 padding:12px 16px!important;
 border-radius:15px!important;
}
#platform-shell .outgoing{
 background:linear-gradient(135deg,var(--v7-violet),var(--v7-blue))!important;
 color:#fff!important;
}
#platform-shell .outgoing time{color:#d9ddff!important}
#platform-shell .incoming{background:#f1f4f8!important}
#platform-shell .composer{height:72px!important;padding:10px 14px!important}
#platform-shell .composer .send{
 background:linear-gradient(135deg,var(--v7-violet),var(--v7-blue))!important;
}
#platform-shell .details{
 padding:14px!important;
 background:var(--v7-navy)!important;
 color:#fff!important;
}
#platform-shell .details .contact-card,
#platform-shell .details .odoo-card,
#platform-shell .details .owner button{
 background:#fff!important;
 color:#172033!important;
 border:0!important;
 box-shadow:0 8px 24px rgba(4,13,27,.12)!important;
}
#platform-shell .details .info-block{
 border-color:rgba(255,255,255,.13)!important;
}
#platform-shell .details .info-block span{color:#8fa3ba!important}
#platform-shell .details .info-block strong{color:#fff!important}
#platform-shell .details .owner>span{color:#91a4ba!important}
#platform-shell .large-avatar{width:56px!important;height:56px!important}
#platform-shell .contact-card h2{font-size:15px!important}
#platform-shell .odoo-card button{
 background:#714b67!important;
}
#platform-shell .channels{font-size:12px!important}
#platform-shell .profile strong{font-size:12px!important}
#platform-shell .whatsapp-float{display:none!important}

@media(max-width:1180px){
 body.page-home .hero{grid-template-columns:1fr!important;grid-template-rows:auto auto!important}
 html[dir="rtl"] body.page-home .hero-copy,
 html[dir="ltr"] body.page-home .hero-copy{grid-column:1!important;grid-row:1!important}
 html[dir="rtl"] body.page-home .hero-product,
 html[dir="ltr"] body.page-home .hero-product{grid-column:1!important;grid-row:2!important}
 #platform-shell .workspace{grid-template-columns:270px minmax(500px,1fr)!important}
 #platform-shell .details{display:none!important}
}