/* Preview only: Asset Management's own cards (kort-asset-management.js), scoped .am- */
[data-ms-cards^="assets_"] .vc{text-align:left}
@media (max-width:720px){.ms-hero-row[data-ms-cards^="assets_"] .vc:nth-child(2){order:-1}}

/* receipt */
.am-rc{display:grid;justify-items:center;text-align:center;padding:10px 4px 6px}
.am-rc-av{position:relative;display:block}
.am-rc-av .v-av{width:64px;height:64px}
.am-ok{position:absolute;right:-6px;bottom:-4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#00693E;color:#fff;font-size:17px;box-shadow:0 0 0 3px #fff}
.am-rc b{margin-top:16px;font-weight:600;font-size:15px;line-height:1.3}
.am-rc small{margin-top:4px;font-size:12.5px;color:#7A857F;font-variant-numeric:tabular-nums}

/* list */
.am-list{margin-top:10px}
.am-list em{flex:none}
.am-list li:nth-child(1)>.hi{background:var(--ks-blue-bg);color:var(--ks-blue-ink)}
.am-list li:nth-child(2)>.hi{background:var(--ks-violet-bg);color:var(--ks-violet-ink)}
.am-list em.g{background:#E3F1E9;color:#00693E}

/* offboarding */
.am-who{display:flex;align-items:center;gap:10px}
.am-who .v-av{width:36px;height:36px}
.am-who span{display:grid;line-height:1.25}
.am-who b{font-weight:600;font-size:15px}
.am-who small{font-size:12px;color:#5B6660;font-variant-numeric:tabular-nums}
.am-off{list-style:none;margin:12px 0 0;padding:0}
.am-off li{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #F0EEE9;font-size:13px}
.am-off li>.hi{font-size:19px;color:#C9CFC9;flex:none}
.am-off li.d>.hi{color:#00A550}
.am-off span{flex:1;white-space:nowrap}
.am-off em{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:99px;background:#FCEFDD;color:#8F5300;white-space:nowrap}

/* #how: one asset's journey, three cards on the thread (Udleveret → Fratræder) */
.am-rc .v-chip{margin-top:10px}
.am-obj{display:flex;align-items:center;gap:10px;margin-top:12px}
.am-obj>.hi{width:36px;height:36px;border-radius:11px;flex:none;background:var(--ks-violet-bg);color:var(--ks-violet-ink);font-size:19px}
.am-obj .v-av{width:36px;height:36px;flex:none}
.am-obj span{display:grid;min-width:0;line-height:1.25}
.am-obj b{font-weight:600;font-size:15px}
.am-obj small{font-size:12px;color:#5B6660}
.am-dl{margin-top:10px}.am-dl dd{font-variant-numeric:tabular-nums}
.am-kv{display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:9px 11px;border-radius:12px;background:#F1F8F4;font-size:13px}
.am-kv>.hi{flex:none;font-size:19px;color:#00A550}
.am-kv span{display:grid;line-height:1.3}.am-kv b{font-weight:600}.am-kv small{font-size:12px;color:#5B6660;font-variant-numeric:tabular-nums}
.am-day{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:13px;font-weight:600}
.am-day .hi{font-size:16px;color:#7A857F}
.am-off li[data-ms-tick]>span,.am-off li.d>span{white-space:normal}
.am-st{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:14px;padding-top:12px;border-top:1px solid #F0EEE9}
.am-st small{font-size:12px;color:#5B6660}
.v-chip.am-n{background:#F1F3F0;color:#4F596B}
#how .ms-panel{min-height:0;padding:56px 40px}
.ms-panel.am-three.ms-threaded .ms-panel-in{column-gap:112px}
/* phones and tablets: all three steps stay (the system shows two), stacked on the thread */
@media (max-width:1040px){.ms-panel.am-three .ms-panel-in .vc:nth-child(3){display:block}
  .ms-panel.am-three .ms-panel-in{flex-direction:column;align-items:center}}
/* the panel sits between the section's title and its three step cards */
#how .ms-panel{margin-bottom:clamp(28px,3vw,40px)}
@media (max-width:720px){#how .ms-panel{padding:20px}}
@media (max-width:720px){#how .ms-panel.ms-threaded .ms-panel-in{row-gap:68px!important}}