/* Ziggo-Code v1.14 – Ziggophon Multimedia */
.zc-app{--zc-bg:#f3f4f9;--zc-kort:#fff;--zc-tekst:#1d2433;--zc-dim:#6b7488;--zc-linje:#e2e5ee;--zc-navy:#1b2440;--zc-accent:#ff3d71;--zc-accent2:#5b6cff;--zc-fejl:#e5354f;--zc-adv:#f0a020;--zc-tip:#3b82f6;--zc-ok:#1fa97a;--zc-rapport:430px;--zc-s:1;--zc-titel:#1b2440;--zc-flade:#fafbfe;--zc-soft:#eef0f8;--zc-soft2:#e6e9f4;--zc-softh:#dde1f3;--zc-kodefg:#32407a;--zc-badgefg:#45507a;--zc-input:#fff;--zc-felt:rgba(255,255,255,.96);--zc-segbg:#e9ecf5;--zc-segakt:#fff;--zc-hover:#fcfcff;--zc-linje2:#c6cde4;--zc-indbg:#fff6f8;--zc-indlinje:#ffb3c6;--zc-valgtbg:#fff0f4;--zc-introbg:#e8ecff;--zc-introfg:#33407a;--zc-retbg:#e4f7ef;--zc-retfg:#0b5f43;--zc-dim2:#4a546f;--zc-track:#e4e7f2;--zc-sc1:#eef0f6;--zc-sc2:#f7f8fc;--zc-grab:#a3abc4;--zc-splith:#cdd2e4;--zc-slor:rgba(255,255,255,.88);--zc-chipakt:#1b2440;--zc-chipbg:#e6e9ff;--zc-chipfg:#2f3ea6;--zc-chiph:#d3d9ff;
 --zc-b-fejl-bg:#ffe0e6;--zc-b-fejl-fg:#b3162f;--zc-b-adv-bg:#fff1d4;--zc-b-adv-fg:#8a5a00;--zc-b-tip-bg:#dfeaff;--zc-b-tip-fg:#1f4fae;--zc-b-ok-bg:#dcf5ea;--zc-b-ok-fg:#0d7a55;min-height:340px;
 font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:calc(14px * var(--zc-s));line-height:1.45;color:var(--zc-tekst);background:var(--zc-bg);border:1px solid var(--zc-linje);border-radius:12px;overflow:hidden;width:100%;max-width:none;margin:0 0 24px;text-align:left}
.zc-app *,.zc-app *::before,.zc-app *::after{box-sizing:border-box}
.zc-app [hidden]{display:none!important}
.zc-app button{font-family:inherit;font-size:inherit;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none}
.zc-app input,.zc-app textarea{font-family:inherit;font-size:calc(14px * var(--zc-s));margin:0;box-shadow:none}
.zc-app h4,.zc-app p{margin:0}

