/* Native source-card status: authorization wins over previous usage. */
#source-grid .service-card { position: relative; }
.source-status-icon { position: absolute; inset-block-start: 15px; inset-inline-end: 13px; width: 17px; height: 17px; color: #76717c; }
.source-status-icon svg { display: block; width: 100%; height: 100%; }
[data-source-state="connected"] .source-status-icon { color: #25ad51; }
.source-status-caption { color: #6d6875; font-size: 11px; line-height: 1.35; margin-top: -6px; overflow-wrap: anywhere; }
.source-status-icon[hidden], .source-status-caption[hidden] { display: none; }
@media (max-width: 520px) {
  .source-status-icon { inset-block-start: 11px; inset-inline-end: 10px; width: 15px; height: 15px; }
  .source-status-caption { margin-top: -4px; }
}