/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* https://juanitofatas.com/series/rails/turbolinks-progress-bar (but it's turbo-progres-bar these days) */
.turbo-progress-bar {
  height: 4px;
  background: #1552D8;
  background-color: #1552D8;
}

/* used by /login/device page */
.placeholder-lowercase::placeholder {
  text-transform: lowercase;
}

.settings-name-help {
  color: color-mix(in srgb, var(--crypt-text) 58%, transparent);
  font: 500 0.75rem/1.45 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  margin: 0.15rem 0 0;
  text-align: left;
}

.sacred-layout input.sacred-text-input:disabled,
.focus-layout input.sacred-text-input:disabled {
  color: color-mix(in srgb, var(--crypt-text) 58%, transparent);
  cursor: not-allowed;
  opacity: 0.82;
}

.sacred-submit-btn:disabled {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.48;
}