/* Dlines Softech supplied identity, 2026-11-06. Non-destructive, shared across all portals. */
/* The original artwork uses a white backdrop; ensure enough contrast against dark headers. */
.topbar .brand .brand-logo,
.nav-inner .brand-logo,
header .brand-logo,
.dls-brand img {
  display:block !important;
  box-sizing:border-box;
  width:clamp(185px,18vw,260px) !important;
  max-width:min(100%,260px) !important;
  height:auto !important;
  max-height:88px !important;
  object-fit:contain !important;
  object-position:left center;
  padding:4px 6px;
  background:#fff;
  border-radius:10px;
  opacity:1 !important;
  visibility:visible !important;
}
.dlines-footer-brand img,
.footer-logo-surface img,
.site-footer .brand-logo,
.site-footer a > img[src*="logo"] {
  display:block !important;
  width:min(100%,320px) !important;
  min-width:0;
  height:auto !important;
  max-height:115px !important;
  object-fit:contain !important;
  padding:7px 10px;
  border-radius:12px;
  background:#fff;
  opacity:1 !important;
}
/* Manual + inline admin dashboard/logo fallback. */
.dls-brand img{max-width:240px !important;flex:0 1 auto}
/* Operations Hub sidebar renders text identity: keep label AND show the supplied logo. */
.sidebar .brand::before,
.dlines-ops-brand::before{
  content:""; display:block; width:min(100%,224px);height:67px;
  margin:0 0 10px; border-radius:10px;
  background:#fff url('/assets/logo.png') center / 96% auto no-repeat;
}
/* Standalone customer login/dashboard entry uses a real img and real footer. */
header .dlines-brand-lockup{display:inline-flex;max-width:100%;align-items:center;text-decoration:none}
header .dlines-brand-lockup img{display:block;width:225px;max-width:min(50vw,225px);height:auto;background:#fff;padding:4px 6px;border-radius:10px}
header .dlines-portal-name{font-size:clamp(14px,2vw,20px);color:inherit}
.dlines-brand-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px clamp(16px,4vw,38px);background:#10243d;color:#eef6ff}
.dlines-brand-foot img{display:block;width:min(100%,300px);height:auto;padding:6px 8px;background:#fff;border-radius:10px}
.dlines-brand-foot small{color:#d4e2f6}
@media(max-width:760px){
  .topbar .brand .brand-logo,.nav-inner .brand-logo,header .brand-logo,.dls-brand img{
    width:clamp(168px,50vw,215px) !important;max-height:74px !important;padding:3px 5px;
  }
  .dlines-footer-brand img,.footer-logo-surface img,.site-footer .brand-logo{width:min(100%,270px) !important;max-height:104px !important}
  .sidebar .brand::before,.dlines-ops-brand::before{width:min(100%,190px);height:59px}
  header .dlines-brand-lockup img{width:min(50vw,195px)}
  .dlines-brand-foot{justify-content:center;text-align:center;padding:24px 14px}
}
@media(max-width:360px){
  .topbar .brand .brand-logo,.nav-inner .brand-logo,header .brand-logo,.dls-brand img{width:165px !important;max-height:66px !important}
}
@media(prefers-reduced-motion:reduce){.dlines-brand-foot img,.brand-logo{transition:none!important}}

/* 2026-11-09: original homepage artwork is served unchanged as /assets/logo.png.
   Applies to shared PUBLIC / ADMIN / MANAGE page_header and page_footer output.
   The white presentation surface is intentional: logo has a white RGB background.
   Only its container/padding change; no CSS filters, crops, opacity or asset edits. */
.top .brand.dlines-original-brand,
.footer .footer-brand.dlines-original-footer-brand {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  flex-shrink:0;
  min-width:0;
  max-width:min(100%,268px);
  border:1px solid #dbe5f2;
  border-radius:12px;
  background:#fff;
  padding:7px 9px;
  color:#092153;
  box-shadow:0 3px 13px rgba(15,39,84,.08);
  overflow:hidden;
  text-decoration:none;
  line-height:1;
}
.top .brand.dlines-original-brand { width:min(30vw,268px); }
.footer .footer-brand.dlines-original-footer-brand { width:min(100%,286px); }
.top .brand.dlines-original-brand > img.dlines-original-brand-art,
.footer .footer-brand.dlines-original-footer-brand > img.dlines-original-brand-art {
  display:block !important;
  box-sizing:border-box;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  max-width:100% !important;
  padding:0 !important;
  border:0;
  border-radius:0;
  background:#fff;
  object-fit:contain;
  object-position:center;
  opacity:1 !important;
  filter:none !important;
  visibility:visible !important;
  aspect-ratio:1200 / 356;
}
.top .brand.dlines-original-brand:focus-visible,
.footer .footer-brand.dlines-original-footer-brand:focus-visible {
  outline:3px solid #1683e2;
  outline-offset:3px;
}
@media(max-width:900px){
  .top{gap:12px;}
  .top .brand.dlines-original-brand{width:min(55vw,240px);max-width:min(65vw,240px);}
}
@media(max-width:560px){
  .top .brand.dlines-original-brand{width:min(67vw,220px);max-width:min(67vw,220px);padding:5px 7px;border-radius:9px;}
  .footer .footer-brand.dlines-original-footer-brand{width:min(100%,260px);padding:6px 8px;}
}