.form-panel select {
  width: 100%;
  border: 1px solid #d7dfd9;
  background: #fff;
  border-radius: 11px;
  padding: 12px 13px;
  color: var(--ink);
  outline: none;
}

.date-range {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 22px;
}

.date-range label span { font-size: 12px; }

@media (max-width: 760px) {
  .date-range { grid-template-columns: 1fr; }
}

.message-types-panel { margin-top: 16px; }
.message-types-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  padding: 0 22px 22px;
}
.message-types-list > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-radius: 12px;
  background: var(--soft);
}
.message-types-list strong { font-size: 22px; color: var(--green); }
.message-types-list span { font-size: 12px; color: var(--muted); }

.install-notes { margin-top: 16px; padding: 23px; }
.install-notes h2 { font-size: 18px; margin-bottom: 15px; }
.install-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.install-grid > div { background: var(--soft); border-radius: 12px; padding: 15px; }
.install-grid p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 5px 0 0; }
@media (max-width: 760px) { .install-grid { grid-template-columns: 1fr; } }