/* Elenco delle unità (compendio / immobile locato in parte):
   static/js/property-units.js, wizard /vendi e «Modifica». */
.pu-section { margin-bottom: 24px; padding: 16px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; }
.pu-section[hidden], .pu-error[hidden], .pu-add[hidden] { display: none; }
.pu-title { margin: 0 0 4px; font-size: 0.9rem; font-weight: 600; color: #78350f; }
.pu-title i { margin-right: 4px; }
.pu-help { margin: 0 0 12px; font-size: 0.78rem; color: #4b5563; }
.pu-list { display: flex; flex-direction: column; gap: 12px; }
.pu-card { background: #fff; border: 1px solid #fde68a; border-radius: 6px; padding: 12px; }
.pu-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; font-size: 0.78rem; font-weight: 600; color: #374151; }
.pu-remove { background: none; border: 0; color: #ef4444; font-size: 0.85rem; font-weight: 700; padding: 2px 6px; cursor: pointer; }
.pu-remove:hover { color: #b91c1c; }
.pu-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 768px) { .pu-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pu-field--wide { grid-column: span 2; }
.pu-field label { display: block; margin-bottom: 2px; font-size: 0.7rem; font-weight: 400; color: #6b7280; }
.pu-field input, .pu-field select { width: 100%; padding: 8px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.875rem; background: #fff; box-sizing: border-box; }
.pu-field input:focus, .pu-field select:focus { outline: 2px solid #fbbf24; outline-offset: 0; border-color: #fbbf24; }
.pu-add { width: 100%; margin-top: 12px; padding: 8px 12px; background: none; border: 1px dashed #fbbf24; border-radius: 6px; color: #92400e; font-size: 0.78rem; font-weight: 500; cursor: pointer; }
.pu-add:hover { background: #fef3c7; }
.pu-add i { margin-right: 4px; }
.pu-totals { margin: 12px 0 0; font-size: 0.78rem; color: #374151; }
.pu-error { margin: 4px 0 0; font-size: 0.78rem; color: #dc2626; }