/* NXT Mobil - kun app-unike tillegg, bygget på tokens fra wican.css. */

/* Tilbake-lenke over sidetittelen på detaljsidene. */
.back { display:inline-flex; align-items:center; gap:4px; margin-bottom:var(--sp-2); color:var(--muted); font-size:var(--fs-sm); font-weight:500; }
.back svg { width:16px; height:16px; }

/* Listerader som er lenker eller knapper: hele raden er trykkflate (min. 44 px). */
.list a.li, .list .li--btn, .list label.li { min-height:44px; color:inherit; text-decoration:none; cursor:pointer; }
.list .li--btn { width:100%; border:0; border-bottom:var(--stroke) solid var(--divider); background:none; font:inherit; text-align:left; }
.list a.li:hover, .list .li--btn:hover, .list label.li:hover { background:var(--surface-2); }
.list .li[hidden] { display:none; }
.list .li--done { cursor:default; }
.list .li--done:hover { background:none; }
.list .li input[type="checkbox"] { width:22px; height:22px; flex:none; }
.list .li .r .d { font-size:var(--fs-xs); }

.card-head h3 { display:flex; align-items:center; gap:var(--sp-2); }
.card-head h3 svg { width:18px; height:18px; color:var(--decor); }

.doc-actions { display:flex; gap:var(--sp-2); }

/* Vekt, volum og kolli står side om side også på mobil: korte tall. */
@media (max-width:640px) {
  .fields.fields--3 { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-3); }
  .seg { display:flex; }
  .seg button { flex:1; }
  .page-head h1 { font-size:var(--fs-xl); }
}

.btn .spinner { width:14px; height:14px; border-width:2px; margin-right:6px; vertical-align:-2px; }

/* Toppbaren på smal skjerm: kun avatar og ikon-knapper, ellers skyver kontoen
   siden utenfor skjermen. Mangler i master (wican-design) per v3 og bør flyttes dit. */
@media (max-width:760px) {
  .topbar .who-text { display:none; }
  .topbar .logout-form .btn { font-size:0; gap:0; padding:0 8px; }
  .topbar .logout-form .btn svg { width:18px; height:18px; }
  .topbar .brand-app { white-space:nowrap; }
}