/* Plain settings cards need the same content inset as cards with a body wrapper. */
#main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) {
  padding: var(--connect-panel-inset, 20px);
}
#main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) > .native-panel-heading {
  padding: 0;
  margin: 0 0 16px;
  align-items: center;
  gap: 12px;
}
#main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) > p {
  margin: 0 0 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
#main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) > a:not(.button):not(.primary-button) {
  display: block;
  max-width: 100%;
  margin: 0 0 16px;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
#main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) > :last-child:not(dialog) { margin-bottom: 0; }
#main .native-panel:has(> a[href*=".remote.tingting.io"]) > a[href*=".remote.tingting.io"] {
  padding: 10px 12px;
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px;
  background: #f9fafb;
  font-size: 13px;
  color: var(--connect-body-ink, #374151);
  text-decoration: none;
}
#main .native-panel:has(> a[href*=".remote.tingting.io"]) > a[href*=".remote.tingting.io"]:hover {
  border-color: #c7b4e6;
  color: var(--connect-primary, #7f22fe);
}
#main .native-panel:has(> a[href*=".remote.tingting.io"]) > .button { display: inline-flex; }
@media (max-width: 760px) {
  #main .native-panel:has(> .native-panel-heading):has(> p, > a, > button):not(:has(> .native-panel-body, > .native-table-scroll, > .table-search, > form)):not(.native-editor) { padding: 16px; }
  #main .native-panel:has(> a[href*=".remote.tingting.io"]) > .native-panel-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}