/* Controles agregados sólo para la copia local. */
.local-app-version {
  margin-top: auto;
  padding: .85rem 1.25rem 1rem;
  color: #64748b;
  font-size: .68rem;
  letter-spacing: .04em;
}
.local-recent-adjustments-panel {
  display: grid;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid #fde68a;
  border-radius: 1.5rem;
  background: linear-gradient(135deg, #fffbeb, #fff 58%);
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}
.local-recent-adjustments-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.local-recent-adjustments-content { display: grid; gap: 1rem; }
.local-recent-adjustments-content[hidden] { display: none; }
.local-recent-adjustments-panel.is-minimized .local-recent-adjustments-header p,
.local-recent-adjustments-panel.is-minimized .local-recent-adjustments-close { display: none; }
.local-recent-adjustments-toggle {
  min-height: 2.75rem;
  padding: .5rem .75rem;
  border: 1px solid #fbbf24;
  border-radius: .65rem;
  color: #92400e;
  background: #fffbeb;
  font-size: .75rem;
  font-weight: 800;
  cursor: pointer;
}
.local-recent-adjustments-toggle:hover { background: #fef3c7; }
.local-recent-adjustments-toggle:focus-visible { outline: 2px solid #b45309; outline-offset: 2px; }
.local-recent-adjustments-header > div { display: grid; gap: .2rem; min-width: 0; }
.local-recent-adjustments-header span {
  color: #b45309;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.local-recent-adjustments-header h3 { margin: 0; color: #0f172a; font-size: 1.05rem; }
.local-recent-adjustments-header p { margin: 0; color: #64748b; font-size: .73rem; }
.local-recent-adjustments-header > strong {
  display: grid;
  min-width: 2rem;
  min-height: 2rem;
  place-items: center;
  border-radius: 999px;
  color: #92400e;
  background: #fef3c7;
  font-size: .75rem;
}
.local-recent-adjustments-list {
  display: grid;
  gap: .5rem;
  max-height: 30rem;
  overflow-y: auto;
  padding-right: .15rem;
}
.local-recent-adjustment-row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(13rem, 1fr) auto;
  align-items: center;
  gap: .8rem;
  padding: .75rem .8rem;
  border: 1px solid #fde68a;
  border-radius: .85rem;
  background: rgb(255 255 255 / 88%);
}
.local-recent-adjustment-identity,
.local-recent-adjustment-detail { display: grid; min-width: 0; gap: .18rem; }
.local-recent-adjustment-identity strong { color: #0f172a; font-size: .76rem; overflow-wrap: anywhere; }
.local-recent-adjustment-identity span { color: #475569; font-size: .7rem; overflow-wrap: anywhere; }
.local-recent-adjustment-identity small,
.local-recent-adjustment-detail span,
.local-recent-adjustment-detail small { color: #64748b; font-size: .64rem; }
.local-recent-adjustment-detail span { overflow-wrap: anywhere; }
.local-recent-adjustment-detail strong { color: #047857; font-size: .78rem; white-space: nowrap; }
.local-recent-adjustment-detail small { color: #b45309; font-weight: 800; }
.local-recent-adjustment-actions { display: grid; justify-items: end; gap: .45rem; }
.local-recent-adjustments-header-actions { display: grid; justify-items: end; gap: .45rem; }
.local-recent-adjustment-check {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 1.65rem;
  padding: .1rem .25rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.local-recent-adjustment-check input { width: 1rem; height: 1rem; margin: 0; accent-color: #059669; cursor: pointer; }
.local-recent-adjustment-row.is-checked { border-color: #bbf7d0; background: #f0fdf4; }
.local-recent-adjustment-row.is-checked .local-recent-adjustment-identity strong { color: #166534; }
.local-recent-adjustments-close {
  border: 1px solid #fbbf24;
  border-radius: .6rem;
  padding: .45rem .65rem;
  color: #92400e;
  background: #fffbeb;
  font-size: .64rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}
.local-recent-adjustments-close:disabled { color: #94a3b8; border-color: #cbd5e1; background: #f8fafc; cursor: not-allowed; }
.local-recent-adjustments-close:not(:disabled):hover { border-color: #f59e0b; background: #fef3c7; }
.local-recent-adjustment-whatsapp {
  border: 1px solid #86efac;
  border-radius: .65rem;
  padding: .55rem .7rem;
  color: #166534;
  background: #f0fdf4;
  font-size: .66rem;
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
}
.local-recent-adjustment-whatsapp:hover:not(:disabled) { background: #dcfce7; border-color: #4ade80; }
.local-recent-adjustment-whatsapp:disabled { color: #94a3b8; background: #f8fafc; border-color: #cbd5e1; cursor: not-allowed; }
.local-recent-adjustments-empty,
.local-recent-adjustments-more { margin: 0; color: #64748b; font-size: .72rem; }

.local-commission-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: 1rem;
}
.local-commission-summary > div {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  padding: .8rem 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}
.local-commission-summary span { color: #64748b; font-size: .68rem; font-weight: 700; }
.local-commission-summary strong { color: #0f172a; font-size: 1.05rem; }

/* Contratos: la tabla completa se conserva en escritorio y se presenta como
   tarjetas legibles/táctiles en teléfonos. */
.local-contract-search { min-height: 2.75rem; }
.local-contract-filter {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-top: .7rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 800;
}
.local-contract-filter select {
  min-height: 2.75rem;
  min-width: 15rem;
  border: 1px solid #cbd5e1;
  border-radius: .75rem;
  background: #fff;
  padding: .55rem .75rem;
  color: #0f172a;
  font: inherit;
  font-weight: 700;
  outline: none;
}
.local-contract-filter select:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgb(16 185 129 / 14%);
}
@media (max-width: 767px) {
  .local-contracts-view { gap: 1rem; }
  .local-contracts-heading h2 { font-size: 1.5rem; line-height: 1.2; }
  .local-contracts-heading p { margin-top: .25rem; line-height: 1.45; }
  .local-contract-search {
    max-width: none !important;
    min-height: 3rem;
    margin-top: 1rem !important;
    font-size: 1rem !important;
  }
  .local-contract-filter {
    align-items: stretch;
    flex-direction: column;
    gap: .35rem;
  }
  .local-contract-filter select {
    width: 100%;
    min-width: 0;
    min-height: 3rem;
    font-size: .9rem;
  }
  .local-commission-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 0;
  }
  .local-commission-summary > div {
    min-width: 0;
    min-height: 6.25rem;
    justify-content: space-between;
    gap: .55rem;
    padding: .8rem;
    border-radius: .9rem;
  }
  .local-commission-summary span {
    font-size: .7rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .local-commission-summary strong {
    font-size: .95rem;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .stangoni-contracts-wrap {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .stangoni-contracts-table {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
  }
  .stangoni-contracts-table thead { display: none; }
  .stangoni-contracts-table tbody {
    display: grid;
    width: 100%;
    gap: .8rem;
  }
  .stangoni-contracts-table tbody tr.local-contract-row {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem .7rem;
    padding: 1rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #10b981;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1px 3px rgb(15 23 42 / 7%);
  }
  .stangoni-contracts-table tbody tr.local-contract-row[data-local-contract-status="vencido"] {
    border-left-color: #f59e0b;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    color: #0f172a;
    font-size: .78rem;
    line-height: 1.35;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td::before {
    content: attr(data-mobile-label);
    display: block;
    margin-bottom: .2rem;
    color: #64748b;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .045em;
    line-height: 1.25;
    text-transform: uppercase;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(2) {
    grid-column: 1 / -1;
    order: 1;
    padding: 0 0 .8rem;
    border-bottom: 1px solid #e2e8f0;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(2)::before { display: none; }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(2) strong {
    display: block;
    color: #0f172a;
    font-size: .98rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(2) div {
    margin-top: .22rem;
    color: #64748b;
    font-size: .75rem;
    line-height: 1.35;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(1),
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(5) { order: 2; }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(3),
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(4) { order: 3; }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(7),
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(8) { order: 4; }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(3),
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(8) {
    font-size: .9rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(5) {
    color: #047857;
    font-weight: 800;
  }
  .stangoni-contracts-table tbody tr.local-contract-row[data-local-contract-status="vencido"] > td:nth-child(5) {
    color: #b45309;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(7),
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(8) {
    padding: .7rem;
    border-radius: .75rem;
    background: #f8fafc;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(8) {
    color: #047857;
    background: #ecfdf5;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(6) {
    grid-column: 1 / -1;
    order: 5;
    padding-top: .05rem;
  }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(6)::before { display: none; }
  .stangoni-contracts-table tbody tr.local-contract-row > td:nth-child(6) button {
    width: 100%;
    min-height: 2.75rem;
    border-radius: .75rem;
    font-size: .78rem;
  }
}
.local-commission-pay,
.local-legacy-commission-receipt,
.local-commission-receipt-view {
  border: 1px solid #bae6fd;
  border-radius: .75rem;
  padding: .5rem .65rem;
  color: #0369a1;
  background: #f0f9ff;
  font-size: .67rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}
.local-commission-pay:hover,
.local-commission-receipt-view:hover,
.local-legacy-commission-receipt:hover { background: #e0f2fe; border-color: #7dd3fc; }
.local-commission-editor,
.local-commission-receipt,
.local-advance-receipt { max-height: min(90vh, 54rem); overflow-y: auto; }
.local-commission-editor-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: .9rem 0 .35rem;
  padding: .8rem .9rem;
  border: 1px solid #bae6fd;
  border-radius: .8rem;
  background: #f0f9ff;
  color: #075985;
  font-size: .76rem;
  font-weight: 700;
}
.local-commission-editor-summary strong { font-size: 1rem; }
.local-commission-editor-form { display: grid; gap: .2rem; }
.local-commission-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .1rem .75rem; }
.local-commission-editor-field { display: grid; gap: .4rem; margin-top: .85rem; color: #334155; font-size: .8rem; font-weight: 700; }
.local-commission-editor-field input,
.local-commission-editor-field select,
.local-commission-editor-field textarea {
  width: 100%; box-sizing: border-box; border: 1px solid #cbd5e1; border-radius: .7rem;
  background: #f8fafc; padding: .72rem .8rem; color: #0f172a; font: inherit; outline: none;
}
.local-commission-editor-field textarea { resize: vertical; }
.local-commission-editor-field input:focus,
.local-commission-editor-field select:focus,
.local-commission-editor-field textarea:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgb(16 185 129 / 14%); }
.local-commission-editor-field small { color: #64748b; font-size: .68rem; font-weight: 500; }
.local-commission-editor-form .legacy-modal-error { margin-top: .55rem; }
.local-commission-editor-form .legacy-modal-actions { margin-top: .9rem; }
.local-rent-commission-option {
  display: grid;
  gap: .55rem;
  margin-top: .7rem;
  padding: .75rem;
  border: 1px solid #bae6fd;
  border-radius: .8rem;
  background: #f0f9ff;
}
.local-rent-commission-toggle {
  display: flex;
  align-items: center;
  gap: .45rem;
  color: #075985;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
}
.local-rent-commission-toggle strong { margin-left: auto; color: #0369a1; font-size: .68rem; white-space: nowrap; }
.local-rent-commission-controls { display: flex; align-items: center; gap: .45rem; }
.local-rent-commission-controls input {
  width: 7.5rem;
  min-width: 0;
  box-sizing: border-box;
  border: 1px solid #bae6fd;
  border-radius: .55rem;
  background: #fff;
  padding: .55rem .6rem;
  color: #0f172a;
  font-size: .72rem;
  font-weight: 800;
  text-align: right;
}
.local-rent-commission-controls input:disabled { color: #94a3b8; background: #f8fafc; }
.local-rent-commission-controls input.local-rent-commission-invalid {
  border-color: #ef4444;
  background: #fff1f2;
  color: #b91c1c;
  box-shadow: 0 0 0 2px rgb(239 68 68 / 12%);
}
.local-rent-commission-option small { color: #64748b; font-size: .64rem; line-height: 1.35; }
.local-rent-commission-option .local-rent-commission-error { color: #b91c1c; font-size: .68rem; line-height: 1.35; font-weight: 700; }
.local-commission-receipt-amount {
  margin: .9rem 0 1rem; padding: 1rem; border: 1px solid #bae6fd; border-radius: .8rem;
  background: #f0f9ff; color: #075985;
}
.local-commission-receipt-amount span { display: block; color: #0369a1; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.local-commission-receipt-amount strong { display: block; margin-top: .25rem; font-size: 1.55rem; }
.local-commission-receipt-details { display: grid; gap: .1rem; }
.local-commission-receipt-details > div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-bottom: 1px solid #e2e8f0; font-size: .76rem; }
.local-commission-receipt-details span { color: #64748b; }
.local-commission-receipt-details strong { color: #0f172a; text-align: right; }
.local-commission-receipt-remaining,
.local-commission-receipt-paid,
.local-commission-receipt-notes,
.local-commission-receipt-warning { margin: .85rem 0 0; padding: .7rem .8rem; border-radius: .7rem; font-size: .72rem; line-height: 1.4; }
.local-commission-receipt-remaining { color: #92400e; background: #fffbeb; }
.local-commission-receipt-paid { color: #047857; background: #ecfdf5; }
.local-commission-receipt-notes { color: #475569; background: #f8fafc; }
.local-commission-receipt-warning { color: #075985; background: #f0f9ff; }
.local-advance-receipt-amount { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.local-advance-receipt-amount span { color: #047857; }
.local-advance-receipt-section-title { margin: 1.15rem 0 .35rem; color: #475569; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.local-advance-receipt-lines { display: grid; gap: .1rem; border: 1px solid #cbd5e1; border-radius: .8rem; padding: .1rem .8rem; background: #f8fafc; }
.local-advance-receipt-lines > div { display: flex; justify-content: space-between; gap: 1rem; padding: .65rem 0; border-bottom: 1px solid #e2e8f0; color: #475569; font-size: .76rem; }
.local-advance-receipt-lines > div:last-child { border-bottom: 0; }
.local-advance-receipt-lines strong { color: #0f172a; white-space: nowrap; }
.local-advance-receipt-saved { margin-top: .85rem; }
.local-settled-expenses {
  display: grid;
  gap: .4rem;
  padding: .75rem;
  border: 1px solid #cbd5e1;
  border-radius: .85rem;
  background: #f8fafc;
}
.local-settled-expenses-title { color: #475569; font-size: .65rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.local-settled-expense-row { display: flex; align-items: center; gap: .5rem; min-width: 0; padding: .4rem .5rem; border: 1px solid #e2e8f0; border-radius: .65rem; background: #fff; color: #475569; font-size: .7rem; }
.local-settled-expense-row > span:first-child { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.local-settled-expense-row > strong { flex-shrink: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.local-settled-expense-remove { display: grid; width: 1.65rem; height: 1.65rem; flex-shrink: 0; place-items: center; border: 1px solid #fecdd3; border-radius: .5rem; color: #be123c; background: #fff1f2; font-weight: 900; line-height: 1; }
.local-settled-expense-remove:hover { background: #ffe4e6; border-color: #fda4af; }
.local-payment-delete {
  border: 1px solid #fecdd3;
  border-radius: .75rem;
  padding: .5rem .65rem;
  font-size: .67rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}
.local-payment-delete {
  color: #be123c;
  background: #fff1f2;
}
.local-payment-delete:hover {
  background: #ffe4e6;
  border-color: #fda4af;
}
.local-restore-payment {
  border: 1px solid #bae6fd;
  border-radius: .65rem;
  padding: .45rem .6rem;
  color: #0369a1;
  background: #f0f9ff;
  font-size: .65rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.local-restore-payment:hover {
  border-color: #7dd3fc;
  background: #e0f2fe;
}
.local-deleted-payments-section {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #fecdd3;
  border-radius: 1rem;
  background: #fff8f8;
}
.local-deleted-payments-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .65rem;
}
.local-deleted-payments-header > div { display: grid; gap: .18rem; }
.local-deleted-payments-header span {
  color: #be123c;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.local-deleted-payments-header h4 {
  margin: 0;
  color: #881337;
  font-size: .9rem;
}
.local-deleted-payments-header > strong {
  display: grid;
  min-width: 1.8rem;
  min-height: 1.8rem;
  place-items: center;
  border-radius: 999px;
  color: #9f1239;
  background: #ffe4e6;
  font-size: .72rem;
}
.local-deleted-payments-empty {
  margin: 0;
  color: #9f1239;
  font-size: .72rem;
}
.local-deleted-payments-list { display: grid; gap: .45rem; }
.local-deleted-payment-row,
.local-tenant-receipt-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem .75rem;
  border: 1px solid #fecdd3;
  border-radius: .75rem;
  background: #fff;
}
.local-deleted-payment-row > div:first-child,
.local-tenant-receipt-row > div:first-child {
  display: grid;
  min-width: 0;
  gap: .18rem;
}
.local-deleted-payment-row strong,
.local-tenant-receipt-row strong {
  color: #0f172a;
  font-size: .72rem;
}
.local-deleted-payment-row small,
.local-deleted-payment-row span,
.local-tenant-receipt-row small {
  color: #64748b;
  font-size: .65rem;
}
.local-deleted-payment-row > div:last-child,
.local-tenant-receipt-row > div:last-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
  flex-shrink: 0;
}
.local-deleted-payment-row > div:last-child > strong { color: #9f1239; }
.local-tenant-records {
  display: grid;
  gap: .45rem;
  margin-top: 1rem;
  padding: .85rem;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #f8fafc;
}
.local-tenant-records-title {
  margin: .1rem 0 .15rem;
  color: #475569;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.local-tenant-deleted-title {
  margin-top: .65rem;
  color: #be123c;
}
.local-tenant-deleted-row { border-color: #fecdd3; background: #fff8f8; }
.local-mobile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.local-advance-search-list {
  position: relative;
  z-index: 5;
  max-height: 14rem;
  overflow-y: auto;
  margin-top: .35rem;
  border: 1px solid #cbd5e1;
  border-radius: .75rem;
  background: #fff;
  box-shadow: 0 12px 24px rgb(15 23 42 / 12%);
}
.local-advance-search-option {
  display: block;
  width: 100%;
  padding: .65rem .75rem;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}
.local-advance-search-option:last-child { border-bottom: 0; }
.local-advance-search-option:hover,
.local-advance-search-option:focus { background: #ecfdf5; outline: none; }
.local-advance-search-option strong,
.local-advance-search-option span,
.local-advance-search-option small { display: block; overflow-wrap: anywhere; }
.local-advance-search-option strong { font-size: .75rem; }
.local-advance-search-option span { margin-top: .15rem; color: #475569; font-size: .68rem; }
.local-advance-search-option small { margin-top: .12rem; color: #64748b; font-size: .63rem; }
.local-increase-cell {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .5rem;
  min-width: 12rem;
}
.local-increase-actions { display: flex; align-items: center; }
.local-increase-whatsapp {
  border: 1px solid #86efac;
  border-radius: .65rem;
  padding: .45rem .6rem;
  color: #166534;
  background: #f0fdf4;
  font-size: .65rem;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  transition: background-color .15s ease, border-color .15s ease;
}
.local-increase-whatsapp:hover:not(:disabled) {
  border-color: #4ade80;
  background: #dcfce7;
}
.local-increase-whatsapp:disabled {
  border-color: #cbd5e1;
  color: #94a3b8;
  background: #f8fafc;
  cursor: not-allowed;
}

.local-contract-editor-modal {
  max-height: min(90vh, 52rem);
  overflow-y: auto;
}
.local-contract-editor-modal > p {
  margin-bottom: .75rem;
}
.local-contract-editor-form {
  display: flex;
  flex-direction: column;
  gap: .15rem;
}
.local-contract-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .15rem .75rem;
}
.local-contract-editor-form label {
  display: grid;
  gap: .4rem;
  margin-top: .9rem;
  color: #334155;
  font-size: .8rem;
  font-weight: 700;
}
.local-contract-editor-form input,
.local-contract-editor-form select,
.local-contract-editor-form textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: .7rem;
  background: #f8fafc;
  padding: .72rem .8rem;
  color: #0f172a;
  font: inherit;
  outline: none;
}
.local-contract-editor-form textarea {
  min-height: 4.3rem;
  resize: vertical;
}
.local-contract-editor-form input:focus,
.local-contract-editor-form select:focus,
.local-contract-editor-form textarea:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgb(16 185 129 / 14%);
}
.local-contract-editor-full-field,
.local-contract-editor-help,
.local-contract-editor-info {
  grid-column: 1 / -1;
}
.local-contract-editor-rule {
  margin-top: 1rem;
  padding: .85rem 1rem 1rem;
  border: 1px solid #fde68a;
  border-radius: 1rem;
  background: #fffbeb;
}
.local-contract-editor-rule > strong {
  display: block;
  color: #334155;
  font-size: .8rem;
}
.local-contract-editor-rule > p {
  margin: .25rem 0 .35rem;
  color: #64748b;
  font-size: .7rem;
}
.local-contract-editor-rule .local-contract-editor-grid {
  gap: .15rem .75rem;
}
.local-contract-editor-help {
  display: block;
  margin-top: .35rem;
  color: #64748b;
  font-size: .7rem;
}
.local-contract-editor-info {
  margin-top: 1rem;
  padding: .75rem .85rem;
  border: 1px solid #bae6fd;
  border-radius: .8rem;
  background: #f0f9ff;
  color: #075985;
  font-size: .72rem;
}
.local-contract-edit {
  white-space: nowrap;
}
@media (max-width: 520px) {
  .local-mobile-actions > button { flex: 1 1 auto; }
  .local-contract-editor-grid { grid-template-columns: 1fr; }
  .local-deleted-payment-row,
  .local-tenant-receipt-row { align-items: flex-start; flex-direction: column; }
  .local-deleted-payment-row > div:last-child,
  .local-tenant-receipt-row > div:last-child { justify-content: flex-start; }
  .local-recent-adjustments-header { align-items: flex-start; }
  .local-recent-adjustment-row { grid-template-columns: 1fr; gap: .55rem; }
  .local-recent-adjustments-header-actions { justify-items: start; }
  .local-recent-adjustment-actions { justify-items: start; }
  .local-recent-adjustment-check { min-height: 2.15rem; padding: .25rem .45rem; font-size: .82rem; gap: .5rem; }
  .local-recent-adjustment-check input { width: 1.2rem; height: 1.2rem; }
}

/* En columnas de escritorio angostas la fila se adapta para mantener todos
   los controles dentro de la tarjeta. */
@media (min-width: 701px) and (max-width: 980px) {
  .icl-assistant__entry-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px 14px;
  }
  .icl-assistant__entry-identity { grid-column: 1 / -1; }
  .icl-assistant__entry-old { grid-column: 1; }
  .icl-assistant__entry-new { grid-column: 2; }
  .icl-assistant__entry-row > button {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

@media (min-width: 981px) {
  .icl-assistant__entry-row > button { justify-self: end; }
  .icl-assistant__entry-new input { width: 100%; min-width: 0; }

  /* Cuando ya se propuso al menos un contrato, aprovechamos todo el ancho
     disponible para revisar los importes en una sola fila larga. */
  .icl-assistant__workspace:has(.icl-assistant__entry-row) {
    grid-template-columns: minmax(0, 1fr);
  }
  .icl-assistant__workspace:has(.icl-assistant__entry-row) .icl-assistant__calculator {
    order: 2;
  }
}
