/* NILA Connect v21.1 unified brand correction
   Deep blue is the main brand. Gold is the action colour. Teal is a small trust/status accent only. */
:root{
  --nila-blue:#082142;
  --nila-blue-2:#0d2f5b;
  --nila-blue-3:#123a6f;
  --nila-teal:#0A5A4D;
  --nila-gold:#D4A832;
  --nila-gold-soft:#fff4cf;
  --nila-bg:#F4F6F9;
  --nila-card:#ffffff;
  --nila-ink:#10233f;
  --nila-muted:#63758c;
  --nila-soft:#e8eef4;
  --nila-border:#dfe7ef;
  --nila-danger:#b42318;
  --nila-radius:20px;
  --nila-shadow:0 18px 45px rgba(8,33,66,.10);
  --nila-shadow-sm:0 10px 25px rgba(8,33,66,.08);
}
html,body{background:var(--nila-bg)!important;}
body{
  font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:var(--nila-ink)!important;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--nila-blue)}
.container{max-width:1180px}
.nav,.site-nav,header.navbar,.topbar,.main-nav{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(223,231,239,.9)!important;
  box-shadow:0 8px 24px rgba(8,33,66,.05)!important;
  backdrop-filter:blur(14px);
}
.nav a,.nav-links a,.site-nav a,.main-nav a{color:var(--nila-blue)!important;font-weight:800!important}
.nav a:hover,.nav-links a:hover,.site-nav a:hover{color:var(--nila-blue-3)!important}
.btn,.button,button,.cb,.lb,.export-btn,input[type="submit"]{
  font-family:inherit!important;
  border-radius:999px!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}
