/* Parivar Mitra visual identity – v5.33.15. Logo-aligned, accessible brand tokens. */
:root {
  --navy:#07194f; --navy2:#07194f; --teal:#03468f; --teal2:#087fc3;
  --green:#008846; --pm-blue:#03468f; --pm-cyan:#03a4df; --pm-lime:#68b90e;
  --pm-navy:#07194f; --pm-green:#008846;
  --pm-brand-blue-gradient:linear-gradient(115deg,#07194f 0%,#03468f 42%,#087fc3 75%,#03a4df 100%);
  --pm-brand-green-gradient:linear-gradient(115deg,#008846 0%,#169e2c 52%,#68b90e 100%);
  --pm-outline:rgba(3,70,143,.16); --pm-focus:#03a4df;
}
html { color-scheme:light; }
body { color:#172536; }
a { color:#03468f; }
a:hover { color:#07194f; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid var(--pm-focus);outline-offset:2px;
}
::selection {background:rgba(3,164,223,.2);color:#07194f;}
.btn,button.btn,input[type="submit"].btn {background:#03468f;border-color:#03468f;color:#fff!important;box-shadow:0 7px 20px rgba(3,70,143,.15);}
.btn:hover,button.btn:hover,input[type="submit"].btn:hover {background:#07194f;border-color:#07194f;}
.btn.secondary {background:#f0f7ff;border-color:#c8dcee;color:#03468f!important;box-shadow:none;}
.btn.secondary:hover {background:#dfecfb;border-color:#a2c7ed;}
.btn.light {background:#fff;border-color:#fff;color:#07194f!important;}
.btn.outline-light {background:transparent;border-color:rgba(255,255,255,.65);color:#fff!important;}
.btn.danger {background:#fff0ee;border-color:#f2c6c0;color:#b42318!important;box-shadow:none;}
.eyebrow,[class*="section-kicker"] {color:#008846;}
.badge.success,.status.success,.pill.success {background:#edf8e9;color:#006e39;border-color:#cbe8c7;}
.badge.info,.status.info {background:#eaf5ff;color:#03468f;border-color:#cfdfed;}

/* Website header, wordmark and navigation. */
.top-strip {background:#07194f;color:#e8f1ff;}
.site-header,.pm516-site-header {background:rgba(255,255,255,.97);border-bottom:1px solid rgba(3,70,143,.12);box-shadow:0 7px 28px rgba(7,25,79,.055);}
.site-header:after {content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#03468f 0%,#03a4df 48%,#008846 74%,#68b90e 100%);pointer-events:none;}
.site-nav a:hover,.site-nav summary:hover,.pm516-site-nav a:hover {color:#03468f;}
.site-nav a[aria-current="page"],.site-nav a.active {color:#03468f;}
.brand-image-link {display:inline-flex;align-items:center;flex-shrink:0;}
.brand-image-link .website-logo,.website-logo {width:auto;max-width:min(250px,40vw);max-height:56px;object-fit:contain;object-position:left center;}
.nav-login,.pm518-signin {border-color:#03468f;color:#03468f;}
.nav-login:hover,.pm518-signin:hover {background:#e9f4ff;}

/* Public sections: confidence-building blue, calm white, deliberate green accents. */
.home-hero,.pm2-hero,.pm516-home-hero {background:radial-gradient(circle at 88% 19%,rgba(3,164,223,.13),transparent 30%),radial-gradient(circle at 4% 90%,rgba(104,185,14,.08),transparent 28%),linear-gradient(140deg,#f8fbff,#eff6fc 54%,#f9fcf7);}
.home-hero h1,.page-hero h1,.service-hero h1,.pm2-hero h1 {color:#07194f;}
.home-hero h1 span,.pm2-hero h1 span {color:#03468f;}
.hero-actions .btn:first-child,.pm2-hero-actions .btn:first-child {background:#03468f;border-color:#03468f;}
.stat strong,.stat-card strong,.metric-card strong {color:#07194f;}
.section-title h2,.section-head h2 {color:#07194f;}
.service-card:hover,.feature-card:hover,.pricing-card:hover {border-color:#b6d6ef;box-shadow:0 15px 35px rgba(3,70,143,.09);}
.cta-band,.cta-section,.pm515-cta {background:var(--pm-brand-blue-gradient);color:#fff;}
.cta-band h2,.cta-section h2 {color:#fff;}
.site-footer,.footer {background:#07194f;color:#e7efff;}
.site-footer a,.footer a {color:#e7efff;}
.site-footer a:hover,.footer a:hover {color:#9ddaf9;}
.footer-brand-image,.footer-website-logo {background:#fff;border-radius:9px;padding:9px;object-fit:contain;}
.footer-bottom {border-top-color:rgba(255,255,255,.15);}
.mobile-public-nav {border-top:2px solid #03a4df;}

/* Admin, partner and customer portals use the same visual system. */
.app-body {background:#f4f8fc;}
.sidebar,.portal-super_admin .sidebar,.portal-admin .sidebar,.portal-customer .sidebar,.portal-partner .sidebar,.portal-coordinator .sidebar {
  background:linear-gradient(165deg,#07194f 0%,#082b67 57%,#03468f 100%)!important;
  color:#fff;box-shadow:10px 0 34px rgba(7,25,79,.09);
}
.side-head {border-bottom:1px solid rgba(255,255,255,.15);}
.side-head .website-logo,.side-head img[src*="parivar-mitra-logo"] {background:#fff;border-radius:9px;padding:5px;}
.side-group-title {color:#b8d5ed!important;letter-spacing:.07em;}
.side-nav a,.side-link {color:#e2edff;}
.side-nav a:hover,.side-link:hover {background:rgba(255,255,255,.12);color:#fff;}
.side-nav a.active,.side-link.active,.side-nav a[aria-current="page"] {background:rgba(3,164,223,.22)!important;color:#fff!important;border-left:3px solid #68b90e;}
.side-foot {border-top-color:rgba(255,255,255,.15);}
.app-topbar,.topbar {background:rgba(255,255,255,.98);border-bottom:1px solid #dce8f3;}
.pm-admin-hero,.analytics-hero,.seo-hub-hero,.bi-hero {border-color:rgba(3,70,143,.14);}
.dashboard-grid .card,.stat-card,.metric-card,.kpi-card {border-color:#dce8f3;}
.card,.panel {box-shadow:0 6px 25px rgba(7,25,79,.04);}
.card h2,.card h3,.content-header h1,.page-header h1 {color:#07194f;}
.tabs a.active,.tab.active,[role="tab"][aria-selected="true"] {color:#03468f;border-bottom-color:#008846;}
.tabs a:hover,.tab:hover {color:#03468f;}
.form-control:focus,input:focus,textarea:focus,select:focus {border-color:#087fc3;}
.progress-fill,.progress-bar span {background:linear-gradient(90deg,#03468f,#03a4df);}
.portal-customer .sidebar,.portal-partner .sidebar {background:linear-gradient(165deg,#07194f,#03468f)!important;}

/* The official logo contains bright cyan/lime; these remain accents, never white-text button backgrounds. */
@media (max-width:800px) {
  .brand-image-link .website-logo,.website-logo {max-width:min(208px,54vw);max-height:49px;}
  .site-header:after {height:2px;}
  .sidebar {box-shadow:12px 0 35px rgba(7,25,79,.2);}
}
@media (prefers-reduced-motion:reduce) {
  .btn,.service-card,.feature-card {transition:none;}
}