:root {
  --status-pending-text:var(--color-warning-text);
  --status-pending-surface:var(--color-warning-surface);
  --status-done-text:var(--color-success-text);
  --status-done-surface:var(--color-success-surface);
  --audio-control-text:var(--color-success-text);
  --audio-control-surface:var(--color-success-surface);
  --audio-control-hover:var(--color-success-hover);
  --audio-control-pressed:var(--color-success-pressed);
  --shadow-floating-neutral:0 8px 20px rgb(0 0 0 / 14%);
}
.workbench-record-card[data-record-state="pending"] .visit-status-inline {
  color:var(--status-pending-text);background:var(--status-pending-surface);box-shadow:none;
}
.workbench-record-card[data-record-state="done"] .visit-status-inline {
  color:var(--status-done-text);background:var(--status-done-surface);box-shadow:none;
}
.phone > .record-fab {box-shadow:var(--shadow-floating-neutral)}
.player .audio-toggle,.note-player .audio-toggle {
  color:var(--audio-control-text);background:var(--audio-control-surface);border-color:transparent;box-shadow:none;
}
@media (hover:hover) and (pointer:fine) {
  .player .audio-toggle:hover:not(:disabled),.note-player .audio-toggle:hover:not(:disabled) {background:var(--audio-control-hover)}
}
.player .audio-toggle:active:not(:disabled),.note-player .audio-toggle:active:not(:disabled) {background:var(--audio-control-pressed)}
.player .audio-toggle:focus-visible,.note-player .audio-toggle:focus-visible {outline-color:var(--audio-control-text)}
.player .audio-toggle:disabled,.note-player .audio-toggle:disabled {background:var(--fill);color:var(--m)}
.note-player .note-progress-track i {background:var(--audio-control-text)}