/* Loop proportion layer: dimensions only. Keep Fusion colors and business rules untouched. */
:root {
  --loop-radius: 8px;
  --loop-panel-radius: 10px;
  --loop-button-h: 32px;
  --loop-action-h: 30px;
  --loop-chip-h: 24px;
  --loop-field-h: 32px;
  --loop-row-h: 42px;
  --loop-modal-w: 460px;
}

.topbar {
  min-height: 52px !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.toolbar {
  gap: 8px !important;
}

.pending-payable-btn,
.sync-btn {
  min-height: var(--loop-chip-h) !important;
  height: var(--loop-chip-h) !important;
  padding: 4px 10px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 12px !important;
  line-height: 16px !important;
  gap: 6px !important;
}

.pending-payable-btn svg {
  width: 14px !important;
  height: 14px !important;
}

.period-quick {
  gap: 8px !important;
}

.period-quick .seg,
.parent-period-button,
.control,
.action-btn,
.finance-tab,
.parent-period-nav,
.parent-period-actions button {
  min-height: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  padding: 0 12px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  gap: 6px !important;
}

.action-btn {
  min-height: var(--loop-action-h) !important;
  height: var(--loop-action-h) !important;
  padding: 0 10px !important;
}

.icon-btn {
  width: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  min-width: var(--loop-button-h) !important;
  min-height: var(--loop-button-h) !important;
  padding: 0 !important;
  border-radius: var(--loop-radius) !important;
}

.shell .control,
.shell input,
.shell select,
.shell textarea,
.shell .manual-entry-control {
  min-height: var(--loop-field-h) !important;
  height: var(--loop-field-h) !important;
  padding: 8px 12px !important;
  border-radius: var(--loop-radius) !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.shell textarea,
.shell .manual-entry-control:is(textarea) {
  height: auto !important;
  min-height: 72px !important;
}

main .panel,
main .card,
main .kpi,
main .modal,
.dashboard-command-card,
.finance-summary-card,
.payable-card,
.payment-card {
  border-radius: var(--loop-panel-radius) !important;
}

.panel-header {
  min-height: 49px !important;
  padding: 12px 20px !important;
}

.panel-body,
.stack,
.manual-entry-form {
  gap: 12px !important;
}

#operacao .dashboard-grid,
.kpi-grid {
  gap: 16px !important;
}

#operacao .dashboard-grid .kpi,
.kpi {
  min-height: 82px !important;
  padding: 14px !important;
}

#operacao .dashboard-grid .kpi:nth-child(n+7) {
  min-height: 78px !important;
}

.kpi-icon,
.finance-summary-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
}

.kpi .name,
.finance-summary-card span {
  font-size: 12px !important;
  line-height: 16px !important;
}

.kpi .metric {
  font-size: clamp(20px, 1.55vw, 26px) !important;
  line-height: 1.08 !important;
  margin-top: 6px !important;
}

.kpi .delta,
.finance-summary-card small {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 16px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 78px !important;
  padding: 12px 14px !important;
}

.badge,
.chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  min-height: 22px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 600 !important;
}

.payable-status-badge.paid,
.badge.paid,
.payment-method-chip {
  min-height: 17px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  line-height: 15px !important;
}

table th,
.movement-table th {
  height: 40px !important;
  padding: 10px 12px !important;
  font-size: 11px !important;
}

