/* CEOBI home visual alignment — executive navy / teal / gold */
:root{
  --ceobi-home-bg:#031825;
  --ceobi-home-bg-soft:#072638;
  --ceobi-home-panel:rgba(7,35,52,.92);
  --ceobi-home-panel-deep:rgba(3,24,37,.96);
  --ceobi-home-border:rgba(216,168,72,.82);
  --ceobi-home-border-soft:rgba(76,204,191,.28);
  --ceobi-home-gold:#e4b650;
  --ceobi-home-teal:#4cccbf;
  --ceobi-home-text:#f6f8fa;
  --ceobi-home-muted:#bdcbd3;
  --ceobi-home-shadow:0 24px 70px rgba(0,0,0,.25);
}

body[data-ceobi-v3-page="home"],
body.home-page,
body:has(.v3-home-dashboard){
  background:
    radial-gradient(circle at 12% 20%,rgba(30,162,153,.12),transparent 32rem),
    radial-gradient(circle at 88% 8%,rgba(228,182,80,.08),transparent 27rem),
    linear-gradient(180deg,#02121d 0%,var(--ceobi-home-bg) 42%,#02131f 100%)!important;
  color:var(--ceobi-home-text)!important;
  font-family:"IBM Plex Sans Arabic","Tajawal","Cairo",system-ui,sans-serif!important;
  font-size:16px;
  line-height:1.65;
  overflow-x:hidden;
}

body:has(.v3-home-dashboard) main,
body:has(.v3-home-dashboard) .v3-main,
body:has(.v3-home-dashboard) .main-content{
  padding-block:0 48px!important;
}

body:has(.v3-home-dashboard) h1,
body:has(.v3-home-dashboard) h2,
body:has(.v3-home-dashboard) h3,
body:has(.v3-home-dashboard) p{letter-spacing:0!important}

body:has(.v3-home-dashboard) .v3-hero,
body:has(.v3-home-dashboard) .hero,
body:has(.v3-home-dashboard) [data-home-hero]{
  width:min(1180px,calc(100% - 40px));
  min-height:0!important;
  margin:0 auto!important;
  padding:72px 0 44px!important;
  display:grid!important;
  align-items:center!important;
  gap:22px!important;
  text-align:start!important;
  direction:rtl;
}

body:has(.v3-home-dashboard) .v3-hero h1,
body:has(.v3-home-dashboard) .hero h1,
body:has(.v3-home-dashboard) [data-home-hero] h1{
  max-width:900px;
  margin:0!important;
  color:var(--ceobi-home-text)!important;
  font-size:clamp(2.5rem,6vw,5rem)!important;
  font-weight:800!important;
  line-height:1.08!important;
  text-wrap:balance;
}

body:has(.v3-home-dashboard) .v3-hero p,
body:has(.v3-home-dashboard) .hero p,
body:has(.v3-home-dashboard) [data-home-hero] p{
  max-width:780px;
  margin:0!important;
  color:var(--ceobi-home-muted)!important;
  font-size:clamp(1rem,1.7vw,1.22rem)!important;
  line-height:1.9!important;
}

body:has(.v3-home-dashboard) .v3-hero-actions,
body:has(.v3-home-dashboard) .hero-actions{
  display:flex!important;
  flex-wrap:wrap;
  gap:14px!important;
  margin-top:8px!important;
}

body:has(.v3-home-dashboard) .v3-hero-actions a,
body:has(.v3-home-dashboard) .hero-actions a{
  min-height:52px;
  padding:13px 24px!important;
  border-radius:12px!important;
  font-weight:700!important;
}

.v3-home-dashboard{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto 48px!important;
  gap:22px!important;
  direction:rtl;
  color:var(--ceobi-home-text)!important;
}

.v3-home-toolbar,.v3-home-role,.v3-home-panel,.v3-home-kpi,.v3-home-company{
  border:1px solid var(--ceobi-home-border)!important;
  background:linear-gradient(145deg,var(--ceobi-home-panel),var(--ceobi-home-panel-deep))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),var(--ceobi-home-shadow)!important;
  border-radius:20px!important;
  color:var(--ceobi-home-text)!important;
}

.v3-home-toolbar{
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  gap:18px!important;
  padding:22px!important;
}

.v3-home-search-wrap label,.v3-home-field label{margin-bottom:9px!important;color:var(--ceobi-home-muted)!important;font-weight:600}
.v3-home-search-wrap input,.v3-home-field select,.v3-home-compare-head select{
  min-height:48px;
  padding:12px 15px!important;
  border-color:var(--ceobi-home-border-soft)!important;
  background:#041b2a!important;
  color:var(--ceobi-home-text)!important;
}

.v3-home-data-meta{
  gap:10px 20px!important;
  padding:13px 16px!important;
  border-color:var(--ceobi-home-border-soft)!important;
  background:rgba(3,24,37,.72)!important;
  color:var(--ceobi-home-muted)!important;
}

