:root{
  --dl-aqua:#7fd1d8;
  --dl-aqua-deep:#10a8ba;
  --dl-orange:#f4a340;
  --dl-orange-deep:#e77916;
  --dl-gray:#9ea3a8;
  --dl-gray-deep:#566477;
  --dl-ink:#243a5a;
  --dl-muted:#6c7c91;
  --dl-line:#dbe6ef;
  --dl-soft:#f7fafc;
  --dl-white:#ffffff;
  --dl-green:#16a765;
  --dl-green-soft:#eaf9f1;
  --dl-red:#dc3545;
  --dl-red-soft:#fff0f1;
  --dl-shadow:0 10px 30px rgba(36,58,90,.08);
}

/* Shared DivLine identity */
.dl-brand-lockup{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none!important;color:var(--dl-ink)!important;line-height:0}
.dl-brand-lockup img{display:block;width:168px;max-width:48vw;height:auto;object-fit:contain}
.dl-brand-tagline,.dl-brand-slogan{display:block;width:91%;margin:-1px auto 0;padding:0;color:#4c607a;font-family:"Segoe Print","Bradley Hand","Lucida Handwriting","Brush Script MT",cursive;font-size:14px;font-weight:600;line-height:1.03;letter-spacing:.01em;text-align:center;white-space:nowrap}
.dl-brand-mini .dl-brand-lockup img,.dl-brand-lockup--mini img{width:148px}.dl-brand-mini .dl-brand-tagline,.dl-brand-mini .dl-brand-slogan,.dl-brand-lockup--mini .dl-brand-slogan{font-size:12px;width:92%;padding:0}

/* Same top connection bar in Main / Client / License */
.dl-ecosystem-bar{position:relative;z-index:1040;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:9px 16px;background:#fff;color:var(--dl-ink);border-bottom:1px solid var(--dl-line);box-shadow:0 4px 16px rgba(36,58,90,.05);font:600 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif}
.dl-ecosystem-bar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--dl-aqua) 0 37%,var(--dl-orange) 37% 70%,var(--dl-gray) 70% 100%)}
.dl-ecosystem-brand{display:flex;align-items:center;gap:10px;min-width:190px;font-weight:900}.dl-ecosystem-brand small{display:block;color:var(--dl-muted);font-size:10px;font-weight:700;margin-top:2px}
.dl-ecosystem-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dl-ecosystem-nav a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--dl-line);border-radius:9px;background:#fff;color:var(--dl-ink)!important;text-decoration:none!important;font-weight:800;transition:.15s ease}
.dl-ecosystem-nav a:hover{transform:translateY(-1px);border-color:var(--dl-aqua-deep);background:#f8feff}.dl-ecosystem-nav a[aria-current="page"],.dl-ecosystem-nav a.is-current{background:var(--dl-ink);border-color:var(--dl-ink);color:#fff!important}
.dl-system-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#f5f8fb;color:var(--dl-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.dl-system-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dl-gray)}
.dl-system-pill.main:before{background:var(--dl-aqua-deep)}.dl-system-pill.client:before{background:var(--dl-orange-deep)}.dl-system-pill.license:before{background:var(--dl-gray-deep)}

/* Brand boundaries */
.dl-brand-section{position:relative;border:1px solid var(--dl-line)!important;background:#fff;border-radius:18px;box-shadow:var(--dl-shadow)}
.dl-brand-section:before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:4px;border-radius:6px;background:var(--dl-aqua)}
.dl-brand-section.dl-client:before{background:var(--dl-orange)}.dl-brand-section.dl-license:before{background:var(--dl-gray)}
.dl-accent-main{border-color:color-mix(in srgb,var(--dl-aqua) 70%,#fff)!important}.dl-accent-client{border-color:color-mix(in srgb,var(--dl-orange) 72%,#fff)!important}.dl-accent-license{border-color:color-mix(in srgb,var(--dl-gray) 62%,#fff)!important}

/* Super-admin system monitor */
.dl-overview-hero{position:relative;overflow:hidden;border:1px solid var(--dl-line);border-radius:24px;background:linear-gradient(125deg,#fff 0%,#f8fdff 58%,#fff8ef 100%);padding:24px;box-shadow:var(--dl-shadow)}
.dl-overview-hero:after{content:"";position:absolute;right:-70px;top:-80px;width:320px;height:240px;border-radius:50%;background:radial-gradient(circle at center,rgba(127,209,216,.18),rgba(244,163,64,.06) 45%,transparent 70%);pointer-events:none}
.dl-overview-title{margin:0;color:var(--dl-ink);font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:-.035em}.dl-overview-subtitle{margin:7px 0 0;max-width:850px;color:var(--dl-muted);font-size:15px}
.dl-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.dl-kpi{position:relative;overflow:hidden;border:1px solid var(--dl-line);border-radius:16px;background:#fff;padding:16px;box-shadow:0 5px 18px rgba(36,58,90,.05)}.dl-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dl-aqua)}.dl-kpi:nth-child(2):before,.dl-kpi:nth-child(3):before{background:var(--dl-orange)}.dl-kpi:nth-child(4):before{background:var(--dl-gray)}.dl-kpi strong{display:block;color:var(--dl-ink);font-size:28px;line-height:1}.dl-kpi span{display:block;margin-top:5px;color:var(--dl-muted);font-size:12px;font-weight:800}

.dl-system-monitor{margin-top:20px;border:1px solid var(--dl-line);border-radius:20px;background:#fff;padding:18px;box-shadow:var(--dl-shadow)}
.dl-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.dl-monitor-head h2{margin:0;color:var(--dl-ink);font-size:20px;font-weight:900}.dl-monitor-head p{margin:3px 0 0;color:var(--dl-muted);font-size:12px}.dl-monitor-legend{display:flex;align-items:center;gap:12px;color:var(--dl-muted);font-size:11px;font-weight:800}.dl-monitor-legend span{display:inline-flex;align-items:center;gap:5px}.dl-monitor-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.dl-monitor-legend .ok i{background:var(--dl-green)}.dl-monitor-legend .down i{background:var(--dl-red)}
.dl-system-row{display:grid;grid-template-columns:minmax(210px,1fr) 90px 130px 90px minmax(210px,1fr) 90px minmax(210px,1fr);align-items:center;gap:8px}
.dl-system-card{position:relative;min-height:128px;border:2px solid var(--dl-line);border-radius:18px;background:#fff;padding:16px;box-shadow:0 4px 16px rgba(36,58,90,.05);transition:border-color .2s,box-shadow .2s,transform .2s}.dl-system-card:hover{transform:translateY(-1px)}
.dl-system-card:before{content:"";position:absolute;left:-2px;top:18px;bottom:18px;width:5px;border-radius:0 5px 5px 0;background:var(--dl-aqua)}.dl-system-card.client:before{background:var(--dl-orange)}.dl-system-card.license:before{background:var(--dl-gray)}
.dl-system-card.is-connected{border-color:var(--dl-green);box-shadow:0 0 0 3px rgba(22,167,101,.06),0 8px 22px rgba(36,58,90,.06)}.dl-system-card.is-disconnected{border-color:var(--dl-red);background:var(--dl-red-soft);box-shadow:0 0 0 3px rgba(220,53,69,.06)}
.dl-system-card h3{margin:0;color:var(--dl-ink);font-size:18px;font-weight:900}.dl-system-card .dl-role{margin-top:2px;color:var(--dl-muted);font-size:12px;font-weight:700}.dl-system-card .dl-meta{display:grid;grid-template-columns:1fr auto;gap:4px 8px;margin-top:12px;color:var(--dl-muted);font-size:11px}.dl-system-card .dl-meta b{color:var(--dl-ink)}
.dl-status-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.dl-status-chip:before{content:"";width:8px;height:8px;border-radius:50%}.dl-status-chip.ok{background:var(--dl-green-soft);color:#087244}.dl-status-chip.ok:before{background:var(--dl-green)}.dl-status-chip.down{background:var(--dl-red-soft);color:#a31d2a}.dl-status-chip.down:before{background:var(--dl-red)}
.dl-system-hub{display:flex;align-items:center;justify-content:center;position:relative;width:124px;height:124px;margin:auto;border-radius:50%;background:conic-gradient(var(--dl-aqua-deep) 0 42%,var(--dl-orange) 42% 66%,var(--dl-gray) 66% 82%,#e9eef3 82% 100%);padding:4px}.dl-system-hub-inner{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#fff;border:1px solid var(--dl-line)}.dl-system-hub img{width:88px;height:auto}.dl-system-hub small{margin-top:3px;color:var(--dl-muted);font-size:10px;font-weight:800}

/* Directional arrow movement, approved instead of light/orb movement */
.dl-flow-track{position:relative;height:34px;overflow:hidden}.dl-flow-track:before{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:linear-gradient(90deg,var(--dl-aqua-deep),var(--dl-orange),var(--dl-gray));opacity:.65}.dl-flow-track.is-disconnected:before{background:var(--dl-red);opacity:.65}
.dl-flow-arrow{position:absolute;top:6px;left:-18px;color:var(--dl-green);font:900 20px/1 system-ui,-apple-system,"Segoe UI",sans-serif;text-shadow:0 1px 0 #fff;animation:dl-arrow-forward 2.8s linear infinite}.dl-flow-arrow.a2{animation-delay:.9s}.dl-flow-arrow.a3{animation-delay:1.8s}.dl-flow-track.reverse .dl-flow-arrow{animation-name:dl-arrow-reverse;transform:rotate(180deg)}.dl-flow-track.is-disconnected .dl-flow-arrow{color:var(--dl-red);animation:none;left:calc(50% - 9px);opacity:.9}.dl-flow-track.is-disconnected .dl-flow-arrow.a2,.dl-flow-track.is-disconnected .dl-flow-arrow.a3{display:none}
@keyframes dl-arrow-forward{0%{left:-18px;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 2px);opacity:0}}
@keyframes dl-arrow-reverse{0%{left:calc(100% - 2px);opacity:0}8%{opacity:1}92%{opacity:1}100%{left:-18px;opacity:0}}
@media (prefers-reduced-motion:reduce){.dl-flow-arrow{animation:none!important;left:calc(50% - 9px)!important}}

/* Client CRM visual alignment - additive; native functions remain unchanged */
body.dl-system-client{background:#f6f9fc!important;color:var(--dl-ink)}body.dl-system-client .wrapper{background:#f6f9fc}body.dl-system-client .content-wrapper{background:#f8fbfd!important;border-top:2px solid var(--dl-aqua)}body.dl-system-client .panel,body.dl-system-client .box,body.dl-system-client .card{border-color:var(--dl-line)!important;box-shadow:0 5px 18px rgba(36,58,90,.05)}body.dl-system-client .btn-primary{background:var(--dl-aqua-deep)!important;border-color:var(--dl-aqua-deep)!important}body.dl-system-client .sidebar .nav>li.active>a,body.dl-system-client .sidebar .nav>li>a:hover{border-left-color:var(--dl-orange)!important}

/* License surfaces visual alignment */
body.dl-system-license{background:#f6f9fc!important;color:var(--dl-ink)!important}body.dl-system-license .sidebar{background:#fff!important;border-right:1px solid var(--dl-line)!important}body.dl-system-license .main{background:#f6f9fc!important}body.dl-system-license .card{background:#fff!important;border-color:var(--dl-line)!important;color:var(--dl-ink)!important;box-shadow:0 5px 18px rgba(36,58,90,.05)}body.dl-system-license .card-header{border-bottom-color:var(--dl-line)!important}body.dl-system-license table th,body.dl-system-license table td{border-color:#edf2f6!important;color:var(--dl-ink)!important}body.dl-system-license .nav-menu a{color:var(--dl-muted)!important}body.dl-system-license .nav-menu a:hover,body.dl-system-license .nav-menu a.active{background:#f1fbfc!important;color:var(--dl-ink)!important;border-left-color:var(--dl-orange)!important}body.dl-system-license .form-control{background:#fff!important;color:var(--dl-ink)!important;border-color:var(--dl-line)!important}body.dl-system-license .btn-primary{background:var(--dl-aqua-deep)!important;border-color:var(--dl-aqua-deep)!important}body.dl-system-license .muted{color:var(--dl-muted)!important}

@media(max-width:1120px){.dl-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-system-row{grid-template-columns:1fr}.dl-flow-track{height:42px;transform:rotate(90deg);width:72px;margin:0 auto}.dl-system-hub{width:112px;height:112px}.dl-system-hub img{width:80px}}
@media(max-width:720px){.dl-ecosystem-bar{align-items:flex-start}.dl-ecosystem-nav{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.dl-brand-lockup img{width:154px}.dl-brand-tagline,.dl-brand-slogan{font-size:12px}.dl-kpi-grid{grid-template-columns:1fr}.dl-overview-hero{padding:18px}.dl-system-monitor{padding:14px}}


/* R4.4.3 unified DivLine controls across licensing surfaces. */
body.dl-system-license{
  --dl-control-surface:linear-gradient(135deg,#eaf7f8 0%,#fdf4ea 100%);
  --dl-control-surface-hover:linear-gradient(135deg,#ddf2f4 0%,#faead8 100%);
  --dl-control-border:#91d5db;
  --dl-control-active:#2459d3;
}
body.dl-system-license .btn:not(.btn-danger),body.dl-system-license .btn.primary,body.dl-system-license .btn-primary,
body.dl-system-license .actions a:not(.danger),body.dl-system-license [role="tab"],
body.dl-system-license .nav-menu a,body.dl-system-license .ecosystembar a{
  background:var(--dl-control-surface)!important;border:1px solid var(--dl-control-border)!important;color:#10213a!important;box-shadow:none!important
}
body.dl-system-license .btn:not(.btn-danger):hover,body.dl-system-license .btn.primary:hover,body.dl-system-license .btn-primary:hover,
body.dl-system-license .actions a:not(.danger):hover,body.dl-system-license [role="tab"]:hover,
body.dl-system-license .nav-menu a:hover,body.dl-system-license .ecosystembar a:hover{background:var(--dl-control-surface-hover)!important;border-color:#69c4cd!important;color:#10213a!important}
body.dl-system-license .nav-menu a.active,body.dl-system-license .ecosystembar a.primary{background:var(--dl-control-surface)!important;border-color:var(--dl-control-active)!important;color:#10213a!important;box-shadow:0 0 0 2px rgba(36,89,211,.07)!important}


/* R4.4.4 licensing/security network canvas and high-contrast controls. */
body.dl-system-license{background-color:#f7fafc!important;background-image:linear-gradient(rgba(247,250,252,.86),rgba(247,250,252,.86)),url('../img/divline-spider-lines.svg')!important;background-repeat:repeat!important;background-size:auto,1200px 800px!important;background-attachment:fixed!important}
body.dl-system-license .sidebar,body.dl-system-license .sidebar-header{background-image:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),url('../img/divline-spider-lines.svg')!important;background-size:auto,900px 600px!important}
body.dl-system-license .nav-menu a,body.dl-system-license .ecosystembar a{color:#10213a!important;font-weight:800!important}
body.dl-system-license .nav-menu a.active,body.dl-system-license .ecosystembar a.primary{border-color:#158a96!important;background:#e9f8fa!important;color:#10213a!important}


/* R4.4.5 stronger network canvas, especially around forms/cards. */
body.dl-system-license{background-image:linear-gradient(90deg,rgba(247,250,252,.35) 0%,rgba(247,250,252,.88) 36%,rgba(247,250,252,.92) 64%,rgba(247,250,252,.35) 100%),url('../img/divline-spider-lines.svg')!important;background-size:100% 100%,980px 650px!important;background-repeat:no-repeat,repeat!important;background-attachment:fixed!important}
body.dl-system-license .card,body.dl-system-license .main{background-color:rgba(255,255,255,.86)!important}


/* R4.5.1 license brand lockup correction. */
.dl-brand-lockup{container-type:inline-size}
.dl-brand-lockup img{line-height:0}
.dl-brand-lockup .dl-brand-slogan{width:91%;margin:-1px auto 0;line-height:1.03;font-size:clamp(11px,7cqi,14px);text-align:center;white-space:nowrap}
.dl-brand-lockup--mini .dl-brand-slogan{width:92%;font-size:clamp(10px,7cqi,12px)}

/* R4.5.3.3 branding visibility fixes */
.dlm-sidebar-brand .dl-brand-lockup,.dlm-admin-sidebar .dl-brand-lockup,.sidebar-brand .dl-brand-lockup{max-width:188px!important;overflow:visible!important}
.dlm-sidebar-brand img,.dlm-admin-sidebar .dl-brand-lockup img,.sidebar-brand .dl-brand-lockup img{width:172px!important;max-width:172px!important;height:auto!important;object-fit:contain!important}
.dlm-sidebar-brand .dl-brand-slogan,.dlm-admin-sidebar .dl-brand-slogan,.sidebar-brand .dl-brand-slogan{font-size:10px!important;line-height:1.05!important;white-space:nowrap!important}