table td,
.movement-table td {
  min-height: var(--loop-row-h) !important;
  height: var(--loop-row-h) !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

.shell input[type="checkbox"],
.shell .payable-check,
.shell .movement-check {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  border-radius: 4px !important;
}

.modal-backdrop {
  padding: 16px !important;
}

.modal {
  width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
  max-width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
  border-radius: 12px !important;
  gap: 16px !important;
}

.modal-head {
  padding: 18px 18px 10px !important;
}

.modal-title {
  font-size: 19px !important;
  line-height: 1.15 !important;
}

.modal-note {
  font-size: 13px !important;
  line-height: 18px !important;
}

.modal .panel-body,
.modal .manual-entry-form {
  padding: 10px 18px !important;
}

.modal-actions {
  min-height: 52px !important;
  padding: 10px 18px 18px !important;
  gap: 8px !important;
}

.modal-actions .action-btn {
  min-height: var(--loop-button-h) !important;
  height: var(--loop-button-h) !important;
  padding: 8px 16px !important;
}

.loop-entry-modal {
  max-width: min(var(--loop-modal-w), calc(100vw - 32px)) !important;
}

.loop-entry-modal .modal-head,
.loop-entry-modal .modal-actions {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.manual-entry-row {
  gap: 12px !important;
}

@media (max-width: 760px) {
  .topbar {
    min-height: 52px !important;
    padding: 8px 12px !important;
  }

  .period-quick .seg,
  .action-btn,
  .control {
    min-height: 36px !important;
    height: 36px !important;
  }

  #operacao .dashboard-grid .kpi,
  .kpi {
    min-height: 78px !important;
    padding: 12px !important;
  }
}

/* Final compact pass: dimensions only, preserving Fusion colors and rules. */
main {
  padding-top: 14px !important;
}
.sidebar {
  width: 198px !important;
}
.main,
.content {
  margin-left: 198px !important;
}
.brand {
  min-height: 64px !important;
  height: 64px !important;
}
.nav-btn,
.sidebar button,
.menu button {
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}
.nav-icon {
  width: 20px !important;
  font-size: 15px !important;
}
.panel-header {
  min-height: 42px !important;
  padding: 10px 16px !important;
}
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.payment-card {
  min-height: 78px !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
}
.dashboard-command-card strong,
.finance-summary-card strong,
.payable-summary-card strong {
  font-size: 20px !important;
}
.dashboard-command-card span,
.finance-summary-card span,
.payable-summary-card span {
  font-size: 10px !important;
}
.payable-item,
.payment-row,
.manual-entry-row {
  min-height: 54px !important;
  padding: 8px 12px !important;
}
.payable-day-head {
  min-height: 42px !important;
  padding: 0 14px !important;
}
.payment-selection-bar,
.payable-selection-bar {
  min-height: 64px !important;
  padding: 10px 14px !important;
}

/* Parent panel organization polish: visual density only, no behavior changes. */
.topbar {
  min-height: 58px !important;
  padding: 10px 18px !important;
}

.topbar h1,
.view-title h1,
.finance-title h1 {
  font-size: 30px !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.toolbar,
.finance-toolbar,
.clients-toolbar,
.audit-toolbar {
  min-height: 48px !important;
  padding: 8px 0 !important;
  gap: 8px !important;
}

.period-quick {
  gap: 8px !important;
}

.period-quick .seg,
.finance-period,
.parent-period-button,
.parent-period-nav,
.action-btn,
.sync-btn,
.icon-btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 13px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

main .panel,
main .card,
main .kpi,
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.finance-ledger,
.table-scroll {
  border-radius: 10px !important;
}

#operacao .dashboard-grid,
.kpi-grid {
  gap: 12px !important;
}

#operacao .dashboard-grid .kpi,
.kpi {
  min-height: 76px !important;
  padding: 12px !important;
  gap: 10px !important;
}

#operacao .dashboard-grid .kpi:nth-child(n+7) {
  min-height: 72px !important;
}

.kpi-icon,
.finance-summary-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
}

.kpi-icon svg,
.finance-summary-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.kpi .name,
.finance-summary-label,
.finance-summary-card span,
.payable-summary-card span {
  font-size: 10px !important;
  line-height: 13px !important;
  letter-spacing: .055em !important;
}

.kpi .metric,
.finance-summary-value,
.payable-summary-card strong {
  font-size: 22px !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.kpi .delta,
.finance-summary-card small {
  margin-top: 4px !important;
  font-size: 10px !important;
  line-height: 13px !important;
}

.dashboard-command-center {
  gap: 10px !important;
  margin: 12px 0 !important;
}

.dashboard-command-card {
  min-height: 64px !important;
  padding: 10px 12px !important;
  gap: 10px !important;
}

.dashboard-command-card strong {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

.dashboard-command-card span {
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.dashboard-insights,
.dashboard-secondary-insights,
.accounts-payable-cards {
  gap: 12px !important;
  margin-top: 12px !important;
}

.finance-tabs {
  min-height: 46px !important;
}

.finance-tab {
  min-height: 44px !important;
  height: 44px !important;
  min-width: 132px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 12px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 70px !important;
  padding: 10px 12px !important;
}

.finance-ledger-head,
.panel-header,
.payable-day-head {
  min-height: 38px !important;
  padding: 8px 12px !important;
}

.finance-ledger-title,
.panel-header h2,
.payable-day-head strong {
  font-size: 14px !important;
  line-height: 1.2 !important;
}

table th,
.movement-table th {
  height: 34px !important;
  padding: 8px 10px !important;
  font-size: 10px !important;
  letter-spacing: .075em !important;
}

table td,
.movement-table td {
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

.badge,
.chip,
.server-badge,
.statement-badge,
.payment-method-chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  min-height: 20px !important;
  padding: 1px 7px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
}

.payable-item,
.payment-row,
.finance-summary-entry,
.account-payable-row,
.manual-entry-row {
  min-height: 50px !important;
  padding: 8px 10px !important;
}

.parent-alert-card,
.alert-card,
.status-strip > * {
  min-height: 50px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}

.empty-state,
.finance-empty {
  padding: 16px !important;
  border-radius: 10px !important;
}

@media (max-width: 980px) {
  .topbar {
    padding: 10px 12px !important;
  }

  .topbar h1,
  .view-title h1,
  .finance-title h1 {
    font-size: 26px !important;
  }

  .dashboard-command-center,
  .dashboard-insights,
  .dashboard-secondary-insights {
    grid-template-columns: 1fr !important;
  }
}

/* Parent panel premium skin: presentation only, preserving all calculations and flows. */
:root {
  --fusion-premium-bg: #060b12;
  --fusion-premium-bg-2: #09111d;
  --fusion-premium-surface: rgba(12, 20, 31, .92);
  --fusion-premium-surface-2: rgba(15, 25, 39, .86);
  --fusion-premium-line: rgba(116, 139, 177, .18);
  --fusion-premium-line-strong: rgba(255, 79, 216, .34);
  --fusion-premium-shadow: 0 12px 34px rgba(0, 0, 0, .30);
  --fusion-premium-shadow-soft: 0 8px 22px rgba(0, 0, 0, .20);
}

body {
  background:
    linear-gradient(180deg, var(--fusion-premium-bg-2) 0%, var(--fusion-premium-bg) 42%, #05080d 100%) !important;
}

main {
  background:
    linear-gradient(180deg, rgba(12, 21, 35, .72), rgba(5, 9, 15, .96)) !important;
}

.topbar {
  border-bottom: 1px solid rgba(116, 139, 177, .14) !important;
  background: rgba(6, 11, 18, .86) !important;
  backdrop-filter: blur(12px) !important;
}

.topbar h1,
.view-title h1,
.finance-title h1 {
  color: #f8fafc !important;
  font-weight: 850 !important;
}

.subtitle,
.panel-note,
.finance-summary-card small {
  color: #91a0b8 !important;
}

aside {
  background: linear-gradient(180deg, #070c13 0%, #05080d 100%) !important;
  border-right-color: rgba(116, 139, 177, .16) !important;
  box-shadow: 12px 0 30px rgba(0, 0, 0, .24) !important;
}

.brand {
  border-bottom-color: rgba(116, 139, 177, .13) !important;
}

.brand-mark {
  background: linear-gradient(135deg, rgba(255, 45, 175, .24), rgba(134, 92, 255, .16)) !important;
  border: 1px solid rgba(255, 79, 216, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.nav-btn {
  color: #aeb8ca !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease !important;
}

.nav-btn:hover {
  transform: translateX(1px) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-color: rgba(116, 139, 177, .13) !important;
}

.nav-btn.active {
  color: #ff62b0 !important;
  background: linear-gradient(90deg, rgba(239, 47, 143, .18), rgba(239, 47, 143, .055) 62%, transparent) !important;
  border-color: rgba(239, 47, 143, .28) !important;
}

.nav-btn:focus-visible,
.action-btn:focus-visible,
.finance-period:focus-visible,
.period-quick .seg:focus-visible,
.control:focus-visible,
button:focus-visible {
  outline: 2px solid rgba(255, 79, 216, .58) !important;
  outline-offset: 2px !important;
}

main .panel,
main .card,
main .kpi,
.dashboard-command-card,
.finance-summary-card,
.payable-summary-card,
.finance-ledger,
.accounts-payable-card,
.table-scroll {
  background: linear-gradient(180deg, var(--fusion-premium-surface-2), var(--fusion-premium-surface)) !important;
  border-color: var(--fusion-premium-line) !important;
  box-shadow: var(--fusion-premium-shadow-soft) !important;
  backdrop-filter: none !important;
}

main .panel:hover,
main .kpi:hover,
.dashboard-command-card:hover,
.finance-summary-card:hover,
.payable-summary-card:hover {
  border-color: rgba(116, 139, 177, .30) !important;
  box-shadow: var(--fusion-premium-shadow) !important;
}

.kpi {
  animation: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.finance-summary-card,
.payable-summary-card {
  position: relative !important;
  overflow: hidden !important;
}

.kpi::before,
.finance-summary-card::before,
.payable-summary-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(255, 79, 216, .80), rgba(96, 165, 250, .42), transparent) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.kpi-head {
  align-items: center !important;
}

.kpi .name,
.finance-summary-label,
.panel-title,
table th,
.movement-table th {
  color: #aab5ca !important;
  text-transform: uppercase !important;
  font-weight: 850 !important;
}

.kpi .metric,
.finance-summary-value,
.payable-summary-card strong,
.source-card .value {
  color: #f8fafc !important;
  font-variant-numeric: tabular-nums !important;
}

.kpi .delta {
  font-weight: 800 !important;
}

.kpi-icon,
.finance-summary-icon {
  border: 1px solid currentColor !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.dashboard-command-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "label value"
    "note value" !important;
  align-items: center !important;
}

.dashboard-command-card > span {
  grid-area: label !important;
  width: auto !important;
  color: #c2cae0 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
}

.dashboard-command-card > strong {
  grid-area: value !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 0 0 16px !important;
  max-width: 210px !important;
  text-align: right !important;
}

.dashboard-command-card > small {
  grid-area: note !important;
  margin-top: 5px !important;
  max-width: 100% !important;
}

.dashboard-command-card:hover {
  transform: translateY(-1px) !important;
}

.finance-tabs {
  background: rgba(6, 11, 18, .56) !important;
  border-bottom-color: rgba(116, 139, 177, .14) !important;
}

.finance-tab {
  color: #aeb8ca !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
}

.finance-tab.active {
  color: #ff4fb0 !important;
  background: rgba(239, 47, 143, .07) !important;
  border-bottom-color: #ff2fae !important;
  box-shadow: inset 0 -1px 0 rgba(255, 79, 216, .28) !important;
}

.period-quick .seg,
.finance-period,
.parent-period-button,
.action-btn,
.sync-btn,
.icon-btn,
.control,
select,
input,
textarea {
  background: rgba(10, 17, 28, .88) !important;
  border-color: rgba(116, 139, 177, .20) !important;
  color: #e7ecf7 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.period-quick .seg:hover,
.finance-period:hover,
.parent-period-button:hover,
.action-btn:hover,
.sync-btn:hover,
.icon-btn:hover {
  border-color: rgba(255, 79, 216, .34) !important;
  background: rgba(16, 27, 43, .94) !important;
}

.period-quick .seg.active,
.finance-period.active,
.parent-period-button.active,
.action-btn.primary,
.auth-submit {
  color: #fff !important;
  border-color: rgba(255, 79, 216, .62) !important;
  background: linear-gradient(135deg, #ee2b83 0%, #d32bbf 100%) !important;
  box-shadow: 0 8px 22px rgba(239, 47, 143, .22) !important;
}

.table-scroll {
  overflow: auto !important;
}

table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

table th,
.movement-table th {
  background: rgba(13, 22, 36, .92) !important;
  border-bottom: 1px solid rgba(116, 139, 177, .16) !important;
}

table td,
.movement-table td {
  border-bottom: 1px solid rgba(116, 139, 177, .10) !important;
}

tbody tr,
.finance-entry,
.payable-item,
.payment-row,
.account-payable-row {
  transition: background .16s ease, border-color .16s ease !important;
}

tbody tr:hover,
.finance-entry:hover,
.payable-item:hover,
.payment-row:hover,
.account-payable-row:hover {
  background: rgba(255, 255, 255, .025) !important;
}

.badge,
.chip,
.server-badge,
.statement-badge,
.payment-method-chip,
.payable-status-badge,
.movement-approved-pill,
.movement-status-action {
  border-width: 1px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.status-strip > *,
.parent-alert-card,
.alert-card {
  background: linear-gradient(180deg, rgba(15, 25, 39, .94), rgba(11, 18, 29, .94)) !important;
  border-color: rgba(116, 139, 177, .18) !important;
  box-shadow: none !important;
}

.modal,
.auth-panel,
.loop-filter-drawer {
  background: linear-gradient(180deg, #111a25, #0b121b) !important;
  border-color: rgba(116, 139, 177, .24) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .52) !important;
}

.modal-head,
.modal-actions {
  border-color: rgba(116, 139, 177, .14) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Finance premium refinement: visual layer only. */
.finance-workspace {
  gap: 14px !important;
}

.finance-heading {
  margin: 0 0 6px !important;
  color: #f8fafc !important;
  font-size: 32px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.finance-tabs {
  min-height: 48px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(116, 139, 177, .14) !important;
  border-radius: 10px !important;
  background: rgba(7, 13, 22, .62) !important;
  overflow: hidden !important;
}

.finance-tab {
  position: relative !important;
  min-height: 46px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: #aeb8ca !important;
  background: transparent !important;
}

.finance-tab.active {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(239, 47, 143, .16), rgba(239, 47, 143, .05)) !important;
}

.finance-tab.active::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #ff2fae, #8b5cf6) !important;
}

.finance-toolbar {
  padding: 10px 0 4px !important;
}

.finance-periods {
  padding: 4px !important;
  border: 1px solid rgba(116, 139, 177, .13) !important;
  border-radius: 10px !important;
  background: rgba(7, 13, 22, .50) !important;
}

.finance-period {
  border-radius: 8px !important;
}

.finance-summary-grid,
.payable-summary-grid {
  gap: 10px !important;
}

.finance-summary-card,
.payable-summary-card {
  min-height: 86px !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 14px !important;
  border-top: 0 !important;
}

.finance-summary-card::after,
.payable-summary-card::after {
  content: none !important;
  display: none !important;
}

.finance-summary-icon,
.payable-summary-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .045) !important;
}

.finance-summary-value,
.payable-summary-card strong {
  margin-top: 5px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}

.finance-pane {
  margin-top: 2px !important;
}

.finance-ledger,
.finance-accounts-table,
.accounts-payable-card,
.payments-command-strip article {
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(15, 25, 39, .94), rgba(10, 17, 28, .96)) !important;
  border-color: rgba(116, 139, 177, .18) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .26) !important;
}

.finance-ledger-head {
  min-height: 48px !important;
  padding: 12px 16px !important;
  background: rgba(6, 11, 18, .34) !important;
  border-bottom-color: rgba(116, 139, 177, .14) !important;
}

.finance-ledger-title {
  color: #e8eefb !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.finance-summary-entry,
.finance-entry,
.account-payable-row,
.payment-row,
.payable-item {
  border-color: rgba(116, 139, 177, .11) !important;
}

.finance-summary-entry:hover,
.finance-entry:hover,
.account-payable-row:hover,
.payment-row:hover,
.payable-item:hover {
  background: linear-gradient(90deg, rgba(255, 79, 216, .045), rgba(96, 165, 250, .025)) !important;
}

.finance-summary-kind-icon,
.statement-icon {
  border: 1px solid currentColor !important;
  border-radius: 10px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09) !important;
}

.finance-quick-filters,
.payable-status-tabs,
.payable-method-chips {
  gap: 7px !important;
}

.finance-quick-filters button,
.payable-status-tabs button,
.payable-method-chip {
  min-height: 30px !important;
  border-radius: 999px !important;
  border-color: rgba(116, 139, 177, .20) !important;
  background: rgba(10, 17, 28, .80) !important;
  color: #aeb8ca !important;
}

.finance-quick-filters button.active,
.payable-status-tabs button.active,
.payable-method-chip.active {
  color: #fff !important;
  border-color: rgba(255, 79, 216, .55) !important;
  background: rgba(255, 79, 216, .16) !important;
}

.payment-selection-bar,
.payable-selection-bar {
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(17, 26, 37, .97), rgba(11, 18, 27, .97)) !important;
  border-color: rgba(255, 79, 216, .34) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .40) !important;
}

.payment-card,
.paid-details-card {
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(17, 26, 37, .98), rgba(9, 15, 24, .99)) !important;
}