/* iclp-site-align.css — aligns this module with the live ICLP portal (https://iclp.nicdc.in/), measured 4 Nov 2026.
   Loaded last, after iclp-design.css, in dist/index.html and dist/components/index.html.
   1. Header: the portal's own composition (tricolour mark + "Industrial Corridor Land Platform" / "An initiative of NICDC")
      on the portal navy. This replaces the boxed horizontal lockup, whose built-in navy rectangle showed as a second box
      on the charcoal band. The lockup remains in the footer, where the band is the same navy as its ground.
   2. Colour: portal navy #0E2A47 drives actions, links, KPIs and active states, as on the live site, instead of civic
      blue #137FEC; the charcoal header/footer bands become navy. Canonical tokens in design-system/colors_and_type.css
      are left untouched; this file only overrides them. Remove this file and the two <link> tags to revert. */
:root{
  --iclp-primary:#0E2A47;
  --iclp-primary-dark:#184677;
  --iclp-primary-darker:#0A1D31;
  --iclp-primary-50:#EEF2F7;
  --iclp-primary-100:#D5DEE9;
  --iclp-primary-r1:rgba(14,42,71,1);
  --iclp-primary-r2:rgba(14,42,71,.65);
  --iclp-primary-r3:rgba(14,42,71,.35);
  --brand-charcoal:#0E2A47;
}
/* Header band, as on the portal: navy, 71px, hairline bottom border */
body>header.iclp-header{background:#0E2A47;min-height:71px;padding:10px max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;gap:24px}
header.iclp-header .brand{display:flex;align-items:center;gap:12px;min-width:0;flex:none;color:#fff;text-decoration:none}
header.iclp-header .brand .iclp-mark{width:46px;height:40px;object-fit:contain;flex:none;background:transparent;border:0;padding:0}
header.iclp-header .brand>span{display:block;line-height:1.15;font-family:var(--font-sans)}
header.iclp-header .brand strong{display:block;color:#fff;font-size:20px;font-weight:900;letter-spacing:-.3px;margin:0}
header.iclp-header .brand small{display:block;color:rgba(255,255,255,.5);font-size:9px;font-weight:600;letter-spacing:1.9px;text-transform:uppercase;margin-top:3px}
header.iclp-header nav a{color:#f8f9fa;font-size:14px;font-weight:500}
header.iclp-header nav a:hover,header.iclp-header nav a[aria-current=page]{color:#fff;border-bottom-color:#fff}
header.iclp-header nav .project-link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:9px 14px}
header.iclp-header nav .project-link:hover{background:rgba(255,255,255,.08)}
/* Section menu */
.suite-nav a[aria-current=page]{color:#0E2A47;border-color:#0E2A47}
/* Hero scrim is navy; primary buttons on it need a light fill to stay visible */
.photo-led-hero{background:#0E2A47}
.photo-led-hero .button.primary,.photo-led-hero a.primary,.photo-led-hero button.primary{background:#fff;color:#0E2A47;border-color:#fff}
.photo-led-hero .button.primary:hover,.photo-led-hero a.primary:hover,.photo-led-hero button.primary:hover{background:#EEF2F7;color:#0A1D31;border-color:#EEF2F7}
/* Footer band and toast: navy, like the portal footer */
body>footer{background:#0E2A47}
#notice{background:#0E2A47}
@media(max-width:900px){header.iclp-header .brand strong{font-size:17px}}
@media(max-width:700px){header.iclp-header .brand .iclp-mark{width:38px;height:33px}header.iclp-header .brand strong{font-size:15px}header.iclp-header .brand small{font-size:8px;letter-spacing:1.5px}}
@media print{.statrow strong{color:#0E2A47!important}}