/* Shared Ask ORA attachment controls, used by the dashboard and Interview Brief chat. */
.ask-ora-clip { display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 10px; background: transparent; color: #6520ab; cursor: pointer; }
.ask-ora-clip:hover,
.ask-ora-clip:focus-visible { border-color: #8b43dd; background: #f8f2ff; outline: none; }

/* Files waiting to be sent, each with its own progress. */
.ask-ora-attachments { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.ask-ora-file {
  position: relative;
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: 5px;
  overflow: hidden;
  border: 1px solid #d9c9ed;
  border-radius: 999px;
  background: #fff;
  color: #4d2385;
  padding: 3px 3px 3px 9px;
  font-size: 9px;
  font-weight: 700;
}
.ask-ora-file-name { overflow: hidden; max-width: 190px; text-overflow: ellipsis; white-space: nowrap; }
.ask-ora-file-progress { flex: none; color: #7a6690; font-weight: 650; }
.ask-ora-file.is-failed { border-color: #ebc9c6; background: #fff6f5; color: #9d3b35; }
.ask-ora-file.is-failed .ask-ora-file-progress { color: #9d3b35; }
.ask-ora-file-error { margin: 0 0 8px; color: #9d3b35; font-size: 12px; line-height: 1.4; }
.ask-ora-file-bar { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #efe6fb; }
.ask-ora-file-bar i { display: block; height: 100%; background: #7823dc; transition: width .2s ease; }
.ask-ora-file button { display: grid; width: 16px; height: 16px; flex: none; place-items: center; border: 0; border-radius: 50%; background: transparent; color: inherit; padding: 0; cursor: pointer; }
.ask-ora-file button:hover { background: #efe6fb; }