friday.css

/* ป้าย Friday บนหัวแอป -- ทรงเดียวกับ .mrunlive แต่แยกไฟล์เพราะคนละโมดูล
   .bar ทั้งแถบเป็นพื้นที่ลากหน้าต่าง ป้ายต้องประกาศ no-drag เองถึงจะคลิกติด */
.fridaypill{-webkit-app-region:no-drag;display:inline-flex;align-items:center;gap:5px;
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;padding:3px 8px;
  border-radius:20px;cursor:pointer;margin-left:8px;white-space:nowrap;transition:.13s;
  border:1px solid transparent;background:transparent;letter-spacing:0;text-transform:none}
.fridaypill.hidden{display:none}
.fridaypill .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.fridaypill.off{color:var(--muted);border-color:var(--line);background:var(--panel)}
.fridaypill.blocked{color:var(--dim);border-color:var(--line-soft)}
.fridaypill.starting{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,transparent);
  border-color:color-mix(in srgb,var(--cyan) 32%,transparent)}
.fridaypill.on{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent);
  border-color:color-mix(in srgb,var(--green) 32%,transparent)}
.fridaypill.on .d{animation:mrunPulse 1.6s infinite}
.fridaypill.confirm{color:var(--amber);background:color-mix(in srgb,var(--amber) 13%,transparent);
  border-color:color-mix(in srgb,var(--amber) 32%,transparent)}
.fridaypill.failed{color:var(--rose);background:color-mix(in srgb,var(--rose) 13%,transparent);
  border-color:color-mix(in srgb,var(--rose) 32%,transparent)}
/* .inert มาจาก friday.js draw() ตรงกับ v.enabled:false -- ไม่ผูกกับชื่อคลาสสถานะ
   ตรงๆ เพราะ failed ตัวเดียวเป็นได้ทั้งกดได้และกดไม่ได้แล้วแต่ can_start */
.fridaypill.inert{cursor:default}
.fridaypill:not(.inert):hover{filter:brightness(1.18)}