/* Utveckling (lou2/web/utveckling.js): fristående, bara klasser som börjar på utv-. */
.utv{display:flex;flex-direction:column;gap:14px;max-width:860px}
.utv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.utv-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.utv-tile b{font-family:var(--mono);font-size:22px;font-variant-numeric:tabular-nums}
.utv-tile span{font-size:12.5px;color:var(--muted)}
.utv-tile.hot b{color:var(--bad)}
.utv-bar{height:6px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.utv-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.utv-block{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.utv-block h2,.utv-rubrik{font-size:15px}
.utv-block p{margin:0}
.utv-block ul.small{margin:0;padding-left:18px}
.utv-list{list-style:none;margin:0;padding:0}
.utv-list>li{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-bottom:1px solid var(--line-soft);min-width:0}
.utv-list>li:last-child{border-bottom:0}
.utv-list>li>div{min-width:0;overflow-wrap:anywhere}
.utv-block .utv-list>li{padding:8px 0}
.utv-list>li.klar .utv-titel{color:var(--muted);text-decoration:line-through}
.utv-list>li.nasta{background:var(--accent-soft)}
.utv-nr{flex:none;font-family:var(--mono);font-size:12px;min-width:34px;text-align:center;padding:2px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2)}
.utv-ok{background:var(--klar-bg);color:var(--klar-fg)}
.utv-pagar{background:var(--planerad-bg);color:var(--planerad-fg)}
.utv-vantar{background:var(--ny-bg);color:var(--ny-fg)}
.utv-kortlista{display:flex;flex-direction:column;gap:10px}
.utv-kort{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.utv-slag{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.utv-text{margin:0;font-size:14.5px}
.utv-kort p{margin:0}
.utv-svar{background:var(--accent-soft);border-radius:var(--r-sm);padding:8px 10px}
.utv-knappar{display:flex;gap:8px;flex-wrap:wrap}
.utv-form{display:flex;flex-direction:column;gap:8px}
.utv-form label{display:flex;flex-direction:column;gap:4px;color:var(--muted)}
.utv-form textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;width:100%}
.utv-fel{margin:0;color:var(--bad);font-size:13px}
.utv-alla{margin:0}
.utv-kort-logg .small:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.utv-klara summary{cursor:pointer;color:var(--accent);font-size:13.5px;padding:4px 0 8px}
@media (max-width:700px){
  .utv-tiles b{font-size:19px}
  .utv-knappar .btn{flex:1 1 auto;justify-content:center}
}