.v3-home-role{padding:22px 24px!important}
.v3-home-role p,.v3-home-section-head p,.v3-home-kpi small,.v3-home-company small{color:var(--ceobi-home-muted)!important}
.v3-home-role a,.v3-home-actions a:first-child{
  background:linear-gradient(135deg,#f0ca73,var(--ceobi-home-gold))!important;
  color:#092132!important;
  box-shadow:0 10px 26px rgba(228,182,80,.18);
}

.v3-home-section-head{align-items:center!important;margin-top:6px}
.v3-home-section-head h2{font-size:clamp(1.4rem,2.4vw,2rem)!important;line-height:1.3!important}

.v3-home-companies{gap:16px!important}
.v3-home-company{min-height:82px;padding:17px!important;border-color:rgba(76,204,191,.32)!important}
.v3-home-company:hover{transform:translateY(-2px);border-color:var(--ceobi-home-gold)!important}
.v3-home-company.is-active{outline:2px solid var(--ceobi-home-gold)!important;outline-offset:3px}
.v3-home-company__mark{width:44px!important;height:44px!important;background:rgba(76,204,191,.12)!important;color:var(--ceobi-home-teal)!important}

.v3-home-kpis{gap:16px!important}
.v3-home-kpi{min-height:150px;padding:20px!important;align-content:start}
.v3-home-kpi strong{font-size:clamp(2rem,4vw,2.8rem)!important;line-height:1.1!important}
.v3-home-kpi em{color:var(--ceobi-home-teal)!important;font-size:.92rem!important}
.v3-home-progress{height:9px!important;background:rgba(255,255,255,.09)!important}
.v3-home-progress i{background:linear-gradient(90deg,var(--ceobi-home-teal),#7ce3d9)!important}

.v3-home-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:20px!important;align-items:stretch}
.v3-home-panel{padding:24px!important;overflow:hidden}
.v3-home-panel h3{font-size:1.25rem!important;line-height:1.45!important}
.v3-home-summary{margin:16px 0!important;color:var(--ceobi-home-muted)!important;line-height:1.95!important}
.v3-chart-grid line{stroke:rgba(189,203,211,.12)!important}
.v3-chart-line{stroke:var(--ceobi-home-teal)!important}
.v3-chart-point{fill:#072638!important;stroke:var(--ceobi-home-teal)!important}
.v3-home-chart text{fill:var(--ceobi-home-muted)!important;opacity:.9!important}
.v3-home-bar>div{background:rgba(255,255,255,.09)!important}
.v3-home-bar i{background:#58788a!important}.v3-home-bar.is-current i{background:linear-gradient(90deg,var(--ceobi-home-teal),var(--ceobi-home-gold))!important}

.v3-home-actions{gap:14px!important}
.v3-home-actions a{min-height:52px!important;padding:12px 15px!important;border-color:rgba(228,182,80,.62)!important;background:rgba(3,24,37,.55)!important;color:var(--ceobi-home-text)!important}
.v3-home-actions a:hover{background:rgba(228,182,80,.12)!important;transform:translateY(-2px)}

/* Normalize adjoining generated sections and remove inflated blank gaps. */
body:has(.v3-home-dashboard) section,
body:has(.v3-home-dashboard) .v3-section{
  scroll-margin-top:90px;
}
body:has(.v3-home-dashboard) .v3-home-dashboard + section,
body:has(.v3-home-dashboard) .v3-home-dashboard ~ section{
  width:min(1180px,calc(100% - 40px));
  margin:24px auto!important;
  padding-block:24px!important;
}
body:has(.v3-home-dashboard) .v3-analysis-shell,
body:has(.v3-home-dashboard) .v3-analysis,
body:has(.v3-home-dashboard) .v3-connected-journey,
body:has(.v3-home-dashboard) .v3-knowledge-graph,
body:has(.v3-home-dashboard) .v3-ai-hub{
  border:1px solid rgba(228,182,80,.62)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(7,35,52,.93),rgba(3,24,37,.98))!important;
  color:var(--ceobi-home-text)!important;
  box-shadow:var(--ceobi-home-shadow)!important;
}

@media(max-width:900px){
  body:has(.v3-home-dashboard) .v3-hero,body:has(.v3-home-dashboard) .hero,body:has(.v3-home-dashboard) [data-home-hero]{padding-top:52px!important}
  .v3-home-toolbar,.v3-home-layout{grid-template-columns:1fr!important}
  .v3-home-companies{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v3-home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:680px){
  body:has(.v3-home-dashboard){font-size:15px}
  body:has(.v3-home-dashboard) .v3-hero,body:has(.v3-home-dashboard) .hero,body:has(.v3-home-dashboard) [data-home-hero]{width:min(100% - 24px,1180px);padding:38px 0 28px!important;gap:16px!important}
  body:has(.v3-home-dashboard) .v3-hero h1,body:has(.v3-home-dashboard) .hero h1,body:has(.v3-home-dashboard) [data-home-hero] h1{font-size:clamp(2.15rem,12vw,3.25rem)!important;line-height:1.12!important}
  .v3-home-dashboard{width:min(100% - 24px,1180px)!important;gap:16px!important}
  .v3-home-toolbar,.v3-home-role,.v3-home-panel,.v3-home-kpi{padding:18px!important}
  .v3-home-role{align-items:stretch!important}.v3-home-role a{width:100%}
  .v3-home-companies{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}
  .v3-home-company{min-width:0!important}
  .v3-home-kpis{grid-template-columns:1fr!important}
  .v3-home-kpi{min-height:132px}
  .v3-home-actions{grid-template-columns:1fr!important}
  body:has(.v3-home-dashboard) .v3-home-dashboard + section,body:has(.v3-home-dashboard) .v3-home-dashboard ~ section{width:min(100% - 24px,1180px)}
}

@media(prefers-reduced-motion:no-preference){
  .v3-home-company,.v3-home-kpi,.v3-home-actions a{transition:transform .2s ease,border-color .2s ease,background .2s ease}
}