/* Løn (da/payroll.html): the page's own cards. Preview only. */
.pr-k{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;font-size:13px;line-height:1.45;color:#2A2F3A}.pr-k b{font-weight:600;margin-right:2px}
.pr-kd{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:radial-gradient(circle,#fff 0 2.5px,#00693E 3.5px);box-shadow:0 0 0 2.5px #E3F2E9}
.pr-c{font-style:normal;margin-left:auto;padding:3px 8px;border-radius:99px;background:#EFEFEB;color:#4F596B;font-size:11.5px;font-weight:600;white-space:nowrap}.pr-c.g{background:#E3F1E9;color:#00693E}.pr-c.a{background:#FCEFDD;color:#8F5300}.pr-c.r{background:#FDECEC;color:#B3302B}
.pr-grp,.pr-list,.pr-act,.pr-band{list-style:none;margin:8px 0 0;padding:0}
.pr-grp li{display:flex;align-items:center;gap:8px;padding:8px 2px;border-top:1px solid #F0EEE9;font-size:13px}.pr-grp li:first-child{border-top:0}
.pr-pipe{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:#5B6660}.pr-pipe b{padding:4px 9px;border-radius:99px;background:#F4F6F3;font-weight:600}.pr-pipe i{flex:1;height:2px;background:repeating-linear-gradient(90deg,#9FCDB3 0 6px,transparent 6px 10px)}
.pr-mute{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;color:#6B7470}.pr-mute .hi{font-size:14px;color:#9AA29D}
.pr-list li{display:flex;align-items:center;gap:9px;padding:7px 2px;border-top:1px solid #F0EEE9;font-size:13px}.pr-list li:first-child{border-top:0}
.pr-list .v-av{width:28px;height:28px}.pr-list span{display:grid;min-width:0}.pr-list small{color:#7A857F;font-size:11.5px}
.pr-ent{display:grid;gap:2px;margin-top:8px;padding:10px 12px;border-radius:14px;background:#F6F8F5}.pr-ent b{font-size:13.5px}.pr-ent small{font-size:11.5px;color:#7A857F}
.pr-ent span{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:#4F596B}.pr-ent span .hi{font-size:14px;color:#00693E}.pr-ent strong{font-weight:600;color:#1A2233}
.pr-act li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 2px;border-top:1px solid #F0EEE9;font-size:13px}.pr-act li:first-child{border-top:0}
.pr-act span{display:grid}.pr-act small{color:#7A857F;font-size:11.5px}
.pr-seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:11.5px;color:#7A857F}.pr-seg em{font-style:normal;padding:4px 9px;border-radius:99px;background:#F4F6F3;color:#4F596B;font-weight:600}.pr-seg em.on{background:#00693E;color:#fff}.pr-seg span{margin-left:auto}
/* validation: eight segments, the passing checks as quiet chips, the one blocking row in focus */
.pr-seg8{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:2px}.pr-seg8 i{height:6px;border-radius:99px;background:var(--ks-green-2)}.pr-seg8 i.bad{background:#E83946}
.pr-oks{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pr-oks span{display:inline-flex;align-items:center;gap:4px;padding:4px 9px 4px 7px;border-radius:99px;background:#F1F8F4;color:#2A4A3A;font-size:12px;font-weight:500;white-space:nowrap}.pr-oks .hi{font-size:13px;color:#00A550}
.pr-block{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:14px;background:#FDF0F0}
.pr-block>.hi{font-size:18px;color:#D93644}.pr-block span{display:grid;gap:2px;min-width:0}.pr-block b{font-size:13.5px}.pr-block small{font-size:12px;color:#6B5B5B}.pr-block .pr-c{margin:0;background:#fff}
/* changes: who, before → now, the state */
.pr-diff{display:grid;margin-top:4px}
.pr-dr{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid #F0EEE9;font-size:13px;font-variant-numeric:tabular-nums}.pr-dr:first-child{border-top:0}
.pr-dr .v-av{width:28px;height:28px}.pr-dr>span:not(.pr-ba){display:grid;min-width:0}.pr-dr>span b,.pr-dr>span small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-dr small{color:#7A857F;font-size:11.5px}
.pr-ba{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pr-ba s{color:#9AA29D}.pr-ba .hi{font-size:12px;color:#9AA29D}.pr-ba b{font-weight:600}
.pr-dr .pr-c{margin:0;min-width:74px;text-align:center}
.pr-c{transition:background-color .3s,color .3s}
/* a number that carries the card, with a few key/value rows */
.pr-big{display:flex;align-items:baseline;gap:8px;margin-top:2px}.pr-big b{font:600 28px/1.1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#1A2233}.pr-big span{font-size:13px;color:#6B7470}
.pr-kv{list-style:none;margin:10px 0 0;padding:0}.pr-kv li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--ks-line);font-size:13px;color:#4F596B}
.pr-kv li b{margin-left:auto;font-weight:600;color:#1A2233;font-variant-numeric:tabular-nums;white-space:nowrap}
.pr-lock{display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:12px;color:#6B7470}.pr-lock .pr-c{margin:0}
/* the steps: a rail with a node per state; done = filled, now = ring, ahead = hollow */
.pr-st{list-style:none;margin:4px 0 0;padding:0;position:relative}
.pr-st li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 14px}
.pr-st li:last-child{padding-bottom:0}
.pr-st li::before{content:"";position:absolute;left:8px;top:20px;bottom:2px;width:2px;border-radius:2px;background:#E6EBE6}
.pr-st li:last-child::before{display:none}
.pr-st li.done::before{background:var(--ks-green-2)}
.pr-nd{position:relative;z-index:1;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #D5DBD6}
.pr-st li.done .pr-nd{background:var(--ks-green);box-shadow:none;color:#fff}.pr-st li.done .pr-nd .hi{font-size:11px}
.pr-st li.now .pr-nd{box-shadow:inset 0 0 0 2px var(--ks-green),0 0 0 4px var(--ks-green-bg)}.pr-st li.now .pr-nd::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ks-green)}
.pr-st div{min-width:0}.pr-st p{display:flex;align-items:center;gap:8px;margin:0;font-size:13.5px}.pr-st p b{font-weight:600;min-width:0}.pr-st p .pr-c{margin-left:auto}
.pr-st small{display:block;margin-top:2px;font-size:12px;color:#7A857F}
.pr-st li:not(.done):not(.now) p b{color:#5B6660;font-weight:500}
.pr-pas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px}
.pr-pa{position:relative;flex:none}.pr-pa .v-av{width:30px;height:30px;box-shadow:0 0 0 2px #fff}.pr-pa .hi{position:absolute;right:-3px;bottom:-3px;font-size:14px;color:#00A550;background:#fff;border-radius:50%}
.pr-pa:not(.ok) .v-av{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #CFD6D0}
.pr-pas em{flex:1 1 140px;min-width:0;font-style:normal;font-size:12px;line-height:1.35;color:#5B6660}
/* pay bands: green dots on a quiet track, Sofie's own place marked */
.pr-band{list-style:none;margin:8px 0 0;padding:0}
.pr-band li{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:8px 0;font-size:12px;color:#5B6660}
.pr-band i{position:relative;height:14px;border-radius:99px;background:linear-gradient(90deg,#EEF4F0,#DCEDE3)}.pr-band i b{position:absolute;top:2px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ks-green-2);box-shadow:0 0 0 2px #fff}
.pr-band i b.me{top:-2px;width:18px;height:18px;margin-left:-9px;background:#00693E;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ks-green-bg)}
.pr-band i em{position:absolute;bottom:calc(100% + 6px);transform:translateX(-50%);padding:2px 8px;border-radius:99px;background:#00693E;color:#fff;font:600 11px/1.3 var(--sans);font-style:normal;white-space:nowrap}
.pr-band li:has(em){padding-top:26px}
.vc.w-xl .pr-band li{grid-template-columns:80px 1fr;padding:10px 0;font-size:13px}.vc.w-xl .pr-band li:has(em){padding-top:30px}.vc.w-xl .pr-band i{height:18px}.vc.w-xl .pr-band i b{top:3px;width:12px;height:12px;margin-left:-6px}.vc.w-xl .pr-band i b.me{top:-1px;width:20px;height:20px;margin-left:-10px}
@media (max-width:720px){.pr-dr{grid-template-columns:28px minmax(0,1fr) auto;row-gap:4px}.pr-dr .pr-c{grid-column:2/-1;justify-self:start;min-width:0}.pr-ba{grid-column:3;grid-row:1}}