/* Dlines Softech unified public subpage system, based on the approved homepage's clean service cards.
   Deliberately excludes homepage and admin; does not change underlying page data or payments. */
body.dlines-site-unified{--ds-navy:#102b4a;--ds-blue:#2456d8;--ds-muted:#52647b;--ds-line:#dce5ef;--ds-bg:#f4f8fc;--ds-teal:#0b7285;background:var(--ds-bg);color:var(--ds-navy);overflow-x:clip}
body.dlines-site-unified main{min-width:0;max-width:100%}
body.dlines-site-unified :is(h1,h2,h3,h4){letter-spacing:-.025em;overflow-wrap:break-word}
body.dlines-site-unified :is(p,li){overflow-wrap:break-word}
body.dlines-site-unified :is(a,button,input,select,textarea):focus-visible{outline:3px solid #0d879d!important;outline-offset:3px}
/* The five compact navigation directories match the approved homepage's white-card visual rhythm. */
body.dlines-site-unified .dc-wrap{background:var(--ds-bg)!important;padding:36px 18px 80px!important}
body.dlines-site-unified .dc-container{max-width:1160px!important}
body.dlines-site-unified .dc-hero{border-radius:18px!important;box-shadow:0 12px 34px rgba(12,43,80,.12)!important;min-height:0!important;padding:clamp(30px,4vw,56px)!important;background:linear-gradient(115deg,#0a2342,#105a85)!important}
body.dlines-site-unified .dc-hero :is(h1,h2,p,span,strong){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:none!important}
body.dlines-site-unified .dc-hero h1{font-size:clamp(2rem,4vw,3.3rem)!important;line-height:1.14!important;letter-spacing:-.035em!important}
body.dlines-site-unified .dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body.dlines-site-unified .dc-card{background:#fff!important;border:1px solid var(--ds-line)!important;border-radius:15px!important;box-shadow:0 8px 26px rgba(19,53,86,.045)!important;min-width:0!important;overflow:hidden!important;transition:border-color .18s,box-shadow .18s!important}
body.dlines-site-unified .dc-card:hover{border-color:#2456d8!important;box-shadow:0 12px 30px rgba(19,53,86,.11)!important}
body.dlines-site-unified .dc-card img{object-fit:contain!important;background:#eff5fa!important;border-radius:11px!important}
body.dlines-site-unified .dc-body h2{color:#0c2b50!important;font-weight:750!important}
body.dlines-site-unified .dc-body p{color:#52647b!important;opacity:1!important}
body.dlines-site-unified .dc-card-actions a{background:#2456d8!important;color:#fff!important;font-weight:700!important;border-radius:9px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
body.dlines-site-unified .dc-card-actions a.dc-quote{background:#eaf2ff!important;color:#1749aa!important}
body.dlines-site-unified .dc-card-actions a:hover{background:#123fa9!important;color:#fff!important}
body.dlines-site-unified .dc-card-actions a.dc-quote:hover{background:#d4e5ff!important;color:#103c91!important}
/* Existing dedicated service, industry and hosting layouts: typography, cards, and contrast. */
body.dlines-site-unified :is(.dsp,.dlg-wrap,.dh-inner,.solution-container,.service-container){max-width:min(1160px,100%)!important}
body.dlines-site-unified :is(.dsp .hero,.dh-hero,.solution-hero,.service-hero){background:linear-gradient(115deg,#0a2342,#105a85)!important;color:#fff!important;border-radius:18px!important;overflow:hidden}
body.dlines-site-unified :is(.dsp .hero,.dh-hero,.solution-hero,.service-hero) :is(h1,h2,h3,p,span,small,strong){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
body.dlines-site-unified :is(.dsp .hero,.dh-hero,.solution-hero,.service-hero) p{color:#e2efff!important;-webkit-text-fill-color:#e2efff!important}
body.dlines-site-unified :is(.dsp,.dh-store,.solution-container,.service-container) :is(.card,.plan-card,.feature-card,.package-card){border-radius:15px;border-color:#dce5ef;box-shadow:0 8px 26px rgba(19,53,86,.05)}
body.dlines-site-unified :is(.dlg-btn,.dh-btn,.dsp .btn,.dc-hero a){border-radius:9px!important;transition:background-color .2s,color .2s,border-color .2s}
body.dlines-site-unified :is(.dlg-btn,.dh-btn,.dsp .btn):hover{background:#123fa9!important;color:#fff!important}
body.dlines-site-unified :is(img,svg,video){max-width:100%}
body.dlines-site-unified :is(table,.table-wrap){max-width:100%}
body.dlines-site-unified .table-wrap{overflow-x:auto}
/* Fixed chat widgets must not cover mobile purchasing and navigation controls. */
@media(max-width:1000px){body.dlines-site-unified .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body.dlines-site-unified .dc-wrap{padding:16px 12px 80px!important}body.dlines-site-unified .dc-hero{padding:28px 20px!important}body.dlines-site-unified .dc-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}body.dlines-site-unified .dc-card{grid-template-columns:68px minmax(0,1fr)!important}body.dlines-site-unified .dc-body{min-width:0!important}body.dlines-site-unified .dc-card-actions a{min-height:44px!important}body.dlines-site-unified :is(.dsp,.dlg-wrap){padding-left:16px!important;padding-right:16px!important}body.dlines-site-unified :is(.chat-widget,.chat-floating,.floating-chat,.dlines-chat-widget){right:12px!important;bottom:16px!important;max-width:calc(100vw - 24px)!important}body.dlines-site-unified :is(.chat-widget,.chat-floating,.floating-chat) button{max-width:100%}}
@media(prefers-reduced-motion:reduce){body.dlines-site-unified .dc-card,body.dlines-site-unified :is(.dlg-btn,.dh-btn,.dsp .btn){transition:none!important}}

/* 2026-11-01: Correct invisible navy-on-navy text on dedicated solution hero panels.
   The original page-level CSS loads after the shared stylesheet, so explicit
   selectors and !important are intentional. The approved homepage is excluded. */
body.dlines-site-unified :is(.ds-hero,.dls-hero,.dsp-hero,.dl-hero,.dlines-hero,.industry-hero,.product-hero,.hosting-hero,.marketing-hero,.crm-hero){
  background:linear-gradient(125deg,#102b4a 0%,#164f78 65%,#0e667e 100%)!important;
  color:#fff!important;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
}
body.dlines-site-unified :is(.ds-hero,.dls-hero,.dsp-hero,.dl-hero,.dlines-hero,.industry-hero,.product-hero,.hosting-hero,.marketing-hero,.crm-hero) :is(h1,h2,h3,h4,strong,b,small,span,label){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.dlines-site-unified :is(.ds-hero,.dls-hero,.dsp-hero,.dl-hero,.dlines-hero,.industry-hero,.product-hero,.hosting-hero,.marketing-hero,.crm-hero) p{
  color:#e7f3ff!important;
  -webkit-text-fill-color:#e7f3ff!important;
  opacity:1!important;
}
body.dlines-site-unified .ds-hero h1{font-size:clamp(2rem,4.3vw,3.4rem)!important;line-height:1.12!important;font-weight:800!important}
body.dlines-site-unified .ds-hero>p:first-child{color:#bfe8ff!important;-webkit-text-fill-color:#bfe8ff!important;letter-spacing:.12em}
body.dlines-site-unified .ds-hero .ds-button:not(.secondary){background:#2461dc!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #3779ef!important}
body.dlines-site-unified .ds-hero .ds-button:not(.secondary):hover{background:#1649b5!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.dlines-site-unified .ds-hero .ds-button.secondary{background:#fff!important;color:#133c70!important;-webkit-text-fill-color:#133c70!important;border:1px solid #bcd1eb!important}
body.dlines-site-unified .ds-hero .ds-button.secondary:hover{background:#dcecff!important;color:#092e5b!important;-webkit-text-fill-color:#092e5b!important}
body.dlines-site-unified .ds-hero .ds-illustration{max-width:720px;margin-top:28px}
body.dlines-site-unified .ds-hero .ds-illustration img{width:100%;height:auto;object-fit:contain}
body.dlines-site-unified .ds-hero .ds-illustration figcaption{color:#d5eaff!important;-webkit-text-fill-color:#d5eaff!important}
@media(max-width:680px){body.dlines-site-unified .ds-hero{padding:26px 20px!important}body.dlines-site-unified .ds-hero .ds-buttons{gap:10px}body.dlines-site-unified .ds-hero .ds-button{min-height:44px;justify-content:center}}