/* i4DataNation visual system — preserves existing pages while applying the new dashboard theme. */
:root{--i4-navy:#061b3a;--i4-navy-2:#0b2a55;--i4-blue:#1769e8;--i4-blue-2:#2563eb;--i4-teal:#18b7a5;--i4-bg:#f5f8fc;--i4-card:#fff;--i4-text:#14213a;--i4-muted:#68758a;--i4-border:#e5eaf2;--i4-shadow:0 8px 30px rgba(15,35,65,.07)}
html,body{background:var(--i4-bg)!important;color:var(--i4-text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
/* common indigo/purple remnants */
.text-indigo-800,.text-indigo-900,.text-purple-600,.text-purple-700{color:var(--i4-blue)!important}.bg-indigo-600,.bg-indigo-700,.bg-purple-600{background:var(--i4-blue)!important}.bg-indigo-100,.bg-purple-100{background:#eaf2ff!important}.border-indigo-600{border-color:var(--i4-blue)!important}.hover\:bg-indigo-700:hover{background:var(--i4-blue-2)!important}
/* public header */
header{background:#fff!important;border-color:var(--i4-border)!important;box-shadow:0 1px 0 rgba(10,30,60,.03)}
header img[alt="i4DataNation"]{width:34px!important;height:34px!important;object-fit:contain}
/* dashboard shell */
.app{background:var(--i4-bg)}.side{background:linear-gradient(180deg,var(--i4-navy),#04152e)!important;color:#fff;border:0!important;box-shadow:5px 0 22px rgba(0,0,0,.08)}.brand{height:78px;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff!important}.brand img{width:38px!important;height:38px!important;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.nav h5{color:#7f94b5!important}.nav a{color:#d6e1f2!important}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#1769e8,#1f78f0)!important;color:#fff!important;box-shadow:0 7px 18px rgba(23,105,232,.22)}.main{background:var(--i4-bg)}.top{background:#fff!important;border-bottom:1px solid var(--i4-border)!important;box-shadow:0 1px 8px rgba(20,40,70,.03)}.card{border-color:var(--i4-border)!important;box-shadow:var(--i4-shadow)}.head{border-color:var(--i4-border)!important}.primary{background:linear-gradient(135deg,var(--i4-blue),#2c7af4)!important;color:#fff!important}.light{background:#edf2f8!important;color:#2d3c55!important}.service:hover{border-color:#bcd3fb!important;box-shadow:0 12px 28px rgba(23,105,232,.10)}.icon{background:#eaf2ff!important;color:var(--i4-blue)!important}.badge{background:#eaf2ff!important;color:#2458a6!important}.table th{color:#738096!important}
/* richer dashboard accents */
.stat strong{color:var(--i4-navy)}.content h1{color:var(--i4-navy)}
/* all forms/buttons from captured frontend */
button,[type=button],[type=submit],a[class*="bg-indigo"],a[class*="bg-blue"]{transition:.18s ease}.rounded-lg,.rounded-xl{border-radius:12px!important}
/* responsive sidebar */
@media(max-width:950px){.side{z-index:50}.top{position:sticky;top:0;z-index:30}}
.side.open{transform:translateX(0)!important}.mobile{cursor:pointer}.top .actions{align-items:center}.top .badge{white-space:nowrap}
/* Public-page hero/section compatibility with the supplied deployed frontend. */
section{scroll-margin-top:80px}.shadow,.shadow-md,.shadow-lg{box-shadow:var(--i4-shadow)!important}.bg-gray-100{background:#f5f8fc!important}.bg-white{background:#fff!important}
/* Ensure the new logo reads correctly wherever the original utility classes constrain it. */
img[src*="logo.png"]{object-fit:contain}