/* MLDatadel v0.4 – stil (flyttet ud af ml_datadel.js 29/10: apps-værtens CSP style-src 'self' blokerer inline stil). Indlæses via manifestfeltet faelles. */
.ml-datadel{box-sizing:border-box;font-family:var(--ml-font-body,Mukta,'Segoe UI',system-ui,sans-serif);font-size:var(--ml-fs-body,16px);line-height:var(--ml-lh-body,1.45);color:var(--ml-ink,#1c2528);max-width:var(--ml-col-max,480px);margin:0 auto;overflow-wrap:anywhere;text-align:left}
.ml-datadel *,.ml-datadel *::before,.ml-datadel *::after{box-sizing:border-box}
.ml-datadel button,.ml-datadel input,.ml-datadel select{font:inherit;color:inherit;margin:0}
.ml-datadel button{cursor:pointer;background:none;border:0;padding:0;text-align:inherit}
.ml-datadel button:focus-visible,.ml-datadel input:focus-visible,.ml-datadel select:focus-visible,.ml-datadel .dd-ph:focus-visible{outline:var(--ml-focus,3px solid #1f4e79);outline-offset:1px}
.ml-datadel .dd-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ml-datadel .dd-h1{font-family:var(--ml-font-head,Teko,Mukta,system-ui,sans-serif);font-weight:500;font-size:var(--ml-fs-h1,28px);letter-spacing:var(--ml-ls-head,.5px);color:var(--ml-navy,#012a3e);margin:0;line-height:1.1}
.ml-datadel .dd-sm{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ml-hit-sm,46px);min-width:var(--ml-hit,44px);padding:0 14px;background:var(--ml-card,#fff);border:var(--ml-bw-btn,1.5px) solid var(--ml-navy,#012a3e);border-radius:var(--ml-r,4px);font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:var(--ml-fs-btn-sm,20px);letter-spacing:var(--ml-ls-btn,1.2px);color:var(--ml-navy,#012a3e);text-align:center}
.ml-datadel .dd-pri{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--ml-hit-btn,48px);margin-top:16px;padding:0 14px;background:var(--ml-or,#fbaa2e);border-radius:var(--ml-r,4px);font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:var(--ml-fs-btn,22px);letter-spacing:var(--ml-ls-btn,1.2px);color:var(--ml-navy,#012a3e);text-align:center}
.ml-datadel .dd-red{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--ml-hit-btn,48px);margin-top:12px;padding:0 14px;background:var(--ml-card,#fff);border:var(--ml-bw-btn,1.5px) solid var(--ml-red,#8a2a1a);border-radius:var(--ml-r,4px);font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:var(--ml-fs-btn-sm,20px);letter-spacing:var(--ml-ls-btn,1.2px);color:var(--ml-red,#8a2a1a);text-align:center}
.ml-datadel .dd-band{margin-top:12px;padding:10px 12px;background:var(--ml-acc-t,#edf3f9);border:1px solid var(--ml-acc-line,#d3e1ee);border-radius:var(--ml-r,4px);font-size:var(--ml-fs-sub,14px);color:var(--ml-text2,#3b4a52)}
.ml-datadel .dd-band b{color:var(--ml-navy,#012a3e);font-weight:600}
.ml-datadel .dd-card{margin-top:16px;background:var(--ml-card,#fff);border:1px solid var(--ml-line-card,#d5dde2);border-radius:var(--ml-r,4px);padding:8px 8px 6px}
.ml-datadel .dd-mx{display:grid;gap:2px}
.ml-datadel .dd-row{display:grid;grid-template-columns:minmax(0,104px) repeat(var(--dd-n,3),minmax(0,1fr));align-items:center}
.ml-datadel .dd-row:not(.dd-hd){min-height:52px;border-top:1px solid var(--ml-line,#e4e8ea)}
.ml-datadel .dd-hd{margin-bottom:6px}
.ml-datadel .dd-nm{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:52px;min-width:0;padding:4px 4px 4px 6px;font-size:13px;font-weight:600;line-height:1.15;color:var(--ml-ink,#1c2528)}
.ml-datadel .dd-sel{box-shadow:inset 0 0 0 1.5px var(--ml-navy,#012a3e)}
.ml-datadel .dd-nm small{display:block;font-weight:400;font-size:var(--ml-fs-micro,12px);color:var(--ml-muted,#596569);line-height:1.15}
.ml-datadel .dd-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:52px;position:relative;text-align:center;width:100%}
.ml-datadel .dd-hd .dd-c{min-height:44px;padding:2px 0;font-size:var(--ml-fs-micro,12px);font-weight:600;color:#4a6272;line-height:1.1}
.ml-datadel .dd-dot{display:block;width:16px;height:16px;border-radius:3px;background:var(--ml-navy,#012a3e)}
.ml-datadel .dd-dot.dd-ring{background:var(--ml-card,#fff);border:3px solid var(--ml-navy,#012a3e)}
.ml-datadel .dd-dot.dd-pend{background:var(--ml-card,#fff);border:2px dashed var(--ml-label,#5f7f92)}
.ml-datadel .dd-clk{position:absolute;top:4px;left:calc(50% + 7px);width:12px;height:12px;color:var(--ml-ink,#1c2528);background:var(--ml-card,#fff);border-radius:50%}
.ml-datadel .dd-lk{display:inline-block;width:18px;height:18px;color:var(--ml-dis-ink,#4f5a5d)}
.ml-datadel .dd-lk svg{width:18px;height:18px}
.ml-datadel .dd-tag{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:var(--ml-r,4px);font-size:var(--ml-fs-micro,12px);font-weight:600;line-height:1.3;background:var(--ml-acc-t,#edf3f9);color:var(--ml-navy,#012a3e)}
.ml-datadel .dd-tag.dd-w{background:var(--ml-st-warn-b,#fdf0c4);color:var(--ml-st-warn-t,#5c3d00)}
.ml-datadel .dd-tag.dd-l{background:var(--ml-st-late-b,#fbe4e0);color:var(--ml-st-late-t,#8a1c10)}
.ml-datadel .dd-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 4px 4px;font-size:var(--ml-fs-micro,12px);color:var(--ml-muted,#596569)}
.ml-datadel .dd-legend span{display:inline-flex;align-items:center;gap:6px}
.ml-datadel .dd-hint{margin:8px 0 0;font-size:var(--ml-fs-small,13px);color:var(--ml-muted,#596569)}
.ml-datadel .dd-pnl{margin-top:20px}
.ml-datadel .dd-ph{margin:0 0 4px;font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:24px;letter-spacing:1px;color:var(--ml-navy,#012a3e);line-height:1.2}
.ml-datadel .dd-ph.dd-bar{background:var(--ml-navy,#012a3e);color:var(--ml-on-navy,#fff);border-bottom:2px solid var(--ml-or,#fbaa2e);border-radius:var(--ml-r,4px);padding:10px 14px 8px;margin-bottom:12px}
.ml-datadel .dd-sec{margin:20px 0 6px;font-weight:600;font-size:var(--ml-fs-sec,13px);text-transform:uppercase;letter-spacing:var(--ml-ls-sec,.07em);color:var(--ml-acc,#1f4e79)}
.ml-datadel .dd-meta{margin:0;font-size:var(--ml-fs-sub,14px);color:var(--ml-muted,#596569)}
.ml-datadel .dd-list{margin-top:8px;background:var(--ml-card,#fff);border:1px solid var(--ml-line-card,#d5dde2);border-radius:var(--ml-r,4px)}
.ml-datadel .dd-item{padding:10px 12px;border-top:1px solid var(--ml-line-card,#d5dde2)}
.ml-datadel .dd-item:first-child{border-top:0}
.ml-datadel .dd-il{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.ml-datadel .dd-in{font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:20px;letter-spacing:.5px;color:var(--ml-navy,#012a3e);min-width:0}
.ml-datadel .dd-bdg{display:inline-block;flex:none;padding:3px 8px 2px;border-radius:var(--ml-r,4px);font-family:var(--ml-font-head,Teko,Mukta,sans-serif);font-weight:500;font-size:14px;letter-spacing:1px;text-transform:uppercase;line-height:1}
.ml-datadel .dd-s1{background:#e3ebf0;color:#012a3e}.ml-datadel .dd-s2{background:#5f7f92;color:#fff}.ml-datadel .dd-s3{background:var(--ml-or,#fbaa2e);color:#012a3e}.ml-datadel .dd-s4{background:var(--ml-red,#8a2a1a);color:#fff}
.ml-datadel .dd-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px}
.ml-datadel .dd-seg button{min-height:var(--ml-hit,44px);padding:2px 4px;border:1.5px solid var(--ml-line-card,#d5dde2);border-radius:var(--ml-r,4px);text-align:center;font-size:var(--ml-fs-sub,14px);font-weight:600;line-height:1.15;background:var(--ml-card,#fff)}
.ml-datadel .dd-seg button[aria-pressed=true]{background:var(--ml-navy,#012a3e);border-color:var(--ml-navy,#012a3e);color:var(--ml-on-navy,#fff)}
.ml-datadel .dd-xb{display:inline-flex;align-items:center;min-height:var(--ml-hit,44px);font-weight:600;font-size:15px;color:var(--ml-navy,#012a3e);text-decoration:underline;text-decoration-color:var(--ml-or,#fbaa2e);text-decoration-thickness:2px;text-underline-offset:4px}
.ml-datadel .dd-lockph{display:flex;align-items:center;gap:10px;margin-top:8px;padding:12px 14px;min-height:52px;border-radius:var(--ml-r,4px);background:var(--ml-grey,#eceeee);border:1px dashed #9aa3a6;color:var(--ml-dis-ink,#4f5a5d);font-weight:600;font-size:var(--ml-fs-sub,14px)}
.ml-datadel .dd-lockph svg{width:20px;height:20px;flex:none}
.ml-datadel .dd-sheet,.ml-datadel .dd-form{margin-top:16px;padding:14px;background:var(--ml-warm,#f6efe4);border:1px solid var(--ml-warm-line,#d9c9a6);border-radius:var(--ml-r,4px);color:var(--ml-warm-ink,#4a370d)}
.ml-datadel .dd-form{background:var(--ml-card,#fff);border-color:var(--ml-line-card,#d5dde2);color:inherit}
.ml-datadel label,.ml-datadel .dd-lb{display:block;margin-top:12px;font-weight:600;font-size:var(--ml-fs-small,13px);color:var(--ml-label,#5f7f92)}
.ml-datadel .dd-sheet label{color:inherit}
.ml-datadel input[type=text],.ml-datadel input[type=email],.ml-datadel input[type=date],.ml-datadel select{display:block;width:100%;min-height:48px;margin-top:4px;padding:0 10px;border:1px solid var(--ml-line-card,#d5dde2);border-radius:var(--ml-r,4px);background:var(--ml-card,#fff);font-size:16px}
.ml-datadel .dd-chk{display:flex;align-items:center;gap:10px;min-height:var(--ml-hit,44px);margin-top:0;font-weight:400;font-size:var(--ml-fs-body,16px);color:var(--ml-ink,#1c2528)}
.ml-datadel .dd-chk input{width:22px;height:22px;flex:none;accent-color:var(--ml-navy,#012a3e)}
.ml-datadel .dd-err{margin:8px 0 0;font-weight:600;font-size:var(--ml-fs-sub,14px);color:var(--ml-red,#8a2a1a)}
.ml-datadel .dd-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.ml-datadel .dd-toast{margin-top:12px;padding:10px 12px;border-radius:var(--ml-r,4px);background:var(--ml-st-ok-b,#e3f1e4);color:var(--ml-st-ok-t,#1b5e20);font-weight:600;font-size:var(--ml-fs-sub,14px)}
.ml-datadel .dd-empty{padding:14px 12px;color:var(--ml-muted,#596569)}
.ml-datadel .dd-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ml-datadel .dd-tools .dd-sm{flex:1 1 auto}
.ml-datadel .dd-sm.dd-dg{border-color:var(--ml-red,#8a2a1a);color:var(--ml-red,#8a2a1a)}
.ml-datadel .dd-sm[disabled]{opacity:.55;cursor:default}
.ml-datadel .dd-hd .dd-c{overflow-wrap:normal;word-break:normal;hyphens:manual}
.ml-datadel .dd-hl{display:block;min-width:0}
.ml-datadel .dd-rot .dd-hd .dd-c{justify-content:flex-start;gap:4px;padding:4px 0}
.ml-datadel .dd-rot .dd-hd .dd-hl{writing-mode:vertical-rl;transform:rotate(180deg);max-height:104px;text-align:start;line-height:1.15}

/* Hjælpeklasser (erstatter style-attributter; !important svarer til at inline-stil slog klasserne) */
.ml-datadel .dd-u-mt0{margin-top:0!important}
.ml-datadel .dd-u-mt4{margin-top:4px!important}
.ml-datadel .dd-u-mt8{margin-top:8px!important}
.ml-datadel .dd-u-mt4i{margin-top:4px!important;color:inherit!important}
.ml-datadel .dd-u-mt8i{margin-top:8px!important;color:inherit!important}
.ml-datadel .dd-u-m0i{margin:0!important;color:inherit!important}
.ml-datadel .dd-u-w8{width:100%!important;margin-top:8px!important}
.ml-datadel .dd-u-w12{width:100%!important;margin-top:12px!important}
.ml-datadel .dd-u-minw0{min-width:0!important}
.ml-datadel .dd-u-minh0{min-height:0!important}
.ml-datadel .dd-u-seg2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.ml-datadel .dd-n1{--dd-n:1}
.ml-datadel .dd-n2{--dd-n:2}
.ml-datadel .dd-n3{--dd-n:3}
.ml-datadel .dd-n4{--dd-n:4}
.ml-datadel .dd-n5{--dd-n:5}
.ml-datadel .dd-n6{--dd-n:6}
.ml-datadel .dd-n7{--dd-n:7}
.ml-datadel .dd-n8{--dd-n:8}
.ml-datadel .dd-n9{--dd-n:9}
.ml-datadel .dd-n10{--dd-n:10}
.ml-datadel .dd-n11{--dd-n:11}
.ml-datadel .dd-n12{--dd-n:12}
.ml-datadel .dd-n13{--dd-n:13}
.ml-datadel .dd-n14{--dd-n:14}
.ml-datadel .dd-n15{--dd-n:15}
.ml-datadel .dd-n16{--dd-n:16}
.ml-datadel .dd-n17{--dd-n:17}
.ml-datadel .dd-n18{--dd-n:18}
.ml-datadel .dd-n19{--dd-n:19}
.ml-datadel .dd-n20{--dd-n:20}
.ml-datadel .dd-n21{--dd-n:21}
.ml-datadel .dd-n22{--dd-n:22}
.ml-datadel .dd-n23{--dd-n:23}
.ml-datadel .dd-n24{--dd-n:24}
.ml-datadel .dd-n25{--dd-n:25}
.ml-datadel .dd-n26{--dd-n:26}
.ml-datadel .dd-n27{--dd-n:27}
.ml-datadel .dd-n28{--dd-n:28}
.ml-datadel .dd-n29{--dd-n:29}
.ml-datadel .dd-n30{--dd-n:30}
.ml-datadel .dd-n31{--dd-n:31}
.ml-datadel .dd-n32{--dd-n:32}
.ml-datadel .dd-n33{--dd-n:33}
.ml-datadel .dd-n34{--dd-n:34}
.ml-datadel .dd-n35{--dd-n:35}
.ml-datadel .dd-n36{--dd-n:36}
.ml-datadel .dd-n37{--dd-n:37}
.ml-datadel .dd-n38{--dd-n:38}
.ml-datadel .dd-n39{--dd-n:39}
.ml-datadel .dd-n40{--dd-n:40}
/* Fremhæv én app: ctx.fremhaev = '<app-id>' – øvrige kolonner tones ned (rækker, personer og paneler uændrede) */
.ml-datadel .dd-dim{opacity:.4;transition:opacity .15s}
.ml-datadel .dd-dim:hover,.ml-datadel .dd-dim:focus-within{opacity:1}
@media (prefers-reduced-motion:reduce){.ml-datadel .dd-dim{transition:none}}