.ias-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.ias-panel {
  background: #fff;
  border: 1px solid #e7eaf0;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(31, 42, 68, .06);
  margin-bottom: 18px;
  overflow: hidden;
}

.ias-panel > header {
  align-items: center;
  border-bottom: 1px solid #edf0f5;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 16px 18px;
}

.ias-panel > header h4,
.ias-panel > header p { margin: 0; }
.ias-panel > header p { color: #697386; font-size: 13px; margin-top: 4px; }

.ias-reminder-list { display: grid; gap: 0; }
.ias-reminder {
  align-items: flex-start;
  border-bottom: 1px solid #edf0f5;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px 18px;
}
.ias-reminder:last-child { border-bottom: 0; }
.ias-reminder strong,
.ias-reminder small { display: block; }
.ias-reminder small { color: #697386; margin-top: 3px; }
.ias-reminder p { color: #3e4757; line-height: 1.55; margin: 10px 0 0; }
.ias-reminder-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.ias-no-phone { color: #a14949; font-size: 12px; font-weight: 700; }
.ias-empty { color: #697386; padding: 28px 18px; text-align: center; }

@media (max-width: 980px) {
  .ias-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .ias-summary { grid-template-columns: 1fr; }
  .ias-panel > header,
  .ias-reminder { align-items: stretch; grid-template-columns: 1fr; }
  .ias-panel > header { flex-direction: column; }
  .ias-reminder-actions { justify-content: flex-start; }
}