/* Inställningar: page frame and tabs (views/installningar.js), tab Enheter och moms (installningar-listor.js, components/option-panel.js). Colours from tokens.css only. */
.ls-intro{margin:0 0 var(--s-3)}
.in-tabs{display:flex;gap:var(--s-1);margin:0 0 var(--s-4);box-shadow:inset 0 -1px 0 var(--edge2);overflow-x:auto}
.in-tabs button{min-height:44px;padding:0 var(--s-4);border:0;border-bottom:2px solid transparent;background:none;color:var(--ink2);font:inherit;font-weight:500;cursor:pointer;white-space:nowrap}
.in-tabs button:hover{color:var(--ink)}
.in-tabs button[aria-selected=true]{color:var(--acc-ink);border-bottom-color:var(--acc)}
.in-tabs button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--acc-soft);border-radius:6px}
.ls-kh{margin:0 0 var(--s-2)}
.ls-kind{padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}
.ls-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-2)}
.ls-h{font-size:var(--fs-md);font-weight:600;margin:0}
.ls-list{list-style:none;margin:0;padding:0}
.ls-row{padding:var(--s-2) 0;box-shadow:0 1px 0 var(--edge2)}
.ls-row:last-child{box-shadow:none}
.ls-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s-3);align-items:center}
.ls-lab{font-weight:500;overflow-wrap:anywhere}
.ls-sys{margin-left:var(--s-2);font-family:var(--font-mono)}
.ls-used{font-size:var(--fs-sm);color:var(--ink2);white-space:nowrap}
.ls-none{color:var(--muted)}
.ls-btns,.ls-confirm{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.ls-confirm{font-size:var(--fs-sm)}
.ls-inline{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.ls-inline input{width:200px}
.ls-add{padding:var(--s-2) 0 var(--s-3)}
.ls-add .lab{flex-basis:100%;margin:0}
.ls-add .err{flex-basis:100%;margin:0}
.ls-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ls-togg{margin-top:var(--s-3);font-size:var(--fs-sm);background:none;border-left:0;border-right:0;border-top:0;padding:0}
.ls-arch{margin-top:var(--s-2);color:var(--muted)}
.ls-panel{margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface2);box-shadow:var(--sh)}
.ls-ph{margin:0 0 var(--s-3);font-size:var(--fs-base);font-weight:600}
.ls-pl{margin:var(--s-3) 0 var(--s-2);font-size:var(--fs-sm);color:var(--ink2);font-weight:500}
.ls-usages{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.ls-usages li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:var(--s-3);align-items:baseline;font-size:var(--fs-sm)}
.ls-ut{color:var(--muted)}
.ls-ul small{color:var(--muted)}
.ls-panel select{min-width:200px}
.ls-panel .ls-btns{margin-top:var(--s-3)}
@media (max-width:640px){
  .ls-main{grid-template-columns:1fr}
  .ls-usages li{grid-template-columns:1fr}
  .ls-panel{position:fixed;inset:0;z-index:70;margin:0;border-radius:0;padding:var(--s-5) var(--s-4);overflow:auto;background:var(--surface)}
  .ls-inline input{width:100%}
}