/* Each dwelling is a self-contained form, including on narrow touch screens. */
#advisoriesPage .advisory-dwelling-labels { display: none; }
#advisoriesPage .advisory-dwellings,
#advisoriesPage .advisory-editor,
#advisoriesPage .form-row { min-width: 0; }
#advisoriesPage .advisory-dwelling-row {
  min-width: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-areas:
    "street street street number floor elements"
    "fromDate fromDate toDate toDate fromTime toTime"
    "note note note note actions actions";
  gap: 14px 12px;
  align-items: end;
  padding: 16px;
}
#advisoriesPage .advisory-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  margin: 0;
}
#advisoriesPage .advisory-field > span {
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
#advisoriesPage .advisory-field-street { grid-area: street; }
#advisoriesPage .advisory-field-number { grid-area: number; }
#advisoriesPage .advisory-field-floor-side { grid-area: floor; }
#advisoriesPage .advisory-field-elements { grid-area: elements; }
#advisoriesPage .advisory-field-date-from { grid-area: fromDate; }
#advisoriesPage .advisory-field-date-to { grid-area: toDate; }
#advisoriesPage .advisory-field-time-from { grid-area: fromTime; }
#advisoriesPage .advisory-field-time-to { grid-area: toTime; }
#advisoriesPage .advisory-field-note { grid-area: note; }
#advisoriesPage .advisory-dwelling-row .advisory-dwelling-actions {
  grid-area: actions;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#advisoriesPage .advisory-field input,
#advisoriesPage .advisory-field textarea {
  grid-area: auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 46px;
  font-size: 16px;
}
#advisoriesPage .advisory-field textarea {
  min-height: 90px;
  resize: vertical;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
  #advisoriesPage .advisory-dwelling-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "street street"
      "number floor"
      "elements elements"
      "fromDate toDate"
      "fromTime toTime"
      "note note"
      "actions actions";
  }
}
@media (max-width: 750px) {
  #advisoriesPage .advisory-editor { padding: 14px; }
  #advisoriesPage .advisory-dwellings { gap: 16px; }
  #advisoriesPage .advisory-dwelling-row { padding: 12px; gap: 12px 8px; }
  #advisoriesPage .advisory-field input,
  #advisoriesPage .advisory-field textarea { padding: 10px 8px; }
  #advisoriesPage input[type="date"],
  #advisoriesPage input[type="time"] { min-width: 0; max-width: 100%; }
  #advisoriesPage .advisory-dwelling-actions .btn { min-width: 46px; }
  #advisoriesPage .advisory-dwelling-actions .remove-dwelling { width: auto; flex: 1; }
  #advisoriesPage .advisory-address-builder { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px; }
  #advisoriesPage .advisory-address-builder label { min-width: 0; }
  #advisoriesPage .advisory-editor .panel-head { flex-wrap: wrap; }
  #advisoriesPage .advisory-export-grid { grid-template-columns: minmax(0, 1fr); }
}