/* P-083 Målkunder (Ryggrad). Colours and spacing come from tokens.css. */
.mk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin-bottom:var(--s-4)}
.mk-card{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}
.mk-new{max-width:560px;margin-top:var(--s-4)}
.mk-top{display:flex;align-items:center;gap:var(--s-2)}.mk-top svg.i{color:var(--acc)}.mk-top b{font-size:14.5px;font-weight:600}
.mk-desc{margin:0;font-size:13.5px;color:var(--ink2)}
.mk-tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}
.mk-count{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);font-size:13.5px}
.mk-btns{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:auto}
.mk-edit{display:flex;flex-direction:column;gap:var(--s-3)}
.mk-f{display:block}.mk-f span{display:block;font-size:var(--fs-sm);color:var(--muted);margin-bottom:2px}.mk-f input,.mk-f textarea,.mk-f select{width:100%}
@media(max-width:800px){.mk-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.mk-btns .btn{height:var(--tap)}.mk-f input,.mk-f select{height:var(--tap)}}
.mk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin:var(--s-3) 0}
.mk-search{display:flex;align-items:center;gap:var(--s-2);flex:1 1 220px;max-width:360px}.mk-search input{flex:1;min-width:0}
.mk-sort{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-sm);color:var(--muted)}
.mk-chip{display:inline-flex;align-items:center;gap:var(--s-1);max-width:100%}.mk-chip-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-x{border:0;background:none;color:inherit;cursor:pointer;padding:0;display:inline-flex}.mk-x{font-size:15px;line-height:1}
.mk-menu{display:flex;gap:var(--s-2)}.mk-more{margin-left:auto}
.mk-sk{height:150px}
.pulse{animation:mk-pulse 1.2s ease-in-out infinite}.err-t{color:var(--red)}
@keyframes mk-pulse{50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.pulse{animation:none}}
@media(max-width:640px){.mk-search{max-width:none}.mk-tools .mk-sort{width:100%}.mk-x{min-width:var(--tap);min-height:var(--tap);justify-content:center;align-items:center;margin:calc(var(--tap)/-2 + 8px) -10px}}
/* Primary star, titles, offers, count change (build step 12) */
.mk-star{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;line-height:1;padding:0 var(--s-1);min-width:28px;min-height:28px}.mk-star.on{color:var(--yellow)}.mk-star:hover{color:var(--ink)}
.mk-prim{border-color:var(--acc)}
.mk-line{margin:0;font-size:13.5px;color:var(--ink2)}.mk-k{color:var(--muted);font-size:var(--fs-sm);margin-right:var(--s-1)}
.mk-delta{font-size:var(--fs-sm);color:var(--muted)}.mk-delta.up{color:var(--green)}.mk-delta.down{color:var(--red)}
.mk-add{display:flex;gap:var(--s-2);margin:var(--s-2) 0 var(--s-1)}.mk-add input{flex:1;min-width:0}
.mk-check{display:flex;align-items:center;gap:var(--s-2);font-size:13.5px}
.mk-offers{display:flex;flex-direction:column;gap:var(--s-1)}.mk-offer{display:flex;align-items:center;gap:var(--s-2);font-size:13.5px;min-height:28px}
.mk-sk-line{height:36px}
@media(max-width:640px){.mk-star{min-width:var(--tap);min-height:var(--tap)}.mk-add input{height:var(--tap)}.mk-offer{min-height:var(--tap)}.mk-add .btn{height:var(--tap)}}
.mk-chip{flex-wrap:nowrap}.mk-chip-t{min-width:0}.mk-x{flex:none}