.ref-public { color: #dde0ea; }
.ref-public h1 { font-size: 22px; margin: 0 0 16px; font-weight: 600; }
.ref-public p { font-size: 14px; line-height: 1.5; margin: 10px 0; }
.ref-public strong { color: #fff; }

.ref-diff-table {
  width: 100%;
  margin: 20px 0;
  border-collapse: collapse;
  font-size: 13px;
  background: #0c0f16;
  border-radius: 6px;
  overflow: hidden;
}
.ref-diff-table th, .ref-diff-table td {
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  text-align: left;
}
.ref-diff-table th {
  color: #6f788a;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #10141c;
}
.ref-diff-table td.updated { color: #f5a623; font-weight: 500; }

.ref-public .btn-approve,
.ref-public .btn-decline {
  padding: 14px 32px;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  font-size: 14px;
  margin-top: 20px;
}
.ref-public .btn-approve { background: #22d3a5; color: #062a20; }
.ref-public .btn-approve:hover { background: #1eb894; }
.ref-public .btn-decline { background: #e84040; color: white; }
.ref-public .btn-decline:hover { background: #c93535; }