.pg-data-sources .ds-notice { display: flex; gap: 10px; align-items: baseline; margin: 0 0 20px; padding: 14px 16px; border: 1px solid #e4e6ef; border-radius: 12px; background: #fafafe; color: #69708a; }
.pg-data-sources .ds-notice strong { color: #181b2d; white-space: nowrap; }
.pg-data-sources .ds-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pg-data-sources .ds-details { display: grid; gap: 12px; margin: 0; }
.pg-data-sources .ds-details > div { display: grid; gap: 4px; }
.pg-data-sources .ds-details dt { color: #8a90a3; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.pg-data-sources .ds-details dd { margin: 0; color: #363b50; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
.pg-data-sources .ds-details a { color: #5743c6; text-decoration: none; }
.pg-data-sources .ds-details a:hover { text-decoration: underline; }
.pg-data-sources .ds-status { display: inline-flex; width: fit-content; margin-left: 6px; padding: 2px 7px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: 1px; }
.pg-data-sources .ds-status-active { color: #147a42; background: #e8f7ee; }
.pg-data-sources .ds-status-registered { color: #5743c6; background: #efecff; }
.pg-data-sources .ds-status-deferred { color: #9a6200; background: #fff5d9; }
.pg-data-sources .ds-status-rejected { color: #a53d3d; background: #ffeded; }
@media (max-width: 900px) { .pg-data-sources .ds-grid { grid-template-columns: 1fr; } .pg-data-sources .ds-notice { display: grid; gap: 4px; } }