.property-kpi-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.property-group-toolbar {
  grid-template-columns: minmax(260px, 1fr) auto;
}

.property-usage-filters {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 2px 2px 10px;
  margin: -2px 0 8px;
}

.property-unit-row {
  grid-template-columns: minmax(250px, 1.25fr) minmax(90px, 0.45fr) minmax(120px, 0.55fr) minmax(170px, 0.75fr) minmax(150px, 0.7fr) minmax(140px, 0.62fr) auto;
}

.property-import-form {
  flex-wrap: wrap;
}

.property-import-form input[type="file"] {
  max-width: 220px;
}

.property-sign-name {
  color: var(--muted);
}

.property-tenant-cell strong {
  color: var(--brand);
}

.property-issuer-line {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.property-extend-button {
  margin-top: 6px;
}

.property-detail-facts .property-extend-button {
  margin-top: 8px;
}

.property-import-report {
  border-color: rgba(30, 99, 182, 0.22);
}

.property-import-unmatched {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  padding: 10px;
}

.property-import-unmatched span,
.property-import-unmatched strong {
  display: block;
}

.property-import-unmatched span {
  color: var(--muted);
  font-size: 12px;
}

.property-import-unmatched strong {
  margin-top: 4px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.property-list-rows {
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
}

.property-empty-message {
  margin: 0;
  padding: 18px;
}

.property-form-modal,
.property-detail-modal {
  width: min(1040px, 100%);
}

.property-form-modal form {
  display: grid;
  gap: 14px;
}

.property-form-grid,
.property-expense-grid,
.property-expense-fields {
  display: grid;
  gap: 12px;
}

.property-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.property-form-grid .span-2,
.property-expense-fields .span-2 {
  grid-column: span 2;
}

.property-expense-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 12px;
}

.property-expense-card {
  border: 1px solid #e8edf3;
  border-radius: 8px;
  background: var(--soft);
  padding: 12px;
}

.property-expense-card h4 {
  margin: 0 0 10px;
  font-size: 14px;
}

.property-expense-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.property-form-actions {
  justify-content: flex-end;
}

.property-detail-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);
}

.property-history-section {
  grid-column: 1 / -1;
}

.property-expense-summary,
.property-history-list {
  display: grid;
  gap: 8px;
}

.property-expense-summary-row,
.property-history-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  padding: 10px;
}

.property-expense-summary-row span,
.property-expense-summary-row strong,
.property-expense-summary-row em,
.property-history-row span,
.property-history-row strong,
.property-history-row em {
  display: block;
  min-width: 0;
}

.property-expense-summary-row span,
.property-expense-summary-row em,
.property-history-row span,
.property-history-row em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.property-expense-summary-row strong,
.property-history-row strong {
  margin-top: 4px;
  color: var(--ink);
}

.property-expense-summary-row em,
.property-history-row em {
  margin-top: 5px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}