/* v663 — Finance becomes a chronological date list instead of a month grid. */
body[data-v29-world="finances"] .calendar-toolbar,
body[data-active-world="finances"] .calendar-toolbar{
  flex:none!important;
  min-height:54px!important;
  padding:9px 16px!important;
  border-bottom:1px solid #dbe3e8!important;
  background:#fff!important;
}
body[data-v29-world="finances"] .calendar-toolbar .events-text-controls-v428,
body[data-active-world="finances"] .calendar-toolbar .events-text-controls-v428,
body[data-v29-world="finances"] #calendarPrev,
body[data-active-world="finances"] #calendarPrev,
body[data-v29-world="finances"] #calendarNext,
body[data-active-world="finances"] #calendarNext{
  display:none!important;
}
body[data-v29-world="finances"] #calendarToday,
body[data-active-world="finances"] #calendarToday{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:68px!important;
}
body[data-v29-world="finances"] .calendar-shell,
body[data-active-world="finances"] .calendar-shell{
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:visible!important;
}
body[data-v29-world="finances"] #calendarGrid.finance-date-list-v663,
body[data-active-world="finances"] #calendarGrid.finance-date-list-v663{
  width:min(980px,calc(100% - 28px))!important;
  max-width:980px!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:40vh 0!important;
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.finance-list-month-v663{
  margin:22px 0 8px!important;
  padding:0 4px 7px!important;
  border-bottom:1px solid #d9e1e7!important;
  color:#657687!important;
  font:850 11px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.finance-list-month-v663:first-child{margin-top:0!important}
.finance-list-date-v663.calendar-day{
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:6px!important;
  overflow:visible!important;
  box-shadow:none!important;
}
.finance-list-date-v663.calendar-day.today{
  background:transparent!important;
  outline:none!important;
}
.finance-list-date-v663 .calendar-items{
  display:grid!important;
  gap:6px!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:0!important;
}
.finance-list-item-v663.calendar-item{
  width:100%!important;
  min-height:54px!important;
  height:auto!important;
  margin:0!important;
  padding:9px 12px!important;
  border:1px solid #dce4e9!important;
  border-left:4px solid var(--accent,#8a5a37)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#27384a!important;
  display:grid!important;
  grid-template-columns:minmax(150px,190px) minmax(180px,1fr) minmax(86px,120px) minmax(76px,96px)!important;
  gap:12px!important;
  align-items:center!important;
  text-align:left!important;
  box-shadow:0 3px 10px rgba(28,42,56,.035)!important;
  cursor:default!important;
}
.finance-list-item-v663.calendar-item:hover{
  border-color:#bdcad3!important;
  background:#fbfcfd!important;
  box-shadow:0 5px 16px rgba(28,42,56,.07)!important;
}
.finance-list-date-v663.today .finance-list-item-v663{
  box-shadow:0 0 0 2px rgba(39,125,161,.16),0 5px 16px rgba(28,42,56,.06)!important;
}
.finance-list-item-date-v663{
  min-width:0!important;
  color:#657687!important;
  font:780 10.5px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;
}
.finance-list-item-title-v663{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#243447!important;
  font:850 13px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-list-item-amount-v663{
  text-align:right!important;
  color:#243447!important;
  font:850 12px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}
.finance-list-item-status-v663{
  justify-self:end!important;
  min-width:72px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  text-align:center!important;
  font:850 9.5px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-list-item-status-v663.paid{background:#e7f4ed!important;color:#26734c!important}
.finance-list-item-status-v663.unpaid{background:#faece9!important;color:#9a4036!important}
.finance-list-item-status-v663.pending{background:#f7f0dc!important;color:#8a681b!important}
.finance-list-item-status-v663.other{background:#eceff3!important;color:#5e6873!important}
.finance-list-item-status-v663.income{background:#e8f2f7!important;color:#286b86!important}
.finance-list-empty-v663{
  min-height:44vh!important;
  display:grid!important;
  place-items:center!important;
  color:#7a8793!important;
  font:750 12px/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
@media(max-width:820px){
  body[data-v29-world="finances"] #calendarGrid.finance-date-list-v663,
  body[data-active-world="finances"] #calendarGrid.finance-date-list-v663{
    width:calc(100% - 16px)!important;
    padding:36vh 0 42vh!important;
  }
  .finance-list-item-v663.calendar-item{
    min-height:68px!important;
    padding:9px 10px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "title amount"
      "date status"!important;
    gap:5px 10px!important;
  }
  .finance-list-item-title-v663{grid-area:title!important}
  .finance-list-item-amount-v663{grid-area:amount!important}
  .finance-list-item-date-v663{grid-area:date!important;white-space:normal!important}
  .finance-list-item-status-v663{grid-area:status!important}
}


/* v664 — Finance current-day control, payment-state row color, and full-height Notes rail. */
body[data-v29-world="finances"] #calendarToday,
body[data-active-world="finances"] #calendarToday{
  min-width:92px!important;
  height:34px!important;
  padding:0 12px!important;
  border:1px solid #c9d4dc!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#33485c!important;
  font:850 10.5px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer!important;
}
body[data-v29-world="finances"] #calendarToday:hover,
body[data-active-world="finances"] #calendarToday:hover{
  background:#f1f5f7!important;
  border-color:#aebec9!important;
}

/* Status is visible across the whole row, not only in the small status pill. */
body[data-v29-world="finances"] .finance-list-item-v663.finance-bill-paid-current,
body[data-active-world="finances"] .finance-list-item-v663.finance-bill-paid-current{
  background:#edf8f2!important;
  border-color:#c8e7d5!important;
  border-left-color:#3d9a68!important;
}
body[data-v29-world="finances"] .finance-list-item-v663.finance-bill-unpaid-current,
body[data-active-world="finances"] .finance-list-item-v663.finance-bill-unpaid-current{
  background:#fff1ef!important;
  border-color:#f0d3cf!important;
  border-left-color:#c85c50!important;
}
body[data-v29-world="finances"] .finance-list-item-v663.finance-bill-pending-current,
body[data-active-world="finances"] .finance-list-item-v663.finance-bill-pending-current{
  background:#fff8e8!important;
  border-color:#eadfbf!important;
  border-left-color:#b58b2d!important;
}
body[data-v29-world="finances"] .finance-list-item-v663.finance-bill-other-current,
body[data-active-world="finances"] .finance-list-item-v663.finance-bill-other-current{
  background:#f3f5f7!important;
  border-color:#dce2e7!important;
  border-left-color:#7c8792!important;
}
body[data-v29-world="finances"] .finance-list-item-v663.finance-bill-income-current,
body[data-active-world="finances"] .finance-list-item-v663.finance-bill-income-current{
  background:#edf6fa!important;
  border-color:#cfe4ee!important;
  border-left-color:#4d91ad!important;
}

/* Finance Notes owns the full desktop right rail. Prevent the rail itself from
   scrolling/clipping the header; only the note body scrolls. */
@media(min-width:821px){
  body[data-v29-world="finances"] .right-rail,
  body[data-active-world="finances"] .right-rail{
    padding:10px!important;
    min-height:0!important;
    overflow:hidden!important;
    scrollbar-gutter:auto!important;
    display:flex!important;
    flex-direction:column!important;
  }
  body[data-v29-world="finances"] .right-rail > :not(.area-pinned-note),
  body[data-active-world="finances"] .right-rail > :not(.area-pinned-note),
  body[data-v29-world="finances"] .right-rail > .rail-notes-stack-v504 > :not(.area-pinned-note),
  body[data-active-world="finances"] .right-rail > .rail-notes-stack-v504 > :not(.area-pinned-note){
    display:none!important;
  }
  body[data-v29-world="finances"] .right-rail > .rail-notes-stack-v504,
  body[data-active-world="finances"] .right-rail > .rail-notes-stack-v504{
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body[data-v29-world="finances"] .right-rail .area-pinned-note,
  body[data-active-world="finances"] .right-rail .area-pinned-note{
    display:grid!important;
    order:0!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    grid-template-rows:42px minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  body[data-v29-world="finances"] .right-rail .area-pinned-note-head,
  body[data-active-world="finances"] .right-rail .area-pinned-note-head{
    min-height:42px!important;
    height:42px!important;
    flex:none!important;
    position:relative!important;
    top:auto!important;
  }
  body[data-v29-world="finances"] .right-rail .area-pinned-note-body,
  body[data-active-world="finances"] .right-rail .area-pinned-note-body{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
}


/* v665 — final layout refinement: separated bottom note icon, compact Finance rows,
   lower Current Day control, and one full-height Finance Notes surface. */
@media(min-width:821px){
  /* Keep the pinned-note icon clear of Categories and center it vertically against
     the 54px bottom-navigation controls without reflowing any menu item. */
  .universal-note-trigger-v508{
    top:auto!important;
    bottom:28px!important;
    right:166px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    margin:0!important;
    transform:none!important;
  }

  /* Finance Notes owns the retained right column from top to bottom. */
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .side-rail.right-rail{
    align-self:stretch!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:8px!important;
    margin:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  /* Do not hide the note stack itself. Hide only competing content inside/outside it. */
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail > :not(.area-pinned-note):not(.rail-notes-stack-v504){
    display:none!important;
  }
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail > .rail-notes-stack-v504{
    display:flex!important;
    flex:1 1 100%!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail .rail-notes-stack-v504 > :not(.area-pinned-note){
    display:none!important;
  }
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail .area-pinned-note{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-rows:42px minmax(0,1fr)!important;
    flex:1 1 100%!important;
    align-self:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    transform:none!important;
  }
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail .area-pinned-note-head{
    position:relative!important;
    inset:auto!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    transform:none!important;
  }
  body:is([data-v29-world="finances"],[data-active-world="finances"]) .right-rail .area-pinned-note-body{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  /* The Current Day control lives beside the Finance Notes rail instead of being
     buried in the old calendar toolbar. right-width tracks the resizable rail. */
  body:is([data-v29-world="finances"],[data-active-world="finances"]) #calendarToday{
    position:fixed!important;
    right:calc(var(--right-width) + 24px)!important;
    bottom:108px!important;
    top:auto!important;
    left:auto!important;
    z-index:2147483000!important;
    display:flex!important;
    min-width:96px!important;
    width:auto!important;
    height:36px!important;
    padding:0 12px!important;
    border:1px solid #aebbc6!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(30,42,56,.14)!important;
    align-items:center!important;
    justify-content:center!important;
    color:#33485c!important;
    font:900 10px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  }
}

/* Compact the old calendar cards now that they are chronological list rows. */
.finance-list-date-v663.calendar-day{
  gap:4px!important;
}
.finance-list-date-v663 .calendar-items{
  gap:4px!important;
}
.finance-list-item-v663.calendar-item{
  min-height:40px!important;
  padding:5px 8px!important;
  grid-template-columns:minmax(118px,150px) minmax(150px,1fr) minmax(70px,96px) minmax(62px,78px)!important;
  gap:8px!important;
  border-radius:8px!important;
  border-left-width:3px!important;
}
.finance-list-item-date-v663{
  font-size:9px!important;
}
.finance-list-item-title-v663{
  font-size:11.5px!important;
  line-height:1.15!important;
}
.finance-list-item-amount-v663{
  font-size:10.5px!important;
}
.finance-list-item-status-v663{
  min-width:60px!important;
  padding:4px 6px!important;
  font-size:8.5px!important;
}
.finance-list-month-v663{
  margin:16px 0 6px!important;
  padding-bottom:5px!important;
  font-size:10px!important;
}

@media(max-width:820px){
  .finance-list-item-v663.calendar-item{
    min-height:58px!important;
    padding:7px 8px!important;
    gap:4px 8px!important;
  }
}


/* v666 — full Finance record lives on the main list; right-click edits one field inline. */
.finance-list-item-v663.calendar-item{
  display:block!important;
  min-height:0!important;
  padding:6px 8px!important;
  cursor:default!important;
}
.finance-list-primary-v666{
  display:grid!important;
  grid-template-columns:minmax(118px,150px) minmax(150px,1fr) minmax(72px,96px) minmax(62px,78px)!important;
  gap:8px!important;
  align-items:center!important;
}
.finance-list-details-v666{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px 12px!important;
  margin-top:5px!important;
  padding-top:5px!important;
  border-top:1px solid rgba(92,108,124,.13)!important;
}
.finance-list-notes-v666{
  margin-top:4px!important;
}
.finance-list-meta-v666{
  margin-top:4px!important;
  color:#8a95a0!important;
  font:650 7.5px/1.25 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-inline-field-v666{
  min-width:0!important;
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  padding:2px 3px!important;
  border-radius:5px!important;
  outline:1px solid transparent!important;
}
.finance-inline-field-v666:hover{
  background:rgba(255,255,255,.56)!important;
  outline-color:rgba(86,105,122,.12)!important;
}
.finance-field-label-v666{
  flex:none!important;
  color:#7d8995!important;
  font:800 7.5px/1.15 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
}
.finance-field-value-v666{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#354455!important;
  font:760 9px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-list-item-title-v663 .finance-field-value-v666{
  color:#243447!important;
  font-size:11px!important;
  font-weight:900!important;
}
.finance-list-item-amount-v663{
  text-align:left!important;
}
.finance-list-item-amount-v663 .finance-field-value-v666{
  font-size:10px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}
.finance-list-item-status-v663{
  min-width:0!important;
  padding:2px 3px!important;
  justify-self:stretch!important;
  text-align:left!important;
  background:transparent!important;
}
.finance-list-item-status-v663 .finance-field-value-v666{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:55px!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:900!important;
}
.finance-list-item-status-v663.paid .finance-field-value-v666{background:#dcefe5!important;color:#26734c!important}
.finance-list-item-status-v663.unpaid .finance-field-value-v666{background:#f7dfdb!important;color:#9a4036!important}
.finance-list-item-status-v663.other .finance-field-value-v666{background:#e5e9ed!important;color:#596571!important}
.finance-list-notes-field-v666{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
}
.finance-list-notes-field-v666 .finance-field-value-v666{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  line-height:1.3!important;
  max-height:2.6em!important;
  overflow-y:auto!important;
}
.finance-inline-field-v666.editing-v666{
  background:#fff!important;
  outline-color:#8aa4b7!important;
  box-shadow:0 0 0 2px rgba(71,111,142,.10)!important;
}
.finance-inline-control-v666{
  width:100%!important;
  min-width:0!important;
  height:26px!important;
  padding:3px 6px!important;
  border:1px solid #aebdca!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#243447!important;
  outline:none!important;
  font:760 9px/1.2 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-inline-control-v666:focus{
  border-color:#6f92ad!important;
  box-shadow:0 0 0 2px rgba(75,121,156,.12)!important;
}
.finance-inline-textarea-v666{
  min-height:48px!important;
  height:48px!important;
  resize:vertical!important;
  line-height:1.3!important;
}
.finance-inline-field-v666.saving-v666{
  opacity:.65!important;
}

@media(max-width:820px){
  .finance-list-primary-v666{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "title amount"
      "date status"!important;
    gap:4px 8px!important;
  }
  .finance-list-item-title-v663{grid-area:title!important}
  .finance-list-item-amount-v663{grid-area:amount!important}
  .finance-list-item-date-v663{grid-area:date!important}
  .finance-list-item-status-v663{grid-area:status!important}
  .finance-list-details-v666{
    grid-template-columns:1fr 1fr!important;
    gap:4px 8px!important;
  }
  .finance-field-label-v666{font-size:7px!important}
  .finance-field-value-v666{font-size:8.5px!important}
}


/* v669 — no created/edited metadata; Paid/Unpaid is a contained two-state toggle. */
.finance-list-item-v663.calendar-item{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.finance-list-primary-v666{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1.25fr) minmax(0,2fr) minmax(0,.8fr) auto!important;
  gap:6px!important;
  box-sizing:border-box!important;
}
.finance-list-primary-v666 > *{
  min-width:0!important;
}
.finance-list-meta-v666{
  display:none!important;
}
.finance-list-item-status-v663{
  min-width:0!important;
  max-width:100%!important;
  padding:2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  background:transparent!important;
  overflow:hidden!important;
}
.finance-list-item-status-v663 .finance-field-label-v666{
  display:none!important;
}
.finance-status-toggle-v669{
  flex:0 0 auto!important;
  width:66px!important;
  max-width:66px!important;
  min-width:0!important;
  height:25px!important;
  margin:0!important;
  padding:0 7px!important;
  border-radius:999px!important;
  border:1px solid transparent!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
  font:900 8.5px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-status-toggle-v669.paid{
  background:#dcefe5!important;
  border-color:#b9ddc8!important;
  color:#26734c!important;
}
.finance-status-toggle-v669.unpaid{
  background:#f7dfdb!important;
  border-color:#eac1bb!important;
  color:#9a4036!important;
}
.finance-status-toggle-v669:hover{
  filter:brightness(.98)!important;
}
.finance-status-toggle-v669:focus-visible{
  outline:2px solid rgba(78,113,141,.35)!important;
  outline-offset:1px!important;
}

@media(max-width:1100px) and (min-width:821px){
  .finance-list-primary-v666{
    grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,.7fr) auto!important;
    gap:5px!important;
  }
  .finance-status-toggle-v669{
    width:60px!important;
    max-width:60px!important;
    padding:0 5px!important;
  }
}
@media(max-width:820px){
  .finance-status-toggle-v669{
    width:64px!important;
    max-width:64px!important;
  }
}


/* v670 — Finance cards show values only; Account is removed from bill cards. */
.finance-field-label-v666{
  display:none!important;
}
.finance-list-details-v666{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.finance-list-notes-field-v666{
  display:block!important;
}
.finance-inline-field-v666{
  gap:0!important;
}
.finance-inline-field-v666.editing-v666{
  display:block!important;
}
@media(max-width:820px){
  .finance-list-details-v666{
    grid-template-columns:1fr 1fr!important;
  }
}


/* v671 — flatten Finance cards horizontally and suppress default category noise. */
.finance-list-item-v663.calendar-item{
  display:grid!important;
  grid-template-columns:minmax(108px,136px) minmax(150px,1.8fr) minmax(70px,88px) minmax(82px,110px) minmax(90px,120px) minmax(110px,1.3fr) auto!important;
  column-gap:8px!important;
  row-gap:0!important;
  align-items:center!important;
  min-height:34px!important;
  padding:4px 7px!important;
}
.finance-list-primary-v666,
.finance-list-details-v666,
.finance-list-notes-v666{
  display:contents!important;
}
.finance-list-item-date-v663{grid-column:1!important}
.finance-list-item-title-v663{grid-column:2!important}
.finance-list-item-amount-v663{grid-column:3!important}
.finance-list-category-v671{grid-column:4!important}
.finance-list-recurrence-v671{grid-column:5!important}
.finance-list-notes-field-v666{
  grid-column:6!important;
  min-width:0!important;
}
.finance-list-item-status-v663{
  grid-column:7!important;
  justify-self:end!important;
  align-self:center!important;
}
.finance-list-details-v666,
.finance-list-notes-v666{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.finance-inline-field-v666{
  min-height:0!important;
  padding:1px 2px!important;
}
.finance-field-value-v666{
  font-size:8.5px!important;
  line-height:1.1!important;
}
.finance-list-item-title-v663 .finance-field-value-v666{
  font-size:10.5px!important;
}
.finance-list-item-amount-v663 .finance-field-value-v666{
  font-size:9.5px!important;
}
.finance-list-notes-field-v666 .finance-field-value-v666{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-height:none!important;
}
.finance-status-toggle-v669{
  height:23px!important;
  width:60px!important;
  max-width:60px!important;
  font-size:8px!important;
}

@media(min-width:821px) and (max-width:1150px){
  .finance-list-item-v663.calendar-item{
    grid-template-columns:minmax(96px,118px) minmax(135px,1.7fr) minmax(64px,78px) minmax(74px,92px) minmax(82px,102px) minmax(90px,1fr) auto!important;
    column-gap:6px!important;
  }
}
@media(max-width:820px){
  .finance-list-item-v663.calendar-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "title amount"
      "date status"
      "repeat repeat"
      "category category"
      "notes notes"!important;
    row-gap:3px!important;
  }
  .finance-list-primary-v666,
  .finance-list-details-v666,
  .finance-list-notes-v666{display:contents!important}
  .finance-list-item-title-v663{grid-area:title!important}
  .finance-list-item-amount-v663{grid-area:amount!important}
  .finance-list-item-date-v663{grid-area:date!important}
  .finance-list-item-status-v663{grid-area:status!important}
  .finance-list-recurrence-v671{grid-area:repeat!important}
  .finance-list-category-v671{grid-area:category!important}
  .finance-list-notes-field-v666{grid-area:notes!important}
}


/* v672 — narrower Finance bill list + compact collapsing horizontal fields. */
@media(min-width:821px){
  body[data-v29-world="finances"] #calendarGrid.finance-date-list-v663,
  body[data-active-world="finances"] #calendarGrid.finance-date-list-v663{
    width:min(760px,calc(100% - 24px))!important;
    max-width:760px!important;
  }

  .finance-list-item-v663.calendar-item{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    min-height:30px!important;
    padding:3px 5px!important;
    overflow:hidden!important;
  }

  .finance-list-primary-v666,
  .finance-list-details-v666,
  .finance-list-notes-v666{
    display:contents!important;
  }

  .finance-list-item-date-v663{
    flex:0 0 88px!important;
    min-width:0!important;
  }
  .finance-list-item-title-v663{
    flex:1 1 150px!important;
    min-width:100px!important;
  }
  .finance-list-item-amount-v663{
    flex:0 0 62px!important;
    min-width:0!important;
  }
  .finance-list-category-v671{
    flex:0 1 76px!important;
    min-width:0!important;
  }
  .finance-list-recurrence-v671{
    flex:0 1 84px!important;
    min-width:0!important;
  }
  .finance-list-notes-field-v666{
    flex:1 1 100px!important;
    min-width:60px!important;
  }
  .finance-list-item-status-v663{
    flex:0 0 58px!important;
    min-width:58px!important;
    max-width:58px!important;
    margin-left:2px!important;
  }

  .finance-inline-field-v666{
    padding:1px!important;
  }
  .finance-field-value-v666{
    font-size:8px!important;
    line-height:1.05!important;
  }
  .finance-list-item-title-v663 .finance-field-value-v666{
    font-size:9.8px!important;
  }
  .finance-list-item-amount-v663 .finance-field-value-v666{
    font-size:9px!important;
  }
  .finance-status-toggle-v669{
    width:56px!important;
    max-width:56px!important;
    height:22px!important;
    padding:0 4px!important;
    font-size:7.8px!important;
  }

  .finance-list-month-v663{
    margin:12px 0 4px!important;
    padding-bottom:4px!important;
    font-size:9px!important;
  }
}

.finance-inline-field-v666{
  cursor:text!important;
}
.finance-list-item-status-v663,
.finance-list-item-status-v663 *{
  cursor:pointer!important;
}
.finance-inline-field-v666.editing-v666{
  cursor:text!important;
}


/* v673 — narrower horizontally, not vertically. */
@media(min-width:821px){
  body[data-v29-world="finances"] #calendarGrid.finance-date-list-v663,
  body[data-active-world="finances"] #calendarGrid.finance-date-list-v663{
    width:min(640px,calc(100% - 24px))!important;
    max-width:640px!important;
  }

  .finance-list-item-v663.calendar-item{
    min-height:34px!important;
    padding:4px 7px!important;
    gap:6px!important;
  }

  .finance-field-value-v666{
    font-size:8.5px!important;
    line-height:1.1!important;
  }
  .finance-list-item-title-v663 .finance-field-value-v666{
    font-size:10.5px!important;
  }
  .finance-list-item-amount-v663 .finance-field-value-v666{
    font-size:9.5px!important;
  }
  .finance-status-toggle-v669{
    height:23px!important;
    font-size:8px!important;
  }
}


/* v674 — chronological Current Day / Next Paycheck divider bars. */
body:is([data-v29-world="finances"],[data-active-world="finances"]) #calendarToday{
  display:none!important;
}

.finance-date-marker-v674{
  width:100%!important;
  min-height:30px!important;
  margin:6px 0!important;
  padding:0 10px!important;
  border-radius:7px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  font:900 10px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.025em!important;
  box-shadow:0 1px 0 rgba(36,52,68,.05)!important;
}
.finance-current-day-marker-v674{
  justify-content:center!important;
  background:#e8f1f7!important;
  border:1px solid #bdd1df!important;
  color:#315b73!important;
}
.finance-next-paycheck-marker-v674{
  background:#edf5ee!important;
  border:1px solid #c6dbc9!important;
  color:#356348!important;
  cursor:default!important;
}
.finance-next-paycheck-marker-v674 time{
  flex:none!important;
  color:#668173!important;
  font:800 8.5px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;
}
.finance-next-paycheck-marker-v674:hover{
  background:#e8f2e9!important;
}
.finance-next-paycheck-input-v674{
  flex:none!important;
  width:132px!important;
  height:24px!important;
  padding:2px 5px!important;
  border:1px solid #9ebba5!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#294a36!important;
  outline:none!important;
  box-sizing:border-box!important;
  font:800 9px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-next-paycheck-input-v674:focus{
  border-color:#6f9879!important;
  box-shadow:0 0 0 2px rgba(83,129,94,.12)!important;
}

@media(max-width:820px){
  .finance-date-marker-v674{
    min-height:34px!important;
    margin:7px 0!important;
    padding:0 9px!important;
  }
  .finance-next-paycheck-input-v674{
    width:128px!important;
  }
}


/* v676 — Last Paycheck + unified neutral gray date markers. */
.finance-current-day-marker-v674,
.finance-next-paycheck-marker-v674,
.finance-last-paycheck-marker-v676{
  background:#eef0f2!important;
  border:1px solid #d2d6da!important;
  color:#4f5963!important;
}
.finance-next-paycheck-marker-v674 time,
.finance-last-paycheck-marker-v676 time{
  color:#747d86!important;
}
.finance-next-paycheck-marker-v674:hover,
.finance-last-paycheck-marker-v676:hover{
  background:#e7eaed!important;
}
.finance-paycheck-marker-input-v676{
  flex:none!important;
  width:132px!important;
  height:24px!important;
  padding:2px 5px!important;
  border:1px solid #b4bac0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#404850!important;
  outline:none!important;
  box-sizing:border-box!important;
  font:800 9px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.finance-paycheck-marker-input-v676:focus{
  border-color:#8f989f!important;
  box-shadow:0 0 0 2px rgba(88,98,108,.10)!important;
}
@media(max-width:820px){
  .finance-paycheck-marker-input-v676{
    width:128px!important;
  }
}


/* v677 — quiet bill rows, own-line notes, far-right switch, compact right-click menu. */
.finance-list-item-v663 .finance-inline-field-v666{
  cursor:default!important;
}
.finance-list-item-v663 .finance-inline-field-v666:hover{
  background:transparent!important;
  outline-color:transparent!important;
}
.finance-list-item-v663 .finance-inline-field-v666.editing-v666{
  cursor:text!important;
}
.finance-list-notes-field-v666.empty-note-v677:not(.editing-v666){
  display:none!important;
}
.finance-list-notes-field-v666.has-note-v677,
.finance-list-notes-field-v666.editing-v666{
  border-top:1px solid rgba(92,108,124,.13)!important;
  padding-top:4px!important;
}
.finance-list-notes-field-v666 .finance-field-value-v666{
  display:block!important;
  width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
}

.finance-status-toggle-v669{
  position:relative!important;
  width:80px!important;
  max-width:80px!important;
  min-width:80px!important;
  height:26px!important;
  border-radius:999px!important;
  border:1px solid #c9d1d8!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease!important;
  font-size:8px!important;
  line-height:1!important;
}
.finance-status-toggle-v669::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(31,45,58,.28)!important;
  transition:left .15s ease!important;
}
.finance-status-toggle-v669.unpaid{
  padding:0 7px 0 27px!important;
  background:#edf0f2!important;
  border-color:#c9d1d8!important;
  color:#65717c!important;
}
.finance-status-toggle-v669.paid{
  padding:0 27px 0 7px!important;
  background:#d8eee2!important;
  border-color:#a9d4ba!important;
  color:#246b47!important;
}
.finance-status-toggle-v669.paid::after{
  left:calc(100% - 21px)!important;
}
.finance-status-toggle-v669:hover{
  filter:none!important;
  border-color:#9eabb5!important;
}

.finance-bill-context-menu-v677{
  position:fixed!important;
  z-index:2147483500!important;
  width:150px!important;
  padding:5px!important;
  border:1px solid rgba(74,89,104,.2)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 12px 34px rgba(28,40,52,.2)!important;
  backdrop-filter:blur(10px)!important;
}
.finance-bill-context-menu-v677[hidden]{
  display:none!important;
}
.finance-bill-context-menu-v677 button{
  display:flex!important;
  width:100%!important;
  height:32px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#2d3b48!important;
  cursor:pointer!important;
  font:750 11px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:left!important;
}
.finance-bill-context-menu-v677 button:hover,
.finance-bill-context-menu-v677 button:focus-visible{
  background:#eef2f5!important;
  outline:none!important;
}
.finance-bill-context-menu-v677 .finance-context-delete-v677{
  color:#a23e39!important;
}
.finance-bill-context-menu-v677 .finance-context-delete-v677:hover,
.finance-bill-context-menu-v677 .finance-context-delete-v677:focus-visible{
  background:#f8e9e7!important;
}

@media(min-width:821px){
  .finance-list-item-v663.calendar-item{
    display:grid!important;
    grid-template-columns:76px minmax(105px,1fr) 60px minmax(66px,74px) minmax(74px,84px) 82px!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    row-gap:2px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .finance-list-primary-v666,
  .finance-list-details-v666,
  .finance-list-notes-v666{
    display:contents!important;
  }
  .finance-list-item-date-v663{grid-column:1!important;grid-row:1!important}
  .finance-list-item-title-v663{grid-column:2!important;grid-row:1!important}
  .finance-list-item-amount-v663{grid-column:3!important;grid-row:1!important}
  .finance-list-category-v671{grid-column:4!important;grid-row:1!important}
  .finance-list-recurrence-v671{grid-column:5!important;grid-row:1!important}
  .finance-list-item-status-v663{
    grid-column:6!important;
    grid-row:1!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    margin-left:auto!important;
    padding:0!important;
    justify-self:end!important;
  }
  .finance-list-notes-field-v666{
    grid-column:1 / -1!important;
    grid-row:2!important;
    min-width:0!important;
  }
}

@media(max-width:820px){
  .finance-list-item-v663.calendar-item{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "title status"
      "date amount"
      "category repeat"
      "notes notes"!important;
    row-gap:3px!important;
  }
  .finance-list-primary-v666,
  .finance-list-details-v666,
  .finance-list-notes-v666{
    display:contents!important;
  }
  .finance-list-item-title-v663{grid-area:title!important}
  .finance-list-item-status-v663{
    grid-area:status!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    padding:0!important;
    justify-self:end!important;
  }
  .finance-list-item-date-v663{grid-area:date!important}
  .finance-list-item-amount-v663{grid-area:amount!important;justify-self:end!important}
  .finance-list-category-v671{grid-area:category!important}
  .finance-list-recurrence-v671{grid-area:repeat!important;justify-self:end!important}
  .finance-list-notes-field-v666{grid-area:notes!important}
}