@innspel/react-native 0.7.0 → 0.8.0

package/dist/index.js

@@ -232,11 +232,104 @@ var light = {
   screenPadding: 24,
   hairline: 1
 };
+var submissionStatus = {
+  ny: {
+    statusType: "reviewing",
+    ikon: "ellipse-outline",
+    etikett: { feil: "Mottatt", onske: "Mottatt" },
+    lofte: { feil: "Vi har f\xE5tt den. Du h\xF8rer fra oss.", onske: "Vi har f\xE5tt den. Du h\xF8rer fra oss." },
+    fg: "textSecondary",
+    bg: "neutralBg",
+    variant: "outline"
+  },
+  vurderes: {
+    statusType: "reviewing",
+    ikon: "hourglass-outline",
+    etikett: { feil: "Vurderes", onske: "Vurderes" },
+    lofte: { feil: "Svar innen {frist} \u2014 ogs\xE5 hvis det er nei.", onske: "Svar innen {frist} \u2014 ogs\xE5 hvis det er nei." },
+    fg: "info",
+    bg: "infoBg",
+    variant: "outline"
+  },
+  planlagt: {
+    statusType: "active",
+    ikon: "calendar-outline",
+    etikett: { feil: "Planlagt", onske: "Planlagt" },
+    lofte: { feil: "Du f\xE5r beskjed n\xE5r den er rettet.", onske: "Du f\xE5r beskjed n\xE5r det er levert." },
+    fg: "brand",
+    bg: "brandBg",
+    variant: "outline"
+  },
+  bygges: {
+    statusType: "active",
+    ikon: "construct-outline",
+    etikett: { feil: "Retter n\xE5", onske: "Bygger" },
+    lofte: { feil: "Du f\xE5r beskjed n\xE5r den er rettet.", onske: "Du f\xE5r beskjed n\xE5r det er levert." },
+    fg: "brand",
+    bg: "brandBg",
+    variant: "filled"
+  },
+  kjent_feil: {
+    statusType: "active",
+    ikon: "warning-outline",
+    etikett: { feil: "Kjent feil", onske: "Kjent feil" },
+    lofte: { feil: "Kjent feil. Du f\xE5r beskjed n\xE5r den er rettet.", onske: "Kjent feil. Du f\xE5r beskjed n\xE5r den er rettet." },
+    fg: "warning",
+    bg: "warningBg",
+    variant: "outline"
+  },
+  levert: {
+    statusType: "complete",
+    ikon: "checkmark-circle-outline",
+    etikett: { feil: "Rettet", onske: "Levert" },
+    lofte: { feil: "Ferdig. Ser du feilen igjen, send et nytt innspill.", onske: "Ferdig. Takk for \xF8nsket." },
+    fg: "success",
+    bg: "successBg",
+    variant: "outline"
+  },
+  avvist: {
+    statusType: "closed",
+    ikon: "close-circle-outline",
+    etikett: { feil: "Avvist", onske: "Avvist" },
+    lofte: { feil: "Vi har svart p\xE5 denne.", onske: "Vi har svart p\xE5 denne." },
+    fg: "danger",
+    bg: "dangerBg",
+    variant: "outline"
+  },
+  duplikat: {
+    statusType: "closed",
+    ikon: "git-merge-outline",
+    etikett: { feil: "Sl\xE5tt sammen", onske: "Sl\xE5tt sammen" },
+    lofte: { feil: "Sl\xE5tt sammen med et innspill som ligner.", onske: "Sl\xE5tt sammen med et innspill som ligner." },
+    fg: "neutral",
+    bg: "neutralBg",
+    variant: "outline"
+  }
+};
+var knownIssueStatus = {
+  aktiv: {
+    ikon: "warning-outline",
+    etikett: "Aktiv",
+    fg: "warning",
+    bg: "warningBg",
+    variant: "outline"
+  },
+  fikset: {
+    ikon: "checkmark-circle-outline",
+    etikett: "Rettet",
+    fg: "success",
+    bg: "successBg",
+    variant: "dashed"
+  }
+};
+var lofteUtenFrist = "Du f\xE5r svar \u2014 ogs\xE5 hvis det er nei.";
 var screenRules = {
   brushFill: "#E5007D",
   autoMaskFill: "#101114",
   autoMaskStroke: "#E5007D",
+  autoMaskText: "#FFFFFF",
   previewBackdrop: "#000000",
+  qrBackdrop: "#FFFFFF",
   brushWidth: 28,
   textBlurRadius: 24
 };
@@ -263,9 +356,160 @@ import {
   InnspelQueueFullError
 } from "@innspel/core";
 import { useCallback as useCallback2, useContext as useContext3, useEffect, useRef as useRef2, useState as useState3 } from "react";
-import { KeyboardAvoidingView, Modal, Pressable as Pressable5, Text as Text8, View as View8 } from "react-native";
+import { KeyboardAvoidingView, Modal, Pressable as Pressable5, View as View8 } from "react-native";
 import { initialWindowMetrics, SafeAreaInsetsContext } from "react-native-safe-area-context";
 
+// src/Ikon.tsx
+import "react";
+import { SvgXml } from "react-native-svg";
+
+// ../../node_modules/ionicons/dist/svg/arrow-back-outline.svg
+var arrow_back_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M244 400 100 256l144-144M120 256h292" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/brush-outline.svg
+var brush_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M452.37 59.63a40.49 40.49 0 0 0-57.26 0L184 294.74c23.08 4.7 46.12 27.29 49.26 49.26l219.11-227.11a40.49 40.49 0 0 0 0-57.26M138 336c-29.88 0-54 24.5-54 54.86 0 23.95-20.88 36.57-36 36.57C64.56 449.74 92.82 464 120 464c39.78 0 72-32.73 72-73.14 0-30.36-24.12-54.86-54-54.86" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/bug-outline.svg
+var bug_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M370 378c28.89 23.52 46 46.07 46 86M142 378c-28.89 23.52-46 46.06-46 86M384 208c28.89-23.52 32-56.07 32-96M128 206c-28.89-23.52-32-54.06-32-94M464 288.13h-80M128 288.13H48M256 192v256" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M256 448c-70.4 0-128-57.6-128-128v-96.07c0-65.07 57.6-96 128-96h0c70.4 0 128 25.6 128 96V320c0 70.4-57.6 128-128 128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M179.43 143.52a49.1 49.1 0 0 1-3.43-15.73A80 80 0 0 1 255.79 48h.42A80 80 0 0 1 336 127.79a41.9 41.9 0 0 1-3.12 14.3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/bulb-outline.svg
+var bulb_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M304 384v-24c0-29 31.54-56.43 52-76 28.84-27.57 44-64.61 44-108 0-80-63.73-144-144-144a143.6 143.6 0 0 0-144 144c0 41.84 15.81 81.39 44 108 20.35 19.21 52 46.7 52 76v24M224 480h64M208 432h96M256 384V256" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M294 240s-21.51 16-38 16-38-16-38-16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/calendar-outline.svg
+var calendar_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><rect width="416" height="384" x="48" y="80" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" rx="48"/><circle cx="296" cy="232" r="24"/><circle cx="376" cy="232" r="24"/><circle cx="296" cy="312" r="24"/><circle cx="376" cy="312" r="24"/><circle cx="136" cy="312" r="24"/><circle cx="216" cy="312" r="24"/><circle cx="136" cy="392" r="24"/><circle cx="216" cy="392" r="24"/><circle cx="296" cy="392" r="24"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M128 48v32M384 48v32"/><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32" d="M464 160H48"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/camera-outline.svg
+var camera_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m350.54 148.68-26.62-42.06C318.31 100.08 310.62 96 302 96h-92c-8.62 0-16.31 4.08-21.92 10.62l-26.62 42.06C155.85 155.23 148.62 160 140 160H80a32 32 0 0 0-32 32v192a32 32 0 0 0 32 32h352a32 32 0 0 0 32-32V192a32 32 0 0 0-32-32h-59c-8.65 0-16.85-4.77-22.46-11.32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="256" cy="272" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M124 158v-22h-24v22" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/checkmark-circle-outline.svg
+var checkmark_circle_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192Z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M352 176 217.6 336 160 272" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/chevron-down-outline.svg
+var chevron_down_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m112 184 144 144 144-144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/chevron-up-outline.svg
+var chevron_up_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m112 328 144-144 144 144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/close-circle-outline.svg
+var close_circle_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192 192-86 192-192Z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M320 320 192 192M192 320l128-128" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/close-outline.svg
+var close_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M368 368 144 144M368 144 144 368" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/cloud-offline-outline.svg
+var cloud_offline_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M93.72 183.25C49.49 198.05 16 233.1 16 288c0 66 54 112 120 112h184.37M467.82 377.74C485.24 363.3 496 341.61 496 312c0-59.82-53-85.76-96-88-8.89-89.54-71-144-144-144-26.16 0-48.79 6.93-67.6 18.14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M448 448 64 64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/construct-outline.svg
+var construct_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M436.67 184.11a27.17 27.17 0 0 1-38.3 0l-22.48-22.49a27.15 27.15 0 0 1 0-38.29l50.89-50.89a.85.85 0 0 0-.26-1.38C393.68 57 351.09 64.15 324.05 91c-25.88 25.69-27.35 64.27-17.87 98a27 27 0 0 1-7.67 27.14l-173 160.76a40.76 40.76 0 1 0 57.57 57.54l162.15-173.3a27 27 0 0 1 26.77-7.7c33.46 8.94 71.49 7.26 97.07-17.94 27.49-27.08 33.42-74.94 20.1-102.33a.85.85 0 0 0-1.36-.22Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32px"/><path d="M224 284c-17.48-17-25.49-24.91-31-30.29a18.24 18.24 0 0 1-3.33-21.35 20.8 20.8 0 0 1 3.5-4.62l15.68-15.29a18.7 18.7 0 0 1 5.63-3.87 18.11 18.11 0 0 1 20 3.62c5.45 5.29 15.43 15 33.41 32.52M317.07 291.3c40.95 38.1 90.62 83.27 110 99.41a13.46 13.46 0 0 1 .94 19.92L394.63 444a14 14 0 0 1-20.29-.76c-16.53-19.18-61.09-67.11-99.27-107" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="m17.34 193.5 29.41-28.74a4.7 4.7 0 0 1 3.41-1.35 4.85 4.85 0 0 1 3.41 1.35h0a9.86 9.86 0 0 0 8.19 2.77c3.83-.42 7.92-1.6 10.57-4.12 6-5.8-.94-17.23 4.34-24.54a207 207 0 0 1 19.78-22.6c6-5.88 29.84-28.32 69.9-44.45A107.3 107.3 0 0 1 206.67 64c22.59 0 40 10 46.26 15.67a89.5 89.5 0 0 1 10.28 11.64 79 79 0 0 0-9.21-2.77 68.8 68.8 0 0 0-20-1.26c-13.33 1.09-29.41 7.26-38 14-13.9 11-19.87 25.72-20.81 44.71-.68 14.12 2.72 22.1 36.1 55.49a6.6 6.6 0 0 1-.34 9.16l-18.22 18a6.88 6.88 0 0 1-9.54.09c-21.94-21.94-36.65-33.09-45-38.16s-15.07-6.5-18.3-6.85a30.85 30.85 0 0 0-18.27 3.87 11.4 11.4 0 0 0-2.64 2 14.14 14.14 0 0 0 .42 20.08l1.71 1.6a4.63 4.63 0 0 1 0 6.64L71.73 246.6a4.7 4.7 0 0 1-3.41 1.4 4.86 4.86 0 0 1-3.41-1.35l-47.57-46.43a4.88 4.88 0 0 1 0-6.72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/contrast-outline.svg
+var contrast_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><circle cx="256" cy="256" r="208" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32px"/><path d="M256 464c-114.88 0-208-93.12-208-208S141.12 48 256 48Z"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/ellipse-outline.svg
+var ellipse_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><circle cx="256" cy="256" r="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/exit-outline.svg
+var exit_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M320 176v-40a40 40 0 0 0-40-40H88a40 40 0 0 0-40 40v240a40 40 0 0 0 40 40h192a40 40 0 0 0 40-40v-40M384 176l80 80-80 80M191 256h273" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/flask-outline.svg
+var flask_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M176 48h160M118 304h276M208 48v93.48a64.1 64.1 0 0 1-9.88 34.18L73.21 373.49C48.4 412.78 76.63 464 123.08 464h265.84c46.45 0 74.68-51.22 49.87-90.51L313.87 175.66a64.1 64.1 0 0 1-9.87-34.18V48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/grid-outline.svg
+var grid_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><rect width="176" height="176" x="48" y="48" rx="20" ry="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><rect width="176" height="176" x="288" y="48" rx="20" ry="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><rect width="176" height="176" x="48" y="288" rx="20" ry="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><rect width="176" height="176" x="288" y="288" rx="20" ry="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/hourglass-outline.svg
+var hourglass_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M145.61 464h220.78c19.8 0 35.55-16.29 33.42-35.06C386.06 308 304 310 304 256s83.11-51 95.8-172.94c2-18.78-13.61-35.06-33.41-35.06H145.61c-19.8 0-35.37 16.28-33.41 35.06C124.89 205 208 201 208 256s-82.06 52-95.8 172.94c-2.14 18.77 13.61 35.06 33.41 35.06" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M343.3 432H169.13c-15.6 0-20-18-9.06-29.16C186.55 376 240 356.78 240 326V224c0-19.85-38-35-61.51-67.2-3.88-5.31-3.49-12.8 6.37-12.8h142.73c8.41 0 10.23 7.43 6.4 12.75C310.82 189 272 204.05 272 224v102c0 30.53 55.71 47 80.4 76.87 9.95 12.04 6.47 29.13-9.1 29.13"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/image-outline.svg
+var image_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><rect width="416" height="352" x="48" y="80" rx="48" ry="48" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32px"/><circle cx="336" cy="176" r="32" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="m304 335.79-90.66-90.49a32 32 0 0 0-43.87-1.3L48 352M224 432l123.34-123.34a32 32 0 0 1 43.11-2L464 368" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/images-outline.svg
+var images_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M432 112V96a48.14 48.14 0 0 0-48-48H64a48.14 48.14 0 0 0-48 48v256a48.14 48.14 0 0 0 48 48h16" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32px"/><rect width="400" height="336" x="96" y="128" rx="45.99" ry="45.99" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32px"/><ellipse cx="372.92" cy="219.64" rx="30.77" ry="30.55" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32px"/><path d="M342.15 372.17 255 285.78a30.93 30.93 0 0 0-42.18-1.21L96 387.64M265.23 464l118.59-117.73a31 31 0 0 1 41.46-1.87L496 402.91" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/list-outline.svg
+var list_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M160 144h288M160 256h288M160 368h288" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="80" cy="144" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="80" cy="256" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="80" cy="368" r="16" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/lock-closed-outline.svg
+var lock_closed_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M336 208v-95a80 80 0 0 0-160 0v95" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><rect width="320" height="272" x="96" y="208" rx="48" ry="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/git-merge-outline.svg
+var git_merge_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><circle cx="129" cy="96" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="129" cy="416" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M129 144v224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><circle cx="385" cy="288" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M129 144c0 96 112 144 208 144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/open-outline.svg
+var open_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M384 224v184a40 40 0 0 1-40 40H104a40 40 0 0 1-40-40V168a40 40 0 0 1 40-40h167.48M336 64h112v112M224 288 440 72" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/scan-outline.svg
+var scan_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M336 448h56a56 56 0 0 0 56-56v-56M448 176v-56a56 56 0 0 0-56-56h-56M176 448h-56a56 56 0 0 1-56-56v-56M64 176v-56a56 56 0 0 1 56-56h56" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/swap-vertical-outline.svg
+var swap_vertical_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M464 208 352 96 240 208M352 113.13V416M48 304l112 112 112-112M160 398V96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/trash-outline.svg
+var trash_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="m112 112 20 320c.95 18.49 14.4 32 32 32h184c17.67 0 30.87-13.51 32-32l20-320" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="M80 112h352" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32px"/><path d="M192 112V72h0a23.93 23.93 0 0 1 24-24h80a23.93 23.93 0 0 1 24 24h0v40M256 176v224M184 176l8 224M328 176l-8 224" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/></svg>';
+
+// ../../node_modules/ionicons/dist/svg/warning-outline.svg
+var warning_outline_default = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="ionicon"><path d="M85.57 446.25h340.86a32 32 0 0 0 28.17-47.17L284.18 82.58c-12.09-22.44-44.27-22.44-56.36 0L57.4 399.08a32 32 0 0 0 28.17 47.17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path d="m250.26 195.39 5.74 122 5.73-121.95a5.74 5.74 0 0 0-5.79-6h0a5.74 5.74 0 0 0-5.68 5.95" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32px"/><path fill="currentColor" d="M256 397.25a20 20 0 1 1 20-20 20 20 0 0 1-20 20"/></svg>';
+
+// src/Ikon.tsx
+import { jsx } from "react/jsx-runtime";
+var utenTittel = (svg) => svg.replace(/<title>[\s\S]*?<\/title>/g, "");
+var IKONER = Object.fromEntries(
+  Object.entries({
+    "arrow-back-outline": arrow_back_outline_default,
+    "brush-outline": brush_outline_default,
+    "bug-outline": bug_outline_default,
+    "bulb-outline": bulb_outline_default,
+    "calendar-outline": calendar_outline_default,
+    "camera-outline": camera_outline_default,
+    "checkmark-circle-outline": checkmark_circle_outline_default,
+    "chevron-down-outline": chevron_down_outline_default,
+    "chevron-up-outline": chevron_up_outline_default,
+    "close-circle-outline": close_circle_outline_default,
+    "close-outline": close_outline_default,
+    "cloud-offline-outline": cloud_offline_outline_default,
+    "construct-outline": construct_outline_default,
+    "contrast-outline": contrast_outline_default,
+    "ellipse-outline": ellipse_outline_default,
+    "exit-outline": exit_outline_default,
+    "flask-outline": flask_outline_default,
+    "git-merge-outline": git_merge_outline_default,
+    "grid-outline": grid_outline_default,
+    "hourglass-outline": hourglass_outline_default,
+    "image-outline": image_outline_default,
+    "images-outline": images_outline_default,
+    "list-outline": list_outline_default,
+    "lock-closed-outline": lock_closed_outline_default,
+    "open-outline": open_outline_default,
+    "scan-outline": scan_outline_default,
+    "swap-vertical-outline": swap_vertical_outline_default,
+    "trash-outline": trash_outline_default,
+    "warning-outline": warning_outline_default
+  }).map(([navn, svg]) => [navn, utenTittel(svg)])
+);
+var IKONNAVN = Object.keys(IKONER);
+function Ikon({
+  navn,
+  storrelse: storrelse2 = "inline",
+  farge
+}) {
+  const tema = useTema();
+  const svg = IKONER[navn];
+  if (!svg) throw new Error(`[innspel] Ikonet \xAB${navn}\xBB er ikke tatt med i Ikon.tsx.`);
+  const maal = storrelse2 === "minste" ? tema.icon.minste : storrelse2 === "stor" ? 2 * tema.icon.inline : tema.icon.inline;
+  return /* @__PURE__ */ jsx(
+    SvgXml,
+    {
+      testID: `ikon-${navn}`,
+      xml: svg,
+      width: maal,
+      height: maal,
+      color: farge ?? tema.color.textPrimary,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no"
+    }
+  );
+}
+
 // src/widget/Felt.tsx
 import { useMemo, useState } from "react";
 import { Pressable as Pressable2, ScrollView, Text as Text2, TextInput, View as View2 } from "react-native";
