/* Parivar Mitra v5.33.16 — screenshot fixes and consistent logo-colour refinement. */
:root {
  --pm16-navy:#07194f;
  --pm16-blue:#03468f;
  --pm16-cyan:#03a4df;
  --pm16-green:#008846;
  --pm16-lime:#68b90e;
  --pm16-soft:#f4f8fd;
  --pm16-line:#dbe7f3;
}

/* Public navigation: blue is primary, green shows success, lime is a subtle accent. */
.public-body .pm516-site-header,
.public-body .site-header {
  background:#fff!important;
  border-bottom:1px solid var(--pm16-line)!important;
  box-shadow:0 8px 28px rgba(7,25,79,.06);
}
.public-body .site-header::after {
  height:3px;
  background:linear-gradient(90deg,#07194f 0%,#03468f 30%,#03a4df 54%,#008846 78%,#68b90e 100%);
}
.public-body .pm516-site-nav>a:not(.btn),
.public-body .pm516-site-nav .pm516-nav-menu>summary {color:#172f4d;}
.public-body .pm516-site-nav>a:not(.btn):hover,
.public-body .pm516-site-nav .pm516-nav-menu>summary:hover {color:#03468f!important;}
.public-body .site-nav>a.active:not(.btn),
.public-body .site-nav>a[aria-current="page"]:not(.btn) {color:#03468f!important;border-bottom-color:#68b90e!important;}

/* Screenshot 3: the selected language must never have blue/dark text on blue. */
.public-body .pm-lang-switch.public-lang,
.app-body .pm-lang-switch.app-lang {
  display:inline-flex;align-items:center;gap:3px;padding:4px;
  border:1px solid #d6e5f4;border-radius:999px;background:#fff;
  box-shadow:0 2px 10px rgba(7,25,79,.04);
}
.public-body .pm-lang-switch.public-lang a,
.app-body .pm-lang-switch.app-lang a {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;padding:7px 11px;border-radius:999px;
  font-size:12px;font-weight:750;line-height:1.2;
  color:#223c59!important;background:transparent!important;
  text-decoration:none;white-space:nowrap;
}
.public-body .pm-lang-switch.public-lang a:hover:not(.active),
.app-body .pm-lang-switch.app-lang a:hover:not(.active) {
  color:#03468f!important;background:#ecf5ff!important;
}
.public-body .pm-lang-switch.public-lang a.active,
.public-body .pm516-site-nav .pm-lang-switch.public-lang a.active,
.app-body .pm-lang-switch.app-lang a.active {
  background:#03468f!important;color:#fff!important;
  border-color:#03468f!important;text-shadow:none!important;
  box-shadow:0 3px 9px rgba(3,70,143,.17)!important;
}

/* Screenshot 2: legible, intentional white label on a deep blue/green CTA. */
.public-body.pm-v5152.pm-v516 .pm-final-cta,
.public-body .pm-final-cta {
  background:
    radial-gradient(circle at 96% 0%,rgba(104,185,14,.19),transparent 27%),
    linear-gradient(112deg,#07194f 0%,#03468f 62%,#066967 100%)!important;
  border-top:4px solid #68b90e;
}
.public-body .pm-final-cta .eyebrow,
.public-body .pm-final-cta [class*="kicker"] {
  display:inline-flex;align-items:center;max-width:100%;
  padding:7px 12px;background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:999px;color:#f4fff6!important;
  font-size:11px;font-weight:800;letter-spacing:.14em;
  text-shadow:none!important;opacity:1!important;
}
.public-body .pm-final-cta h2 {color:#fff!important;}
.public-body .pm-final-cta p {color:#e4f0ff!important;}
.public-body .pm-final-cta .btn.light {
  background:#fff!important;border-color:#fff!important;color:#07194f!important;
}
.public-body .pm-final-cta .btn.outline-light {
  background:transparent!important;border-color:rgba(255,255,255,.75)!important;color:#fff!important;
}
.public-body .pm-final-cta .btn.outline-light:hover {
  background:#fff!important;color:#07194f!important;
}
.public-body .pm-footer,.public-body .footer {background:#07194f!important;color:#dfebff;}
.public-body .pm-footer a:hover {color:#bcead1!important;}

/* Admin: coherent navigation, accessible white actions and distinct metrics. */
.app-body .sidebar,
.app-body.portal-super_admin .sidebar,
.app-body.portal-admin .sidebar,
.app-body.portal-customer .sidebar,
.app-body.portal-partner .sidebar {
  background:linear-gradient(175deg,#07194f 0%,#0a2a67 65%,#03468f 100%)!important;
}
.app-body .side-nav a {color:#e0ebfc!important;}
.app-body .side-group-title {color:#b7d2ed!important;}
.app-body .side-nav a:hover {background:rgba(3,164,223,.14)!important;color:#fff!important;}
.app-body .side-nav a.active,
.app-body .side-nav a[aria-current="page"] {
  background:linear-gradient(100deg,rgba(3,164,223,.26),rgba(3,70,143,.44))!important;
  box-shadow:inset 3px 0 0 #68b90e!important;
  border-left:0!important;color:#fff!important;
}
.app-body .app-top {background:#fff!important;border-bottom:1px solid var(--pm16-line);}
.app-body .app-title h1,.app-body .content-header h2 {color:#07194f;}
.app-body .metric-grid article {
  display:flex;flex-direction:column;gap:7px;min-width:0;
  background:#fff!important;border:1px solid #dbe7f3!important;
  border-radius:17px;padding:18px 20px!important;
  box-shadow:0 9px 22px rgba(7,25,79,.045)!important;
  position:relative;overflow:hidden;
}
.app-body .metric-grid article::before {
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#03a4df;
}
.app-body .metric-grid article:nth-child(2)::before {background:#68b90e;}
.app-body .metric-grid article:nth-child(3)::before {background:#008846;}
.app-body .metric-grid article:nth-child(4)::before {background:#03468f;}
.app-body .metric-grid article>small {display:block;font-size:12px;line-height:1.35;color:#536e88;}
.app-body .metric-grid article>strong {display:block;font-size:28px;line-height:1.1;color:#07194f;}
.app-body .filter-bar,.app-body .table-card {border-color:#dbe7f3;}
.app-body .table-card thead {background:#f2f7fc;}
.app-body .table-card th {color:#21466d;}

/* Screenshot 1: CRM lead modal and date/time picker. */
.app-body .modal[id^="lead"] .modal-card {
  box-sizing:border-box;width:min(740px,calc(100vw - 32px));max-width:740px;
  max-height:min(88vh,850px);overflow-y:auto;overflow-x:visible;
  padding:clamp(24px,3vw,36px);background:#fff;
  border:1px solid #d5e4f3;border-top:4px solid #087fc3;
  border-radius:22px;box-shadow:0 25px 70px rgba(7,25,79,.23);
}
/* Let the calendar popover escape the card on desktop, while the overlay scrolls. */
@media(min-width:701px) {
  .app-body .modal[id^="lead"] .modal-card {max-height:none;overflow:visible;}
  .app-body .modal[id^="lead"] .pm-date-popover {top:auto;bottom:calc(100% + 8px);}
}
.app-body .modal[id^="lead"] .modal-card h2 {margin-bottom:8px;color:#07194f;}
.app-body .modal[id^="lead"] .modal-card p.muted {margin:0 0 22px;color:#62788f;}
.app-body .modal[id^="lead"] .grid-form {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px 16px;min-width:0;
}
.app-body .modal[id^="lead"] .grid-form>label {display:block;min-width:0;max-width:100%;color:#173955;}
.app-body .modal[id^="lead"] .grid-form>label:nth-of-type(n+3) {grid-column:1/-1;}
.app-body .modal[id^="lead"] .grid-form select,
.app-body .modal[id^="lead"] .grid-form input {box-sizing:border-box;min-width:0;width:100%;}
.app-body .modal[id^="lead"] .pm-datetime-local-control {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px;width:100%;min-width:0;margin-top:8px;
}
.app-body .modal[id^="lead"] .pm-date-control,
.app-body .modal[id^="lead"] .pm-time-control {display:flex;min-width:0;max-width:100%;}
.app-body .modal[id^="lead"] .pm-date-display {
  box-sizing:border-box;display:grid;grid-template-columns:25px minmax(0,1fr) 12px;
  align-items:center;gap:9px;width:100%;max-width:100%;min-width:0;
  min-height:48px;padding:11px 12px;white-space:nowrap;
}
.app-body .modal[id^="lead"] .pm-date-display .pm-datetime-value {
  min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:13px;font-weight:600;
}
.app-body .modal[id^="lead"] .pm-time-select {
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:48px;
  padding-left:44px;padding-right:29px;font-size:13px;font-weight:600;
}
.app-body .modal[id^="lead"] .pm-datetime-icon {
  background:#edf6fd;color:#03468f;
}
.app-body .modal[id^="lead"] .grid-form>.btn.full {
  grid-column:1/-1;width:100%;margin-top:3px;min-height:50px;
  background:#03468f!important;border-color:#03468f!important;
  color:#fff!important;font-weight:800;
}
.app-body .modal[id^="lead"] .grid-form>.btn.full:hover {
  background:#07194f!important;border-color:#07194f!important;
}
.app-body .modal[id^="lead"] [data-modal-close] {
  color:#173d64;background:#eef4f9;border-radius:50%;
}
@media(max-width:700px) {
  .app-body .modal[id^="lead"] .grid-form {grid-template-columns:minmax(0,1fr)!important;gap:13px;}
  .app-body .modal[id^="lead"] .grid-form>label {grid-column:1/-1;}
  .app-body .modal[id^="lead"] .modal-card {max-height:92vh;padding:22px 18px;}
}
@media(max-width:490px) {
  .app-body .modal[id^="lead"] .pm-datetime-local-control {grid-template-columns:minmax(0,1fr)!important;}
  .public-body .pm-lang-switch.public-lang a {padding:6px 8px;font-size:11px;}
  .public-body .pm-final-cta .eyebrow {letter-spacing:.08em;font-size:10px;}
}