/* Florin shift-type colours - single source of truth.
   Overtime = red, Physical recall = orange, Phone recall = gold. */
:root{
  --ot-bg:#FDECEC; --ot-fg:#7F1D1D; --ot-ac:#DC2626; --ot-bd:#F3B0B0;
  --pr-bg:#FBEFE3; --pr-fg:#7C3D0A; --pr-ac:#EA7317; --pr-bd:#F0B98A;
  --ph-bg:#FAF2CE; --ph-fg:#6B5300; --ph-ac:#CA9A04; --ph-bd:#E0C457;
}
.ftype{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.45;white-space:nowrap;}
.ftype::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;background:currentColor;}
.ftype-overtime{background:var(--ot-bg);color:var(--ot-fg);}
.ftype-overtime::before{background:var(--ot-ac);}
.ftype-recall{background:var(--pr-bg);color:var(--pr-fg);}
.ftype-recall::before{background:var(--pr-ac);}
.ftype-phone{background:var(--ph-bg);color:var(--ph-fg);}
.ftype-phone::before{background:var(--ph-ac);}
.fbar-overtime{background:var(--ot-bg);color:var(--ot-fg);border-left:3px solid var(--ot-ac);}
.fbar-recall{background:var(--pr-bg);color:var(--pr-fg);border-left:3px solid var(--pr-ac);}
.fbar-phone{background:var(--ph-bg);color:var(--ph-fg);border-left:3px solid var(--ph-ac);}
.fchip-overtime{border-color:var(--ot-ac)!important;color:var(--ot-fg)!important;}
.fchip-overtime[aria-pressed="true"],.fchip-overtime.is-active{background:var(--ot-bg)!important;}
.fchip-recall{border-color:var(--pr-ac)!important;color:var(--pr-fg)!important;}
.fchip-recall[aria-pressed="true"],.fchip-recall.is-active{background:var(--pr-bg)!important;}
.fchip-phone{border-color:var(--ph-ac)!important;color:var(--ph-fg)!important;}
.fchip-phone[aria-pressed="true"],.fchip-phone.is-active{background:var(--ph-bg)!important;}