/* Match the existing dashboard's specificity while keeping this section isolated. */
#app#app#app#app#app#app #home-movements { min-width: 0 !important; color: var(--home-ink) !important; scroll-margin-top: 100px; }
#app#app#app#app#app#app #home-movements * { box-sizing: border-box; letter-spacing: 0 !important; }
#app#app#app#app#app#app #home-movements .hm-header { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; padding: 0 0 20px !important; }
#app#app#app#app#app#app #home-movements .hm-header h3 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.35 !important; }
#app#app#app#app#app#app #home-movements .hm-header p { color: var(--home-muted) !important; font-size: 12px !important; line-height: 1.5; margin-top: 5px !important; }
#app#app#app#app#app#app #home-movements .hm-header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
#app#app#app#app#app#app #home-movements :is(button, a, summary) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#app#app#app#app#app#app #home-movements button { min-height: 44px !important; border: 1px solid var(--home-line) !important; background: transparent !important; color: var(--home-ink) !important; cursor: pointer; transform: none !important; }
#app#app#app#app#app#app #home-movements :is(button, a, summary):focus-visible { outline: 2px solid var(--home-blue) !important; outline-offset: 3px !important; }
#app#app#app#app#app#app #home-movements :is(button, .hm-icon-button):hover { background: var(--home-soft) !important; border-color: var(--home-blue) !important; }
#app#app#app#app#app#app #home-movements button:disabled { opacity: .45 !important; cursor: not-allowed !important; }
#app#app#app#app#app#app #home-movements .hm-icon-button { display: inline-flex !important; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; min-width: 44px !important; padding: 10px !important; flex: 0 0 44px; border: 1px solid var(--home-line) !important; border-radius: 6px !important; color: var(--home-muted) !important; text-decoration: none !important; background: transparent !important; }
#app#app#app#app#app#app #home-movements .hm-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 18px 0; border-block: 1px solid var(--home-line); margin-bottom: 18px; }
#app#app#app#app#app#app #home-movements .hm-stat { display: grid; align-content: start; gap: 5px; padding: 0 22px; min-width: 0; border-left: 1px solid var(--home-line); }
#app#app#app#app#app#app #home-movements .hm-stat:first-child { padding-left: 0; border-left: 0; }
#app#app#app#app#app#app #home-movements .hm-stat > span { font-size: 12px !important; color: var(--home-muted) !important; }
#app#app#app#app#app#app #home-movements .hm-stat > strong { font-size: 23px !important; font-weight: 700; line-height: 1.3; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: var(--home-ink) !important; }
#app#app#app#app#app#app #home-movements .hm-stat-overdue > strong { color: var(--home-red) !important; }
#app#app#app#app#app#app #home-movements .hm-stat small { font-size: 12px !important; font-weight: 400; line-height: 1.5; color: var(--home-muted) !important; }
#app#app#app#app#app#app #home-movements .hm-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
#app#app#app#app#app#app #home-movements .hm-types { display: flex; align-items: center; gap: 3px; padding: 3px; background: var(--home-soft); border-radius: 6px; }
#app#app#app#app#app#app #home-movements .hm-types button { min-width: 94px !important; padding: 8px 12px !important; border: 1px solid transparent !important; border-radius: 4px !important; font-size: 13px !important; color: var(--home-muted) !important; }
#app#app#app#app#app#app #home-movements .hm-types button[aria-pressed="true"] { background: var(--home-bg) !important; border-color: var(--home-line) !important; color: var(--home-ink) !important; box-shadow: 0 1px 2px #00000008 !important; }
#app#app#app#app#app#app #home-movements .hm-types button span { font-size: 11px; min-width: 16px; font-variant-numeric: tabular-nums; color: var(--home-muted) !important; }
#app#app#app#app#app#app #home-movements .hm-search { display: flex !important; align-items: center; gap: 8px; padding: 0 12px; width: 330px; max-width: 100%; border: 1px solid var(--home-line); border-radius: 6px; background: var(--home-bg); }
#app#app#app#app#app#app #home-movements :is(input[type="search"], select) { min-width: 0 !important; width: 100% !important; height: 44px !important; min-height: 44px !important; padding: 9px 10px !important; margin: 0 !important; font-size: 14px !important; color: var(--home-ink) !important; background: var(--home-bg) !important; border: 1px solid var(--home-line) !important; border-radius: 6px !important; box-shadow: none !important; }
#app#app#app#app#app#app #home-movements .hm-search input { border: 0 !important; background: transparent !important; padding-inline: 0 !important; }
#app#app#app#app#app#app #home-movements .hm-search:focus-within { outline: 2px solid var(--home-blue); outline-offset: 2px; }
#app#app#app#app#app#app #home-movements .hm-search input:focus { outline: 0 !important; }
#app#app#app#app#app#app #home-movements .hm-filters { display: grid; grid-template-columns: 180px minmax(160px, 280px) minmax(180px, 1fr) 44px; align-items: end; gap: 12px; }
#app#app#app#app#app#app #home-movements .hm-filters > label { font-size: 12px !important; color: var(--home-muted) !important; }
#app#app#app#app#app#app #home-movements label.hm-overdue-filter { display: flex !important; align-items: center; align-self: end; gap: 8px; min-height: 44px; cursor: pointer; padding: 8px; justify-self: end; }
#app#app#app#app#app#app #home-movements input[type="checkbox"] { width: 18px !important; min-width: 18px !important; height: 18px !important; min-height: 18px !important; margin: 0 !important; padding: 0 !important; accent-color: var(--home-red); appearance: auto !important; }
#app#app#app#app#app#app #home-movements .hm-result-count { color: var(--home-muted) !important; font-size: 12px !important; margin: 16px 0 12px !important; }
#app#app#app#app#app#app #home-movements .hm-date-group { margin: 0 0 16px !important; }
#app#app#app#app#app#app #home-movements .hm-date-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px !important; background: var(--home-soft) !important; border-radius: 4px; }
#app#app#app#app#app#app #home-movements .hm-date-heading h4 { display: flex; align-items: center; gap: 8px; font-size: 12px !important; line-height: 1.5; font-weight: 650; margin: 0 !important; color: var(--home-ink) !important; }
#app#app#app#app#app#app #home-movements .hm-date-heading > span { font-size: 11px !important; color: var(--home-muted) !important; white-space: nowrap; }
#app#app#app#app#app#app #home-movements .hm-date-late .hm-date-heading { background: color-mix(in srgb, var(--home-red) 7%, transparent) !important; }
#app#app#app#app#app#app #home-movements .hm-date-late .hm-date-heading h4 { color: var(--home-red) !important; }
#app#app#app#app#app#app #home-movements .hm-row { display: grid !important; grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) auto; align-items: center; gap: 0 24px; padding: 16px 12px 0 !important; border-bottom: 1px solid var(--home-line) !important; border-radius: 0 !important; background: transparent !important; }
#app#app#app#app#app#app #home-movements .hm-identity { display: flex; align-items: center; min-width: 0; gap: 12px; }
#app#app#app#app#app#app #home-movements :is(.payment-tenant-avatar, .hm-event-icon) { display: grid !important; place-items: center; position: relative; width: 44px !important; height: 44px !important; min-width: 44px !important; flex: 0 0 44px; border-radius: 6px !important; background: color-mix(in srgb, var(--home-green) 10%, var(--home-bg)) !important; border: 1px solid var(--home-line) !important; color: var(--home-green) !important; font-size: 14px !important; font-weight: 650; overflow: hidden; }
#app#app#app#app#app#app #home-movements .payment-tenant-avatar img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
#app#app#app#app#app#app #home-movements .hm-event-icon { color: var(--home-blue) !important; background: color-mix(in srgb, var(--home-blue) 8%, var(--home-bg)) !important; }
#app#app#app#app#app#app #home-movements .hm-copy { min-width: 0; }
#app#app#app#app#app#app #home-movements .hm-kind { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; color: var(--home-muted) !important; font-size: 11px !important; line-height: 1.5; }
#app#app#app#app#app#app #home-movements .hm-status { display: inline-flex !important; align-items: center; gap: 5px; width: fit-content !important; padding: 2px 7px !important; border-radius: 4px !important; font-size: 11px !important; line-height: 1.4; color: var(--home-green) !important; background: color-mix(in srgb, var(--home-green) 8%, transparent) !important; }
#app#app#app#app#app#app #home-movements .hm-status::before { content: ''; width: 5px; height: 5px; flex: 0 0 5px; background: currentColor; border-radius: 50%; }
#app#app#app#app#app#app #home-movements .hm-late .hm-status { color: var(--home-red) !important; background: color-mix(in srgb, var(--home-red) 8%, transparent) !important; }
#app#app#app#app#app#app #home-movements .hm-today .hm-status { color: var(--home-amber) !important; background: color-mix(in srgb, var(--home-amber) 10%, transparent) !important; }
#app#app#app#app#app#app #home-movements .hm-agenda .hm-status { color: var(--home-blue) !important; background: color-mix(in srgb, var(--home-blue) 8%, transparent) !important; }
#app#app#app#app#app#app #home-movements .hm-copy h4 { font-size: 15px !important; line-height: 1.45; font-weight: 650; margin: 4px 0 2px !important; color: var(--home-ink) !important; overflow-wrap: anywhere; }
#app#app#app#app#app#app #home-movements .hm-copy p { color: var(--home-muted) !important; font-size: 12px !important; line-height: 1.5; overflow-wrap: anywhere; }
#app#app#app#app#app#app #home-movements .hm-value { display: grid; gap: 3px; text-align: right; min-width: 0; }
#app#app#app#app#app#app #home-movements .hm-value strong { font-size: 18px !important; font-weight: 650; line-height: 1.4; font-variant-numeric: tabular-nums; color: var(--home-ink) !important; overflow-wrap: anywhere; }
#app#app#app#app#app#app #home-movements .hm-value :is(span, time) { color: var(--home-muted) !important; font-size: 12px !important; line-height: 1.5; }
#app#app#app#app#app#app #home-movements .hm-row-actions { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
#app#app#app#app#app#app #home-movements .hm-main-action { white-space: nowrap; min-width: 146px !important; font-size: 12px !important; }
#app#app#app#app#app#app #home-movements .hm-main-action[data-pay] { color: var(--home-green) !important; border-color: color-mix(in srgb, var(--home-green) 35%, var(--home-line)) !important; }
#app#app#app#app#app#app #home-movements .hm-detail { grid-column: 1 / -1; min-width: 0; padding: 0 !important; margin: 0 !important; border: 0 !important; }
#app#app#app#app#app#app #home-movements .hm-detail > summary { width: fit-content; display: flex !important; align-items: center; gap: 4px; min-height: 44px; padding: 7px 0; margin-left: 56px; color: var(--home-muted) !important; font-size: 11px !important; font-weight: 500; list-style: none; cursor: pointer; background: none !important; border: 0 !important; }
#app#app#app#app#app#app #home-movements .hm-detail > summary::marker { content: ''; }
#app#app#app#app#app#app #home-movements .hm-detail > summary::-webkit-details-marker { display: none; }
#app#app#app#app#app#app #home-movements .hm-detail > summary::before,
#app#app#app#app#app#app #home-movements .hm-detail > summary::after { display: none !important; }
#app#app#app#app#app#app #home-movements .hm-detail[open] > summary .home-icon { transform: rotate(90deg); }
#app#app#app#app#app#app #home-movements .hm-detail:not([open]) > .hm-detail-body { display: none !important; }
#app#app#app#app#app#app #home-movements .hm-detail-body { padding: 2px 0 16px 56px; }
#app#app#app#app#app#app #home-movements dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 24px; margin: 0 0 10px; }
#app#app#app#app#app#app #home-movements dt { color: var(--home-muted) !important; font-size: 11px; margin-bottom: 3px; }
#app#app#app#app#app#app #home-movements dd { margin: 0; font-size: 13px; color: var(--home-ink) !important; overflow-wrap: anywhere; white-space: pre-wrap; }
#app#app#app#app#app#app #home-movements .hm-notes { grid-column: 1 / -1; }
#app#app#app#app#app#app #home-movements .hm-detail-link { border: 0 !important; padding-left: 0 !important; color: var(--home-blue) !important; }
#app#app#app#app#app#app #home-movements .hm-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 4px 0 12px; font-size: 12px; color: var(--home-muted); }
#app#app#app#app#app#app #home-movements .hm-footer > div { display: flex; gap: 8px; flex-wrap: wrap; }
#app#app#app#app#app#app #home-movements .hm-empty { display: grid; justify-items: center; gap: 12px; text-align: center; padding: 36px 16px; border-block: 1px solid var(--home-line); color: var(--home-muted); }
#app#app#app#app#app#app #home-movements .hm-empty > strong { font-size: 15px; color: var(--home-ink); }
#app#app#app#app#app#app #home-movements .hm-empty p { font-size: 13px !important; max-width: 360px; }
@media (max-width: 1100px) {
  #app#app#app#app#app#app #home-movements .hm-row { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  #app#app#app#app#app#app #home-movements .hm-row-actions { grid-column: 2; grid-row: 2; }
  #app#app#app#app#app#app #home-movements .hm-detail { grid-column: 1; grid-row: 2; align-self: start; }
  #app#app#app#app#app#app #home-movements .hm-detail[open] { grid-column: 1 / -1; grid-row: 3; }
  #app#app#app#app#app#app #home-movements .hm-row { padding-bottom: 12px !important; }
}
@media (max-width: 760px) {
  #app#app#app#app#app#app #home-movements .hm-header { flex-wrap: wrap; gap: 12px; }
  #app#app#app#app#app#app #home-movements .hm-header h3 { font-size: 18px !important; }
  #app#app#app#app#app#app #home-movements .hm-toolbar { flex-direction: column; align-items: stretch; gap: 12px; }
  #app#app#app#app#app#app #home-movements .hm-types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #app#app#app#app#app#app #home-movements .hm-types button { min-width: 0 !important; padding-inline: 6px !important; }
  #app#app#app#app#app#app #home-movements .hm-search { width: 100%; }
  #app#app#app#app#app#app #home-movements :is(input[type="search"], select) { font-size: 16px !important; }
  #app#app#app#app#app#app #home-movements .hm-filters { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  #app#app#app#app#app#app #home-movements label.hm-overdue-filter { grid-column: 1 / -1; grid-row: 2; justify-self: start; padding-left: 0; max-width: calc(100% - 54px); }
  #app#app#app#app#app#app #home-movements .hm-filters > button { grid-column: 2; grid-row: 2; justify-self: end; }
  #app#app#app#app#app#app #home-movements .hm-stat { padding: 0 12px; }
  #app#app#app#app#app#app #home-movements .hm-stat > strong { font-size: 19px !important; }
  #app#app#app#app#app#app #home-movements .hm-stat > strong small { display: block; }
  #app#app#app#app#app#app #home-movements .hm-summary { grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)); }
  #app#app#app#app#app#app #home-movements .hm-stat small { font-size: 11px !important; }
  #app#app#app#app#app#app #home-movements .hm-row { padding-inline: 0 !important; }
  #app#app#app#app#app#app #home-movements .hm-identity { gap: 10px; }
  #app#app#app#app#app#app #home-movements .hm-main-action { min-width: 0 !important; }
  #app#app#app#app#app#app #home-movements .hm-date-heading { padding-inline: 8px !important; flex-wrap: wrap; gap: 4px; }
  #app#app#app#app#app#app #home-movements .hm-detail > summary { margin-left: 0; }
  #app#app#app#app#app#app #home-movements .hm-detail-body { padding-left: 0; }
  #app#app#app#app#app#app #home-movements dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  #app#app#app#app#app#app #home-movements .hm-filters { grid-template-columns: minmax(0, 1fr) 44px; }
  #app#app#app#app#app#app #home-movements .hm-filters > label:not(.hm-overdue-filter) { grid-column: 1 / -1; }
  #app#app#app#app#app#app #home-movements label.hm-overdue-filter { grid-row: 3; }
  #app#app#app#app#app#app #home-movements .hm-filters > button { grid-row: 3; }
  #app#app#app#app#app#app #home-movements .hm-row { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 18px !important; }
  #app#app#app#app#app#app #home-movements .hm-identity { grid-column: 1; }
  #app#app#app#app#app#app #home-movements .hm-value { grid-column: 1; grid-row: 2; padding-left: 54px; text-align: left; display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
  #app#app#app#app#app#app #home-movements .hm-row-actions { grid-column: 1; grid-row: 3; justify-content: flex-start; padding-left: 54px; }
  #app#app#app#app#app#app #home-movements .hm-main-action { flex: 1; padding-inline: 8px !important; font-size: 12px !important; }
  #app#app#app#app#app#app #home-movements .hm-detail,
  #app#app#app#app#app#app #home-movements .hm-detail[open] { grid-column: 1; grid-row: 4; }
  #app#app#app#app#app#app #home-movements .hm-detail > summary { margin-left: 54px; }
  #app#app#app#app#app#app #home-movements .hm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; }
  #app#app#app#app#app#app #home-movements .hm-stat:first-child { grid-column: 1 / -1; border-bottom: 1px solid var(--home-line); padding-bottom: 12px; }
  #app#app#app#app#app#app #home-movements .hm-stat:first-child > strong { font-size: 26px !important; }
  #app#app#app#app#app#app #home-movements .hm-stat:nth-child(2) { padding-left: 0; border-left: 0; }
  #app#app#app#app#app#app #home-movements .hm-stat > strong small { display: inline; }
}
@media (prefers-reduced-motion: reduce) {
  #app#app#app#app#app#app #home-movements * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}