/* Udsigt – app-CSS (APP-FIL-FORM v1.2) · al CSS under .ml-app-udsigt · 27/10-2026 */
.ml-app-udsigt{--us-bg:var(--ml-bg,#ffffff); --us-surface:var(--ml-card,#ffffff); --us-soft:var(--ml-grey,#eceeee); --us-line:var(--ml-line-card,#d5dde2);--us-text:var(--ml-ink,#1c2528); --us-muted:var(--ml-muted,#596569); --us-accent:var(--ml-navy,#012a3e); --us-on-accent:#ffffff;--us-held:var(--ml-navy,#012a3e); --us-dot:var(--ml-acc,#1f4e79); --us-held-soft:var(--ml-navy-t,#e3eaee); --us-next:var(--ml-or,#fbaa2e); --us-shadow:none; --us-r:var(--ml-r,4px);--us-head:var(--ml-font-head,Teko,Mukta,system-ui,sans-serif); --us-font:var(--ml-font-body,Mukta,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif);background:var(--us-bg);color:var(--us-text);font-family:var(--us-font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;overflow-wrap:break-word;box-sizing:border-box}
.ml-app-udsigt,.ml-app-udsigt *{box-sizing:border-box}
.ml-app-udsigt button,.ml-app-udsigt input,.ml-app-udsigt textarea,.ml-app-udsigt select{font:inherit;color:inherit}
.ml-app-udsigt :focus-visible{outline:3px solid var(--us-held);outline-offset:2px}
.ml-app-udsigt .ml-app-ramme{padding-bottom:56px}
.ml-app-udsigt .us-head{padding:24px 0 0}
.ml-app-udsigt .us-head .us-in{max-width:680px;margin:0 auto;padding:0 16px}
.ml-app-udsigt h1,.ml-app-udsigt h2,.ml-app-udsigt h3{font-family:var(--us-head);font-weight:500;letter-spacing:.5px}
.ml-app-udsigt h1{font-size:28px;line-height:1.1;margin:0 0 10px;color:var(--us-accent)}
.ml-app-udsigt h2{font-size:24px;line-height:1.1;margin:22px 0 8px;color:var(--us-accent)}
.ml-app-udsigt h3{font-size:20px;line-height:1.1;margin:0 0 4px;color:var(--us-accent)}
.ml-app-udsigt p{margin:0 0 12px}
.ml-app-udsigt .us-small{font-size:14px;color:var(--us-muted)}
.ml-app-udsigt .us-lead{color:var(--us-muted)}
.ml-app-udsigt .us-screen{display:none;padding-top:26px}
.ml-app-udsigt .us-screen.us-act{display:block}
.ml-app-udsigt .us-lab{font-size:14px;color:var(--us-muted);margin:0 0 10px}
.ml-app-udsigt .us-card{background:var(--us-surface);border-radius:var(--us-r);box-shadow:var(--us-shadow);padding:16px 18px;margin-bottom:12px;border:1px solid var(--us-line)}
.ml-app-udsigt input[type=text],.ml-app-udsigt select{width:100%;min-height:48px;border:1px solid var(--us-line);background:var(--us-surface);padding:10px 12px;border-radius:var(--us-r)}
.ml-app-udsigt label.us-f{display:block;font-size:14px;color:var(--us-muted);margin:12px 0 4px}
.ml-app-udsigt .us-btn{display:inline-block;border:1.5px solid var(--us-next);background:var(--us-next);color:var(--us-accent);font-family:var(--us-head);font-weight:500;font-size:22px;letter-spacing:1.2px;line-height:1;min-height:48px;padding:12px 20px;border-radius:var(--us-r);cursor:pointer;text-decoration:none;text-align:center}
.ml-app-udsigt .us-btn.us-sec{background:#fff;border-color:var(--us-accent);color:var(--us-accent);font-size:20px;min-height:46px}
.ml-app-udsigt .us-btn[disabled]{opacity:.45;cursor:not-allowed}
.ml-app-udsigt .us-btn.us-link{border:0;background:none;padding:12px 0;color:var(--us-accent);text-decoration:underline;text-decoration-color:var(--us-next);text-underline-offset:3px;font-family:var(--us-font);font-weight:600;font-size:15px;letter-spacing:0;min-height:44px;display:block}
.ml-app-udsigt .us-sc{margin-bottom:14px}
.ml-app-udsigt .us-sc .us-qt{margin-bottom:6px}
.ml-app-udsigt .us-scale{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.ml-app-udsigt .us-scale button{border:1px solid var(--us-line);background:var(--us-surface);padding:10px 0;border-radius:var(--us-r);cursor:pointer;min-height:44px}
.ml-app-udsigt .us-scale button[aria-pressed="true"]{background:var(--us-held);border-color:var(--us-held);color:#fff;font-weight:700}
.ml-app-udsigt .us-resp{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--us-line);align-items:flex-start}
.ml-app-udsigt .us-resp:last-child{border-bottom:0}
.ml-app-udsigt .us-resp .us-who{font-weight:600}
.ml-app-udsigt .us-resp .us-st{font-size:14px;text-align:right;max-width:46%;color:var(--us-held);font-weight:600}
.ml-app-udsigt .us-info{border:1px solid var(--us-next);background:var(--us-surface);padding:12px 14px;margin:12px 0;font-size:15px}
.ml-app-udsigt .us-pers-d{border-bottom:1px solid var(--us-line);padding:8px 0}
.ml-app-udsigt .us-pers-d summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.ml-app-udsigt .us-pers-r{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:15px}
.ml-app-udsigt .us-check{display:flex;gap:10px;align-items:flex-start;margin-top:10px;cursor:pointer;min-height:32px}
.ml-app-udsigt .us-check input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:var(--us-held)}
.ml-app-udsigt .us-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--us-muted);margin-bottom:10px;align-items:center}
.ml-app-udsigt .us-legend span{display:inline-flex;align-items:center;gap:6px}
.ml-app-udsigt .us-lg-line{display:inline-block;width:22px;height:4px;background:#9aa6ad}
.ml-app-udsigt .us-lg-dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--us-dot)}
.ml-app-udsigt .us-lg-ring{display:inline-block;width:14px;height:14px;border-radius:50%;border:3px solid var(--us-next)}
.ml-app-udsigt .us-gq{margin-bottom:14px}
.ml-app-udsigt .us-gq .us-gt{font-size:14px;margin-bottom:4px}
.ml-app-udsigt .us-track{position:relative;height:24px;margin:0 10px}
.ml-app-udsigt .us-track .us-base{position:absolute;left:0;right:0;top:11px;height:2px;background:var(--us-line)}
.ml-app-udsigt .us-track .us-rng{position:absolute;top:10px;height:4px;background:#9aa6ad}
.ml-app-udsigt .us-track .us-tick{position:absolute;top:6px;width:1px;height:12px;background:var(--us-line)}
.ml-app-udsigt .us-track .us-mean{position:absolute;top:4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--us-dot);z-index:2}
.ml-app-udsigt .us-track .us-alexm{position:absolute;top:1px;width:22px;height:22px;margin-left:-11px;border-radius:50%;border:3px solid var(--us-next);z-index:1}
.ml-app-udsigt .us-axis{position:relative;height:18px;margin:0 10px;font-size:13px;color:var(--us-muted)}
.ml-app-udsigt .us-axis span{position:absolute;transform:translateX(-50%)}
.ml-app-udsigt .us-tblw{overflow-x:auto}
.ml-app-udsigt table.us-tbl{width:100%;border-collapse:collapse;font-size:14px}
.ml-app-udsigt table.us-tbl th,.ml-app-udsigt table.us-tbl td{padding:6px 6px;border-bottom:1px solid var(--us-line);text-align:right;vertical-align:top}
.ml-app-udsigt table.us-tbl th:first-child,.ml-app-udsigt table.us-tbl td:first-child{text-align:left}
.ml-app-udsigt table.us-tbl th{color:var(--us-muted);font-weight:600}
.ml-app-udsigt .us-hm{display:grid;grid-template-columns:22px repeat(7,1fr);gap:2px;max-width:330px;margin:10px 0 4px;font-size:12px}
.ml-app-udsigt .us-hm div{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:var(--us-soft);color:var(--us-muted)}
.ml-app-udsigt .us-hm .us-hh{background:none}
.ml-app-udsigt .us-hm .us-on{background:var(--us-held);color:#fff;font-weight:700}
.ml-app-udsigt .us-hm .us-neg{background:var(--us-next);color:#163642;font-weight:700}
.ml-app-udsigt .us-pick{border-left:4px solid var(--us-next);padding:4px 0 4px 12px;margin:10px 0}
.ml-app-udsigt .us-pick b{color:var(--us-accent)}
.ml-app-udsigt .us-refl li{margin-bottom:10px}
.ml-app-udsigt .us-mat{display:grid;gap:10px}
.ml-app-udsigt .us-matc{background:var(--us-surface);border-radius:var(--us-r);box-shadow:var(--us-shadow);padding:14px 16px;border:1px solid var(--us-line)}
.ml-app-udsigt .us-matc .us-ty{font-size:14px;color:var(--us-muted)}
.ml-app-udsigt .us-tone{font-size:15px;color:var(--us-muted)}
.ml-app-udsigt h2.us-h{font-size:28px;margin:0 0 10px}
.ml-app-udsigt .us-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.ml-app-udsigt .us-nav .us-btn{flex:1 1 140px}
.ml-app-udsigt .us-resp .us-btn{min-height:44px;padding:8px 14px;font-size:18px;flex:0 0 auto}
.ml-app-udsigt .us-start{margin:6px 0 4px}
.ml-app-udsigt .us-scale button[aria-pressed="false"]:hover{border-color:var(--us-held)}
@media print{
.ml-app-udsigt{background:#fff;color:#000}
.ml-app-udsigt .us-screen{display:none!important}
.ml-app-udsigt .us-screen[data-us-sec="5"],.ml-app-udsigt .us-screen[data-us-sec="6"]{display:block!important}
.ml-app-udsigt .us-btn,.ml-app-udsigt .us-nav,.ml-app-udsigt .us-check{display:none!important}
.ml-app-udsigt .us-card,.ml-app-udsigt .us-matc{box-shadow:none;border:1px solid #bbb;break-inside:avoid}
}
.ml-app-udsigt .us-udk{display:inline-block;font-size:14px;border:1px solid var(--us-next);padding:0 6px;margin-bottom:8px}
.ml-app-udsigt .us-screen{padding-top:0}
.ml-app-udsigt .us-trin{display:flex;gap:4px;margin:0 0 14px}
.ml-app-udsigt .us-trin i{flex:1 1 0;height:4px;border-radius:2px;background:#d3d9da}
.ml-app-udsigt .us-trin i.us-on{background:var(--us-accent)}
.ml-app-udsigt input[type=text],.ml-app-udsigt select{font-family:var(--us-font);font-size:16px;border:1px solid #d3d9da;border-radius:var(--us-r)}
.ml-app-udsigt select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;cursor:pointer;background-color:var(--us-surface);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%23012a3e' stroke-width='2'/></svg>");background-repeat:no-repeat;background-position:right 14px center}
.ml-app-udsigt .us-check input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin:1px 0 0;flex:0 0 auto;border:1.5px solid #d3d9da;border-radius:var(--us-r);background:var(--us-surface) center/14px 14px no-repeat;cursor:pointer}
.ml-app-udsigt .us-check input[type=checkbox]:checked{background-color:var(--us-held);border-color:var(--us-held);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><path d='M2 7.5l3.5 3.5L12 3.5' fill='none' stroke='white' stroke-width='2.2'/></svg>")}
.ml-app-udsigt ol.us-refl{list-style:none;counter-reset:usr;margin:0;padding:0}
.ml-app-udsigt ol.us-refl li{counter-increment:usr;position:relative;padding-left:34px;min-height:28px}
.ml-app-udsigt ol.us-refl li::before{content:counter(usr);position:absolute;left:0;top:-2px;font-family:var(--us-head);font-weight:500;font-size:24px;line-height:1.1;color:var(--us-accent)}
@media (max-width:600px){
.ml-app-udsigt .us-tblw{overflow-x:visible}
.ml-app-udsigt table.us-tbl,.ml-app-udsigt table.us-tbl tbody{display:block;width:100%}
.ml-app-udsigt table.us-tbl tr:first-child{display:none}
.ml-app-udsigt table.us-tbl tr{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 0;border-bottom:1px solid var(--us-line)}
.ml-app-udsigt table.us-tbl tr:last-child{border-bottom:0}
.ml-app-udsigt table.us-tbl td{display:block;border:0;padding:0;text-align:left;flex:0 1 auto;min-width:0}
.ml-app-udsigt table.us-tbl td:first-child{flex:0 0 100%;font-weight:600}
.ml-app-udsigt table.us-tbl td[data-l]::before{content:attr(data-l);display:block;font-size:12px;color:var(--us-muted);font-weight:400}
}
.ml-app-udsigt .us-w100{width:100%}
.ml-app-udsigt .us-m0{margin:0}
.ml-app-udsigt label.us-f.us-mt0{margin-top:0}
.ml-app-udsigt .us-mt10{margin-top:10px}
.ml-app-udsigt .us-mt14{margin-top:14px}
.ml-app-udsigt .us-mt20{margin-top:20px}
.ml-app-udsigt .us-m14{margin:14px 0 0}
.ml-app-udsigt .us-m06{margin:0 0 6px}
.ml-app-udsigt .us-m10{margin:10px 0 0}
.ml-app-udsigt .us-m8{margin:8px 0 0}
.ml-app-udsigt .us-m6f15{margin:6px 0 0;font-size:15px}
.ml-app-udsigt .us-hm .us-f10{font-size:10px}
.ml-app-udsigt .us-hm .us-f12{font-size:12px}
/* MLSkala (fælles kerne): i skala-tilstand er kortet bare en holder; hvert udsagn har sit eget kort */
.ml-app-udsigt .us-skalakort.us-skala-on{background:none;border:0;padding:0;margin-bottom:0}
.ml-app-udsigt .us-skala-on .us-legend,.ml-app-udsigt .us-skala-on .us-axis{display:none}

/* Titelblok (s13b): 12 px luft under blokken; ingen stoerrelse/farve/skrift paa blokken selv */
.ml-app-udsigt .ml-app-ramme>.us-screen{margin-top:12px}

/* ctx.data-liste (28/10) */
.ml-app-udsigt .us-dn-g{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0 8px}
.ml-app-udsigt .us-dn-c{font-family:var(--us-font);font-size:14px;color:var(--us-muted)}
.ml-app-udsigt .us-dn-l{padding:0}
.ml-app-udsigt .us-dn-r{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 16px;border-top:1px solid var(--us-line)}
.ml-app-udsigt .us-dn-r:first-child{border-top:0}
.ml-app-udsigt .us-dn-n{flex:1 1 140px;min-width:0;font-weight:600}
.ml-app-udsigt .us-dn-m{font-size:14px;color:var(--us-muted)}
.ml-app-udsigt .us-dn-b{flex:none;font-family:var(--us-font);font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:4px;background:var(--us-soft);color:var(--us-muted)}
.ml-app-udsigt .us-dn-p{flex:0 0 100%;font-size:13px;color:var(--us-muted)}
.ml-app-udsigt .us-dn-bl{display:flex;align-items:center;gap:10px;margin:8px 0}
.ml-app-udsigt .us-dn-bt{flex:0 0 42%;min-width:0;font-size:14px}
.ml-app-udsigt .us-dn-bar{flex:1 1 auto;height:10px;border-radius:4px;background:var(--us-soft);overflow:hidden}
.ml-app-udsigt .us-dn-bar i{display:block;height:100%;background:var(--us-dot)}
/* U4 (28/10): skalakort uden statistiklinje; selvmaerke = massiv navy cirkel (hvid kant); forklaring en gang oeverst. Scoped, ingen kerneaendring. */
.ml-app-udsigt .us-skala-on .msk-card .msk-nums{display:none}
.ml-app-udsigt .us-skala-on .msk-card .msk-selvlg{display:none}
.ml-app-udsigt .us-skala-on .msk-card .msk-selv{width:18px;height:18px;margin-left:-9px;top:6px;background:var(--ml-navy,#012a3e);border:2px solid #ffffff;box-shadow:0 0 0 1px var(--ml-navy,#012a3e)}
.ml-app-udsigt .us-skala-on .us-selvlg{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--us-muted);margin-top:10px}
.ml-app-udsigt .us-skala-on .us-selvic{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;background:var(--ml-navy,#012a3e);border:2px solid #ffffff;box-shadow:0 0 0 1px var(--ml-navy,#012a3e)}
/* U5 (28/10): Tallene som fold-ud nederst; samvariationssaetninger skjules ved svagt moenster. */
.ml-app-udsigt .us-off{display:none}
.ml-app-udsigt .us-tal{margin-top:16px}
.ml-app-udsigt .us-tal .us-taltog{margin-bottom:12px}
.ml-app-udsigt .us-tal [hidden]{display:none}