/* DivLine Apps R4.5.2.5 — final merged frontend guard, 2026-09-25.
   Scope: merge Admin Integrity + Recruitment enhancements and enforce only the
   approved Main public corrections requested through 2026-09-25. */

/* Final CTA: restore readable approved content and use the DivLine logo palette. */
body.divline-v140-home .dl140-final,
html.dark body.divline-v140-home .dl140-final,
body.divline-signal-system.divline-v140-home main.dl140-home > .dl140-final{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(58px,7vw,82px) 0!important;
  color:#10213a!important;
  border-top:1px solid #bdd5ee!important;
  border-bottom:1px solid #bdd5ee!important;
  background:
    linear-gradient(115deg,rgba(232,240,255,.98) 0%,rgba(231,248,248,.97) 34%,rgba(255,242,225,.97) 70%,rgba(238,243,255,.98) 100%)!important;
}
body.divline-v140-home .dl140-final::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:linear-gradient(180deg,#2459d3 0 34%,#69c4cd 34% 67%,#f2b56b 67% 100%);
}
body.divline-v140-home .dl140-final::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.055;
  background:url('../img/divline-spider-lines.svg') center/cover no-repeat;
}
body.divline-v140-home .dl140-final .dl140-wrap{position:relative;z-index:1}
body.divline-v140-home .dl140-final .dl140-kicker,
html.dark body.divline-v140-home .dl140-final .dl140-kicker{
  color:#2459d3!important;
  opacity:1!important;
}
body.divline-signal-system.divline-v140-home main.dl140-home .dl140-final h2,
html.dark body.divline-signal-system.divline-v140-home main.dl140-home .dl140-final h2{
  max-width:780px!important;
  color:#10213a!important;
  opacity:1!important;
  font-size:clamp(1.75rem,3vw,2.55rem)!important;
  line-height:1.14!important;
  font-weight:780!important;
  letter-spacing:-.035em!important;
}
body.divline-v140-home .dl140-final p,
body.divline-v140-home .dl140-final-grid>div>div,
html.dark body.divline-v140-home .dl140-final p,
html.dark body.divline-v140-home .dl140-final-grid>div>div{
  color:#52647a!important;
  opacity:1!important;
}
body.divline-v140-home .dl140-final .dl140-btn{
  border:1px solid #2459d3!important;
  color:#fff!important;
  background:linear-gradient(135deg,#2459d3,#1745b5)!important;
  box-shadow:0 12px 26px rgba(36,89,211,.20)!important;
}
body.divline-v140-home .dl140-final .dl140-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(36,89,211,.26)!important}

/* Website request: every numbered stage is a complete full-width coloured row.
   The four surfaces use the logo-family blue / aqua / orange / navy tones. */
body.divline-consultancy-page .dla-request-steps{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  overflow:visible!important;
}
body.divline-consultancy-page .dla-request-steps>li,
body.divline-consultancy-page .dla-request-steps>li.active,
body.divline-consultancy-page .dla-request-steps>li.done{
  display:flex!important;
  width:100%!important;
  min-height:64px!important;
  margin:0!important;
  border-radius:14px!important;
  color:#10213a!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.divline-consultancy-page .dla-request-steps>li:nth-child(1){background:#e8f0ff!important;border:1px solid #87a9f5!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(2){background:#e6f7f7!important;border:1px solid #69c4cd!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(3){background:#fff1df!important;border:1px solid #f2b56b!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(4){background:#eef2f8!important;border:1px solid #8597b2!important}
body.divline-consultancy-page .dla-request-steps>li button{
  display:flex!important;
  width:100%!important;
  min-height:64px!important;
  align-items:center!important;
  gap:12px!important;
  padding:15px 18px!important;
  border:0!important;
  border-radius:inherit!important;
  color:inherit!important;
  background:transparent!important;
  text-align:left!important;
}
body.divline-consultancy-page .dla-request-steps>li b{
  flex:0 0 31px!important;
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  font-weight:850!important;
}
body.divline-consultancy-page .dla-request-steps>li:nth-child(1) b{background:#2459d3!important;color:#fff!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(2) b{background:#69c4cd!important;color:#10213a!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(3) b{background:#f2b56b!important;color:#10213a!important}
body.divline-consultancy-page .dla-request-steps>li:nth-child(4) b{background:#53647a!important;color:#fff!important}
body.divline-consultancy-page .dla-request-steps>li.active{box-shadow:inset 5px 0 0 #2459d3,0 5px 18px rgba(16,33,58,.07)!important}
body.divline-consultancy-page .dla-request-steps>li.done{filter:saturate(.96)}
body.divline-consultancy-page .dla-request-steps>li:hover{filter:brightness(.985);transform:translateY(-1px)}

@media(max-width:700px){
  body.divline-v140-home .dl140-final::before{width:5px}
  body.divline-consultancy-page .dla-request-steps{grid-template-columns:1fr!important}
  body.divline-consultancy-page .dla-request-steps>li,
  body.divline-consultancy-page .dla-request-steps>li button{min-height:58px!important}
}
