/* Arbejdsstyrke (da/workforce.html): the page's own free cards (kort-workforce.js), prefix .wf-. The calendar band:
   a line per person, absence as a word on its colour; weekend hatched, today a soft green column. */
.wf-hd{display:flex;align-items:center;gap:10px;min-width:0}
.wf-hd>b{font:500 20px/1.15 var(--serif);color:#1A2233;letter-spacing:-.01em;white-space:nowrap}
.wf-hd .v-av{width:32px;height:32px}
.wf-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;background:#F1F0EC;color:#4F596B;font:600 12px/1.2 var(--sans);font-style:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.wf-hd .wf-tag:last-child{margin-left:auto}
.wf-tag.r{background:#FDECEC;color:#B3302B}.wf-tag.g{background:var(--ks-green-bg);color:var(--ks-green-ink)}.wf-tag.v{background:var(--ks-violet-bg);color:var(--ks-violet-ink)}
.wf-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.wf-row .v-chip .hi{font-size:14px}
/* Karma's line: a dot, the name, one first-person sentence — never a bubble */
.wf-km{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #F0EEE9;font:400 14px/1.45 var(--sans);color:#1A2233}
.wf-km>i{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#00A550;box-shadow:0 0 0 3px #E3F2E9;flex:none}
.wf-km b{font-weight:600;margin-right:7px;color:#00693E}

/* ── the band ── */
.wf-cal{--nm:92px;display:grid;gap:4px;margin-top:14px}
.wf-r{display:grid;grid-template-columns:var(--nm) minmax(0,1fr);align-items:center;gap:8px}
.wf-r .nm{display:flex;align-items:center;gap:8px;min-width:0;font:550 13px/1.2 var(--sans);color:#1A2233;white-space:nowrap}
.wf-r .nm .v-av{width:26px;height:26px;box-shadow:none}
.wf-tr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:30px;min-width:0}
.wf-tr>i{grid-row:1;border-left:1px solid #F1EFEA;background:#fff}
.wf-tr>i:first-child{border-left:0}
.wf-tr>i.we{background:repeating-linear-gradient(135deg,#F2F0EB 0 2px,#fff 2px 6px)}
.wf-tr>i.now{background:#EEF7F1}
.wf-days .wf-tr{grid-template-rows:auto}
.wf-days .wf-tr>span{grid-row:1;display:grid;justify-items:center;padding:2px 0 4px;font:600 12px/1.15 var(--sans);color:#1A2233;font-variant-numeric:tabular-nums}
.wf-days .wf-tr>span small{font-size:10.5px;font-weight:500;color:#8A938D}
.wf-days .wf-tr>span.we{color:#8A938D}
.wf-days .wf-tr>span.now{color:#fff;position:relative}
.wf-days .wf-tr>span.now::before{content:"";position:absolute;inset:0 2px;border-radius:9px;background:#00693E;z-index:-1}
.wf-days .wf-tr>span.now small{color:#CDEBD9}
.wf-days .wf-tr{isolation:isolate}
.wf-bar{grid-row:1;z-index:1;display:flex;align-items:center;min-width:0;margin:4px 1px;padding:0 7px;border-radius:7px;font:600 11.5px/1 var(--sans);white-space:nowrap;overflow:hidden}
/* fixed meanings (kortsystem.css, Mark 28-10: green is the only accent): ferie light green, barsel amber fill, syg the red word on a quiet fill */
.wf-bar.r{background:#F4F3F0;color:var(--ks-red-ink);box-shadow:inset 3px 0 0 #E83946}
.wf-bar.g{background:var(--ks-blue-bg);color:var(--ks-blue-ink);box-shadow:inset 3px 0 0 var(--ks-blue)}
.wf-bar.a{background:var(--ks-violet-bg);color:var(--ks-violet-ink);box-shadow:inset 3px 0 0 var(--ks-violet)}
.wf-bar.f{background:var(--ks-blue-2);color:var(--ks-blue-ink)}
.wf-bar.half{justify-self:start;width:50%;padding:0}
.wf-lab{grid-row:1;z-index:1;align-self:center;justify-self:end;padding-right:6px;font:500 11.5px/1 var(--sans);color:#4F6B5B;white-space:nowrap}
.wf-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font:500 12px/1 var(--sans);color:#5B6660}
.wf-leg span{display:inline-flex;align-items:center;gap:6px}
.wf-leg i{width:12px;height:12px;border-radius:4px}
.wf-leg i.g{background:var(--ks-blue-bg);box-shadow:inset 3px 0 0 var(--ks-blue)}.wf-leg i.r{background:#F4F3F0;box-shadow:inset 3px 0 0 #E83946}.wf-leg i.a{background:var(--ks-violet-bg);box-shadow:inset 3px 0 0 var(--ks-violet)}
.wf-leg i.f{background:var(--ks-blue-2)}.wf-leg i.we{background:repeating-linear-gradient(135deg,#E6E3DC 0 2px,#fff 2px 5px);box-shadow:inset 0 0 0 1px #ECE9E2}
/* the month: 31 narrow columns */
.wf-month{--nm:84px}
.wf-month .wf-tr{grid-template-rows:28px}
.wf-month .wf-days .wf-tr{grid-template-rows:auto}
.wf-month .wf-days .wf-tr>span{font-size:11px;font-weight:550;padding:3px 0;overflow:visible;white-space:nowrap}
.wf-month .wf-bar{padding:0 4px;font-size:11px;margin:4px 0}
.wf-month .wf-tr>i{border-left-color:#F5F3EF}
.wf-month .wf-days .wf-tr>span.now::before{inset:0 -5px}

/* ── hero ── */
.wf-away{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.wf-away span{font:500 20px/1.1 var(--serif);color:#1A2233}
.wf-away b{font:600 40px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#1A2233}
.wf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
@media (min-width:1041px){
  .ms-hero-obj.ms-lay-h1 .vc[data-ms-card=workforce_cal]{left:0;top:8px}
  .ms-hero-obj.ms-lay-h1 .vc[data-ms-card=workforce_away]{position:absolute;left:auto;right:0;top:300px}
  .ms-hero-obj.ms-lay-h1 .vc[data-ms-card=punch]{position:absolute;left:40px;top:382px}
  /* the long word: the headline a size down so "vagtplanlægning i" holds its line */
  .hero.ms-hero--split .ms-hero-copy h1{font-size:clamp(42px,4.4vw,68px);max-width:none}
}

/* ── today ── */
.wf-list{list-style:none;margin:12px 0 0;padding:0}
.wf-list li{display:grid;grid-template-columns:36px auto auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-top:1px solid #F0EEE9;font-size:14px}
.wf-list li:first-child{border-top:0}
.wf-list .v-av{width:36px;height:36px}
.wf-list b{font-weight:600}
.wf-list small{font-size:13px;color:#5B6660;text-align:right}
.wf-st{display:inline-flex;align-items:center;justify-self:start;padding:4px 10px;border-radius:99px;font:600 12px/1.2 var(--sans);font-style:normal;white-space:nowrap}
.wf-st.r{background:var(--ks-red-bg);color:var(--ks-red-ink)}.wf-st.g{background:var(--ks-green-bg);color:var(--ks-green-ink)}.wf-st.b{background:var(--ks-blue-bg);color:var(--ks-blue-ink)}

/* ── requests ── */
.wf-sort{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;box-shadow:inset 0 0 0 1px #E2E4DE;font:600 12px/1 var(--sans);color:#1A2233;white-space:nowrap}
.wf-sort .hi{font-size:14px;color:#00693E}
.wf-req{list-style:none;margin:12px 0 0;padding:0}
.wf-req li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #F0EEE9}
.wf-req li:first-child{border-top:0}
.wf-req .v-av{width:34px;height:34px}
.wf-req li>span:not(.wf-rb){display:grid;gap:3px;min-width:0}
.wf-req b{font-size:14px;font-weight:600}
.wf-req small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5B6660;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#C9CFC9}
.wf-dot.g{background:var(--ks-blue)}.wf-dot.r{background:#E83946}.wf-dot.f{background:var(--ks-blue-2)}.wf-dot.n{background:#8A938D}
.wf-rb{display:flex;gap:6px}
.wf-mb{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:99px;box-shadow:inset 0 0 0 1px #E2E4DE;background:#fff;font:600 12px/1 var(--sans);font-style:normal;color:#1A2233;white-space:nowrap}
.wf-mb .hi{font-size:14px}
.wf-mb.p{background:#00693E;box-shadow:none;color:#fff}

/* ── segmented control ── */
.wf-seg{margin-left:auto;display:inline-flex;padding:3px;border-radius:99px;background:#F1F0EC}
.wf-seg i{font:600 12px/1 var(--sans);font-style:normal;padding:6px 12px;border-radius:99px;color:#5B6660}
.wf-seg i.on{background:#fff;color:#1A2233;box-shadow:0 1px 2px rgba(26,34,51,.12)}

/* ── leave timeline ── */
.wf-rule-chip{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:5px 10px;border-radius:99px;background:#E3F2E9;color:#00693E;font:600 12px/1.2 var(--sans)}
.wf-rule-chip .hi{font-size:14px}
.wf-tl{margin-top:18px}
.wf-tl-lab,.wf-tl-tr{display:grid;grid-template-columns:minmax(124px,4fr) 22fr;gap:3px}
.wf-tl-lab span{display:grid;gap:2px;padding:0 0 8px 2px;font:600 13px/1.2 var(--sans);color:#1A2233}
.wf-tl-lab small{font-weight:500;font-size:12px;color:#5B6660}
.wf-tl-lab>span:nth-child(2){display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-left:14px}
.wf-tl-tr{position:relative;height:30px}
.wf-tl-tr b{display:block;border-radius:8px}
.wf-tl-tr .s1{background:var(--ks-violet-2)}
.wf-tl-tr .s2{background:var(--ks-violet-bg);box-shadow:inset 0 0 0 1px var(--ks-violet-2)}
.wf-birth{position:absolute;top:-6px;bottom:-26px;left:calc(124px + 1.5px);width:2px;background:#1A2233;border-radius:2px}
.wf-tl-tr{--b:max(124px,calc((100% - 3px) * 4 / 26))}
.wf-birth{left:calc(var(--b) + 1px)}
.wf-birth span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:4px;padding:3px 8px;border-radius:99px;background:#1A2233;color:#fff;font:600 11.5px/1.2 var(--sans);white-space:nowrap}
.wf-tl-lab .wf-back{margin:0}
.vc .wf-tl+.wf-acts{margin-top:60px}
.wf-back{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;background:#00693E;color:#fff;font:600 12.5px/1.2 var(--sans);font-style:normal}
.wf-back .hi{font-size:14px}

/* ── refunds ── */
.wf-rf{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.wf-rf li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#F6F8F5}
.wf-rf li>.hi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#00693E;font-size:18px;box-shadow:0 0 0 1px #E6EBE6}
.wf-rf li>span{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
.wf-rf b{font-size:14px;font-weight:600}
.wf-foot{display:flex;align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #F0EEE9}
.wf-foot b{font:600 26px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wf-foot span{font-size:14px;color:#5B6660}

/* ── timesheet ── */
.wf-ts{list-style:none;margin:12px 0 0;padding:0}
.wf-ts li{display:grid;grid-template-columns:36px minmax(0,1fr) 112px;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #F0EEE9;font-size:13px;color:#5B6660}
.wf-ts li:first-child{border-top:0}
.wf-ts i{position:relative;height:12px;border-radius:99px;background:repeating-linear-gradient(90deg,#EDF0EC 0 calc(33.333% - 1px),#fff calc(33.333% - 1px) 33.333%)}
.wf-ts i b{position:absolute;top:0;bottom:0;border-radius:inherit;background:#00693E;transform-origin:left}
.wf-ts li.now i b{background:#5CC08A}
.wf-ts li.bad i b{background:#E83946}
.wf-ts em{font-style:normal;font-variant-numeric:tabular-nums;color:#1A2233;text-align:right;white-space:nowrap}
.wf-ts li.bad em{color:#B3302B;font-weight:600}
.wf-axis{display:grid;grid-template-columns:repeat(3,1fr) 0;margin:2px 124px 0 48px;font:500 11px/1 var(--sans);color:#8A938D;font-variant-numeric:tabular-nums}
.wf-axis span{justify-self:start;transform:translateX(-50%);white-space:nowrap}
.wf-axis span:first-child{transform:none}
.wf-rule{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:14px;background:#FDF0F0;font-size:13px;color:#1A2233}
.wf-rule .hi{font-size:18px;color:#D93644}
.wf-rule b{font:600 12px/1 var(--sans);padding:5px 10px;border-radius:99px;background:#fff;color:#B3302B}
.ms-fx-grow.in .wf-ts i b{animation:msGrow .9s .25s var(--ms-out) both}
@media (prefers-reduced-motion:reduce){.ms-fx-grow.in .wf-ts i b{animation:none}}

/* ── registration queue ── */
.wf-flt{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.wf-flt span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:#F1F8F4;color:#0B4F33;font:600 12px/1 var(--sans);box-shadow:inset 0 0 0 1px #CFE6D9}
.wf-flt .hi{font-size:14px;color:#00693E}
.wf-q{list-style:none;margin:10px 0 0;padding:0}
.wf-q li{display:grid;grid-template-columns:20px 32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 0;border-top:1px solid #F0EEE9}
.wf-q li:first-child{border-top:0}
.wf-q .v-av{width:32px;height:32px}
.wf-q li>span{display:grid;gap:2px;min-width:0}
.wf-q b{font-size:14px;font-weight:600}
.wf-q small{font-size:12.5px;color:#5B6660;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-q em{font-style:normal;font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}
.wf-cb{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px #C9CFC9;display:grid;place-items:center;color:#fff;font-size:13px}
.wf-q li.on .wf-cb{background:#00693E;box-shadow:none}
.wf-pipe{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#F6F8F5;font:600 12.5px/1 var(--sans);color:#4F596B}
.wf-pipe span{display:inline-flex;align-items:center;gap:5px}
.wf-pipe span .hi{font-size:15px}
.wf-pipe span.on{color:#00693E}
.wf-pipe>i{font-size:13px;color:#A3ABA5}
.wf-pipe small{margin-left:auto;font:500 12px/1 var(--sans);color:#5B6660}
.wf-queue-acts{}

/* ── Mikkel's week ── */
.wf-wk{--nm:64px}
.wf-wk .wf-tr{grid-template-rows:44px}
.wf-wk .wf-days .wf-tr{grid-template-rows:auto}
.wf-wk .nm .t{font-size:12.5px;color:#5B6660;font-weight:600}
.wf-wk .wf-tr>i.we{background:#F6F3EE}
.wf-wk .wf-bar{margin:5px 2px}
.wf-sh{grid-row:1;z-index:1;display:grid;align-content:center;margin:3px 2px;padding:0 8px;border-radius:9px;background:#EAF4EE;box-shadow:inset 3px 0 0 #00693E;font:600 12.5px/1.15 var(--sans);color:#0B4F33;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}
.wf-sh small{font-size:11px;font-weight:500;color:#4F6B5B}
.wf-sh.open{background:repeating-linear-gradient(135deg,#FDF6EA 0 5px,#FBEBD3 5px 10px);box-shadow:inset 0 0 0 1px #E2A646,inset 3px 0 0 #E2A646;color:#8F5300}
.wf-sh.open small{color:#8F5300}

/* ── narrower ── */
@media (max-width:1240px){
  .ms-hero-obj .wf-band{--nm:78px}
  .ms-hero-obj .wf-band .wf-bar{padding:0 4px;font-size:11px}
}
@media (max-width:720px){
  .wf-hd>b{font-size:18px}
  .wf-cal,.ms-hero-obj .wf-band{--nm:30px}
  .wf-r .nm .t{display:none}
  .wf-wk{--nm:52px}.wf-wk .nm .t{display:inline}
  /* the 14 days crop to one week, the month to its second half, Mikkel's week to Monday–Friday */
  .wf-band .wf-tr{grid-template-columns:repeat(7,minmax(0,1fr)) repeat(7,0)}
  .wf-band .wf-tr>.w2{display:none}
  .wf-band .wk2{display:none}
  .wf-month .wf-tr{grid-template-columns:repeat(12,0) repeat(19,minmax(0,1fr))}
  .wf-month .wf-tr>:nth-child(-n+12),.wf-month .wf-bar.e{display:none}
  .wf-wk .wf-tr{grid-template-columns:repeat(5,minmax(0,1fr)) repeat(2,0)}
  .wf-wk .wf-tr>.we{display:none}
  .wf-list li{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 10px}
  .wf-list li small{grid-column:2/4;text-align:left;margin-top:-4px}
  .wf-list li .v-av{grid-row:span 2}
  .wf-mb span{display:none}.wf-mb{padding:0;width:30px;justify-content:center}
  .wf-rf li{grid-template-columns:minmax(0,1fr) auto}.wf-rf li>.hi{display:none}
  .wf-rf .wf-mb span{display:none}
  .wf-ts li{grid-template-columns:30px minmax(0,1fr) 96px;gap:8px;font-size:12.5px}
  .wf-axis{margin:2px 104px 0 38px}
  .wf-tl-lab,.wf-tl-tr{grid-template-columns:minmax(108px,4fr) 22fr}.wf-tl-tr{--b:max(108px,calc((100% - 3px) * 4 / 26))}
  .wf-pipe small{margin-left:0;width:100%}
  .wf-sort{display:none}
  .wf-req small{white-space:normal}
  .wf-sh{padding:0 4px;font-size:11px;letter-spacing:-.02em}.wf-sh small{font-size:10px}
}
/* requests: the row being answered is marked; key/value rows for the next-step cards */
.wf-req li.on{padding-inline:8px;border-radius:12px;background:#F1F8F4;border-top-color:transparent}
.wf-req li.on+li{border-top-color:transparent}
.wf-req .wf-mb{width:30px;padding:0;justify-content:center}
.wf-kv{list-style:none;margin:12px 0 0;padding:0}
.wf-kv li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:13px;color:#5B6660}
.wf-kv li:first-child{border-top:0}
.wf-kv li b{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#1A2233;font-variant-numeric:tabular-nums;white-space:nowrap}
.wf-kv s{color:#9AA29D;font-weight:500}.wf-kv b .hi{font-size:12px;color:#9AA29D}
.wf-note{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--ks-line);font-size:12.5px;color:#4F6B5B}
.wf-note .hi{font-size:15px;color:#00A550}
@media (max-width:720px){
  .wf-tl-lab>span:nth-child(2){padding-left:10px;white-space:nowrap}
  .wf-back{padding:4px 9px;font-size:12px}
}
/* two stacked cards in a zig panel: room for the thread, its two nodes and its label between them */
.ms-threaded .ms-panel-in:has(>[data-ms-card=workforce_lines]){row-gap:72px}

/* Mark 23-10: "Fraværende i dag", the absence overview and the parental-leave planner */
.wf-awav{display:flex;gap:10px;margin-top:12px}.wf-awav span{display:grid;justify-items:center;gap:5px}.wf-awav .v-av{width:36px;height:36px}
.wf-stack{display:flex;gap:2px;height:8px;margin-top:14px;border-radius:99px;overflow:hidden}.wf-stack i.r{background:#E5484D}.wf-stack i.b{background:var(--ks-blue)}.wf-stack i.o{background:#EDF0EC}
.wf-of{margin:8px 0 0;font-size:12px;color:#6B7470}.wf-of b{color:#1A2233;font-variant-numeric:tabular-nums}
.wf-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}.wf-kpi span{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:var(--ks-soft)}
.wf-kpi b{font:600 22px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.wf-kpi small{font-size:11.5px;color:#5B6660}
.wf-ov{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:14px}
.wf-sub{margin:0 0 6px;font-size:11.5px;font-weight:600;color:#7A818C;letter-spacing:.02em}
.wf-week{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-items:end;height:96px}
.wf-week li{display:grid;justify-items:center;gap:4px;align-self:end}.wf-week small{font-size:11px;color:#7A818C}
.wf-wb{display:flex;flex-direction:column-reverse;gap:2px;width:18px}.wf-wb i{display:block;border-radius:4px}.wf-wb i.r{background:#E5484D}.wf-wb i.b{background:var(--ks-blue)}.wf-wb i.v{background:var(--ks-violet)}
.wf-leg{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:11.5px;color:#5B6660}.wf-leg i{width:8px;height:8px;border-radius:2px;margin-left:6px}.wf-leg i:first-child{margin-left:0}.wf-leg i.r{background:#E5484D}.wf-leg i.b{background:var(--ks-blue)}.wf-leg i.v{background:var(--ks-violet)}
.wf-bp{margin-top:14px;display:grid;gap:8px}
.wf-bpm,.wf-bpr{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}
.wf-bpm{grid-template-columns:96px repeat(9,minmax(0,1fr));gap:0 0}.wf-bpm small{font-size:11px;color:#7A818C;border-left:1px solid #EEECE7;padding-left:4px}
.wf-bpr>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.wf-bpr .v-av{width:26px;height:26px}
.wf-bpr>i{position:relative;height:34px;border-radius:10px;background:repeating-linear-gradient(90deg,#F4F5F2 0 calc(11.11% - 1px),#EAECE7 calc(11.11% - 1px) 11.11%)}
.wf-bpr b{position:absolute;top:3px;bottom:3px;display:flex;align-items:center;padding:0 8px;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-bpr b.g1{background:var(--ks-violet-bg);color:var(--ks-violet-ink)}.wf-bpr b.g2{background:var(--ks-violet);color:#fff}.wf-bpr b.g3{background:var(--ks-violet-2);color:#2E1F6E}
.wf-bpr b.p1{background:var(--ks-blue);color:#fff}.wf-bpr b.p2{background:var(--ks-blue-2);color:#123A75}
.wf-birth2{position:absolute;top:-4px;bottom:-4px;width:2px;background:#1A2233;border-radius:2px}
.wf-bpk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.wf-bpk span{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--ks-soft)}
.wf-bpk small{font-size:11px;color:#7A818C}.wf-bpk b{font:600 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}.wf-bpk em{font-style:normal;font-size:11px;color:#5B6660}
.wf-vik{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 11px;border-radius:12px;background:var(--ks-green-bg);font-size:12.5px;color:#1F4D36}.wf-vik .hi{flex:none;font-size:16px;color:#00693E}.wf-vik b{margin-right:4px}
@media (max-width:720px){.wf-ov{grid-template-columns:1fr}.wf-bpm,.wf-bpr{grid-template-columns:62px minmax(0,1fr)}.wf-bpm{grid-template-columns:62px repeat(9,minmax(0,1fr))}.wf-bpr>span .v-av{display:none}.wf-bpk b{font-size:15px}.wf-bpr b{font-size:9.5px;padding:0 5px}.wf-kpi b{font-size:18px}}
.wf-bpr>i{font-style:normal}.wf-bpr b{font-style:normal;justify-content:center}
.wf-bpl{display:flex;flex-wrap:wrap;gap:4px 12px;margin:2px 0 0 106px;font-size:11px;color:#5B6660}
/* #overview (Mark 23-10): the approval overview for absence and time */
[data-ms-card="workforce_approvals"]{width:min(400px,100%)!important}
.wf-apk{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 6px}.wf-apk span{display:grid;padding:8px 10px;border-radius:12px;background:#F3F4F1}.wf-apk span.a{background:#FDF6EA}
.wf-apk b{font:600 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}.wf-apk small{font-size:10.5px;color:#5B6660}
.wf-aph{margin:10px 0 2px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7A818C}
.wf-ap{list-style:none;margin:0;padding:0}.wf-ap li{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}.wf-ap li:first-child{border-top:0}
.wf-ap .v-av{width:28px;height:28px}.wf-ap li>span{display:grid;min-width:0}.wf-ap small{font-size:10.5px;color:#7A857F}.wf-ap .wf-apw{white-space:nowrap}.wf-ap .ks-chip{font-size:10.5px}