/* Inställningar > Säljfaser (views/inst-saljfaser.js, components/stage-panel.js). Tokens only. */
.sf-list{list-style:none;margin:0;padding:0}
.sf-row{padding:var(--s-3) 0;box-shadow:0 1px 0 var(--edge2)}
.sf-row:last-child{box-shadow:none}
.sf-main{display:grid;grid-template-columns:minmax(0,1.4fr) 56px minmax(0,1.6fr) 84px auto;gap:var(--s-2) var(--s-3);align-items:center}
.sf-name{font-weight:500;overflow-wrap:anywhere}
.sf-pct{text-align:right}
.sf-tags{display:flex;gap:var(--s-1);flex-wrap:wrap}
.sf-count{font-size:var(--fs-sm);color:var(--ink2);white-space:nowrap}
.sf-btns{justify-content:flex-end}
.sf-err{margin:var(--s-2) 0 0}
.sf-ro{margin:0 0 var(--s-3)}
.sf-form{display:grid;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface2);max-width:520px}
.sf-f{display:grid;gap:var(--s-1)}
.sf-fp .sf-pct-in{width:88px;text-align:right}
.sf-chk{display:flex;gap:var(--s-2);align-items:flex-start}
.sf-chk input{margin-top:3px}
.sf-h{display:block}
.sf-ask{margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface2);display:grid;gap:var(--s-2)}
.sf-ask p{margin:0}
.sf-wh{font-size:var(--fs-md);font-weight:600;margin:var(--s-3) 0 0}
.sf-add{margin-top:var(--s-3)}
@media (max-width:640px){
  .sf-main{grid-template-columns:minmax(0,1fr) auto}
  .sf-tags,.sf-count,.sf-btns{grid-column:1 / -1;justify-content:flex-start}
}