.component-offers {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) auto;
  align-items: end;
  gap: 12px;
  margin: 14px 0;
  padding: 14px;
  border: 1px solid #cbd8eb;
  border-radius: 10px;
  background: #f6f9fd;
}
.component-offers p { grid-column: 1 / -1; margin: 0; }
.master-sync-card > input { display: block; margin: 14px 0; }
.master-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 14px 0;
}
.master-summary-grid div {
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 10px;
  background: #f8fafc;
}
.master-summary-grid span { display: block; color: var(--muted); font-size: .72rem; }
.master-summary-grid strong { display: block; margin-top: 4px; font-size: 1.1rem; color: var(--navy); }
.master-preview { margin-top: 16px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.master-preview > p { overflow-wrap: anywhere; }
.sync-blocked { color: var(--danger); }
.sync-hash { font: 600 .68rem Consolas, "Courier New", monospace; color: var(--muted); }
@media (max-width: 900px) { .master-summary-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) {
  .component-offers, .master-summary-grid { grid-template-columns: 1fr; }
  .component-offers p { grid-column: auto; }
}