@@ -273,7 +517,7 @@ import { Pressable as Pressable2, ScrollView, Text as Text2, TextInput, View as
 // src/widget/primitiver.tsx
 import "react";
 import { Pressable, Text, View } from "react-native";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function Btn({
   label,
   onPress,
@@ -283,7 +527,8 @@ function Btn({
   disabled,
   accessibilityLabel,
   grow,
-  testID
+  testID,
+  busy
 }) {
   const tema = useTema();
   const c = tema.color;
@@ -297,7 +542,7 @@ function Btn({
         testID,
         accessibilityRole: "button",
         accessibilityLabel: accessibilityLabel ?? (hint ? `${label}. ${hint}` : label),
-        accessibilityState: { disabled: !!disabled },
+        accessibilityState: { disabled: !!disabled, busy: !!busy },
         disabled,
         onPress,
         style: {
@@ -314,8 +559,8 @@ function Btn({
           opacity: disabled ? 0.6 : 1
         },
         children: [
-          ikon ? /* @__PURE__ */ jsx(Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.body }, children: ikon }) : null,
-          /* @__PURE__ */ jsx(
+          ikon ? /* @__PURE__ */ jsx2(Ikon, { navn: ikon, farge: disabled ? c.textDisabled : tekstfarge }) : null,
+          /* @__PURE__ */ jsx2(
             Text,
             {
               style: {
@@ -329,13 +574,13 @@ function Btn({
         ]
       }
     ),
-    hint ? /* @__PURE__ */ jsx(Hint, { children: hint }) : null
+    hint ? /* @__PURE__ */ jsx2(Hint, { children: hint }) : null
   ] });
 }
 function H({ children, sub }) {
   const tema = useTema();
   return /* @__PURE__ */ jsxs(View, { style: { gap: tema.space.xs }, children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx2(
       Text,
       {
         accessibilityRole: "header",
@@ -348,7 +593,7 @@ function H({ children, sub }) {
         children
       }
     ),
-    sub ? /* @__PURE__ */ jsx(
+    sub ? /* @__PURE__ */ jsx2(
       Text,
       {
         style: {
@@ -363,7 +608,7 @@ function H({ children, sub }) {
 }
 function Hint({ children }) {
   const tema = useTema();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     Text,
     {
       style: {
@@ -381,7 +626,7 @@ function Card({
   style
 }) {
   const tema = useTema();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     View,
     {
       style: [
@@ -400,12 +645,9 @@ function Card({
     }
   );
 }
-function StatusPill({
-  ikon,
-  etikett,
-  farge
-}) {
+function StatusPill({ ikon, etikett, fg, bg }) {
   const tema = useTema();
+  const farge = (navn, reserve) => tema.color[navn] ?? reserve;
   return /* @__PURE__ */ jsxs(
     View,
     {
@@ -417,11 +659,11 @@ function StatusPill({
         paddingHorizontal: tema.space.sm,
         paddingVertical: tema.space.xs,
         borderRadius: tema.radius.pill,
-        backgroundColor: tema.color[`${farge}Bg`]
+        backgroundColor: farge(bg, tema.color.neutralBg)
       },
       children: [
-        /* @__PURE__ */ jsx(Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: ikon }),
-        /* @__PURE__ */ jsx(Text, { style: { color: tema.color[farge], fontSize: tema.font.small, fontWeight: tema.weight.medium }, children: etikett })
+        /* @__PURE__ */ jsx2(Ikon, { navn: ikon, storrelse: "minste", farge: farge(fg, tema.color.textSecondary) }),
+        /* @__PURE__ */ jsx2(Text, { style: { color: farge(fg, tema.color.textSecondary), fontSize: tema.font.small, fontWeight: tema.weight.medium }, children: etikett })
       ]
     }
   );
@@ -430,12 +672,14 @@ function Banner({
   ikon,
   tone,
   children,
-  live
+  live,
+  testID
 }) {
   const tema = useTema();
   return /* @__PURE__ */ jsxs(
     View,
     {
+      testID,
       style: {
         flexDirection: "row",
         gap: tema.space.sm,
@@ -444,8 +688,8 @@ function Banner({
         padding: tema.space.md
       },
       children: [
-        /* @__PURE__ */ jsx(Text, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.body }, children: ikon }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(Ikon, { navn: ikon, farge: tema.color[tone] }),
+        /* @__PURE__ */ jsx2(
           Text,
           {
             accessibilityRole: "alert",
@@ -465,17 +709,21 @@ function Banner({
 }
 
 // src/widget/tekster.ts
+function saksnr(id) {
+  const i = id.indexOf("_");
+  return i >= 0 ? id.slice(i + 1) : id;
+}
+var stor = (s) => s ? s.charAt(0).toUpperCase() + s.slice(1) : s;
 var tekst = {
   // 2b — første valg
   valgTittel: "Hva gjelder det?",
-  valgUnder: "Ett valg. Vi sp\xF8r aldri om kategori eller alvorlighet.",
   sporFeil: "Noe virker ikke",
-  sporFeilUnder: "Feilsporet \u2014 kontekst legges ved",
+  sporFeilUnder: "Noe er galt eller virker rart",
   sporOnske: "Jeg \xF8nsker meg noe",
-  sporOnskeUnder: "\xD8nskesporet \u2014 aldri sp\xF8rsm\xE5l om reproduksjon",
+  sporOnskeUnder: "Noe du savner eller vil ha annerledes",
   // 2c — kjente feil (DD-29, DD-30)
   kjenteFeilTittelFeil: "Er det dette du ser?",
-  kjenteFeilUnderFeil: "\xABJa\xBB registrerer deg p\xE5 saken. \xABLigner\xBB sender ditt eget med lenke.",
+  kjenteFeilUnderFeil: "Kjenner du igjen en av disse?",
   kjenteFeilTittelOnske: "Har noen \xF8nsket dette?",
   kjenteFeilUnderOnske: "Ett trykk legger deg til p\xE5 \xF8nsket \u2014 ingen ny sak.",
   svarJa: "Ja, jeg ogs\xE5",
@@ -497,7 +745,7 @@ var tekst = {
   placeholderFeil: "Hva skjedde? Hva forventet du?",
   placeholderOnske: "Hva \xF8nsker du deg?",
   send: "Send",
-  nesteOnske: "Neste \u2014 sjekk om noen har \xF8nsket dette",
+  sender: "Sender \u2026",
   /** DD-44: minimum tegn er det ENESTE kravet. */
   forKort: (min) => `Minst ${min} tegn. Ingenting annet er obligatorisk.`,
   tellerFull: " \u2014 kort og konkret holder",
@@ -521,14 +769,15 @@ var tekst = {
   tegnOver: "Tegn over",
   maskerAllTekst: "Masker all tekst",
   maskertAvAppen: "Maskert av appen",
-  maskertAvAppenHint: "Registrert privat view. Penselen kan ikke oppheve den.",
-  dittStrok: "\u25B2 ditt str\xF8k \u2014 maskert (kan angres med ett trykk)",
+  maskertAvAppenHint: "Dette feltet er alltid dekket og kan ikke avdekkes.",
+  dittStrok: "Trykk p\xE5 et dekket felt for \xE5 angre.",
+  angreSiste: "Angre siste",
+  angreSisteA11y: "Angre det siste feltet du dekket",
   allTekstHint: "Hele bildet er gjort uskarpt s\xE5 tekst ikke kan leses. Layouten er synlig.",
   fjernBildet: "Fjern bildet",
-  leggVedOgFortsett: "Legg ved og fortsett",
-  leggVedHintDD42: "Teksten sendes f\xF8rst; bildet lastes opp for seg.",
-  skjermbildeLagtVed: "Skjermbilde lagt ved \u2014 maskert",
-  fjernSkjermbilde: "Fjern skjermbildet",
+  leggVed: "Legg ved",
+  bildeLagtVed: "Bilde lagt ved",
+  fjernSkjermbilde: "Fjern bildet",
   sendHintMedBilde: "Teksten sendes f\xF8rst; bildet lastes opp for seg.",
   skjermbildeFeilet: "kunne ikke ta skjermbilde. Du kan sende uten.",
   skjermbildeA11y: (auto, egne, uskarpt) => `Forh\xE5ndsvisning av skjermbildet. ${auto ? `${auto} felt maskert av appen og kan ikke avmaskeres. ` : ""}${egne ? `${egne} felt maskert av deg. ` : ""}${uskarpt ? "All tekst er gjort uskarp. " : ""}Trykk for \xE5 maskere et felt, dra for \xE5 tegne over.`,
@@ -547,34 +796,37 @@ var tekst = {
   kvitteringSendt: "Sendt",
   kvitteringRegistrert: "Registrert",
   kvitteringFeil: "Du f\xE5r beskjed n\xE5r den er rettet, eller hvis vi trenger mer.",
-  kvitteringOnske: "Vurderes innen 90 dager. Du f\xE5r et personlig svar \u2014 ogs\xE5 hvis det er nei.",
   kvitteringJaOgsa: "Du f\xE5r beskjed n\xE5r den er rettet.",
-  saksnummer: (nr) => `Saksnummer ${nr} \u2014 vis dette hvis du sp\xF8r support.`,
+  saksnummer: (nr) => `Sak ${saksnr(nr)}`,
   tilbakeTilAppen: "Tilbake til appen",
   /** DD-42: saken er sendt, bildet kom ikke med — aldri en blokkert innsending. */
   kvitteringVedleggFeilet: "Sendt \u2014 skjermbildet kunne ikke legges ved",
   tekstenErLagret: "Teksten din er lagret.",
   vedleggFeiletBanner: "Bildet ble ikke lastet opp. Saken er sendt uten det \u2014 vil du, kan du sende et nytt innspill med bilde.",
-  saksnummerUtenVedlegg: (nr) => `Saksnummer ${nr} \xB7 uten vedlegg`,
+  saksnummerUtenVedlegg: (nr) => `Sak ${saksnr(nr)} \xB7 uten vedlegg`,
   // 2i — tilstander
-  offlineTittel: "Ingen nett",
+  koKvitteringTittel: "Lagret \u2014 sendes n\xE5r du er p\xE5 nett",
   offlineBanner: "Ingen nett. Lagres og sendes automatisk \u2014 du ser det under \xABMine innspill\xBB til det er sendt.",
-  offlineLagre: "Lagre \u2014 sendes automatisk",
+  offlineLagre: "Lagre \u2014 sendes n\xE5r du er p\xE5 nett",
   /** DD-41: et skjermbilde køes aldri. */
   offlineUtenBilde: "Skjermbilde kan ikke legges ved uten nett. Teksten sendes; bildet ble ikke lagret.",
   sendefeilBanner: (arsak) => `Kunne ikke sende: ${arsak} Teksten din er beholdt.`,
   provIgjen: "Pr\xF8v igjen",
   // 2j — mine innspill
   mineTittel: "Mine innspill",
-  mineUnder: "Status og hva du kan vente deg \u2014 samme l\xF8fte som i kvitteringen.",
+  mineUnder: "Status og hva du kan vente deg.",
   mineTom: "Du har ikke sendt noe enn\xE5.",
   mineIkkeSendt: "Ikke sendt enn\xE5",
-  mineSak: (nr) => `Sak ${nr}`,
+  mineSak: (nr) => `Sak ${saksnr(nr)}`,
+  /** «Feil · sak 2041» — sporet først, aldri rå id og aldri kontraktens type (DD-50). */
+  sakHode: (spor, nr) => `${stor(spor)} \xB7 sak ${saksnr(nr)}`,
   // Leietakeren fjernet vedlegget. Bare AT — aldri hvorfor, av hvem eller når.
   bildeFjernet: "Bildet er fjernet.",
   svarFra: (leietaker) => `Svar fra ${leietaker}`,
   svarFraGenerisk: "Svar",
   sendNytt: "Send nytt innspill",
+  /** Tom tilstand: det finnes ikke noe «nytt» å sende når ingenting er sendt. */
+  sendForste: "Send innspill",
   // 3a — invitasjonsbanneret (DD-12)
   invitasjonRegion: "Invitasjon til betaprogram",
   invitasjonHva: (navn) => `Vil du teste \xAB${navn}\xBB?`,
@@ -602,7 +854,7 @@ var tekst = {
   akseptFeil: (arsak) => `Kunne ikke bli med: ${arsak}`,
   // 3c (M3.1-delen) — deltakelsen og «Gå ut» (DD-36)
   deltakelseRegion: "Ditt betaprogram",
-  deltakelsePeriode: (periode2, brukt, maks) => `${periode2} \xB7 ${brukt} av ${maks} kontakter brukt`,
+  deltakelsePeriode: (periode2, brukt, maks) => `${periode2} \xB7 Vi tar kontakt maks ${maks} ganger \u2014 ${brukt} brukt`,
   deltakelseOppgaverKommer: "Oppgavene kan gj\xF8res n\xE5r det passer deg.",
   gaaUt: "G\xE5 ut av programmet",
   gaaUtTittel: "G\xE5 ut av programmet?",
@@ -614,11 +866,11 @@ var tekst = {
   oppgaveIkkeBegynt: "Ikke begynt",
   oppgaveGjort: "Gjort",
   oppgaveGjortLabel: (tittel) => `Gjort: ${tittel}`,
-  oppgaveGjortMed: (utfall) => `Gjort \xB7 ${utfall}`,
+  oppgaveGjortMed: (utfall) => `Pr\xF8vd \xB7 ${utfall}`,
   hvordanGikkDet: "Hvordan gikk det?",
   utfallFungerte: "Fungerte",
-  utfallDelvis: "Delvis",
-  utfallIkke: "Ikke",
+  utfallDelvis: "Fungerte delvis",
+  utfallIkke: "Fungerte ikke",
   setningLabel: "Vil du si \xE9n setning om det? (valgfritt)",
   setningPlaceholder: "Kopien kom, men rullesjefen manglet p\xE5 torsdag.",
   lagre: "Lagre",
@@ -638,24 +890,16 @@ var tekst = {
   // Felles
   tilbake: "Tilbake",
   lukk: "Lukk",
-  venterPaaNett: "Venter p\xE5 nett \u2014 sendes automatisk"
+  venterPaaNett: "Venter p\xE5 nett \u2014 sendes automatisk",
+  feil: "feil",
+  onske: "\xF8nske"
 };
 var lofte = {
-  venterNett: "Sendes automatisk n\xE5r du er p\xE5 nett \u2014 kvitteringen kommer da.",
-  vurderes: (frist) => `Svar innen ${frist} \u2014 ogs\xE5 hvis det er nei.`,
-  vurderesUtenFrist: "Du f\xE5r svar \u2014 ogs\xE5 hvis det er nei.",
-  bygges: "Du f\xE5r beskjed n\xE5r den er rettet.",
-  planlagt: "Du f\xE5r beskjed n\xE5r den er rettet.",
-  rettet: "Ferdig. Ser du feilen igjen, send et nytt innspill.",
-  levert: "Ferdig. Takk for \xF8nsket.",
-  ny: "Vi har f\xE5tt den. Du h\xF8rer fra oss.",
-  kjentFeil: "Kjent feil. Du f\xE5r beskjed n\xE5r den er rettet.",
-  duplikat: "Sl\xE5tt sammen med et innspill som ligner.",
-  avvist: "Vi har svart p\xE5 denne."
+  venterNett: "Sendes automatisk n\xE5r du er p\xE5 nett \u2014 kvitteringen kommer da."
 };
 
 // src/widget/Felt.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Felt({
   spor,
   verdi,
@@ -670,6 +914,8 @@ function Felt({
   funn,
   onSend,
   sender,
+  harFeil,
+  offline,
   onSkjermbilde,
   onVelgBilde,
   bildeNotat,
@@ -722,8 +968,8 @@ function Felt({
                 paddingRight: tema.space.xs
               },
               children: [
-                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.lenketTil(lenketTil.title) }),
+                /* @__PURE__ */ jsx3(
                   Pressable2,
                   {
                     testID: "fjern-lenke",
@@ -731,7 +977,7 @@ function Felt({
                     accessibilityLabel: tekst.fjernLenke,
                     onPress: onFjernLenke,
                     style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                    children: /* @__PURE__ */ jsx3(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
                   }
                 )
               ]
@@ -747,7 +993,7 @@ function Felt({
                 padding: tema.space.md
               },
               children: [
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(
                   Text2,
                   {
                     accessibilityRole: "alert",
@@ -762,7 +1008,7 @@ function Felt({
                   }
                 ),
                 /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx3(
                     Btn,
                     {
                       grow: true,
@@ -772,7 +1018,7 @@ function Felt({
                       onPress: () => onEndre(verdi.slice(0, uavklart.start) + verdi.slice(uavklart.end))
                     }
                   ),
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx3(
                     Btn,
                     {
                       grow: true,
@@ -783,12 +1029,12 @@ function Felt({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx2(Hint, { children: tekst.monsterForklaring })
+                /* @__PURE__ */ jsx3(Hint, { children: tekst.monsterForklaring })
               ]
             }
           ) : null,
-          /* @__PURE__ */ jsx2(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(H, { children: spor === "onske" ? tekst.feltLabelOnske : tekst.feltLabelFeil }),
+          /* @__PURE__ */ jsx3(
             TextInput,
             {
               testID: "innspill-tekst",
@@ -848,9 +1094,9 @@ function Felt({
                 paddingRight: tema.space.xs
               },
               children: [
-                /* @__PURE__ */ jsx2(Text2, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F4F7}" }),
-                /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.skjermbildeLagtVed }),
-                /* @__PURE__ */ jsx2(
+                /* @__PURE__ */ jsx3(Ikon, { navn: "image-outline", storrelse: "minste", farge: tema.color.textPrimary }),
+                /* @__PURE__ */ jsx3(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: tekst.bildeLagtVed }),
+                /* @__PURE__ */ jsx3(
                   Pressable2,
                   {
                     testID: "fjern-vedlegg",
@@ -858,38 +1104,38 @@ function Felt({
                     accessibilityLabel: tekst.fjernSkjermbilde,
                     onPress: onFjernVedlegg,
                     style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                    children: /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: "\u2715" })
+                    children: /* @__PURE__ */ jsx3(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
                   }
                 )
               ]
             }
           ) : onSkjermbilde || onVelgBilde ? /* @__PURE__ */ jsxs2(View2, { style: { gap: tema.space.sm }, children: [
-            onSkjermbilde ? /* @__PURE__ */ jsx2(
+            onSkjermbilde ? /* @__PURE__ */ jsx3(
               Btn,
               {
                 variant: "secondary",
                 testID: "legg-ved-skjermbilde",
-                ikon: "\u{1F4F7}",
+                ikon: "camera-outline",
                 label: tekst.leggVedSkjermbilde,
                 hint: tekst.leggVedHint,
                 onPress: onSkjermbilde
               }
             ) : null,
-            onVelgBilde ? /* @__PURE__ */ jsx2(
+            onVelgBilde ? /* @__PURE__ */ jsx3(
               Btn,
               {
                 variant: "secondary",
                 testID: "velg-bilde",
-                ikon: "\u{1F5BC}",
+                ikon: "images-outline",
                 label: tekst.velgBilde,
                 hint: tekst.velgBildeHint,
                 onPress: onVelgBilde
               }
             ) : null,
-            bildeNotat ? /* @__PURE__ */ jsx2(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx2(Hint, { children: bildeNotat }) }) : null
+            bildeNotat ? /* @__PURE__ */ jsx3(View2, { testID: "bilde-notat", children: /* @__PURE__ */ jsx3(Hint, { children: bildeNotat }) }) : null
           ] }) : null,
           /* @__PURE__ */ jsxs2(View2, { style: { borderTopWidth: tema.hairline, borderTopColor: tema.color.border, paddingTop: tema.space.sm }, children: [
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx3(
               Pressable2,
               {
                 testID: "kontekst-bryter",
@@ -898,11 +1144,19 @@ function Felt({
                 accessibilityLabel: `${tekst.kontekstLinje}${apen ? "" : tekst.kontekstVis}`,
                 onPress: () => setApen((a) => !a),
                 style: { minHeight: tema.touch, justifyContent: "center" },
-                children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                  apen ? "\u25B4" : "\u25BE",
-                  " ",
-                  tekst.kontekstLinje,
-                  apen ? "" : tekst.kontekstVis
+                children: /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                  /* @__PURE__ */ jsx3(
+                    Ikon,
+                    {
+                      navn: apen ? "chevron-up-outline" : "chevron-down-outline",
+                      storrelse: "minste",
+                      farge: tema.color.textSecondary
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs2(Text2, { style: { flex: 1, color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
+                    tekst.kontekstLinje,
+                    apen ? "" : tekst.kontekstVis
+                  ] })
                 ] })
               }
             ),
@@ -919,9 +1173,9 @@ function Felt({
                     borderBottomColor: tema.color.border
                   },
                   children: [
-                    /* @__PURE__ */ jsx2(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
-                    /* @__PURE__ */ jsx2(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
-                    /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ jsx3(Text2, { style: { color: tema.color.textMuted, fontSize: tema.font.small, minWidth: tema.touch * 2 }, children: l.etikett }),
+                    /* @__PURE__ */ jsx3(Text2, { style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.small }, children: l.verdi }),
+                    /* @__PURE__ */ jsx3(
                       Pressable2,
                       {
                         testID: `fjern-${l.felt}`,
@@ -929,9 +1183,9 @@ function Felt({
                         accessibilityLabel: `${tekst.kontekstFjern} ${l.etikett.toLowerCase()} fra innsendingen`,
                         onPress: () => onFjernKontekst(l.felt),
                         style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                        children: /* @__PURE__ */ jsxs2(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: [
-                          "\u2715 ",
-                          tekst.kontekstFjern
+                        children: /* @__PURE__ */ jsxs2(View2, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                          /* @__PURE__ */ jsx3(Ikon, { navn: "close-outline", storrelse: "minste", farge: tema.color.textSecondary }),
+                          /* @__PURE__ */ jsx3(Text2, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.kontekstFjern })
                         ] })
                       }
                     )
@@ -939,18 +1193,19 @@ function Felt({
                 },
                 l.felt
               )),
-              /* @__PURE__ */ jsx2(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx2(Hint, { children: tekst.kontekstAldri }) })
+              /* @__PURE__ */ jsx3(View2, { style: { paddingTop: tema.space.sm }, children: /* @__PURE__ */ jsx3(Hint, { children: tekst.kontekstAldri }) })
             ] }) : null
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx2(View2, { testID: "skjema-fot", style: { flexGrow: 1, flexShrink: 0, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(View2, { testID: "skjema-fot", style: { flexGrow: 1, flexShrink: 0, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx3(
       Btn,
       {
         testID: "send",
-        label: spor === "onske" && !forKort ? tekst.nesteOnske : tekst.send,
+        label: sender ? tekst.sender : harFeil ? tekst.provIgjen : offline ? tekst.offlineLagre : tekst.send,
         disabled: forKort || sender,
+        busy: sender,
         hint: forKort ? tekst.forKort(minTextLength) : harVedlegg ? tekst.sendHintMedBilde : void 0,
         onPress: onSend
       }
@@ -961,7 +1216,7 @@ function Felt({
 // src/widget/Valg.tsx
 import "react";
 import { Pressable as Pressable3, Text as Text3, View as View3 } from "react-native";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function Valg({ onVelg }) {
   const tema = useTema();
   const flate = (spor, ikon, label, under) => /* @__PURE__ */ jsxs3(
@@ -984,8 +1239,8 @@ function Valg({ onVelg }) {
         padding: tema.space.md
       },
       children: [
-        /* @__PURE__ */ jsx3(Text3, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h1 }, children: ikon }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(Ikon, { navn: ikon, storrelse: "stor", farge: tema.color.textPrimary }),
+        /* @__PURE__ */ jsx4(
           Text3,
           {
             style: {
@@ -997,15 +1252,15 @@ function Valg({ onVelg }) {
             children: label
           }
         ),
-        /* @__PURE__ */ jsx3(Text3, { style: { color: tema.color.textMuted, fontSize: tema.font.small, textAlign: "center" }, children: under })
+        /* @__PURE__ */ jsx4(Text3, { style: { color: tema.color.textMuted, fontSize: tema.font.small, textAlign: "center" }, children: under })
       ]
     }
   );
   return /* @__PURE__ */ jsxs3(View3, { style: { flex: 1, gap: tema.space.lg }, children: [
-    /* @__PURE__ */ jsx3(H, { sub: tekst.valgUnder, children: tekst.valgTittel }),
-    /* @__PURE__ */ jsx3(View3, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs3(View3, { style: { flexDirection: "row", gap: tema.space.md }, children: [
-      flate("feil", "\u{1F41E}", tekst.sporFeil, tekst.sporFeilUnder),
-      flate("onske", "\u{1F4A1}", tekst.sporOnske, tekst.sporOnskeUnder)
+    /* @__PURE__ */ jsx4(H, { children: tekst.valgTittel }),
+    /* @__PURE__ */ jsx4(View3, { style: { flex: 1, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs3(View3, { style: { flexDirection: "row", gap: tema.space.md }, children: [
+      flate("feil", "bug-outline", tekst.sporFeil, tekst.sporFeilUnder),
+      flate("onske", "bulb-outline", tekst.sporOnske, tekst.sporOnskeUnder)
     ] }) })
   ] });
 }
@@ -1013,11 +1268,13 @@ function Valg({ onVelg }) {
 // src/widget/KjenteFeil.tsx
 import "react";
 import { ActivityIndicator, ScrollView as ScrollView2, Text as Text4, View as View4 } from "react-native";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var MAKS_KORT = 3;
 function KjenteFeil({
   kort,
   spor,
   laster,
+  sender,
   onJaOgsa,
   onLigner,
   onNei
@@ -1025,24 +1282,25 @@ function KjenteFeil({
   const tema = useTema();
   if (laster) {
     return /* @__PURE__ */ jsxs4(View4, { style: { flex: 1, gap: tema.space.md }, children: [
-      /* @__PURE__ */ jsx4(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
-      /* @__PURE__ */ jsx4(ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
+      /* @__PURE__ */ jsx5(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+      /* @__PURE__ */ jsx5(ActivityIndicator, { accessibilityLabel: "Sjekker kjente feil", color: tema.color.textSecondary })
     ] });
   }
   return /* @__PURE__ */ jsxs4(View4, { testID: "kjente-feil", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx4(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(H, { sub: spor === "onske" ? tekst.kjenteFeilUnderOnske : tekst.kjenteFeilUnderFeil, children: spor === "onske" ? tekst.kjenteFeilTittelOnske : tekst.kjenteFeilTittelFeil }),
+    /* @__PURE__ */ jsx5(
       ScrollView2,
       {
         testID: "kjente-feil-liste",
         style: { flexGrow: 0, flexShrink: 1 },
         contentContainerStyle: { gap: tema.space.md },
         keyboardShouldPersistTaps: "handled",
-        children: kort.map((k) => {
+        children: kort.slice(0, MAKS_KORT).map((k) => {
+          const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
           const versjon = k.fixedIn ? k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn) : void 0;
-          const kontekst = versjon ? `${k.title}. ${versjon}` : k.title;
+          const kontekst = versjon ? `${k.title}. ${o.etikett}. ${versjon}` : `${k.title}. ${o.etikett}`;
           return /* @__PURE__ */ jsxs4(Card, { children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5(
               Text4,
               {
                 style: {
@@ -1069,26 +1327,24 @@ function KjenteFeil({
                 ]
               }
             ) : null,
-            versjon ? /* @__PURE__ */ jsx4(
-              StatusPill,
-              {
-                ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
-                etikett: versjon,
-                farge: k.status === "fikset" ? "success" : "info"
-              }
-            ) : null,
+            /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.sm, flexWrap: "wrap" }, children: [
+              /* @__PURE__ */ jsx5(StatusPill, { ikon: o.ikon, etikett: o.etikett, fg: o.fg, bg: o.bg }),
+              versjon ? /* @__PURE__ */ jsx5(Text4, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: versjon }) : null
+            ] }),
             /* @__PURE__ */ jsxs4(View4, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 Btn,
                 {
                   grow: true,
                   testID: `ja-ogsa-${k.id}`,
                   label: tekst.svarJa,
                   accessibilityLabel: `${tekst.svarJa}. ${kontekst}`,
+                  disabled: sender,
+                  busy: sender,
                   onPress: () => onJaOgsa(k)
                 }
               ),
-              /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx5(
                 Btn,
                 {
                   grow: true,
@@ -1096,6 +1352,7 @@ function KjenteFeil({
                   testID: `ligner-${k.id}`,
                   label: tekst.svarLigner,
                   accessibilityLabel: `${tekst.svarLigner}. ${kontekst}`,
+                  disabled: sender,
                   onPress: () => onLigner(k)
                 }
               )
@@ -1104,46 +1361,79 @@ function KjenteFeil({
         })
       }
     ),
-    /* @__PURE__ */ jsx4(View4, { testID: "kjente-feil-fot", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx4(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, onPress: onNei }) })
+    /* @__PURE__ */ jsx5(View4, { testID: "kjente-feil-fot", style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx5(Btn, { variant: "secondary", testID: "nei-noe-annet", label: tekst.svarNei, disabled: sender, onPress: onNei }) })
   ] });
 }
 
 // src/widget/Kvittering.tsx
 import "react";
 import { Text as Text5, View as View5 } from "react-native";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+
+// src/widget/status.ts
+function formaterFrist(iso) {
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return iso;
+  return new Intl.DateTimeFormat("nb-NO", { day: "numeric", month: "long" }).format(d);
+}
+function statusVisning(status, type, deadlineAt) {
+  const o = submissionStatus[status];
+  const spor = type === "onske" ? "onske" : "feil";
+  return {
+    ikon: o.ikon,
+    etikett: o.etikett[spor],
+    fg: o.fg,
+    bg: o.bg,
+    lofte: settInnFrist(o.lofte[spor], deadlineAt)
+  };
+}
+function settInnFrist(mal, deadlineAt) {
+  if (!mal.includes("{frist}")) return mal;
+  return deadlineAt ? mal.replace("{frist}", formaterFrist(deadlineAt)) : lofteUtenFrist;
+}
+var venterVisning = {
+  ikon: "cloud-offline-outline",
+  etikett: "Venter p\xE5 nett",
+  fg: "textSecondary",
+  bg: "neutralBg",
+  lofte: lofte.venterNett
+};
+
+// src/widget/Kvittering.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Kvittering({
   art,
   saksnummer,
   vedlegg,
+  frist,
   onLukk
 }) {
   const tema = useTema();
   const innhold = {
     feil: { h: tekst.kvitteringSendt, p: tekst.kvitteringFeil },
-    onske: { h: tekst.kvitteringSendt, p: tekst.kvitteringOnske },
+    // Løftet er NØYAKTIG det «Mine innspill» og panelet viser for «Vurderes»:
+    // det leses fra temaet, så kvitteringen og statusen ikke kan si to ting.
+    onske: { h: tekst.kvitteringSendt, p: statusVisning("vurderes", "onske", frist).lofte },
     jaOgsa: { h: tekst.kvitteringRegistrert, p: tekst.kvitteringJaOgsa },
     // Køet offline: kvitteringen kan IKKE love svar på noe som ikke er sendt
     // (DD-41 presiserer DD-07). Den lover bare at det sendes.
-    k\u00F8: { h: tekst.offlineTittel, p: tekst.offlineBanner }
+    k\u00F8: { h: tekst.koKvitteringTittel, p: tekst.offlineBanner }
   }[art];
   const overskrift = vedlegg === "feilet" ? tekst.kvitteringVedleggFeilet : innhold.h;
   const brodtekst = vedlegg === "feilet" ? `${tekst.tekstenErLagret} ${innhold.p}` : innhold.p;
   return /* @__PURE__ */ jsxs5(View5, { style: { flex: 1, justifyContent: "center", gap: tema.space.lg }, children: [
     /* @__PURE__ */ jsxs5(View5, { style: { alignItems: "center", gap: tema.space.md }, children: [
-      /* @__PURE__ */ jsx5(
-        Text5,
+      /* @__PURE__ */ jsx6(
+        Ikon,
         {
-          accessibilityElementsHidden: true,
-          importantForAccessibility: "no",
-          style: { fontSize: tema.font.h1 * 2, color: art === "k\xF8" ? tema.color.neutral : tema.color.success },
-          children: art === "k\xF8" ? "\u21C5" : "\u2713"
+          navn: art === "k\xF8" ? "swap-vertical-outline" : "checkmark-circle-outline",
+          storrelse: "stor",
+          farge: art === "k\xF8" ? tema.color.neutral : tema.color.success
         }
       ),
-      /* @__PURE__ */ jsx5(H, { children: overskrift }),
-      vedlegg === "feilet" ? /* @__PURE__ */ jsx5(Banner, { ikon: "\u26A0", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
-      vedlegg === "forkastet" ? /* @__PURE__ */ jsx5(Banner, { ikon: "\u{1F4F7}", tone: "info", children: tekst.offlineUtenBilde }) : null,
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(H, { children: overskrift }),
+      vedlegg === "feilet" ? /* @__PURE__ */ jsx6(Banner, { ikon: "warning-outline", tone: "warning", children: tekst.vedleggFeiletBanner }) : null,
+      vedlegg === "forkastet" ? /* @__PURE__ */ jsx6(Banner, { ikon: "image-outline", tone: "info", children: tekst.offlineUtenBilde }) : null,
+      /* @__PURE__ */ jsx6(
         Text5,
         {
           testID: "kvittering-tekst",
@@ -1158,72 +1448,16 @@ function Kvittering({
           children: brodtekst
         }
       ),
-      saksnummer ? /* @__PURE__ */ jsx5(Hint, { children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer) }) : null
+      saksnummer ? /* @__PURE__ */ jsx6(Hint, { children: vedlegg === "feilet" ? tekst.saksnummerUtenVedlegg(saksnummer) : tekst.saksnummer(saksnummer) }) : null
     ] }),
-    /* @__PURE__ */ jsx5(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk })
+    /* @__PURE__ */ jsx6(Btn, { testID: "tilbake-til-appen", label: tekst.tilbakeTilAppen, onPress: onLukk })
   ] });
 }
 
 // src/widget/MineInnspill.tsx
 import "react";
 import { ActivityIndicator as ActivityIndicator2, ScrollView as ScrollView3, Text as Text6, View as View6 } from "react-native";
-
-// src/widget/status.ts
-var IKON = {
-  ny: "\u23F1",
-  vurderes: "\u23F1",
-  planlagt: "\u{1F4C5}",
-  bygges: "\u{1F527}",
-  levert: "\u2713",
-  kjent_feil: "\u{1F441}",
-  duplikat: "\u2715",
-  avvist: "\u2715",
-  venterNett: "\u23F3"
-};
-function formaterFrist(iso) {
-  const d = new Date(iso);
-  if (Number.isNaN(d.getTime())) return iso;
-  return new Intl.DateTimeFormat("nb-NO", { day: "numeric", month: "long" }).format(d);
-}
-function statusVisning(status, type, deadlineAt) {
-  switch (status) {
-    case "ny":
-      return { ikon: IKON.ny, etikett: "Mottatt", farge: "neutral", lofte: lofte.ny };
-    case "vurderes":
-      return {
-        ikon: IKON.vurderes,
-        etikett: "Vurderes",
-        farge: "warning",
-        lofte: deadlineAt ? lofte.vurderes(formaterFrist(deadlineAt)) : lofte.vurderesUtenFrist
-      };
-    case "planlagt":
-      return { ikon: IKON.planlagt, etikett: "Planlagt", farge: "success", lofte: lofte.planlagt };
-    case "bygges":
-      return { ikon: IKON.bygges, etikett: "Retter n\xE5", farge: "info", lofte: lofte.bygges };
-    case "levert":
-      return type === "onske" ? { ikon: IKON.levert, etikett: "Levert", farge: "success", lofte: lofte.levert } : { ikon: IKON.levert, etikett: "Rettet", farge: "success", lofte: lofte.rettet };
-    case "kjent_feil":
-      return {
-        ikon: IKON.kjent_feil,
-        etikett: "Kjent, ikke planlagt",
-        farge: "neutral",
-        lofte: lofte.kjentFeil
-      };
-    case "duplikat":
-      return { ikon: IKON.duplikat, etikett: "Sl\xE5tt sammen", farge: "neutral", lofte: lofte.duplikat };
-    case "avvist":
-      return { ikon: IKON.avvist, etikett: "Avvist", farge: "danger", lofte: lofte.avvist };
-  }
-}
-var venterVisning = {
-  ikon: IKON.venterNett,
-  etikett: "Venter p\xE5 nett",
-  farge: "neutral",
-  lofte: lofte.venterNett
-};
-
-// src/widget/MineInnspill.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function MineInnspill({
   rader,
   laster,
@@ -1232,20 +1466,15 @@ function MineInnspill({
 }) {
   const tema = useTema();
   return /* @__PURE__ */ jsxs6(View6, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx6(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
-    laster ? /* @__PURE__ */ jsx6(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx6(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx6(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
+    /* @__PURE__ */ jsx7(H, { sub: tekst.mineUnder, children: tekst.mineTittel }),
+    laster ? /* @__PURE__ */ jsx7(ActivityIndicator2, { accessibilityLabel: "Henter innspillene dine", color: tema.color.textSecondary }) : rader.length === 0 ? /* @__PURE__ */ jsx7(Hint, { children: tekst.mineTom }) : /* @__PURE__ */ jsx7(ScrollView3, { style: { flex: 1 }, contentContainerStyle: { gap: tema.space.sm }, children: rader.map((rad) => {
       const venter = rad.pending === true;
       const v = venter ? venterVisning : statusVisning(rad.status, rad.type, rad.deadlineAt);
       const nokkel = venter ? rad.clientRef : rad.id;
       const svar = venter ? void 0 : rad.reply;
       return /* @__PURE__ */ jsxs6(Card, { dashed: venter, children: [
-        /* @__PURE__ */ jsxs6(Hint, { children: [
-          venter ? tekst.mineIkkeSendt : tekst.mineSak(rad.id),
-          " \xB7",
-          " ",
-          rad.type === "onske" ? "\xF8nske" : "feil"
-        ] }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(Hint, { children: venter ? `${tekst.mineIkkeSendt} \xB7 ${rad.type === "onske" ? tekst.onske : tekst.feil}` : tekst.sakHode(rad.type === "onske" ? tekst.onske : tekst.feil, rad.id) }),
+        /* @__PURE__ */ jsx7(
           Text6,
           {
             style: {
@@ -1257,12 +1486,12 @@ function MineInnspill({
           }
         ),
         /* @__PURE__ */ jsxs6(View6, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx6(StatusPill, { ikon: v.ikon, etikett: v.etikett, farge: v.farge }),
-          /* @__PURE__ */ jsx6(Hint, { children: v.lofte })
+          /* @__PURE__ */ jsx7(StatusPill, { ikon: v.ikon, etikett: v.etikett, fg: v.fg, bg: v.bg }),
+          /* @__PURE__ */ jsx7(Hint, { children: v.lofte })
         ] }),
         !venter && rad.attachmentRemoved ? /* @__PURE__ */ jsxs6(View6, { testID: `bilde-fjernet-${rad.id}`, style: { flexDirection: "row", gap: tema.space.xs, alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx6(Text6, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.small }, children: "\u{1F5D1}" }),
-          /* @__PURE__ */ jsx6(Hint, { children: tekst.bildeFjernet })
+          /* @__PURE__ */ jsx7(Ikon, { navn: "trash-outline", storrelse: "minste", farge: tema.color.textMuted }),
+          /* @__PURE__ */ jsx7(Hint, { children: tekst.bildeFjernet })
         ] }) : null,
         svar ? /* @__PURE__ */ jsxs6(
           View6,
@@ -1274,8 +1503,8 @@ function MineInnspill({
               gap: tema.space.xs
             },
             children: [
-              /* @__PURE__ */ jsx6(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(Text6, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tenantName ? tekst.svarFra(tenantName) : tekst.svarFraGenerisk }),
+              /* @__PURE__ */ jsx7(
                 Text6,
                 {
                   style: {
@@ -1291,15 +1520,15 @@ function MineInnspill({
         ) : null
       ] }, nokkel);
     }) }),
-    /* @__PURE__ */ jsx6(Btn, { testID: "send-nytt", label: tekst.sendNytt, onPress: onNytt })
+    /* @__PURE__ */ jsx7(Btn, { testID: "send-nytt", label: rader.length === 0 ? tekst.sendForste : tekst.sendNytt, onPress: onNytt })
   ] });
 }
 
 // src/widget/Skjermbilde.tsx
 import { skaler, strokTilRekter, treffer, trykkTilRekt } from "@innspel/core";
 import { useCallback, useMemo as useMemo2, useRef, useState as useState2 } from "react";
-import { Image as Image2, Pressable as Pressable4, Text as Text7, View as View7 } from "react-native";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text7, View as View7 } from "react-native";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Skjermbilde({
   bilde,
   automaskerRot,
@@ -1381,8 +1610,8 @@ function Skjermbilde({
           backgroundColor: valgt ? tema.color.surfaceRaised : "transparent"
         },
         children: [
-          /* @__PURE__ */ jsx7(Text7, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.body }, children: ikon }),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
+          /* @__PURE__ */ jsx8(
             Text7,
             {
               style: {
@@ -1399,29 +1628,29 @@ function Skjermbilde({
     );
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
-  return /* @__PURE__ */ jsxs7(View7, { style: { flex: 1, gap: tema.space.md }, children: [
-    /* @__PURE__ */ jsx7(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
-    notat ? /* @__PURE__ */ jsx7(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx7(Hint, { children: notat }) }) : null,
+  return /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
+    /* @__PURE__ */ jsx8(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
+    notat ? /* @__PURE__ */ jsx8(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx8(Hint, { children: notat }) }) : null,
     /* @__PURE__ */ jsxs7(View7, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
-      knapp("felt", "\u25A3", tekst.maskerFelt),
-      knapp("pensel", "\u270E", tekst.tegnOver),
-      knapp("allTekst", "\u25A6", tekst.maskerAllTekst)
+      knapp("felt", "scan-outline", tekst.maskerFelt),
+      knapp("pensel", "brush-outline", tekst.tegnOver),
+      knapp("allTekst", "grid-outline", tekst.maskerAllTekst)
     ] }),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       View7,
       {
         testID: "skjermbilde-ramme",
         onLayout,
         style: {
-          flex: 1,
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: 0,
           minHeight: tema.touch * 5,
-          alignItems: "center",
-          justifyContent: "center",
           backgroundColor: screenRules.previewBackdrop,
           borderRadius: tema.radius.md,
           overflow: "hidden"
         },
-        children: visning ? /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsx8(View7, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ jsxs7(
           View7,
           {
             ref: previewRef,
@@ -1437,7 +1666,7 @@ function Skjermbilde({
             onResponderTerminate: onRelease,
             style: { width: visning.width, height: visning.height, backgroundColor: screenRules.previewBackdrop },
             children: [
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 Image2,
                 {
                   testID: "skjermbilde-bilde",
@@ -1447,7 +1676,7 @@ function Skjermbilde({
                   accessibilityIgnoresInvertColors: true
                 }
               ),
-              automasker.map((r, i) => /* @__PURE__ */ jsx7(
+              automasker.map((r, i) => /* @__PURE__ */ jsx8(
                 View7,
                 {
                   testID: `automask-${i}`,
@@ -1464,14 +1693,20 @@ function Skjermbilde({
                     alignItems: "center",
                     justifyContent: "center"
                   },
-                  children: !komponerer ? /* @__PURE__ */ jsxs7(Text7, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, numberOfLines: 1, children: [
-                    "\u{1F512} ",
-                    tekst.maskertAvAppen
-                  ] }) : null
+                  children: !komponerer ? (
+                    // Etiketten står PÅ den maskerte flaten og måles mot NETTOPP den
+                    // (skjermKontrastpar i theme.ts). textSecondary var 2,2:1 (C11a).
+                    // Ikonet arver samme farge: det er unntaket i «Styling» — maskeringen
+                    // tegnes i faste signalfarger, ikke i palettens.
+                    /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                      /* @__PURE__ */ jsx8(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: screenRules.autoMaskText }),
+                      /* @__PURE__ */ jsx8(Text7, { style: { color: screenRules.autoMaskText, fontSize: tema.font.small }, numberOfLines: 1, children: tekst.maskertAvAppen })
+                    ] })
+                  ) : null
                 },
                 `auto-${i}`
               )),
-              egne.map((r, i) => /* @__PURE__ */ jsx7(
+              egne.map((r, i) => /* @__PURE__ */ jsx8(
                 View7,
                 {
                   testID: `maske-${i}`,
@@ -1482,24 +1717,45 @@ function Skjermbilde({
               ))
             ]
           }
-        ) : null
+        ) : null })
       }
     ),
-    automasker.length ? /* @__PURE__ */ jsxs7(Hint, { children: [
-      "\u{1F512} ",
-      tekst.maskertAvAppenHint
+    automasker.length ? /* @__PURE__ */ jsxs7(View7, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+      /* @__PURE__ */ jsx8(Ikon, { navn: "lock-closed-outline", storrelse: "minste", farge: tema.color.textMuted }),
+      /* @__PURE__ */ jsx8(Hint, { children: tekst.maskertAvAppenHint })
     ] }) : null,
-    egne.length ? /* @__PURE__ */ jsx7(Hint, { children: tekst.dittStrok }) : null,
-    allTekst ? /* @__PURE__ */ jsx7(Hint, { children: tekst.allTekstHint }) : null,
-    /* @__PURE__ */ jsxs7(View7, { style: { gap: tema.space.sm }, children: [
-      /* @__PURE__ */ jsx7(Btn, { variant: "danger", testID: "fjern-bildet", ikon: "\u{1F5D1}", label: tekst.fjernBildet, onPress: onFjern, disabled: komponerer }),
-      /* @__PURE__ */ jsx7(Btn, { testID: "legg-ved", label: tekst.leggVedOgFortsett, onPress: onLeggVed, disabled: komponerer || !visning, hint: tekst.leggVedHintDD42 })
+    egne.length ? /* @__PURE__ */ jsx8(Hint, { children: tekst.dittStrok }) : null,
+    allTekst ? /* @__PURE__ */ jsx8(Hint, { children: tekst.allTekstHint }) : null,
+    /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
+      /* @__PURE__ */ jsx8(
+        Btn,
+        {
+          variant: "secondary",
+          testID: "angre-siste",
+          label: tekst.angreSiste,
+          accessibilityLabel: tekst.angreSisteA11y,
+          disabled: komponerer || egne.length === 0,
+          onPress: () => setEgne((x) => x.slice(0, -1))
+        }
+      ),
+      /* @__PURE__ */ jsx8(
+        Btn,
+        {
+          variant: "danger",
+          testID: "fjern-bildet",
+          ikon: "trash-outline",
+          label: tekst.fjernBildet,
+          onPress: onFjern,
+          disabled: komponerer
+        }
+      ),
+      /* @__PURE__ */ jsx8(Btn, { testID: "legg-ved", label: tekst.leggVed, onPress: onLeggVed, disabled: komponerer || !visning })
     ] })
   ] });
 }
 
 // src/widget/Widget.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var FANGST = { format: "jpg", quality: 0.85 };
 function Widget({
   client,
@@ -1522,6 +1778,7 @@ function Widget({
   const [funn, setFunn] = useState3([]);
   const [fjernede, setFjernede] = useState3([]);
   const [sender, setSender] = useState3(false);
+  const online = useNettstatus(client);
   const [feil, setFeil] = useState3();
   const [kvittering, setKvittering] = useState3();
   const [mine, setMine] = useState3([]);
@@ -1657,12 +1914,21 @@ function Widget({
     setVedlegg(void 0);
     setSteg("felt");
   }, []);
-  const send = useCallback2(async () => {
-    if (spor === "onske" && steg === "felt" && kort.length === 0 && !lasterKort) {
+  const gaaTilbake = useCallback2(() => {
+    setFeil(void 0);
+    if (steg === "skjermbilde") {
+      setBilde(void 0);
+      setAutomasker([]);
+      setSteg("felt");
+      return;
+    }
+    if (steg === "felt" && spor === "feil" && kort.length > 0) {
       setSteg("kjenteFeil");
-      await hentKort();
       return;
     }
+    setSteg("valg");
+  }, [steg, spor, kort.length]);
+  const send = useCallback2(async () => {
     setSender(true);
     setFeil(void 0);
     try {
@@ -1679,6 +1945,8 @@ function Widget({
         setKvittering({
           art: spor,
           nr: res.submission.id,
+          // Tidsløftet i kvitteringen er DATOEN fra svaret, aldri «innen 90 dager» (DD-07, DD-28).
+          ...res.submission.deadlineAt ? { frist: res.submission.deadlineAt } : {},
           ...res.attachment?.status === "failed" ? { vedlegg: "feilet" } : {}
         });
       }
@@ -1690,7 +1958,7 @@ function Widget({
     } finally {
       setSender(false);
     }
-  }, [client, spor, steg, verdi, vedlegg, lenketTil, fjernede, kort.length, lasterKort, hentKort]);
+  }, [client, spor, verdi, vedlegg, lenketTil, fjernede]);
   const jaOgsa = useCallback2(
     async (k) => {
       setSender(true);
@@ -1717,7 +1985,7 @@ function Widget({
       setLasterMine(false);
     }
   }, [client]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Modal,
     {
       visible: synlig,
@@ -1725,7 +1993,7 @@ function Widget({
       animationType: "slide",
       onRequestClose: lukk,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ jsx8(
+      children: /* @__PURE__ */ jsx9(
         KeyboardAvoidingView,
         {
           behavior: "padding",
@@ -1747,12 +2015,15 @@ function Widget({
                 paddingRight: tema.screenPadding + insets.right,
                 gap: tema.space.md,
                 maxHeight: "92%",
-                minHeight: "60%"
+                minHeight: "60%",
+                // Bildesteget får fast høyde: forhåndsvisningen tilpasses plassen som er igjen, og
+                // uten en kjent høyde har den ingen øvre grense (se Skjermbilde.tsx).
+                ...steg === "skjermbilde" ? { height: "92%" } : {}
               },
               children: [
                 /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-                  steg === "skjermbilde" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: fjernBilde }) : steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: nullstill }) : /* @__PURE__ */ jsx8(View8, {}),
-                  /* @__PURE__ */ jsx8(
+                  steg !== "valg" && steg !== "kvittering" ? /* @__PURE__ */ jsx9(Btn, { variant: "ghost", testID: "tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: gaaTilbake }) : /* @__PURE__ */ jsx9(View8, {}),
+                  /* @__PURE__ */ jsx9(
                     Pressable5,
                     {
                       testID: "lukk",
@@ -1760,30 +2031,32 @@ function Widget({
                       accessibilityLabel: tekst.lukk,
                       onPress: lukk,
                       style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                      children: /* @__PURE__ */ jsx8(Text8, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
+                      children: /* @__PURE__ */ jsx9(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
                     }
                   )
                 ] }),
-                feil ? /* @__PURE__ */ jsx8(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+                feil ? /* @__PURE__ */ jsx9(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.sendefeilBanner(feil) }) : null,
+                !online && steg !== "kvittering" && steg !== "mine" ? /* @__PURE__ */ jsx9(Banner, { ikon: "cloud-offline-outline", tone: "info", testID: "offline-banner", children: tekst.offlineBanner }) : null,
                 steg === "valg" ? /* @__PURE__ */ jsxs8(Fragment, { children: [
-                  /* @__PURE__ */ jsx8(Valg, { onVelg: velgSpor }),
-                  /* @__PURE__ */ jsx8(Btn, { variant: "ghost", testID: "mine-innspill", ikon: "\u{1F4CB}", label: tekst.mineTittel, onPress: visMine })
+                  /* @__PURE__ */ jsx9(Valg, { onVelg: velgSpor }),
+                  /* @__PURE__ */ jsx9(Btn, { variant: "ghost", testID: "mine-innspill", ikon: "list-outline", label: tekst.mineTittel, onPress: visMine })
                 ] }) : null,
-                steg === "kjenteFeil" ? /* @__PURE__ */ jsx8(
+                steg === "kjenteFeil" ? /* @__PURE__ */ jsx9(
                   KjenteFeil,
                   {
                     kort,
                     spor,
                     laster: lasterKort,
+                    sender,
                     onJaOgsa: jaOgsa,
                     onLigner: (k) => {
                       setLenketTil(k);
                       setSteg("felt");
                     },
-                    onNei: () => spor === "onske" ? void send() : setSteg("felt")
+                    onNei: () => setSteg("felt")
                   }
                 ) : null,
-                steg === "felt" ? /* @__PURE__ */ jsx8(
+                steg === "felt" ? /* @__PURE__ */ jsx9(
                   Felt,
                   {
                     spor,
@@ -1798,6 +2071,8 @@ function Widget({
                     funn,
                     onSend: send,
                     sender,
+                    harFeil: feil !== void 0,
+                    offline: !online,
                     ...fangstMulig ? { onSkjermbilde: taSkjermbilde } : {},
                     ...galleriMulig ? { onVelgBilde: velgBilde } : {},
                     ...bildeNotat ? { bildeNotat } : {},
@@ -1805,7 +2080,7 @@ function Widget({
                     onFjernVedlegg: fjernBilde
                   }
                 ) : null,
-                steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx8(
+                steg === "skjermbilde" && bilde ? /* @__PURE__ */ jsx9(
                   Skjermbilde,
                   {
                     bilde,
@@ -1819,16 +2094,17 @@ function Widget({
                     onLeggVed: leggVedBilde
                   }
                 ) : null,
-                steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx8(
+                steg === "kvittering" && kvittering ? /* @__PURE__ */ jsx9(
                   Kvittering,
                   {
                     art: kvittering.art,
                     ...kvittering.nr ? { saksnummer: kvittering.nr } : {},
                     ...kvittering.vedlegg ? { vedlegg: kvittering.vedlegg } : {},
+                    ...kvittering.frist ? { frist: kvittering.frist } : {},
                     onLukk: lukk
                   }
                 ) : null,
-                steg === "mine" ? /* @__PURE__ */ jsx8(
+                steg === "mine" ? /* @__PURE__ */ jsx9(
                   MineInnspill,
                   {
                     rader: mine,
@@ -1845,6 +2121,16 @@ function Widget({
     }
   );
 }
+function useNettstatus(client) {
+  const c = client.connectivity;
+  const [online, setOnline] = useState3(() => c?.isOnline() ?? true);
+  useEffect(() => {
+    if (!c) return void 0;
+    setOnline(c.isOnline());
+    return c.subscribe?.((v) => setOnline(v));
+  }, [c]);
+  return online;
+}
 function fjernetKontekst(client, fjernede) {
   const ut = {};
   for (const k of Object.keys(client.context)) {
@@ -1854,7 +2140,7 @@ function fjernetKontekst(client, fjernede) {
 }
 
 // src/InnspelProvider.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var Kontekst = createContext3(null);
 function InnspelProvider({
   client,
@@ -1888,9 +2174,9 @@ function InnspelProvider({
     () => ({ adapter: screenshot ?? null, rootRef, privat }),
     [screenshot, privat]
   );
-  return /* @__PURE__ */ jsx9(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ jsx9(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ jsxs9(TemaProvider, { value: tema, children: [
-    /* @__PURE__ */ jsx9(View9, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
-    /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(Kontekst.Provider, { value: verdi, children: /* @__PURE__ */ jsx10(SkjermbildeContext.Provider, { value: skjermbilde, children: /* @__PURE__ */ jsxs9(TemaProvider, { value: tema, children: [
+    /* @__PURE__ */ jsx10(View9, { ref: rootRef, collapsable: false, style: { flex: 1 }, testID: "innspel-rot", children }),
+    /* @__PURE__ */ jsx10(
       Widget,
       {
         client,
@@ -1916,7 +2202,7 @@ function useInnspel() {
 // src/InnspelPrivate.tsx
 import { useEffect as useEffect2, useRef as useRef4 } from "react";
 import { View as View10 } from "react-native";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function InnspelPrivate({ children, style }) {
   const ref = useRef4(null);
   const kontekst = useSkjermbilde();
@@ -1925,7 +2211,7 @@ function InnspelPrivate({ children, style }) {
     if (!registrer) return;
     return registrer(ref);
   }, [registrer]);
-  return /* @__PURE__ */ jsx10(View10, { ref, collapsable: false, style, testID: "innspel-privat", children });
+  return /* @__PURE__ */ jsx11(View10, { ref, collapsable: false, style, testID: "innspel-privat", children });
 }
 
 // src/program/InnspelProgram.tsx
@@ -1933,11 +2219,11 @@ import {
   InnspelApiError as InnspelApiError2
 } from "@innspel/core";
 import { useCallback as useCallback4, useEffect as useEffect3, useState as useState6 } from "react";
-import { Modal as Modal4, Pressable as Pressable8, Text as Text13, View as View15 } from "react-native";
+import { Modal as Modal4, Pressable as Pressable8, Text as Text12, View as View15 } from "react-native";
 
 // src/program/Aksept.tsx
 import "react";
-import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text9, View as View11 } from "react-native";
+import { Linking, Modal as Modal2, Pressable as Pressable6, ScrollView as ScrollView4, Text as Text8, View as View11 } from "react-native";
 
 // src/program/periode.ts
 var MANEDER = [
@@ -1967,7 +2253,7 @@ function minutterPerOppgave(tasks) {
 }
 
 // src/program/Aksept.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function Aksept({
   program,
   harToken,
@@ -1983,7 +2269,7 @@ function Aksept({
     periode(program.opensAt, program.closesAt),
     program.maxContacts
   );
-  return /* @__PURE__ */ jsx11(Modal2, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx11(View11, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx12(Modal2, { visible: true, transparent: true, animationType: "slide", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx12(View11, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end" }, children: /* @__PURE__ */ jsxs10(
     View11,
     {
       testID: "program-aksept",
@@ -1999,14 +2285,14 @@ function Aksept({
       },
       children: [
         /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [
-          /* @__PURE__ */ jsx11(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: onLukk }),
-          /* @__PURE__ */ jsx11(View11, {})
+          /* @__PURE__ */ jsx12(Btn, { variant: "ghost", testID: "aksept-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+          /* @__PURE__ */ jsx12(View11, {})
         ] }),
-        feil ? /* @__PURE__ */ jsx11(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+        feil ? /* @__PURE__ */ jsx12(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
         /* @__PURE__ */ jsxs10(ScrollView4, { contentContainerStyle: { gap: tema.space.md }, children: [
-          /* @__PURE__ */ jsx11(H, { sub: tekst.akseptHva, children: program.name }),
-          /* @__PURE__ */ jsx11(
-            Text9,
+          /* @__PURE__ */ jsx12(H, { sub: tekst.akseptHva, children: program.name }),
+          /* @__PURE__ */ jsx12(
+            Text8,
             {
               accessibilityRole: "text",
               style: {
@@ -2018,11 +2304,11 @@ function Aksept({
               children: tall
             }
           ),
-          /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: program.hypothesis }),
+          /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: program.hypothesis }),
           /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx11(H, { children: tekst.akseptOppgaver }),
+            /* @__PURE__ */ jsx12(H, { children: tekst.akseptOppgaver }),
             program.tasks.map((o) => /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
+              /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
               /* @__PURE__ */ jsxs10(Hint, { children: [
                 tekst.akseptOppgaveTid(o.estimatedMinutes),
                 o.screenHint ? ` \xB7 ${o.screenHint}` : ""
@@ -2030,30 +2316,34 @@ function Aksept({
             ] }, o.id))
           ] }),
           program.knownIssues.length > 0 ? /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx11(H, { sub: tekst.akseptKjenteFeilUnder, children: tekst.akseptKjenteFeil(program.knownIssues.length) }),
-            program.knownIssues.map((k) => /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx11(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: k.title }),
-              k.workaround ? /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: [
-                tekst.omvei,
-                " ",
-                k.workaround
-              ] }) : null,
-              k.fixedIn ? /* @__PURE__ */ jsx11(
-                StatusPill,
-                {
-                  ikon: k.status === "fikset" ? "\u2713" : "\u{1F527}",
-                  etikett: k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn),
-                  farge: k.status === "fikset" ? "success" : "info"
-                }
-              ) : null
-            ] }, k.id))
+            /* @__PURE__ */ jsx12(H, { sub: tekst.akseptKjenteFeilUnder, children: tekst.akseptKjenteFeil(program.knownIssues.length) }),
+            program.knownIssues.map((k) => {
+              const o = knownIssueStatus[k.status] ?? knownIssueStatus.aktiv;
+              return /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
+                /* @__PURE__ */ jsx12(Text8, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: k.title }),
+                k.workaround ? /* @__PURE__ */ jsxs10(Text8, { style: { color: tema.color.textSecondary, fontSize: tema.font.small, lineHeight: tema.lineHeight.small }, children: [
+                  tekst.omvei,
+                  " ",
+                  k.workaround
+                ] }) : null,
+                k.fixedIn ? /* @__PURE__ */ jsx12(
+                  StatusPill,
+                  {
+                    ikon: o.ikon,
+                    etikett: k.status === "fikset" ? tekst.rettetI(k.fixedIn) : tekst.rettesI(k.fixedIn),
+                    fg: o.fg,
+                    bg: o.bg
+                  }
+                ) : null
+              ] }, k.id);
+            })
           ] }) : null,
           /* @__PURE__ */ jsxs10(Card, { children: [
-            /* @__PURE__ */ jsx11(H, { sub: tekst.akseptInnsamlingTekst, children: tekst.akseptInnsamling }),
-            /* @__PURE__ */ jsx11(Hint, { children: tekst.kontekstAldri })
+            /* @__PURE__ */ jsx12(H, { sub: tekst.akseptInnsamlingTekst, children: tekst.akseptInnsamling }),
+            /* @__PURE__ */ jsx12(Hint, { children: tekst.kontekstAldri })
           ] }),
           program.termsUrl && !program.commitmentFree ? /* @__PURE__ */ jsxs10(View11, { style: { gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               Pressable6,
               {
                 testID: "vilkar-lenke",
@@ -2061,20 +2351,32 @@ function Aksept({
                 accessibilityLabel: tekst.akseptVilkar,
                 onPress: () => void Linking.openURL(String(program.termsUrl)),
                 style: { minHeight: tema.touch, justifyContent: "center" },
-                children: /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, textDecorationLine: "underline" }, children: [
-                  "\u{1F517} ",
-                  tekst.akseptVilkar
+                children: /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", alignItems: "center", gap: tema.space.xs }, children: [
+                  /* @__PURE__ */ jsx12(Ikon, { navn: "open-outline", farge: tema.color.textPrimary }),
+                  /* @__PURE__ */ jsx12(
+                    Text8,
+                    {
+                      style: { color: tema.color.textPrimary, fontSize: tema.font.body, textDecorationLine: "underline" },
+                      children: tekst.akseptVilkar
+                    }
+                  )
                 ] })
               }
             ),
-            /* @__PURE__ */ jsx11(Hint, { children: tekst.akseptVilkarHint })
-          ] }) : /* @__PURE__ */ jsx11(Hint, { children: tekst.akseptIngenVilkar }),
-          /* @__PURE__ */ jsxs10(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: [
-            "\u{1F6AA} ",
-            tekst.akseptUtgang
+            /* @__PURE__ */ jsx12(Hint, { children: tekst.akseptVilkarHint })
+          ] }) : /* @__PURE__ */ jsx12(Hint, { children: tekst.akseptIngenVilkar }),
+          /* @__PURE__ */ jsxs10(View11, { style: { flexDirection: "row", alignItems: "flex-start", gap: tema.space.sm }, children: [
+            /* @__PURE__ */ jsx12(Ikon, { navn: "exit-outline", farge: tema.color.textPrimary }),
+            /* @__PURE__ */ jsx12(
+              Text8,
+              {
+                style: { flex: 1, color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body },
+                children: tekst.akseptUtgang
+              }
+            )
           ] })
         ] }),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           Btn,
           {
             testID: "bli-med",
@@ -2091,12 +2393,12 @@ function Aksept({
 
 // src/program/HvordanGikkDet.tsx
 import { useState as useState5 } from "react";
-import { Modal as Modal3, Pressable as Pressable7, Text as Text10, TextInput as TextInput2, View as View12 } from "react-native";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Modal as Modal3, Pressable as Pressable7, Text as Text9, TextInput as TextInput2, View as View12 } from "react-native";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var UTFALL = [
-  { verdi: "fungerte", ikon: "\u2713", etikett: tekst.utfallFungerte },
-  { verdi: "delvis", ikon: "\u25D0", etikett: tekst.utfallDelvis },
-  { verdi: "ikke", ikon: "\u2715", etikett: tekst.utfallIkke }
+  { verdi: "fungerte", ikon: "checkmark-circle-outline", etikett: tekst.utfallFungerte },
+  { verdi: "delvis", ikon: "contrast-outline", etikett: tekst.utfallDelvis },
+  { verdi: "ikke", ikon: "close-circle-outline", etikett: tekst.utfallIkke }
 ];
 var SETNING_MAKS = 140;
 function utfallEtikett(verdi) {
@@ -2112,7 +2414,7 @@ function HvordanGikkDet({
   const tema = useTema();
   const [valgt, setValgt] = useState5();
   const [setning, setSetning] = useState5("");
-  return /* @__PURE__ */ jsx12(Modal3, { visible: true, transparent: true, animationType: "fade", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx12(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx13(Modal3, { visible: true, transparent: true, animationType: "fade", onRequestClose: onLukk, accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx13(View12, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs11(
     View12,
     {
       testID: "hvordan-gikk-det",
@@ -2126,10 +2428,10 @@ function HvordanGikkDet({
         gap: tema.space.md
       },
       children: [
-        /* @__PURE__ */ jsx12(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "\u2190", label: tekst.tilbake, onPress: onLukk }),
-        /* @__PURE__ */ jsx12(Hint, { children: under }),
-        /* @__PURE__ */ jsx12(H, { children: tekst.hvordanGikkDet }),
-        /* @__PURE__ */ jsx12(View12, { testID: "utfall-gruppe", accessibilityRole: "radiogroup", accessibilityLabel: tekst.hvordanGikkDet, style: { flexDirection: "row", gap: tema.space.sm }, children: UTFALL.map((u) => {
+        /* @__PURE__ */ jsx13(Btn, { variant: "ghost", testID: "hvordan-tilbake", ikon: "arrow-back-outline", label: tekst.tilbake, onPress: onLukk }),
+        /* @__PURE__ */ jsx13(Hint, { children: under }),
+        /* @__PURE__ */ jsx13(H, { children: tekst.hvordanGikkDet }),
+        /* @__PURE__ */ jsx13(View12, { testID: "utfall-gruppe", accessibilityRole: "radiogroup", accessibilityLabel: tekst.hvordanGikkDet, style: { flexDirection: "row", gap: tema.space.sm }, children: UTFALL.map((u) => {
           const aktiv = valgt === u.verdi;
           return /* @__PURE__ */ jsxs11(
             Pressable7,
@@ -2152,16 +2454,16 @@ function HvordanGikkDet({
                 backgroundColor: aktiv ? tema.color.brandBg : tema.color.surfaceRaised
               },
               children: [
-                /* @__PURE__ */ jsx12(Text10, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h3, color: tema.color.textPrimary }, children: u.ikon }),
-                /* @__PURE__ */ jsx12(Text10, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, fontWeight: aktiv ? tema.weight.semibold : tema.weight.regular }, children: u.etikett })
+                /* @__PURE__ */ jsx13(Ikon, { navn: u.ikon, farge: tema.color.textPrimary }),
+                /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textPrimary, fontSize: tema.font.small, fontWeight: aktiv ? tema.weight.semibold : tema.weight.regular }, children: u.etikett })
               ]
             },
             u.verdi
           );
         }) }),
         /* @__PURE__ */ jsxs11(View12, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx12(Text10, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(Text9, { style: { color: tema.color.textSecondary, fontSize: tema.font.small }, children: tekst.setningLabel }),
+          /* @__PURE__ */ jsx13(
             TextInput2,
             {
               testID: "hvordan-setning",
@@ -2188,8 +2490,8 @@ function HvordanGikkDet({
             }
           )
         ] }),
-        feil ? /* @__PURE__ */ jsx12(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.svarFeil(feil) }) : null,
-        /* @__PURE__ */ jsx12(
+        feil ? /* @__PURE__ */ jsx13(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.svarFeil(feil) }) : null,
+        /* @__PURE__ */ jsx13(
           Btn,
           {
             testID: "hvordan-lagre",
@@ -2210,8 +2512,8 @@ function HvordanGikkDet({
 
 // src/program/Oppfolging.tsx
 import "react";
-import { Text as Text11, View as View13 } from "react-native";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Text as Text10, View as View13 } from "react-native";
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function tarSvar(kind) {
   return kind === "hvordan_gikk_det" || kind === "sjekkpunkt";
 }
@@ -2226,7 +2528,7 @@ function Oppfolging({
 }) {
   const tema = useTema();
   const art = tarSvar(oppfolging.kind) ? "spoersmaal" : oppfolging.kind === "tilbud_om_utgang" ? "utgang" : "paaminnelse";
-  const ikon = art === "spoersmaal" ? "\u{1F9EA}" : art === "utgang" ? "\u{1F6AA}" : "\u{1F4C5}";
+  const ikon = art === "spoersmaal" ? "flask-outline" : art === "utgang" ? "exit-outline" : "calendar-outline";
   const hint = art === "spoersmaal" ? tekst.oppfolgingKontakt(kontaktNr, maksKontakter) : art === "utgang" ? tekst.oppfolgingUtgangHint(kontaktNr, maksKontakter) : tekst.oppfolgingPaaminnelseHint(kontaktNr, maksKontakter);
   return /* @__PURE__ */ jsxs12(
     View13,
@@ -2243,18 +2545,28 @@ function Oppfolging({
       },
       children: [
         /* @__PURE__ */ jsxs12(View13, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-          /* @__PURE__ */ jsx13(Text11, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h3 }, children: ikon }),
+          /* @__PURE__ */ jsx14(Ikon, { navn: ikon, farge: tema.color.textPrimary }),
           /* @__PURE__ */ jsxs12(View13, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx13(Text11, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: oppfolging.question }),
-            /* @__PURE__ */ jsx13(Hint, { children: hint })
+            /* @__PURE__ */ jsx14(Text10, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: oppfolging.question }),
+            /* @__PURE__ */ jsx14(Hint, { children: hint })
           ] })
         ] }),
-        /* @__PURE__ */ jsx13(View13, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx13(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
-          /* @__PURE__ */ jsx13(Btn, { grow: true, variant: "danger", testID: `gaa-ut-${oppfolging.id}`, ikon: "\u{1F6AA}", label: tekst.gaaUtBekreft, onPress: onGaaUt })
+        /* @__PURE__ */ jsx14(View13, { style: { flexDirection: "row", gap: tema.space.sm }, children: art === "utgang" ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+          /* @__PURE__ */ jsx14(Btn, { grow: true, variant: "secondary", testID: `bli-vaerende-${oppfolging.id}`, label: tekst.bliVaerende, onPress: onSenere }),
+          /* @__PURE__ */ jsx14(
+            Btn,
+            {
+              grow: true,
+              variant: "danger",
+              testID: `gaa-ut-${oppfolging.id}`,
+              ikon: "exit-outline",
+              label: tekst.gaaUtBekreft,
+              onPress: onGaaUt
+            }
+          )
         ] }) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
-          /* @__PURE__ */ jsx13(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
-          art === "spoersmaal" ? /* @__PURE__ */ jsx13(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ jsx13(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
+          /* @__PURE__ */ jsx14(Btn, { grow: true, variant: "secondary", testID: `senere-${oppfolging.id}`, label: tekst.senere, onPress: onSenere }),
+          art === "spoersmaal" ? /* @__PURE__ */ jsx14(Btn, { grow: true, testID: `svar-naa-${oppfolging.id}`, label: tekst.svarNaa, onPress: onSvar }) : /* @__PURE__ */ jsx14(Btn, { grow: true, testID: `aapne-oppgavene-${oppfolging.id}`, label: tekst.aapneOppgavene, onPress: onAapneOppgavene })
         ] }) })
       ]
     }
@@ -2263,8 +2575,8 @@ function Oppfolging({
 
 // src/program/Oppgaver.tsx
 import "react";
-import { Text as Text12, View as View14 } from "react-native";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Text as Text11, View as View14 } from "react-native";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 function Oppgaver({
   tasks,
   completions,
@@ -2272,7 +2584,7 @@ function Oppgaver({
 }) {
   const tema = useTema();
   const ferdig = new Map(completions.map((c) => [c.taskId, c]));
-  return /* @__PURE__ */ jsx14(View14, { testID: "oppgaver", accessibilityLabel: tekst.oppgaverTittel, style: { gap: tema.space.sm }, children: [...tasks].sort((a, b) => a.order - b.order).map((o) => {
+  return /* @__PURE__ */ jsx15(View14, { testID: "oppgaver", accessibilityLabel: tekst.oppgaverTittel, style: { gap: tema.space.sm }, children: [...tasks].sort((a, b) => a.order - b.order).map((o) => {
     const c = ferdig.get(o.id);
     return /* @__PURE__ */ jsxs13(
       View14,
@@ -2288,13 +2600,27 @@ function Oppgaver({
         },
         children: [
           /* @__PURE__ */ jsxs13(View14, { style: { flex: 1, gap: tema.space.xs }, children: [
-            /* @__PURE__ */ jsx14(Text12, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
+            /* @__PURE__ */ jsx15(Text11, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: o.title }),
             /* @__PURE__ */ jsxs13(Hint, { children: [
               c ? tekst.oppgaveGjortMed(utfallEtikett(c.outcome)) : `${tekst.oppgaveIkkeBegynt} \xB7 ${tekst.akseptOppgaveTid(o.estimatedMinutes)}`,
               c?.text ? ` \xB7 \xAB${c.text}\xBB` : ""
             ] })
           ] }),
-          c ? /* @__PURE__ */ jsx14(Text12, { accessibilityLabel: tekst.oppgaveGjortMed(utfallEtikett(c.outcome)), style: { color: tema.color.success, fontSize: tema.font.h3 }, children: "\u2713" }) : /* @__PURE__ */ jsx14(Btn, { variant: "secondary", testID: `gjort-${o.id}`, ikon: "\u2713", label: tekst.oppgaveGjort, accessibilityLabel: tekst.oppgaveGjortLabel(o.title), onPress: () => onGjort(o) })
+          c ? (
+            // Merket er den eneste flaten der ikonet står alene, så etiketten
+            // ligger på containeren: skjermleseren hører utfallet, ikke «hake».
+            /* @__PURE__ */ jsx15(View14, { accessibilityLabel: tekst.oppgaveGjortMed(utfallEtikett(c.outcome)), accessible: true, children: /* @__PURE__ */ jsx15(Ikon, { navn: "checkmark-circle-outline", farge: tema.color.success }) })
+          ) : /* @__PURE__ */ jsx15(
+            Btn,
+            {
+              variant: "secondary",
+              testID: `gjort-${o.id}`,
+              ikon: "checkmark-circle-outline",
+              label: tekst.oppgaveGjort,
+              accessibilityLabel: tekst.oppgaveGjortLabel(o.title),
+              onPress: () => onGjort(o)
+            }
+          )
         ]
       },
       o.id
@@ -2303,7 +2629,7 @@ function Oppgaver({
 }
 
 // src/program/InnspelProgram.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function InnspelProgram({
   invitationToken,
   onEndring,
@@ -2394,7 +2720,7 @@ function InnspelProgram({
     const kort = (mine?.pendingFollowUps ?? []).filter((f) => f.programId === program.id && !lagtBort.has(f.id)).sort((a, b) => a.emittedAt.localeCompare(b.emittedAt));
     const forsteKontaktNr = Math.max(1, deltakelse.contactsSent - kort.length + 1);
     return /* @__PURE__ */ jsxs14(View15, { testID: "program-deltakelse", accessibilityLabel: tekst.deltakelseRegion, style: { gap: tema.space.sm }, children: [
-      kort.map((f, i) => /* @__PURE__ */ jsx15(
+      kort.map((f, i) => /* @__PURE__ */ jsx16(
         Oppfolging,
         {
           oppfolging: f,
@@ -2411,8 +2737,8 @@ function InnspelProgram({
         f.id
       )),
       /* @__PURE__ */ jsxs14(Card, { children: [
-        /* @__PURE__ */ jsx15(H, { sub: tekst.deltakelsePeriode(periode(program.opensAt, program.closesAt), deltakelse.contactsSent, program.maxContacts), children: program.name }),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(H, { sub: tekst.deltakelsePeriode(periode(program.opensAt, program.closesAt), deltakelse.contactsSent, program.maxContacts), children: program.name }),
+        /* @__PURE__ */ jsx16(
           Oppgaver,
           {
             tasks: program.tasks,
@@ -2424,13 +2750,13 @@ function InnspelProgram({
           }
         ),
         meldFeilFor && onMeldFeil ? /* @__PURE__ */ jsxs14(View15, { style: { gap: tema.space.xs }, children: [
-          /* @__PURE__ */ jsx15(Hint, { children: tekst.meldFeilHint }),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(Hint, { children: tekst.meldFeilHint }),
+          /* @__PURE__ */ jsx16(
             Btn,
             {
               variant: "secondary",
               testID: "meld-feil",
-              ikon: "\u{1F41E}",
+              ikon: "bug-outline",
               label: tekst.meldFeil,
               onPress: () => {
                 const task = meldFeilFor;
@@ -2440,9 +2766,9 @@ function InnspelProgram({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsx15(Btn, { variant: "ghost", testID: "gaa-ut", ikon: "\u{1F6AA}", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
+        /* @__PURE__ */ jsx16(Btn, { variant: "ghost", testID: "gaa-ut", ikon: "exit-outline", label: tekst.gaaUt, onPress: () => setViserGaaUt(true) })
       ] }),
-      dialog ? /* @__PURE__ */ jsx15(
+      dialog ? /* @__PURE__ */ jsx16(
         HvordanGikkDet,
         {
           under: dialog.type === "oppgave" ? dialog.task.title : dialog.oppfolging.question,
@@ -2452,7 +2778,7 @@ function InnspelProgram({
           onLukk: () => setDialog(void 0)
         }
       ) : null,
-      viserGaaUt ? /* @__PURE__ */ jsx15(Modal4, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx15(View15, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs14(
+      viserGaaUt ? /* @__PURE__ */ jsx16(Modal4, { visible: true, transparent: true, animationType: "fade", onRequestClose: () => setViserGaaUt(false), accessibilityViewIsModal: true, children: /* @__PURE__ */ jsx16(View15, { style: { flex: 1, backgroundColor: tema.color.scrim, justifyContent: "flex-end", padding: tema.space.md }, children: /* @__PURE__ */ jsxs14(
         View15,
         {
           testID: "gaa-ut-dialog",
@@ -2466,11 +2792,22 @@ function InnspelProgram({
             gap: tema.space.md
           },
           children: [
-            /* @__PURE__ */ jsx15(H, { children: tekst.gaaUtTittel }),
-            /* @__PURE__ */ jsx15(Text13, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.gaaUtTekst(program.name) }),
+            /* @__PURE__ */ jsx16(H, { children: tekst.gaaUtTittel }),
+            /* @__PURE__ */ jsx16(Text12, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.gaaUtTekst(program.name) }),
             /* @__PURE__ */ jsxs14(View15, { style: { flexDirection: "row", gap: tema.space.sm }, children: [
-              /* @__PURE__ */ jsx15(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
-              /* @__PURE__ */ jsx15(Btn, { grow: true, variant: "danger", testID: "bekreft-gaa-ut", ikon: "\u{1F6AA}", label: tekst.gaaUtBekreft, disabled: sender, onPress: () => void gaaUt() })
+              /* @__PURE__ */ jsx16(Btn, { grow: true, variant: "secondary", testID: "bli-vaerende", label: tekst.bliVaerende, onPress: () => setViserGaaUt(false) }),
+              /* @__PURE__ */ jsx16(
+                Btn,
+                {
+                  grow: true,
+                  variant: "danger",
+                  testID: "bekreft-gaa-ut",
+                  ikon: "exit-outline",
+                  label: tekst.gaaUtBekreft,
+                  disabled: sender,
+                  onPress: () => void gaaUt()
+                }
+              )
             ] })
           ]
         }
@@ -2494,12 +2831,12 @@ function InnspelProgram({
         },
         children: [
           /* @__PURE__ */ jsxs14(View15, { style: { flexDirection: "row", gap: tema.space.sm, alignItems: "flex-start" }, children: [
-            /* @__PURE__ */ jsx15(Text13, { accessibilityElementsHidden: true, importantForAccessibility: "no", style: { fontSize: tema.font.h3 }, children: "\u{1F9EA}" }),
+            /* @__PURE__ */ jsx16(Ikon, { navn: "flask-outline", farge: tema.color.textPrimary }),
             /* @__PURE__ */ jsxs14(View15, { style: { flex: 1, gap: tema.space.xs }, children: [
-              /* @__PURE__ */ jsx15(Text13, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.invitasjonHva(program.name) }),
-              /* @__PURE__ */ jsx15(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
+              /* @__PURE__ */ jsx16(Text12, { style: { color: tema.color.textPrimary, fontSize: tema.font.body, lineHeight: tema.lineHeight.body }, children: tekst.invitasjonHva(program.name) }),
+              /* @__PURE__ */ jsx16(Hint, { children: tekst.invitasjonKontakter(program.maxContacts) })
             ] }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(
               Pressable8,
               {
                 testID: "avvis-invitasjon",
@@ -2507,16 +2844,16 @@ function InnspelProgram({
                 accessibilityLabel: tekst.avvisInvitasjon,
                 onPress: () => setAvvist(true),
                 style: { minWidth: tema.touch, minHeight: tema.touch, alignItems: "center", justifyContent: "center" },
-                children: /* @__PURE__ */ jsx15(Text13, { style: { color: tema.color.textSecondary, fontSize: tema.font.body }, children: "\u2715" })
+                children: /* @__PURE__ */ jsx16(Ikon, { navn: "close-outline", farge: tema.color.textSecondary })
               }
             )
           ] }),
-          feil && !viserAksept ? /* @__PURE__ */ jsx15(Banner, { live: true, ikon: "\u26A0", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
-          /* @__PURE__ */ jsx15(Btn, { variant: "secondary", testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
+          feil && !viserAksept ? /* @__PURE__ */ jsx16(Banner, { live: true, ikon: "warning-outline", tone: "danger", children: tekst.akseptFeil(feil) }) : null,
+          /* @__PURE__ */ jsx16(Btn, { variant: "secondary", testID: "les-mer", label: tekst.lesMer, onPress: () => setViserAksept(true) })
         ]
       }
     ),
-    viserAksept ? /* @__PURE__ */ jsx15(
+    viserAksept ? /* @__PURE__ */ jsx16(
       Aksept,
       {
         program,