/* holdning.ml.css - APP_FIL_FORM v1.2 · al CSS under .ml-app-holdning (præfiks ho-). Skrifterne leveres af værten, ingen @font-face. */
.ml-app-holdning{--ho-ink:var(--ml-ink,#1c2528);--ho-muted:var(--ml-muted,#596569);--ho-line:var(--ml-line,#e4e8ea);--ho-card:var(--ml-line-card,#d5dde2);--ho-acc:var(--ml-acc,#1f4e79);--ho-or:var(--ml-or,#fbaa2e);--ho-navy:var(--ml-navy,#012a3e);--ho-track:var(--ml-track,#e4e8ea);--ho-fh:var(--ml-font-head,Teko,Mukta,system-ui,sans-serif);--ho-fb:var(--ml-font-body,Mukta,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif);display:block;color-scheme:light;color:var(--ho-ink);background:#fff;font-family:var(--ho-fb);font-size:16px;line-height:1.45;overflow-wrap:anywhere;min-width:0}
.ml-app-holdning .ho-root{display:block;min-width:0}
.ml-app-holdning .ho-h2{display:block;margin:0;font-family:var(--ho-fh);font-weight:500;font-size:28px;line-height:1.1;letter-spacing:.5px;color:var(--ho-navy)}
.ml-app-holdning .ho-sub{display:block;margin:6px 0 0;color:var(--ho-muted);font-size:14px}
.ml-app-holdning .ho-sec{display:block;margin:24px 0 8px;font-family:var(--ho-fh);font-weight:500;font-size:22px;line-height:1.15;letter-spacing:.5px;color:var(--ho-acc)}
.ml-app-holdning .ho-sec.ho-first{margin-top:0}
.ml-app-holdning .ho-card,.ml-app-holdning .ho-list{display:block;box-sizing:border-box;background:#fff;border:1px solid var(--ho-card);border-radius:4px}
.ml-app-holdning .ho-card{padding:16px 18px;margin:12px 0 0}
.ml-app-holdning .ho-sec+.ho-card,.ml-app-holdning .ho-sec+.ho-list{margin-top:0}
.ml-app-holdning .ho-list{padding:0 16px}
.ml-app-holdning .ho-cardh{display:block;margin:0 0 6px;font-family:var(--ho-fh);font-weight:500;font-size:20px;line-height:1.1;letter-spacing:.5px;color:var(--ho-muted)}
.ml-app-holdning .ho-nm{display:block;margin:0;font-family:var(--ho-fh);font-weight:500;font-size:20px;line-height:1.2;color:var(--ho-navy)}
.ml-app-holdning .ho-tn{display:block;font-size:15px;font-weight:600;line-height:1.25}
.ml-app-holdning .ho-mt{display:block;font-size:13px;color:var(--ho-muted)}
.ml-app-holdning .ho-l{display:grid;min-width:0;flex:1}
.ml-app-holdning .ho-li{display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 0;min-height:52px;list-style:none;cursor:pointer}
.ml-app-holdning .ho-li::-webkit-details-marker{display:none}
.ml-app-holdning .ho-row{display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:10px 0;min-height:52px;border-top:1px solid var(--ho-line)}
.ml-app-holdning .ho-row:first-child{border-top:0}
.ml-app-holdning .ho-stp{display:block;border-top:1px solid var(--ho-line)}
.ml-app-holdning .ho-stp:first-child{border-top:0}
.ml-app-holdning .ho-chev{color:var(--ho-acc);font-size:20px;transition:transform .15s}
.ml-app-holdning .ho-det[open]>.ho-li .ho-chev{transform:rotate(90deg)}
.ml-app-holdning .ho-dt{display:block;padding:2px 0 14px 34px}
.ml-app-holdning .ho-dth{display:block;margin:10px 0 2px;font-family:var(--ho-fh);font-weight:500;font-size:18px;letter-spacing:.5px;color:var(--ho-navy)}
.ml-app-holdning .ho-dtp{display:block;margin:2px 0 0;font-size:15px}
.ml-app-holdning .ho-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:15px}
.ml-app-holdning .ho-dl .ho-k{margin:0;color:var(--ho-muted)}.ml-app-holdning .ho-dl .ho-v{margin:0;min-width:0}
.ml-app-holdning .ho-bx{display:inline-grid;place-items:center;box-sizing:border-box;width:24px;height:24px;border:1.5px solid var(--ho-card);border-radius:4px;background:transparent;flex:none;font-size:16px;line-height:1}
.ml-app-holdning .ho-bx.ho-set{background:var(--ho-or);border-color:var(--ho-or)}
.ml-app-holdning .ho-bx.ho-held{background:var(--ho-navy);border-color:var(--ho-navy);color:#fff;font-weight:700}
.ml-app-holdning .ho-bx.ho-held::after{content:"\2713"}
.ml-app-holdning .ho-tkl{display:flex;align-items:center;gap:10px;box-sizing:border-box;padding:8px 0 8px 34px;min-height:44px;border-top:1px dashed var(--ho-line)}
.ml-app-holdning .ho-tkl.ho-solo{padding-left:0;border-top:0}
.ml-app-holdning .ho-tm{display:inline-grid;place-items:center;box-sizing:border-box;width:12px;height:12px;flex:none;border:1.5px solid #c3cbce;border-radius:50%;background:transparent;font-size:12px;line-height:1;color:#8a9599}
.ml-app-holdning .ho-tm.ho-set{width:8px;height:8px;margin:2px;border-color:#aab3b6;background:#aab3b6}
.ml-app-holdning .ho-tm.ho-held{width:12px;height:12px;border:0;border-radius:0;background:transparent;font-weight:400}
.ml-app-holdning .ho-tm.ho-held::after{content:"\2713"}
.ml-app-holdning .ho-sm .ho-tn{font-size:14px;font-weight:400;color:var(--ho-muted)}
.ml-app-holdning .ho-sm .ho-mt{font-size:12px}
.ml-app-holdning .ho-sm.ho-tkl{padding-top:4px;padding-bottom:4px;min-height:32px;gap:8px}
.ml-app-holdning .ho-sm.ho-row{padding-top:6px;padding-bottom:6px;min-height:40px;gap:8px}
.ml-app-holdning .ho-rl{flex:none;white-space:nowrap;font-family:var(--ho-fb);font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:4px;border:1px solid var(--ml-acc-line,#d3e1ee);color:var(--ho-acc);background:#fff}
.ml-app-holdning .ho-mini{display:flex;gap:6px;margin-top:8px}.ml-app-holdning .ho-mini .ho-bx{width:18px;height:18px;font-size:13px}
.ml-app-holdning .ho-bl{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}
.ml-app-holdning .ho-bl .ho-bll{width:92px;flex:none}
.ml-app-holdning .ho-bl .ho-blv{width:36px;flex:none;text-align:right;font-family:var(--ho-fh);font-weight:500;font-size:18px;color:var(--ho-navy)}
.ml-app-holdning .ho-bar{flex:1;min-width:0;height:10px;background:var(--ho-track);border-radius:99px;overflow:hidden}
.ml-app-holdning .ho-bar i{display:block;height:10px;background:var(--ho-or);border-radius:99px}
.ml-app-holdning .ho-btn{display:block;box-sizing:border-box;width:100%;min-height:48px;margin:24px 0 0;padding:12px 16px;border:1.5px solid var(--ho-navy);border-radius:4px;background:var(--ho-navy);color:#fff;font-family:var(--ho-fh);font-weight:500;font-size:22px;letter-spacing:1.2px;line-height:1;text-align:center;cursor:pointer}
.ml-app-holdning .ho-btn:focus-visible,.ml-app-holdning .ho-arr button:focus-visible,.ml-app-holdning .ho-swipe:focus-visible,.ml-app-holdning .ho-in:focus-visible,.ml-app-holdning .ho-li:focus-visible{outline:3px solid var(--ho-acc);outline-offset:2px}
.ml-app-holdning .ho-swh{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.ml-app-holdning .ho-arr{display:none;gap:6px;margin:24px 0 6px}
.ml-app-holdning .ho-arr button{width:44px;height:44px;padding:0;border:1.5px solid var(--ho-navy);border-radius:4px;background:#fff;color:var(--ho-navy);font-family:var(--ho-fh);font-weight:500;font-size:26px;line-height:1;cursor:pointer}
@media (hover:hover) and (pointer:fine){.ml-app-holdning .ho-arr{display:flex}}
.ml-app-holdning .ho-swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.ml-app-holdning .ho-swipe::-webkit-scrollbar{display:none}
.ml-app-holdning .ho-sc{flex:0 0 100%;box-sizing:border-box;min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--ho-card);border-radius:4px;padding:16px 18px}
.ml-app-holdning .ho-sch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;font-family:var(--ho-fh);font-weight:500;font-size:24px;line-height:1.1;letter-spacing:.5px;color:var(--ho-navy)}
.ml-app-holdning .ho-p{display:block;margin:0}
.ml-app-holdning .ho-ul{margin:10px 0 0 20px;padding:0}.ml-app-holdning .ho-ul li{margin-top:4px}
.ml-app-holdning .ho-dots{display:flex;justify-content:center;gap:8px;margin-top:10px}
.ml-app-holdning .ho-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#cfd6da}.ml-app-holdning .ho-dots i.ho-on{background:var(--ho-navy)}
.ml-app-holdning .ho-bet .ho-bh{display:block;margin:16px 0 0;font-family:var(--ho-fh);font-weight:500;font-size:20px;letter-spacing:.5px;color:var(--ho-navy)}
.ml-app-holdning .ho-bet .ho-bh.ho-f{margin-top:0}
.ml-app-holdning .ho-bet .ho-p{font-size:15px;margin-top:2px}
.ml-app-holdning .ho-note{display:block;margin:0 0 8px;font-size:14px;color:var(--ho-muted)}
.ml-app-holdning .ho-frm{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}
.ml-app-holdning .ho-fld{display:block;min-width:0}
.ml-app-holdning .ho-fld.ho-w{grid-column:1/3}
@media (max-width:419px){.ml-app-holdning .ho-fld{grid-column:1/3}}
.ml-app-holdning .ho-flb{display:block;margin:0 0 2px;font-size:13px;font-weight:600;color:var(--ml-label,#5f7f92)}
.ml-app-holdning .ho-in{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:8px 12px;border:1px solid var(--ho-card);border-radius:4px;background:#fff;color:var(--ho-ink);font-family:var(--ho-fb);font-size:16px}
.ml-app-holdning select.ho-in,.ml-app-holdning input[type=date].ho-in{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d3d9da;border-radius:4px;background-color:#fff;font-family:var(--ho-fb);font-size:16px;color:var(--ho-ink);line-height:1.3;color-scheme:light}
.ml-app-holdning select.ho-in{padding-right:40px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23012a3e%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9l6 6 6-6%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px 20px;cursor:pointer}
.ml-app-holdning input[type=date].ho-in{min-width:0;max-width:100%;text-align:left}
.ml-app-holdning input[type=date].ho-in::-webkit-date-and-time-value{text-align:left;margin:0}
.ml-app-holdning input[type=date].ho-in::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;width:24px;height:24px;padding:0;margin-left:6px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23012a3e%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18M8 3v4M16 3v4%22/%3E%3C/svg%3E") center/20px 20px no-repeat;color:transparent}
.ml-app-holdning .ho-ok{display:block;margin-top:12px;font-size:14px;color:var(--ho-acc);font-weight:600}
.ml-app-holdning .ho-om .ho-p{margin-top:0}
.ml-app-holdning .ho-link{display:inline-block;margin-top:8px;font-size:15px;font-weight:600;color:var(--ho-acc);text-decoration:underline;text-decoration-color:var(--ho-or);text-decoration-thickness:2px;text-underline-offset:3px}
.ml-app-holdning .ho-mt.ho-mt12{margin-top:12px}
.ml-app-holdning .ho-tlw{display:block;min-width:0}
.ml-app-holdning .ho-tlw .ml-tl{margin-top:0}
/* F5 (28/10): praktiske/HR/Ledertid-punkter i tidslinjen = lille graa prik i ALLE statusser. Kernens senere regler (.ml-tl-aftalt/afholdt/mangler .ml-tl-dot) overstyrer .ml-tl-prak; denne scoped regel vinder paa specificitet. Ingen kerneaendring. */
.ml-app-holdning .ml-tl-prak .ml-tl-dot{width:28px;height:28px;background:transparent;border:0;color:inherit}
.ml-app-holdning .ml-tl-prak .ml-tl-dot::after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#b9c3c6}

/* Titelblok (s13b): 12 px luft under blokken (teamnavn staar som underoverskrift) */
.ml-app-holdning .ml-app-titel+*,.ml-app-holdning .ml-app-titel+.ho-sec.ho-first{margin-top:12px}

/* ctx.data-forløb (28/10) */
.ml-app-holdning .ho-dn .ho-prog{display:block;margin:4px 0 0;font-size:12px;line-height:1.3;color:var(--ho-muted)}
.ml-app-holdning .ho-dn .ho-usik{display:block;margin:6px 0 0;font-size:12px;line-height:1.3;color:var(--ho-muted)}
.ml-app-holdning .ho-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.ml-app-holdning .ho-chip{font-size:12px;line-height:1;padding:4px 8px;border-radius:4px;background:var(--ho-track);color:var(--ho-ink)}
.ml-app-holdning .ho-dtl{display:block;margin:12px 0 0;min-width:0}
.ml-app-holdning .ho-dn .ho-det{margin:12px 0 0}

/* H1 (28/10): hel pyramide (clip-path pr. lag, spidsen kappes ikke), ord ved siden af lagene */
.ml-app-holdning .ho-pyr{display:block;margin:12px 0 8px;min-width:0}
.ml-app-holdning .ho-pr{display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:3px}
.ml-app-holdning .ho-py{display:block;flex:0 0 44%;max-width:150px;height:38px}
.ml-app-holdning .ho-py.ho-g{background:#e4e8ea}.ml-app-holdning .ho-py.ho-c{background:var(--ho-or)}.ml-app-holdning .ho-py.ho-a{background:var(--ho-navy)}
.ml-app-holdning .ho-s0{clip-path:polygon(50% 0,50% 0,60% 100%,40% 100%)}
.ml-app-holdning .ho-s1{clip-path:polygon(40% 0,60% 0,70% 100%,30% 100%)}
.ml-app-holdning .ho-s2{clip-path:polygon(30% 0,70% 0,80% 100%,20% 100%)}
.ml-app-holdning .ho-s3{clip-path:polygon(20% 0,80% 0,90% 100%,10% 100%)}
.ml-app-holdning .ho-s4{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}
.ml-app-holdning .ho-pl{display:block;min-width:0;flex:1;font-size:14px;font-weight:600;line-height:1.2;color:var(--ho-navy)}
/* H1: modulskabelon i udfoldet trin */
.ml-app-holdning .ho-sk .ho-dth{margin-top:10px}
.ml-app-holdning .ho-sk:first-child .ho-dth{margin-top:0}
.ml-app-holdning .ho-skl{margin:2px 0 0 20px}
.ml-app-holdning .ho-chip.ho-ek{display:inline-block;margin-top:10px}
/* H1: betingelser punktopstillet + fold-ud */
.ml-app-holdning .ho-bet2 .ho-bp{margin:0 0 0 20px;padding:0;font-size:15px}
.ml-app-holdning .ho-bet2 .ho-bp li{margin-top:6px}
.ml-app-holdning .ho-bet2 .ho-bp li::marker{color:var(--ho-or)}
.ml-app-holdning .ho-bet2 .ho-bp:first-child li:first-child{margin-top:0}
.ml-app-holdning .ho-bet2 .ho-bh{display:block;margin:20px 0 6px;font-family:var(--ho-fh);font-weight:500;font-size:20px;letter-spacing:.5px;color:var(--ho-navy)}
.ml-app-holdning .ho-bk{display:flex;align-items:center;justify-content:space-between;gap:8px;box-sizing:border-box;width:100%;min-height:48px;margin:14px 0 0;padding:8px 14px;border:1.5px solid var(--ho-navy);border-radius:4px;background:#fff;color:var(--ho-navy);font-family:var(--ho-fh);font-weight:500;font-size:20px;letter-spacing:.5px;line-height:1.1;text-align:left;cursor:pointer}
.ml-app-holdning .ho-bk:focus-visible{outline:3px solid var(--ho-acc);outline-offset:2px}
.ml-app-holdning .ho-bk[aria-expanded=true] .ho-chev{transform:rotate(90deg)}
.ml-app-holdning .ho-bkp{display:block;margin:10px 0 0}
.ml-app-holdning .ho-bkp[hidden]{display:none}