/*
 * 黄色バー（全ページ共通）
 *  - 鑑定再開バー（.tell-call-resume-bar）: /call/start/ のカウントダウン中（発信未押下）に表示
 *  - 順番待ちバー（.tell-queue-bar）: 自分が行列に並んでいる間に表示
 *  色は Figma 指定（#F6FF00）。デザインシステムの白黒例外として運用。
 */

.tell-call-resume-bar,
.tell-queue-bar {
  display:none;
  width:100%;
  padding:5px 16px;
  background:#F6FF00;
  color:#1A1A1A;
  text-decoration:none;
  font-family:'Noto Sans JP', sans-serif;
  font-size:15px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0.03em;
  box-sizing:border-box;
  align-items:center;
  min-height:32px;
  transition:background-color 0.15s ease;
}
.tell-call-resume-bar.is-active,
.tell-queue-bar.is-active { display:flex; }
.tell-call-resume-bar:hover,
.tell-queue-bar:hover  { background:#E6EE00; }
.tell-call-resume-bar:active,
.tell-queue-bar:active { background:#D4DA00; }
.tell-call-resume-bar__text,
.tell-queue-bar__text { display:block; }

@media (prefers-reduced-motion: reduce) {
  .tell-call-resume-bar,
  .tell-queue-bar { transition:none; }
}