/* Preview only: Refusion's own cards (kort-reimbursement.js), scoped .rb- */
/* the year so far (the hero's one card): four totals, then month by month like the month's overview */
[data-ms-card="reimbursement_ytd"]{width:860px!important}   /* measured at this width; the grid then fits it to the frame */
.rb-yks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rb-yk{display:grid;gap:6px;padding:12px 14px;border-radius:14px;background:#F6F8F5}
.rb-yk span{display:flex;align-items:center;gap:6px;font-size:12px;color:#5B6660}
.rb-yk.g span::before,.rb-yk.u span::before{content:"";width:8px;height:8px;border-radius:50%;background:#00A550}.rb-yk.u span::before{background:#5CC08A;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00A550}
.rb-yk b{font:600 22px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.rb-yk.g b{color:#00693E}
.rb-yt{display:grid;margin-top:14px}
.rb-yr{display:grid;grid-template-columns:132px minmax(0,1fr) 104px 104px 124px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--ks-line);font-size:13px}
.rb-yr.h{border-top:0;padding-top:0;font-size:11px;color:#7A818C}.rb-yr.h>span:nth-child(n+3){text-align:right}
.rb-ym{display:grid}.rb-ym b{font-weight:600}.rb-ym small{font-size:11.5px;color:#7A857F}
.rb-yp{display:grid;gap:5px;min-width:0}.rb-yp small{font-size:11px;color:#5B6660}
.rb-seg{display:flex;gap:3px}.rb-seg i{flex:1;height:6px;border-radius:99px;background:#00A550}.rb-seg i.now{background:#5CC08A;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00A550}
.rb-ya{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.rb-ya.g{color:#00693E}
.rb-yr>.ks-chip{justify-self:end}
.rb-yf span{display:inline-flex;align-items:center;gap:6px}.rb-lg{width:14px;height:6px;border-radius:99px;background:#00A550}.rb-lg.now{margin-left:8px;background:#5CC08A;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #00A550}
@media (max-width:720px){
  .rb-yks{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-yk b{font-size:19px}
  .rb-yr.h{display:none}
  .rb-yr{grid-template-columns:minmax(0,1fr) auto;row-gap:7px}
  .rb-yr>.rb-ym{order:1}.rb-yr>.rb-ya:not(.g){order:2}.rb-yr>.rb-yp{order:3;grid-column:1 / -1}.rb-yr>.rb-ya.g{order:4;text-align:left}.rb-yr>.ks-chip{order:5}
  .rb-ya.g::before{content:attr(data-l) " ";font-weight:400;color:#5B6660}
  .rb-yf{flex-direction:column}
}

[data-ms-cards^="reimbursement_"] .vc{text-align:left}

/* claim */
.rb-who{display:flex;align-items:center;gap:10px}
.rb-who .v-av{width:36px;height:36px}
.rb-who span{flex:1;display:grid;min-width:0;line-height:1.25}
.rb-who b{font-weight:600;font-size:14px;white-space:nowrap}
.rb-who small{font-size:12px;color:#5B6660}
.rb-chk{margin-top:14px}
.rb-chk li span{display:flex;align-items:baseline;justify-content:space-between;flex:1;gap:8px}
.rb-chk b{font-weight:550}

/* found */
.rb-k{display:flex;align-items:center;gap:8px;font-size:13px}
.rb-k b{font-weight:600}
.rb-dot{width:9px;height:9px;border-radius:50%;background:#00A550;box-shadow:0 0 0 4px #E3F2E9}
.rb-say{margin:10px 0 0;font:400 15px/1.45 var(--sans);color:#1A2233}
.rb-big{display:flex;align-items:baseline;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #F0EEE9}
.rb-big b{font:600 36px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-big span{font-size:13px;color:#5B6660}
.rb-ready{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:#00693E}
.rb-ready .hi{font-size:17px}

/* deadlines */
.rb-sub{margin:-8px 0 0 38px;font-size:12px;color:#7A857F}
.rb-dl{list-style:none;margin:10px 0 0;padding:0}
.rb-dl li{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #F0EEE9;font-size:13px}
.rb-dl li span{flex:1;display:grid;min-width:0}
.rb-dl b{font-weight:550;white-space:nowrap}
.rb-dl small{font-size:11.5px;color:#7A857F;font-variant-numeric:tabular-nums}
.rb-dl li:first-child small{color:#B42330}
.rb-dl .rb-kd{flex:none;align-self:flex-start;margin-top:6px}
.rb-r{flex:none;font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:#FDF1F2;color:#B42330}

/* trigger */
.rb-tl-h{display:flex;align-items:center;gap:10px}
.rb-tl-h .v-av{width:32px;height:32px}
.rb-tl-h b{font-weight:600;font-size:15px}
.rb-track{--b:86%;--m:89%;position:relative;height:56px;margin-top:6px}
.rb-band{position:absolute;left:0;width:var(--b);bottom:10px;height:14px;margin:0}
.rb-band i{background:linear-gradient(90deg,var(--ks-amber-bg),var(--ks-amber))!important}
.rb-tail{position:absolute;left:calc(var(--b) + 4px);right:0;bottom:13px;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ks-green),var(--ks-green-2) 70%,transparent)}
.rb-mark{position:absolute;left:var(--m);bottom:4px;width:2px;height:48px;background:#00693E;border-radius:2px}
.rb-mark::after{content:"";position:absolute;left:-4px;bottom:-4px;width:10px;height:10px;border-radius:50%;background:#00693E}
.rb-mark em{position:absolute;right:8px;top:-2px;font-style:normal;font-size:12px;font-weight:500;color:#00693E;white-space:nowrap}.rb-mark em b{font-weight:650;color:#1A2233}
.rb-ax{--b:86%;position:relative;height:16px;margin-top:4px;font-size:11.5px;color:#7A857F;font-variant-numeric:tabular-nums}
.rb-ax span{position:absolute;left:0;white-space:nowrap}
.rb-ax .rb-d30{left:auto;right:calc(100% - var(--b))}
.rb-case{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px 12px;margin-top:18px;padding:12px 14px;border-radius:16px;background:#F6F8F5}
.rb-case>.hi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#00693E;font-size:17px;box-shadow:0 0 0 1px #E2E4DE}
.rb-case>span:not(.v-b){display:grid;min-width:0}
.rb-case b{font-weight:600;font-size:14px}
.rb-case small{font-size:12px;color:#5B6660}
.rb-case .v-chip{background:#fff;box-shadow:0 0 0 1px #DCEBE2}
.rb-case .v-b{flex:none;padding:0 16px}
.rb-foot{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:12.5px;color:#5B6660}
.rb-foot .hi{font-size:15px;color:#7A857F}
@media (max-width:720px){
  .rb-case{grid-template-columns:auto minmax(0,1fr)}.rb-case .v-chip{grid-column:2;justify-self:start}.rb-case .v-b{grid-column:1/-1}
  .rb-track,.rb-ax{--b:76%;--m:80%}
}
/* the received refund: the amount, then a few key/value rows */
.rb-big--s{margin-top:4px;padding-top:0;border-top:0}.rb-big--s b{font-size:28px}
.rb-kv{list-style:none;margin:12px 0 0;padding:0}
.rb-kv li{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ks-line);font-size:13px;color:#5B6660}
.rb-kv li:first-child{border-top:0}
.rb-kv li b,.rb-kv li em{margin-left:auto}.rb-kv li b{font-weight:600;color:#1A2233;font-variant-numeric:tabular-nums;white-space:nowrap}
.rb-kv .v-chip .hi{font-size:13px}
/* 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=reimbursement_paid]){row-gap:72px}