/* Shared navigation appearance, independent of each page's link inventory. */
:root{--nf-nav-ink:#52525b;--nf-nav-hover:#18181b;--nf-nav-surface:#f7f7f8;}
html{font-size:calc(16px + 0.5pt);}
/* Reuse the login page's subtle corner glows on selected account/info pages. */
body.nf-auth-glow{position:relative;isolation:isolate;min-height:100vh;background:#fff;overflow-x:clip;}
body.nf-auth-glow::before,body.nf-auth-glow::after{
  content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.16;
  z-index:0;pointer-events:none;
}
body.nf-auth-glow::before{width:380px;height:380px;background:#007fff;top:-120px;left:-110px;}
body.nf-auth-glow::after{width:440px;height:440px;background:#ee0c8d;bottom:-150px;right:-130px;}
body.nf-auth-glow>*{position:relative;z-index:1;}
/* A shared escape hatch for pages that do not carry the public-site header. */
.nf-home-return{
  position:fixed;top:max(16px,calc(10px + env(safe-area-inset-top)));left:max(16px,calc(12px + env(safe-area-inset-left)));z-index:4;
  display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e8e8ec;border-radius:10px;
  background:#fff;color:var(--nf-nav-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:calc(13px + 0.5pt);font-weight:500;line-height:1;box-shadow:0 1px 2px rgba(20,20,25,.04);text-decoration:none;
  transition:color .15s ease,background-color .15s ease,border-color .15s ease;
}
.nf-home-return:hover,.nf-home-return:focus-visible{color:var(--nf-nav-hover);background:var(--nf-nav-surface);border-color:#d7d7dc;text-decoration:none;}
.nf-home-return:focus-visible{outline:2px solid #007fff;outline-offset:2px;}
/* Legal and privacy pages retain their shared header, so the same control sits
   in the upper-left brand cluster rather than floating over the navigation. */
.nf-info-home-cluster{display:flex;align-items:center;gap:10px;min-width:0;}
.nf-info-home-return{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e8e8ec;border-radius:9px;background:#fff;color:var(--nf-nav-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:calc(12.5px + 0.5pt);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:color .15s ease,background-color .15s ease,border-color .15s ease;}
.nf-info-home-return:hover,.nf-info-home-return:focus-visible{color:var(--nf-nav-hover);background:var(--nf-nav-surface);border-color:#d7d7dc;text-decoration:none;}
.nf-info-home-return:focus-visible{outline:2px solid #007fff;outline-offset:2px;}
.nf-info-header .nf-info-links a,.side-nav-links a,.side-nav-links button,
.topright .btn-ghost,.topnav a,.nav-links a{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:400 !important;letter-spacing:normal;text-decoration:none;
  color:var(--nf-nav-ink);border-radius:8px;
  transition:color .15s ease,background-color .15s ease;
}
.nf-info-header .nf-info-links a:not(.nf-info-cta){padding:7px 6px;}
.nf-info-header .nf-info-links{gap:18px;}
.nf-info-header .nf-info-links a:not(.nf-info-cta):hover,.nf-info-header .nf-info-links a:not(.nf-info-cta):focus-visible,
.side-nav-links a:hover,.side-nav-links a:focus-visible,.side-nav-links button:hover,.side-nav-links button:focus-visible,
.topright .btn-ghost:hover,.topright .btn-ghost:focus-visible,.topnav a:hover,.nav-links a:hover{
  color:var(--nf-nav-hover);background:var(--nf-nav-surface);text-decoration:none;
}
.side-nav-group summary{font-size:calc(11.5px + 0.5pt);letter-spacing:.04em;font-weight:500;}
.side-nav-links #deleteBtn{color:#b3157a;}
.nf-info-header .nf-info-links .nf-info-cta,.topright .btn-solid{
  font-weight:500 !important;background:#ffe140;color:#1a1a1a;border-radius:10px;
  box-shadow:0 6px 16px -6px rgba(20,20,25,.18);
  animation:none;background-image:none;transition:background-color .15s ease,color .15s ease;
}
.nf-info-header .nf-info-links .nf-info-cta:hover,.nf-info-header .nf-info-links .nf-info-cta:focus-visible,
.topright .btn-solid:hover,.topright .btn-solid:focus-visible{
  background:#f5d326;color:#1a1a1a;background-image:none;animation:none;transform:none;text-shadow:none;
}
.landing-add-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.landing-add-tabs button{border:1px solid #e9e9ec;border-radius:10px;background:#fff;padding:9px 12px;font:400 calc(13px + 0.5pt) Inter,system-ui,sans-serif;color:#52525b;}
.landing-add-tabs button[aria-selected="true"]{background:#f7f7f8;color:#18181b;border-color:#b8bec8;}
.landing-add-tabs button span{font-size:calc(10.5px + 0.5pt);color:#6b7280;margin-left:4px;}
#landingIntegrationSearch{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #e9e9ec;border-radius:10px;font:inherit;}
.landing-integration-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto;margin-top:12px;}
.landing-integration-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e9e9ec;border-radius:10px;opacity:.55;filter:grayscale(1);}
.landing-integration-logo{width:26px;height:26px;border:1px solid #d9dde3;border-radius:6px;display:grid;place-items:center;flex:none;font-size:calc(11px + 0.5pt);}
.landing-integration-row small{margin-left:auto;font-size:calc(10.5px + 0.5pt);}
.budget-info-card{max-height:calc(100dvh - 36px);overflow:auto;}
@media(max-width:780px){
  /* Native WebViews may report a zero safe-area inset while still reserving a
     status area. Keep the shared control below that visual chrome. */
  .nf-home-return{top:max(56px,calc(22px + env(safe-area-inset-top))) !important;left:max(22px,calc(16px + env(safe-area-inset-left)));}
  .nf-info-home-cluster{gap:7px;}
  .nf-info-home-return{padding:7px 9px;font-size:calc(12px + 0.5pt);}
  .nf-info-header .nf-info-links{gap:10px;}
}