/* Lønregulering's own cards (kort-salary-review.js), scoped .sr- */
[data-ms-card="salary_round"]{width:min(460px,100%)!important}[data-ms-card="salary_case"]{width:min(320px,100%)!important}[data-ms-card="salary_queue"]{width:min(420px,100%)!important}
.sr-bar{display:block;height:6px;border-radius:99px;background:#EDF0EC;overflow:hidden}.sr-bar b{display:block;height:100%;border-radius:inherit;background:#00A550}.sr-bar b.a{background:#E2A646}
.sr-stg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:4px 0 10px}.sr-stg span{display:grid;padding:8px 9px;border-radius:12px;background:#F3F4F1}.sr-stg span.d{background:#F3F4F1}.sr-stg span.a{background:#FDF6EA}.sr-stg span.g{background:var(--ks-green-bg)}
.sr-stg b{font:600 18px/1.1 var(--sans);font-variant-numeric:tabular-nums}.sr-stg small{font-size:10.5px;color:#5B6660;line-height:1.25}
.sr-prog{display:grid;gap:5px;margin-bottom:10px}.sr-prog small{font-size:11px;color:#6B7470}
.sr-bud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 0;border-top:1px solid var(--ks-line)}.sr-bud span{display:grid}.sr-bud small{font-size:10.5px;color:#7A857F}.sr-bud b{font-size:14px;font-variant-numeric:tabular-nums}
.sr-who{display:flex;align-items:center;gap:10px}.sr-who .v-av{width:40px;height:40px}.sr-who span{display:grid}.sr-who small{font-size:11px;color:#7A857F}
.sr-from{display:flex;align-items:center;gap:8px;margin:12px 0 8px;font-variant-numeric:tabular-nums}.sr-from s{color:#9AA29D}.sr-from b{font:500 22px/1 var(--serif)}.sr-from .hi{color:#9AA29D}.sr-from .ks-chip{margin-left:auto}
.sr-kv{list-style:none;margin:0;padding:0}.sr-kv li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}.sr-kv span{color:#6B7470}
.sr-note{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#FDF6EA;font-size:11.5px;color:#6B5A3E}.sr-note .hi{flex:none;color:#C27A12}
.sr-flow{list-style:none;margin:2px 0 0;padding:0;position:relative}.sr-flow::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:#E2E6E1}
.sr-flow li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;font-size:12.5px}.sr-flow span{display:grid}.sr-flow small{font-size:10.5px;color:#7A857F}
.sr-flow i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #E2E6E1;color:#fff;font-size:13px;font-style:normal}
.sr-flow li.d i{background:#00A550;box-shadow:none}.sr-flow li.now i{box-shadow:inset 0 0 0 2px #00A550,0 0 0 4px #E3F1E9}
.sr-q{list-style:none;margin:0;padding:0}.sr-q li{display:grid;grid-template-columns:28px minmax(0,1fr) auto 78px;gap:8px;align-items:center;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12px}.sr-q li:first-child{border-top:0}
.sr-q .v-av{width:28px;height:28px}.sr-q span{display:grid;min-width:0}.sr-q small{font-size:10.5px;color:#7A857F;font-variant-numeric:tabular-nums}.sr-pct{font-variant-numeric:tabular-nums}.sr-q .ks-chip{justify-self:end;font-size:10.5px}
.sr-dp{list-style:none;margin:0;padding:0}.sr-dp li{display:grid;grid-template-columns:70px minmax(0,1fr) 54px;gap:10px;align-items:center;padding:7px 0;font-size:12px}.sr-dp b{text-align:right;font-variant-numeric:tabular-nums}
/* Mark 25-10: the two cards get glass at their edge. Glass only shows what lies behind it, so the panel behind them gets
   a few soft colour fields (a mint and a little blue) that the frosted frames blur and bend; the faces stay white */
body .vc[data-ms-card="salary_round"],body .vc[data-ms-card="salary_case"]{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.14) 48%,rgba(255,255,255,.5));border:1.5px solid rgba(255,255,255,.92);-webkit-backdrop-filter:blur(26px) saturate(1.9);backdrop-filter:blur(26px) saturate(1.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 0 28px rgba(255,255,255,.35),0 40px 70px -36px rgba(8,50,30,.5)}
body .vc[data-ms-card="salary_round"] .in,body .vc[data-ms-card="salary_case"] .in{background:rgba(255,255,255,.9)}