nightfall-yl_obsidian-third-party-sync/styles.css

/* SettingGroup heading description spacing */
.setting-group > .setting-item-heading .setting-item-description {
  margin-top: 4px;
}

/* Service detail heading: align with native SettingGroup headings */
.setting-group > .setting-item-heading {
  padding: 12px 16px 0;
}
.setting-group > .setting-item-heading > .setting-item-name {
  font-size: var(--font-ui-medium);
  font-weight: var(--bold-weight);
}

/* Fix extra line: remove all separator lines in service detail group */
.service-detail-group > .setting-item-heading {
  border-bottom: none;
  box-shadow: none;
}
.service-detail-group > .setting-item-heading::after {
  display: none;
}
.service-detail-group > .setting-item {
  border-top: none;
  border-top-width: 0;
  box-shadow: none;
}
.service-detail-group > .setting-item::before,
.service-detail-group > .setting-item::after {
  display: none;
}
.setting-item.tp-sync-revoke-hidden,
.setting-item.tp-sync-auth-hidden {
  display: none;
}

/* set the styles */

.password-second-confirm {
  font-weight: bold;
}
.password-disclaimer {
  font-weight: bold;
}
.s3-disclaimer {
  font-weight: bold;
}
.settings-long-desc {
  font-size: var(--font-ui-smaller);
  color: var(--text-muted);
  padding-left: 18px;
}
.settings-long-desc h2 {
  font-size: var(--font-ui-medium);
  font-weight: var(--bold-weight);
  margin-bottom: 4px;
}
.settings-long-desc p {
  margin: 6px 0;
}
.settings-long-desc ul {
  margin: 4px 0 8px 16px;
  padding: 0;
}
.settings-long-desc li {
  margin: 2px 0;
}
.s3-hide {
  display: none;
}

.onedrive-disclaimer {
  font-weight: bold;
}
.onedrive-hide {
  display: none;
}

.webdav-disclaimer {
  font-weight: bold;
}
.webdav-hide {
  display: none;
}



/* Use higher specificity to overwrite other css classes */
.third-party-sync-hidden {
  display: none;
}

.third-party-sync-show-status-bar {
  display: flex;
}

/* Remove border/shadow for service settings */
.setting-item.tp-no-border-top {
  border-top: none;
}
.setting-item.tp-no-box-shadow {
  box-shadow: none;
}

/* Clipboard fallback helper */
.tp-clipboard-fallback {
  position: fixed;
  opacity: 0;
}

/* Full width input */
.tp-full-width-input > input {
  width: 100%;
}

/* Status bar margin reset */
.tp-statusbar-reset-margin {
  margin-bottom: 0px;
}

/* OneDrive OAuth Modal Styles */
.oauth-step-2 {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--background-modifier-border);
}
.oauth-step-2 h3 {
  margin-bottom: 12px;
  color: var(--text-normal);
}
.oauth-help-text,
.oauth-example-url {
  font-size: var(--font-ui-smaller);
  color: var(--text-muted);
  margin: 8px 0;
  word-break: break-all;
}
.oauth-example-url {
  background-color: var(--background-secondary);
  padding: 6px 10px;
  border-radius: 4px;
  font-family: monospace;
}
.oauth-input-container {
  margin: 16px 0;
}
.oauth-input-container label {
  display: block;
  margin-bottom: 6px;
  font-size: var(--font-ui-small);
  color: var(--text-muted);
}
.oauth-code-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--background-modifier-border);
  border-radius: 4px;
  background-color: var(--background-primary);
  color: var(--text-normal);
  font-size: var(--font-ui-medium);
  font-family: monospace;
  box-sizing: border-box;
}
.oauth-code-input:focus {
  outline: none;
  border-color: var(--interactive-accent);
  box-shadow: 0 0 0 2px var(--interactive-accent-hover);
}
.oauth-submit-row {
  text-align: right;
}
.oauth-submit-btn {
  padding: 8px 24px;
}
.oauth-button-row {
  margin-top: 10px;
}
/* Success/Error states */
.oauth-success-icon {
  text-align: center;
  font-size: 48px;
  margin-bottom: 16px;
}
.oauth-error-icon {
  text-align: center;
  font-size: 48px;
  margin-bottom: 16px;
}
.oauth-success-username {
  color: var(--text-success);
  font-weight: bold;
  text-align: center;
}
.oauth-error-message {
  color: var(--text-error);
  word-break: break-word;
  max-height: 150px;
  overflow-y: auto;
  background: var(--background-secondary);
  padding: 10px;
  border-radius: 4px;
  margin: 12px 0;
}
.oauth-status-loading {
  text-align: center;
  padding: 40px 20px;
  font-size: var(--font-ui-large);
}