/* Top */
.zc-app .zc-top{background:var(--zc-navy);color:#fff;padding:14px 16px 16px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.zc-app .zc-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:calc(17px * var(--zc-s));color:#fff}
.zc-app .zc-logo-z{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--zc-accent),var(--zc-accent2));font-weight:800}
.zc-app .zc-logo small{font-weight:400;opacity:.65;font-size:calc(12px * var(--zc-s));margin-left:2px}
.zc-app .zc-inputtabs{display:flex;gap:4px;background:rgba(255,255,255,.08);padding:3px;border-radius:10px}
.zc-app .zc-itab{background:transparent;color:#cfd6ee;border:0;border-radius:8px;padding:7px 12px;font-weight:600}
.zc-app .zc-itab:hover{background:rgba(255,255,255,.1);color:#fff}
.zc-app .zc-itab.aktiv{background:var(--zc-segakt);color:var(--zc-titel)}
.zc-app .zc-inputbody{flex:1 1 100%}
.zc-app .zc-ipane{display:flex;gap:8px;align-items:stretch}
.zc-app .zc-ipane[data-inputpane=kode],.zc-app .zc-ipane[data-inputpane=fil]{flex-direction:column}
.zc-app .zc-ibund{display:flex;gap:8px}
.zc-app .zc-ibund .zc-base{flex:1}
.zc-app .zc-felt{width:100%;border:1px solid rgba(255,255,255,.22);background:var(--zc-felt);color:var(--zc-tekst);border-radius:9px;padding:10px 12px;min-height:42px;outline:none}
.zc-app .zc-felt:focus{border-color:var(--zc-accent);box-shadow:0 0 0 3px rgba(255,61,113,.25)}
.zc-app .zc-kodefelt{height:110px;resize:vertical;font-family:ui-monospace,Consolas,Menlo,monospace;font-size:calc(12.5px * var(--zc-s))}
.zc-app .zc-go{background:linear-gradient(135deg,var(--zc-accent),#ff6a4d);color:#fff;border:0;border-radius:9px;padding:0 22px;font-weight:700;min-height:42px;white-space:nowrap}
.zc-app .zc-go:hover{filter:brightness(1.07)}
.zc-app .zc-go:disabled{opacity:.55;cursor:wait}
.zc-app .zc-drop{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.35);border-radius:10px;padding:22px;color:#dfe5fb;cursor:pointer;text-align:center;background:rgba(255,255,255,.04)}
.zc-app .zc-drop.over,.zc-app .zc-drop:hover{border-color:var(--zc-accent);background:rgba(255,61,113,.1)}
.zc-app .zc-drop input{display:none}

.zc-app .zc-status{padding:10px 16px;font-weight:600;border-bottom:1px solid var(--zc-linje);background:var(--zc-b-tip-bg);color:var(--zc-b-tip-fg)}
.zc-app .zc-status.fejl{background:var(--zc-b-fejl-bg);color:var(--zc-b-fejl-fg)}
.zc-app .zc-status.ok{background:var(--zc-b-ok-bg);color:var(--zc-b-ok-fg)}

.zc-app .zc-velkommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:18px 16px}
.zc-app .zc-vkort{background:var(--zc-kort);border:1px solid var(--zc-linje);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.zc-app .zc-vkort span{color:var(--zc-dim)}

/* Minimeret top (når en analyse kører) */
.zc-app .zc-topkilde,.zc-app .zc-nyknap{display:none}
.zc-app.zc-min .zc-top{padding:8px 14px;flex-wrap:nowrap;gap:12px}
.zc-app.zc-min .zc-topkilde{display:block;flex:1;min-width:0;color:#cfd6ee;font-size:calc(13px * var(--zc-s));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-app.zc-min .zc-nyknap{display:inline-block;flex:none;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:6px 12px;font-weight:600}
.zc-app.zc-min .zc-nyknap:hover{background:rgba(255,255,255,.2);border-color:var(--zc-accent)}
.zc-app.zc-min .zc-inputtabs,.zc-app.zc-min .zc-inputbody{display:none}
.zc-app.zc-min.zc-aaben .zc-top{flex-wrap:wrap;padding:12px 16px 16px}
.zc-app.zc-min.zc-aaben .zc-inputtabs{display:flex}
.zc-app.zc-min.zc-aaben .zc-inputbody{display:block}
.zc-app.zc-min.zc-aaben .zc-topkilde{order:2}
.zc-app.zc-min .zc-logo small{display:none}

/* Arbejdsområde */
.zc-app .zc-arbejde{display:flex;height:calc(var(--zc-h,80) * 1vh);min-height:520px;background:var(--zc-bg)}
.zc-app.zc-full{position:fixed;inset:0;z-index:999999;border-radius:0;display:flex;flex-direction:column;margin:0}
.zc-app.zc-full .zc-arbejde{flex:1;height:auto;min-height:0}
.zc-app .zc-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;background:var(--zc-kort)}
.zc-app .zc-sidetop{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--zc-linje);background:var(--zc-flade);flex-wrap:wrap}
.zc-app .zc-seg{display:inline-flex;background:var(--zc-segbg);border-radius:9px;padding:3px;gap:2px}
.zc-app .zc-seg button{border:0;background:transparent;border-radius:7px;padding:5px 11px;color:var(--zc-dim);font-weight:600}
.zc-app .zc-seg button.aktiv{background:var(--zc-segakt);color:var(--zc-titel);box-shadow:0 1px 3px rgba(20,30,60,.18)}
.zc-app .zc-kilde{flex:1;min-width:60px;color:var(--zc-dim);font-size:calc(12px * var(--zc-s));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-app .zc-lilleknap{border:1px solid var(--zc-linje);background:var(--zc-input);border-radius:8px;padding:5px 10px;color:var(--zc-tekst);font-weight:600}
.zc-app .zc-lilleknap:hover{border-color:var(--zc-accent);color:var(--zc-accent)}
.zc-app .zc-scene{position:relative;flex:1;min-height:0;background:repeating-conic-gradient(var(--zc-sc1) 0 25%,var(--zc-sc2) 0 50%) 0 0/20px 20px;overflow:auto;display:flex;justify-content:center}
.zc-app .zc-ramme{width:100%;height:100%;background:#fff;transition:width .25s;position:relative;box-shadow:0 0 0 1px var(--zc-linje)}
.zc-app .zc-ramme iframe{width:100%;height:100%;border:0;display:block;background:#fff}
.zc-app .zc-indlaes{position:absolute;inset:0;display:grid;place-items:center;background:var(--zc-slor);font-weight:700;color:var(--zc-titel);z-index:2}
.zc-app.pegning .zc-ramme iframe,.zc-app.traekker .zc-ramme iframe{pointer-events:none}
.zc-app .zc-kodevisning{position:absolute;inset:0;overflow:auto;background:#0f1424;color:#d6dcf2;font-family:ui-monospace,SFMono-Regular,Consolas,Menlo,monospace;font-size:calc(12.5px * var(--zc-s));line-height:1.6;padding:10px 0;counter-reset:zcl;tab-size:2}
.zc-app .zc-b{position:relative}
.zc-app .zc-b.valgt{background:rgba(255,61,113,.14);box-shadow:inset 4px 0 0 var(--zc-accent)}
.zc-app .zc-l{padding:0 14px 0 calc(54px + var(--d,0) * 14px);white-space:pre-wrap;word-break:break-all;position:relative;cursor:pointer}
.zc-app .zc-l::before{counter-increment:zcl;content:counter(zcl);position:absolute;left:0;width:38px;text-align:right;color:#4a5578;font-size:calc(11px * var(--zc-s));user-select:none}
.zc-app .zc-l:hover{background:rgba(255,255,255,.05)}
.zc-app .zc-l .t{color:#ff7da0}
.zc-app .zc-l .a{color:#ffcb6b}
.zc-app .zc-l .v{color:#9be28a}
.zc-app .zc-l .x{color:#c3cae3}
.zc-app .zc-l .k{color:#6d789f;font-style:italic}
.zc-app .zc-note{color:#8c97bf;font-style:italic;cursor:default}

.zc-app .zc-split{width:7px;cursor:ew-resize;background:var(--zc-linje);flex:none;position:relative;z-index:3;touch-action:none}
.zc-app .zc-split::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:46px;margin:-23px 0 0 -10px;border-radius:10px;background-color:var(--zc-grab);box-shadow:0 1px 4px rgba(0,0,0,.25);
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='46' viewBox='0 0 20 46'><path d='M8 18l-4 5 4 5M12 18l4 5-4 5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center}
.zc-app .zc-split:hover{background:var(--zc-splith)}
.zc-app .zc-split:hover::after{background-color:var(--zc-accent)}
.zc-app .zc-rapport{width:var(--zc-rapport);min-width:300px;max-width:75%;flex:none;display:flex;flex-direction:column;background:var(--zc-bg);position:relative;min-height:0}
.zc-app .zc-rtabs{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--zc-navy);flex:none}
.zc-app .zc-rlabel{color:#aeb8de;font-weight:600;flex:none}
.zc-app .zc-rvaelg{flex:1;min-width:0;appearance:none;-webkit-appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:9px 38px 9px 12px;min-height:42px;font-weight:700;font-size:calc(15px * var(--zc-s));color:var(--zc-titel);cursor:pointer;outline:none;
 background-color:var(--zc-input);background-repeat:no-repeat;background-position:right 14px center;
 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='%231b2440' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.zc-app .zc-rvaelg:focus{border-color:var(--zc-accent);box-shadow:0 0 0 3px rgba(255,61,113,.3)}
.zc-app .zc-rvaelg option{font-weight:600;color:var(--zc-titel);background:var(--zc-input)}
.zc-app .zc-rpaner{flex:1;min-height:0;overflow:auto;padding:12px;position:relative}
.zc-app .zc-pane{display:none}
.zc-app .zc-pane.aktiv{display:block}
.zc-app .zc-intro{background:var(--zc-introbg);color:var(--zc-introfg);border-radius:10px;padding:9px 12px;margin-bottom:10px;font-size:calc(13px * var(--zc-s))}
.zc-app .zc-verktoj{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.zc-app .zc-soeg{flex:1;min-width:120px;border:1px solid var(--zc-linje);border-radius:8px;padding:6px 10px;background:var(--zc-input);color:var(--zc-tekst)}
.zc-app .zc-chip{border:1px solid var(--zc-linje);background:var(--zc-input);border-radius:999px;padding:3px 11px;font-weight:600;color:var(--zc-dim);font-size:calc(12.5px * var(--zc-s))}
.zc-app .zc-chip.aktiv{background:var(--zc-chipakt);border-color:var(--zc-chipakt);color:#fff}
.zc-app .zc-h{font-weight:700;color:var(--zc-titel);margin:14px 0 6px;font-size:calc(13px * var(--zc-s));text-transform:uppercase;letter-spacing:.04em}
.zc-app .zc-tom{color:var(--zc-dim);text-align:center;padding:24px 8px}

/* Rækker */
.zc-app .zc-r{background:var(--zc-kort);border:1px solid var(--zc-linje);border-left:4px solid transparent;border-radius:9px;padding:8px 10px;margin-bottom:6px;cursor:pointer;display:flex;gap:9px;align-items:flex-start;transition:background .12s,border-color .12s}
.zc-app .zc-r:hover{border-color:var(--zc-linje2);background:var(--zc-hover)}
.zc-app .zc-r.ind{border-left-color:var(--zc-indlinje);background:var(--zc-indbg)}
.zc-app .zc-r.valgt{border-color:var(--zc-accent);border-left-color:var(--zc-accent);background:var(--zc-valgtbg);box-shadow:0 0 0 2px rgba(255,61,113,.18)}
.zc-app .zc-rtekst{flex:1;min-width:0}
.zc-app .zc-rtitel{font-weight:600;word-break:break-word}
.zc-app .zc-rsub{color:var(--zc-dim);font-size:calc(12.5px * var(--zc-s));word-break:break-word}
.zc-app code,.zc-app .zc-kod{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:calc(12px * var(--zc-s));background:var(--zc-soft);border-radius:5px;padding:1px 5px;color:var(--zc-kodefg);word-break:break-all}
.zc-app .zc-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:calc(11.5px * var(--zc-s));font-weight:700;background:var(--zc-soft2);color:var(--zc-badgefg);white-space:nowrap;margin-left:4px}
.zc-app .zc-badge.fejl{background:var(--zc-b-fejl-bg);color:var(--zc-b-fejl-fg)}
.zc-app .zc-badge.adv{background:var(--zc-b-adv-bg);color:var(--zc-b-adv-fg)}
.zc-app .zc-badge.tip{background:var(--zc-b-tip-bg);color:var(--zc-b-tip-fg)}
.zc-app .zc-badge.ok{background:var(--zc-b-ok-bg);color:var(--zc-b-ok-fg)}
.zc-app .zc-ikon{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:calc(14px * var(--zc-s));background:var(--zc-soft2)}
.zc-app .zc-ikon.fejl{background:var(--zc-b-fejl-bg)}.zc-app .zc-ikon.adv{background:var(--zc-b-adv-bg)}.zc-app .zc-ikon.tip{background:var(--zc-b-tip-bg)}.zc-app .zc-ikon.ok{background:var(--zc-b-ok-bg)}

/* Problemkort */
.zc-app .zc-kort{background:var(--zc-kort);border:1px solid var(--zc-linje);border-radius:11px;margin-bottom:8px;overflow:hidden}
.zc-app .zc-kort .zc-r{border:0;border-radius:0;margin:0;border-left:4px solid transparent}
.zc-app .zc-kort.fejl{border-left:4px solid var(--zc-fejl)}.zc-app .zc-kort.adv{border-left:4px solid var(--zc-adv)}.zc-app .zc-kort.tip{border-left:4px solid var(--zc-tip)}
.zc-app .zc-tog{border:0;background:var(--zc-soft);border-radius:7px;width:26px;height:26px;flex:none;color:var(--zc-dim);font-weight:700}
.zc-app .zc-krop{display:none;padding:2px 12px 10px 48px;font-size:calc(13px * var(--zc-s))}
.zc-app .zc-kort.open .zc-krop{display:block}
.zc-app .zc-krop p{margin:6px 0}
.zc-app .zc-krop .zc-ret{background:var(--zc-retbg);border-radius:8px;padding:7px 10px;color:var(--zc-retfg)}
.zc-app .zc-krop .zc-hvorfor{color:var(--zc-dim2)}
.zc-app .zc-under{margin-top:6px}
.zc-app .zc-under .zc-r{padding:5px 8px;margin-bottom:4px;border:1px solid var(--zc-linje);border-left:4px solid transparent;border-radius:8px}
.zc-app .zc-under .zc-r.valgt{border-color:var(--zc-accent);border-left-color:var(--zc-accent)}

/* Overblik */
.zc-app .zc-hero{display:flex;gap:16px;align-items:center;background:var(--zc-kort);border:1px solid var(--zc-linje);border-radius:14px;padding:14px;margin-bottom:12px}
.zc-app .zc-ring{width:112px;height:112px;flex:none;position:relative}
.zc-app .zc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.zc-app .zc-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:calc(30px * var(--zc-s));color:var(--zc-titel)}
.zc-app .zc-ring b small{font-size:calc(11px * var(--zc-s));font-weight:600;color:var(--zc-dim);display:block;text-align:center;margin-top:-4px}
.zc-app .zc-verdict{font-size:calc(17px * var(--zc-s));font-weight:700;color:var(--zc-titel)}
.zc-app .zc-tal{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.zc-app .zc-bar{display:flex;align-items:center;gap:8px;margin:5px 0}
.zc-app .zc-bar>span:first-child{width:130px;flex:none;font-size:calc(13px * var(--zc-s))}
.zc-app .zc-bar .sp{flex:1;height:9px;background:var(--zc-track);border-radius:6px;overflow:hidden}
.zc-app .zc-bar .sp i{display:block;height:100%;border-radius:6px}
.zc-app .zc-bar>b{width:34px;text-align:right;font-size:calc(13px * var(--zc-s))}
.zc-app .zc-fakta{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.zc-app .zc-fakt{background:var(--zc-kort);border:1px solid var(--zc-linje);border-radius:10px;padding:8px 10px}
.zc-app .zc-fakt b{display:block;font-size:calc(20px * var(--zc-s));color:var(--zc-titel)}
.zc-app .zc-fakt span{color:var(--zc-dim);font-size:calc(12px * var(--zc-s))}
.zc-app .zc-okliste{margin:0;padding:0;list-style:none;display:grid;gap:3px}
.zc-app .zc-okliste li{color:var(--zc-b-ok-fg);font-size:calc(13px * var(--zc-s))}
.zc-app .zc-knapraekke{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

/* Specielle rækker */
.zc-app .zc-thumb{width:56px;height:56px;flex:none;border-radius:8px;object-fit:cover;background:repeating-conic-gradient(var(--zc-sc1) 0 25%,var(--zc-sc2) 0 50%) 0 0/12px 12px;border:1px solid var(--zc-linje)}
.zc-app .zc-sw{width:34px;height:34px;flex:none;border-radius:9px;border:1px solid rgba(0,0,0,.15)}
.zc-app .zc-tb{height:6px;border-radius:4px;background:var(--zc-track);margin-top:5px;overflow:hidden}
.zc-app .zc-tb i{display:block;height:100%;background:linear-gradient(90deg,var(--zc-accent2),var(--zc-accent));border-radius:4px}
.zc-app .zc-bread{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin:4px 0}
.zc-app .zc-bread button{border:0;background:var(--zc-soft);border-radius:6px;padding:1px 7px;font-family:ui-monospace,Consolas,monospace;font-size:calc(11.5px * var(--zc-s));color:var(--zc-kodefg)}
.zc-app .zc-bread button:hover{background:var(--zc-softh)}
.zc-app .zc-bread i{color:var(--zc-dim);font-style:normal}

/* Detalje (valgt element) */
.zc-app .zc-detalje{flex:none;max-height:46%;overflow:auto;background:var(--zc-kort);border-top:3px solid var(--zc-accent);box-shadow:0 -6px 18px rgba(20,30,60,.12);padding:10px 12px}
.zc-app .zc-dtop{display:flex;gap:8px;align-items:center}
.zc-app .zc-dtop b{flex:1;color:var(--zc-titel);font-size:calc(15px * var(--zc-s))}
.zc-app .zc-dgrid{display:grid;grid-template-columns:110px 1fr;gap:3px 10px;margin-top:6px;font-size:calc(13px * var(--zc-s))}
.zc-app .zc-dgrid>span:nth-child(odd){color:var(--zc-dim)}
.zc-app .zc-klasschip{display:inline-block;margin:0 4px 3px 0;padding:0;border:0;background:var(--zc-chipbg);color:var(--zc-chipfg);border-radius:6px;font-family:ui-monospace,Consolas,monospace;font-size:calc(12px * var(--zc-s))}
.zc-app .zc-klasschip span{padding:1px 7px;display:block}
.zc-app .zc-klasschip:hover{background:var(--zc-chiph)}
.zc-app .zc-toast{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:var(--zc-navy);color:#fff;padding:7px 14px;border-radius:9px;font-size:calc(13px * var(--zc-s));z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.25)}

@media (max-width:900px){
 .zc-app .zc-arbejde{flex-direction:column;height:auto}
 .zc-app .zc-side{height:62vh;flex:none}
 .zc-app .zc-split{display:none}
 .zc-app .zc-rapport{width:100%;max-width:none;height:72vh;flex:none}
 .zc-app.zc-full .zc-arbejde{overflow:auto}
}
.zc-app.zc-min .zc-kilde{display:none}

/* System-ikon og menu */
.zc-app .zc-logo{order:0}.zc-app .zc-inputtabs{order:1}.zc-app .zc-topkilde{order:2}.zc-app .zc-nyknap{order:3}.zc-app .zc-inputbody{order:5}
.zc-app.zc-min.zc-aaben .zc-topkilde{display:none}
.zc-app.zc-min.zc-aaben .zc-nyknap{margin-left:auto}
.zc-app.zc-min.zc-aaben .zc-system{margin-left:0}
.zc-app .zc-system{position:relative;margin-left:auto;order:4;flex:none}
.zc-app .zc-sysknap{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:6px 12px;font-weight:600}
.zc-app .zc-sysknap svg{width:17px;height:17px;flex:none}
.zc-app .zc-sysknap:hover,.zc-app .zc-sysknap[aria-expanded=true]{background:rgba(255,255,255,.22);border-color:var(--zc-accent)}
.zc-app .zc-sysmenu{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 40px);background:var(--zc-kort);color:var(--zc-tekst);border:1px solid var(--zc-linje);border-radius:12px;box-shadow:0 14px 40px rgba(10,15,40,.4);padding:14px;z-index:60}
.zc-app .zc-sysh{font-weight:700;color:var(--zc-titel);font-size:calc(15px * var(--zc-s));display:flex;gap:8px;align-items:center}
.zc-app .zc-sysgruppe{margin-top:14px}
.zc-app .zc-syslbl{font-size:calc(12px * var(--zc-s));font-weight:700;color:var(--zc-dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.zc-app .zc-fsrad,.zc-app .zc-temarad{display:flex;gap:6px}
.zc-app .zc-fsrad button,.zc-app .zc-temarad button{flex:1;min-height:42px;border:1px solid var(--zc-linje);background:var(--zc-input);color:var(--zc-tekst);border-radius:9px;font-weight:700;display:grid;place-items:center;line-height:1;padding:0 6px}
.zc-app .zc-fsrad button:hover,.zc-app .zc-temarad button:hover{border-color:var(--zc-accent)}
.zc-app .zc-fsrad button.aktiv,.zc-app .zc-temarad button.aktiv{background:var(--zc-chipakt);border-color:var(--zc-chipakt);color:#fff}
.zc-app .zc-temarad button{font-size:calc(14px * var(--zc-s))}
.zc-app .zc-fsnavn{font-size:calc(12px * var(--zc-s));color:var(--zc-dim);margin-top:6px;min-height:1.3em}
.zc-app .zc-ringbg{stroke:var(--zc-track)}
@media (max-width:600px){.zc-app .zc-sysknap span{display:none}.zc-app .zc-sysknap{padding:7px 9px}}

/* Mørkt tema */
.zc-app.zc-moerk{--zc-bg:#0f1424;--zc-kort:#1a2036;--zc-tekst:#e4e8f6;--zc-dim:#98a2c0;--zc-linje:#2c3552;--zc-navy:#0a0e1b;--zc-titel:#f0f3ff;--zc-flade:#151b30;--zc-soft:#252d48;--zc-soft2:#2a3352;--zc-softh:#323c60;--zc-kodefg:#aab6ff;--zc-badgefg:#c3cbe8;--zc-input:#212947;--zc-felt:#1e2640;--zc-segbg:#10162a;--zc-segakt:#2f3a63;--zc-hover:#202845;--zc-linje2:#3d4870;--zc-indbg:#2b1b28;--zc-indlinje:#7a2f4a;--zc-valgtbg:#3a1a2a;--zc-introbg:#1d2650;--zc-introfg:#b9c4ff;--zc-retbg:#12382d;--zc-retfg:#7be0b6;--zc-dim2:#b7c0dc;--zc-track:#2c3552;--zc-sc1:#1b2138;--zc-sc2:#141a2e;--zc-grab:#56618a;--zc-splith:#3a4468;--zc-slor:rgba(15,20,36,.85);--zc-chipakt:#5b6cff;--zc-chipbg:#2a3270;--zc-chipfg:#b5beff;--zc-chiph:#37418a;
 --zc-b-fejl-bg:#4a1a26;--zc-b-fejl-fg:#ff9fb0;--zc-b-adv-bg:#463613;--zc-b-adv-fg:#ffd27a;--zc-b-tip-bg:#1d3563;--zc-b-tip-fg:#9cc2ff;--zc-b-ok-bg:#12382d;--zc-b-ok-fg:#7be0b6}
.zc-app.zc-moerk .zc-rvaelg{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='%23e4e8f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
.zc-app.zc-moerk .zc-kodevisning{background:#090d1a}
.zc-app.zc-moerk .zc-sw{border-color:rgba(255,255,255,.25)}

/* Fuld skærm-ikon */
.zc-app .zc-fuld{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px}
.zc-app .zc-fuld svg{width:17px;height:17px;display:block}
.zc-app .zc-fuld .zc-ik-ind{display:none}
.zc-app.zc-full .zc-fuld .zc-ik-ud{display:none}
.zc-app.zc-full .zc-fuld .zc-ik-ind{display:block}

/* Under træk i bredde-håndtaget: vandret markør overalt, ingen tekstmarkering */
.zc-app.traekker,.zc-app.traekker *{cursor:ew-resize!important;user-select:none}

/* Navigation på den viste side */
.zc-app .zc-sidenav{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--zc-linje);background:var(--zc-flade)}
.zc-app .zc-sidenav .zc-lilleknap{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;flex:none}
.zc-app .zc-sidenav .zc-lilleknap svg{width:16px;height:16px;display:block}
.zc-app .zc-lilleknap:disabled{opacity:.38;cursor:default}
.zc-app .zc-lilleknap:disabled:hover{border-color:var(--zc-linje);color:var(--zc-tekst)}
.zc-app .zc-adresse{flex:1;min-width:80px;border:1px solid var(--zc-linje);border-radius:8px;padding:7px 10px;background:var(--zc-input);color:var(--zc-tekst);min-height:34px;outline:none;text-overflow:ellipsis}
.zc-app .zc-adresse:focus{border-color:var(--zc-accent);box-shadow:0 0 0 3px rgba(255,61,113,.2)}
.zc-app .zc-tilstand{flex:none}
.zc-app.zc-naviger .zc-tilstand button.aktiv{background:var(--zc-accent);color:#fff}
@media (max-width:600px){.zc-app .zc-sidenav{flex-wrap:wrap}.zc-app .zc-adresse{order:5;flex:1 1 100%}}

.zc-app .zc-dl{flex:none;align-self:center;margin-left:auto;padding:6px 10px;font-size:calc(15px * var(--zc-s));line-height:1}
.zc-app .zc-dl:hover{background:var(--zc-accent2);color:#fff}
.zc-app .zc-dl:disabled{opacity:.6;cursor:wait}

/* Detalje: faner */
.zc-app .zc-detalje.stor{max-height:85%}
.zc-app .zc-dhoved{position:sticky;top:-10px;margin:-10px -12px 6px;padding:10px 12px 6px;background:var(--zc-kort);z-index:2}
.zc-app .zc-dfaner{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.zc-app .zc-dfaner button{border:1px solid var(--zc-linje);background:var(--zc-segbg);color:var(--zc-tekst);border-radius:8px;padding:4px 9px;font-weight:600;font-size:calc(12px * var(--zc-s))}
.zc-app .zc-dfaner button.aktiv{background:var(--zc-accent2);border-color:var(--zc-accent2);color:#fff}
.zc-app .zc-dsek{margin:10px 0 4px;font-weight:700;color:var(--zc-titel);font-size:calc(13px * var(--zc-s))}
.zc-app .zc-dsek:first-child{margin-top:0}
.zc-app .zc-dhandl{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px}
.zc-app .zc-dkode{margin:0;padding:9px 11px;background:var(--zc-soft);border:1px solid var(--zc-linje);border-radius:8px;overflow:auto;max-height:340px;font:calc(12px * var(--zc-s))/1.5 ui-monospace,Consolas,monospace;color:var(--zc-kodefg);white-space:pre;tab-size:2}
.zc-app .zc-vtab{display:flex;flex-direction:column;gap:6px}
.zc-app .zc-vraekke{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;align-items:center;padding:6px 8px;background:var(--zc-soft);border-radius:8px}
.zc-app .zc-vraekke .zc-rsub{grid-column:1/-1}
.zc-app .zc-vnavn{color:var(--zc-chipfg);font-weight:700;word-break:break-all}
.zc-app .zc-vvaerdi{font-family:ui-monospace,Consolas,monospace;font-size:calc(12px * var(--zc-s));word-break:break-all}
.zc-app .zc-fchip{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:5px;border:1px solid rgba(0,0,0,.25)}
.zc-app .zc-regel{border:1px solid var(--zc-linje);border-radius:8px;padding:6px 9px;margin-bottom:6px;background:var(--zc-flade)}
.zc-app .zc-regel.zc-inl{border-color:var(--zc-accent)}
.zc-app .zc-rsel{border:0;background:none;padding:0;color:var(--zc-chipfg);font:700 calc(12px * var(--zc-s))/1.4 ui-monospace,Consolas,monospace;text-align:left;word-break:break-all;display:block}
.zc-app button.zc-rsel:hover{text-decoration:underline}
.zc-app .zc-rsel2{display:inline-block;margin:2px 8px 0 0;font-weight:600}
.zc-app .zc-rsel small{margin-left:6px;color:var(--zc-dim);font-weight:400}
.zc-app .zc-regel small.zc-rsub{display:block;margin-bottom:2px}
.zc-app .zc-decl{font:calc(12px * var(--zc-s))/1.5 ui-monospace,Consolas,monospace;padding-left:12px;word-break:break-all}
.zc-app .zc-dp{color:var(--zc-accent2)}
.zc-app .zc-dv{color:var(--zc-kodefg)}
.zc-app .zc-kl{padding:6px 0;border-bottom:1px solid var(--zc-linje)}

/* Redigering (midlertidig) */
.zc-app .zc-vinp{width:100%;min-width:0;border:1px solid var(--zc-linje2);border-radius:6px;padding:3px 6px;background:var(--zc-input);color:var(--zc-tekst);font:calc(12px * var(--zc-s)) ui-monospace,Consolas,monospace}
.zc-app .zc-vinp:focus{outline:none;border-color:var(--zc-accent);box-shadow:0 0 0 2px rgba(255,61,113,.22)}
.zc-app .zc-vvaerdi{display:flex;align-items:center;gap:5px}
.zc-app .zc-vfarve{width:28px;height:24px;padding:0;border:1px solid var(--zc-linje2);border-radius:6px;background:none;flex:none;cursor:pointer}
.zc-app .zc-vnul{padding:2px 7px}
.zc-app .zc-vraekke.zc-aendret{background:var(--zc-valgtbg);box-shadow:inset 3px 0 0 var(--zc-accent)}
.zc-app .zc-live{margin:6px 0;padding:6px 9px;border-radius:8px;background:var(--zc-indbg);border:1px solid var(--zc-indlinje);color:var(--zc-tekst);font-size:calc(12px * var(--zc-s));display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zc-app .zc-dred{width:100%;min-height:200px;max-height:420px;box-sizing:border-box;resize:vertical;padding:9px 11px;border:1px solid var(--zc-linje2);border-radius:8px;background:var(--zc-input);color:var(--zc-kodefg);font:calc(12px * var(--zc-s))/1.5 ui-monospace,Consolas,monospace;white-space:pre;tab-size:2}
.zc-app .zc-dhgo{padding:5px 14px}

.zc-app .zc-rtekst2{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:5px 8px;border:1px solid var(--zc-linje2);border-radius:6px;background:var(--zc-input);color:var(--zc-kodefg);font:calc(12px * var(--zc-s))/1.5 ui-monospace,Consolas,monospace;resize:vertical;white-space:pre;overflow:auto;tab-size:2}
.zc-app .zc-rtekst2:focus{outline:none;border-color:var(--zc-accent);box-shadow:0 0 0 2px rgba(255,61,113,.22)}
.zc-app .zc-regel.zc-aendret{border-color:var(--zc-accent);box-shadow:inset 3px 0 0 var(--zc-accent)}

/* Op/ned-størrelse mellem rapport og detaljefelt */
.zc-app .zc-dsplit{height:9px;flex:none;cursor:ns-resize;background:var(--zc-linje);position:relative;z-index:3;touch-action:none;outline:none}
.zc-app .zc-dsplit[hidden]{display:none}
.zc-app .zc-dsplit::after{content:"";position:absolute;left:50%;top:50%;width:46px;height:18px;margin:-9px 0 0 -23px;border-radius:9px;background-color:var(--zc-grab);box-shadow:0 1px 4px rgba(0,0,0,.25);
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='46' height='18' viewBox='0 0 46 18'><path d='M19 7l4-4 4 4M19 11l4 4 4-4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center}
.zc-app .zc-dsplit:hover,.zc-app .zc-dsplit:focus-visible{background:var(--zc-splith)}
.zc-app .zc-dsplit:hover::after,.zc-app .zc-dsplit:focus-visible::after{background-color:var(--zc-accent)}
.zc-app .zc-detalje{border-top:0}
.zc-app.traekker.tv,.zc-app.traekker.tv *{cursor:ns-resize!important}

.zc-app .zc-idchip{background:var(--zc-retbg);color:var(--zc-retfg)}
.zc-app .zc-idchip:hover{filter:brightness(.95)}