/* DivLine Apps R4.5.2.4 — frontend force layer, 2026-09-23.
   Approved scope only: public network canvas, diagnostic network, project-stage surfaces,
   compact footer flow, centered support overlays, and restored final CTA appearance. */

/* Keep the DivLine network visible on the public Main site. */
body.divline-signal-system{
  background-color:#f8fbfc!important;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.90) 50%,rgba(255,255,255,.78) 66%,rgba(255,255,255,.34) 100%),
    url('../img/divline-spider-lines.svg')!important;
  background-repeat:no-repeat,repeat!important;
  background-size:100% 100%,1020px 680px!important;
  background-attachment:fixed,fixed!important;
}
body.divline-signal-system.divline-v140-home main.dl140-home{background:transparent!important;background-image:none!important}
body.divline-signal-system.divline-v140-home main.dl140-home>.dl140-hero,
body.divline-signal-system.divline-v140-home main.dl140-home>.dl140-section{background-color:rgba(255,255,255,.76)!important;background-image:none!important}
body.divline-signal-system.divline-v140-home main.dl140-home>.dl140-section.soft,
body.divline-signal-system.divline-v140-home main.dl140-home>.dl140-trust{background-color:rgba(247,250,255,.84)!important;background-image:none!important}

/* The diagnostic box gets its own lighter network behind the text. */
body.divline-v140-home .dl140-diagnostic{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:rgba(255,255,255,.80)!important}
body.divline-v140-home .dl140-diagnostic::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background-image:url('../img/divline-spider-lines.svg')!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;opacity:.14!important
}
body.divline-v140-home .dl140-diagnostic::after{content:none!important}
body.divline-v140-home .dl140-diagnostic>*{position:relative!important;z-index:1!important}

/* Restore the approved final CTA surface only. */
body.divline-v140-home .dl140-final,
html.dark body.divline-v140-home .dl140-final{
  padding:clamp(58px,7vw,80px) 0!important;color:#14233b!important;background:rgba(237,244,255,.92)!important;border-color:#cfe0f5!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:720px;color:#10213a!important;font-size:clamp(1.5rem,2.5vw,2rem)!important;line-height:1.25!important;font-weight:730!important;letter-spacing:-.025em!important
}
body.divline-v140-home .dl140-final p,
body.divline-v140-home .dl140-final-grid>div>div{color:#53647a!important}
body.divline-v140-home .dl140-final .dl140-btn{border-color:#2459d3!important;color:#fff!important;background:#2459d3!important}

/* Project request: keep every stage as a full-width row and colour the whole row. */
body.divline-consultancy-page .dla-request-steps{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!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:58px!important;margin:0!important;border:1px solid #91d5db!important;border-radius:12px!important;
  background:linear-gradient(105deg,#eaf7f8 0%,#fdf4ea 52%,#eef3ff 100%)!important;color:#10213a!important;box-shadow:none!important
}
body.divline-consultancy-page .dla-request-steps>li button{
  display:flex!important;width:100%!important;min-height:58px!important;align-items:center!important;gap:10px!important;padding:13px 16px!important;background:transparent!important;color:inherit!important
}
body.divline-consultancy-page .dla-request-steps>li.active{border-color:#2459d3!important;box-shadow:inset 4px 0 0 #2459d3!important}
body.divline-consultancy-page .dla-request-steps>li.done{border-color:#69c4cd!important}
body.divline-consultancy-page .dla-request-steps>li:hover{background:linear-gradient(105deg,#ddf2f4 0%,#faead8 52%,#e5edff 100%)!important}

/* Compact public footer: one straight wrapping line, followed by copyright/powered-by. */
.dl140-compact-footer .inner{display:flex!important;flex-direction:column!important;gap:14px!important}
.dl140-compact-footer .dl140-footer-links,
.dl140-compact-footer .dl140-functional-footer{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px 18px!important;width:100%!important
}
.dl140-compact-footer .dl140-footer-group{display:contents!important}
.dl140-compact-footer .dl140-footer-group>b{display:none!important}
.dl140-compact-footer .dl140-footer-group>a,
.dl140-compact-footer .dl140-footer-links>a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
.dl140-compact-footer .dl140-footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important}
.dl140-compact-footer .dl140-powered{margin-left:auto!important;text-align:right!important}

/* Support chooser and Live Web Chat must stay centered. */
#supportChooser,#liveChatPanel{inset:0!important;align-items:center!important;justify-content:center!important}
#supportChooser.flex,#liveChatPanel.flex{display:flex!important}
#liveChatPanel>section{margin:auto!important;max-width:min(720px,calc(100vw - 2rem))!important;max-height:88vh!important}

@media(max-width:700px){
  body.divline-signal-system{background-attachment:scroll,scroll!important}
  .dl140-compact-footer .dl140-footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  .dl140-compact-footer .dl140-powered{margin-left:0!important;text-align:left!important}
}