.btn-gold,.btn-primary,.cb-primary,.lb-primary,.export-btn.gold,[data-action="primary"]{
  background:var(--nila-gold)!important;
  color:var(--nila-blue)!important;
  border:1px solid rgba(212,168,50,.70)!important;
  box-shadow:0 10px 22px rgba(212,168,50,.22)!important;
}
.btn-gold:hover,.btn-primary:hover,.cb-primary:hover,.lb-primary:hover{filter:brightness(.98);transform:translateY(-1px)}
.btn-outline,.cb-soft,.lb-soft,.export-btn:not(.gold){
  background:#fff!important;
  color:var(--nila-blue)!important;
  border:1px solid var(--nila-border)!important;
  box-shadow:0 8px 18px rgba(8,33,66,.05)!important;
}
.lb-green,.btn-teal,.cb-green,.status-good{background:#eef7f5!important;color:var(--nila-teal)!important;border:1px solid #cce6e0!important}
.lb-red,.cb-red{background:#fff3f1!important;color:var(--nila-danger)!important;border:1px solid #ffd7d2!important}
.card,.tile,.panel,.dashboard-card,.cd-card,.pd-card,.lead-card,.saved-card,.req-card,.premium-panel,.pp-about,.pp-services,.review-card,.value-card,.tier,.stat-card,.form-card{
  background:var(--nila-card)!important;
  border:1px solid var(--nila-border)!important;
  border-radius:var(--nila-radius)!important;
  box-shadow:var(--nila-shadow-sm)!important;
  color:var(--nila-ink)!important;
}
.card h1,.card h2,.card h3,.tile h1,.tile h2,.tile h3,.panel h1,.panel h2,.panel h3,.cd-card h3,.pd-card h3,.lead-name,.pp-about h3,.pp-services h3,h1,h2,h3{
  color:var(--nila-blue)!important;
  letter-spacing:-.02em;
}
p,small,span,label,.muted,.pd-sub,.pp-cat,.lead-row b,.pf-label{color:var(--nila-muted)}
input,select,textarea,.pf-input{
  background:#fff!important;
  color:var(--nila-ink)!important;
  border:1.5px solid var(--nila-border)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus,.pf-input:focus{
  outline:none!important;
  border-color:var(--nila-blue-2)!important;
  box-shadow:0 0 0 4px rgba(8,33,66,.12)!important;
}
/* Dark panels: white readable text only */
[style*="background:#082142"], [style*="background: #082142"], [style*="background:#081225"], [style*="background: #081225"],
.hero,.pd-hero,.pp-hero,.tier.power,.plan-welcome.power,.nila-dark-panel{
  color:#fff!important;
}
[style*="background:#082142"] *, [style*="background: #082142"] *, [style*="background:#081225"] *, [style*="background: #081225"] *,
.hero *,.pd-hero *,.pp-hero *,.tier.power *,.plan-welcome.power *,.nila-dark-panel *{color:inherit!important}
.pd-hero,.pp-hero,.provider-hero,.profile-hero{
  background:linear-gradient(135deg,var(--nila-blue) 0%,var(--nila-blue-2) 100%)!important;
  border-radius:0 0 28px 28px!important;
  box-shadow:0 22px 45px rgba(8,33,66,.18)!important;
  color:#fff!important;
}
.pd-hero h1,.pd-hero h2,.pd-hero h3,.pp-hero h1,.pp-hero h2,.pp-hero h3,.provider-hero h1,.profile-hero h1{color:#fff!important}
.pd-hero .pd-sub,.pp-cat,.pp-stat span,.pd-stat-lbl{color:rgba(255,255,255,.78)!important}
.pd-stat-val,.pp-stat b{color:var(--nila-gold)!important}
.pd-avatar,.pp-avatar{background:var(--nila-gold)!important;color:var(--nila-blue)!important;border:none!important}
.pd-stat{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:16px!important}
.pd-tabs,.cd-tabs{
  background:#fff!important;
  border:1px solid var(--nila-border)!important;
  border-radius:999px!important;
  padding:6px!important;
  max-width:980px!important;
  margin:18px auto 0!important;
  box-shadow:var(--nila-shadow-sm)!important;
  position:sticky;top:8px;z-index:60;
}
.pd-tab,.cd-tab{color:var(--nila-muted)!important;border-radius:999px!important;border:0!important;padding:10px 16px!important;background:transparent!important}
.pd-tab.active,.cd-tab.active{background:var(--nila-blue)!important;color:#fff!important;border-bottom-color:transparent!important}
.pd-panel,.cd-panel{max-width:1120px!important;padding:24px 18px 110px!important}
.pd-panel.active,.cd-panel.active{display:block!important}
.pd-card,.cd-card,.lead-card{padding:22px!important;margin-bottom:18px!important}
.pd-card h3,.cd-card h3{font-size:17px!important;margin-bottom:14px!important}
.lead-card{border-left:5px solid var(--nila-gold)!important}
.lead-row{border-bottom:1px solid #eef3f7!important;grid-template-columns:150px 1fr!important}
.lead-note{background:#f7fafc!important;border:1px solid #e7edf3!important;color:var(--nila-ink)!important;border-radius:14px!important}
.status-pill,.plan-badge{background:#eef7f5!important;color:var(--nila-teal)!important;border:1px solid #cce6e0!important}
.plan-badge.pro{background:var(--nila-gold-soft)!important;color:#735500!important;border-color:#f3daa0!important}
.plan-badge.power{background:var(--nila-blue)!important;color:#fff!important;border-color:var(--nila-blue)!important}
.tier.power,.plan-welcome.power{background:linear-gradient(135deg,var(--nila-blue),var(--nila-blue-2))!important;color:#fff!important}
/* Customer dashboard */
body.page-customer-dashboard #dashBody{max-width:1120px!important;margin:0 auto!important;padding:28px 18px 110px!important;text-align:left!important}
body.page-customer-dashboard .saved-card{align-items:flex-start!important;gap:16px!important}
body.page-customer-dashboard .cd-empty{background:#fff!important;border:1px dashed #ccd7e2!important;border-radius:20px!important}
/* Provider profile */
body.page-provider #providerProfileMount{background:var(--nila-bg)!important}
body.page-provider .premium-panel.main-panel,body.page-provider .premium-panel{border-radius:24px!important;border:1px solid var(--nila-border)!important;box-shadow:var(--nila-shadow)!important}
body.page-provider .premium-headline h1,body.page-provider h1,body.page-provider h2,body.page-provider h3{color:var(--nila-blue)!important}
body.page-provider .premium-headline p{color:var(--nila-muted)!important}
body.page-provider .provider-hero h1,body.page-provider .profile-hero h1,body.page-provider .pp-hero h1,
body.page-provider .provider-hero p,body.page-provider .profile-hero p,body.page-provider .pp-hero p{color:#fff!important}
body.page-provider .premium-photo{background:linear-gradient(135deg,#fff9e8,#f7fafc)!important;border:1px solid var(--nila-border)!important;color:var(--nila-blue)!important}
body.page-provider .premium-photo.alt{background:linear-gradient(135deg,var(--nila-blue),var(--nila-blue-2))!important;color:#fff!important}
/* Forms, auth and account screens */
body.page-login main,body.page-provider-login main,body.page-join main,body.page-account main,.auth-card,.login-card,.join-card{
  background:#fff!important;border:1px solid var(--nila-border)!important;border-radius:24px!important;box-shadow:var(--nila-shadow)!important;
}
body.page-directory .filter-panel,body.page-directory .results-panel,body.page-directory .map-panel,
body.page-request form,body.page-quote form,body.page-profile-editor form{background:#fff!important;border:1px solid var(--nila-border)!important;border-radius:22px!important;box-shadow:var(--nila-shadow-sm)!important}
.mobile-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid var(--nila-border)!important;box-shadow:0 -10px 30px rgba(8,33,66,.08)!important}
.mobile-nav .mn-item{color:var(--nila-muted)!important}.mobile-nav .mn-item.active{color:var(--nila-blue)!important}.mobile-nav .mn-item.active span{background:var(--nila-gold)!important;color:var(--nila-blue)!important}
/* Override old random greens/blacks/blues into the system */
[style*="#154c8f"],[style*="#124d8f"],[style*="#081225"],[style*="#000"],[style*="black"]{border-color:var(--nila-border)}
.nila-v21-dashboard-intro{background:linear-gradient(135deg,var(--nila-blue),var(--nila-blue-2))!important;color:#fff!important}
.nila-v21-dashboard-intro h1,.nila-v21-dashboard-intro h2,.nila-v21-dashboard-intro p{color:#fff!important}
.nila-v21-kicker{background:rgba(212,168,50,.16)!important;border:1px solid rgba(212,168,50,.35)!important;color:#F4D77A!important}
@media(max-width:720px){
  .container{padding-left:16px!important;padding-right:16px!important}
  .pd-hero,.pp-hero{padding:22px 16px 18px!important;border-radius:0 0 22px 22px!important}
  .pd-top{align-items:flex-start!important}.pd-stats{grid-template-columns:repeat(2,1fr)!important}
  .pd-tabs,.cd-tabs{border-radius:18px!important;overflow-x:auto!important;margin:12px 12px 0!important;top:6px!important}
  .pd-tab,.cd-tab{font-size:12px!important;padding:10px 13px!important}
  .pd-panel,.cd-panel,body.page-customer-dashboard #dashBody{padding:18px 12px 100px!important}
  .pd-card,.cd-card,.lead-card,.saved-card,.req-card{border-radius:18px!important;padding:18px!important}
  .lead-row{grid-template-columns:1fr!important;gap:3px!important}
  .pf-grid,.quote-grid,.value-grid,.tier-strip{grid-template-columns:1fr!important}
  .pp-body,#reviewSection{grid-template-columns:1fr!important}
  .btn,.button,.cb,.lb{min-height:42px;justify-content:center}
}