/* Mid-right floating buttons for Cycle 2 & 3 */
.fab-cycle{
  position: fixed;
  right: calc(16px + env(safe-area-inset-right, 0));
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #2f6fec; color: #fff; border: 1px solid #2f6fec;
  border-radius: 9999px;
  text-decoration: none; font-weight: 600;
  box-shadow: 0 10px 24px rgba(47,111,236,.28);
  transition: transform .12s ease, box-shadow .12s ease;
}
.fab-cycle:hover{ transform: translateY(-1px); box-shadow: 0 14px 28px rgba(47,111,236,.35); }
.fab-cycle:active{ transform: translateY(0); }
.fab-cycle.c1{background: #2f6fec; font-size:40px; top: 35%; }   /* mid-right above the others */
.fab-cycle.c2{ background: #f3c809;font-size:40px;top: 46%; border: 1px solid #ffd000; box-shadow: 0 10px 24px rgba(255, 208, 0, 0.28); }
.fab-cycle.c3{background: #01a754; font-size:40px;top: 57%;  border: 1px solid #00ff0d;  box-shadow: 0 10px 24px rgba(43, 255, 0, 0.28); }

/* Hide on print */
@media print { .fab-cycle{ display:none !important; } }

  .center-chip{
    display:inline-block; margin-left:6px; padding:2px 6px;
    font-size:12px; border-radius:999px; border:1px solid #cfd3dc; background:#fff;
  }
  .center-chip.HV { background:#fff; }
  .center-chip.PT { background:#eef5ff; }
  .center-chip.AKN{ background:#e5ecff; }

      .al-wrap{max-width:900px;margin:20px auto;padding:0 12px}
    .al-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}
    .al-head .who{font-size:14px;color:#444}    
    table.al{width:100%;border-collapse:separate;border-spacing:0 6px}
    table.al th, table.al td{padding:10px 12px;background:#fff;border:1px solid #e2e2e6}
    table.al th{background:#f6f7fb;font-weight:600}
    table.al tr.is-current td{border-color:#0044ffbd;box-shadow:0 0 0 2px rgba(0, 204, 255, 0.404) inset}
    table.al tr.is-current .badge{background:#e8f0ff;color:#1a3c93;border:1px solid #a9c2ff}
    .badge{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid #ddd;background:#f3f3f3}
    .done{color:#049735}
    .muted{color:#777}
    .actions button{border-radius:8px;padding:8px 12px}
    .primary{background:#2f6fec;color:#fff;border:1px solid #2f6fec}
    .ghost{background:#fff;border:1px solid #cfd3dc}
    .hint{font-size:12px;color:#666;margin-top:10px}
    #resetQueueBtn{ border-color:#f2b2b2;color:#a22626;background:#fff5f5 }
    #resetQueueBtn:hover{ filter:brightness(.98) }
    tr.center-HV td { background:#fff; }
    tr.center-PT td { background:#7ab1f09a; }   /* light blue */
    tr.center-AKN td{ background:#325eaf9c; }   /* darker blue */