/* mbiller stable header + layout repair v15 */
:root{--mb-ink:#111827;--mb-muted:#64748b;--mb-cream:#fffaf4;--mb-paper:#fff7ed;--mb-orange:#f97316;--mb-orange-dark:#9a3412;--mb-line:rgba(249,115,22,.18)}
html,body{max-width:100%;overflow-x:hidden}
.site-header{background:rgba(255,250,244,.98)!important;border-bottom:1px solid var(--mb-line)!important;box-shadow:0 10px 28px rgba(124,45,18,.06)!important;color:var(--mb-ink)!important;position:relative;z-index:50}
.site-header-inner{width:min(1220px,calc(100vw - 32px))!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;min-height:88px!important;box-sizing:border-box!important}
.site-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:max-content!important;text-decoration:none!important;color:var(--mb-ink)!important}.site-brand .brand-mark{width:66px!important;height:66px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border:1px solid var(--mb-line)!important;box-shadow:0 14px 34px rgba(124,45,18,.10)!important;overflow:hidden!important}.site-brand .brand-mark img{width:58px!important;height:58px!important;object-fit:contain!important;display:block!important}.site-brand .brand-copy strong{display:block!important;color:var(--mb-ink)!important;font-weight:900!important;font-size:25px!important;line-height:1!important}.site-brand .brand-copy small{display:block!important;color:#6b625b!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900!important;font-size:12px!important;margin-top:5px!important}.site-nav{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;flex-wrap:nowrap!important}.site-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--mb-ink)!important;background:transparent!important;border:0!important;border-radius:999px!important;padding:10px 13px!important;font-weight:900!important;font-size:15px!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}.site-nav a:hover,.site-nav a.is-active{background:#fff1e6!important;color:var(--mb-orange-dark)!important}.site-nav .nav-user{background:#fff7ed!important;color:var(--mb-ink)!important;border:1px solid var(--mb-line)!important;gap:8px!important;max-width:220px!important;overflow:hidden!important}.site-nav .nav-user,.site-nav .nav-user *{color:var(--mb-ink)!important;opacity:1!important;visibility:visible!important;text-shadow:none!important}.site-nav .nav-user-avatar,.site-nav .nav-user span:first-child{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;background:#fff1e6!important;color:var(--mb-orange)!important;border:1px solid var(--mb-line)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.site-nav .nav-user-name{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:150px!important;color:var(--mb-ink)!important}.site-nav .nav-logout{background:#111827!important;color:#fff!important;border-radius:999px!important;padding:14px 18px!important;box-shadow:0 12px 28px rgba(17,24,39,.18)!important}.site-nav .nav-logout,.site-nav .nav-logout *{color:#fff!important}.site-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.site-main>.container,.site-main>.wrap,.site-main>.page-wrap,.site-main>.dashboard-wrap,.site-main>.invoice-wrap{width:min(1220px,calc(100vw - 32px))!important;margin-left:auto!important;margin-right:auto!important}main .hero,main .hero-card,main .panel,main .card{box-sizing:border-box!important;max-width:100%!important}@media(max-width:980px){.desktop-nav{display:none!important}.mobile-menu{display:block!important}.site-header-inner{min-height:74px!important}.site-brand .brand-copy strong{font-size:20px!important}.site-brand .brand-mark{width:54px!important;height:54px!important}.site-brand .brand-mark img{width:48px!important;height:48px!important}}@media(min-width:981px){.mobile-menu{display:none!important}}










/* mbiller-p1-header-final-v19-start */

.site-header {

  background: rgba(255,250,244,.98) !important;

  border-bottom: 1px solid rgba(249,115,22,.18) !important;

  color: #111827 !important;

}



.site-header-inner {

  max-width: 1220px !important;

  margin: 0 auto !important;

  min-height: 84px !important;

  padding: 0 20px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: space-between !important;

  gap: 26px !important;

}



.site-brand {

  display: inline-flex !important;

  align-items: center !important;

  gap: 12px !important;

  flex: 0 0 auto !important;

  color: #111827 !important;

  text-decoration: none !important;

}



.site-brand .brand-mark {

  width: 58px !important;

  height: 58px !important;

  min-width: 58px !important;

  border-radius: 18px !important;

  overflow: hidden !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

}



.site-brand .brand-mark img {

  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;

}



.site-brand .brand-copy strong {

  display: block !important;

  color: #111827 !important;

  font-size: 22px !important;

  line-height: 1 !important;

  font-weight: 950 !important;

}



.site-brand .brand-copy small {

  display: block !important;

  color: #6b625c !important;

  font-size: 11px !important;

  line-height: 1.2 !important;

  letter-spacing: .16em !important;

  text-transform: uppercase !important;

  font-weight: 900 !important;

}



.site-nav {

  display: flex !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: 18px !important;

  flex-wrap: nowrap !important;

  min-width: 0 !important;

}



.site-nav a {

  color: #111827 !important;

  background: transparent !important;

  opacity: 1 !important;

  text-shadow: none !important;

  font-weight: 900 !important;

  font-size: 15px !important;

  line-height: 1 !important;

  text-decoration: none !important;

  white-space: nowrap !important;

  border-radius: 999px !important;

  padding: 11px 12px !important;

}



.site-nav a:hover,

.site-nav a.is-active {

  background: #fff1e6 !important;

  color: #9a3412 !important;

}



/* Exact P1 user pill: A Ayush Karn */

.site-nav .nav-user {

  display: inline-flex !important;

  flex-direction: row !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 9px !important;

  width: auto !important;

  min-width: 142px !important;

  max-width: 230px !important;

  height: 44px !important;

  padding: 0 16px !important;

  border-radius: 999px !important;

  background: #fff7ed !important;

  border: 1px solid rgba(249,115,22,.22) !important;

  color: #111827 !important;

  overflow: visible !important;

}



.site-nav .nav-user .nav-avatar {

  width: 26px !important;

  height: 26px !important;

  min-width: 26px !important;

  border-radius: 50% !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #fff1e6 !important;

  color: #ea580c !important;

  border: 1px solid rgba(249,115,22,.24) !important;

  font-weight: 950 !important;

  font-size: 13px !important;

}



.site-nav .nav-user .nav-name {

  display: inline-block !important;

  color: #111827 !important;

  font-size: 14px !important;

  font-weight: 900 !important;

  max-width: 150px !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  white-space: nowrap !important;

}



.site-nav .nav-logout {

  height: 44px !important;

  padding: 0 20px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #111827 !important;

  color: #ffffff !important;

  border-radius: 999px !important;

  box-shadow: 0 12px 26px rgba(17,24,39,.20) !important;

}



.site-nav .nav-logout:hover {

  background: #020617 !important;

  color: #ffffff !important;

}



/* Stop dashboard giant logout bug */

.dashboard-hero a[href="/logout"],

.dashboard-hero .btn[href="/logout"],

.dashboard-hero .btn-secondary[href="/logout"] {

  display: none !important;

}



/* Keep page centered, not cut */

.dashboard-page .site-main,

.invoice-page .site-main,

.settings-page .site-main {

  max-width: 1220px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding-left: 20px !important;

  padding-right: 20px !important;

  box-sizing: border-box !important;

}



@media (max-width: 980px) {

  .site-nav.desktop-nav {

    display: none !important;

  }

}

/* mbiller-p1-header-final-v19-end */



/* mbiller-full-user-name-v18-start */

header .user-pill,

header .account-pill,

header .user-chip,

header .account-chip,

header .nav-user,

header .header-user,

header .site-user,

header .app-user,

.site-header .user-pill,

.app-header .user-pill,

.mb-header .user-pill,

[class*="user-pill"],

[class*="account-pill"],

[class*="user-chip"],

[class*="account-chip"] {

  display: inline-flex !important;

  flex-direction: row !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  width: auto !important;

  min-width: 150px !important;

  max-width: 240px !important;

  height: 44px !important;

  padding: 0 16px !important;

  border-radius: 999px !important;

  background: #fff7ed !important;

  color: #111827 !important;

  border: 1px solid rgba(249,115,22,.22) !important;

  overflow: visible !important;

  white-space: nowrap !important;

}



header .user-pill *,

header .account-pill *,

header .user-chip *,

header .account-chip *,

header .nav-user *,

header .header-user *,

header .site-user *,

header .app-user *,

[class*="user-pill"] *,

[class*="account-pill"] *,

[class*="user-chip"] *,

[class*="account-chip"] * {

  color: #111827 !important;

  opacity: 1 !important;

  text-shadow: none !important;

  white-space: nowrap !important;

  overflow: visible !important;

  text-overflow: clip !important;

  max-width: none !important;

}



header .avatar,

header .user-avatar,

header .account-avatar,

header .initials,

header .user-initial,

header [class*="avatar"],

[class*="user-pill"] [class*="avatar"],

[class*="account-pill"] [class*="avatar"] {

  width: 26px !important;

  height: 26px !important;

  min-width: 26px !important;

  border-radius: 50% !important;

  background: #fff1e6 !important;

  color: #ea580c !important;

  border: 1px solid rgba(249,115,22,.25) !important;

  font-weight: 900 !important;

}



header .name,

header .user-name,

header .account-name,

header [class*="name"],

[class*="user-pill"] [class*="name"],

[class*="account-pill"] [class*="name"] {

  display: inline-block !important;

  color: #111827 !important;

  font-size: 13px !important;

  font-weight: 900 !important;

  max-width: none !important;

  overflow: visible !important;

  text-overflow: clip !important;

  white-space: nowrap !important;

}



/* Logout should not become wide like user pill */

header .logout,

header .btn-logout,

header a[href*="logout"],

.logout,

.btn-logout,

a[href*="logout"] {

  min-width: auto !important;

  max-width: none !important;

  height: 44px !important;

  padding: 0 20px !important;

  background: #111827 !important;

  color: #ffffff !important;

  border-radius: 999px !important;

}



header .logout *,

header .btn-logout *,

header a[href*="logout"] * {

  color: #ffffff !important;

}

/* mbiller-full-user-name-v18-end */




/* mbiller-user-pill-final-spacing-v20-start */

.site-nav .nav-user,

header .nav-user,

header .user-pill,

header .account-pill,

header .user-chip,

header .account-chip,

[class*="user-pill"],

[class*="account-pill"],

[class*="user-chip"],

[class*="account-chip"] {

  justify-content: flex-start !important;

  gap: 8px !important;

  min-width: 156px !important;

  max-width: 190px !important;

  height: 44px !important;

  padding-left: 10px !important;

  padding-right: 14px !important;

  background: #fff7ed !important;

  border: 1px solid rgba(249,115,22,.24) !important;

  color: #9a3412 !important;

  box-shadow: 0 10px 24px rgba(124,45,18,.06) !important;

}



.site-nav .nav-user .nav-avatar,

header .nav-user .nav-avatar,

header .avatar,

header .user-avatar,

header .account-avatar,

header .initials,

header .user-initial,

[class*="user-pill"] [class*="avatar"],

[class*="account-pill"] [class*="avatar"] {

  margin-left: 0 !important;

  margin-right: 2px !important;

  width: 28px !important;

  height: 28px !important;

  min-width: 28px !important;

  background: #fff1e6 !important;

  color: #ea580c !important;

  border: 1px solid rgba(249,115,22,.28) !important;

  font-weight: 950 !important;

}



.site-nav .nav-user .nav-name,

header .nav-user .nav-name,

header .name,

header .user-name,

header .account-name,

header [class*="name"],

[class*="user-pill"] [class*="name"],

[class*="account-pill"] [class*="name"] {

  color: #9a3412 !important;

  font-size: 14px !important;

  font-weight: 900 !important;

  max-width: 132px !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

  white-space: nowrap !important;

}

/* mbiller-user-pill-final-spacing-v20-end */




/* mbiller-user-pill-width-v21-start */

.site-nav {

  gap: 14px !important;

}



.site-nav .nav-user,

header .nav-user,

header .user-pill,

header .account-pill,

header .user-chip,

header .account-chip,

[class*="user-pill"],

[class*="account-pill"],

[class*="user-chip"],

[class*="account-chip"] {

  min-width: 180px !important;

  max-width: 220px !important;

  width: 180px !important;

  padding-left: 12px !important;

  padding-right: 12px !important;

}



.site-nav .nav-user .nav-name,

header .nav-user .nav-name,

header .name,

header .user-name,

header .account-name,

header [class*="name"],

[class*="user-pill"] [class*="name"],

[class*="account-pill"] [class*="name"] {

  max-width: 135px !important;

  overflow: hidden !important;

  text-overflow: clip !important;

  white-space: nowrap !important;

  color: #9a3412 !important;

}



.site-nav .nav-logout,

header .nav-logout,

header .logout,

header .btn-logout,

header a[href*="logout"] {

  margin-left: 0 !important;

}

/* mbiller-user-pill-width-v21-end */

/* mbiller-user-pill-polish-v23-start */

.site-nav .mb-user-fixed-v22,

header .mb-user-fixed-v22,

.mb-user-fixed-v22 {

  width: 190px !important;

  min-width: 190px !important;

  max-width: 190px !important;

  height: 44px !important;

  padding: 0 14px !important;

  gap: 9px !important;

  align-items: center !important;

  justify-content: flex-start !important;

  background: #fffaf4 !important;

  border: 1px solid rgba(249,115,22,.22) !important;

  box-shadow: 0 8px 18px rgba(124,45,18,.045) !important;

}



.site-nav .mb-user-fixed-avatar-v22,

header .mb-user-fixed-avatar-v22,

.mb-user-fixed-avatar-v22 {

  width: 28px !important;

  height: 28px !important;

  min-width: 28px !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  background: #fff1e6 !important;

  color: #f97316 !important;

  border: 1px solid rgba(249,115,22,.24) !important;

  font-size: 13px !important;

  font-weight: 950 !important;

}



.site-nav .mb-user-fixed-name-v22,

header .mb-user-fixed-name-v22,

.mb-user-fixed-name-v22 {

  color: #111827 !important;

  font-size: 14px !important;

  font-weight: 900 !important;

  line-height: 1 !important;

  max-width: 132px !important;

  overflow: hidden !important;

  text-overflow: clip !important;

  white-space: nowrap !important;

  transform: translateY(0px) !important;

}

/* mbiller-user-pill-polish-v23-end */
/* mbiller-user-pill-smaller-v24-start */

.site-nav .mb-user-fixed-v22,

header .mb-user-fixed-v22,

.mb-user-fixed-v22 {

  width: 168px !important;

  min-width: 168px !important;

  max-width: 168px !important;

  height: 40px !important;

  padding: 0 12px !important;

  gap: 8px !important;

  border-radius: 999px !important;

}



.site-nav .mb-user-fixed-avatar-v22,

header .mb-user-fixed-avatar-v22,

.mb-user-fixed-avatar-v22 {

  width: 24px !important;

  min-width: 24px !important;

  height: 24px !important;

  font-size: 12px !important;

}



.site-nav .mb-user-fixed-name-v22,

header .mb-user-fixed-name-v22,

.mb-user-fixed-name-v22 {

  font-size: 13px !important;

  max-width: 112px !important;

  color: #111827 !important;

}



.site-nav .nav-logout,

header .nav-logout,

header a[href*="logout"] {

  height: 40px !important;

  padding: 0 18px !important;

}

/* mbiller-user-pill-smaller-v24-end */