/* Ryggrad overview: section cards, fill bars and "Att åtgärda". Colours and spacing come from tokens.css. */
.rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}
.rg-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);min-height:132px;min-width:0;text-align:left;color:inherit;font:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh)}
button.rg-card{cursor:pointer}
button.rg-card:hover,button.rg-card:focus-visible{border-color:var(--acc-line);outline:0}
.rg-card .rg-t{display:flex;align-items:center;gap:var(--s-2)}.rg-card .rg-t svg.i{color:var(--acc);flex:none}.rg-card .rg-t b{font-weight:600;font-size:14.5px;flex:1;min-width:0}
.rg-card .rg-n{font-size:var(--fs-sm);color:var(--ink2)}
.rg-card .rg-m{margin-top:auto;display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:var(--fs-sm)}
.rg-card.soon{border-style:dashed;box-shadow:none;background:transparent}
.rg-card.soon .rg-t svg.i{color:var(--faint)}.rg-card.soon .rg-t b{color:var(--muted)}
.rg-card.err{border-color:var(--red)}
.rg-card .rg-err{color:var(--red);font-size:var(--fs-sm)}
.rg-prog{display:flex;align-items:center;gap:var(--s-3)}
.rg-bar{height:6px;border-radius:var(--r-pill);background:var(--grey-soft);overflow:hidden;width:140px;flex:none}
.rg-card .rg-bar{width:100%}
.rg-bar i{display:block;height:100%;width:var(--p,0);background:var(--acc)}
.rg-todo{margin-top:var(--s-5)}.rg-todo h2{margin:0 0 var(--s-1);font-size:16px}
.rg-todo ul{list-style:none;margin:var(--s-3) 0 0;padding:0;display:grid;gap:var(--s-3)}
.rg-todo li{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-2) var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:0}
.rg-todo .rg-what{flex:1;min-width:0}
@media(max-width:960px){.rg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rg-grid{grid-template-columns:minmax(0,1fr)}.rg-prog{width:100%}.rg-bar{flex:1;width:auto}.rg-todo li .btn{min-height:var(--tap)}}
.rg-guide{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;padding:var(--s-3) var(--s-4);margin:var(--s-3) 0 var(--s-4)}