/* =====================================================================
Møder — designsystem "Industry" (spec-sheet, option 1c)
Lys papirgrund, hairlines, firkantede hjørner, Barlow Condensed,
stålblå accent og mørke stålfelt-headere. Ingen skygger, ingen radius.
===================================================================== */
/* Barlow + Barlow Condensed er self-hostet (vendor/fonts), så appen
også har sin typografi uden netværk / som installeret PWA. */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;
src:url(/vendor/fonts/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;
src:url(/vendor/fonts/barlow-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;
src:url(/vendor/fonts/barlow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;
src:url(/vendor/fonts/barlow-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:400;font-display:swap;
src:url(/vendor/fonts/barlow-condensed-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:500;font-display:swap;
src:url(/vendor/fonts/barlow-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;
src:url(/vendor/fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;
src:url(/vendor/fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
:root{
/* v410 (handoff 191): Margins farver er ROLLER - margin-farver.css sætter de 26 --m-* for alle fem hude.
De gamle navne peger på rollerne i en overgang; ingen side skriver en hex. */
--bg:var(--m-bg); /* sidebaggrund */
--surface:var(--m-field); /* inputfelter, kodeceller (den dæmpede flade) */
--field:var(--m-dark); /* mørkt stålfelt (skinnen, toasten) */
--field-text:var(--m-bg); /* tekst på det mørke felt - Signal sætter --m-text (signal.css) */
--field-muted:var(--m-on-dark); /* kickers og tal på det mørke felt */
--text:var(--m-text);
--muted:var(--m-muted);
--line:var(--m-line); /* hairline */
--line-soft:var(--m-line-soft); /* rækkeskel */
--accent:var(--m-accent); /* stålaccent */
--accent-hover:var(--m-accent);
--accent-tint:var(--m-tint);
--accent-deep:var(--m-accent);
--accent-deeper:var(--m-accent);
--radius:0;
/* rød er kun optagelsen (--m-rec): Slet og fejl er tekst */
--danger:var(--m-text); --ok:var(--m-ok); --warn:var(--m-wait);
--surface-2:var(--m-line); --accent-ink:var(--m-ink-fg);
color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;height:100%;
/* v61b (Robins fund): træk-ned må ALDRIG genindlæse appen — et vanetræk
midt i en optagelse eller forberedelse ville nulstille skærmen.
overscroll-behavior slår pull-to-refresh fra i installerede webapps
(Chrome/Android; nyere Safari). Optagelsen selv er desuden allerede
beskyttet af beforeunload-vagten. */
overscroll-behavior-y:none}
body{
background:var(--bg); color:var(--text);
font:15px/1.55 Barlow,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
-webkit-font-smoothing:antialiased;
padding-bottom:env(safe-area-inset-bottom);
}
.view{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:72px}
.view[hidden]{display:none}
h1{margin:0}
.grow{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.muted{color:var(--muted)}
.small{font-size:13px}
.center{text-align:center}
.pad{padding:0 14px}
code{background:var(--surface);padding:1px 5px;border-radius:0;font-size:.9em}
.error{
color:var(--accent-deep);font-size:13px;margin:8px 14px;
border-left:2px solid var(--accent);background:var(--accent-tint);
padding:8px 10px;
}
button{transition:background-color .12s ease,border-color .12s ease,color .12s ease}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button:focus{outline:none}
button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* ---------- registreringsmærker (+ i hjørnerne) ---------- */
.bp{position:relative}
.bp>i{position:absolute;width:11px;height:11px;color:rgba(29,31,32,.55);pointer-events:none}
.bp>i::before,.bp>i::after{content:"";position:absolute;background:currentColor}
.bp>i::before{left:5px;top:0;width:1px;height:100%}
.bp>i::after{top:5px;left:0;width:100%;height:1px}
.bp>i.tl{top:-6px;left:-6px}.bp>i.tr{top:-6px;right:-6px}
.bp>i.bl{bottom:-6px;left:-6px}.bp>i.br{bottom:-6px;right:-6px}
/* ---------- stålfelt-headere ---------- */
.field-head{
background:var(--field);color:var(--field-text);
padding:calc(10px + env(safe-area-inset-top)) 0 12px;
position:sticky;top:0;z-index:5;
}
.fh-row{display:flex;align-items:center;gap:10px;padding:0 14px}
.kicker{
font:600 10px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.14em;
text-transform:uppercase;color:var(--field-muted);
}
.fh-link{
background:none;border:none;cursor:pointer;padding:6px 0;
font:600 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--field-muted);
}
.fh-link:hover,.fh-link:active{color:var(--field-text)}
.fh-title{
font:600 34px/1.05 "Barlow Condensed",sans-serif;letter-spacing:-.01em;
text-transform:uppercase;margin:4px 14px 0;
}
.fh-meeting{
font:600 28px/1.1 "Barlow Condensed",sans-serif;
margin:6px 14px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.fh-sub{font:600 24px/1.15 "Barlow Condensed",sans-serif;margin:2px 0 0}
/* metrikstribe i mødehovedet */
/* ---------- ikonknapper ---------- */
.icon-btn{
background:none;border:none;color:var(--text);padding:8px;margin:-8px;
cursor:pointer;border-radius:0;line-height:0;
}
.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;
stroke-linecap:round;stroke-linejoin:round}
.field-head .icon-btn{color:var(--field-muted)}
.field-head .icon-btn:hover,.field-head .icon-btn:active{color:var(--field-text)}
/* almindelig lys topbar (urørte skærme: optag, konto, opskrift-editor-fallback) */
.topbar{
display:flex;align-items:center;gap:10px;
padding:calc(14px + env(safe-area-inset-top)) 14px 12px;
border-bottom:1px solid var(--line);position:sticky;top:0;
background:var(--bg);z-index:5;
}
.topbar h1{
flex:1;font:600 26px/1.1 "Barlow Condensed",sans-serif;
letter-spacing:-.01em;text-transform:uppercase;
}
/* ---------- login ---------- */
#view-login{justify-content:center;padding-bottom:0}
.login-box{max-width:340px;width:100%;margin:0 auto;padding:24px}
.brand{font:600 40px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin-bottom:4px}
#login-form{display:flex;flex-direction:column;gap:12px;margin-top:22px}
input,textarea,select{
width:100%;padding:9px 10px;border-radius:0;
border:1px solid var(--line);background:var(--surface);color:var(--text);
font:14px/1.5 Barlow,sans-serif;
}
textarea{font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--line)}
label{display:block;font-size:12px;color:rgba(29,31,32,.7);margin-bottom:6px}
label input,label textarea{margin-top:5px;color:var(--text)}
label.check{display:flex;align-items:center;gap:10px;color:var(--text);font-size:14px}
label.check input{width:auto;margin:0}
.form{display:flex;flex-direction:column;gap:16px;padding-top:16px}
.row{display:flex;gap:8px}
/* ---------- knapper ---------- */
.btn{
padding:8px 18px;border-radius:0;border:1px solid var(--line);
background:transparent;color:var(--text);cursor:pointer;
font:600 14px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.06em;
text-transform:uppercase;
}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--m-ink-fg)}
.btn.primary:hover,.btn.primary:active{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn.danger{color:var(--accent-deep)}
.btn.block{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px;
fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
/* ---------- optageskærm (urørt layout, arver kun tokens) ---------- */
.record-area{
flex:1;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:14px;padding:24px 14px;
}
.rec-status{font:600 11px/1 "Barlow Condensed",sans-serif;color:var(--muted);
letter-spacing:.12em;text-transform:uppercase}
.timer{font-size:3rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.rec-button{
width:132px;height:132px;border-radius:50%;
border:3px solid var(--line);background:var(--surface);
display:grid;place-items:center;cursor:pointer;margin:6px 0;
transition:border-color .2s, background .2s;
}
.rec-dot{width:56px;height:56px;border-radius:50%;background:var(--m-rec);transition:all .25s}
.rec-button.recording{border-color:var(--m-rec);animation:pulse 2s ease-in-out infinite}
.rec-button.recording .rec-dot{border-radius:8px;width:44px;height:44px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.25)}50%{box-shadow:0 0 0 18px rgba(192,57,43,0)}}
.meter{width:210px;height:6px;background:var(--surface-2);overflow:hidden}
#level-fill{height:100%;width:0;background:var(--accent);transition:width 90ms linear}
/* v177: advarselslinjen som designeren har den - under gitteret, uden kasse,
med gult trekant-ikon. Baerer batteri, mikrofon og afbrydelser. */
.rec-advarsel{display:flex;align-items:center;gap:7px;width:100%;max-width:380px;
margin:-5px auto 0;box-sizing:border-box;padding:0 2px}
.rec-advarsel:has(> .rec-warning[hidden]){display:none}
.rec-adv-ik{width:13px;height:13px;flex:none;fill:none;stroke:var(--m-wait);
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rec-warning{flex:1;margin:0;padding:0;background:none;border:0;text-align:left;
font-size:11.5px;line-height:1.35;color:var(--m-wait);max-width:none}
/* kvote-noten (v57): dæmpet fra 80 %, rød kant når månedens timer er brugt */
.kvote-note{
color:var(--accent-deeper);background:var(--accent-tint);
border:1px solid var(--line);border-left:2px solid var(--accent);
padding:10px 14px;font-size:13px;max-width:380px;text-align:center;
}
.kvote-note.fuld{border-left-color:var(--danger);color:var(--danger)}
/* v176: erstattet af grebsgitteret nederst i filen */
/* v176: #btn-discard staar nu under den roede knap - se nederst */
/* midtvejs-opskrifter på optageskærmen */
.live-box{width:100%;max-width:380px;margin-top:6px;padding-bottom:76px}
.live-label{
margin:0 0 2px;font:600 10px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
.live-chip-row{padding:6px 0 0}
/* Skriv-selv-feltet ligger FAST i bunden af optageskærmen, lige over
fanebjælken (Møder/Optag/Opskrifter) — altid synligt, uanset hvor
langt man er scrollet ned i sine opskrifter. */
.live-ask{
position:fixed;left:0;right:0;
bottom:calc(56px + env(safe-area-inset-bottom));
z-index:7;display:flex;gap:6px;align-items:center;
background:var(--bg);border-top:1px solid var(--line);
padding:8px 14px;
}
.live-ask textarea{
flex:1;background:var(--surface);border:1px solid var(--line);
padding:8px 10px;font:14px/1.5 Barlow,sans-serif;resize:none;min-height:38px;
}
.live-advice{
width:100%;max-width:380px;margin-top:10px;text-align:left;
border:1px solid var(--line);background:var(--bg);
}
.live-advice-head{
display:flex;align-items:center;gap:8px;
padding:8px 12px;border-bottom:1px solid var(--line-soft);
}
.live-advice-name{
flex:1;font:600 12px/1.3 "Barlow Condensed",sans-serif;
letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);
}
.live-advice-body{
padding:10px 12px;flex:none;max-height:260px;overflow-y:auto;font-size:14px;
}
.live-update{
background:none;cursor:pointer;padding:4px 9px;
border:1px dashed var(--accent);color:var(--accent-deep);
font:600 11px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.08em;
text-transform:uppercase;white-space:nowrap;
}
.live-update:hover{background:var(--accent-tint)}
.live-advice-tabs{
display:flex;gap:2px;overflow-x:auto;padding:0 8px;
border-bottom:1px solid var(--line-soft);scrollbar-width:none;
}
.live-advice-tabs::-webkit-scrollbar{display:none}
.live-advice-tabs button{
flex:none;background:none;border:none;color:var(--muted);
padding:8px 8px;cursor:pointer;
font:600 12px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.06em;
text-transform:uppercase;
}
.live-advice-tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.btn.mark{border-color:var(--accent);color:var(--accent-deep)}
.btn.mark:active{background:var(--accent-tint)}
.rec-button.paused{border-color:var(--accent);animation:none}
.rec-button.paused .rec-dot{background:var(--accent)}
/* ---------- inkognito: sort + skravering — aldrig en ny farve ----------
Den normale optagelse er URØRT (rød prik som altid). Kun når inkognito
er slået til, skifter materialet: blyant-sort med fin 45°-skravering. */
.rec-button.incognito{border-color:var(--m-incognito)}
.rec-button.incognito .rec-dot{
background:var(--m-incognito);
background-image:repeating-linear-gradient(45deg,
rgba(242,242,243,.16) 0 1px, transparent 1px 6px);
}
.rec-button.incognito.recording{
border-color:var(--m-incognito);
animation:pulse-incog 2s ease-in-out infinite;
}
@keyframes pulse-incog{
0%,100%{box-shadow:0 0 0 0 rgba(29,31,32,.25)}
50%{box-shadow:0 0 0 18px rgba(29,31,32,0)}
}
.rec-button.incognito.paused{border-color:rgba(29,31,32,.45);animation:none}
.rec-button.incognito.paused .rec-dot{background:rgba(29,31,32,.45);background-image:none}
.rec-status-row{display:flex;align-items:center;gap:8px}
/* kontakten under knappen — firkantet, ikke pille-formet */
.incog-line{
margin:0;font:400 10.5px/1.5 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.55);
display:flex;align-items:baseline;gap:7px;text-align:center;
}
/* mærket: sort felt med skravering + eye-off */
.incog-mark{
display:inline-flex;align-items:center;gap:4px;
padding:3px 6px;background:var(--m-incognito);color:var(--m-ink-fg);
font:600 9.5px/1 "Barlow Condensed",sans-serif;
letter-spacing:.12em;text-transform:uppercase;
background-image:repeating-linear-gradient(45deg,
rgba(242,242,243,.14) 0 1px, transparent 1px 6px);
}
.incog-mark svg{
width:11px;height:11px;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;
}
/* inkognito-møder i listen: ses på et halvt sekund uden at læse */
.m-row.incog{
border-left:4px solid var(--m-incognito);background:var(--m-field);padding-left:10px;
}
.m-row.incog:hover,.m-row.incog:active{background:var(--m-line)}
.m-row.incog .incog-mark{margin-bottom:4px;align-self:flex-start;width:max-content}
.m-row.incog .sq.klar{background:var(--m-incognito)}
.m-row.incog .sq.arbejder,.m-row.incog .sq.transskriberer,
.m-row.incog .sq.uploadet,.m-row.incog .sq.optager,.m-row.incog .sq.afslutter,
.m-row.incog .sq[class*="renser"]{border:1px solid var(--m-incognito);background:none}
.m-row.incog .m-prog .fill{background:var(--m-incognito)}
.m-row.incog .m-nr{color:var(--m-incognito)}
/* mødet: sort skraveret header — man kan ikke læse et inkognito-
transskript uden at vide det */
.field-head.incog{
background:var(--m-incognito);
background-image:repeating-linear-gradient(45deg,
rgba(242,242,243,.14) 0 1px, transparent 1px 7px);
}
.field-head.incog .kicker{color:rgba(242,242,243,.65)}
.field-head.incog .fh-link{color:rgba(242,242,243,.65)}
.field-head.incog .fh-link:hover,.field-head.incog .fh-link:active{color:var(--m-ink-fg)}
.field-head.incog .icon-btn{color:rgba(242,242,243,.65)}
.field-head.incog .icon-btn:hover,.field-head.incog .icon-btn:active{color:var(--m-ink-fg)}
.incog-eye{
width:12px;height:12px;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
vertical-align:-2px;margin-right:2px;
}
/* statuslinje under headeren, mono */
.incog-status{
display:flex;flex-direction:column;gap:2px;
padding:8px 14px;border-bottom:1px solid var(--line-soft);
font:400 11px/1.5 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.6);
}
/* redaktionsbjælker: teksten er væk — bjælken har ordets plads */
.redacted{
background:var(--m-text);color:var(--m-text);padding:0 2px;user-select:none;
font:400 11px/1 ui-monospace,Menlo,monospace;letter-spacing:-.5px;
}
/* inkognito smitter af på mødets accent: fane + SEND er sorte her */
#view-meeting.incog .tabs-inline button.active{box-shadow:inset 0 -2px 0 var(--m-incognito)}
#view-meeting.incog .ask-bar .btn.primary{background:var(--m-incognito);border-color:var(--m-incognito)}
#view-meeting.incog .ask-bar .btn.primary:hover,
#view-meeting.incog .ask-bar .btn.primary:active{background:var(--m-incognito);border-color:var(--m-incognito)}
#view-meeting.incog .t-gutter{color:rgba(29,31,32,.55)}
/* ---------- LIVE-TEKST (eksperiment) ---------- */
.livetext-box{
width:100%;max-width:380px;margin-top:10px;text-align:left;
border:1px solid var(--line);background:var(--bg);
}
.livetext-head{
display:flex;align-items:center;gap:8px;
padding:8px 12px;border-bottom:1px solid var(--line-soft);
}
.livetext-label{
flex:1;font:600 11px/1.3 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);
}
.livetext-status{font:400 10px/1 ui-monospace,Menlo,monospace;color:var(--muted)}
.livetext-body{
padding:10px 12px;max-height:200px;overflow-y:auto;
font:400 13px/1.6 ui-monospace,Menlo,monospace;
}
.livetext-body .lt-final{color:var(--text)}
.livetext-body .lt-partial{color:var(--muted);font-style:italic}
.livetext-body .lt-hint{color:var(--muted)}
.livetext-note{
margin:0;padding:6px 12px 9px;font-size:11px;color:var(--muted);
border-top:1px solid var(--line-soft);
}
#btn-livetext.on{background:var(--accent);border-color:var(--accent);color:var(--m-ink-fg)}
/* ---------- installationsbjælke ---------- */
.install-bar{
position:fixed;left:12px;right:12px;
bottom:calc(84px + env(safe-area-inset-bottom));
display:flex;align-items:center;gap:12px;
background:var(--field);color:var(--field-text);
border:1px solid var(--field);padding:12px 14px;z-index:15;font-size:14px;
}
.install-bar span{flex:1}
.install-bar .icon-btn{color:var(--field-muted)}
.install-bar[hidden]{display:none}
/* ---------- mødeliste (spec-sheet) ---------- */
.col-head{
display:grid;grid-template-columns:34px 1fr auto;gap:10px;
padding:9px 14px;border-bottom:1px solid var(--line);
font:600 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);
}
.list{flex:1;padding:0}
.m-row{
display:grid;grid-template-columns:34px 1fr auto;gap:10px;
padding:12px 14px;border-bottom:1px solid var(--line-soft);
align-items:start;width:100%;text-align:left;cursor:pointer;
background:none;border-left:0;border-right:0;border-top:0;
color:var(--text);font:inherit;
}
.m-row:hover,.m-row:active{background:var(--accent-tint)}
.m-nr{font:400 12px/1.5 ui-monospace,Menlo,monospace;color:var(--accent)}
.m-mid{min-width:0}
.m-title{font:600 19px/1.2 "Barlow Condensed",sans-serif}
.m-meta{font:400 11px/1.6 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5)}
.m-sum{font-size:14px;opacity:.85;margin-top:3px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-act{font-size:13px;color:var(--accent-deep);margin-top:3px}
.m-tags{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}
.m-tag{
font:600 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;
text-transform:uppercase;padding:4px 7px;
background:var(--accent-tint);color:var(--accent-deeper);
}
.m-prog{display:flex;align-items:center;gap:8px;margin-top:7px}
.m-prog .bar{flex:1;height:3px;background:rgba(29,31,32,.12);position:relative;overflow:hidden}
.m-prog .fill{position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--accent);
animation:puls 1.6s ease-in-out infinite}
.m-prog .pct{font:400 10px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5)}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.35}}
/* status-kvadrater + forklaring */
.sq-legend{
display:flex;gap:14px;padding:7px 14px;border-bottom:1px solid var(--line-soft);
font:400 11px/1 Barlow,sans-serif;color:var(--muted);
}
.sq-legend span{display:flex;align-items:center;gap:5px}
.sq-legend .sq{margin-top:0;display:inline-block}
.sq{width:9px;height:9px;margin-top:6px;flex:none}
.sq.klar{background:var(--accent)}
.sq.arbejder,.sq.transskriberer,.sq.uploadet,.sq.optager,.sq.afslutter{border:1px solid var(--accent)}
.sq.fejl{background:var(--field)}
/* badge bruges stadig på urørte steder — neutral udgave */
.badge{
font:600 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;
padding:4px 8px;background:var(--accent-tint);color:var(--accent-deeper);
white-space:nowrap;text-transform:uppercase;
}
.badge.fejl{background:var(--field);color:var(--field-text)}
/* ---------- mødevisning ---------- */
#view-meeting{padding-bottom:76px}
#meeting-summary{font-size:14px}
.more-menu{
position:absolute;right:10px;top:calc(44px + env(safe-area-inset-top));
background:var(--bg);border:1px solid var(--line);z-index:30;
display:flex;flex-direction:column;min-width:230px;
}
.more-menu[hidden]{display:none}
.more-menu .btn,.more-menu .link-btn{
border:none;border-bottom:1px solid var(--line-soft);text-align:left;
padding:12px 14px;background:none;width:100%;
}
.more-menu>*:last-child{border-bottom:none}
.more-menu .btn:hover{background:var(--accent-tint)}
.recipe-sheet{border-bottom:1px solid var(--line);background:var(--bg)}
.recipe-sheet[hidden]{display:none}
.chip-label{
margin:0;padding:10px 14px 0;font:600 10px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
.chip-row{display:flex;gap:7px;overflow-x:auto;padding:8px 14px 12px;scrollbar-width:none}
.chip-row::-webkit-scrollbar{display:none}
.chip{
flex:none;padding:6px 12px;border-radius:0;border:1px solid var(--line);
background:transparent;color:var(--text);cursor:pointer;
font:600 13px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.04em;
text-transform:uppercase;
}
.chip:hover{border-color:var(--accent)}
.chip[disabled]{opacity:.5}
/* Beslutningstræ: kategori-chips (niveau 1) og vejen tilbage (niveau 2) */
.chip.kat{border-color:var(--accent-deep);color:var(--accent-deep);font-weight:700}
.chip.kat:hover{background:var(--accent-deep);color:var(--bg)}
.chip.tilbage{border-style:dashed;opacity:.8}
.chip.valgt{background:var(--field);border-color:var(--field);color:var(--field-text)}
/* Live opskrifter: kort i to spalter — altid fremme på optageskærmen */
.kort-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 14px 2px}
/* "Alle opskrifter"-knappen: hele træet foldet sammen bag ét tryk */
.traeknap{
display:block;width:calc(100% - 28px);margin:10px 14px 2px;
border:1px dashed var(--line);background:transparent;cursor:pointer;
padding:11px;font:700 12.5px/1 "Barlow Condensed",sans-serif;
letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);
}
.traeknap:hover{border-color:var(--accent)}
/* Kassér: lille og af vejen — nederst, uden at fylde i synsfeltet */
.discard-lille{font-size:11.5px;opacity:.65;margin-top:14px}
.discard-lille:hover{opacity:1}
/* Grundlag fra fil: vedhæft-knap + træk-hertil. Fremhæves når en fil
svæver over feltet (samme dashed-sprog som mockups). */
.grundlag-fil{display:flex;align-items:center;gap:10px;margin-top:-4px;flex-wrap:wrap;
padding:2px 0}
.fil-knap{
border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;
padding:7px 13px;font:600 11.5px/1 "Barlow Condensed",sans-serif;
letter-spacing:.08em;text-transform:uppercase;
}
.fil-knap:hover{background:var(--accent-tint);border-color:var(--accent)}
.fil-hint{font-size:11.5px;color:var(--muted)}
.fil-over{outline:2px dashed var(--accent)!important;outline-offset:-2px;
background:var(--accent-tint)!important}
.fil-status{margin:-6px 0 0;color:var(--muted)}
.fil-status.fil-fejl{color:var(--danger)}
/* =====================================================================
FASE-LINJEN (designer-handoff fase-linje.md) — kompas, ikke menu.
Rød = appens optage-rød (--danger); grøn ✓ er appens ENESTE grønne.
===================================================================== */
/* Kompasset følger med, når man ruller (Robins fund fra browser-testen).
På optageskærmen sidder det lige under topbjælken (55px høj + evt. mobil-
kant); på mødesiden sidder EFTER-linjen øverst, og stålhovedet under den
rykkes tilsvarende ned, så de ikke lapper over hinanden. */
#phasebar{top:calc(54px + env(safe-area-inset-top))}
#phasebar-efter{top:0;padding-top:env(safe-area-inset-top)}
#phasebar-efter:not([hidden]) + .field-head{top:calc(45px + env(safe-area-inset-top))}
.phase{flex:1;padding:9px 4px 8px;text-align:center;border:none;background:none}
.phase + .phase{border-left:1px solid var(--line)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
/* Forberedelses-rammen: stiplet, alt frivilligt (handoff skærm 1) */
/* Projekt-mærke på møde-rækken: MØRKT stålfyld, så det tydeligt adskiller
sig fra opskrift-mærkerne (.m-tag, neutrale) — Robins ønske */
.projekt-tag{display:inline-block;margin-left:8px;padding:1px 7px;
border:1px solid var(--field);background:var(--field);
font:600 10px/1.5 "Barlow Condensed",sans-serif;letter-spacing:.07em;
text-transform:uppercase;color:var(--field-text);vertical-align:1px}
/* ⋯ på møde-rækken: hurtige handlinger uden at åbne mødet */
.m-dots{flex:none;align-self:center;padding:6px 10px;margin-left:2px;
color:var(--muted);font:700 16px/1 Barlow,sans-serif;cursor:pointer}
.m-dots:hover{color:var(--text)}
.projekt-row{display:flex;align-items:baseline;gap:12px;border:1px solid var(--line);
background:var(--bg);padding:11px 13px;margin-bottom:10px}
.pr-navn{flex:1;min-width:0;font:600 15px/1.3 Barlow,sans-serif;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-antal{flex:none;font:11px/1.4 ui-monospace,Menlo,monospace;color:var(--muted)}
.pr-slet{color:var(--danger)}
/* Optageskærmen under mødet er som FØR fase-designet (Robins ønske):
rød knap = stop, Pause under, Live tekst diskret med småt */
.livetext-lille{font-size:11.5px;opacity:.65;align-self:center}
.livetext-lille:hover{opacity:1}
/* Auto-mærket i Efter-zonen: AKTIVT tilvalg — intet kører af sig selv,
bare fordi det ligger i zonen (Robins beslutning efter test) */
.auto-pill{flex:none;border:1px solid var(--line);background:none;cursor:pointer;
padding:3px 8px;font:600 10px/1 "Barlow Condensed",sans-serif;
letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.auto-pill.on{background:var(--field);border-color:var(--field);color:var(--field-text)}
.auto-pill:hover{border-color:var(--accent)}
/* Vedhæftede filer som chips: teksten ligger BAGOM (gemmes som grundlag),
feltet er kun til det, man selv skriver eller paster ind */
.grundlag-filer{display:flex;flex-wrap:wrap;gap:6px}
.grundlag-filer:empty{display:none}
.gfil{display:flex;align-items:center;gap:7px;border:1px solid var(--line);
background:var(--accent-tint);padding:5px 9px;font-size:12px;max-width:100%}
.gfil .gfil-navn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}
.gfil .gfil-tegn{color:var(--muted);font:10px/1 ui-monospace,Menlo,monospace;flex:none}
.gfil button{flex:none;border:none;background:none;cursor:pointer;color:var(--muted);
font-size:14px;line-height:1;padding:0 2px}
.gfil button:hover{color:var(--danger)}
/* EFTER-tilstanden på mødesiden: arbejds-status + skelet (handoff skærm 3) */
.efter-status{margin:12px 14px 0;border:1px solid var(--line);padding:12px 14px;background:var(--bg)}
.es-row{display:flex;align-items:center;gap:9px;font-size:14px}
.es-row + .es-row{margin-top:7px}
.es-naeste{color:var(--muted);font-size:13px}
.es-spin{flex:none;width:14px;height:14px;border:2px solid var(--accent);
border-right-color:transparent;border-radius:50%;animation:spin 0.9s linear infinite}
.es-tom{flex:none;width:12px;height:12px;border:1.5px solid var(--line);margin:0 1px}
@keyframes spin{to{transform:rotate(360deg)}}
.skelet{margin:12px 0 2px;opacity:.35}
.skelet i{display:block;height:10px;background:rgba(29,31,32,.14);margin-bottom:7px}
/* =====================================================================
OPSKRIFT-DECK (designer-handoff opskrift-deck.md): tre zoner + bibliotek
===================================================================== */
.deck{display:flex;flex-direction:column;gap:16px;margin-top:14px}
.zone.slip-dæmpet{opacity:.6}
.deck-card{border:1px solid var(--line);background:var(--bg);padding:9px 11px;
display:flex;gap:9px;align-items:center;cursor:pointer;user-select:none;
-webkit-user-select:none;touch-action:pan-y}
.deck-card.løftet{opacity:.4}
.greb{flex:none;display:flex;flex-direction:column;gap:2px;padding:3px 0}
.greb i{display:block;width:12px;height:2px;background:rgba(29,31,32,.35)}
.deck-navn{flex:1;min-width:0;font:500 14px/1.35 Barlow,sans-serif;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.deck-kode{flex:none;font:10px/1 ui-monospace,Menlo,monospace;color:var(--muted)}
.flyt-knap{flex:none;border:none;background:none;cursor:pointer;color:var(--muted);
font:700 15px/1 Barlow,sans-serif;padding:2px 6px}
.flyt-knap:hover{color:var(--text)}
/* Det flydende kort under træk */
.traek-klon{position:fixed;z-index:90;pointer-events:none;transform:rotate(-2.5deg);
box-shadow:0 14px 30px rgba(29,45,61,.3);border:1px solid var(--accent)!important;
background:var(--bg)}
.traek-klon .deck-navn{font-weight:600}
.traek-mærke{flex:none;font:600 9.5px/1 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--m-ink-fg);
padding:3px 6px}
/* Biblioteket (skuffen) */
/* søge-rækken i arkivet (v61): lup-ikon, feltet foldes ud ved tryk */
.soeg-raekke{display:flex;align-items:center;gap:10px}
.soeg-raekke .icon-btn{flex:none}
.soeg-raekke input{flex:1}
/* kategori-overskrift i biblioteket (v58, tydeligere v59) — fylder hele rækken.
(v59b: genudløser build efter Netlify Pro-opgradering) */
.bib-kat{flex-basis:100%;font:700 12.5px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);
border-bottom:1px solid var(--line);padding-bottom:3px;margin:11px 0 2px}
.bib-kat:first-child{margin-top:2px}
/* overskriften lyser op, når et kort trækkes hen over dens gruppe (v63) */
.bib-kat.maal{color:var(--field-text);background:var(--field);
padding:4px 8px 5px;margin-left:-8px;border-bottom-color:var(--field)}
.bib-chip{border:1px solid rgba(29,31,32,.25);background:var(--bg);padding:7px 11px;
font:500 13px/1.3 Barlow,sans-serif;display:flex;align-items:center;gap:7px;
cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.bib-chip .greb i{width:10px}
.bib-chip.løftet{border-style:dashed;border-color:var(--accent);
background:var(--accent-tint);opacity:.7}
/* Flyt-menuen (⋯ fallback — samme handlinger uden træk) */
.flyt-menu{position:fixed;z-index:95;background:var(--bg);border:1px solid var(--line);
box-shadow:0 10px 26px rgba(29,45,61,.25);display:flex;flex-direction:column;min-width:190px}
.flyt-menu button{border:none;background:none;text-align:left;padding:11px 14px;
font:500 14px/1.2 Barlow,sans-serif;cursor:pointer}
.flyt-menu button:hover{background:var(--accent-tint)}
.flyt-menu button + button{border-top:1px solid var(--line-soft)}
/* Fokusvisning: fuldskærms-medhør inde i appen (bruges under optagelse) */
.fokus{position:fixed;inset:0;z-index:70;background:var(--bg);display:flex;flex-direction:column}
.fokus-head{
display:flex;align-items:center;gap:12px;padding:10px 14px;
border-bottom:1px solid var(--line);background:var(--bg);
}
.fokus-navn{
flex:1;font:700 13px/1.3 "Barlow Condensed",sans-serif;
letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.fokus-rec{
display:flex;align-items:center;gap:6px;
font:600 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;
color:var(--danger);white-space:nowrap;
}
.fokus-actions{
display:flex;align-items:center;gap:12px;
padding:8px 14px;border-bottom:1px solid var(--line-soft);background:var(--bg);
}
.fokus-auto{
font:600 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.04em;
color:var(--muted);white-space:nowrap;cursor:pointer;
}
.fokus-auto input{vertical-align:-2px}
.fokus-dot{
width:9px;height:9px;border-radius:50%;background:var(--danger);
animation:fokuspuls 1.3s ease-in-out infinite;
}
@keyframes fokuspuls{0%,100%{opacity:1}50%{opacity:.25}}
.fokus-body{flex:1;overflow:auto;padding:20px 22px 60px;font-size:1.12rem;line-height:1.6}
.tabs-inline{
display:flex;gap:2px;overflow-x:auto;padding:0 14px;
border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;
}
.tabs-inline::-webkit-scrollbar{display:none}
.tabs-inline button{
flex:none;background:none;border:none;color:var(--muted);
padding:10px 8px;cursor:pointer;
font:600 13px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.06em;
text-transform:uppercase;
}
.tabs-inline button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
/* dokumentflow (AI-referater m.m.) */
.doc{padding:12px 14px;flex:1;overflow-wrap:break-word;font-size:14px}
.doc p{margin:0 0 .85em}
.doc h2{font:600 19px/1.25 "Barlow Condensed",sans-serif;margin:1.4em 0 .5em}
.doc h3{font:600 16px/1.25 "Barlow Condensed",sans-serif;margin:1.2em 0 .4em;
letter-spacing:.02em;text-transform:uppercase}
.doc ul{margin:0 0 1em;padding-left:1.2em}
.doc li{margin:.3em 0}
.doc .ts{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85em;margin-right:2px}
.doc .spk{color:var(--accent-deep);font-weight:600}
.doc .mark{color:var(--accent)}
.doc p.marked{
border-left:2px solid var(--accent);padding-left:10px;margin-left:-12px;
background:var(--accent-tint);
}
/* hvem er hvem — navngiv talerne ud fra deres karakteristik */
.who-title{
flex:1;font:600 11px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:var(--accent-deep);
}
/* transskript som målsat tabel */
.doc.sheet{padding:0}
.t-row{
display:grid;grid-template-columns:52px 1fr;
border-bottom:1px solid var(--line-soft);
}
.t-row.marked{background:var(--accent-tint)}
.t-gutter{
border-right:1px solid var(--line);padding:12px 8px;
font:400 11px/1.4 ui-monospace,Menlo,monospace;color:var(--accent);
}
.t-star{margin-top:4px;color:var(--field)}
.t-body{padding:12px 14px 12px 10px;font-size:14px}
.t-spk{
display:block;font:600 12px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:rgba(29,31,32,.6);
}
.t-body .spk{color:rgba(29,31,32,.6);font-weight:600;cursor:pointer}
.t-free{padding:12px 14px;font-size:14px}
/* fast spørge-bar i bunden af mødet */
.ask-bar{
position:fixed;left:0;right:0;bottom:0;z-index:10;
display:flex;gap:8px;align-items:center;
border-top:1px solid var(--line);background:var(--bg);
padding:10px 14px calc(12px + env(safe-area-inset-bottom));
}
.ask-bar[hidden]{display:none}
.ask-bar textarea{
flex:1;background:var(--surface);border:1px solid var(--line);
padding:8px 10px;font:13px/1.5 Barlow,sans-serif;resize:none;min-height:38px;max-height:110px;
}
.link-btn{
background:none;border:none;padding:6px 0;font:inherit;font-size:13px;
color:var(--muted);text-decoration:underline;cursor:pointer;
}
.link-btn:active{color:var(--text)}
/* ---------- opskrifter (rack) ---------- */
.rack-new{
border:1px dashed rgba(29,31,32,.35);padding:14px;text-align:center;
background:none;width:100%;cursor:pointer;color:var(--accent-deep);
font:600 14px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.08em;
text-transform:uppercase;
}
.rack-new:hover{border-color:var(--accent);background:var(--accent-tint)}
/* ---------- opskrift-editor (datablad) ---------- */
.ds{display:flex;flex-direction:column;flex:1}
.ds-row{
display:grid;grid-template-columns:96px 1fr;
border-bottom:1px solid var(--line);
}
.ds-label{
padding:11px 14px;border-right:1px solid var(--line);
font:600 11px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.1em;
text-transform:uppercase;color:rgba(29,31,32,.6);
}
.ds-row input{
border:none;background:transparent;padding:11px 14px;
font:14px/1.4 Barlow,sans-serif;color:var(--text);
}
.ds-row input:focus{outline:2px solid var(--accent);outline-offset:-2px}
.ds-row select{
border:none;background:transparent;padding:11px 14px;
font:14px/1.4 Barlow,sans-serif;color:var(--text);width:100%;
}
.ds-row select:focus{outline:2px solid var(--accent);outline-offset:-2px}
#own-window-row{padding:0 14px}
.seg{padding:9px 14px;display:flex;gap:0}
.seg-btn{
padding:6px 12px;font:400 13px/1.4 Barlow,sans-serif;cursor:pointer;
background:transparent;border:1px solid var(--line);color:var(--text);
}
.seg-btn+.seg-btn{border-left:none}
.seg-btn.valgt{background:var(--accent);border-color:var(--accent);color:var(--m-ink-fg)}
.seg-btn.valgt+.seg-btn{border-left:1px solid var(--line)}
.ds-instr{flex:1;display:flex;flex-direction:column;padding:12px 14px}
.ds-instr-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.ds-instr-head .ds-l{
flex:1;font:600 11px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.1em;
text-transform:uppercase;color:rgba(29,31,32,.6);
}
.ds-hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.ds-hint-adv{opacity:.75;font-family:ui-monospace,Menlo,monospace;font-size:11px}
.ds-instr textarea{
flex:1;min-height:220px;padding:10px;
font:13px/1.6 ui-monospace,Menlo,monospace;background:var(--surface);
border:1px solid var(--line);resize:none;
}
.ds-actions{
display:flex;gap:8px;align-items:center;
border-top:1px solid var(--line);padding:12px 14px;
}
.ds-actions .btn.danger{margin-left:auto;border:none}
/* ---------- bundmenu (ikoner over labels, jf. tabbar-ikoner.md) ---------- */
.tabbar{
position:fixed;bottom:0;left:0;right:0;display:flex;
background:var(--bg);border-top:1px solid var(--line);
padding-bottom:env(safe-area-inset-bottom);z-index:6;
}
.tab{
flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;
background:none;border:none;color:var(--muted);
padding:10px 4px 11px;min-height:56px;cursor:pointer;
font:600 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.1em;
text-transform:uppercase;
}
.tab svg{
width:19px;height:19px;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.tab.active{background:var(--field);color:var(--field-text)}
.tab:not(.active):hover{background:var(--accent-tint)}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* ---------- Indstillinger → Inkognito ---------- */
.incog-settings{display:flex;flex-direction:column;padding-bottom:24px}
.set-group-label{
margin:18px 0 6px;font:600 10px/1.4 "Barlow Condensed",sans-serif;
letter-spacing:.14em;text-transform:uppercase;color:rgba(29,31,32,.55);
}
.set-row{
display:flex;align-items:center;gap:10px;width:100%;
padding:11px 2px;border:none;border-bottom:1px solid var(--line-soft);
background:none;cursor:pointer;text-align:left;
font:14px/1.4 Barlow,sans-serif;color:var(--text);
}
.set-row.locked{cursor:default;color:rgba(29,31,32,.55)}
.set-name{flex:1}
.set-lock{font:400 10px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.45);letter-spacing:.08em}
.set-box{
width:16px;height:16px;flex:none;border:1.5px solid rgba(29,31,32,.35);
}
.set-box.on{
background:var(--m-text);border-color:var(--m-text);
box-shadow:inset 0 0 0 3px var(--bg);
}
.set-row.locked .set-box.on{
background:rgba(29,31,32,.45);border-color:rgba(29,31,32,.45);
}
.set-note{margin:8px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.promise-card{
margin-top:24px;border:1px solid var(--line);
background:var(--m-text);color:var(--m-ink-fg);padding:14px;
background-image:repeating-linear-gradient(45deg,
rgba(242,242,243,.10) 0 1px, transparent 1px 7px);
}
.promise-kicker{
display:flex;align-items:center;gap:6px;
font:600 10px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;
text-transform:uppercase;color:rgba(242,242,243,.65);margin-bottom:8px;
}
.promise-kicker svg{
width:12px;height:12px;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;
}
.promise-text{margin:0;font:600 18px/1.35 "Barlow Condensed",sans-serif}
.promise-small{margin:10px 0 0;font-size:12px;line-height:1.5;color:rgba(242,242,243,.75)}
/* ---------- global menu (☰) + feedback ---------- */
.app-menu{
position:fixed;right:10px;top:calc(52px + env(safe-area-inset-top));
background:var(--bg);border:1px solid var(--line);z-index:40;
display:flex;flex-direction:column;min-width:200px;
}
.app-menu .btn{
border:none;border-bottom:1px solid var(--line-soft);text-align:left;
padding:12px 14px;background:none;width:100%;
}
.app-menu>*:last-child{border-bottom:none}
.app-menu .btn:hover{background:var(--accent-tint)}
.feedback-box{
position:fixed;inset:0;z-index:50;background:rgba(29,31,32,.35);
display:grid;place-items:center;padding:20px;
}
.feedback-card{
width:100%;max-width:380px;background:var(--bg);border:1px solid var(--line);
}
.feedback-head{
display:flex;align-items:center;gap:8px;
padding:10px 12px 4px;
}
.feedback-head .who-title{flex:1}
.feedback-hint{margin:0;padding:0 12px 8px}
.feedback-box textarea{
width:calc(100% - 24px);margin:0 12px;background:var(--surface);
border:1px solid var(--line);padding:8px 10px;
font:14px/1.5 Barlow,sans-serif;resize:vertical;
}
.feedback-actions{display:flex;justify-content:flex-end;padding:10px 12px 12px}
/* ---------- administration (urørt side, neutral på lys grund) ---------- */
/* ---------- toast ---------- */
.toast{
position:fixed;left:50%;transform:translateX(-50%);
bottom:calc(84px + env(safe-area-inset-bottom));
background:var(--field);color:var(--field-text);border:none;
/* v119c (Robins fund): z-index 20 laa UNDER arkernes bagtaeppe (120) —
enhver besked affyret med et ark aabent var usynlig. "Fra møderækken
leder … og så sker der ikke noget" var i virkeligheden en skjult toast. */
padding:11px 18px;border-radius:0;font:14px/1.4 Barlow,sans-serif;z-index:240;
max-width:90vw;text-align:center;
}
.toast[hidden]{display:none}
/* ---------- v65: markeringstilstand i arkivet (long-press) ---------- */
.m-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.m-row.markeret{
background:var(--accent-tint);
box-shadow:inset 0 0 0 2px var(--accent-deep);
}
.m-row.markeret .m-nr{color:var(--accent-deep);font-weight:700}
#vaelg-bar{
position:fixed;left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));
z-index:60;display:flex;align-items:center;gap:8px;
padding:10px 12px;background:var(--field);color:var(--field-text);
box-shadow:0 8px 28px rgba(0,0,0,.28);
}
#vaelg-antal{font-weight:700;font-size:13px;margin-right:auto;letter-spacing:.02em}
#vaelg-bar button{
font:inherit;font-size:13px;font-weight:600;cursor:pointer;
background:transparent;color:var(--field-text);
border:1px solid rgba(242,242,243,.35);padding:7px 12px;
}
#vaelg-bar button:active{background:rgba(242,242,243,.15)}
#vaelg-bar #vaelg-luk{border:none;font-size:17px;padding:4px 8px;opacity:.8}
/* v65: lille overskrift i projekt-/kontekstmenuen */
/* v66: efter-deckets opskrifter forrest i opskrifts-arket */
.chip-kicker{
flex-basis:100%;width:100%;padding:6px 0 2px;
font-size:11px;font-weight:700;letter-spacing:.05em;
text-transform:uppercase;color:var(--muted);
}
.chip.efter{
border-color:var(--accent-deep);color:var(--accent-deep);font-weight:600;
}
/* v67: ⧉ på tværs-tilvalget i opskrift-editoren */
.re-tvaers-lbl{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text);line-height:1.4;cursor:pointer}
.re-tvaers-lbl input{margin-top:2px}
/* ---------- v73: opskrifter i tre slags (kartotek 9b + optageskærm) ---------- */
/* glyffer */
.glyf{display:inline-flex;align-items:center;justify-content:center;flex:none}
.glyf-svar{width:9px;height:9px;background:var(--accent-deep)}
.glyf-dok{width:14px;flex-direction:column;gap:2.5px;align-items:flex-start}
.glyf-dok i{display:block;height:2px;background:var(--accent-deep);width:100%}
.glyf-dok i:nth-child(2){width:72%}
.glyf-fil svg{width:13px;height:15px;fill:none;stroke:var(--accent-deep);stroke-width:1.5}
/* kartotekets liste */
.ops-liste{border:1px solid var(--line);background:var(--m-surface)}
.fremme-knap{display:inline-flex;align-items:center;gap:5px;cursor:pointer;
font:600 9.5px 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--muted);background:none;border:0;padding:4px 0}
.fremme-knap .boks{width:11px;height:11px;border:1.5px solid var(--muted);display:block}
.fremme-knap.on{color:var(--accent-deeper)}
.fremme-knap.on .boks{background:var(--accent-deeper);border-color:var(--accent-deeper)}
/* optageskærmen: sektioner, taster, dokument-kort, dokumentationslinje */
.sek-linje{display:flex;align-items:center;gap:8px;margin:14px 0 7px}
.sek-linje:first-child{margin-top:2px}
.sek-linje b{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--accent-deep)}
.sek-linje .sek-hint{margin-left:auto;font-style:normal;font-size:10px;color:var(--muted);flex:none}
.taste-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.taste{background:var(--accent-tint);border:1px solid var(--accent);min-height:52px;
padding:9px 10px;cursor:pointer;text-align:left;
font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--accent-deeper);line-height:1.2}
.taste:active{background:var(--accent)}
.dok-kort{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center;
width:100%;background:var(--m-surface);border:1px solid var(--accent);padding:11px 12px;
margin-bottom:6px;cursor:pointer;text-align:left;font:inherit}
.dk-lin{display:flex;flex-direction:column;gap:4px}
.dk-lin i{display:block;height:2px;background:var(--accent);opacity:.75}
.dk-lin i:nth-child(1){width:100%}.dk-lin i:nth-child(2){width:70%}.dk-lin i:nth-child(3){width:85%}
.dk-navn{display:block;font-weight:600;font-size:14px}
.dk-desc{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.3}
.dok-linje{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);
padding:10px 2px 2px;border-top:1px solid var(--line-soft);margin-top:12px}
/* editorens slags-hjælp */
.slags-hjaelp{font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.4}
/* ---------- v74: kartoteket i 9a-formen — tre skikkelser ---------- */
.ops-kartotek .sek-linje{margin:18px 0 8px}
.ops-kartotek .sek-linje:first-child{margin-top:2px}
/* SVAR: taster i to spalter */
.kat-taster{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.kat-taste{background:var(--accent-tint);border:1px solid var(--accent);
padding:10px 10px 8px;min-height:64px;display:flex;flex-direction:column;
justify-content:space-between;cursor:pointer}
.kat-taste .kt-navn{font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--accent-deeper);line-height:1.15}
.kat-taste .fremme-knap{margin-top:8px;align-self:flex-start}
.kat-taste:not(.frem){background:var(--m-surface);border-color:var(--line)}
.kat-taste:not(.frem) .kt-navn{color:var(--text)}
/* FÆLLES DOKUMENT: brede kort med linjering */
.kat-dok.bp i.tl,.kat-dok.bp i.tr,.kat-dok.bp i.bl,
/* DOKUMENTATION: panel med rækker og Auto */
/* ---------- v75: kompakt optager-bånd + vis mere-fold ---------- */
.opt-kort{display:flex;align-items:center;gap:14px;background:var(--field);
color:var(--field-text);padding:10px 14px;margin:0 0 12px}
.opt-kort #rec-button{width:44px;height:44px;min-width:44px;min-height:44px;
margin:0;flex:none;box-shadow:none}
.opt-kort #rec-button .rec-dot{width:16px;height:16px}
.opt-kort #rec-timer{font-size:24px;margin:0;color:var(--field-text);flex:none}
.opt-kort #rec-controls{margin:0 0 0 auto;display:flex;gap:8px}
.opt-kort #rec-controls .btn{border-color:rgba(242,242,243,.4);color:var(--field-text);
background:none;padding:7px 14px}
.opt-kort #rec-controls .link-btn{color:var(--field-muted)}
/* under mødet: gem det store sceneri, så opskrifterne får pladsen */
#view-record.kompakt .rec-status-row{display:none}
#view-record.kompakt #rec-hint{display:none}
#view-record.kompakt .meter{margin-top:0}
#view-record.kompakt #incog-lock{margin-top:0}
.vis-mere{display:block;width:100%;margin-top:6px;padding:8px;cursor:pointer;
background:none;border:1px dashed var(--line);color:var(--muted);
font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase}
/* v75b: optageskærmens sektioner stables som blokke — ikke det gamle grid */
.live-sektioner{display:block}
.live-sektioner .taste-grid{margin-bottom:4px}
.live-sektioner .sek-linje{margin:16px 0 7px}
.live-sektioner .sek-linje:first-child{margin-top:4px}
/* v76: dokument-kort i gang — genåbner i stedet for at bestille */
.dok-kort.aktiv{border-color:var(--ok)}
.dok-kort.aktiv .dk-lin i{background:var(--ok)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
/* v76: delt-mærker */
.delt-tag{background:var(--accent-deep);color:var(--m-ink-fg)}
.pr-del{color:var(--accent-deep)}
/* ================= v77: DELEKREDSEN ================= */
/* Den ærlige linje under projektvælgeren: deles mødet, står det her */
.delt-note{margin:6px 0 0;font-size:.82rem;color:var(--m-wait);background:var(--m-wait-tint);
border:1px solid var(--m-wait);padding:8px 10px;line-height:1.4}
/* Kreds-boksen: vælg navne fra holdet med flueben */
.kreds-bagtaeppe{position:fixed;inset:0;background:rgba(20,24,28,.55);
z-index:120;display:flex;align-items:center;justify-content:center;padding:18px}
.kreds-boks{background:var(--surface);border:1px solid var(--line);
max-width:420px;width:100%;padding:20px;position:relative}
.kreds-boks h3{font-size:1rem;margin:0 0 8px}
.kreds-hjaelp{font-size:.82rem;color:var(--muted);line-height:1.45;margin:0 0 12px}
.kreds-liste{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow:auto}
.kreds-navn{display:flex;align-items:center;gap:10px;padding:9px 6px;
border-top:1px solid var(--line);font-size:.92rem;cursor:pointer}
.kreds-navn:first-child{border-top:0}
.kreds-navn input{width:auto;margin:0}
.kreds-knapper{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
/* Projekter-siden: "Delt med mig" + ejer-mærke */
.pr-delt-overskrift{font-size:.78rem;color:var(--muted);text-transform:uppercase;
letter-spacing:.06em;margin:22px 0 8px}
.pr-ejer{font-size:.78rem;color:var(--muted)}
/* ================= v78: ORDBOGEN ================= */
.ordbog-tilfoej{margin-top:16px;display:flex;flex-direction:column;gap:10px}
.ordbog-url-raekke{display:flex;gap:8px}
.ordbog-url-raekke input{flex:1;margin:0}
.ordbog-h{font-size:.78rem;color:var(--muted);text-transform:uppercase;
letter-spacing:.06em;margin:26px 0 10px;font-weight:600}
.ordbog-resume{margin-top:16px;background:var(--surface);border:1px solid var(--line);
padding:12px 14px;font-size:.88rem;line-height:1.5}
.ord-raekke{display:grid;grid-template-columns:auto minmax(90px,auto) 1fr auto auto;
gap:10px;align-items:baseline;padding:10px 2px;border-top:1px solid var(--line)}
.ord-raekke:first-child{border-top:0}
.ord-raekke.slukket .ord-term,.ord-raekke.slukket .ord-forklaring{opacity:.4;text-decoration:line-through}
.ord-hak{display:flex;align-items:center;margin:0}
.ord-hak input{width:auto;margin:0}
.ord-term{font-weight:650;font-size:.95rem}
.ord-forklaring{color:var(--muted);font-size:.85rem;line-height:1.4}
@media (max-width:560px){
.ord-raekke{grid-template-columns:auto 1fr auto auto}
.ord-forklaring{grid-column:2/-1;margin-top:2px}
}
.kilde-raekke{display:grid;grid-template-columns:1fr auto auto;gap:12px;
align-items:baseline;padding:10px 2px;border-top:1px solid var(--line);font-size:.9rem}
.kilde-raekke:first-child{border-top:0}
.kilde-meta{color:var(--muted);font-size:.8rem}
/* Nudget på forsiden — venligt, og let at trykke væk */
.nudge-kort{position:relative;margin:14px 16px 0;padding:16px;
background:var(--surface);border:1px solid var(--line)}
.nudge-kort strong{display:block;font-size:1rem;margin-bottom:6px}
.nudge-kort p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
.nudge-knapper{display:flex;gap:10px;margin-top:14px}
/* ================= v80: LIVE DAGSORDEN (13a) ================= */
/* Mærkerne: ét pr. punkt — grøn fyldt / gul høj m. ramme / grå tom */
.dgm-ok,.dgm-gang,.dgm-tom{display:inline-block;flex:none}
.dg-maerker{display:flex;gap:5px;align-items:flex-end;height:18px}
.dg-maerker .dgm-ok{width:13px;height:13px;background:var(--m-ok)}
.dg-maerker .dgm-gang{width:13px;height:18px;border:1.5px solid var(--m-wait);background:var(--m-wait-tint)}
.dg-maerker .dgm-tom{width:13px;height:13px;border:1px solid rgba(29,31,32,.28)}
.dg-maerker.taet{gap:3px}
.dg-maerker.taet .dgm-ok,.dg-maerker.taet .dgm-tom{width:9px;height:9px}
.dg-maerker.taet .dgm-gang{width:9px;height:13px}
.dg-fremdrift{display:flex;align-items:flex-end;gap:12px;margin:2px 0 6px}
.dg-tal{font:600 34px/0.85 "Barlow Condensed",sans-serif;color:var(--m-text)}
.dg-tal em{font-style:normal;font-size:20px;color:rgba(29,31,32,.45)}
.dg-talinje{flex-basis:100%;font-size:11.5px;color:rgba(29,31,32,.55);margin-top:2px}
.dg-fremdrift:not(.mini){flex-wrap:wrap}
.dg-fremdrift.mini{gap:8px;margin:6px 0 2px}
.dg-fremdrift.mini .dg-tal{font-size:22px}
.dg-fremdrift.mini .dg-tal em{font-size:14px}
.dg-fremdrift.mini .dg-maerker{height:13px}
.dg-fremdrift.mini .dg-maerker .dgm-ok,.dg-fremdrift.mini .dg-maerker .dgm-tom{width:11px;height:11px}
.dg-fremdrift.mini .dg-maerker .dgm-gang{width:11px;height:13px}
/* Kortet på optageskærmen */
.dg-kort{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.dg-kort-navn{font:600 19px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--m-ink)}
/* Fladen: tilstandene bæres af TYPOGRAFI — farven bor kun i mærket */
.dg-flade{max-width:520px;max-height:86vh;display:flex;flex-direction:column}
.dg-flade h3{font:600 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;margin:0 0 10px}
.dg-liste{overflow:auto;flex:1;margin:6px 0}
.dg-punkt{display:flex;gap:12px;align-items:flex-start;padding:11px 6px;
border-top:1px solid var(--line);position:relative}
.dg-punkt:first-child{border-top:0}
.dg-punkt .dg-m{width:20px;height:20px;flex:none;margin-top:1px;padding:0;
background:transparent;border:0;cursor:pointer;position:relative}
.dg-punkt .dg-m.dgm-ok{background:var(--m-ok)}
.dg-punkt .dg-m.dgm-ok::after{content:"✓";color:var(--m-surface);font-weight:700;font-size:13px;
position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.dg-punkt .dg-m.dgm-gang{border:1.5px solid var(--m-wait);background:var(--m-wait-tint)}
.dg-punkt .dg-m.dgm-gang::after{content:"";width:8px;height:8px;background:var(--m-wait);
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.dg-punkt .dg-m.dgm-tom{border:1px solid rgba(29,31,32,.28)}
.dg-midt{flex:1;min-width:0}
.dg-titel{font-size:14.5px;font-weight:500;color:var(--m-text);cursor:pointer}
.dg-punkt.afklaret .dg-titel{color:rgba(29,31,32,.5)} /* færdigt arbejde trækker ikke blik */
.dg-punkt.igang{background:var(--m-wait-tint);border-left:2px solid var(--m-wait);margin-left:-8px;padding-left:12px}
.dg-punkt.igang .dg-titel{font-size:15.5px;font-weight:600}
.dg-note{font-size:12.5px;color:rgba(29,31,32,.6);margin-top:3px} /* grå, IKKE grøn */
.dg-ulabel{font:600 9.5px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--m-wait);margin-right:8px}
.dg-sat{width:5px;height:5px;background:var(--m-ink);flex:none;margin-top:8px}
.dg-plus{display:block;width:100%;text-align:left;padding:11px 6px 4px;border:0;
border-top:1px solid var(--line);background:transparent;color:rgba(29,31,32,.5);
font-size:13.5px;cursor:pointer}
.dg-bund{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);
padding-top:12px;margin-top:4px;flex-wrap:wrap}
/* Tilstands-arket: fra bunden, fingermål */
.dg-ark{position:fixed;inset:0;background:rgba(20,24,28,.35);z-index:140;
display:flex;align-items:flex-end;justify-content:center}
.dg-ark-inder{background:var(--surface);border:1px solid var(--line);width:100%;
max-width:520px;padding:16px 18px 20px;position:relative}
.dg-ark-kicker{font:600 9.5px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--muted)}
.dg-ark-titel{font:600 17px/1.25 "Barlow Condensed",sans-serif;margin:4px 0 12px}
.dg-ark-valg{display:flex;flex-direction:column;gap:8px}
.dg-ark-knap{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;
background:transparent;border:1px solid var(--line);cursor:pointer;font-size:14.5px;position:relative}
.dg-ark-knap.appens{border:1.5px solid var(--m-ink)}
.dg-ark-knap em{position:absolute;right:12px;font:600 9.5px/1 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-style:normal}
.dg-ark-knap .dgm-ok{width:22px;height:22px;background:var(--m-ok);position:relative}
.dg-ark-knap .dgm-ok::after{content:"✓";color:var(--m-surface);font-weight:700;position:absolute;inset:0;
display:flex;align-items:center;justify-content:center}
.dg-ark-knap .dgm-gang{width:22px;height:22px;border:1.5px solid var(--m-wait);background:var(--m-wait-tint);position:relative}
.dg-ark-knap .dgm-gang::after{content:"";width:9px;height:9px;background:var(--m-wait);
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.dg-ark-knap .dgm-tom{width:22px;height:22px;border:1px solid rgba(29,31,32,.28)}
.dg-ark-hand{display:flex;gap:8px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.dg-ark-lille{flex:1;padding:9px 0;background:transparent;border:1px solid var(--line);
font-size:12.5px;cursor:pointer}
.dg-ark-lille.farlig{color:var(--m-wait)}
/* v80c: oplåsning i tilstands-arket */
.dg-ark-frigiv{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;
padding:10px 12px;background:transparent;border:1px dashed var(--line);
font-size:12.5px;color:rgba(29,31,32,.65);cursor:pointer;text-align:left}
.dg-ark-frigiv .dg-sat{margin-top:0}
/* ================= v81: dagsordenen fylder skærmen + underpunkter ================= */
/* Telefon: hele skærmen. Laptop: stort vindue midt på (Robins ønske). */
.dg-flade{max-width:none;width:100%;height:100dvh;max-height:none;border:0;
padding:18px 16px calc(14px + env(safe-area-inset-bottom))}
#dg-bag.kreds-bagtaeppe{padding:0;align-items:stretch}
@media (min-width:700px){
#dg-bag.kreds-bagtaeppe{padding:24px;align-items:center}
.dg-flade{max-width:920px;height:min(92vh,900px);border:1px solid var(--line);
padding:26px 30px 20px}
.dg-punkt{padding:13px 8px}
.dg-titel{font-size:15.5px}
.dg-punkt.igang .dg-titel{font-size:17px}
}
/* trækgrebet */
.dg-greb{flex:none;width:18px;color:rgba(29,31,32,.30);cursor:grab;
font-size:15px;line-height:1.3;user-select:none;touch-action:none;margin-top:1px}
.dg-punkt.traekkes{opacity:.45}
.dg-punkt.maal{box-shadow:inset 0 2px 0 var(--m-ink)}
/* underpunkter: punktets hukommelse — beslutninger og åbne spørgsmål */
.dg-under{margin-top:7px;display:flex;flex-direction:column;gap:7px}
.dg-ublok .dg-ulabel{display:block;margin-bottom:2px}
.dg-ublok.best .dg-ulabel{color:var(--m-ok)}
.dg-ulinje{font-size:13px;line-height:1.5;color:var(--m-text);padding-left:12px;position:relative}
.dg-ulinje::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:currentColor;opacity:.35}
.dg-ublok.aab .dg-ulinje{color:var(--m-wait)}
.dg-punkt.afklaret .dg-ublok.best .dg-ulinje{color:rgba(29,31,32,.65)}
/* v81b: hovedlinjen i fladen — udgang og optage-indikator */
.dg-hoved{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.dg-flade .dg-hoved h3{margin:0}
.dg-luk{margin-left:auto;flex:none;width:42px;height:42px;border:1px solid var(--line);
background:transparent;font-size:17px;color:var(--m-ink);cursor:pointer}
.dg-rec{display:flex;align-items:center;gap:7px;border:0;background:transparent;
cursor:pointer;padding:6px 2px}
.dg-rec i{width:9px;height:9px;border-radius:50%;background:var(--m-rec);
animation:blink 1.6s infinite}
.dg-rec.pause i{animation:none;opacity:.4}
.dg-rec em{font:600 12px/1 ui-monospace,monospace;font-style:normal;color:var(--m-rec)}
/* v82: projekt-mærket på mødesiden — synligt, trykbart, flytbart */
/* v83: søg i det åbne dokument (transskript eller svar) */
.doksoeg{display:flex;align-items:center;gap:8px;margin:10px 0 0;
background:var(--surface);border:1px solid var(--line);padding:8px 10px}
.doksoeg input{flex:1;border:0;background:transparent;padding:6px 0;font-size:15px;
min-width:0}
.doksoeg input:focus{outline:none}
.ds-tal{font:500 12px/1 ui-monospace,monospace;color:var(--muted);
font-variant-numeric:tabular-nums;flex:none;min-width:38px;text-align:right}
.ds-nav{flex:none;width:34px;height:34px;border:1px solid var(--line);
background:transparent;cursor:pointer;font-size:14px;line-height:1;color:var(--muted)}
.ds-nav:hover{background:var(--bg)}
mark.ds-traf{background:var(--m-wait-tint);color:inherit;padding:0}
mark.ds-traf.nu{background:var(--m-wait);color:var(--m-ink-fg)}
/* ================= v84 (17a): live-dokumentet skal SE levende ud ================= */
.dok-kort.aktiv{position:relative}
.dk-live{position:absolute;top:0;left:0;display:inline-flex;align-items:center;gap:6px;
background:var(--m-ok);color:var(--m-ink-fg);padding:4px 9px;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.dk-live i{width:7px;height:7px;border-radius:50%;background:var(--m-surface)}
/* miniature af dokumentet: grå linjer, sidste er halv med skrivemarkør */
.dk-mini{display:block;background:var(--m-bg);border-top:1px solid var(--line);
border-bottom:1px solid var(--line);padding:8px 9px;margin:8px 0 7px}
.dk-mini i{display:block;height:7px;background:rgba(29,31,32,.2);margin-bottom:5px}
.dk-mini i:nth-child(1){width:92%}
.dk-mini i:nth-child(2){width:78%}
.dk-mini i:nth-child(3){width:86%}
.dk-mini i.halv{width:46%;margin-bottom:0;position:relative;background:rgba(29,31,32,.2)}
.dk-mini i.halv::after{content:"";position:absolute;right:-6px;top:-3px;
width:2px;height:13px;background:var(--m-ok);animation:skriv 1s steps(1) infinite}
@keyframes skriv{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.dk-mini i.halv::after{animation:none}}
.dk-desc.lever{color:var(--m-ok)}
/* ================= v85 (14a): projektlinjen på mødesiden ================= */
.projektlinje{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
background:var(--surface);border-bottom:1px solid var(--line);padding:14px 18px}
.pl-navn{font:600 21px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em;
text-transform:uppercase;margin:5px 0 4px}
.pl-kreds{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(29,31,32,.6)}
.pl-kreds svg{flex:none;stroke:rgba(29,31,32,.45)}
.pl-kreds.delt{color:var(--m-wait)}
.pl-kreds.delt svg{stroke:var(--m-wait)}
.pl-kreds b{font-weight:600}
.btn-skift{border:1px solid var(--accent-deep);color:var(--accent-deep);background:transparent;
height:44px;padding:0 18px;cursor:pointer;
font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.btn-skift:hover{background:var(--bg)}
/* skifte-arket */
.pa-taeppe{position:fixed;inset:0;background:rgba(20,24,28,.45);z-index:130;
display:flex;align-items:flex-end;justify-content:center}
.pa-ark{background:var(--surface);border-top:1px solid var(--m-ink);width:100%;max-width:520px;
box-shadow:0 -10px 30px rgba(29,31,32,.2);max-height:86vh;display:flex;flex-direction:column;
position:relative;animation:pa-op .2s cubic-bezier(.2,.7,.3,1)}
.pa-ark.kons{border-top:2px solid var(--m-wait)}
@keyframes pa-op{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.pa-ark{animation:none}}
.pa-h{display:flex;align-items:center;gap:12px;padding:16px 18px 12px}
.pa-h .t{flex:1;font:600 15px/1.2 'Barlow Condensed',sans-serif;letter-spacing:.14em;
text-transform:uppercase}
.pa-h .t b{color:var(--text)}
.pa-h .luk{width:44px;height:44px;display:grid;place-items:center;background:transparent;
border:0;cursor:pointer;margin:-10px -8px -10px 0;color:var(--muted)}
.pa-rul{overflow-y:auto}
.pa-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;
min-height:56px;padding:9px 18px;border-top:1px solid var(--line);
background:transparent;cursor:pointer;box-sizing:border-box}
.pa-row:hover{background:var(--bg)}
.pa-row.nu{background:var(--m-bg);box-shadow:inset 0 0 0 1.5px var(--m-ink)}
.pa-maerke{width:16px;height:16px;flex:none;border:1px solid rgba(29,31,32,.3);
display:grid;place-items:center}
.pa-row.nu .pa-maerke{background:var(--accent-deep);border-color:var(--accent-deep)}
.pa-m{flex:1;min-width:0}
.pa-navn{font:500 17px/1.2}
.pa-row.nu .pa-navn{font-weight:600}
.pa-kreds{font-size:14px;color:rgba(29,31,32,.55);margin-top:3px}
.pa-kreds.delt{color:var(--m-wait)}
.pa-hj{flex:none;stroke:rgba(29,31,32,.42)}
.pa-hj.delt{stroke:var(--m-wait)}
.pa-nu{font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--accent-deep);flex:none}
.pa-fod{border-top:1px solid var(--line);padding:12px 18px 18px;display:flex;
gap:10px;align-items:center}
.pa-fod .nyt{flex:1;text-align:left;font-size:17px;font-weight:500;padding:10px 0;
background:transparent;border:0;cursor:pointer}
.pa-fod .hint{font:500 14px/1 ui-monospace,monospace;color:rgba(29,31,32,.42)}
/* konsekvens-pladen */
.pa-advar{display:flex;align-items:center;gap:9px;padding:14px 18px 10px;color:var(--m-wait);
font:600 15px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.13em;text-transform:uppercase}
.pa-plade{display:grid;grid-template-columns:1fr 26px 1fr;margin:0 18px;
border:1px solid rgba(29,31,32,.16)}
.pa-plade .c{padding:13px 12px}
.pa-plade .foer{background:var(--m-bg)}
.pa-plade .pil{background:var(--m-wait-tint);display:grid;place-items:center;stroke:var(--m-wait);
border-left:1px solid rgba(29,31,32,.16);border-right:1px solid rgba(29,31,32,.16)}
.pa-plade .efter{background:var(--m-wait-tint)}
.pa-plade .kick{font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;
text-transform:uppercase;color:rgba(29,31,32,.42)}
.pa-plade .efter .kick{color:var(--m-wait)}
.pa-plade .nv{font:600 17px/1.15 'Barlow Condensed',sans-serif;letter-spacing:.02em;
text-transform:uppercase;margin:6px 0 5px}
.pa-plade .kr{font-size:14px;color:rgba(29,31,32,.55);display:flex;align-items:center;gap:6px}
.pa-plade .efter .kr{color:var(--m-wait)}
.pa-forkl{border-left:2px solid var(--m-wait);margin:14px 18px 0;padding:2px 0 2px 13px}
.pa-forkl p{margin:0;font-size:14px;line-height:1.5;color:var(--m-wait)}
.pa-forkl .mono{font:500 14px/1.4 ui-monospace,monospace;color:rgba(29,31,32,.55);margin-top:6px}
.pa-kryds{display:flex;gap:12px;align-items:flex-start;margin:14px 18px 0;
border:1px solid var(--m-wait);background:var(--m-wait-tint);padding:13px;cursor:pointer;
text-align:left;width:calc(100% - 36px)}
.pa-kryds .boks{width:20px;height:20px;background:var(--m-surface);border:1px solid var(--m-wait);flex:none;
display:grid;place-items:center;margin-top:2px}
.pa-kryds .t1{font-weight:600;font-size:14px;display:block}
.pa-kryds .t2{font-size:14px;color:var(--m-wait)}
.pa-knapper{display:flex;gap:10px;padding:14px 18px 18px;border-top:1px solid var(--line)}
.pa-knapper button{flex:1;height:52px;cursor:pointer;border:1px solid var(--line);
background:transparent;font:600 15px/1 'Barlow Condensed',sans-serif;
letter-spacing:.1em;text-transform:uppercase}
.pa-knapper .ja{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--m-ink-fg)}
.pa-knapper .ja[disabled]{background:rgba(29,31,32,.12);border-color:transparent;
color:rgba(29,31,32,.4);cursor:not-allowed}
/* statuslinjen med Fortryd */
.pa-status{position:fixed;left:0;right:0;bottom:0;background:var(--m-ink);color:var(--m-ink-fg);
display:flex;align-items:center;gap:14px;padding:14px 18px;z-index:135;
transform:translateY(100%);transition:.22s}
.pa-status.vis{transform:none}
.pa-status .t{flex:1;font-size:14px}
.pa-status .fortryd{border:1px solid rgba(255,255,255,.45);color:var(--m-surface);background:transparent;
height:38px;padding:0 14px;cursor:pointer;
font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase}
/* ================= v86 (15a): Optag/FØR efter mockuppen ================= */
/* R1: tre størrelser — 26px titel · 17px indhold · 14px forklaring */
/* v88b: mockuppens knap er HELT rød — ikke en ring med prik. FØR-tilstand:
fyldt cirkel; inkognito = mørk med skravering. Under mødet (kompakt)
gælder båndets egne regler som hidtil. */
#view-record:not(.kompakt) .rec-button{width:132px;height:132px;border:0;
background:var(--m-rec)}
#view-record:not(.kompakt) .rec-button:not(.recording) .rec-dot{display:none}
#view-record:not(.kompakt) .rec-button.incognito{background:var(--m-incognito);
background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.09) 0 6px,transparent 6px 12px)}
#view-record #rec-hint{font-size:14px;margin-top:6px}
.opt-titel{font:600 26px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;
text-transform:uppercase;text-align:center;margin:16px 0 0}
/* de tre rækker */
.opt-raekker{display:flex;flex-direction:column;gap:1px;background:var(--line);
margin:26px 0 0}
.opt-raek{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;
box-sizing:border-box;background:var(--surface);padding:10px 16px;text-align:left;
border:0;cursor:pointer;font:inherit;color:inherit}
button.opt-raek:hover{background:var(--bg)}
#raek-incognito{cursor:default}
.or-ik{flex:none;stroke:var(--accent-deep)}
.or-m{flex:1;min-width:0;display:block}
.or-navn{display:block;font:600 17px/1.25}
.or-under{display:block;font:400 14px/1.45;color:rgba(29,31,32,.6);margin-top:2px}
.or-under.delt{color:var(--m-wait)}
.or-chev{flex:none;stroke:rgba(29,31,32,.42)}
.or-kontakt{width:44px;height:26px;flex:none;background:var(--bg);
border:1px solid var(--line);position:relative;cursor:pointer;padding:0}
.or-kontakt span{position:absolute;top:2px;left:2px;width:20px;height:20px;
background:rgba(29,31,32,.42);transition:.14s}
.or-kontakt[aria-pressed="true"]{background:var(--m-incognito);border-color:var(--m-incognito)} /* v410 (191): inkognito i sin egen farve */
.or-kontakt[aria-pressed="true"] span{left:20px;background:var(--m-ink-fg)}
#view-record .incog-line{margin:8px 16px 0}
/* forberedelsen som ark */
.forbered-ark{position:fixed;left:0;right:0;bottom:0;z-index:125;background:var(--surface);
border-top:1px solid var(--m-ink);box-shadow:0 -10px 30px rgba(29,31,32,.2);
max-height:88vh;display:flex;flex-direction:column;
animation:fa-op .2s cubic-bezier(.2,.7,.3,1)}
@keyframes fa-op{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.forbered-ark{animation:none}}
@media (min-width:560px){.forbered-ark{left:50%;transform:translateX(-50%);max-width:520px}}
.fa-luk{width:44px;height:44px;display:grid;place-items:center;background:transparent;
border:0;cursor:pointer;color:var(--muted);margin:-10px -8px -10px 0}
/* v87: forberedelses-arkets indhold — rækker og taster, ikke formularfelter */
#fa-materiale{padding:14px 0 4px}
#fa-materiale textarea{font-size:16px}
/* ================= v88: Optag/FØR præcist som mockuppen ================= */
/* FØR viser KUN: titel · rød knap · OPTAG MØDE · rolig linje · tre rækker.
Timeren og statuslinjen hører til UNDER (stålbåndet) og gemmes på FØR. */
#view-record:not(.kompakt) #rec-timer{display:none}
#view-record:not(.kompakt) .rec-status-row{display:none}
#view-record .topbar h1{font:600 26px/1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase}
#view-record:not(.kompakt) .record-area{padding-top:26px}
#view-record:not(.kompakt) .rec-button{margin:0 auto;display:block;
box-shadow:0 3px 0 rgba(0,0,0,.13)}
.opt-titel{margin-top:16px}
#view-record #rec-hint{margin-top:6px;color:rgba(29,31,32,.6)}
.opt-raekker{margin-top:26px}
.opt-raek{padding:10px 16px}
button.opt-raek:hover,#raek-incognito:hover{background:var(--m-bg)}
/* kompakt (under mødet): rækkerne er væk, båndet tager over — som før */
/* ================= v88d: hvide flader på papirgrund =================
Designerens lov: "Flade frem for ramme — hvid række (#fff) på papirgrund
(#f2f2f3) adskiller lige så godt som hairline + fire beslag." Husets
--surface er grå (#e9e9ea) og egner sig til inputfelter, ikke til rækker. */
.opt-raek,#raek-incognito{background:var(--m-surface)}
button.opt-raek:hover,#raek-incognito:hover{background:var(--m-bg)}
.forbered-ark{background:var(--m-surface)}
.pa-ark,.pa-row{background:var(--m-surface)}
.pa-row:hover{background:var(--m-bg)}
.pa-row.nu{background:var(--m-bg)}
.projektlinje{background:var(--m-surface)}
.dok-kort{background:var(--m-surface)}
/* felter i arket beholder den grå flade — dér ER den rigtig */
/* ================= v89: Optag/FØR som mockuppens skærmbillede =================
Fire ting fra skærmbilledet, som 15a's tekst ikke fangede. */
/* 1) Knappen har en tynd ring udenom, med papirgrund imellem */
#view-record:not(.kompakt) .rec-button{
box-shadow:0 0 0 8px var(--bg), 0 0 0 9px rgba(29,31,32,.16);
margin:8px auto 0}
/* 2) Rækkerne er hvide KORT med luft imellem — ikke ét stablet bånd.
Projekt+Forbered hører sammen (mødet); Inkognito er sin egen sag. */
.opt-raekker{background:transparent;gap:0;margin:30px 0 0}
.opt-raek{border:1px solid var(--line);border-bottom:0}
.opt-raek:first-child{border-bottom:1px solid var(--line)}
#raek-forbered{border-bottom:1px solid var(--line)}
#raek-incognito{border:1px solid var(--line);margin-top:10px}
/* 3) Den rolige linje: ⊕ foran, venstrestillet, i husets dæmpede varme */
#view-record #rec-hint{display:flex;align-items:center;gap:9px;text-align:left;
color:var(--m-wait);font-size:14px;margin:14px 2px 0;justify-content:flex-start}
#view-record #rec-hint::before{content:"";width:18px;height:18px;flex:none;
background:currentColor;opacity:.8;
-webkit-mask:var(--pl) center/18px no-repeat;mask:var(--pl) center/18px no-repeat;
--pl:url('data:image/svg+xml;utf8,')}
/* 4) Fanebjælken: den aktive fane er et mørkt stålfelt */
.tabbar{background:var(--m-surface)}
.tab.active{background:var(--m-ink);color:var(--m-ink-fg)}
.tab{font-size:13px}
/* 5) Topbaren gentog fanebjælkens ord — kun menuen bliver stående */
#view-record .topbar h1{display:none}
#view-record .topbar{justify-content:flex-end;padding-bottom:0}
/* ================= v90: menuknappen står alene — så må den bære vægt =================
Da "OPTAG" gik ud af topbaren (v89), blev hamburgeren det eneste, der stod
deroppe — og en 20px-glyf ser lille ud ved siden af en 132px knap og 60px
rækker. R3 siger 48×48 for ikonknapper; her får den det, uden at glyffen
flytter sig: den står stadig 14px fra kanten, som resten af skærmen. */
#view-record .topbar{padding-top:calc(6px + env(safe-area-inset-top))}
#view-record .topbar .btn-menu{
width:48px;height:48px;padding:0;margin:0 -11px 0 0;
display:flex;align-items:center;justify-content:center}
#view-record .topbar .btn-menu svg{width:26px;height:26px;stroke-width:1.6}
/* ================= v91: tre døde regler — fed skrift der aldrig kom frem =================
`font:600 17px/1.25` er UGYLDIG CSS: font-genvejen kræver en familie til
sidst. Uden den kasseres hele linjen — ikke bare familien. Rækkernes navne
på optageskærmen og i skifte-arket stod derfor i 15px/400 (arvet fra body)
i stedet for designerens 17px/600. R1: indhold og rækkenavn = Barlow 600
17px; forklaring = Barlow 400 14px. */
.or-navn{display:block;font-weight:600;font-size:17px;line-height:1.25}
.or-under{display:block;font-weight:400;font-size:14px;line-height:1.45;
color:rgba(29,31,32,.6);margin-top:2px}
.or-under.delt{color:var(--m-wait)}
.pa-navn{font-weight:500;font-size:17px;line-height:1.2}
.pa-row.nu .pa-navn{font-weight:600}
/* ================= v92: Robins fire ting på optageskærmen =================
1) "Forbered" → "Forbered mødet", "Intet projekt" → "Knyt til projekt" (HTML)
2) Den frivillige-linje i bunden er væk — rækkerne siger det selv
3) Den røde knap står FAST; kun rækkerne ruller
4) Inkognito voksede skærmen, fordi en ekstra linje foldede ud under
rækkerne. Linjen er væk; teksten står nu i selve rækken, og rækkens
navn er blevet knappen ind til indstillingerne. */
/* Rækkens tekstblok kan nu være en knap — den skal ikke ligne én */
.or-m{appearance:none;-webkit-appearance:none;border:0;background:none;
padding:0;margin:0;font:inherit;color:inherit;text-align:left}
button.or-m{cursor:pointer}
button.or-m:focus-visible{outline:2px solid var(--m-accent);outline-offset:2px}
/* Knappen bliver stående: skærmen er præcis én skærm høj, og kun
rulle-fladen under titlen kan rulle. */
#view-record:not(.kompakt){height:100vh;height:100dvh;min-height:0;
overflow:hidden;padding-bottom:0}
#view-record:not(.kompakt) .record-area{
flex:1;min-height:0;overflow:hidden;gap:0;justify-content:center;
padding-bottom:calc(58px + env(safe-area-inset-bottom))}
/* flex:0 1 auto = fylder kun sit indhold, men giver efter foer knappen goer.
Er der plads, staar hele billedet midt paa skaermen som foer; er der ikke,
ruller raekkerne indeni — knappen bliver staaende uanset hvad. */
#view-record:not(.kompakt) .opt-rul{
flex:0 1 auto;min-height:0;align-self:stretch;overflow-y:auto;
-webkit-overflow-scrolling:touch;padding:26px 0 4px}
#view-record:not(.kompakt) .opt-raekker{margin:0}
/* knappen og titlen må aldrig klemmes — kun rulle-fladen giver efter */
#view-record:not(.kompakt) .rec-button,
#view-record:not(.kompakt) .opt-titel{flex:none}
/* ================= v93 (15b): OPTAG/UNDER =================
Designerens fem greb på den skærm, man rammer i samme sekund, man har
trykket på den røde knap. "Intet funktionelt fjernes — det er tekst og
ramme, der skæres." */
/* 1 · STÅLBÅNDET: rød knap 34px + timer i mono 23px + Pause. Ikke andet.
Båndet bliver stående øverst, så knappen aldrig ruller væk (samme
løfte som på FØR). */
#view-record.kompakt .opt-kort{position:sticky;z-index:4;
top:calc(55px + env(safe-area-inset-top));margin:0 0 14px}
.opt-kort #rec-button{width:34px;height:34px;min-width:34px;min-height:34px;
border:0;background:var(--m-rec);border-radius:50%;box-shadow:none;margin:0;flex:none;
display:grid;place-items:center}
.opt-kort #rec-button .rec-dot{width:12px;height:12px;background:var(--m-surface);border-radius:2px}
.opt-kort #rec-button.recording{animation:none}
.opt-kort #rec-button.recording .rec-dot{width:12px;height:12px;border-radius:2px}
.opt-kort #rec-timer{font:400 23px/1 ui-monospace,Menlo,monospace;
font-variant-numeric:tabular-nums;letter-spacing:.01em;
margin:0;color:var(--field-text);flex:none}
.opt-kort #rec-controls .btn{height:44px;padding:0 18px;border:1px solid rgba(242,242,243,.45);
background:none;color:var(--field-text);font:600 15px/1 'Barlow Condensed',sans-serif;
letter-spacing:.1em;text-transform:uppercase}
.opt-kort #rec-controls .btn:hover{background:rgba(242,242,243,.12)}
/* 2 · SVAR-TASTERNE: 88px i to spalter, ikon over ord */
#view-record .taste-grid{grid-template-columns:1fr 1fr;gap:10px}
#view-record .taste{min-height:88px;display:flex;flex-direction:column;
align-items:flex-start;justify-content:space-between;gap:8px;
padding:12px 12px 11px;background:var(--m-surface);border:1px solid var(--line);
color:var(--m-text);text-transform:none;letter-spacing:.01em}
#view-record .taste .t-ik{flex:none;stroke:var(--m-accent)}
#view-record .taste .t-ord{font:600 20px/1.05 'Barlow Condensed',sans-serif;
letter-spacing:.02em;text-transform:uppercase;display:block;width:100%}
#view-record .taste.t-mellem .t-ord{font-size:17.5px}
#view-record .taste.t-lang .t-ord{font-size:15.5px;line-height:1.1}
#view-record .taste:hover{border-color:var(--m-accent)}
#view-record .taste:active{background:var(--m-bg)}
/* "Flere" er indgangen til alle opskrifter — den er en tast, ikke en tekstlinje */
#view-record .taste-flere{border-style:dashed;color:var(--m-accent)}
#view-record .taste-flere .t-ik{stroke:var(--m-accent)}
#view-record .taste-flere.aaben{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
#view-record .taste-flere.aaben .t-ik{stroke:var(--m-surface)}
/* den gamle stiplede tekstlinje er afløst af Flere-tasten */
#view-record #btn-alle-opskrifter{display:none}
/* 3 · DAGSORDENSKORTET: hjørnebeslag, navn i condensed 21px, én streg pr.
punkt. "Figuren siger 4 af 7 hurtigere end tallet." */
#view-record .dg-kort{padding:14px 14px 12px;gap:8px;margin:2px 0 8px;
border-color:rgba(29,31,32,.14)}
#view-record .dg-kort-navn{font:600 21px/1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase;color:var(--m-text)}
.dg-streger{display:flex;gap:4px;width:100%;margin:2px 0 1px}
.dg-streger i{flex:1;height:5px;display:block}
.dg-streger .dgs-ok{background:var(--m-ok)}
.dg-streger .dgs-gang{background:var(--m-wait)}
.dg-streger .dgs-tom{background:rgba(29,31,32,.16)}
#view-record .dg-kort .dk-desc{font-size:14px;color:rgba(29,31,32,.6);margin-top:1px}
/* 4 · DOKUMENTATIONSLINJEN: 14px, ét ikon, ingen ramme */
#view-record .dok-linje{border-top:0;font-size:14px;color:rgba(29,31,32,.6);
padding:12px 2px 2px;margin-top:10px;line-height:1.4}
/* 5 · SPØRGEFELTET: 15px placeholder + 48px pil i stål */
.live-ask textarea{font-size:15px;min-height:48px;padding:12px 12px;background:var(--m-surface)}
.live-ask textarea::placeholder{color:rgba(29,31,32,.45)}
.la-pil{width:48px;height:48px;flex:none;border:0;background:var(--m-ink);color:var(--m-ink-fg);
cursor:pointer;display:grid;place-items:center;padding:0}
.la-pil:hover{background:var(--m-accent)}
.la-pil[disabled]{opacity:.5;cursor:default}
/* sektionslinjerne: intet under 13px (R1). Forklaringen er onboarding-tekst
og hører ikke til midt i et møde — den bliver stående i kartoteket. */
#view-record .sek-linje b{font-size:13px;letter-spacing:.14em}
#view-record .sek-linje .sek-hint{display:none}
#view-record .live-label{font-size:13px;letter-spacing:.08em}
/* båndet er et BÅND: fuld bredde, ikke en klods midt på papiret */
#view-record.kompakt .opt-kort{align-self:stretch;width:auto;
margin:0 -14px 14px;padding:12px 14px}
/* linjen over tasterne var en versal-kicker mere. R1: højst én pr. skærm —
så bliver den i stedet en rolig sætning i 14px. */
#view-record .live-label{font:400 14px/1.45 Barlow,sans-serif;letter-spacing:0;
text-transform:none;color:rgba(29,31,32,.6);margin:0 0 8px}
/* båndet sidder flugtende under topbaren — ingen papirstribe imellem */
#view-record.kompakt .record-area{padding-top:0}
/* ================= v94: OPSKRIFTER-SKÆRMEN =================
Designerens fjerde flade. "Intet funktionelt fjernes — det er tekst og
ramme, der skæres." Tre slags beholder hver sin skikkelse; de bliver bare
store nok til at kunne rammes og små nok til at kunne overskues. */
/* Sektionsoverskrifter: ikon 20px + condensed 20px versaler, forklaringen
på sin egen linje i 14px (R1 — intet under 13px) */
.ops-kartotek .sek-linje{flex-wrap:wrap;gap:10px;margin:24px 0 10px}
.ops-kartotek .sek-linje b{font-size:20px;letter-spacing:.06em}
.ops-kartotek .sek-linje .sek-hint{flex-basis:100%;margin-left:0;font-size:14px;
color:rgba(29,31,32,.55);padding-left:30px}
.ops-kartotek .glyf-svar{width:14px;height:14px}
.ops-kartotek .glyf-dok{width:20px;gap:3.5px}
.ops-kartotek .glyf-fil svg{width:19px;height:22px}
/* ⧉ som rigtigt ikon i rigtig størrelse */
.tvaers-ik{display:inline-flex;vertical-align:-3px;margin-right:6px;
color:var(--m-accent);flex:none}
/* SVAR: taster à 56px i to spalter, hvide på papirgrund */
.ops-kartotek .kat-taster{gap:8px}
.ops-kartotek .kat-taste{min-height:56px;background:var(--m-surface);border:1px solid var(--line);
padding:9px 11px 8px;gap:3px;justify-content:center}
.ops-kartotek .kat-taste .kt-navn{font:600 17px/1.12 'Barlow Condensed',sans-serif;
letter-spacing:.03em;text-transform:uppercase;color:var(--m-text)}
.ops-kartotek .kat-taste.frem{border-color:var(--m-accent);background:var(--m-surface)}
.ops-kartotek .kat-taste .fremme-knap{margin-top:4px;font-size:13px}
.ops-kartotek .kat-taste .fremme-knap .boks{width:13px;height:13px}
/* fold-ud som tast på lige fod — stiplet */
.ops-kartotek .vis-mere-taste{border-style:dashed;cursor:pointer;
align-items:center;justify-content:center}
.ops-kartotek .vis-mere-taste .kt-navn{color:var(--m-accent)}
/* RÆKKER (dokumenter og filer) à 56px: navn 17px + én forklaring 14px */
.kat-rows{display:flex;flex-direction:column;gap:1px;background:var(--line);
border:1px solid var(--line)}
.kat-row{display:flex;align-items:center;gap:12px;min-height:56px;
background:var(--m-surface);padding:8px 12px}
.kat-row:hover{background:var(--m-bg)}
.kat-row .kr-m{flex:1;min-width:0;appearance:none;border:0;background:none;
padding:0;margin:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.kat-row .kr-navn{display:block;font-weight:600;font-size:17px;line-height:1.2}
.kat-row .kr-under{display:block;font-weight:400;font-size:14px;line-height:1.35;
color:rgba(29,31,32,.55);margin-top:2px}
.kat-row.frem .kr-under{color:var(--m-accent)}
.kat-row .dk-lin{flex:none;width:20px}
.kat-row:not(.frem) .dk-lin i{background:rgba(29,31,32,.3)}
.kat-row .fremme-knap{flex:none;font-size:13px}
.kat-row .fremme-knap .boks{width:13px;height:13px}
/* FILER: hakket ER kontakten — 26px, grønt når den kører af sig selv */
.kat-row.auto .kr-under{color:var(--m-ok)}
/* den gamle fold-ud-bjælke bliver, hvor der er rækker og ikke taster */
.ops-kartotek .vis-mere{margin-top:8px;font-size:13px;letter-spacing:.1em}
/* introduktionen er skåret til én sætning */
/* R1 globalt: kickeren stod i 10px — intet under 13px */
.kicker{font-size:13px;letter-spacing:.12em}
/* ================= v95: ARKIVET OG MØDESIDEN I DET NYE UDTRYK =================
Handoffen gælder hele appen, ikke én skærm. Optag og Opskrifter er ovre;
her er de to sidste flader, brugeren ser hver dag. Ingen strukturændring —
den venter på 16a. Kun R1 (tre størrelser, intet under 13px, mono kun til
tal), R3 (trykflader) og loven om hvide flader på papirgrund. */
/* ---- ARKIVET ---- */
/* Kolonneoverskrifterne NR. · MØDE · STATUS gjorde listen til et regneark.
De navngiver tre ting, rækken allerede viser. */
#view-list .col-head{display:none}
/* hvide rækker på papirgrund — samme greb som optageskærmens tre rækker */
#view-list .list{background:transparent;border-top:1px solid var(--line)}
.m-row{background:var(--m-surface);border:0;border-bottom:1px solid var(--line);padding:14px}
.m-row:hover,.m-row:active{background:var(--m-bg)}
.m-nr{font-size:13px}
/* mono er til TAL. Datolinjen er en sætning med tal i — den er Barlow. */
.m-meta{font:400 14px/1.5 Barlow,sans-serif;font-variant-numeric:tabular-nums;
color:rgba(29,31,32,.55)}
.m-sum{font-size:14px;opacity:1;color:rgba(29,31,32,.75)}
.m-act{font-size:14px}
.m-tag{font-size:13px;letter-spacing:.08em;padding:4px 8px}
.projekt-tag{font-size:13px;letter-spacing:.06em;padding:2px 8px}
.m-prog .pct{font-size:13px}
/* statusmærket var 9px — det kunne ikke ses, og derfor skulle det forklares */
.sq{width:13px;height:13px;margin-top:5px}
.sq-legend{font-size:13px;gap:16px;padding:9px 14px}
.sq-legend .sq{width:13px;height:13px}
.soeg-raekke .icon-btn{width:48px;height:48px;padding:0;margin:0;
display:grid;place-items:center}
.soeg-raekke .icon-btn svg{width:24px;height:24px}
/* ---- MØDESIDEN ---- */
/* metrikstriben: etiketten er en forklaring (Barlow 13px), værdien er indhold */
.fh-link{font-size:13px;letter-spacing:.1em;padding:10px 0}
.field-head .icon-btn{width:44px;height:44px;padding:0;margin:0;
display:grid;place-items:center}
.field-head .icon-btn svg{width:22px;height:22px}
.tabs-inline button{font-size:15px;padding:12px 10px}
.chip-label{font-size:13px}
.t-gutter{font-size:13px}
.t-spk{font-size:13px}
.who-title{font-size:13px}
.fokus-rec,.fokus-auto{font-size:13px}
/* v95b: R3 — trykfladerne målt i den kørende app, ikke i koden.
Ikonknapperne stod som 22x44: width er et udgangspunkt i et flex-hoved,
ikke et gulv, så de blev klemt. flex:none holder dem. */
.field-head .icon-btn,.soeg-raekke .icon-btn{flex:none}
.fh-link{min-height:44px;padding:0 4px;display:inline-flex;align-items:center}
.ask-bar .btn{min-height:48px;padding:0 18px}
.ask-bar textarea{min-height:48px;font-size:15px}
/* ================= v96 (19a del 1): FORBERED ER EN SKÆRM =================
"Man afbryder ingenting — man sætter sig ned. Et ark kan ikke bære en
dagsorden på syv punkter, et svar på 15 linjer og et tastatur på samme
tid. Det var derfor, det blev rod." */
#view-forbered{padding-bottom:96px}
/* projektet står i hovedet, ikke som en række */
.fb-projekt{display:flex;align-items:center;gap:9px;margin:8px 14px 14px;
color:rgba(242,242,243,.8);font-size:15px}
.fb-projekt .fb-pik{flex:none;stroke:var(--m-on-dark)}
.fb-projekt #fb-projekt-tekst{flex:1;min-width:0}
.fb-projekt #fb-projekt-tekst.tom{color:rgba(242,242,243,.6)}
.fb-projekt .fh-link{flex:none}
.fb-krop{padding-top:16px}
/* 1 · dagsordenen — skærmens ENESTE beslagsatte kort */
.fb-dg{position:relative;background:var(--m-surface);border:1px solid var(--line);
padding:14px 14px 12px;margin-bottom:22px}
.fb-dg-h{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.fb-dg .fb-dgik{flex:none;stroke:var(--m-accent)}
.fb-dg-t{flex:1;font:600 20px/1 'Barlow Condensed',sans-serif;
letter-spacing:.06em;text-transform:uppercase}
.fb-maerke{flex:none;border:1px solid var(--line);padding:4px 9px;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.55)}
/* tom = en invitation: formen, før indholdet */
.fb-skelet{border:1px dashed rgba(29,31,32,.3);padding:14px 12px;
display:flex;flex-direction:column;gap:9px}
.fb-skelet i{display:block;height:9px;background:rgba(29,31,32,.1)}
.fb-skelet i:nth-child(1){width:62%}
.fb-skelet i:nth-child(2){width:84%}
.fb-skelet i:nth-child(3){width:47%}
.fb-dg-hjaelp{margin:12px 0 14px;font-size:15px;line-height:1.5;
color:rgba(29,31,32,.62)}
.fb-vej{flex:1;min-height:56px;font-size:15px}
/* fyldt = punkterne i klartekst, ét tryk fra at kunne rettes */
.fb-dg-liste{display:block;width:100%;text-align:left;background:none;
border:0;padding:0;cursor:pointer;font:inherit;color:inherit}
.fb-dg-l{display:block;padding:9px 0;border-bottom:1px solid var(--line-soft);
font-size:17px;line-height:1.25}
.fb-dg-l.mere{color:rgba(29,31,32,.5);font-size:14px}
.fb-dg-l:last-child{border-bottom:0}
.fb-dg-fod{display:flex;align-items:center;justify-content:space-between;
margin-top:10px;font-size:14px;color:rgba(29,31,32,.55)}
.fb-ret{color:var(--m-accent)}
/* 2+3 · rækkerne: materiale åbner et felt, opskriften KØRER */
.fb-raekker{display:flex;flex-direction:column;gap:1px;background:var(--line);
border:1px solid var(--line)}
.fb-raekker .opt-raek{border:0;margin:0}
.fb-raekker .opt-raek.ude .or-chev{transform:rotate(90deg)}
.fb-fold{background:var(--m-surface);padding:12px 14px 14px;display:flex;
flex-direction:column;gap:10px}
.fb-fold textarea{width:100%;border:1px solid var(--line);background:var(--surface);
color:var(--text);padding:10px 12px;font:15px/1.45 Barlow,sans-serif;resize:vertical}
#foer-kort{background:var(--line);display:flex;flex-direction:column;gap:1px}
#foer-chips{display:flex;flex-direction:column;gap:1px}
.fb-note{background:var(--m-surface);margin:0;padding:12px 14px;font-size:14px;
color:rgba(29,31,32,.55);line-height:1.45}
/* Klar — tilbage: den røde prik som ikon, sekundær vægt */
.fb-klar{position:fixed;left:14px;right:14px;
bottom:calc(14px + env(safe-area-inset-bottom));z-index:8;
min-height:56px;display:flex;align-items:center;justify-content:center;gap:11px;
background:var(--m-surface);border:1px solid var(--line);cursor:pointer;
font:600 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;
text-transform:uppercase;color:var(--m-text)}
.fb-klar i{width:14px;height:14px;border-radius:50%;background:var(--m-rec);flex:none}
.fb-klar:hover{background:var(--m-bg)}
@media (min-width:560px){.fb-klar{left:50%;right:auto;transform:translateX(-50%);
width:420px}}
/* ================= v96 (19a): FORSLAGET SOM EGET LAG =================
Stiplet kant = ikke besluttet endnu. Taget punkt = hel ramme + fyldt hak. */
.fs-flade{position:fixed;inset:0;max-width:none;width:100%;height:100%;
background:var(--bg);display:flex;flex-direction:column;padding:0;
border:0;overflow:hidden}
.fs-hoved{display:flex;align-items:center;gap:10px;background:var(--field);
color:var(--field-text);padding:calc(12px + env(safe-area-inset-top)) 14px 14px}
.fs-hoved h3{margin:0;font:600 26px/1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase}
.fs-kilde{margin:3px 0 0;font-size:14px;color:rgba(242,242,243,.7)}
.fs-luk{width:44px;height:44px;flex:none;background:none;border:0;color:inherit;
font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}
.fs-top{display:flex;align-items:center;justify-content:space-between;
gap:12px;padding:14px 14px 8px}
.fs-hjaelp{font-size:14px;color:rgba(29,31,32,.6)}
.fs-alle{background:none;border:0;cursor:pointer;color:var(--m-accent);
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;padding:10px 2px}
.fs-liste{flex:1;min-height:0;overflow-y:auto;padding:0 14px;
display:flex;flex-direction:column;gap:8px}
.fs-raek{display:flex;align-items:center;gap:12px;min-height:56px;
box-sizing:border-box;padding:10px 12px;text-align:left;cursor:pointer;
background:var(--m-surface);border:1px dashed rgba(29,31,32,.32);font:inherit;color:inherit}
.fs-raek.valgt{border-style:solid;border-color:var(--m-ink)}
.fs-hak{width:22px;height:22px;flex:none;border:1.5px solid rgba(29,31,32,.35);
display:grid;place-items:center}
.fs-raek.valgt .fs-hak{background:var(--m-ink);border-color:var(--m-ink)}
.fs-raek.valgt .fs-hak::after{content:"";width:11px;height:6px;
border-left:2px solid var(--m-surface);border-bottom:2px solid var(--m-surface);
transform:rotate(-45deg) translate(1px,-2px)}
.fs-m{flex:1;min-width:0}
.fs-titel{display:block;font-weight:600;font-size:17px;line-height:1.2;
color:rgba(29,31,32,.55)}
.fs-raek.valgt .fs-titel{color:var(--m-text)}
.fs-grund{display:block;font-size:14px;line-height:1.35;margin-top:2px;
color:rgba(29,31,32,.5)}
.fs-skelet{height:56px;border:1px dashed rgba(29,31,32,.22);
background:linear-gradient(90deg,rgba(29,31,32,.07) var(--b,60%),transparent 0) no-repeat;
background-size:100% 10px;background-position:14px center}
.fs-note{margin:0;padding:12px 14px 4px;font-size:14px;line-height:1.45;
color:rgba(29,31,32,.55);display:flex;gap:9px}
.fs-fejl{padding:18px 2px;font-size:15px;line-height:1.5;color:rgba(29,31,32,.7)}
.fs-bund{display:flex;gap:10px;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}
.fs-bund .btn{flex:1;min-height:56px;font-size:15px}
.fs-bund .fs-nej{flex:0 0 40%}
/* primærknappen i kortet er husets mørke stål, ikke accentblå */
.fb-vej.primary{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
.fb-vej.primary:hover{background:var(--m-accent);border-color:var(--m-accent)}
/* v96c: forklaringen i forberedelsens rækker holdes på to linjer */
#foer-chips .or-under{display:-webkit-box;-webkit-line-clamp:2;
-webkit-box-orient:vertical;overflow:hidden}
/* ================= v97 (19a del 2): REDIGERINGEN =================
Fire greb, nul dialoger. Omdøb i linjen · træk-grebet · ✕ · plus-stregen
mellem to punkter. Og fortryd som bånd, ikke som spørgsmål. */
/* hovedet: ét hoved, tre tilstande — kun MÆRKET skifter */
.dg-flade .dg-hoved{display:flex;align-items:center;gap:10px;background:var(--field);
color:var(--field-text);padding:calc(10px + env(safe-area-inset-top)) 12px 12px;
border-bottom:0;margin:0}
.dg-flade .dg-h-m{flex:1;min-width:0}
.dg-flade h3{margin:0;font:600 26px/1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase;color:var(--field-text)}
.dg-under-h{margin:2px 0 0;font-size:14px;color:rgba(242,242,243,.7);
display:flex;align-items:center;gap:7px}
.dg-lyt{width:9px;height:9px;border-radius:50%;background:var(--m-rec);flex:none;
animation:blink 1.6s infinite}
.dg-flade .dg-luk{width:44px;height:44px;flex:none;background:none;border:0;
color:inherit;font-size:32px;line-height:1;cursor:pointer;display:grid;
place-items:center;padding:0}
.dg-flade .dg-maerke{flex:none;border:1px solid rgba(242,242,243,.4);padding:5px 10px;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(242,242,243,.85)}
.dg-flade .dg-top:empty{display:none}
.dg-flade .dg-liste{flex:1;min-height:0;overflow-y:auto;padding:6px 14px 10px}
/* punktrækken: greb · figur · titel · ✕ */
.dg-punkt{display:flex;gap:10px;align-items:center;padding:0;min-height:56px;
box-sizing:border-box;border-top:0;background:var(--m-surface)}
.dg-greb{width:38px;min-height:56px;flex:none;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:4px;cursor:grab;
touch-action:none;-webkit-user-select:none;user-select:none}
.dg-greb i{display:block;width:20px;height:1.5px;background:rgba(29,31,32,.4)}
.dg-greb:active{cursor:grabbing}
.dg-punkt .dg-m{margin:0}
.dg-midt{flex:1;min-width:0;padding:8px 0}
/* titlen ER feltet — der åbner ikke noget */
.dg-titel{font-size:17px;font-weight:600;line-height:1.25;color:var(--m-text);
cursor:text;outline:0;padding:2px 0;min-height:22px;
word-break:break-word}
.dg-titel:focus{box-shadow:0 2px 0 var(--m-ink)}
.dg-titel:empty::before{content:"Skriv punktet …";color:rgba(29,31,32,.35)}
.dg-punkt.igang .dg-titel{font-size:17px}
.dg-slet{width:44px;height:44px;flex:none;background:none;border:0;cursor:pointer;
color:rgba(29,31,32,.4);display:grid;place-items:center;padding:0}
.dg-slet:hover{color:var(--m-text)}
/* plus-stregen: mellemrummet ER knappen. Husets registreringskryds brugt
funktionelt — intet nyt ikon at lære. */
.dg-plusl{position:relative;display:block;width:100%;height:22px;border:0;
background:none;cursor:pointer;padding:0}
.dg-plusl i{position:absolute;left:0;right:0;top:50%;height:1px;
background:rgba(29,31,32,.14)}
.dg-plusl em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:20px;height:20px;display:grid;place-items:center;background:var(--bg);
font-style:normal;font-size:16px;line-height:1;color:rgba(29,31,32,.3)}
.dg-plusl:hover em{color:var(--m-accent)}
.dg-plusl:hover i{background:rgba(65,97,128,.35)}
/* fortryd: et bånd i otte sekunder, ikke et spørgsmål før hver sletning */
.dg-fortryd{display:flex;align-items:center;gap:12px;background:var(--m-ink);color:var(--m-ink-fg);
padding:14px;margin:0 14px}
.dg-fortryd span{flex:1;min-width:0;font-size:15px}
.dg-fortryd button{background:none;border:0;color:var(--m-on-dark);cursor:pointer;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;padding:10px 2px}
/* bunden: to knapper à 56px */
.dg-flade .dg-bund{display:flex;gap:10px;border-top:1px solid var(--line);
padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--bg)}
.dg-flade .dg-bund .btn.primary{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
/* FØR: alle punkter står "venter", og figurerne er ikke i spil endnu.
Designerens tabel: FØR = ingen figurer · UNDER = figurer aktive. */
.dg-flade.foer .dg-punkt .dg-m{display:none}
/* ================= v98 (18a): INTRODUKTIONEN =================
"Den skal GØRE noget, ikke VISE noget." Tælleren er en streg pr. trin —
aldrig "1 af 3": samme figur-frem-for-etiket-lov som resten. */
#view-intro{padding:0 0 24px;overflow-y:auto}
.in-taeller{display:flex;gap:5px;padding:calc(14px + env(safe-area-inset-top)) 14px 0}
.in-taeller i{flex:1;height:4px;background:rgba(29,31,32,.14)}
.in-taeller i.fyldt{background:var(--m-accent)}
.in-krop{padding:26px 18px 0;flex:1}
.in-fod{padding:22px 18px calc(14px + env(safe-area-inset-bottom));
display:flex;flex-direction:column;gap:10px}
.in-h1{font:600 34px/1.05 'Barlow Condensed',sans-serif;margin:0 0 12px}
.in-h2{font:600 26px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.03em;
text-transform:uppercase;margin:0 0 10px}
.in-manchet{margin:0 0 22px;font-size:17px;line-height:1.5;color:rgba(29,31,32,.75)}
.in-primaer{min-height:56px;font-size:16px;background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
.in-primaer:hover{background:var(--m-accent);border-color:var(--m-accent)}
.in-spring{background:none;border:0;cursor:pointer;color:rgba(29,31,32,.55);
font-size:14px;padding:10px 0;text-align:center}
.in-spring:hover{color:var(--m-accent)}
.in-klar{margin:0 0 4px;text-align:center;font-size:14px;color:rgba(29,31,32,.55)}
/* velkomstens tre punkter */
.in-punkt{display:flex;align-items:flex-start;gap:14px;padding:12px 0;
border-top:1px solid var(--line-soft)}
.in-punkt:first-of-type{border-top:0}
.in-punkt .in-ik{flex:none;stroke:var(--m-accent);margin-top:1px}
.in-roed{width:28px;height:28px;border-radius:50%;background:var(--m-rec);flex:none}
.in-p-t{display:block;font-weight:600;font-size:17px;line-height:1.25}
.in-p-l{display:block;font-size:15px;line-height:1.4;color:rgba(29,31,32,.6);margin-top:2px}
/* de tre figurer læres her (Robins ønske) */
.in-figurer{margin-top:22px;background:var(--m-surface);border:1px solid var(--line);padding:14px}
.in-figur-h{margin:0 0 10px;font-size:14px;color:rgba(29,31,32,.6)}
.in-figur-r{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
.in-figur-r span{display:flex;align-items:center;gap:8px}
.in-fig{width:15px;height:15px;flex:none;display:block}
.in-fig.fig-ok{background:var(--m-ok)}
.in-fig.fig-gang{border:1.5px solid var(--m-wait);background:var(--m-wait-tint);border-radius:50%}
.in-fig.fig-tom{border:1px solid rgba(29,31,32,.3)}
/* trin 1 · de tre måder */
.in-sek{margin:22px 0 8px}
.in-valg{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}
.in-valg .fs-hak{width:22px;height:22px;flex:none;border:1.5px solid rgba(29,31,32,.35);
display:grid;place-items:center}
.in-valg.valgt .fs-hak{background:var(--m-ink);border-color:var(--m-ink)}
.in-valg.valgt .fs-hak::after{content:"";width:11px;height:6px;
border-left:2px solid var(--m-surface);border-bottom:2px solid var(--m-surface);
transform:rotate(-45deg) translate(1px,-2px)}
.in-valg .kr-navn{color:rgba(29,31,32,.6)}
.in-valg.valgt .kr-navn{color:var(--m-text)}
/* trin 2 · ordbogen */
.in-upload{border:1px dashed var(--m-accent);background:var(--m-surface);padding:22px 16px;
display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.in-upload svg{stroke:var(--m-accent)}
.in-u-t{font-weight:600;font-size:17px}
.in-u-l{font-size:14px;color:rgba(29,31,32,.6);line-height:1.4}
.in-u-knap{margin-top:8px;min-height:48px;padding:0 20px;font-size:15px}
.in-eller{display:flex;align-items:center;gap:12px;margin:18px 0}
.in-eller i{flex:1;height:1px;background:var(--line)}
.in-eller span{font-size:14px;color:rgba(29,31,32,.5)}
.in-url{display:flex;gap:8px}
.in-url input{flex:1;min-height:48px;border:1px solid var(--line);background:var(--m-surface);
padding:0 12px;font:15px Barlow,sans-serif;color:var(--text)}
.in-tryg{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;
font-size:14px;line-height:1.45;color:rgba(29,31,32,.6)}
.in-tryg svg{flex:none;stroke:currentColor;margin-top:1px}
/* skærm 4 · kvitteringen ER forsiden */
.in-kvit{display:flex;flex-direction:column;gap:8px;width:100%;margin:0 0 4px}
.in-k{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;
background:var(--m-ok-tint);border:1px solid var(--m-ok);padding:11px 13px}
.in-k .in-k-t{display:block;font-weight:600;font-size:17px;line-height:1.2;color:var(--m-ok)}
.in-k .in-k-l{display:block;font-size:14px;line-height:1.4;margin-top:2px;
color:rgba(29,31,32,.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-k.arbejder{background:var(--m-surface);border-color:var(--line)}
.in-k.arbejder .in-k-t{color:rgba(29,31,32,.6);display:flex;align-items:center;gap:9px}
.in-k.arbejder .in-k-t::before{content:"";width:14px;height:14px;flex:none;
border:2px solid rgba(29,31,32,.2);border-top-color:var(--m-accent);border-radius:50%;
animation:snurre .8s linear infinite}
@keyframes snurre{to{transform:rotate(360deg)}}
.in-k.tom{background:var(--m-surface);border-color:var(--line)}
.in-k.tom .in-k-t{color:rgba(29,31,32,.7)}
/* .btn.primary er to klasser — introens knap skal veje mere for at vinde */
.btn.primary.in-primaer{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
.btn.primary.in-primaer:hover{background:var(--m-accent);border-color:var(--m-accent)}
/* ================= v99: RET I TRANSSKRIPTET =================
"Så snart transskriptet er fremme, skal man kunne trykke og rette."
Ingen rettetilstand, ingen dialog — replikken bliver et felt ved tryk. */
#view-meeting .doc.sheet .t-txt{cursor:text}
@media (hover:hover){#view-meeting .doc.sheet .t-txt:hover{background:rgba(89,128,166,.07)}}
.t-txt.t-retter,.t-free.t-retter{outline:0;background:var(--m-surface);
box-shadow:inset 0 -2px 0 var(--m-ink);display:block;padding:2px 0}
/* rettelsens bånd: samme sprog som dagsordenens fortryd */
.ret-baand{position:fixed;left:14px;right:14px;
bottom:calc(72px + env(safe-area-inset-bottom));z-index:40;
display:flex;align-items:center;gap:12px;background:var(--m-ink);color:var(--m-ink-fg);
padding:14px;box-shadow:0 8px 24px rgba(29,31,32,.25)}
.ret-baand[hidden]{display:none}
.ret-baand span{flex:1;min-width:0;font-size:15px;line-height:1.35}
.ret-baand button{background:none;border:0;color:var(--m-on-dark);cursor:pointer;flex:none;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;padding:10px 2px}
.ret-baand button[hidden]{display:none}
@media (min-width:560px){.ret-baand{left:50%;right:auto;transform:translateX(-50%);width:460px}}
/* v99c: båndet skal ligge OVER spørgebaren på mødesiden — ellers gemmer den
sig bag den på en telefon, hvor der er mindst plads. */
#view-meeting ~ .ret-baand,.ret-baand{z-index:60}
.ret-baand{bottom:calc(86px + env(safe-area-inset-bottom))}
/* ================= v99d: FORTRYD-RINGEN =================
Robin: "Det skal være en fast fortryd — lille ring, man kan trykke på hele
tiden." Den står, så længe der ER noget at fortryde, og forsvinder, når
der ikke er mere. Dæmpet, når det er den GAMLE fortryd (råteksten fra en
tidligere dag) — den kaster mere væk og skal derfor veje mindre. */
.fortryd-ring{position:fixed;right:14px;
bottom:calc(86px + env(safe-area-inset-bottom));z-index:61;
width:48px;height:48px;border-radius:50%;
border:1px solid var(--m-ink);background:var(--m-surface);color:var(--m-ink);cursor:pointer;
display:grid;place-items:center;padding:0;
box-shadow:0 3px 12px rgba(29,31,32,.16)}
.fortryd-ring[hidden]{display:none}
.fortryd-ring:hover{background:var(--m-ink);color:var(--m-ink-fg)}
.fortryd-ring.gammel{border-color:rgba(29,31,32,.3);color:rgba(29,31,32,.5)}
.fortryd-ring.gammel:hover{background:var(--m-bg);color:var(--m-ink)}
.fortryd-ring em{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;
border-radius:50%;background:var(--m-ink);color:var(--m-ink-fg);font-style:normal;
font:600 12px/19px Barlow,sans-serif;text-align:center;padding:0 4px}
.fortryd-ring em:empty{display:none}
/* båndet viger for ringen, så de aldrig ligger oven på hinanden */
.ret-baand{right:76px}
@media (min-width:560px){.ret-baand{right:auto}}
/* ================= v100: TEKSTSTØRRELSE — a / A =================
Skalerer ALT tekstoutput: transskriptet, referaterne og svarene. Sidder
i fanebjælken lige over teksten, den styrer. */
/* +Opskrifter må ikke længere skubbes helt ud i højre kant af a/A */
/* selve skaleringen — de faste px-størrelser ganges med --ds */
/* v102: grundstørrelsen er 16px — teksten har fået hele bredden, fordi
tidskode-klummen er væk, og så er 14px for småt til det, skærmen er til. */
#doc-body{--ds:1;font-size:calc(16px * var(--ds))}
#doc-body h2{font-size:calc(19px * var(--ds))}
#doc-body h3{font-size:calc(16px * var(--ds))}
#doc-body .t-body,#doc-body .t-free{font-size:calc(16px * var(--ds))}
#doc-body .t-spk{font-size:calc(15px * var(--ds))}
#doc-body .t-tid{font-size:calc(13px * var(--ds))}
/* v100b: værktøjerne må ikke rulle væk med fanerne.
"+ Opskrifter" og a/A er ikke faner — de er greb, der skal kunne nås,
uanset hvor langt man har rullet i fanerne. */
.tabs-inline{position:relative}
/* ================= v101 (22a): RETTE ORD =================
Designerens svar, bygget på vores arkitektur. */
/* §1 · den gule stribe under søgefeltet — den SPØRGER, den påstår ikke */
.ds-ret{display:flex;align-items:center;gap:12px;background:var(--m-wait-tint);
border:1px solid var(--m-wait);border-left:0;border-right:0;padding:11px 14px}
.ds-ret[hidden]{display:none}
.ds-ret-m{flex:1;min-width:0}
.ds-ret-t{display:block;font-weight:600;font-size:16px;line-height:1.2;color:var(--m-text)}
.ds-ret-l{display:block;font-size:14px;line-height:1.35;color:var(--m-wait);margin-top:2px}
.ds-ret-k{flex:none;min-height:44px;padding:0 16px;background:var(--m-ink);border:0;
color:var(--m-ink-fg);cursor:pointer;font:600 14px/1 'Barlow Condensed',sans-serif;
letter-spacing:.1em;text-transform:uppercase}
.ds-ret-k:hover{background:var(--m-accent)}
/* §4 · ventilen: den, der vil læse, slår mærkerne fra */
.ret-ventil{display:flex;align-items:center;justify-content:space-between;
gap:12px;padding:8px 14px;border-bottom:1px solid var(--line-soft);
font-size:14px;color:rgba(29,31,32,.55)}
.ret-ventil[hidden]{display:none}
/* §4 · det rettede ord: prikket understregning i stål. Ingen farve, ingen
ikoner i teksten — tekstens rytme er urørt. */
.ret-ord{text-decoration:underline dotted var(--m-accent);text-decoration-thickness:1.5px;
text-underline-offset:3px;cursor:pointer}
.ret-ord:hover{background:rgba(89,128,166,.09)}
/* §4 · herkomst-kortet SKUBBER teksten ned — man mister ikke det, man læste */
.ret-kort{position:relative;margin:6px 14px 10px 64px;background:var(--m-surface);
border:1px solid var(--line);padding:12px 14px}
.rk-par{display:flex;align-items:baseline;gap:12px}
.rk-l{flex:none;font:600 13px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.1em;
text-transform:uppercase;color:rgba(29,31,32,.55)}
.rk-v{flex:1;min-width:0;font:400 16px/1.3 ui-monospace,Menlo,monospace;
background:var(--m-field);padding:4px 8px}
.rk-hvem{font-size:14px;color:rgba(29,31,32,.55);margin-top:8px}
.rk-knapper{display:flex;gap:8px;margin-top:12px}
.rk-knapper .btn{min-height:44px;padding:0 14px;font-size:14px}
/* §2 · rette-arket */
.ra-ark{max-width:520px;width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.ra-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.ra-t{flex:1;font:600 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;
text-transform:uppercase}
.ra-par{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ra-l{flex:none;width:78px;font:600 13px/1.4 'Barlow Condensed',sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.ra-hoert{flex:1;min-width:0;font:400 16px/1.3 ui-monospace,Menlo,monospace;
background:var(--m-field);padding:10px 10px;color:rgba(29,31,32,.75)}
.ra-felt{flex:1;min-width:0;min-height:56px;box-sizing:border-box;
border:1.5px solid var(--m-accent);background:var(--m-surface);padding:0 12px;
font:600 18px Barlow,sans-serif;color:var(--text)}
.ra-hak{display:flex;flex-direction:column;gap:1px;background:var(--line);
border:1px solid var(--line);margin:16px 0 4px}
.ra-hak .kat-row{background:var(--m-surface)}
.ra-fod{display:flex;gap:10px;margin-top:16px}
.ra-fod .btn{flex:1;min-height:56px;font-size:15px}
.ra-fod .ra-kun{flex:0 0 38%}
.ra-fod .btn.primary{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-ink-fg)}
/* ================= v102 (26a/26b): MØDESKÆRMEN SOM ÉN FLADE =================
"Fra 21 elementer på fladen til 4. Intet af det er fjernet — alt er samlet,
hvor man leder efter det."
Hovedhandlingen er at LÆSE. Testen for hvert element: hvis det ikke er
teksten, og man ikke lige har bedt om det, må det ikke fylde en linje. */
/* ---- hovedet: ét lag, der falder sammen ved rul ---- */
.mh .fh-row{gap:2px}
.mh .kicker{font-size:14px;letter-spacing:.14em;color:var(--m-on-dark)}
.mh .fh-meeting{
font-size:26px;letter-spacing:.01em;margin:5px 14px 0;
white-space:normal;line-height:1.06;cursor:pointer;
}
/* metrikstriben og projektlinjen er blevet til ÉN linje */
.mh-meta{font:400 14px/1.45 Barlow,sans-serif;color:var(--m-on-dark);margin:5px 14px 0;
font-variant-numeric:tabular-nums}
.mh-kort{
display:none;flex:1;min-width:0;cursor:pointer;
font:600 17px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.02em;
color:var(--field-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mh.kompakt{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}
.mh.kompakt .fh-meeting,.mh.kompakt .mh-meta,.mh.kompakt .kicker{display:none}
.mh.kompakt .mh-kort{display:block}
#btn-laesevaerktoej.aktiv{background:rgba(148,188,227,.18);color:var(--field-text)}
.mh .icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center}
/* ---- læse-værktøjet: ét bånd under hovedet ---- */
:root{--mhh:60px}
.lv{
background:var(--m-surface);border-bottom:1px solid var(--field);
padding:11px 14px 13px;display:flex;flex-direction:column;gap:10px;
position:sticky;top:var(--mhh);z-index:6;
}
.lv[hidden]{display:none}
.lv-r{display:flex;align-items:center;gap:8px}
.lv-soeg{
flex:1;display:flex;align-items:center;gap:9px;box-sizing:border-box;
border:1px solid rgba(29,31,32,.2);padding:0 11px;min-height:48px;background:var(--m-surface);
}
.lv-lup{width:17px;height:17px;flex:none;fill:none;stroke:rgba(29,31,32,.5);
stroke-width:1.7;stroke-linecap:round}
.lv-soeg input{flex:1;min-width:0;border:0;background:transparent;padding:0;
font:400 15px Barlow,sans-serif;color:var(--text)}
.lv-soeg input:focus{outline:none}
.lv-soeg .ds-tal{flex:none;font:400 14px/1 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.5)}
.lv-ik{
width:48px;height:48px;flex:none;display:grid;place-items:center;background:var(--m-surface);
border:1px solid rgba(29,31,32,.2);cursor:pointer;color:var(--accent-deep);
}
.lv-ik svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round}
.lv-ik:disabled{opacity:.35;cursor:default}
.lv-a{font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.02em}
.lv-a.stor{font-size:21px}
.lv-laes{
flex:1;box-sizing:border-box;min-height:48px;display:flex;align-items:center;
justify-content:center;gap:9px;background:var(--m-surface);cursor:pointer;
border:1px solid var(--accent-deep);color:var(--accent-deep);
font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
.lv-laes svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;
stroke-linecap:round;stroke-linejoin:round}
/* ---- menuen i tre grupper ---- */
.mm-gruppe{
padding:11px 14px 5px;background:var(--bg);
font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.5);
border-bottom:1px solid var(--line);
}
.more-menu .mm-gruppe:first-child{padding-top:8px}
/* ---- fanerne: tre faste + ét tællergreb, rækken ruller aldrig ---- */
.tabs-inline{overflow-x:hidden;padding:0;background:var(--m-surface)}
.tabs-inline .ti-fast{
flex:1 1 0;min-width:0;text-align:center;padding:13px 3px;
font-size:16px;letter-spacing:.04em;
}
.tabs-inline .ti-taeller{
flex:none;display:flex;align-items:center;gap:5px;padding:13px 12px;
border-left:1px solid var(--line);background:none;border-top:0;border-right:0;
border-bottom:0;cursor:pointer;color:var(--muted);
font:600 16px "Barlow Condensed",sans-serif;letter-spacing:.04em;text-transform:uppercase;
}
.tabs-inline .ti-taeller.active{color:var(--text);box-shadow:inset 0 -2.5px 0 var(--accent-deep)}
.tabs-inline .ti-taeller em{font-style:normal;font-size:12px;opacity:.7}
.tabs-inline .ti-fast.active{box-shadow:inset 0 -2.5px 0 var(--accent-deep)}
.tabs-inline.daempet{opacity:.35;pointer-events:none}
.sv-ark{max-width:520px;width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.sv-liste{display:flex;flex-direction:column;gap:1px;background:var(--line);
border:1px solid var(--line)}
.sv-r{
background:var(--m-surface);border:0;text-align:left;cursor:pointer;padding:0 14px;
min-height:56px;box-sizing:border-box;display:flex;align-items:center;
font:400 17px Barlow,sans-serif;color:var(--text);
}
.sv-r.valgt{background:var(--accent-tint);font-weight:600}
.pk-hoved{
display:flex;align-items:baseline;gap:12px;margin:18px 0 8px;
border-bottom:1px solid var(--line);padding-bottom:6px;
}
.pk-hoved:first-child{margin-top:0}
.pk-hoved span{flex:1;font:600 19px/1.2 "Barlow Condensed",sans-serif;
letter-spacing:.04em;text-transform:uppercase}
.pk-egen{flex:none;color:var(--accent-deep)}
/* ---- 25a: navnelinjen ---- */
.navnelinje{
background:var(--m-surface);border-bottom:1px solid var(--line);
display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;cursor:pointer;
}
.navnelinje[hidden]{display:none}
.nl-ik{width:17px;height:17px;flex:none;fill:none;stroke:var(--accent);
stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nl-t{flex:1;font-size:14px;color:var(--accent-deep);padding:13px 0}
.nl-k{border-bottom:1.5px dotted var(--accent)}
.nl-x{
width:44px;height:44px;flex:none;display:grid;place-items:center;
background:none;border:0;cursor:pointer;color:rgba(29,31,32,.45);font-size:15px;
}
/* ---- navne-arket ---- */
.na-ark{max-width:520px;width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.na-krop{display:flex;flex-direction:column}
.na-kort{
display:flex;align-items:center;gap:11px;background:var(--m-surface);
border:1px solid var(--line);padding:11px 13px;
}
.na-kik{width:19px;height:19px;flex:none;fill:none;stroke:var(--accent);
stroke-width:1.6;stroke-linecap:round}
.na-kort span{flex:1;font-size:15px;color:rgba(29,31,32,.75)}
.na-stort{
box-sizing:border-box;min-height:56px;background:var(--m-surface);border:1.5px solid var(--accent-deep);
padding:0 14px;margin-top:11px;font:600 18px Barlow,sans-serif;color:var(--text);
}
.na-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.na-chip{
padding:9px 13px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);
font:400 15px Barlow,sans-serif;color:var(--text);cursor:pointer;
}
.na-chip.lyt{border-style:dashed;border-color:rgba(29,31,32,.3);color:var(--accent-deep)}
.na-under{font-size:14px;color:rgba(29,31,32,.55);margin:11px 0 0}
.na-r{
display:flex;align-items:center;gap:10px;background:var(--m-surface);
border-bottom:1px solid var(--line);padding:8px 12px;min-height:56px;
box-sizing:border-box;
}
.na-r:first-child{border-top:1px solid var(--line)}
.na-m{flex:1;min-width:0}
.na-l{display:block;font:600 15px/1.3 "Barlow Condensed",sans-serif;
letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep)}
.na-note{display:block;font-size:14px;color:rgba(29,31,32,.6);line-height:1.35}
.na-felt{
flex:none;width:38%;box-sizing:border-box;min-height:44px;background:var(--m-surface);
border:1px solid var(--line);padding:0 10px;font:400 16px Barlow,sans-serif;
}
/* ---- transskriptet uden tidskode-klumme ---- */
.doc.sheet .t-row{display:block;padding:14px 14px 15px}
.t-hd{display:flex;align-items:baseline;gap:9px;margin-bottom:3px}
.t-spk{
display:inline;font:600 15px/1.3 "Barlow Condensed",sans-serif;
letter-spacing:.06em;text-transform:uppercase;color:rgba(29,31,32,.7);
}
.doc.sheet .t-body{padding:0;font-size:16px}
.t-tid{flex:none;font:400 13px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.45)}
.t-star{flex:none;color:var(--accent-deep);font-size:13px}
/* 25a: unavngivne talere bærer den prikkede streg — de ER knappen */
.doc.sheet .t-spk.spk{cursor:pointer;color:rgba(29,31,32,.7);font-weight:600}
.doc.sheet .t-spk.uden{color:var(--accent-deep);border-bottom:1.5px dotted var(--accent)}
.t-free{padding:14px}
/* 22a + 26b: to slags prikkede streger i samme tekst var ét for mange.
Rettede ord får en tynd HEL understregning; prikket er talernes. */
.ret-ord{text-decoration:underline solid var(--m-accent);text-decoration-thickness:1px;
text-underline-offset:3px;cursor:pointer}
.ret-kort{margin:6px 14px 10px}
/* ---- bunden: én ejer ad gangen ---- */
:root{--askh:0px}
.ask-bar{gap:8px;padding:10px 14px calc(12px + env(safe-area-inset-bottom))}
.ask-plus{
width:48px;height:48px;flex:none;display:grid;place-items:center;background:var(--m-surface);
border:1px solid rgba(29,31,32,.18);cursor:pointer;color:var(--accent-deep);
}
.ask-plus svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
stroke-linecap:round}
.ask-plus.aaben{background:var(--accent-deep);border-color:var(--accent-deep);color:var(--m-ink-fg)}
.ask-bar .btn.primary{width:48px;padding:0;display:grid;place-items:center}
.ask-pil{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
stroke-linecap:round;stroke-linejoin:round}
.ask-bar.daempet{opacity:.45;pointer-events:none}
/* båndet sætter sig OVEN OVER spørgefeltet — aldrig oven på teksten */
.ret-baand{bottom:calc(var(--askh) + 10px + env(safe-area-inset-bottom));right:14px}
@media (min-width:560px){.ret-baand{right:auto}}
body.tast .ret-baand{display:none}
#view-meeting{padding-bottom:calc(var(--askh) + 24px)}
/* ---- 26b · 6: ventetilstanden i indholdsfladen ---- */
.es-streg{height:3px;background:var(--line);margin:10px 14px 4px;overflow:hidden}
.es-streg i{display:block;height:100%;width:38%;background:var(--accent);
animation:esskub 1.6s ease-in-out infinite}
@keyframes esskub{0%{transform:translateX(-100%)}100%{transform:translateX(320%)}}
/* ---- 26b · 5: læsetilstand ---- */
.laes{
position:fixed;inset:0;z-index:80;background:var(--m-bg);display:flex;
}
.laes[hidden]{display:none}
body.laeser{overflow:hidden}
.laes-x{
position:absolute;right:13px;top:calc(14px + env(safe-area-inset-top));
width:48px;height:48px;display:grid;place-items:center;background:var(--m-bg);
border:1px solid rgba(29,31,32,.2);cursor:pointer;font-size:17px;
color:rgba(29,31,32,.6);z-index:2;
}
.laes-rul{
flex:1;overflow-y:auto;padding:calc(44px + env(safe-area-inset-top)) 26px
calc(40px + env(safe-area-inset-bottom));
}
.laes-t{
font:600 21px/1.15 "Barlow Condensed",sans-serif;letter-spacing:.02em;
margin:0 0 20px;padding-right:56px;
}
.laes-doc{--ds:1}
.lz-spk{
font:600 14px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.08em;
text-transform:uppercase;color:rgba(29,31,32,.55);margin:20px 0 4px;
}
.lz-spk:first-child{margin-top:0}
.lz-p{font-size:calc(17.5px * var(--ds));line-height:1.62;margin:0 0 14px;text-wrap:pretty}
.lz-fri{font-size:calc(17.5px * var(--ds));line-height:1.62;margin:0 0 14px}
.laes-doc p{font-size:calc(17.5px * var(--ds));line-height:1.62}
.laes-doc h2{font:600 21px/1.2 "Barlow Condensed",sans-serif;margin:1.4em 0 .5em}
.laes-doc h3{font:600 18px/1.2 "Barlow Condensed",sans-serif;margin:1.2em 0 .4em;
letter-spacing:.02em;text-transform:uppercase}
.laes-doc li{font-size:calc(17.5px * var(--ds));line-height:1.62;margin:.4em 0}
/* inkognito smitter stadig af på hele mødets accent */
.field-head.incog .mh-meta{color:rgba(242,242,243,.7)}
.field-head.incog .mh-kort{color:var(--m-ink-fg)}
#view-meeting.incog .tabs-inline .ti-fast.active,
#view-meeting.incog .tabs-inline .ti-taeller.active{box-shadow:inset 0 -2.5px 0 var(--m-incognito)}
#view-meeting.incog .ask-plus{border-color:var(--m-incognito);color:var(--m-incognito)}
#view-meeting.incog .ask-plus.aaben{background:var(--m-incognito);border-color:var(--m-incognito);color:var(--m-ink-fg)}
#view-meeting.incog .lv-laes{border-color:var(--m-incognito);color:var(--m-incognito)}
#view-meeting.incog .lv-ik{color:var(--m-incognito)}
/* ================= v103: ORDET I KNAPPEN + FØRSTE GANG =================
29a forslag 1 (Robins valg): "Plusset bliver et felt med + OPSKRIFTER i
kondenseret versal — samme 48px højde, samme plads i rækken, ingen ekstra
linje på fladen. Det er den eneste af de tre, der ikke koster en linje
eller en forklaring." */
.ask-plus{
width:auto;height:48px;flex:none;box-sizing:border-box;
display:flex;align-items:center;gap:7px;padding:0 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.18);cursor:pointer;
}
.ask-plus svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--accent-deep);
stroke-width:1.7;stroke-linecap:round}
.ask-plus span{
font:600 17px/1 "Barlow Condensed",sans-serif;letter-spacing:.05em;
text-transform:uppercase;color:var(--accent-deep);white-space:nowrap;
}
.ask-plus.aaben{background:var(--accent-deep);border-color:var(--accent-deep)}
.ask-plus.aaben svg{stroke:var(--m-surface);transform:rotate(45deg)}
.ask-plus.aaben span{color:var(--m-surface)}
/* spørgefeltet mister ~70px — det må gerne krympe, for det vokser, når man
trykker i det. Men det må aldrig skubbe send-knappen ud. */
.ask-bar textarea{flex:1 1 0;min-width:0}
#view-meeting.incog .ask-plus{border-color:var(--m-incognito)}
#view-meeting.incog .ask-plus svg{stroke:var(--m-incognito)}
#view-meeting.incog .ask-plus span{color:var(--m-incognito)}
#view-meeting.incog .ask-plus.aaben{background:var(--m-incognito);border-color:var(--m-incognito)}
#view-meeting.incog .ask-plus.aaben svg{stroke:var(--m-ink-fg)}
#view-meeting.incog .ask-plus.aaben span{color:var(--m-ink-fg)}
/* Første gang man ser et transskript: linjen bærer hele muligheden.
Anden gang og frem er den kun en linje. */
.navnelinje{display:block;padding:0}
.nl-r{display:flex;align-items:center;gap:10px;padding:0 6px 0 14px;cursor:pointer}
.navnelinje.foerste .nl-t{font-weight:600}
.nl-mere{padding:0 14px 13px;cursor:default}
.nl-mere[hidden]{display:none}
.nl-u{font-size:14px;line-height:1.45;color:rgba(29,31,32,.6);margin:0 0 11px}
.nl-knapper{display:flex;gap:9px}
.nl-knapper .btn{flex:1;min-height:48px;font-size:15px}
.nl-knapper .nl-lyt{flex:0 0 54%}
.na-lyt-r{align-items:center;margin-bottom:12px}
.na-lyt-u{font-size:14px;color:rgba(29,31,32,.55)}
/* ================= v104: TRE LAG I ÉN STAK + SYNLIGT RETTE-GREB ==========
Robins fund 24/8: fanerækken stod halvt dækket af det klæbende hoved, og
hovedet blinkede. Fanerne ligger nu i samme klæbende stak som hovedet og
læse-værktøjet, i stedet for at rulle op under dem. */
.mh{z-index:8}
.lv{top:var(--mhh);z-index:7}
:root{--lvh:0px}
#doc-tabs{
position:sticky;top:calc(var(--mhh) + var(--lvh));z-index:6;background:var(--m-surface);
}
/* den gule stribe bor nu inde i værktøjet og skal bløde ud til kanten */
.lv .ds-ret{margin:3px -14px -13px;border-left:0;border-right:0}
/* rette-grebet: står i bunden, så længe man retter — over båndet, under intet */
.ret-gem{
/* v119c: baandet loeftes op over tastaturet (--tasth maales i JS) —
foer laa det fast i bunden, UNDER tastaturet, og ingen saa det */
position:fixed;left:0;right:0;bottom:var(--tasth, 0px);z-index:62;
display:flex;align-items:center;gap:8px;
background:var(--field);color:var(--field-text);
padding:10px 14px calc(12px + env(safe-area-inset-bottom));
}
.ret-gem[hidden]{display:none}
.rg-t{flex:1;min-width:0;font-size:15px;color:rgba(242,242,243,.8)}
.rg-k{
flex:none;box-sizing:border-box;min-height:48px;padding:0 16px;cursor:pointer;
background:none;border:1px solid rgba(148,188,227,.5);color:var(--m-tint);
font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
.rg-primaer{background:var(--m-bg);border-color:var(--m-bg);color:var(--field)}
/* mens man retter, viger spørgefeltet — rangordenen: tastatur → greb → felt */
body.retter .ask-bar{display:none}
body.retter .ret-baand{display:none}
/* ================= v105 (34a + 34b): FORBEREDELSEN FORMER MØDET =========
Designerens fem billeder bygget ind. Hendes farver, husets skala. */
/* Margin-mærket: rød margenstreg + tre stål-tekstlinjer (31a/34a) */
.mk-h{display:flex;align-items:center;gap:9px;
font:600 19px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em;
text-transform:uppercase;color:var(--text)}
.mk-m{display:inline-flex;gap:3px;align-items:center}
.mk-s{display:block;width:3px;height:16px;background:var(--m-rec)}
.mk-l{display:inline-flex;flex-direction:column;gap:3px}
.mk-l i{display:block;width:11px;height:2px;background:var(--m-ink)}
.mk-l i:nth-child(2){width:8px}
/* løftet under rækkerne — gulvet i appens stemme */
.opt-loefte{font-size:13px;color:rgba(29,31,32,.55);text-align:center;
margin:10px 26px 0;line-height:1.45}
/* rullen: møderækken som en linje ned ad skærmen (34a billede 1) */
.opt-rulle{background:var(--m-surface);border:1px solid var(--line);border-top:0;
padding:10px 14px 4px 26px}
.opt-rulle[hidden]{display:none}
.ru-p{display:flex;gap:10px;padding:3px 0 9px;position:relative;align-items:baseline}
.ru-p::before{content:"";position:absolute;left:-12.5px;top:13px;bottom:-5px;
width:1px;background:rgba(29,31,32,.18)}
.ru-p:last-child::before{display:none}
.ru-prik{position:absolute;left:-16px;top:4px;width:7px;height:7px;
background:var(--m-surface);border:1.5px solid rgba(29,31,32,.4)}
.ru-p.idag .ru-prik{width:11px;height:11px;left:-18px;top:2px;border:0;
border-radius:50%;background:var(--m-accent);box-shadow:0 0 0 3px var(--m-surface)}
.ru-d{flex:none;font:400 13px/1.5 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.45);min-width:52px}
.ru-t{flex:1;font-size:14px;line-height:1.4;color:rgba(29,31,32,.8);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ru-p.idag .ru-t{font-weight:600;color:var(--text)}
.ru-p.idag .ru-d{color:var(--text)}
/* Forbered: hjælperen og formålet (34a billede 2) */
.fb-hjaelper{font-size:14px;color:rgba(242,242,243,.75);margin:6px 14px 0;
line-height:1.45}
.fb-fo{margin:0 0 14px}
.fb-fo-l{display:block;font:600 13px/1 "Barlow Condensed",sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6);
margin:0 0 7px}
.fb-fo-felt{box-sizing:border-box;width:100%;min-height:52px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.16);padding:12px 12px;
font:400 16px/1.4 Barlow,sans-serif;color:var(--text)}
.fb-fo-felt::placeholder{color:rgba(29,31,32,.45)}
.fb-fo-felt:focus{outline:none;border-color:var(--m-accent);border-width:1.5px;
padding:11.5px 11.5px}
/* tekst-arket (34b billede 3) */
.tx-ark{max-width:520px;width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.tx-sp{font:600 22px/1.1 "Barlow Condensed",sans-serif;text-wrap:balance;margin:2px 0 0}
.tx-u{font-size:14px;color:rgba(29,31,32,.55);margin:5px 0 13px}
.tx-liste{display:flex;flex-direction:column;gap:1px}
.tx-r{box-sizing:border-box;min-height:56px;display:flex;align-items:center;gap:10px;
padding:9px 12px;background:var(--m-surface);border:1px solid var(--line);cursor:pointer;
text-align:left;font:inherit;color:inherit;width:100%}
.tx-r.valgt{border:1.5px solid var(--m-ink);padding:8.5px 11.5px}
.tx-r.tx-selv{border-style:dashed;border-color:rgba(89,128,166,.7)}
.tx-r.tx-selv.valgt{border-style:solid;border-color:var(--m-ink)}
.tx-m{flex:1;min-width:0}
.tx-n{display:block;font-size:16px;font-weight:600}
.tx-selv .tx-n{color:var(--m-accent)}
.tx-un{display:block;font-size:13.5px;color:rgba(29,31,32,.55);line-height:1.35}
.tx-hak{width:19px;height:19px;flex:none;fill:none;stroke:var(--m-ok);
stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tx-plus{width:19px;height:19px;flex:none;fill:none;stroke:var(--m-accent);
stroke-width:1.5;stroke-linecap:round}
.tx-selvfelt{box-sizing:border-box;width:100%;min-height:52px;margin-top:11px;
border:1.5px solid var(--m-accent);background:var(--m-surface);padding:12px;
font:400 15px/1.4 Barlow,sans-serif;color:var(--text)}
.tx-selvfelt[hidden]{display:none}
.tx-fod-note{font-size:13.5px;color:rgba(29,31,32,.5);margin:12px 0 0}
.tx-ark .ra-fod .btn.primary{background:var(--m-accent);border-color:var(--m-accent)}
/* Klar-øjeblikket: kvittering med bevis (34a billede 3) */
.kl-ark{max-width:520px;width:100%;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
.kl-kort{border:1px solid var(--m-accent);background:var(--m-surface);padding:14px;position:relative}
.kl-status{display:flex;align-items:center;gap:9px;font-size:15px}
.kl-spin{width:14px;height:14px;flex:none;border:2px solid var(--m-accent);
border-top-color:transparent;border-radius:50%;animation:klspin .9s linear infinite}
@keyframes klspin{to{transform:rotate(360deg)}}
.kl-liste{display:flex;flex-direction:column;gap:10px;margin-top:13px}
.kl-skelet{display:flex;flex-direction:column;gap:7px;opacity:.4;padding:2px 1px}
.kl-skelet i{display:block;height:10px;background:rgba(29,31,32,.16)}
.kl-r{border:1px solid var(--line);padding:11px 12px;display:flex;gap:10px;
align-items:flex-start}
.kl-m{flex:1;min-width:0}
.kl-n{display:block;font-size:16px;font-weight:600}
.kl-g{display:block;font-size:14px;color:rgba(29,31,32,.6);line-height:1.4}
.kl-x{width:40px;height:40px;flex:none;display:grid;place-items:center;
background:none;border:1px solid rgba(29,31,32,.16);cursor:pointer}
.kl-x svg{width:14px;height:14px;fill:none;stroke:rgba(29,31,32,.5);
stroke-width:1.9;stroke-linecap:round}
.kl-regel{font-size:13px;color:rgba(29,31,32,.55);margin:12px 0 0;line-height:1.45}
.kl-tom{font-size:14px;color:rgba(29,31,32,.6);margin:0;line-height:1.45}
.kl-fod{font-size:13.5px;color:rgba(29,31,32,.55);text-align:center;margin:14px 0 0}
.kl-ark .ra-fod{margin-top:14px}
.kl-ark .ra-fod .btn.primary{background:var(--m-accent);border-color:var(--m-accent)}
/* "Til dagens møde" på optageskærmen (34a billede 4) */
.td-hoved{display:flex;align-items:baseline;gap:8px;margin:2px 0 0}
.td-t{flex:1;font:600 13px/1 "Barlow Condensed",sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:var(--m-accent)}
.td-u{font-size:13px;color:rgba(29,31,32,.5)}
.td-r{display:flex;align-items:stretch;gap:1px}
.td-krop{flex:1;min-width:0;box-sizing:border-box;min-height:56px;
display:flex;flex-direction:column;justify-content:center;gap:1px;
padding:9px 12px;background:var(--m-surface);border:1px solid var(--m-accent);cursor:pointer;
text-align:left;font:inherit;color:inherit}
.td-n{display:block;font-size:16px;font-weight:600}
.td-un{display:block;font-size:13px;color:rgba(29,31,32,.55);line-height:1.35}
.td-x{width:44px;flex:none;display:grid;place-items:center;background:var(--m-surface);
border:1px solid var(--m-accent);border-left:0;cursor:pointer}
.td-x svg{width:14px;height:14px;fill:none;stroke:rgba(29,31,32,.4);
stroke-width:1.9;stroke-linecap:round}
/* v105: topbarens ord er tilbage — men som MÆRKET, ikke som fanens ord.
v89 fjernede "OPTAG", fordi det gentog fanebjælken; Margin gentager intet. */
#view-record .topbar h1.mk-h{display:flex;
font:600 19px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em;
text-transform:uppercase}
#view-record .topbar{justify-content:space-between;padding-bottom:0}
/* v106b (Robins fund): rullen ER projekt-elementet — navn + Skift i hovedet,
som i 34a billede 1. Den separate projekt-række viger, når rullen er fremme. */
.opt-rulle{border-top:1px solid var(--line);padding-top:12px}
.ru-h{display:flex;align-items:center;gap:9px;margin:0 0 10px -12px}
.ru-ik{flex:none;color:var(--m-accent)}
.ru-navn{flex:1;min-width:0;font:600 16px/1.2 Barlow,sans-serif;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ru-skift{flex:none;background:none;border:0;cursor:pointer;padding:8px 2px;
font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;
text-transform:uppercase;color:var(--m-accent)}
.ru-aaben{font-style:normal;color:var(--m-wait)}
/* v107: kernen på forsidens tomme tilstand — kun overskriften, kun til
kvitteringerne forsvinder efter første møde */
.in-kvit-kerne{font:600 21px/1.15 "Barlow Condensed",sans-serif;
letter-spacing:.02em;margin:0 0 10px;text-wrap:balance}
/* v109: redningsknappen på fejlede møder */
.fejl-retry{display:flex;align-items:center;gap:12px;background:var(--m-surface);
border-bottom:1px solid var(--line);padding:12px 14px}
.fejl-retry[hidden]{display:none}
.fr-m{flex:1;min-width:0}
.fr-t{display:block;font-size:16px;font-weight:600;color:var(--m-text)}
.fr-u{display:block;font-size:13.5px;color:rgba(29,31,32,.6);line-height:1.4}
.fr-k{flex:none;box-sizing:border-box;min-height:48px;padding:0 16px;cursor:pointer;
background:var(--m-accent);border:1px solid var(--m-accent);color:var(--m-ink-fg);
font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.fr-k:disabled{opacity:.6;cursor:default}
/* ================= v110: DAGSORDENEN — ENKELT OG FLEKSIBELT =============
Hurtig kladde, fuld kontrol: Enter = næste punkt, ét tryk på figuren =
næste tilstand, forslag som stiplede rækker i stedet for en dialog. */
.dg-foldalle{display:block;margin:6px 14px 2px auto;background:none;border:0;
cursor:pointer;padding:8px 2px;color:var(--m-accent);
font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.08em;
text-transform:uppercase}
.dg-fh{margin:16px 14px 6px;font:600 13px/1 "Barlow Condensed",sans-serif;
letter-spacing:.1em;text-transform:uppercase;color:rgba(29,31,32,.5)}
.dg-forslag{display:flex;align-items:center;gap:10px;margin:0 14px 8px;
background:var(--m-surface);border:1px dashed rgba(89,128,166,.7);padding:8px 10px;
min-height:52px;box-sizing:border-box}
.dg-f-op{width:44px;height:44px;flex:none;display:grid;place-items:center;
background:var(--m-surface);border:1px solid var(--m-accent);color:var(--m-accent);cursor:pointer}
.dg-f-m{flex:1;min-width:0}
.dg-f-t{display:block;font-size:15.5px;font-weight:600;line-height:1.3}
.dg-f-g{display:block;font-size:13px;color:rgba(29,31,32,.55);line-height:1.35}
.dg-f-vaek{width:40px;height:40px;flex:none;display:grid;place-items:center;
background:none;border:0;color:rgba(29,31,32,.4);cursor:pointer}
.dg-kilder{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 8px}
.dg-kilde{background:none;border:1px dashed rgba(29,31,32,.3);cursor:pointer;
padding:9px 12px;color:var(--m-accent);
font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.06em;
text-transform:uppercase}
.dg-kilde:disabled{opacity:.5;cursor:default}
/* v112: trækket følger fingeren — blødt, uden at noget hopper */
.dg-greb{touch-action:none}
.dg-liste .traek-i-gang .dg-punkt,
.traek-i-gang .dg-punkt{transition:transform .16s ease}
.dg-punkt.traekkes{transition:none!important;position:relative;z-index:6;
background:var(--m-surface);box-shadow:0 6px 18px rgba(29,31,32,.18)}
/* ================= v113 (36a): DE OTTE ORD ================= */
/* kilderne: to vægte — indhold i tom kladde, én linje i bunden i fuld */
.dg-kilde{display:flex;align-items:center;gap:10px;background:var(--m-surface);cursor:pointer;
border:1px solid rgba(29,31,32,.18);color:var(--text);text-align:left;font:inherit}
.dg-kilde.stor{box-sizing:border-box;min-height:56px;padding:9px 12px;margin:8px 14px 0}
.dg-kilde:not(.stor){box-sizing:border-box;min-height:48px;padding:0 12px;flex:1}
.dg-k-ik{width:19px;height:19px;flex:none;color:var(--m-accent)}
.dg-k-m{flex:1;min-width:0}
.dg-k-n{display:block;font-size:15.5px;font-weight:600}
.dg-kilde:not(.stor) .dg-k-n{font:600 14px/1 "Barlow Condensed",sans-serif;
letter-spacing:.05em;text-transform:uppercase;color:var(--m-accent)}
.dg-k-u{display:block;font-size:13px;color:rgba(29,31,32,.55);line-height:1.35}
.dg-kilde:disabled{opacity:.5;cursor:default}
.dg-kilder.kompakt{display:flex;gap:8px;padding:0 0 8px}
/* Opdatér som ikonknap */
.dg-opd{width:48px;height:48px;flex:none;display:grid;place-items:center;cursor:pointer;
background:var(--m-accent);border:1px solid var(--m-accent);color:var(--m-ink-fg)}
.dg-opd:disabled{opacity:.6;cursor:default}
.dg-opd.travl svg{animation:klspin 1.1s linear infinite}
/* chevron-grebet + mono-tallet på punktet */
.dg-chev{flex:none;min-width:44px;height:44px;display:flex;align-items:center;
justify-content:flex-end;gap:5px;background:none;border:0;cursor:pointer;
color:rgba(29,31,32,.45);padding:0 2px}
.dg-chev.aaben{color:var(--m-accent)}
.dg-chev .dg-tal{font:400 13px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5)}
/* ⋯ i dagsordens-hovedet + minimenuen */
.dg-mere{width:44px;height:44px;flex:none;display:grid;place-items:center;
background:none;border:0;cursor:pointer;color:rgba(29,31,32,.55)}
.dg-mere-menu{position:absolute;right:12px;top:52px;z-index:8;background:var(--m-surface);
border:1px solid var(--line);min-width:190px}
.dg-mere-menu button{display:block;width:100%;text-align:left;background:none;
border:0;cursor:pointer;padding:14px;font:400 15px Barlow,sans-serif}
.dg-mere-menu button:hover{background:var(--accent-tint)}
.dg-hoved{position:relative}
/* ---------- v113c: gammel overskrift væk under optagelse ----------
Robins fund 26/8: "Optag møde" stod i bunden af skærmen, mens mødet
kørte. Overskriften hører til FØR mødet — i kompakt tilstand er den
støj fra en anden tilstand. */
#view-record.kompakt .opt-titel{display:none}
/* ---------- v114: 37a — den loebende lytning viser sig + ingen dobbeltside ---------- */
/* Den tomme kladdes eneste punkt baerer selv invitationen */
.dg-titel.foerste-tom:empty::before{content:"Første punkt …";color:rgba(29,31,32,.4)}
/* 37a-1: ankomsten er tallet — staal i ét minut, saa graat (overgangen er blid) */
.dg-chev .dg-tal{transition:color .8s ease}
.dg-chev .dg-tal.ny{color:var(--m-accent)}
/* 37a-1: ny linje i et aabent punkt — svag staal-tone, der klinger af */
.dg-ulinje.ny{animation:dgNyLinje 3s ease-out both}
@keyframes dgNyLinje{
0%,55%{background:var(--m-bg);box-shadow:0 0 0 1px rgba(89,128,166,.35)}
100%{background:transparent;box-shadow:0 0 0 1px transparent}}
/* 37a-3: loeftet — én linje under listen med talestroems-ikonet */
.dg-loefte{display:flex;align-items:flex-start;gap:9px;padding:11px 16px 0;
color:rgba(29,31,32,.55)}
.dg-loefte .dg-k-ik{width:15px;height:15px;flex:none;margin-top:2px;color:var(--m-accent)}
.dg-loefte span{font-size:13px;line-height:1.45;flex:1}
/* 37a-2: fodlinjen — tidsstemplet er beviset paa rytmen */
.dg-fod{flex:1;align-self:center;font-size:12.5px;color:rgba(29,31,32,.5)}
.dg-kilder.kompakt{flex-basis:100%}
/* ---------- v117: Auto som den lille moerke knap + rene raekker ---------- */
/* I opskriftsraekkerne skal Auto-knappen kunne rammes med en finger */
.kat-row .kf-auto{padding:9px 14px;font-size:11px;min-height:34px}
/* en raekke uden beskrivelse skal ikke efterlade en tom linje */
.kat-row .kr-under:empty{display:none}
/* ---------- v119 (38a): Jeres eget dokument ---------- */
/* v119b: boksen ligner de andre dokument-rækker — kun stål-navnet skiller den */
.eget-dok-boks .kr-navn{color:var(--m-accent)}
.eget-dok-kort .dk-navn{color:var(--m-accent)}
/* fødselsarket */
.ed-ark{display:flex;flex-direction:column;gap:0}
.ed-label{font:600 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);margin:14px 0 5px}
.ed-navn{box-sizing:border-box;width:100%;min-height:52px;background:var(--m-surface);
border:1.5px solid var(--m-accent);padding:0 13px;font:600 16px Barlow,sans-serif;color:var(--m-text)}
.ed-navn:focus{outline:none}
.ed-liste{display:flex;flex-direction:column;gap:1px}
.ed-linje{display:flex;align-items:center;gap:10px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.16);padding:0 6px 0 12px;min-height:48px}
.ed-linje input{flex:1;border:0;background:none;font:400 14.5px Barlow,sans-serif;
color:var(--m-text);min-height:46px}
.ed-linje input:focus{outline:none}
.ed-x{width:38px;height:38px;flex:none;display:grid;place-items:center;
background:none;border:0;cursor:pointer;color:rgba(29,31,32,.4)}
.ed-plus{display:flex;align-items:center;width:100%;height:20px;margin-top:2px;
background:none;border:0;cursor:pointer;padding:0}
.ed-plus span{flex:1;height:1px;background:rgba(89,128,166,.5)}
.ed-plus b{font:600 13px/1 "Barlow Condensed",sans-serif;color:var(--m-accent);padding:0 8px}
.ed-knapper{display:flex;gap:8px;margin-top:13px}
.ed-foreslaa{flex:1;box-sizing:border-box;min-height:52px;display:flex;align-items:center;
justify-content:center;gap:8px;background:none;border:1px solid rgba(29,31,32,.22);
color:var(--m-accent);font:600 15px "Barlow Condensed",sans-serif;letter-spacing:.05em;
text-transform:uppercase;cursor:pointer}
.ed-foreslaa .dg-k-ik{width:15px;height:15px}
.ed-foreslaa.travl{opacity:.5}
.ed-start{flex:none;min-height:52px;padding:0 22px}
.ed-start:disabled{opacity:.4}
/* ---------- v120b (Robins fund paa mobil): projektnavnet blev klemt ----------
Raekkens faste knapper (Omdoeb, Fjern maerkat, Deling) aad hele bredden,
og navnet (flex:1, min-width:0) endte paa nul — "cuttet af i venstre side".
Paa smalle skaerme faar navnet sin egen linje, og knapperne staar under. */
@media (max-width:560px){
.projekt-row{flex-wrap:wrap;row-gap:4px}
.pr-navn{flex:1 1 100%;white-space:normal;overflow:visible;text-overflow:clip}
.pr-antal{order:2}
.pr-omdoeb,.pr-slet,.pr-del{order:3}
}
/* ---------- v121 (39a): TEAM-FORSIDEN — moederaekkens kort er siden ---------- */
.team-kort{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);margin:14px 0 4px}
.team-kort[hidden]{display:none}
.tk-navn{flex:1;font:600 14px Barlow,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 39a: et punkt, der lige er landet — staal-tonen klinger af (37a's regel) */
/* ================= v121b: TOPPEN STÅR FAST =================
Robins iagttagelse: "skærmen scroller ret tæt på op på optag møde —
den skal ikke bevæge sig op når man scroller."
Knappen og titlen stod allerede fast (v92/v93). Det der manglede var
KANTEN: rullefladen begyndte lige under overskriften, så kortene kravlede
helt op og rørte den. Nu toner de blødt ud på vej op — som papir der
glider ind under en kant. Ingen funktion ændret, kun det man ser. */
#view-record:not(.kompakt) .opt-rul{
-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--m-text) 20px);
mask-image:linear-gradient(to bottom, transparent 0, var(--m-text) 20px)}
/* ================================================================
v122 — TEAMETS FLOW (designerens 40a + 40b + 40c)
"Flowet: vælg række (kun når der ER et valg) → Til næste møde med
plus-mærket → punkterne med (fornavn) og diskret forslags-linje."
Alle mål, farver og ord er designerens.
================================================================ */
/* --- team-tilstandens ramme: knappen skrumper, titlen viger -------- */
#view-record.team .opt-titel,
#view-record.team .opt-loefte,
#view-record.team .opt-raekker{display:none}
#view-record.team .opt-rul{padding-top:0}
#team-kort{display:block;background:none;border:0;padding:0}
/* --- TRIN 0 · 40a: "Hvilken møderække?" --------------------------- */
.tv-soeg{box-sizing:border-box;min-height:44px;display:flex;align-items:center;gap:9px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.18);padding:0 12px;margin-top:11px}
.tv-soeg svg{width:16px;height:16px;flex:none;color:rgba(29,31,32,.45)}
.tv-soeg input{flex:1;min-width:0;border:0;background:none;outline:none;
font:400 14px Barlow,sans-serif;color:var(--m-text)}
.tv-liste{margin-top:13px}
.tv-label{margin:11px 0 5px;font:600 11px/1 'Barlow Condensed',sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.tv-gruppe{display:flex;flex-direction:column;gap:1px}
.tv-gruppe.dae{opacity:.75}
.tv-r{box-sizing:border-box;width:100%;min-height:60px;display:flex;align-items:center;
gap:11px;padding:9px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14);
text-align:left;font:inherit;color:inherit;cursor:pointer}
.tv-r.foreslaaet{border:1.5px solid var(--m-accent)}
.tv-r.smal{min-height:48px}
.tv-r .dg-k-ik{width:18px;height:18px;flex:none;stroke:var(--m-accent)}
.tv-m{flex:1;min-width:0}
.tv-navn{display:block;font-size:15px;font-weight:600;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
.tv-r.smal .tv-navn{font-size:14.5px;font-weight:400}
.tv-bevis{display:block;font-size:12.5px;color:rgba(29,31,32,.55)}
.tv-ny{box-sizing:border-box;width:100%;min-height:52px;display:flex;
align-items:center;gap:11px;padding:9px 12px;margin-top:1px;
border:1px dashed rgba(29,31,32,.3);background:none;color:var(--m-accent);
font:600 14px Barlow,sans-serif;cursor:pointer}
.tv-ny svg{width:16px;height:16px;flex:none}
.tv-solo{margin-top:18px;padding:0 2px 6px;font-size:13px;color:rgba(29,31,32,.55)}
.tv-solo button{border:0;background:none;padding:0;font:inherit;color:var(--m-accent);cursor:pointer}
/* --- TRIN 1 · 40b venstre: rækkens side --------------------------- */
.tk-inkog{display:flex;justify-content:center;margin-top:9px}
.tk-inkog button{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;
border:1px solid rgba(29,31,32,.22);background:var(--m-surface);color:rgba(29,31,32,.65);cursor:pointer}
.tk-inkog.paa button{border-color:var(--m-incognito);background:var(--m-incognito);color:var(--m-ink-fg)}
.tk-inkog svg{width:16px;height:16px;flex:none}
.tk-inkog span{font:600 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;
text-transform:uppercase}
.tk-raek{display:flex;align-items:center;gap:9px;padding:14px 2px 0}
.tk-raek .dg-k-ik{width:17px;height:17px;flex:none;stroke:var(--m-accent)}
#team-kort .tk-navn{flex:1;min-width:0;font-size:15px;font-weight:600;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--m-text)}
/* husets ENESTE indrammede knap paa siden — et objekt, ikke en reklame */
.tk-kort{position:relative;box-sizing:border-box;width:100%;min-height:64px;
display:flex;align-items:center;gap:12px;padding:10px 13px;margin:10px 0 0;
background:var(--m-surface);border:1.5px solid var(--m-accent);text-align:left;font:inherit;
color:inherit;cursor:pointer}
.tk-m{flex:1;min-width:0}
.tk-t{display:block;font:600 17px/1.1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase}
.tk-u{display:block;margin-top:3px;font-size:12.5px;color:rgba(29,31,32,.55)}
.tk-chev{flex:none;color:rgba(29,31,32,.4)}
/* plus-maerket: Margin-maerket, hvor tredje linje er et roedt plus (39b) */
.tk-ref{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;
margin-top:8px;padding:6px 2px;border:0;background:none;text-align:left;
font:inherit;cursor:pointer}
.tk-ref svg{width:16px;height:16px;flex:none;color:rgba(29,31,32,.5)}
.tk-ref-t{flex:1;min-width:0;font-size:13.5px;color:rgba(29,31,32,.6);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-ref .tk-chev{color:rgba(29,31,32,.35)}
/* --- TRIN 2 · 40b hoejre + 40c: den faelles dagsorden -------------- */
/* afsenderen i parentes EFTER teksten — 13px graa, egne punkter baerer
ens eget fornavn (designerens svar 3) */
.dg-flade.raekke .dg-midt{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px}
.dg-flade.raekke .dg-titel{flex:0 1 auto}
.dg-af{flex:none;font-size:13px;color:rgba(29,31,32,.5)}
.dg-af.ny{color:var(--m-accent)}
/* "nyt siden sidst": staal-tone paa linjen — klinger af efter tre sekunder */
.dg-punkt.nylandet{background:var(--m-bg);outline:1px solid rgba(89,128,166,.35)}
.dg-punkt,.dg-af{transition:background .6s ease,outline-color .6s ease,color .6s ease}
/* forslagsknappen ER en tekstlinje: ingen ramme, ingen dialog */
.dg-fslinje{display:flex;align-items:center;gap:8px;width:100%;margin-top:9px;
padding:6px 2px;border:0;background:none;text-align:left;cursor:pointer;
font:400 13.5px Barlow,sans-serif;color:var(--m-accent)}
.dg-fslinje .dg-k-ik{width:15px;height:15px;flex:none;stroke:var(--m-accent)}
.dg-fslinje>span{flex:1}
.dg-fslinje.aaben>span{font-weight:600}
.dg-fslinje svg:last-child{flex:none}
/* 40c: to stiplede forslag — tekst, saa pil op, saa kryds */
.dg-flade.raekke .dg-forslag{display:grid;grid-template-columns:1fr 44px 44px;gap:8px;
align-items:center;border:1.5px dashed var(--m-accent);background:var(--m-bg);
padding:9px 12px;margin-top:7px}
.dg-flade.raekke .dg-f-m{order:1;min-width:0}
.dg-flade.raekke .dg-f-t{display:block;font-size:14px;line-height:1.4;color:var(--m-accent)}
.dg-flade.raekke .dg-f-g{display:block;font-size:12.5px;color:rgba(29,31,32,.55)}
.dg-flade.raekke .dg-f-op{order:2;width:44px;height:44px;display:grid;place-items:center;
border:1.5px solid var(--m-accent);background:none;color:var(--m-accent)}
.dg-flade.raekke .dg-f-vaek{order:3;width:44px;height:44px;display:grid;place-items:center;
border:1px solid rgba(29,31,32,.2);background:none;color:rgba(29,31,32,.55)}
.dg-fkontrakt{padding:2px 2px 0;font-size:12.5px;color:rgba(29,31,32,.55)}
/* v122e (Robins ordre): "Altid optageknap og inkognito øverst. Nedenunder
vælges projekt og dernæst dagsorden." Toppen tilhører appen — den står,
uanset om man vælger møderække eller allerede er inde i én. */
/* ================================================================
v123 — Robins ordre: KNAPPEN ER HELLIG.
"Optageknappen skal være som den altid har været — øverst og samme
størrelse. Den må ikke rykke sig fra første skærm. Og med inkognito
lige under. Så nedenunder mulighed for at vælge møderække; så snart
den er valgt, dukker Til næste møde op som knap."
v122's skrumpede 76px-knap er derfor fjernet igen.
================================================================ */
/* team-laget lever UNDER knappen — titlen og løftet viger, ikke knappen */
#view-record.team .opt-titel,
#view-record.team .opt-loefte,
#view-record.team .opt-raekker{display:none}
#team-kort .tk-inkog{margin-top:11px}
/* --- 41a · MÆRKETS FAMILIE ---------------------------------------
"Rød margen-streg til venstre + stål-tekstlinjer til højre. Stregen
flytter sig aldrig. Modulet siges i, hvad der sker med tredje linje."
Én blok, tre størrelser, varianter ovenpå. Aldrig to røde pr. mærke. */
.mk{position:relative;display:block;flex:none;width:19px;height:19px}
.mk i{position:absolute;background:var(--m-ink)}
/* 2 · Til næste møde — tredje linje er et rødt plus */
.mk--plus i.s{left:4px;top:0;bottom:0;width:2px;background:var(--m-rec)}
.mk--plus i.l1{left:10px;top:3px;width:9px;height:2px}
.mk--plus i.l2{left:10px;top:8.5px;width:9px;height:2px}
.mk--plus i.ph{left:10px;top:15px;width:6px;height:2px;background:var(--m-rec)}
.mk--plus i.pv{left:12px;top:13px;width:2px;height:6px;background:var(--m-rec)}
/* 6 · Møderækken — tre margener bag hinanden, hukommelsen tegnet.
Afløser tre-prikker-ikonet, appen har brugt til projekt/møderække. */
.mk--series i.s1{left:1.3px;top:0;bottom:0;width:1.7px;background:var(--m-rec);opacity:.35}
.mk--series i.s2{left:5.2px;top:0;bottom:0;width:1.7px;background:var(--m-rec);opacity:.6}
.mk--series i.s3{left:9.1px;top:0;bottom:0;width:1.7px;background:var(--m-rec)}
.mk--series i.l1{left:13.4px;top:3px;width:5.6px;height:1.7px}
.mk--series i.l2{left:13.4px;top:8.6px;width:5.6px;height:1.7px}
.mk--series i.l3{left:13.4px;top:14.2px;width:3.5px;height:1.7px}
/* --- rækken, der åbner møderække-valget --------------------------- */
#team-kort .tk-raek{box-sizing:border-box;width:100%;display:flex;align-items:center;
gap:11px;min-height:56px;margin-top:14px;padding:8px 12px;background:var(--m-surface);
border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer}
#team-kort .tk-navn{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--m-text);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#team-kort .tk-navn.tom{font-weight:400;color:rgba(29,31,32,.6)}
.tk-hoejre{flex:none;font-size:13px}
.tk-hoejre.skift{color:var(--m-accent)}
.tk-hoejre.chev{color:rgba(29,31,32,.4);font-size:16px}
#team-kort .tk-kort{margin-top:9px}
/* --- 40a som ARK ------------------------------------------------- */
.rv-ark{padding:0 14px calc(16px + env(safe-area-inset-bottom))}
.rv-hoved{display:flex;align-items:center;gap:10px;padding:16px 0 4px}
.rv-hoved h3{flex:1;margin:0;font:600 24px/1 'Barlow Condensed',sans-serif;
letter-spacing:.01em;color:var(--m-text)}
.rv-luk{flex:none;width:44px;height:44px;border:0;background:none;cursor:pointer;
font-size:19px;color:rgba(29,31,32,.5)}
.rv-ark .tv-liste{margin-top:11px}
.rv-ark .tv-r .mk{margin-right:0}
.tv-intet{padding:18px 2px;font-size:13.5px;color:rgba(29,31,32,.55)}
/* ================================================================
v124 — Robins fund: resten fra startskærmen hang ved under mødet.
"Der står en rest fra startskærmen — med inkognito, næste møde mm.
Man kan endda forsøge at skifte møderække under mødet. Det skal væk."
Team-laget hører til FØR mødet. Bæltet og selen: JS'et skjuler kortet,
og CSS'en sikrer, at det aldrig kan stå der, mens optageren kører.
================================================================ */
#view-record.kompakt #team-kort{display:none !important}
/* v124: dagsordenen er flyttet ØVERST på optageskærmen — før "Tænk med".
Den er det, mødet er forberedt i, og skal ikke ligge nede blandt
kortene. Sektionen får derfor ikke den luft, der adskiller de senere. */
.live-sektioner > .sek-linje:first-child{margin-top:0}
/* v125 — det allerførste indtryk. Indtil appen ved, om brugeren har en
team-forside, vises hverken den gamle eller den nye rækkeblok: hellere
ingenting et øjeblik end den forkerte skærm, der blinker forbi. */
#view-record.afventer .opt-raekker{display:none}
/* ================================================================
v126 — FORMÅL OG MATERIALE (designerens 40d)
To stille linjer i bunden af dagsordensmodulet, adskilt fra punkterne
med en hairline. De åbner som ark OVER fladen, så skrivefeltet og
markøren står urørt bagved.
================================================================ */
.dg-ekstra{box-sizing:border-box;width:100%;min-height:44px;display:flex;
align-items:center;gap:10px;padding:6px 2px;border:0;background:none;
text-align:left;font:inherit;cursor:pointer;flex-basis:100%}
.dg-ekstra svg{width:16px;height:16px;flex:none;color:rgba(29,31,32,.55)}
.de-navn{flex:1;font-size:13.5px;color:rgba(29,31,32,.6)}
.de-status{flex:none;font-size:12.5px;color:rgba(29,31,32,.45)}
.de-status.sat{color:var(--m-accent)}
/* arket over fladen */
.dg-ark{padding:0 14px calc(16px + env(safe-area-inset-bottom));
border-top:1px solid var(--m-ink)}
.dg-ark.fil-over{outline:2px solid var(--m-accent);outline-offset:-2px}
.dg-ark-hoved{display:flex;align-items:center;gap:12px;padding:15px 0 4px}
.dg-ark-hoved h3{flex:1;margin:0;font:600 20px/1 'Barlow Condensed',sans-serif;
letter-spacing:.04em;text-transform:uppercase;color:var(--m-text)}
.dg-ark-luk{flex:none;width:44px;height:44px;border:0;background:none;cursor:pointer;
font-size:18px;color:rgba(29,31,32,.45)}
/* de to grunde står ØVERST — som gevinster, ikke som advarsel */
.dg-grund{display:flex;gap:9px;align-items:flex-start;margin-top:7px}
.dg-grund svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--m-accent)}
.dg-grund span{flex:1;font-size:13.5px;line-height:1.45;color:rgba(29,31,32,.7)}
.dg-ark-label{margin:13px 0 6px;font:600 11px/1 'Barlow Condensed',sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.dg-ark-liste{display:flex;flex-direction:column;gap:1px}
.dg-bilag{box-sizing:border-box;min-height:52px;display:flex;align-items:center;gap:10px;
padding:8px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16)}
.dg-bilag svg{width:17px;height:17px;flex:none;color:var(--m-accent)}
.db-m{flex:1;min-width:0}
.db-navn{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-af{display:block;font-size:12.5px;color:rgba(29,31,32,.55)}
.db-vaek{flex:none;width:34px;height:34px;border:0;background:none;cursor:pointer;
font-size:14px;color:rgba(29,31,32,.4)}
.dg-ark-veje{display:flex;gap:8px;margin-top:11px}
.dg-vej{flex:1;box-sizing:border-box;min-height:52px;display:flex;align-items:center;
justify-content:center;gap:8px;border:1px solid rgba(29,31,32,.22);background:none;
color:var(--m-accent);cursor:pointer;font:600 15px 'Barlow Condensed',sans-serif;
letter-spacing:.05em;text-transform:uppercase}
.dg-vej.stiplet{border:1.5px dashed rgba(89,128,166,.75)}
.dg-vej svg{width:15px;height:15px;flex:none}
.dg-ark-fod{margin-top:10px;font-size:12.5px;color:rgba(29,31,32,.55)}
.dg-ark-felt{box-sizing:border-box;width:100%;margin-top:11px;padding:11px 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.18);
font:400 15px/1.5 Barlow,sans-serif;color:var(--m-text);resize:vertical}
.dg-ark-felt:focus{outline:none;border-color:var(--m-accent)}
.dg-ark-navn{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.18);
font:400 14px Barlow,sans-serif;color:var(--m-text)}
.dg-ark-navn:focus{outline:none;border-color:var(--m-accent)}
.dg-ark-gem{width:100%;margin-top:11px}
/* ================================================================
v127 — Robins tre rettelser
1) De to primære knapper på rækkens side skal have SAMME størrelse og
samme skrift. Kortet beholder sin ramme, sine hjørner og plus-mærket
— det er dét, der gør det primært, ikke en større skrift.
2) "Til næste møde" hedder nu "Næste møde".
3) Materiale- og formåls-arket var ulæseligt: det arvede fra den
centrerede dialogboks, og layoutet knækkede. Arket får sin egen form
— et ark fra bunden, der aldrig arver noget.
================================================================ */
/* 1 · to knapper, ét udtryk */
#team-kort .tk-raek,
#team-kort .tk-kort{min-height:64px;padding:10px 13px;margin-top:9px}
#team-kort .tk-navn,
#team-kort .tk-t{font:600 16px/1.25 Barlow,sans-serif;letter-spacing:0;
text-transform:none;color:var(--m-text)}
#team-kort .tk-navn.tom{font-weight:400;color:rgba(29,31,32,.6)}
#team-kort .tk-raek{gap:12px}
/* 3 · ARKET — helt sit eget. Fra bunden, papir, egen rulning, intet arvet. */
.mark-bag{position:fixed;inset:0;z-index:240;display:flex;align-items:flex-end;
justify-content:center;background:rgba(20,24,28,.5)}
.mark-ark{box-sizing:border-box;width:100%;max-width:520px;max-height:88vh;
display:flex;flex-direction:column;background:var(--m-bg);color:var(--m-text);
border-top:1px solid var(--m-ink);box-shadow:0 -10px 30px rgba(29,31,32,.2);
font:400 14px/1.5 Barlow,sans-serif}
.mark-ark.fil-over{outline:2px solid var(--m-accent);outline-offset:-2px}
.mark-ark .dg-ark-hoved{flex:none;display:flex;align-items:center;gap:12px;
padding:14px 14px 6px}
.mark-ark .dg-ark-hoved h3{flex:1;margin:0;
font:600 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;
text-transform:uppercase;color:var(--m-text)}
.mark-ark .dg-ark-luk{flex:none;width:44px;height:44px;border:0;background:none;
cursor:pointer;font-size:18px;color:rgba(29,31,32,.45)}
.mark-ark .dg-ark-krop{flex:1;min-height:0;overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:0 14px calc(16px + env(safe-area-inset-bottom))}
.mark-ark .dg-grund{display:flex;gap:9px;align-items:flex-start;margin-top:9px}
.mark-ark .dg-grund svg{width:16px;height:16px;flex:none;margin-top:2px;
color:var(--m-accent);stroke:var(--m-accent);fill:none}
.mark-ark .dg-grund span{flex:1;font-size:13.5px;line-height:1.45;
color:rgba(29,31,32,.72)}
.mark-ark .dg-ark-label{margin:15px 0 6px;
font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6)}
.mark-ark .dg-ark-liste{display:flex;flex-direction:column;gap:1px}
.mark-ark .dg-bilag{box-sizing:border-box;min-height:52px;display:flex;
align-items:center;gap:10px;padding:8px 12px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.16)}
.mark-ark .dg-bilag svg{width:17px;height:17px;flex:none;stroke:var(--m-accent);fill:none}
.mark-ark .db-m{flex:1;min-width:0}
.mark-ark .db-navn{display:block;font-size:14px;line-height:1.3;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mark-ark .db-af{display:block;font-size:12.5px;color:rgba(29,31,32,.55)}
.mark-ark .db-vaek{flex:none;width:34px;height:34px;border:0;background:none;
cursor:pointer;font-size:14px;color:rgba(29,31,32,.4)}
.mark-ark .dg-ark-veje{display:flex;gap:8px;margin-top:12px}
.mark-ark .dg-vej{flex:1;box-sizing:border-box;min-height:52px;display:flex;
align-items:center;justify-content:center;gap:8px;padding:0 8px;
border:1px solid rgba(29,31,32,.22);background:var(--m-surface);color:var(--m-accent);cursor:pointer;
font:600 15px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.05em;
text-transform:uppercase;text-align:center}
.mark-ark .dg-vej.stiplet{border:1.5px dashed rgba(89,128,166,.75);background:none}
.mark-ark .dg-vej svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none}
.mark-ark .dg-ark-fod{margin-top:10px;font-size:12.5px;color:rgba(29,31,32,.55)}
.mark-ark .dg-ark-felt{box-sizing:border-box;width:100%;margin-top:11px;
padding:11px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.18);
font:400 15px/1.5 Barlow,sans-serif;color:var(--m-text);resize:vertical}
.mark-ark .dg-ark-felt:focus{outline:none;border-color:var(--m-accent)}
.mark-ark .dg-ark-navn{box-sizing:border-box;width:100%;min-height:44px;
margin-top:9px;padding:0 12px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.18);font:400 14px Barlow,sans-serif;color:var(--m-text)}
.mark-ark .dg-ark-navn:focus{outline:none;border-color:var(--m-accent)}
.mark-ark .dg-ark-gem{width:100%;margin-top:12px;min-height:52px}
/* 2 · det blå glimt: den store knap skiftede prik fra rund til firkantet i
det sekund, optagelsen begyndte — før båndet tog over. Nu vises den slet
ikke dér, så der ikke blinker noget. */
#view-record:not(.kompakt) .rec-button.recording .rec-dot{display:none}
#view-record:not(.kompakt) .rec-button .rec-dot{transition:none}
/* ================================================================
v128 — Robins fund: bunden fyldte for meget, og formålet lå gemt.
"De skal bare være nogle helt små diskrete ting i bunden, som ikke
fylder noget særligt." Og: "Hvis man har skrevet et formål ind, bør
det komme op i toppen af mødet — men det må helst heller ikke være
meget dominerende."
================================================================ */
/* bunden: to 44px-rækker → ét lavt bånd med to små greb */
.dg-ekstra-baand{display:flex;gap:16px;align-items:center;flex-basis:100%;
padding:5px 2px 2px;margin-top:6px;border-top:1px solid rgba(29,31,32,.1)}
.dg-ekstra{display:inline-flex;align-items:center;gap:6px;min-height:30px;
padding:0;border:0;background:none;cursor:pointer;
font:400 12.5px Barlow,sans-serif;color:rgba(29,31,32,.5)}
.dg-ekstra svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none}
.dg-ekstra.sat{color:var(--m-accent)}
.de-navn{white-space:nowrap}
/* toppen: formålet som én rolig linje — aldrig mere end én linje */
.dg-formaal-top{display:flex;align-items:center;gap:8px;width:100%;
padding:7px 2px;margin-bottom:2px;border:0;background:none;cursor:pointer;
text-align:left;font:400 13px/1.35 Barlow,sans-serif;color:rgba(29,31,32,.62)}
.dg-formaal-top svg{width:14px;height:14px;flex:none;stroke:var(--m-accent);fill:none}
.dg-formaal-top span{flex:1;min-width:0;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap}
/* v129 (Robins ordre): "Jeg lytter med" er væk — det røde blink siger det
selv. Prikken står alene, lidt større, så den kan bære beskeden. */
.dg-under-h:has(.dg-lyt:only-child){margin-top:6px}
.dg-lyt:only-child{width:10px;height:10px}
/* ================================================================
v130 — DAGSORDENEN SKRUMPER (designerens 44a)
"Regnestykket: bunden -130px, seks punkter -156px — tilsammen næsten
300px mere til punkterne."
Punkterne er rækker med hårlinjer, ikke hvide kort med mellemrum.
Bunden er ét lag på 52px. ⏎ er ét tegn, tre steder.
================================================================ */
/* --- listen: rækker fra kant til kant ---------------------------- */
.dg-flade .dg-liste{padding:9px 0 10px}
.dg-flade .dg-punkt{box-sizing:border-box;min-height:44px;margin:0;padding:10px 13px;
background:none;border:0;border-top:1px solid rgba(29,31,32,.1);
box-shadow:none;border-radius:0;gap:9px;align-items:center}
/* 44a: det aktive punkt får GUL VENSTREKANT i stedet for en hel ramme */
.dg-flade .dg-punkt.igang{background:var(--m-surface);box-shadow:inset 2.5px 0 0 var(--m-wait)}
.dg-flade .dg-punkt.ude{background:var(--m-surface);box-shadow:inset 2.5px 0 0 var(--m-wait);
align-items:flex-start}
.dg-flade .dg-punkt.harunder:not(.ude){cursor:pointer}
.dg-flade .dg-greb{width:22px;min-width:22px;height:44px;gap:3px;opacity:.3}
.dg-flade .dg-greb i{height:1.5px}
.dg-flade .dg-m{width:20px;min-width:20px;height:44px}
.dg-flade .dg-titel{font-size:14.5px;line-height:1.35;padding:0}
.dg-flade .dg-punkt.afklaret .dg-titel{opacity:.65}
.dg-flade .dg-punkt.igang .dg-titel,.dg-flade .dg-punkt.ude .dg-titel{font-weight:600}
.dg-flade .dg-chev{min-width:20px;width:20px;height:44px}
.dg-chev .dg-tal{font:400 11.5px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5)}
.dg-flade .dg-punkt.igang .dg-chev .dg-tal,
.dg-flade .dg-punkt.ude .dg-chev .dg-tal{color:var(--m-accent)}
.dg-flade .dg-slet{width:34px;min-width:34px;height:44px;opacity:.45}
/* ⏎ i den linje man skriver i — vises kun, mens linjen har fokus */
.dg-ent{display:none;width:44px;min-width:44px;height:44px;flex:none;
place-items:center;border:1.5px solid var(--m-accent);background:none;color:var(--m-accent);
cursor:pointer}
.dg-punkt:focus-within .dg-ent{display:grid}
.dg-punkt:focus-within .dg-slet{display:none}
.dg-ent svg{width:19px;height:19px}
/* "⏎ Nyt punkt" — Enter gjort synlig, altid nederst i listen */
.dg-nyt{box-sizing:border-box;width:100%;min-height:44px;display:flex;
align-items:center;gap:9px;padding:11px 13px;border:0;
border-top:1px solid rgba(29,31,32,.1);background:none;color:var(--m-accent);
text-align:left;font:400 14.5px Barlow,sans-serif;cursor:pointer}
.dg-nyt-greb{width:22px;min-width:22px;flex:none}
.dg-nyt svg{width:17px;height:17px;flex:none}
/* 44a: raekken skjules, mens tastaturet er fremme */
.dg-flade .dg-liste:focus-within .dg-nyt{display:none}
/* --- det udfoldede punkt ------------------------------------------ */
.dg-flade .dg-punkt.ude .dg-midt{padding-top:1px}
.dg-flade .dg-under{margin-top:9px;padding:0 0 3px;gap:7px}
.dg-flade .dg-ublok{gap:7px}
.dg-flade .dg-ulabel{display:none}
.dg-flade .dg-ulinje{display:flex;gap:8px;align-items:flex-start;
font-size:13.5px;line-height:1.4;background:none;border:0;padding:0}
.dg-flade .dg-ublok.best .dg-ulinje::before{content:"";width:8px;height:8px;
flex:none;margin-top:5px;background:var(--m-ok)}
.dg-flade .dg-ublok.aab .dg-ulinje::before{content:"";width:8px;height:8px;
flex:none;margin-top:5px;border-radius:50%;border:2px solid var(--m-wait)}
.dg-flade .dg-ublok.aab .dg-ulinje{color:var(--m-wait)}
.dg-unote{display:flex;align-items:center;gap:8px;padding:4px 0 0;border:0;
background:none;color:var(--m-accent);cursor:pointer;font:400 13px Barlow,sans-serif}
.dg-unote svg{width:15px;height:15px;flex:none}
/* --- bunden: ét lag paa 52px -------------------------------------- */
.dg-flade .dg-bund{min-height:52px;box-sizing:border-box;align-items:center;
gap:10px;padding:0 13px calc(0px + env(safe-area-inset-bottom));
border-top:1px solid rgba(29,31,32,.14)}
.dg-flade .dg-fod{flex:1;font-size:12.5px;color:rgba(29,31,32,.5)}
.dg-flade .dg-opd,.dg-fold{width:40px;height:40px;flex:none;display:grid;
place-items:center;border:1px solid rgba(29,31,32,.18);background:var(--m-surface);
color:var(--m-accent);cursor:pointer}
.dg-faerdig{flex:1;text-align:left;border:0;background:none;cursor:pointer;
font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.08em;
text-transform:uppercase;color:var(--m-accent);padding:0}
/* arket, chevronen folder op */
.dg-bundark{position:relative;background:var(--m-bg);border-top:1px solid var(--m-ink);
padding:13px 13px 15px;box-shadow:0 -8px 24px rgba(29,31,32,.14)}
.dg-bundark-h{display:flex;align-items:center;
font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);margin-bottom:9px}
.dg-bundark .dg-kilder.kompakt{padding:0}
.dg-bundark .dg-kilde:not(.stor){min-height:48px}
.dg-bundark-linjer{margin-top:11px}
.dg-bundark-linjer .dg-ekstra-baand{display:flex;flex-direction:column;gap:1px;
padding:0;margin:0;border:0}
.dg-bundark-linjer .dg-ekstra{box-sizing:border-box;width:100%;min-height:44px;
display:flex;align-items:center;gap:10px;padding:7px 11px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.14);font:400 13.5px Barlow,sans-serif;
color:var(--m-text)}
.dg-bundark-linjer .dg-ekstra svg{width:16px;height:16px;color:rgba(29,31,32,.5)}
.dg-bundark-linjer .de-navn{flex:1}
.dg-bundark-linjer .de-status{font-size:12.5px;color:rgba(29,31,32,.5)}
/* v130b — rettelser efter eftersyn i skueglasset:
figuren stod som en høj firkant (min egen fejl: 44px høj i stedet for
20px), tallet brækkede i tre linjer, titlerne var alle fede, og v98's
gule venstrekant sloges med 44a's inset-kant. */
.dg-flade .dg-punkt .dg-m{width:20px;min-width:20px;height:20px;align-self:center}
.dg-flade .dg-titel{font-weight:400}
.dg-flade .dg-punkt.igang .dg-titel,
.dg-flade .dg-punkt.ude .dg-titel{font-size:14.5px;font-weight:600}
.dg-flade .dg-punkt.afklaret .dg-titel{color:rgba(29,31,32,.55)}
.dg-flade .dg-punkt.igang{border-left:0;margin-left:0;padding-left:13px;
background:var(--m-surface);box-shadow:inset 2.5px 0 0 var(--m-wait)}
.dg-flade .dg-chev{min-width:auto;width:auto;gap:7px;padding:0 2px}
.dg-flade .dg-chev .dg-tal{white-space:nowrap}
.dg-flade .dg-punkt .dg-greb{align-self:center;height:22px}
/* v130c — rækkerne var stadig 78px. Luften sad i tre lag, der hver især
var usynlige: .dg-midt's egen padding, titlens min-højde, og ✕'ets
44px. Nu bæres trykfladen af HELE rækken (44a: "hele rækken er
trykfladen"), og ✕ får sin målflade uden at puste rækken op. */
.dg-flade .dg-punkt{padding:10px 13px}
.dg-flade .dg-punkt .dg-midt{padding:0}
.dg-flade .dg-titel{min-height:0;padding:0;line-height:1.35}
.dg-flade .dg-punkt .dg-greb{height:12px;gap:3px}
.dg-flade .dg-punkt .dg-slet{width:34px;min-width:34px;height:34px;margin:-7px 0}
.dg-flade .dg-punkt .dg-chev{height:20px}
.dg-flade .dg-punkt .dg-ent{height:34px;width:38px;min-width:38px;margin:-7px 0}
.dg-flade .dg-punkt.ude .dg-greb,
.dg-flade .dg-punkt.ude .dg-m{margin-top:1px}
/* v130d — den skyldige fundet: grebet bar en gammel min-height på 56px,
som min height:12px ikke kunne slå. Det var hele forskellen mellem 44
og 78 px pr. række. */
.dg-flade .dg-punkt .dg-greb{min-height:0;height:20px;margin:0}
/* =====================================================================
v132 — FEM RETTELSER FRA ROBIN (28/8)
===================================================================== */
/* 1 · den vandrette rullebjaelke under "Naeste moede".
Maalt i browseren: kortets blueprint-hjoerner sidder 6px UDEN FOR
kortet (.bp > i.tr{right:-6px}), og kortet fyldte containeren helt ud.
Hoejre hjoerne stak derfor 5px ud over rullefladen og foedte en
vandret rullebjaelke — og venstre hjoerne blev klippet af. Kortet
traekker sig 7px ind i hver side: hjoernerne staar helt, og der er
intet at rulle efter.
(Maalt igen bagefter: width:auto duede IKKE — kortet er et button-element,
og en knap med auto-bredde krymper om sit indhold i stedet for at fylde
ud. Det skal vaere et regnestykke.) */
#team-kort .tk-kort{width:calc(100% - 14px);margin-left:7px;margin-right:7px}
/* 2 · dagsordenens hoved i raekke-tilstand: lavere og roligere.
Maerket med delekredsen er vaek (den staar paa raekken i vaelgeren),
saa hoejden kan gaa til punkterne i stedet. */
.dg-flade.raekke .dg-hoved{padding:calc(7px + env(safe-area-inset-top)) 12px 9px;gap:6px}
.dg-flade.raekke h3{font-size:21px}
.dg-flade.raekke .dg-under-h{margin-top:1px;font-size:13px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
/* 3 · den tomme linje nederst i listen — Robins eget svar paa, at
"Nyt punkt" som KNAP ikke virkede: et tryk gav knappen fokus, og
focus-within-reglen skjulte den, foer klikket naaede at falde.
Nu er linjen et felt, man altid kan trykke ind i. Derfor er reglen,
der skjulte den under skrivning, ogsaa vaek: den skal staa klar hele
tiden — "et tomt felt, som altid er muligt at trykke ind paa". */
.dg-flade .dg-liste:focus-within .dg-nyt{display:flex}
.dg-nyt{cursor:text}
.dg-nyt-felt{flex:1;min-width:0;outline:none;font:400 14.5px/1.35 Barlow,sans-serif;
color:var(--m-text);padding:2px 0;cursor:text}
.dg-nyt-felt:empty::before{content:'Nyt punkt';color:var(--m-accent);pointer-events:none}
.dg-nyt-ent{width:17px;height:17px;flex:none;display:grid;place-items:center;
color:var(--m-accent);opacity:.75}
.dg-nyt-ent svg{width:17px;height:17px}
/* 4 · "Maal og materiale" i bunden er en foldeknap, ikke en udgang —
den skal se ud som chevronen, den hoerer sammen med. */
.dg-faerdig[aria-expanded="true"]{color:var(--m-ink)}
/* =====================================================================
v133 — INTET PROJEKT SOM UDGANGSPUNKT (Robins ordre 28/8)
"Hvis man bare aabner appen og trykker start, skal det ikke vaere
saadan at man ved en fejl laegger det paa alle mulige projekter."
===================================================================== */
/* v134: .tk-plads-linjen udgik igen — mellemtilstanden findes ikke mere. */
/* "Intet projekt — optag frit" i møderække-vælgeren: et rigtigt valg,
samme form som "Ny møderække …", men i den dæmpede tone */
.tv-intetp{box-sizing:border-box;width:100%;min-height:52px;display:flex;
align-items:center;gap:11px;padding:0 13px;margin-top:2px;
border:0;border-top:1px solid rgba(29,31,32,.1);background:none;
text-align:left;font:400 14.5px Barlow,sans-serif;color:rgba(29,31,32,.62);
cursor:pointer}
.tv-intetp svg{width:17px;height:17px;flex:none;opacity:.7}
/* =====================================================================
v135 — ÉN FORM I MØDERÆKKE-VÆLGEREN (Robins fund 28/8)
"Det virker unaturligt, at der er to typer forskellig skrift. Man
kommer til at se det som forskellige typer projekter."
Den smalle, graa *Alle · A–Å*-variant er væk. Listen hedder Seneste,
og resten hentes frem med Vis flere — samme række hele vejen.
===================================================================== */
.tv-flere{box-sizing:border-box;width:100%;min-height:44px;display:flex;
align-items:center;justify-content:center;gap:7px;padding:0 13px;
border:0;border-top:1px solid rgba(29,31,32,.1);background:none;
font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.09em;
text-transform:uppercase;color:var(--m-accent);cursor:pointer}
/* =====================================================================
v136b — FØRSTE OPRYDNING, ANDET FORSØG (28/8)
119 klassenavne findes ikke i nogen kildefil: hele forladte
designretninger (det gamle team-kort tk-*, who-*, rack-*, bib-*,
prep-*, zone-*, phase*, liveops, incog-*, ops-*, is-*, forbered-arkets
indmad). 222 regler fjernet, 3 selektorer skrevet om, 318 linjer og
19 kB mindre.
Reglen, der gør det forsvarligt: en selektor kan kun ramme noget, hvis
ALLE dens klasser findes. Nævner en selektor bare ÉN klasse, der ikke
optræder i nogen kildefil, kan den aldrig ramme et element. Klasser,
der kunne bygges dynamisk ('opt-' + x og lign.), blev holdt udenfor.
FØRSTE FORSØG (v136) VAR FORKERT, og målestokken fangede det. Scriptet
fandt reglerne med en regex, der også slugte kommentaren foran
selektoren. Da `.tk-plus` blev fjernet, forsvandt kommentarens
afslutning med den — kommentaren blev aldrig lukket, og alt frem til
næste lukning blev ædt. `.tk-ref` stod bagefter som en helt ustylet
browser-knap. Ingen fejlmeddelelse, intet i loggen. Præcis den slags
fejl, målestokken blev bygget til. Nu gemmes kommentarerne af vejen,
før der ryddes, og sættes tilbage bagefter — alle 328 er der.
===================================================================== */
/* =====================================================================
v137 — TRE RETTELSER FRA ROBIN (29/8)
===================================================================== */
/* 1 · den rodede live-visning. Prikken foran hver underlinje blev i fladen
lavet om til et flex-element (bredde, hoejde, margin) — men `position:
absolute` fra grundreglen (linje ~1271) blev aldrig slaaet fra. Prikken
laa derfor uden for raekken, oven i teksten, og ramte anden linje i alt
der brød. Maalt i skueglasset: position:absolute, left:0, top:8.37px.
Én egenskab retter det hele. */
.dg-flade .dg-ulinje::before{position:static}
/* Og naar et punkt er foldet ud, hoerer grebet til ØVERST — ikke svævende
midt i en raekke, der er blevet fem linjer hoej. */
.dg-flade .dg-punkt.ude .dg-greb{align-self:flex-start;margin-top:11px}
/* 2 · "Flere" folder nu ud lige under tasterne. Raekken ruller vandret som
den gamle, men staar der, hvor trykket faldt. */
.taste-rul{padding:2px 0 4px;margin:0}
/* =====================================================================
v138 — LYDNIVEAU OG "KASSÉR" IND I BÅNDET (Robins fund 29/8)
"Der er noget unaturligt i, at Kassér optagelsen og visningen af
lydniveau lægger sig på den del, der scroller."
===================================================================== */
/* Båndet bliver ankeret, så måleren kan lægge sig som dets nederste kant */
#view-record.kompakt .opt-kort{position:sticky;overflow:hidden}
/* Lydniveauet er ikke en dims mere — det er båndets egen levende kant.
Fuld bredde, 3px, nederst. Designerens regel for båndet var "rød knap +
timer + Pause, ikke andet"; en kant tager ingen plads fra de tre. */
.opt-kort #level-meter{position:absolute;left:0;right:0;bottom:0;top:auto;
width:auto;height:3px;background:rgba(242,242,243,.14);margin:0}
.opt-kort #level-fill{background:var(--m-rec)}
/* Kassér står yderst til højre, i samme dæmpede tone som Live tekst.
Den spørger altid, før den kasserer, så den tåler at være fremme. */
.opt-kort #btn-discard{flex:none;margin:0;font-size:11.5px;opacity:.6;
color:var(--field-muted);padding:6px 0 6px 4px;white-space:nowrap}
.opt-kort #btn-discard:hover{opacity:1}
.opt-kort #rec-controls{margin-left:auto}
/* =====================================================================
v139b — LØFTET HØRER TIL FØR MØDET (Robin 29/8)
"Jeg husker mødet uanset hvad — forberedelsen er valgfri" er en
beroligelse til den, der staar og overvejer at forberede sig. Naar
optagelsen foerst koerer, er loeftet indfriet, og saetningen er bare
en linje mere at kigge forbi. Den var skjult i team-tilstand, men ikke
under optagelsen. Nu ogsaa der.
===================================================================== */
#view-record.kompakt .opt-loefte{display:none}
/* =====================================================================
v140 — HVEM ER HVEM (designerens 45a nr. 3 og 4)
"Man vælger et menneske, ikke skriver et navn."
Udfyldt firkant = konto · tom firkant = navn brugt før · stiplet = gæst.
Stiplet betyder IKKE en konto — ikke en fejl.
===================================================================== */
.na-vaelg{display:flex;flex-direction:column;gap:1px;margin-top:10px}
.na-v-h{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);margin:11px 0 5px}
.na-v-h:first-child{margin-top:0}
.na-v{box-sizing:border-box;width:100%;min-height:48px;display:flex;
align-items:center;gap:10px;padding:7px 11px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.14);text-align:left;font:inherit;
color:inherit;cursor:pointer}
.na-v-f{width:9px;height:9px;flex:none;border:1.5px solid rgba(29,31,32,.35)}
.na-v.konto .na-v-f{background:var(--m-accent);border-color:var(--m-accent)}
.na-v.nu{border:1.5px solid var(--m-accent)}
.na-v-m{flex:1;min-width:0}
.na-v-n{display:block;font-size:13.5px;line-height:1.3}
.na-v.nu .na-v-n,.na-v.konto .na-v-n{font-weight:600}
.na-v-u{display:block;font-size:11.5px;color:rgba(29,31,32,.55);margin-top:1px}
/* gæsten er stiplet: sidste udvej, ikke en fejl */
.na-v.gaest{border:1px dashed rgba(89,128,166,.7);background:none;color:var(--m-accent)}
.na-v.gaest .na-v-f{display:none}
.na-v.gaest .na-v-n{font-size:13px}
/* "Lad stå som Taler N" er et ligeværdigt valg — derfor ikke gemt væk */
.na-lad{display:block;width:100%;margin-top:10px;padding:10px 2px;border:0;
background:none;text-align:left;font:400 12.5px Barlow,sans-serif;
color:rgba(29,31,32,.55);cursor:pointer}
.na-lad:hover{color:var(--m-accent)}
.na-lyt-en{margin-top:11px}
/* "Det er mig": et kort, ikke en linje. Det er en anden slags handling. */
.na-mig{position:relative;margin:0 0 13px;padding:12px;background:var(--m-surface);
border:1.5px solid var(--m-accent)}
.na-mig.sat{border-color:rgba(29,31,32,.18)}
.na-mig-t{margin:0;font-size:13.5px;line-height:1.45}
.na-mig-k{display:flex;gap:7px;margin-top:11px}
.na-mig-ja{box-sizing:border-box;min-height:48px;padding:0 16px;display:flex;
align-items:center;gap:8px;border:0;background:var(--m-accent);color:var(--m-ink-fg);
font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:.05em;
text-transform:uppercase;cursor:pointer}
.na-mig-ja svg{width:15px;height:15px;flex:none}
.na-mig-nej{box-sizing:border-box;min-height:48px;padding:0 14px;display:flex;
align-items:center;border:1px solid rgba(29,31,32,.22);background:none;
color:rgba(29,31,32,.7);font:600 16px 'Barlow Condensed',sans-serif;
letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.na-mig-u{margin:9px 0 0;font-size:11.5px;color:rgba(29,31,32,.55);line-height:1.4}
/* Grænsen står, hvor tvivlen opstår */
.na-graense{margin:14px 0 0;padding-top:11px;
border-top:1px solid rgba(29,31,32,.12);
font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.4}
/* =====================================================================
v141 (designerens 45a, skaerm 1): MIT SPOR — TALETIDEN
Hendes maal, uaendret: bane 8px, fyld i stålaccenten, tal i mono,
fliser side om side med 1px imellem, hairline-kort paa hvid.
===================================================================== */
.sp-kun{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;
text-transform:uppercase;color:rgba(29,31,32,.55);margin-top:10px}
.sp-under{font-size:13px;color:rgba(29,31,32,.6);line-height:1.4;margin:6px 0 0}
.sp-blok{margin:16px 12px 0}
.sp-h{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);margin-bottom:6px}
.sp-kort{background:var(--m-surface);border:1px solid var(--line);
padding:12px 13px;display:flex;flex-direction:column;gap:11px}
.sp-r{display:flex;align-items:center;gap:10px}
/* Navnet maa IKKE klippes til ukendelighed — sammenligningen mellem
navngivne moederaekker ER indholdet. Fast bredde (ellers staar
banerne i takker og kan ikke sammenlignes), men to linjer er tilladt. */
.sp-navn{width:122px;flex:none;font-size:12.5px;line-height:1.2;
overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;
-webkit-line-clamp:2;overflow-wrap:anywhere}
.sp-bane{flex:1;height:8px;background:rgba(29,31,32,.1);
position:relative;display:block;min-width:40px}
.sp-bane>i{position:absolute;left:0;top:0;bottom:0;
background:var(--accent);font-style:normal;display:block}
.sp-pct{font:400 12px/1 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.6);white-space:nowrap;min-width:34px;text-align:right}
/* Saetningen, der forhindrer dommen. Den er en del af tallet, ikke en
fodnote til det — derfor inde i kortet. */
.sp-note{font-size:12px;color:rgba(29,31,32,.55);line-height:1.45;padding-top:1px}
.sp-fliser{margin:10px 12px 0;display:flex;gap:1px}
.sp-flise{flex:1;background:var(--m-surface);border:1px solid var(--line);padding:9px 12px}
.sp-flise-t{display:block;font:400 20px/1 ui-monospace,Menlo,monospace}
.sp-flise-u{display:block;font-size:12px;color:rgba(29,31,32,.55);margin-top:4px}
/* Tom skaerm: en vej videre, ikke en mangel */
.sp-tom{margin-top:18px}
.sp-tom-h{font-family:'Barlow Condensed',sans-serif;font-weight:600;
font-size:19px;line-height:1.15;margin:0}
.sp-tom-t{font-size:13.5px;color:rgba(29,31,32,.65);line-height:1.5;margin:9px 0 0}
.sp-fod{margin:16px 12px 22px;font-size:12px;
color:rgba(29,31,32,.5);line-height:1.4}
/* =====================================================================
v142 (designerens 48a): ÉN VAELGER
Hendes maal uaendret. Firkanterne er vaek; cirklen med initialer siger
MENNESKE, aldrig AFKRYDS. Raekken folder ud paa stedet — ikke et ark
ovenpaa, for saa mister man overblikket over de otte.
===================================================================== */
.na-ark .na-krop{padding:0 12px 4px}
.nv-under{font-size:12px;color:rgba(29,31,32,.6);line-height:1.4;margin:2px 0 0}
/* Genvejen: "Er en af dem dig?" */
.nv-genvej{width:100%;margin-top:11px;background:var(--m-surface);border:1.5px solid var(--accent-deeper);
padding:9px 11px;display:flex;align-items:center;gap:10px;text-align:left;
font:inherit;color:inherit;cursor:pointer;min-height:52px}
.nv-genvej svg{width:19px;height:19px;flex:none;stroke:var(--accent-deeper)}
.nv-genvej .nv-g-t{flex:1;min-width:0}
.nv-genvej b{display:block;font-size:13.5px;font-weight:600}
.nv-genvej i{display:block;font-style:normal;font-size:11.5px;color:rgba(29,31,32,.55)}
.nv-pil{flex:none;color:rgba(29,31,32,.4)}
.nv-h{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6);margin:13px 0 6px}
.nv-liste{display:flex;flex-direction:column;gap:1px}
/* Raekken — sammenklappet */
.nv-r{background:var(--m-surface);border:1px solid var(--line);padding:8px 11px;
min-height:44px;display:block;width:100%;text-align:left;cursor:pointer}
.nv-r.lille{opacity:.55}
.nv-r:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nv-hd{display:flex;align-items:baseline;gap:8px}
.nv-t{flex:1;font-size:13.5px;color:var(--accent-deeper);font-weight:600}
.nv-tal{font:400 11px/1 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.5);white-space:nowrap}
/* Citatet — det, man genkender */
.nv-citat{font-size:12px;color:rgba(29,31,32,.6);line-height:1.35;margin-top:2px;
display:flex;gap:6px}
.nv-streg{width:2px;flex:none;background:rgba(89,128,166,.6);display:block}
.nv-c-t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-citat.hel{color:rgba(29,31,32,.65);line-height:1.4;margin-top:3px}
.nv-citat.hel .nv-c-t{white-space:normal;overflow:visible}
/* Raekken — foldet ud */
.nv-r.aaben{border:1.5px solid var(--accent-deeper);padding:10px 11px 11px;cursor:default}
.nv-r.aaben .nv-t{font-size:14px;color:var(--text)}
.nv-valg{display:flex;flex-direction:column;gap:1px;margin-top:10px}
.nv-v{border:1px solid var(--line);padding:8px 10px;display:flex;align-items:center;
gap:10px;background:var(--m-surface);font:inherit;color:inherit;text-align:left;
cursor:pointer;min-height:44px;width:100%}
.nv-v.valgt{border:1.5px solid var(--accent-deeper);background:var(--accent-tint)}
.nv-v-mig{border:1.5px solid var(--accent-deeper);background:var(--m-tint)}
.nv-v-n{flex:1;font-size:13.5px}
.nv-v-e{font-size:11px;color:rgba(29,31,32,.45);white-space:nowrap}
.nv-v-m{flex:1}
.nv-v-m b{display:block;font-size:13.5px;font-weight:600}
.nv-v-m i{display:block;font-style:normal;font-size:11.5px;color:rgba(29,31,32,.6)}
/* Initialer i cirkel — konto. Ingen cirkel — navn brugt foer. */
.nv-cirkel{width:26px;height:26px;flex:none;display:grid;place-items:center;
border:1px solid rgba(29,31,32,.25);border-radius:50%;
font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;
color:rgba(29,31,32,.65)}
.nv-cirkel.mig{border:1.5px solid var(--accent-deeper);color:var(--accent-deeper)}
.nv-cirkel.tom{border:0}
/* Gaest: stiplet plus — ikke en fejl, man har begaaet */
.nv-v-fri{border:1px dashed rgba(89,128,166,.7);color:var(--accent-deeper)}
.nv-plus{width:26px;height:26px;flex:none;display:grid;place-items:center}
.nv-plus svg{width:15px;height:15px}
.nv-fri-felt{flex:1;border:0;background:transparent;font:inherit;
font-size:13px;color:var(--text);padding:0;min-width:0}
.nv-fri-felt:focus{outline:none}
.nv-bund{display:flex;align-items:center;justify-content:space-between;
gap:10px;margin-top:10px}
.nv-lad{background:none;border:0;padding:6px 0;font:inherit;font-size:12px;
color:rgba(29,31,32,.55);cursor:pointer;text-align:left}
.nv-saet{box-sizing:border-box;min-height:44px;padding:0 16px;display:flex;
align-items:center;background:var(--accent-deeper);color:var(--m-ink-fg);border:0;
font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;
letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.nv-saet:disabled{opacity:.4;cursor:default}
/* Navngivet — cirklen baerer, hvem det er */
.nv-navngivet{display:flex;align-items:center;gap:10px;padding:9px 11px;cursor:default}
.nv-navn{flex:1;font-size:13.5px;font-weight:600}
.nv-dig{font-size:11.5px;font-weight:400;font-style:normal;color:var(--accent-deeper)}
/* Foden: ingen taeller, ingen procent, ingen fremdriftsstreg */
.nv-fod{margin-top:11px;padding-top:9px;border-top:1px solid rgba(29,31,32,.12);
display:flex;align-items:center;gap:10px}
.nv-fod-t{flex:1;font-size:12px;color:rgba(29,31,32,.55);line-height:1.35}
.nv-vis{background:none;border:0;padding:6px 0;font:inherit;font-size:12.5px;
color:var(--accent-deeper);cursor:pointer;white-space:nowrap}
.nv-lyt{display:flex;align-items:center;gap:9px;margin-top:12px;flex-wrap:wrap}
.nv-lyt-k{background:var(--m-surface);border:1px solid var(--line);min-height:40px;
padding:0 13px;font-family:'Barlow Condensed',sans-serif;font-weight:600;
font-size:14px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.nv-lyt-u{flex:1;font-size:11.5px;color:rgba(29,31,32,.55);line-height:1.35;min-width:120px}
/* =====================================================================
v142b — Robins fem rettelser efter foerste proeve paa telefonen
===================================================================== */
/* 1 · TOPPEN BLEV SKAARET AF. Bagtaeppet centrerer boksen; er den
hoejere end skaermen, haenger den ud i BEGGE ender, og hverken
overskrift eller luk-knap kan naas. Nu: arket faar en hoejde, hovedet
staar fast, og det er KROPPEN, der ruller. */
.na-ark{display:flex;flex-direction:column;
max-height:calc(100dvh - 36px);overflow:hidden}
.na-ark .ra-h{flex:none;margin-bottom:10px}
.na-ark .na-krop{flex:1;min-height:0;overflow-y:auto;
-webkit-overflow-scrolling:touch;
padding:0 12px calc(4px + env(safe-area-inset-bottom))}
/* 2 · Karakteristikken staar under citatet — et andet slags holdepunkt,
derfor et andet udtryk: ingen streg, kursiv-let, aldrig fremhaevet. */
.nv-note{font-size:11.5px;color:rgba(29,31,32,.5);line-height:1.35;
margin-top:3px;padding-left:8px}
/* 3 · En navngivet raekke kan aabnes igen — den skal se ud som noget,
man kan trykke paa. */
.nv-navngivet{cursor:pointer}
.nv-navngivet:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
/* =====================================================================
v143 (designerens 51a): DEN HURTIGE NAVNEVAELGER
En lille menu ved navnet. Ingen OK, ingen Gem — ét tryk er valget.
Hendes maal uaendret.
===================================================================== */
.nm-lag{position:fixed;inset:0;z-index:200}
.nm{position:absolute;background:var(--bg);border:1px solid var(--m-ink);
box-shadow:0 10px 30px rgba(29,31,32,.28);
display:flex;flex-direction:column;overflow:hidden}
.nm-h{display:flex;align-items:center;gap:8px;padding:9px 12px;flex:none;
border-bottom:1px solid rgba(29,31,32,.14)}
.nm-h-t{flex:1;font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6)}
.nm-x{flex:none;background:none;border:0;padding:4px;margin:-4px -4px -4px 0;
color:rgba(29,31,32,.45);cursor:pointer;line-height:0}
.nm-x svg{width:15px;height:15px}
.nm-liste{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
display:flex;flex-direction:column}
.nm-r{display:flex;align-items:center;gap:10px;padding:9px 12px;
background:var(--m-surface);border:0;border-bottom:1px solid rgba(29,31,32,.1);
font:inherit;color:inherit;text-align:left;cursor:pointer;
min-height:44px;width:100%}
.nm-n{flex:1;font-size:13.5px;min-width:0}
.nm-n.blaa{color:var(--accent-deeper)}
.nm-n b{font-weight:600}
.nm-e{flex:none;font-size:11px;color:rgba(29,31,32,.45);white-space:nowrap}
/* Mig foerst — staal-cirkel og underlinjen om referatet */
.nm-mig{background:var(--m-tint)}
.nm-m{flex:1;min-width:0}
.nm-m b{display:block;font-size:13.5px;font-weight:600}
.nm-m i{display:block;font-style:normal;font-size:11px;color:rgba(29,31,32,.6)}
/* Cirklen siger MENNESKE — aldrig afkryds */
.nm-c{width:26px;height:26px;flex:none;display:grid;place-items:center;
border:1px solid rgba(29,31,32,.25);border-radius:50%;
font:600 10px/1 'Barlow Condensed',sans-serif;color:rgba(29,31,32,.6)}
.nm-c.mig{border:1.5px solid var(--accent-deeper);color:var(--accent-deeper)}
.nm-c.tom{border:0}
.nm-c.stiplet{border:1px dashed rgba(89,128,166,.7);color:var(--accent-deeper)}
.nm-c.plus{border:0;color:var(--accent-deeper)}
.nm-c.plus svg{width:15px;height:15px}
.nm-nyt{border-top:1px dashed rgba(89,128,166,.7);color:var(--accent-deeper)}
.nm-nyt .nm-n{font-size:13px}
.nm-lad{background:var(--bg);border-top:1px solid rgba(29,31,32,.1);border-bottom:0}
.nm-lad .nm-n{font-size:12.5px;color:rgba(29,31,32,.55)}
/* Feltet ER den oeverste raekke — ikke et ekstra trin */
.nm-felt-r{border-left:2.5px solid var(--accent-deeper);cursor:text}
.nm-felt{flex:1;min-width:0;border:0;background:transparent;padding:0;
font:600 15px/1.3 Barlow,system-ui,sans-serif;color:var(--text)}
.nm-felt:focus{outline:none}
.nm-hint{flex:none;font:600 10px/1 'Barlow Condensed',sans-serif;
letter-spacing:.08em;text-transform:uppercase;
color:rgba(29,31,32,.45);white-space:nowrap}
/* Vejen til den store skaerm, naar man er i tvivl */
.nm-fod{flex:none;display:flex;align-items:flex-start;gap:9px;
padding:9px 12px;background:var(--bg);border:0;
border-top:1px solid rgba(29,31,32,.12);
font:inherit;font-size:11.5px;line-height:1.4;color:rgba(29,31,32,.55);
text-align:left;cursor:pointer;width:100%}
.nm-fod svg{width:15px;height:15px;flex:none;margin-top:1px;
stroke:rgba(29,31,32,.45)}
.nm-fod i{font-style:normal;color:var(--accent-deeper)}
/* =====================================================================
v144 (designerens 46a+47a): INDSIGTER SOM TREDJE FANE
Ikonet er bud 1: Lucide user, hvor KROPPENS BUE baerer det roede.
Straalerne er droppet — de laeses som taarer i 19px. Paa den moerke
aktive fane bruges den lyse roede (mærkets regel fra afsnit 50).
===================================================================== */
/* Designerens regel (50a): ét greb i koden, ikke 83 rettelser. Den path,
der skal vaere roed, faar class="rd" — og det her er den ene regel.
Paa moerk grund (aktiv fane, moedehoved) bruges den lyse roede. */
.rd{stroke:var(--m-rec)}
.tab.active .rd{stroke:var(--m-rec)}
/* Opskrifter i menuen: to linjer — navnet og taelleren */
.menu-to{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.menu-u{font-size:11.5px;color:rgba(29,31,32,.55);font-weight:400;line-height:1.2}
/* ---- Indsigter-siden ---- */
#view-spor #spor-krop{padding-bottom:86px}
.in-intro{font-size:13px;color:rgba(29,31,32,.6);line-height:1.45;margin:12px 0 0}
/* fem-stregen: naaet-langt, ikke en advarsel */
.in-status{margin:14px 0 0}
.in-streg{display:flex;gap:5px}
.in-streg i{flex:1;max-width:44px;height:7px;background:rgba(29,31,32,.12);display:block}
.in-streg i.fyldt{background:var(--accent)}
.in-status-t{margin:7px 0 0;font-size:12.5px;color:rgba(29,31,32,.6)}
.in-status-t b{font-weight:600;color:var(--text)}
/* menuen over det, der kommer */
.in-liste{margin-top:12px;display:flex;flex-direction:column;gap:1px}
.in-kort{display:flex;align-items:flex-start;gap:11px;background:var(--m-surface);
border:1px solid var(--line);padding:11px 12px;min-height:56px;
font:inherit;color:inherit;text-align:left;width:100%}
.in-kort.aktiv{cursor:pointer}
.in-kort.aktiv:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.in-kort.laast{opacity:.62}
.in-ik{width:20px;height:20px;flex:none;margin-top:1px;color:var(--accent-deep)}
.in-ik svg{width:20px;height:20px;display:block}
.in-m{flex:1;min-width:0}
.in-m b{display:block;font-size:14px;font-weight:600;line-height:1.25}
.in-m i{display:block;font-style:normal;font-size:12px;
color:rgba(29,31,32,.6);line-height:1.4;margin-top:2px}
.in-tal{flex:none;font:400 12px/1 ui-monospace,Menlo,monospace;
color:rgba(29,31,32,.45)}
.in-pil{flex:none;color:rgba(29,31,32,.35);font-size:16px;line-height:1}
.in-fod{margin:12px 0 0;font-size:11.5px;color:rgba(29,31,32,.5);line-height:1.45}
/* den aabnede taletid — rammen med blueprint-hjoerner og NY-kicker */
.in-aaben{margin-top:14px;background:var(--m-surface);border:1.5px solid var(--field);
padding:12px 13px;position:relative}
.in-ny{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:var(--accent-deep);margin-bottom:9px}
.in-bjaelker{display:flex;flex-direction:column;gap:9px}
.in-aaben-t{margin:9px 0 0;font-size:12px;color:rgba(29,31,32,.6);line-height:1.45}
/* =====================================================================
v145 — to fund fra Robins test 30/8
1) Konsekvensret kender nu danske boejninger (rettelsen i app.js).
2) Indsigter siger, naar moeder baerer dit navn uden "Det er mig" —
navnet er en etiket, taelleren kraever identiteten. Linjen er
vejen derhen, ikke en bebrejdelse.
===================================================================== */
.in-bekraeft{margin-top:10px;width:100%;text-align:left;background:var(--m-surface);
border:1px dashed rgba(89,128,166,.7);padding:9px 12px;
font:inherit;font-size:12.5px;line-height:1.45;color:rgba(29,31,32,.7);
cursor:pointer;min-height:44px}
.in-bekraeft b{font-weight:600;color:var(--text)}
.in-bekraeft i{font-style:normal;color:var(--accent-deeper);white-space:nowrap}
/* v146b — svaret fra en tvaers-indsigt vises I FANEN, ikke i et moede */
.in-svar{margin-top:12px;background:var(--m-surface);border:1.5px solid var(--field)}
.in-svar-h{display:flex;align-items:center;gap:8px;padding:9px 12px;
border-bottom:1px solid rgba(29,31,32,.12)}
.in-svar-t{flex:1;font:600 11px/1 'Barlow Condensed',sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.in-svar-k{background:none;border:1px solid var(--line);min-height:32px;
padding:0 10px;font:600 12px/1 'Barlow Condensed',sans-serif;
letter-spacing:.05em;text-transform:uppercase;color:var(--accent-deeper);
cursor:pointer}
.in-svar-x{background:none;border:0;padding:4px;margin:-4px -4px -4px 0;
color:rgba(29,31,32,.45);cursor:pointer;line-height:0}
/* pre-wrap: markdown-tjeklisten skal kunne markeres og tages med som tekst */
.in-svar-krop{padding:11px 12px;font-size:13px;line-height:1.55;
white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
.in-svar-krop.venter{color:rgba(29,31,32,.55);font-size:12.5px}
/* =====================================================================
v149 — opfoelgningspunkterne som en liste, man trykker vaek.
Samme sprog som dagsordenen: hvide raekker, et hak-felt til venstre,
én linje kilde under. Panelet folder ud lige under sit kort.
===================================================================== */
.in-svar{margin:1px 0 0} /* sidder i listen, ikke under den */
.td-liste{display:flex;flex-direction:column}
.td-r{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;
background:var(--m-surface);border-top:1px solid var(--line-soft);min-height:48px;
transition:opacity .22s ease,transform .22s ease}
.td-r.vaek{opacity:0;transform:translateX(18px)}
.td-m{width:20px;height:20px;flex:none;margin-top:2px;padding:0;
background:var(--m-surface);border:1.5px solid var(--accent-deeper);cursor:pointer;
position:relative}
.td-m:hover,.td-m:focus-visible{background:var(--accent-tint);outline:none}
.td-t{flex:1;min-width:0;font-size:13.5px;line-height:1.4;color:var(--text)}
.td-k{font:400 11px/1.3 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5);margin-top:3px}
.td-tom{margin:0;padding:12px;font-size:12.5px;color:rgba(29,31,32,.55)}
.td-fod{margin:0;padding:8px 12px 10px;border-top:1px solid rgba(29,31,32,.1);
font-size:11.5px;color:rgba(29,31,32,.5);line-height:1.4}
/* =====================================================================
v150 (designerens 52a + Robins rettelser 1/9): INDSIGTER, ANDEN RUNDE
Listen staar frit paa siden, rollen er et kort der viser sit svar og
aabner sin egen skaerm, citaterne er en raekke. Versaler kun i ét
sektionshoved pr. skaerm. Fortryd er et baand i seks sekunder.
De gamle .in-kort/.td-*/.in-svar-regler er doede (ryddes senere).
===================================================================== */
/* sektionshoved + tekstknapper (12px, dyb staal) */
.li-modul{margin-top:13px}
.li-hoved{display:flex;align-items:baseline;gap:8px}
.li-h{flex:1;min-width:0;font:600 11px/1 'Barlow Condensed',sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.li-link{background:none;border:0;padding:6px 2px;margin:-6px -2px;
font:inherit;font-size:12px;color:var(--accent-deeper);cursor:pointer;
white-space:nowrap}
/* raekkerne: hele saetninger i 13.5px, kilden i 11.5px graa */
.li-liste{margin-top:8px;display:flex;flex-direction:column;gap:1px}
.li-r{display:flex;align-items:flex-start;gap:11px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.14);padding:11px 12px;
transition:opacity .22s ease,transform .22s ease}
.li-r.vaek{opacity:0;transform:translateX(18px)}
.li-m{width:20px;height:20px;flex:none;margin-top:1px;padding:0;
background:var(--m-surface);border:1.5px solid rgba(29,31,32,.35);cursor:pointer;
display:grid;place-items:center;color:var(--m-ok)}
.li-m svg{width:13px;height:13px;display:block}
.li-m:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.li-t{flex:1;min-width:0}
.li-tekst{display:block;font-size:13.5px;line-height:1.45;color:var(--text)}
.li-k{display:block;font-size:11.5px;color:rgba(29,31,32,.55);margin-top:3px}
.li-r.klaret{opacity:.45}
.li-r.klaret .li-m{border-color:var(--m-ok);cursor:default}
.li-r.klaret .li-tekst{text-decoration:line-through}
/* tilstandene: arbejder · ajour · fejl */
.li-tilstand{align-items:center;gap:10px}
.li-tt{flex:1;min-width:0;font-size:12.5px;line-height:1.4}
.li-spin{width:14px;height:14px;flex:none;border:2px solid var(--accent);
border-top-color:transparent;border-radius:50%;animation:li-snur .9s linear infinite}
@keyframes li-snur{to{transform:rotate(360deg)}}
.li-ik{width:15px;height:15px;flex:none;line-height:0;color:rgba(29,31,32,.4)}
.li-ik svg{width:100%;height:100%;display:block}
.li-ik.ok{color:var(--m-ok)}
.li-ik.ok svg{stroke-width:2.2}
.li-ik.fejl{color:var(--m-wait)}
.li-ik.fejl svg{stroke-width:1.7}
.li-ik.pil{width:15px;height:15px}
.li-ik.steel{width:18px;height:18px;color:var(--field)}
.li-ik.steel svg{stroke-width:1.5}
/* foerste gang: stiplet, to skeletlinjer og én saetning */
.li-foerste{background:var(--m-surface);border:1px dashed rgba(89,128,166,.7);padding:12px 13px}
.li-foerste .li-skel{display:block;height:8px;background:rgba(29,31,32,.16);
opacity:.35;margin-bottom:5px}
.li-foerste p{margin:9px 0 0;font-size:12.5px;line-height:1.45}
/* alt klaret */
.li-alt{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:12px 13px}
.li-alt-t{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;letter-spacing:.02em}
.li-alt-u{font-size:12px;color:rgba(29,31,32,.6);line-height:1.4;margin-top:4px}
.li-klarede{margin-top:9px;display:flex;flex-direction:column;gap:1px}
.li-klarede .li-r{padding:8px 10px}
/* grundlaget: en halv saetning, graa, uden ramme */
.li-grundlag{margin:7px 2px 0;font-size:11.5px;color:rgba(29,31,32,.55);line-height:1.45}
.li-grundlag .li-link{font-size:11.5px}
/* rollen: ét kort, der viser sit svar */
.ro-kort{display:block;width:100%;text-align:left;margin-top:14px;
border:1px solid rgba(29,31,32,.18);background:var(--m-surface);padding:12px 13px;
font:inherit;color:inherit;cursor:pointer;position:relative}
.ro-kort:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.ro-kort-h{display:flex;align-items:center;gap:8px}
.ro-kort-k{display:flex;flex-direction:column;gap:9px;margin-top:10px}
.ro-kort-u{margin:0;font-size:12px;color:rgba(29,31,32,.6);line-height:1.4}
.ro-kort-g{display:block}
.ro-kort-gn{display:block;font-size:11.5px;color:rgba(29,31,32,.55)}
.ro-kort-gt{display:block;font-size:13px;line-height:1.4;margin-top:1px;color:var(--text)}
/* raekkerne nederst: 44px, i forbifarten */
.li-raekker{margin-top:11px;display:flex;flex-direction:column;gap:1px}
.li-raekke{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:10px 12px;
min-height:44px;font:inherit;color:inherit;cursor:pointer}
.li-raekke:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.li-rt{flex:1;min-width:0;font-size:13px}
/* det faktuelle — én graa linje */
.in-fakta{margin:12px 2px 0;font-size:11.5px;color:rgba(29,31,32,.5);line-height:1.45}
/* fortryd-baandet — over fanebjaelken, seks sekunder */
.li-fortryd{position:fixed;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));
z-index:230;margin:0;padding:10px 12px}
.li-fortryd span{font-size:12.5px}
.li-fortryd button{font-size:11px;padding:8px 2px}
/* undersiderne: din rolle · det, der satte sig */
.ro-under{margin:8px 0 0;font-size:12px;color:rgba(29,31,32,.6);line-height:1.4}
.ro-boks{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.ro-boks .li-tilstand{border:1px solid rgba(29,31,32,.14)}
.ro-tom{margin:0;font-size:12.5px;color:rgba(29,31,32,.6);line-height:1.45}
.ro-fod{margin:14px 0 0;padding-top:11px;border-top:1px solid rgba(29,31,32,.12);
font-size:11.5px;color:rgba(29,31,32,.55);line-height:1.45}
.ro-g{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:12px 13px}
.ro-g.forelobig{border:1px dashed var(--accent);background:var(--m-bg)}
.ro-g-h{display:flex;align-items:baseline;gap:8px}
.ro-g-navn{flex:1;min-width:0;font-size:12px;color:rgba(29,31,32,.6)}
.ro-tag{font:600 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;
text-transform:uppercase;color:var(--accent-deep);border:1px solid var(--accent);
padding:2px 5px;white-space:nowrap}
.ro-g-t{margin:7px 0 0;font-size:13px;line-height:1.5;text-wrap:pretty;color:var(--text)}
.ro-belaeg{border-top:1px solid rgba(29,31,32,.1);margin-top:10px;padding-top:9px;
display:flex;flex-direction:column;gap:9px}
.ro-b-c{display:flex;gap:8px}
.ro-b-streg{width:2px;flex:none;background:var(--m-rec);display:block}
.ro-b-cit{flex:1;min-width:0;font-size:12.5px;line-height:1.45}
.ro-b-l{display:flex;align-items:center;gap:7px;margin-top:6px;flex-wrap:wrap}
.ro-b-tid{font:400 11px/1 ui-monospace,Menlo,monospace;color:rgba(29,31,32,.5);white-space:nowrap}
.ro-b-l .li-link{font-size:11.5px}
.ro-b-m{flex:1;min-width:0;text-align:right;font-size:11.5px;color:rgba(29,31,32,.5);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ro-mere{align-self:flex-start;font-size:11.5px;color:rgba(29,31,32,.5)}
.ci-boks{margin-top:12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:11px 12px}
.ci-krop{margin-top:9px;font-size:13px;line-height:1.55;white-space:pre-wrap;
overflow-wrap:anywhere;user-select:text}
/* belaegget lyser op i transskriptet i et par sekunder */
.t-row.t-lys{background:var(--accent-tint);transition:background .6s ease}
/* =====================================================================
v151 (Robins rettelse 1/9): MODULER, DER FOLDER UD. Kortene er 46a's,
panelet folder ud lige under sit kort (v149), og indeni sidder 52a's
moduler. Grafen over moedetid er tilbage, og linjerne om, at der er
mere at laese for hvert moede.
===================================================================== */
.in-fold{padding:10px 12px 12px}
.in-fold .li-modul{margin-top:0}
.in-fold .ro-boks{margin-top:10px}
.in-fold .ro-under{margin-top:0}
.in-fold .ci-boks{margin-top:10px;border:0;padding:0}
.in-fold .ro-fod{margin-top:12px}
.in-kort .in-pil{transition:transform .18s ease}
.in-kort.aaben .in-pil{transform:rotate(90deg)}
.in-kort .in-tal{font-size:11.5px;white-space:nowrap;margin-top:2px}
.in-kort.laast .in-tal{font-size:12px}
.mt-modul .sp-pct{min-width:52px}
.li-grundlag{margin-top:9px}
/* =====================================================================
v152 — EKSTRA MIKROFON: baandet ved optagestart. Stiplet staal (et
forslag, ikke en advarsel), over fanebjaelken, forsvinder selv.
===================================================================== */
.em-baand{position:fixed;left:12px;right:12px;z-index:235;
bottom:calc(66px + env(safe-area-inset-bottom));
background:var(--m-surface);border:1px dashed var(--accent);padding:12px 13px}
.em-baand p{margin:0;font-size:13px;line-height:1.45}
.em-knapper{display:flex;gap:10px;margin-top:10px}
.em-ja,.em-nej{flex:1;min-height:44px;font:600 13px/1 'Barlow Condensed',sans-serif;
letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.em-ja{background:var(--field);color:var(--field-text);border:0}
.em-nej{background:var(--m-surface);color:var(--accent-deeper);border:1px solid var(--line)}
/* ---------- v171: Instant → Forbedret - ét mærkat i to tilstande (handoff 57a) ----------
Hele historien fortælles i ÉT mærkat i referatfanens hoved: tre prikker + "Instant",
mens Margin forbedrer transskriberingen; én streg + "Forbedret", når referatet er
skrevet om på den bedre tekst. Figurholderen er 14×14 i begge tilstande, så intet
flytter sig. Skiftet: prikkerne vokser sammen til stregen over 300 ms. */
.frb-hoved{display:flex;align-items:center;gap:10px;margin:10px 14px 0;min-width:0}
.frb-maerkat{display:inline-flex;align-items:center;gap:6px;padding:3px 7px 3px 5px;
border:1px solid rgba(29,31,32,.25);border-radius:2px;flex:none;transition:border-color .3s}
.frb-maerkat[data-state="forbedret"]{border-color:var(--m-accent)}
.frb-ord{font:600 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;
white-space:nowrap;color:rgba(29,31,32,.65);transition:color .3s}
.frb-maerkat[data-state="forbedret"] .frb-ord{color:var(--m-accent)}
.frb-figur{position:relative;display:inline-block;width:14px;height:14px;flex:none}
.frb-figur i{position:absolute;top:6px;width:2.5px;height:2.5px;background:var(--m-accent);opacity:.25;
transition:left .3s,width .3s,opacity .3s}
.frb-figur i:nth-child(1){left:0}
.frb-figur i:nth-child(2){left:5.5px}
.frb-figur i:nth-child(3){left:11px}
/* undervejs: prikkerne lyser op én ad gangen, venstre → højre, 1,6 s pr. omgang.
Den aktive 1, den forrige .55, resten .25. Ingen rotation, ingen puls. */
[data-state="instant"] .frb-figur i,.frb-figur[data-state="instant"] i{animation:frb-prik 1.6s linear infinite}
[data-state="instant"] .frb-figur i:nth-child(2),.frb-figur[data-state="instant"] i:nth-child(2){animation-delay:.533s}
[data-state="instant"] .frb-figur i:nth-child(3),.frb-figur[data-state="instant"] i:nth-child(3){animation-delay:1.067s}
@keyframes frb-prik{0%{opacity:1}33.3%{opacity:.55}66.6%,100%{opacity:.25}}
/* Instant-udgaven set bagefter: samme prikker, men stille */
.frb-maerkat.stille .frb-figur i{animation:none;opacity:.55}
/* færdig: de tre vokser sammen til én streg, 13.5×2.5 */
[data-state="forbedret"] .frb-figur i{animation:none;opacity:1;left:0;width:13.5px}
.frb-linje{flex:1;min-width:0;font-size:11.5px;color:rgba(29,31,32,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:reduce){
[data-state="instant"] .frb-figur i,.frb-figur[data-state="instant"] i{animation:none;opacity:.55}
.frb-figur i,.frb-maerkat,.frb-ord{transition:none}
}
/* i mødemappen: kun prikkerne, kun mens der arbejdes - dér hvor status ellers står */
.m-row .frb-figur{margin-top:4px}
/* vejen tilbage: 44px-række under referatteksten, over bundlinjen */
.frb-tilbage{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 14px;margin:6px 0 0;
background:none;border:0;border-top:1px solid var(--line-soft);font:400 12px/1 Barlow,sans-serif;
color:rgba(29,31,32,.55);cursor:pointer;text-align:left}
.frb-tilbage svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.frb-tilbage .frb-chev{margin-left:auto}
.frb-tilbage:active{background:var(--field)}
/* ========== v176 (60a) · GREBSGITTERET OG MERE-ARKET ==========
Robins fund 10/9: knapperne under den røde knap kunne ikke ses samlet paa
en telefon - maalt paa 360px fyldte raekken 302px. Designerens svar er
ikke en smallere koe, men et gitter paa fire lige felter - og en regel om,
at det ikke maa vokse. Nyt greb laegges bag Mere. */
.rec-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
background:rgba(29,31,32,.14);width:100%;max-width:380px;
margin:-3px auto 0;box-sizing:border-box}
.gg-felt{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
gap:5px;padding:9px 3px;background:var(--m-surface);border:0;cursor:pointer}
.gg-felt .gg-ik{width:19px;height:19px;flex:none;display:block}
.gg-felt svg.gg-ik{fill:none;stroke:var(--m-accent);stroke-width:1.5;
stroke-linecap:round;stroke-linejoin:round}
.gg-felt svg.gg-gr{stroke:var(--m-ink)}
/* v177: moederaekke-maerket er ikke en svg - tre margener i faldende styrke
og tre linjer ved siden af, med designerens egne maal. */
.gg-raek{position:relative}
.gg-raek i{position:absolute;display:block}
.gg-raek i:nth-child(1){left:1px;top:1px;bottom:1px;width:2px;background:rgba(179,64,58,.35)}
.gg-raek i:nth-child(2){left:5px;top:1px;bottom:1px;width:2px;background:rgba(179,64,58,.6)}
.gg-raek i:nth-child(3){left:9px;top:1px;bottom:1px;width:2px;background:var(--m-rec)}
.gg-raek i:nth-child(4){left:13px;top:4px;width:5.5px;height:2px;background:var(--m-ink)}
.gg-raek i:nth-child(5){left:13px;top:8.5px;width:5.5px;height:2px;background:var(--m-ink)}
.gg-raek i:nth-child(6){left:13px;top:13px;width:3.5px;height:2px;background:var(--m-ink)}
.gg-ord{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.07em;
text-transform:uppercase;white-space:nowrap;color:rgba(29,31,32,.7)}
.gg-felt:active{background:var(--m-tint)}
.gg-felt.gg-til{background:var(--m-tint);box-shadow:inset 0 -2.5px 0 var(--m-accent)}
.gg-gemt{display:none!important}
/* Kassér: taettere paa knappen og med mindre vaegt - men til at finde. */
#btn-discard{color:rgba(29,31,32,.45);font-size:11px;margin-top:-9px;opacity:1}
#btn-discard:hover{color:var(--m-text)}
/* I kompaktbaandet staar gitterets symboler noegne, i samme raekkefoelge.
Fordi de er laert paa fuld skaerm, kan de baere sig selv her. */
/* v179 (60a skaerm 4): KOMPAKTBAANDET - ur · pause · grupper · mere · stop.
Samme symboler som gitteret, ingen ord, 16px i #94bce3 (ogsaa Gruppers buer),
og stop-knappen sidst. Moederaekke og Kassér er IKKE i baandet - de naas paa
fuld skaerm og i Mere-arket. */
.opt-kort #rec-controls{display:flex;gap:9px;width:auto;max-width:none;
background:none;border:0;margin:0 0 0 auto}
.opt-kort .gg-felt{background:none;min-height:0;padding:4px 2px;box-shadow:none}
.opt-kort .gg-felt svg.gg-ik,.opt-kort .gg-felt svg.gg-gr,
.opt-kort .gg-felt svg.gg-gr path{stroke:var(--m-on-dark)}
.opt-kort .gg-felt .gg-ik{width:16px;height:16px}
.opt-kort .gg-ord{display:none}
.opt-kort #btn-raekke,.opt-kort #btn-grupper,.opt-kort #btn-discard{display:none}
.opt-kort #rec-button{order:9}
/* MERE-ARKET - samme sprog som dagsordenens bundark. Rangordenen ER
raekkefoelgen: det situationsbestemte oeverst, eksperimentet i midten,
det destruktive nederst og alene. */
.ma-bag{position:fixed;inset:0;z-index:60;background:rgba(29,31,32,.34);
display:flex;align-items:flex-end;justify-content:center}
.ma-ark{box-sizing:border-box;width:100%;max-width:460px;background:var(--m-bg);
border-top:1px solid var(--m-ink);box-shadow:0 -8px 24px rgba(29,31,32,.14);
padding:13px 13px calc(15px + env(safe-area-inset-bottom))}
.ma-h{display:flex;align-items:center;margin-bottom:9px;
font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;
text-transform:uppercase;color:rgba(29,31,32,.6)}
.ma-h button{margin-left:auto;background:none;border:0;padding:0;cursor:pointer;
font:inherit;color:rgba(29,31,32,.6)}
.ma-linjer{display:flex;flex-direction:column;gap:1px}
.ma-linje{box-sizing:border-box;width:100%;min-height:48px;display:flex;
align-items:center;gap:10px;padding:8px 11px;text-align:left;cursor:pointer;
background:var(--m-surface);border:1px solid rgba(29,31,32,.14);color:var(--m-text)}
.ma-linje svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;
stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:rgba(29,31,32,.5)}
.ma-m{flex:1}
.ma-navn{display:block;font:400 13.5px Barlow,sans-serif}
.ma-under{display:block;margin-top:1px;font-size:12px;color:rgba(29,31,32,.5)}
.ma-farlig{margin-top:11px;color:var(--m-text)}
.ma-farlig svg{color:var(--m-text)}
@media (max-width:359px){.gg-ord{font-size:9.5px;letter-spacing:.04em}}
/* ========== v181 · FUNKTIONERNE FREM ==========
Baandet er OPTAGELSEN (ur, pause, mere, stop). Skaermen er MOEDET.
Moederaekke, Grupper og Ekstra mikrofon staar som raekker med tilstanden i
underlinjen, saa man kan se hele workshoppen uden at trykke. Formen er
designerens live-raekker fra 60a. Grupper er derfor skjult i baandet - den
staar fremme nedenunder, og skal ikke vaere to steder paa samme skaerm. */
.nu-raekker{display:flex;flex-direction:column;gap:1px;
width:100%;max-width:380px;margin:0 auto 12px;box-sizing:border-box}
.nu-raekker[hidden]{display:none}
.nu-raekke{box-sizing:border-box;width:100%;min-height:48px;display:flex;
align-items:center;gap:10px;padding:9px 11px;text-align:left;cursor:pointer;
background:var(--m-surface);border:1px solid rgba(29,31,32,.14);color:var(--m-text)}
.nu-raekke.nu-aktiv{border:1.5px solid var(--m-accent)}
.nu-raekke:active{background:var(--m-tint)}
.nu-ik{width:19px;height:19px;flex:none;display:block}
svg.nu-ik{fill:none;stroke:var(--m-ink);stroke-width:1.5;
stroke-linecap:round;stroke-linejoin:round}
.nu-m{flex:1;min-width:0}
.nu-navn{display:block;font:600 13.5px Barlow,sans-serif}
.nu-under{display:block;margin-top:1px;font-size:11px;color:rgba(29,31,32,.55)}
.nu-tal{flex:none;font:400 12px/1 ui-monospace,Menlo,monospace;color:var(--m-accent)}
.nu-chev{flex:none;color:rgba(29,31,32,.35);font-size:16px;line-height:1}
/* =====================================================================
v184: MØDESKABELONER (designerens handoff 62, skærm 3)
Værdierne er designerens: 1px rammer i rgba(29,31,32,.14), stålblå
#2c455d / #416180 / #5980a6, rødt #b3403a på program-mærket.
===================================================================== */
.sk-liste { display: flex; flex-direction: column; gap: 1px; }
.sk-kort {
display: grid; grid-template-columns: 1fr auto; gap: 2px 10px;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14);
padding: 11px 13px; text-align: left; font: inherit; color: inherit;
cursor: pointer; width: 100%;
}
.sk-kort:hover { border-color: var(--m-accent); }
.sk-kort-navn { font-size: 14.5px; font-weight: 600; }
.sk-kort-brug { font-size: 11.5px; color: rgba(29, 31, 32, .5); white-space: nowrap; }
.sk-kort-sub { grid-column: 1 / -1; font-size: 12px; color: rgba(29, 31, 32, .6); }
.sk-tom { font-size: 13px; line-height: 1.5; color: rgba(29, 31, 32, .65); margin: 4px 0 0; }
.sk-brug { font-size: 11.5px; color: rgba(242, 242, 243, .7); white-space: nowrap; }
.sk-sektion { margin: 18px 0 0; }
.sk-sek-hoved { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.sk-sek-navn {
flex: 1; font: 600 10px/1 'Barlow Condensed', sans-serif;
letter-spacing: .12em; text-transform: uppercase; color: rgba(29, 31, 32, .6);
}
/* Husets mærker: dagsorden-plus og opskrift-trappen */
.sk-maerke-program, .sk-maerke-opskrift {
width: 15px; height: 15px; flex: none; position: relative; display: block;
}
.sk-maerke-program::before {
content: ""; position: absolute; left: 5px; top: 0; bottom: 0; width: 1.7px; background: var(--m-rec);
}
.sk-maerke-program::after {
content: ""; position: absolute; left: 9.5px; top: 2px; width: 5.5px; height: 1.7px;
background: var(--m-ink); box-shadow: 0 4.7px 0 var(--m-ink), 0 9.4px 0 var(--m-rec);
}
.sk-maerke-opskrift::before {
content: ""; position: absolute; left: 3px; top: 0; bottom: 0; width: 1.7px; background: var(--m-rec);
}
.sk-maerke-opskrift::after {
content: ""; position: absolute; left: 7.5px; top: 2px; width: 5.5px; height: 1.7px;
background: var(--m-ink); box-shadow: 1.5px 4.7px 0 var(--m-ink), 3px 9.4px 0 var(--m-ink);
}
.sk-stak { display: flex; flex-direction: column; gap: 1px; }
.sk-raekke {
display: flex; align-items: center; gap: 9px;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 4px 6px 4px 10px;
}
.sk-nr {
font: 400 10.5px/1 ui-monospace, Menlo, monospace;
color: rgba(29, 31, 32, .45); white-space: nowrap;
}
.sk-felt {
flex: 1; border: 0; background: transparent; font: inherit; font-size: 12.5px;
padding: 5px 0; min-width: 0; color: inherit;
}
.sk-felt:focus { outline: none; box-shadow: inset 0 -1px 0 var(--m-accent); }
.sk-o-navn { flex: 1; font-size: 12.5px; font-weight: 600; padding: 5px 0; }
.sk-x {
border: 0; background: transparent; color: rgba(29, 31, 32, .4);
font-size: 13px; line-height: 1; padding: 6px; cursor: pointer;
}
.sk-x:hover { color: var(--m-text); }
.sk-maerke {
font: 600 9px/1 'Barlow Condensed', sans-serif; letter-spacing: .1em;
text-transform: uppercase; color: rgba(29, 31, 32, .4);
border: 1px solid rgba(29, 31, 32, .2); background: transparent;
padding: 3px 5px; white-space: nowrap; cursor: pointer;
}
.sk-maerke.paa { color: var(--m-accent); border-color: var(--m-accent); }
.sk-plus { height: 16px; display: flex; align-items: center; }
.sk-plus-linje { flex: 1; height: 1px; background: rgba(89, 128, 166, .5); }
.sk-plus-knap {
font: 600 12px/1 'Barlow Condensed', sans-serif; color: var(--m-accent);
border: 0; background: transparent; padding: 0 7px; cursor: pointer;
}
.sk-vaelg {
margin-top: 6px; width: 100%; font: inherit; font-size: 12.5px;
border: 1px dashed rgba(89, 128, 166, .7); background: transparent;
color: var(--m-accent); padding: 8px 10px;
}
.sk-hint { font-size: 12px; color: rgba(29, 31, 32, .6); margin: 6px 0 0; }
.sk-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.sk-chip {
display: inline-flex; align-items: center; gap: 5px;
padding: 6px 10px; background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .16);
font: inherit; font-size: 11.5px; color: inherit;
}
.sk-chip-x {
border: 0; background: transparent; color: rgba(29, 31, 32, .4);
font-size: 11px; line-height: 1; padding: 0; cursor: pointer;
}
.sk-chip-x:hover { color: var(--m-text); }
.sk-chip-ny {
border: 1px dashed rgba(89, 128, 166, .7); background: transparent;
color: var(--m-accent); cursor: pointer;
}
.sk-eksempel {
/* 7px i siderne: blueprint-hjørnerne stikker 6px ud og gav ellers
en vandret rulning på hele appen (målt 13/9) */
margin: 9px 7px 0; border: 1px solid rgba(29, 31, 32, .18);
background: var(--m-bg); padding: 9px 11px;
}
.sk-eks-hoved {
font: 600 9.5px/1 'Barlow Condensed', sans-serif; letter-spacing: .1em;
text-transform: uppercase; color: var(--m-accent);
}
.sk-eks-raekke {
display: flex; align-items: center; gap: 9px; margin-top: 7px;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 7px 9px;
}
.sk-eks-navn { flex: 1; font-size: 12px; color: rgba(29, 31, 32, .6); }
.sk-eks-vaerdi { font-size: 12px; font-weight: 600; }
.sk-fod {
margin: 18px 0 0; padding-top: 11px; border-top: 1px solid rgba(29, 31, 32, .12);
font-size: 11px; line-height: 1.45; color: rgba(29, 31, 32, .5);
}
/* =====================================================================
v185: FIRE DØRE OG UDKASTET (handoff 62, skærm 1 og 2)
===================================================================== */
.fh-under { margin: 5px 0 0; font-size: 12.5px; line-height: 1.45; color: rgba(29, 31, 32, .6); }
.skny-kort {
border: 1.5px solid var(--m-accent); background: var(--m-surface); padding: 12px 13px; margin: 4px 6px 0;
}
.skny-hoved { display: flex; align-items: baseline; gap: 8px; }
.skny-titel {
flex: 1; font-family: 'Barlow Condensed', sans-serif; font-weight: 600;
font-size: 18px; letter-spacing: .02em; line-height: 1.1;
}
.skny-bedst {
font: 600 9.5px/1 'Barlow Condensed', sans-serif; letter-spacing: .1em;
text-transform: uppercase; color: var(--m-accent); border: 1px solid var(--m-accent);
padding: 2px 5px; white-space: nowrap;
}
.skny-tekst { margin: 5px 0 0; font-size: 12.5px; color: rgba(29, 31, 32, .7); line-height: 1.45; }
.skny-drop {
box-sizing: border-box; width: 100%; min-height: 62px; display: flex;
flex-direction: column; align-items: center; justify-content: center; gap: 4px;
border: 1.5px dashed rgba(89, 128, 166, .75); background: transparent;
margin-top: 10px; padding: 9px; cursor: pointer; font: inherit; color: inherit;
}
.skny-drop.over { background: var(--m-tint); border-color: var(--m-accent); }
.skny-drop svg { width: 19px; height: 19px; fill: none; stroke: var(--m-accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.skny-drop-stor {
font: 600 13px/1 'Barlow Condensed', sans-serif; letter-spacing: .05em;
text-transform: uppercase; color: var(--m-accent);
}
.skny-drop-lille { font-size: 11px; color: rgba(29, 31, 32, .55); }
.skny-liste { display: flex; flex-direction: column; gap: 1px; margin-top: 8px; }
.skny-fil {
display: flex; align-items: center; gap: 8px; background: var(--m-bg);
border: 1px solid rgba(29, 31, 32, .12); padding: 3px 4px 3px 9px;
}
.skny-fil-ik { display: flex; color: var(--m-accent); }
.skny-fil-ik svg { width: 14px; height: 14px; }
.skny-fil-navn { flex: 1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.skny-laes {
box-sizing: border-box; width: 100%; min-height: 48px; display: flex;
align-items: center; justify-content: center; background: var(--m-accent); color: var(--m-ink-fg);
font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 16px;
letter-spacing: .06em; text-transform: uppercase; margin-top: 10px;
border: 0; cursor: pointer;
}
.skny-laes[disabled] { opacity: .6; }
.skny-doere { display: flex; flex-direction: column; gap: 1px; margin: 11px 6px 0; }
.skny-doer {
box-sizing: border-box; width: 100%; min-height: 52px; display: flex;
align-items: center; gap: 11px; padding: 8px 12px; background: var(--m-surface);
border: 1px solid rgba(29, 31, 32, .14); font: inherit; color: inherit;
text-align: left; cursor: pointer;
}
.skny-doer svg { width: 17px; height: 17px; flex: none; fill: none; stroke: var(--m-accent); stroke-width: 1.5; stroke-linecap: round; }
.skny-doer-tekst { flex: 1; }
.skny-doer-navn { display: block; font-size: 13.5px; font-weight: 600; }
.skny-doer-sub { display: block; font-size: 11.5px; color: rgba(29, 31, 32, .55); }
.skny-pil { color: rgba(29, 31, 32, .35); }
.skny-bund {
margin: 16px 6px 0; padding-top: 11px; border-top: 1px solid rgba(29, 31, 32, .12);
font-size: 12px; color: rgba(29, 31, 32, .6);
}
.skny-tom { border: 0; background: transparent; font: inherit; color: var(--m-accent); cursor: pointer; padding: 0; }
/* --- udkastet --- */
.sku-status { font-size: 12.5px; color: rgba(29, 31, 32, .6); margin: 2px 0 10px; }
.sku-skelet {
height: 34px; background: linear-gradient(90deg, rgba(29,31,32,.07), rgba(29,31,32,.12), rgba(29,31,32,.07));
background-size: 200% 100%; animation: sku-puls 1.6s ease-in-out infinite;
}
@keyframes sku-puls { 0% { background-position: 0% 0; } 100% { background-position: -200% 0; } }
.sku-navn-raekke {
display: flex; align-items: center; gap: 9px; background: var(--m-surface);
border: 1px solid rgba(29, 31, 32, .14); padding: 4px 6px 4px 10px;
}
.sku-navn-mrk {
font: 600 10px/1 'Barlow Condensed', sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .5); white-space: nowrap;
}
.sku-navn-felt {
flex: 1; border: 0; background: transparent; font: inherit; font-size: 14px;
font-weight: 600; padding: 7px 0; min-width: 0; color: inherit;
}
.sku-navn-felt:focus { outline: none; box-shadow: inset 0 -1px 0 var(--m-accent); }
.sku-sek { margin-top: 16px; }
.sku-tal { font: 400 10.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .45); }
.sku-fund {
display: flex; align-items: center; gap: 9px; background: var(--m-surface);
border: 1px solid rgba(29, 31, 32, .14); padding: 4px 6px 4px 10px;
}
.sku-fund.kun-en { border: 1.5px dashed var(--m-accent); background: var(--m-bg); }
.sku-prik { width: 8px; height: 8px; flex: none; background: var(--m-accent); }
.sku-prik.aaben { background: transparent; border: 1.2px solid var(--m-accent); }
.sku-fund-tekst { flex: 1; font-size: 12.5px; padding: 5px 0; }
.sku-fund.kun-en .sku-fund-tekst { color: var(--m-accent); }
.sku-kilde {
font: 400 9.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .4);
white-space: nowrap;
}
.sku-kilde.kun-en { color: var(--m-accent); }
.sku-noegle { font-size: 11px; color: rgba(29, 31, 32, .55); margin: 6px 0 0; line-height: 1.4; }
.sku-noegle-b { color: var(--m-accent); }
.sku-tone {
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 9px 11px;
font-size: 12px; line-height: 1.45; color: rgba(29, 31, 32, .75);
}
.sku-fod {
display: flex; gap: 8px; align-items: center; margin: 18px 16px 22px;
padding-top: 11px; border-top: 1px solid rgba(29, 31, 32, .12);
}
.sku-fod-tekst { flex: 1; font-size: 11.5px; color: rgba(29, 31, 32, .55); line-height: 1.4; }
/* --- skærm 3: kilde-bogstavet på et afsnit, og linjen om hvor det kom fra --- */
.sk-raekke.sk-kun-en { border: 1.5px dashed var(--m-accent); background: var(--m-bg); }
.sk-kilde {
font: 400 9.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .4);
white-space: nowrap;
}
.sk-kilder-linje { font-size: 11px; color: rgba(29, 31, 32, .5); margin: 14px 0 0; }
.sk-tone-felt {
width: 100%; box-sizing: border-box; border: 1px solid rgba(29, 31, 32, .14);
background: var(--m-surface); font: inherit; font-size: 12px; line-height: 1.45;
padding: 9px 11px; color: inherit; resize: vertical; min-height: 56px;
}
/* ================== v188 · UDGAVER (handoff 61) ==================
"Samme samtale, læst på flere måder." Værdierne er designerens egne
fra `handoff-61 udgaver.html`: 52px miniature, 1.5px stål-kant på det
lavede, 1px stiplet på det, der kan laves, navn 12.5px/600 og status
10.5px grå. Stiplet betyder "findes ikke endnu" — samme sprog som
forslag, gæst og ny møderække alle andre steder i appen. */
.udg-flade { padding: 12px 12px 24px; }
.udg-intro { font-size: 12px; line-height: 1.45; color: rgba(29, 31, 32, .6); margin: 0 0 10px; }
.udg-fod { font-size: 11px; line-height: 1.4; color: rgba(29, 31, 32, .5); margin: 12px 0 0; }
.udg-galleri { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.udg-felt {
display: flex; flex-direction: column; text-align: left; cursor: pointer;
box-sizing: border-box; padding: 8px; font: inherit; color: inherit;
background: transparent; border: 1px dashed rgba(89, 128, 166, .75);
}
.udg-felt.lavet { background: var(--m-surface); border: 1.5px solid var(--m-accent); }
.udg-felt.spaerret { cursor: default; opacity: .6; border-style: dotted; }
/* rammen om miniaturen: fladen har kun farve, når udgaven FINDES */
.udg-ramme { display: flex; height: 52px; box-sizing: border-box; padding: 8px 7px; opacity: .55; }
.udg-felt.lavet .udg-ramme,
.udg-felt.arbejder .udg-ramme {
background: var(--m-bg); border: 1px solid rgba(29, 31, 32, .1); padding: 6px 7px; opacity: 1;
}
.udg-mini { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 3.5px; }
/* referat: fire mørke linjer + to lysere (et afsnit set på afstand) */
.udg-linje { display: block; height: 3px; background: rgba(29, 31, 32, .3); }
.udg-linje.lys { background: rgba(29, 31, 32, .16); }
/* aktioner: afkrydsningsrækker */
.udg-akt-r { display: flex; align-items: center; gap: 5px; }
.udg-boks { flex: none; width: 8px; height: 8px; border: 1.2px solid rgba(29, 31, 32, .4); }
.udg-streg { flex: 1; height: 3px; background: rgba(29, 31, 32, .22); }
/* tidslinje: søjler efter emnernes længde + en grundlinje */
.udg-soejler { display: flex; align-items: flex-end; gap: 2px; height: 14px; }
.udg-soejler i { display: block; flex: 1; background: rgba(44, 69, 93, .55); }
.udg-soejler i.lys { background: rgba(44, 69, 93, .35); }
.udg-grundlinje { display: block; height: 1px; background: rgba(29, 31, 32, .25); margin-top: 6px; }
/* mødekort: bobler med rute */
.udg-svg { width: 100%; height: 100%; display: block; }
.udg-navnelinje { display: flex; align-items: center; gap: 6px; margin-top: 7px; }
.udg-navn { flex: 1; min-width: 0; font-size: 12.5px; font-weight: 600; }
.udg-felt:not(.lavet) .udg-navn { color: var(--m-accent); }
.udg-hak { flex: none; width: 12px; height: 12px; }
.udg-lav {
flex: none; font: 600 9px/1 "Barlow Condensed", sans-serif; letter-spacing: .1em;
text-transform: uppercase; color: var(--m-accent); white-space: nowrap;
}
.udg-prikker { margin: 0; }
.udg-status { font-size: 10.5px; color: rgba(29, 31, 32, .5); margin-top: 1px; }
.udg-felt.arbejder .udg-status { color: var(--m-accent); }
/* fem faste faner (workshop-møder): navnene skal kunne læses, så de
skrumper i stedet for at blive klippet. Rækken ruller aldrig. */
.tabs-inline.mange .ti-fast { font-size: 14px; padding: 13px 1px; letter-spacing: 0; }
/* ---- v190 · mødeskabelonen: navnet ER overskriften (handoff 62, skærm 3) ---- */
.sk-titel {
display: block; width: 100%; text-align: left; border: 0; background: transparent;
padding: 0; margin-top: 6px; cursor: pointer; color: inherit;
font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 22px; line-height: 1.05;
}
.sk-titel:hover { color: var(--field-muted); }
/* De tre sektioner ovenfor er skabelonens form. Det herunder er det, der
blev læst ud af dokumenterne - adskilt, så skærmen læses som handoffet. */
.sk-mere { margin-top: 22px; padding-top: 4px; border-top: 1px solid rgba(29, 31, 32, .16); }
.sk-mere-hoved {
font: 600 10px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .45); margin-top: 14px;
}
/* ============ v192 · UDGAVEN ÅBNET (handoff 64, skærm 1-2) ============
En hel skærm, ikke et ark. Værdierne er designerens egne fra
`handoff-64 udgaverne aabner 1.html`. */
.ug-del {
display: inline-flex; align-items: center; gap: 5px; border: 0; background: transparent;
font: inherit; font-size: 13px; cursor: pointer; padding: 4px 2px;
/* v205: hovedet ER stålfeltet. Knappen stod i stål-blå paa stål-blaat og
forsvandt (Robins fund 14/9). Husets egne hoved-knapper bruger
field-muted og lyser op ved tryk - det gør denne nu ogsaa. */
color: var(--field-muted);
}
.ug-del:hover, .ug-del:active { color: var(--field-text); }
.ug-del svg { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor;
stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ug-titel {
font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 20px;
line-height: 1.1; margin-top: 5px;
}
.ug-under { font-size: 11.5px; color: rgba(242, 242, 243, .7); margin-top: 2px; }
/* skiftestriben: de samme miniaturer i 44x34 */
.ug-stribe {
display: flex; gap: 5px; align-items: center; padding: 10px 13px 9px;
border-bottom: 1px solid var(--line); background: var(--m-surface); overflow-x: auto;
}
.ug-stribe::-webkit-scrollbar { display: none; }
.ug-mini-knap {
position: relative; width: 44px; height: 34px; flex: none; padding: 3px; cursor: pointer;
background: var(--m-bg); border: 1px dashed rgba(89, 128, 166, .75); opacity: .6;
display: flex; align-items: center; justify-content: center;
}
.ug-mini-knap.lavet { border: 1px solid rgba(29, 31, 32, .16); opacity: 1; }
.ug-mini-knap.aktiv { background: var(--m-tint); border: 1.5px solid var(--m-accent); opacity: 1; }
.ug-mini-knap.arbejder { opacity: 1; }
.ug-mini-knap .udg-mini { width: 100%; height: 100%; gap: 2px; }
.ug-prikker { position: absolute; right: -2px; bottom: -3px; background: var(--m-surface); }
.ug-alle {
margin-left: auto; flex: none; border: 0; background: transparent; cursor: pointer;
font: inherit; font-size: 11.5px; color: var(--m-accent); padding: 4px 2px; white-space: nowrap;
}
.ug-krop { padding: 11px 13px 24px; }
.ug-tom { font-size: 13px; color: rgba(29, 31, 32, .6); margin: 0 0 12px; }
.ug-fod {
padding: 9px 13px 16px; margin: 0; font-size: 11px; line-height: 1.45;
color: rgba(29, 31, 32, .55);
}
/* ---- handlepunkter: et manglende felt er en kortere linje ---- */
.ug-krop.hp { display: flex; flex-direction: column; gap: 1px; }
.hp-r {
display: flex; gap: 10px; align-items: flex-start;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 10px 12px;
}
.hp-boks {
width: 16px; height: 16px; flex: none; margin-top: 2px; display: block;
border: 1.4px solid rgba(29, 31, 32, .35);
}
.hp-midt { flex: 1; min-width: 0; }
.hp-tekst { display: block; font-size: 13.5px; line-height: 1.4; }
.hp-meta { display: flex; align-items: center; gap: 6px; margin-top: 5px; flex-wrap: wrap; }
.hp-ejer { font-size: 11.5px; color: rgba(29, 31, 32, .7); }
.hp-prik { width: 3px; height: 3px; border-radius: 50%; background: rgba(29, 31, 32, .3); display: block; }
.hp-frist { font: 400 11px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .6); white-space: nowrap; }
.hp-mangler {
display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px;
border: 1px dashed rgba(89, 128, 166, .75); color: var(--m-accent); font-size: 11px;
}
.hp-mangler svg { width: 10px; height: 10px; flex: none; fill: none; stroke: currentColor;
stroke-width: 2.2; stroke-linecap: round; }
.hp-besluttet-h {
margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(29, 31, 32, .12);
font: 600 10px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .55);
}
.hp-b { display: flex; gap: 9px; align-items: flex-start; padding: 6px 0 0; }
.hp-b-firkant { width: 8px; height: 8px; flex: none; margin-top: 5px; background: var(--m-ok); display: block; }
.hp-b-tekst { flex: 1; font-size: 12.5px; line-height: 1.4; }
/* ---- tidslinje: båndet fra kortet, og hvert emne som en række ---- */
.tl-baand { display: flex; gap: 2px; }
.tl-baand i { height: 10px; display: block; }
.tl-akse {
display: flex; justify-content: space-between; margin-top: 4px;
font: 400 10.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .5);
}
.tl-r {
display: flex; gap: 10px; align-items: flex-start; padding: 8px 0;
border-bottom: 1px solid rgba(29, 31, 32, .1);
}
.tl-r:first-of-type { margin-top: 11px; }
.tl-r.af { background: var(--m-surface); margin: 0 -6px; padding-left: 6px; padding-right: 6px; }
.tl-kant { width: 3px; flex: none; align-self: stretch; display: block; }
.tl-midt { flex: 1; min-width: 0; }
.tl-navn { display: block; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.tl-under { display: flex; align-items: center; gap: 6px; margin-top: 3px; flex-wrap: wrap; }
.tl-tid { font-size: 11px; color: rgba(29, 31, 32, .55); }
.tl-maerke {
font: 600 9.5px/1 "Barlow Condensed", sans-serif; letter-spacing: .1em;
text-transform: uppercase; color: var(--m-accent); border: 1px solid var(--m-accent);
padding: 2px 5px; white-space: nowrap;
}
.tl-maerke.af { color: var(--m-rec); border-color: var(--m-rec); }
.tl-varighed {
font: 400 12px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .6);
white-space: nowrap; margin-top: 2px;
}
/* ---- v194: punkterne kan hakkes af og udfyldes (migration v193) ---- */
.hp-boks {
padding: 0; cursor: pointer; background: transparent; display: grid; place-items: center;
}
.hp-boks svg { width: 10px; height: 10px; fill: none; stroke: var(--m-ok);
stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
.hp-r.klaret .hp-boks { border-color: var(--m-ok); }
.hp-r.klaret .hp-midt { opacity: .5; }
.hp-r.klaret .hp-tekst { text-decoration: line-through; }
.hp-ejer, .hp-frist {
border: 0; background: transparent; padding: 0; cursor: pointer; font: inherit;
}
.hp-ejer { font-size: 11.5px; color: rgba(29, 31, 32, .7); }
.hp-frist { font: 400 11px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .6); }
.hp-mangler { cursor: pointer; font-family: inherit; }
/* ============ v195 · MOCKUPPEN (handoff 63) ============
"Sådan kommer den ud." Tre flader, tre oprindelser: formen i blæk,
mødets tekst som stiplede zoner, rækkens svar med stål-kant til
venstre. Værdierne er designerens fra `handoff-63 skabelonens output`. */
.sf-under { font-size: 11.5px; color: rgba(29, 31, 32, .6); line-height: 1.4; margin: 3px 0 0; }
.sf-papir {
margin: 10px 11px 0; background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .18);
padding: 11px 12px;
}
.sf-hoved {
display: flex; align-items: center; gap: 6px;
padding-bottom: 8px; border-bottom: 1px solid rgba(29, 31, 32, .12);
}
.sf-navn {
flex: 1; min-width: 0; font: 600 10px/1 "Barlow Condensed", sans-serif;
letter-spacing: .12em; text-transform: uppercase; color: rgba(29, 31, 32, .55);
}
.sf-format {
font: 400 10px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .45);
white-space: nowrap;
}
/* rækkens svar: hverken form eller mødetekst - derfor sin egen figur */
.sf-felter { margin-top: 9px; display: flex; flex-direction: column; gap: 4px; }
.sf-felt { display: flex; gap: 7px; align-items: baseline; }
.sf-felt-navn { width: 108px; flex: none; font-size: 10.5px; color: rgba(29, 31, 32, .6); }
.sf-svar { flex: 1; height: 9px; display: block; background: var(--m-tint); border-left: 2px solid var(--m-accent); }
.sf-forklar {
display: flex; align-items: center; gap: 6px; margin-top: 3px;
font-size: 10px; color: rgba(29, 31, 32, .5);
}
.sf-svar-proeve { width: 11px; flex: none; }
/* formen i blæk, prosaen som stiplet zone */
.sf-afsnit { margin-top: 11px; display: flex; flex-direction: column; gap: 9px; }
.sf-a-hoved { display: flex; gap: 6px; align-items: baseline; }
.sf-a-nr { font: 400 11px/1.3 ui-monospace, Menlo, monospace; color: var(--m-accent); }
.sf-a-titel {
flex: 1; font-family: "Barlow Condensed", sans-serif; font-weight: 600;
font-size: 14px; letter-spacing: .01em; line-height: 1.2;
}
.sf-zone {
margin: 5px 0 0 18px; border: 1px dashed rgba(89, 128, 166, .7);
background: var(--m-bg); padding: 6px 7px;
}
.sf-tone { font-size: 10.5px; color: var(--m-accent); line-height: 1.4; font-style: italic; }
.sf-tone-maerke { color: rgba(29, 31, 32, .45); font-style: normal; }
.sf-linjer { display: flex; flex-direction: column; gap: 3px; margin-top: 5px; }
.sf-linjer span { height: 5px; background: rgba(89, 128, 166, .22); display: block; }
.sf-legende { margin: 9px 13px 0; display: flex; align-items: flex-start; gap: 8px;
font-size: 11px; color: rgba(29, 31, 32, .6); line-height: 1.4; }
.sf-proeve {
width: 13px; height: 13px; flex: none; margin-top: 2px; display: block;
border: 1px dashed rgba(89, 128, 166, .8); background: var(--m-bg);
}
.sf-knapper { padding: 10px 13px calc(13px + env(safe-area-inset-bottom)); display: flex; gap: 7px; }
.sf-knapper .btn { min-height: 48px; }
.sf-knapper .primary { flex: 1; }
/* ---- kortet "Kommer ud af mødet" (erstatter opskriftssektionen) ---- */
.sk-ud {
display: flex; gap: 11px; align-items: flex-start;
background: var(--m-surface); border: 1.5px solid var(--m-accent); padding: 11px 12px;
}
.sk-ud-mini { flex: none; }
.udg-mini-skabelon { width: 40px; height: 52px; gap: 4px; }
.sk-ud-midt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sk-ud-navn {
font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 17px;
line-height: 1.1;
}
.sk-ud-linje { font-size: 11.5px; color: rgba(29, 31, 32, .6); margin-top: 2px; }
.sk-ud-auto {
display: inline-flex; align-items: center; gap: 5px; margin-top: 6px;
font-size: 11.5px; color: rgba(29, 31, 32, .6);
}
.sk-ud-auto svg { width: 11px; height: 11px; flex: none; fill: none; stroke: var(--m-ok);
stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.sk-ud-greb { display: flex; gap: 7px; margin-top: 10px; flex-wrap: wrap; }
.sk-ud-se, .sk-ud-laeg {
font: 600 11px/1 "Barlow Condensed", sans-serif; letter-spacing: .08em;
text-transform: uppercase; padding: 7px 11px; cursor: pointer; background: transparent;
}
.sk-ud-se { border: 1px solid var(--m-accent); color: var(--m-accent); }
.sk-ud-laeg { border: 1px dashed rgba(89, 128, 166, .75); color: var(--m-accent); }
.sk-ud-fod { font-size: 11px; color: rgba(29, 31, 32, .5); line-height: 1.45; margin: 8px 0 0; }
/* v199: underlinjen står i det MØRKE hoved - mørk tekst på mørk bund kunne
ikke læses (Robins skærmbillede 14/9). Samme farve som husets øvrige
underlinjer på stålfelt. */
.sf-under { color: rgba(242, 242, 243, .75); }
/* materiale uden form: sproget er det, papiret så skal vise */
.sf-ingenform {
margin: 11px 0 0; padding-top: 9px; border-top: 1px solid rgba(29, 31, 32, .12);
font-size: 11px; line-height: 1.45; color: rgba(29, 31, 32, .55);
}
/* ============ v200 · MØDEKORTET INDE I UDGAVEN ============
Samme regler som kortsidens egne, scopet under .ug-krop.kort så de
aldrig kan slippe ud i resten af appen. Tegningen kommer fra
/kort-tegn.js - ét modul, to steder brugt. */
.ug-krop.kort {
padding: 12px 12px 24px;
/* kortsidens egne navne - appen hedder sine farver noget andet */
--papir: var(--m-bg); --blaek: var(--m-text); --felt: var(--m-ink);
--staal: var(--m-accent); --dyb: var(--m-accent); --roed: var(--m-rec);
--boble: var(--m-bg); --genbesoeg: var(--m-tint);
--linje: rgba(29, 31, 32, .14); --daemp: rgba(29, 31, 32, .55);
--mono: ui-monospace, Menlo, Consolas, monospace;
}
.ug-krop.kort svg { display: block; width: 100%; height: auto; }
/* faelles skaerm (53a, kort 3): kortet beholder to tredjedele og bliver
bredt i stedet for hoejt; panelet staar til hoejre og skifter, uden at
kortet flytter sig. Paa smalle skaerme stables de. */
.ug-krop.kort .flade{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
@media (min-width:900px), (hover:hover) and (pointer:fine){ .flade{grid-template-columns:2fr 1fr} .hoejre{position:sticky;top:12px} }
.ug-krop.kort .meta{font-size:11.5px;color:var(--daemp);margin:0 0 8px}
.ug-krop.kort .kortramme{background:var(--m-surface);border:1px solid var(--linje);position:relative;padding:6px 4px}
.ug-krop.kort svg{display:block;width:100%;height:auto}
.ug-krop.kort .styr{position:absolute;top:10px;right:10px;display:flex;gap:8px}
/* ruten */
.ug-krop.kort .rute{fill:none;stroke:var(--staal);stroke-width:1.6}
.ug-krop.kort .rute.af{stroke:var(--roed);stroke-dasharray:5 4}
.ug-krop.kort .pil{fill:none;stroke:var(--staal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ug-krop.kort .pil.af{stroke:var(--roed)}
.ug-krop.kort .boble circle.krop{fill:var(--boble);stroke:var(--dyb);stroke-width:1.4;cursor:pointer;
transition:stroke-width .15s ease}
.ug-krop.kort .boble.genb circle.krop{fill:var(--genbesoeg);stroke-width:2}
.ug-krop.kort .boble.af circle.krop{stroke:var(--roed);stroke-dasharray:4 3}
.ug-krop.kort .boble:hover circle.krop, .ug-krop.kort .boble.valgt circle.krop{stroke-width:3}
.ug-krop.kort .boble text{cursor:pointer;user-select:none}
.ug-krop.kort .b-nr{font:400 13px/1 var(--mono);fill:var(--dyb)}
.ug-krop.kort .boble.af .b-nr{fill:var(--roed)}
.ug-krop.kort .b-navn{font:600 12.5px/1 'Barlow Condensed',sans-serif;fill:var(--blaek);letter-spacing:.02em}
.ug-krop.kort .mrk-ring{fill:var(--m-surface);stroke:var(--staal);stroke-width:1.1}
/* tegnforklaring: kun rutens egenskaber — maerkerne laeres i panelet */
.ug-krop.kort .forklaring{display:flex;align-items:center;gap:14px;margin-top:9px;flex-wrap:wrap}
.ug-krop.kort .forklaring span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:rgba(29,31,32,.6)}
.ug-krop.kort .fk-af{width:13px;height:13px;flex:none;border:1.3px dashed var(--roed);border-radius:50%}
.ug-krop.kort .fk-gb{width:13px;height:13px;flex:none;border:2px solid var(--dyb);border-radius:50%}
/* tidslinjen: det faste overblik — bliver siddende, mens kortet ruller */
.ug-krop.kort .tl-hold{position:sticky;bottom:0;background:var(--papir);padding:10px 0 8px;z-index:5}
.ug-krop.kort .tidslinje{display:flex;gap:2px}
.ug-krop.kort .tidslinje i{display:block;height:10px;cursor:pointer}
.ug-krop.kort .tidslinje i:hover, .ug-krop.kort .tidslinje i.valgt{outline:2px solid var(--blaek);outline-offset:1px}
.ug-krop.kort .tl-akse{display:flex;justify-content:space-between;margin-top:4px;
font:400 10.5px/1 var(--mono);color:rgba(29,31,32,.5)}
/* panelet: én soejle, to haarstreger, tre lag (53a, kort 2) */
.ug-krop.kort .panel{background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:12px 13px}
.ug-krop.kort .pk-h{display:flex;align-items:baseline;gap:8px}
.ug-krop.kort .pk-navn{flex:1;font:600 21px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em}
.ug-krop.kort .pk-tid{font:400 11.5px/1 var(--mono);color:var(--daemp);white-space:nowrap}
.ug-krop.kort .pk-meta{font-size:11.5px;color:var(--daemp);margin-top:3px}
.ug-krop.kort .pk-fort{font-size:13.5px;line-height:1.55;margin-top:9px;text-wrap:pretty}
.ug-krop.kort .pk-lag{border-top:1px solid rgba(29,31,32,.1);margin-top:11px;padding-top:10px;
display:flex;flex-direction:column;gap:8px}
.ug-krop.kort .ud-r{display:flex;gap:9px;align-items:flex-start}
.ug-krop.kort .ud-m{width:20px;height:20px;flex:none;margin-top:1px;display:grid;place-items:center;
border:1px solid var(--staal);border-radius:50%}
.ug-krop.kort .ud-m svg{width:11px;height:11px}
.ug-krop.kort .ud-t{flex:1;font-size:13px;line-height:1.45}
.ug-krop.kort .ud-s{color:var(--daemp)}
.ug-krop.kort .ud-intet{font-size:12.5px;color:rgba(29,31,32,.6)}
.ug-krop.kort .cit{display:flex;gap:8px}
.ug-krop.kort .cit i{width:2px;flex:none;background:var(--roed)}
.ug-krop.kort .cit div{flex:1}
.ug-krop.kort .cit p{margin:0;font-size:12.5px;line-height:1.45}
.ug-krop.kort .cit span{display:flex;align-items:center;gap:7px;margin-top:4px;
font:400 10.5px/1 var(--mono);color:rgba(29,31,32,.5)}
.ug-krop.kort .pk-fod{margin-top:10px;display:flex;align-items:center;gap:9px}
.ug-krop.kort .pk-fod button{background:none;border:0;padding:4px 0;font:400 12px/1 Barlow,sans-serif;
color:var(--dyb);cursor:pointer}
.ug-krop.kort .pk-fod button:disabled{opacity:0;pointer-events:none}
.ug-krop.kort .pk-fod .fyld{flex:1}
/* ============ v201 · RÆKKEN VÆLGER FORMEN (handoff 62, skærm 4-5) ============
Skabelonen bestemmer hvilke felter der findes; rækken holder svarene.
Værdien står til HØJRE, så felterne kan skimmes som en kolonne. */
.rs-linje {
display: flex; align-items: center; gap: 9px; width: 100%; box-sizing: border-box;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 9px 11px;
cursor: pointer; font: inherit; color: inherit; text-align: left; margin-bottom: 10px;
}
.rs-linje.tom { background: transparent; border-style: dashed; }
.rs-mrk {
width: 15px; height: 15px; flex: none; position: relative; display: block;
}
.rs-mrk::before {
content: ""; position: absolute; left: 3px; top: 0; bottom: 0; width: 1.7px; background: var(--m-rec);
}
.rs-mrk::after {
content: ""; position: absolute; left: 7.5px; top: 2px; width: 5.5px; height: 1.7px;
background: var(--m-ink); box-shadow: 1.5px 4.7px 0 var(--m-ink), 3px 9.4px 0 var(--m-ink);
}
.rs-navn { flex: 1; min-width: 0; font-size: 13px; }
.rs-linje.tom .rs-navn { color: rgba(29, 31, 32, .6); }
.rs-chev { color: rgba(29, 31, 32, .35); }
.rs-bg { margin-bottom: 12px; }
.rs-bg-h { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.rs-bg-t {
flex: 1; font: 600 10px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .6);
}
.rs-bg-f { font-size: 11px; color: rgba(29, 31, 32, .5); }
.rs-f {
display: block; width: 100%; box-sizing: border-box; text-align: left; cursor: pointer;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 9px 11px;
font: inherit; color: inherit; margin-bottom: 1px;
}
.rs-f.tom { background: transparent; border: 1px dashed rgba(29, 31, 32, .3); }
.rs-f.rettet { border: 1.5px solid var(--m-accent); }
.rs-f-top { display: flex; align-items: center; gap: 9px; }
.rs-f-navn { flex: 1; min-width: 0; font-size: 12.5px; color: rgba(29, 31, 32, .6); }
.rs-f-vaerdi { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.rs-f-mangler { font-size: 11.5px; color: rgba(29, 31, 32, .45); white-space: nowrap; }
.rs-f-hist {
display: flex; align-items: center; gap: 7px; margin-top: 7px; padding-top: 7px;
border-top: 1px solid rgba(29, 31, 32, .1); font-size: 11px; color: rgba(29, 31, 32, .55);
}
.rs-f-hist svg {
width: 12px; height: 12px; flex: none; fill: none; stroke: rgba(29, 31, 32, .4);
stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
}
.rs-bg-fod { font-size: 11px; color: rgba(29, 31, 32, .55); margin: 7px 0 0; line-height: 1.4; }
/* arket, hvor rækken vælger sin skabelon */
.sv-skab { max-width: 520px; width: 100%; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
.sv-skab-h { display: flex; align-items: center; gap: 11px; }
.sv-skab-t {
flex: 1; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 19px;
letter-spacing: .04em; text-transform: uppercase; line-height: 1;
}
.sv-skab-u { font-size: 11.5px; color: rgba(29, 31, 32, .55); margin-top: 4px; }
.sv-skab-liste { display: flex; flex-direction: column; gap: 1px; margin-top: 11px; }
.sv-skab-r {
box-sizing: border-box; min-height: 56px; display: flex; flex-direction: column;
justify-content: center; gap: 2px; padding: 8px 12px; cursor: pointer; text-align: left;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); font: inherit; color: inherit;
}
.sv-skab-r.valgt { border: 1.5px solid var(--m-accent); }
.sv-skab-n { font-size: 14px; font-weight: 600; }
.sv-skab-brug { font-size: 11.5px; color: rgba(29, 31, 32, .55); }
.sv-skab-uden {
box-sizing: border-box; min-height: 48px; width: 100%; display: flex; align-items: center;
padding: 8px 12px; background: transparent; border: 0; cursor: pointer;
font: inherit; font-size: 13.5px; color: rgba(29, 31, 32, .6); text-align: left;
}
.sv-skab-fod { font-size: 11px; color: rgba(29, 31, 32, .55); margin: 9px 0 0; line-height: 1.4; }
/* ---- v203: fanen bærer sit tal, og referatet er primært i det tomme ---- */
.tabs-inline .ti-tal {
font: 400 11px/1 ui-monospace, Menlo, monospace; font-style: normal;
margin-left: 5px; color: rgba(29, 31, 32, .45);
}
.tabs-inline .ti-fast.active .ti-tal { color: rgba(29, 31, 32, .6); }
/* et møde, hvor intet er lavet endnu: referatet er hel og primær, de tre
andre er tilbud. Fire lige stiplede felter er en dårlig velkomst. */
.udg-felt.primaer { background: var(--m-surface); border: 1.5px solid var(--m-accent); }
.udg-felt.primaer .udg-ramme {
background: var(--m-bg); border: 1px solid rgba(29, 31, 32, .14); padding: 6px; opacity: 1;
}
.udg-lav.fyldt {
background: var(--m-accent); color: var(--m-ink-fg); padding: 3px 6px;
}
/* ============ v204 · DEL-ARKET (handoff 64, §6) ============
Ét ark, fire veje, samme rækkefølge hver gang. Formen ændrer sig ikke;
kun underlinjerne gør. En vej, der ikke giver mening, fjernes. */
.del-ark {
max-width: 520px; width: 100%; background: var(--bg); border-top: 1px solid var(--m-ink);
padding: 14px 13px calc(16px + env(safe-area-inset-bottom));
}
.del-h { display: flex; align-items: center; gap: 11px; }
.del-h-t {
flex: 1; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 19px;
letter-spacing: .04em; text-transform: uppercase; line-height: 1;
}
.del-liste { display: flex; flex-direction: column; gap: 1px; margin-top: 11px; }
.del-r {
display: flex; align-items: center; gap: 11px; width: 100%; box-sizing: border-box;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 10px 12px;
cursor: pointer; font: inherit; color: inherit; text-align: left;
}
.del-r svg {
width: 18px; height: 18px; flex: none; fill: none; stroke: var(--m-accent);
stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
.del-m { flex: 1; min-width: 0; }
.del-t { display: block; font-size: 13.5px; font-weight: 600; }
.del-u { display: block; font-size: 11px; color: rgba(29, 31, 32, .55); }
.del-u.kursiv { font-style: italic; }
.del-fod {
display: flex; align-items: flex-start; gap: 8px; margin-top: 11px; padding-top: 10px;
border-top: 1px solid rgba(29, 31, 32, .12);
font-size: 11px; color: rgba(29, 31, 32, .6); line-height: 1.4;
}
.del-fod svg {
width: 14px; height: 14px; flex: none; margin-top: 2px; fill: none;
stroke: rgba(29, 31, 32, .5); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
/* ============ v206 · SPROGET (handoff 63) ============
Tone er én sætning, fagord er ord - men vendingerne er mønstre for,
HVORDAN der skrives. Ét kort, tre dele, og linjen under, der forklarer
fordoblingen: fagordene gør både rapporten og transskriptet rigtigt. */
.sp-kort { background: var(--m-surface); border: 1.5px solid var(--m-accent); padding: 10px 12px; }
.sp-h { display: flex; align-items: center; gap: 10px; }
/* Tænk med-mærket: margenens spørgsmålstegn - modellens egen læsning */
.sp-maerke { width: 16px; height: 16px; flex: none; position: relative; display: block; }
.sp-maerke::before {
content: ""; position: absolute; left: 5.5px; top: 0; bottom: 0; width: 1.7px; background: var(--m-rec);
}
.sp-maerke::after {
content: ""; position: absolute; left: 10px; top: 2.5px; width: 6px; height: 1.7px;
background: var(--m-ink); box-shadow: 0 4.7px 0 var(--m-ink), -2px 9.5px 0 var(--m-ink);
}
.sp-h-m { flex: 1; min-width: 0; }
.sp-h-t { display: block; font-size: 13px; font-weight: 600; }
.sp-h-u { display: block; font-size: 11px; color: rgba(29, 31, 32, .55); }
.sp-krop { margin-top: 9px; display: flex; flex-direction: column; gap: 7px; }
.sp-k {
display: block; font: 600 9.5px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .5); margin-bottom: 3px;
}
.sp-tone {
display: block; width: 100%; text-align: left; font: inherit; font-size: 12px;
line-height: 1.4; color: inherit; background: transparent; border: 0; padding: 0;
}
button.sp-tone { cursor: pointer; }
button.sp-tone:hover { color: var(--m-accent); }
.sp-chips { display: flex; gap: 4px; flex-wrap: wrap; }
.sp-chip {
padding: 3px 7px; border: 1px solid rgba(29, 31, 32, .2); background: var(--m-surface); font-size: 11px;
}
.sp-chip.mere { border: 1px dashed rgba(89, 128, 166, .7); color: var(--m-accent); }
.sp-vending { display: flex; gap: 7px; }
.sp-vending i { width: 2px; flex: none; background: var(--m-rec); display: block; }
.sp-vending span { flex: 1; font-size: 11.5px; line-height: 1.45; color: rgba(29, 31, 32, .8); }
.sp-tal { font-size: 10.5px; color: rgba(29, 31, 32, .5); margin-top: 4px; }
.sp-linje {
font-size: 11.5px; color: rgba(29, 31, 32, .65); line-height: 1.45;
margin: 10px 0 0; padding-top: 10px; border-top: 1px solid rgba(29, 31, 32, .12);
}
.sp-tom { font-size: 12px; color: rgba(29, 31, 32, .55); margin: 0; }
/* v207: dokumentets navn kan rettes - det er en knap, ikke en etiket */
button.sk-ud-navn {
display: block; width: 100%; text-align: left; background: transparent; border: 0;
padding: 0; cursor: pointer; color: inherit;
}
button.sk-ud-navn:hover { color: var(--m-accent); }
/* ============ v208 · RETTELSEN SKER PÅ MOCKUPPEN (handoff 63) ============
Tryk omdøber, langt tryk flytter, ✕ fjerner - med fortrydelse. Papiret
ændrer sig med det samme; det er dét, der gør, at man tror på formen. */
.sf-a { position: relative; }
.sf-a.loeftet { opacity: .75; transform: scale(.99); }
.sf-a-hoved { align-items: baseline; }
button.sf-a-titel {
flex: 1; text-align: left; background: transparent; border: 0; padding: 0;
cursor: pointer; color: inherit;
font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 14px;
letter-spacing: .01em; line-height: 1.2;
}
button.sf-a-titel:hover { color: var(--m-accent); }
.sf-a-felt {
flex: 1; min-width: 0; box-sizing: border-box; background: var(--m-surface);
border: 1.5px solid var(--m-accent); padding: 3px 6px; color: inherit;
font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 14px;
letter-spacing: .01em; line-height: 1.2;
}
.sf-a-felt:focus { outline: none; }
.sf-a-x {
flex: none; background: transparent; border: 0; cursor: pointer; padding: 0 2px;
font-size: 12px; line-height: 1; color: rgba(29, 31, 32, .3);
}
.sf-a-x:hover { color: var(--m-text); }
/* fortryd-båndet: seks sekunder, hvor ✕ kan tages tilbage */
.sf-fortryd {
position: fixed; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom));
z-index: 240; display: flex; align-items: center; gap: 12px;
background: var(--m-ink); color: var(--m-ink-fg); padding: 12px 14px;
font-size: 13px; box-shadow: 0 8px 22px rgba(43, 43, 45, .28);
}
.sf-fortryd span { flex: 1; min-width: 0; }
.sf-fortryd button {
flex: none; background: transparent; border: 0; cursor: pointer; color: var(--m-on-dark);
font: 600 11px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; padding: 4px 0;
}
/* ============ v209 · FORMENS VERSION (handoff 63) ============
Kortet siger, hvad en rettelse betyder - og hvad den ikke betyder.
Versionsnummeret står i mono, som designeren tegnede det. */
.sv-kort {
margin-top: 16px; background: var(--m-bg); border: 1px solid rgba(29, 31, 32, .18);
padding: 10px 12px;
}
.sv-h {
font: 600 10px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .6);
}
.sv-t { font-size: 12px; line-height: 1.45; color: rgba(29, 31, 32, .75); margin: 6px 0 0; }
.sv-linje { display: flex; align-items: baseline; gap: 9px; margin-top: 8px; flex-wrap: wrap; }
.sv-nr { font: 400 12px/1 ui-monospace, Menlo, monospace; color: var(--m-accent); }
.sv-naar { font-size: 11px; color: rgba(29, 31, 32, .55); }
.sv-se {
background: transparent; border: 0; padding: 0; cursor: pointer;
font: inherit; font-size: 11.5px; color: var(--m-accent);
}
.svh-ark { max-width: 520px; width: 100%; padding: 16px 16px calc(16px + env(safe-area-inset-bottom)); }
.svh-liste { display: flex; flex-direction: column; gap: 1px; margin-top: 10px; }
.svh-r {
display: flex; gap: 11px; align-items: flex-start;
background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .14); padding: 9px 11px;
}
.svh-v { font: 400 12px/1.4 ui-monospace, Menlo, monospace; color: var(--m-accent); flex: none; }
.svh-m { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.svh-dato { font-size: 11px; color: rgba(29, 31, 32, .5); }
.svh-hvad { font-size: 12.5px; }
.svh-fod { font-size: 11px; color: rgba(29, 31, 32, .55); margin: 10px 0 0; line-height: 1.4; }
/* v210: de tre greb bag ⋯ på skabelon-rækken - samme sted som på et møde */
.sk-raek { display: flex; align-items: stretch; gap: 1px; }
.sk-raek .sk-kort { flex: 1; min-width: 0; }
.sk-greb {
flex: none; width: 44px; display: grid; place-items: center; cursor: pointer;
background: var(--m-surface); border: 1px solid var(--line); border-left: 0; color: rgba(29, 31, 32, .45);
}
.sk-greb:hover { color: var(--text); }
/* ---------- v211: rettelsen kan fortrydes ----------
Historiklinjen er nu en knap. Den skal se ud PRAECIS som foer - en
stille note under en streg - indtil man peger paa den. Derfor nulstiller
blokken browserens knap-udseende og lader den gamle .rs-f-hist-regel
staa for layoutet (display:flex, gap, ikonet). */
button.rs-f-hist {
width: 100%; box-sizing: border-box; background: transparent; border: 0;
border-top: 1px solid rgba(29, 31, 32, .1); border-radius: 0;
margin-top: 7px; padding: 7px 0 0; text-align: left; cursor: pointer;
font: inherit; font-size: 11px; color: rgba(29, 31, 32, .55);
}
button.rs-f-hist:hover { color: rgba(29, 31, 32, .85); }
button.rs-f-hist:hover svg { stroke: rgba(29, 31, 32, .7); }
button.rs-f-hist:hover .rs-f-hist-g { color: rgba(29, 31, 32, .7); }
.rs-f-hist-t { flex: 1; min-width: 0; }
.rs-f-hist-g { flex: none; letter-spacing: .06em; color: rgba(29, 31, 32, .38); }
/* ---------- v212: vejen tilbage til standard ----------
Nulstillingen staar nederst i skabelon-arket, under stregen: den er
ikke et valg paa linje med skabelonerne, den er den anden slags
handling. Derfor daempet - roed foerst naar man peger paa den. */
.sv-skab-nul {
display: flex; align-items: baseline; gap: 8px; width: 100%; box-sizing: border-box;
background: transparent; border: 0; border-top: 1px solid rgba(29, 31, 32, .12);
border-radius: 0; margin-top: 11px; padding: 10px 0 0; text-align: left;
font: inherit; cursor: pointer; color: inherit;
}
.sv-skab-nul-t { flex: 1; min-width: 0; font-size: 13px; color: rgba(29, 31, 32, .7); }
.sv-skab-nul-u { flex: none; font-size: 11px; color: rgba(29, 31, 32, .5); }
.sv-skab-nul:hover .sv-skab-nul-t { color: var(--danger); }
.sv-skab-nul:hover .sv-skab-nul-u { color: rgba(29, 31, 32, .65); }
/* ---------- v215: skabelonen er ÉN side ----------
Papiret baerer nu alt, hvad dokumentet er - og alt paa det kan rettes.
Dokumentnavnet og feltnavnene er blevet knapper, men de skal se ud
praecis som foer: papir, ikke formular. Derfor nulstilles browserens
knap-udseende, og de gamle regler staar for skrift og maal. */
button.sf-navn, button.sf-felt-navn {
background: transparent; border: 0; border-radius: 0; padding: 0; margin: 0;
text-align: left; cursor: pointer; font-family: inherit;
}
button.sf-navn:hover, button.sf-felt-navn:hover { color: rgba(29, 31, 32, .9); }
button.sf-felt-navn { font: inherit; font-size: 10.5px; color: rgba(29, 31, 32, .6); }
.sf-felt-x {
flex: none; background: transparent; border: 0; cursor: pointer; padding: 0 2px;
font-size: 11px; line-height: 1; color: rgba(29, 31, 32, .25); align-self: center;
}
.sf-felt-x:hover { color: var(--m-text); }
/* "+ Felt" er ikke en handling paa linje med papiret - den er en stiplet
plads, der endnu ikke findes. Samme sprog som resten af huset. */
.sf-felt-ny {
margin-top: 5px; width: 100%; box-sizing: border-box; text-align: left; cursor: pointer;
background: transparent; border: 1px dashed rgba(29, 31, 32, .28); border-radius: 0;
padding: 5px 7px; font: inherit; font-size: 10.5px; color: rgba(29, 31, 32, .5);
}
.sf-felt-ny:hover { border-color: var(--m-accent); color: var(--m-accent); }
/* Under papiret staar kun det, der IKKE kan staa paa det. */
.sf-under-papiret { padding: 0 13px; }
.sf-under-papiret .sk-sektion:first-child { margin-top: 14px; }
/* ============ v218 · MØDESIDEN ER GALLERIET (lærredets afsnit 66) ============
Fanebjælken er væk. Værdierne er designerens egne fra lærredet:
svar-bokse har hairline (1px .16), ikke Margins 1.5px stål - det er
forskellen på husets former og det, du selv bad om. Spørgsmålet står
som typografi bag den røde margen-streg og beskæres med MASKE, ikke
ellipse: teksten løber ud i bunden, så man kan se, at der er mere. */
#doc-tabs[hidden] { display: none; }
.tabs-inline .ti-tilbage {
display: flex; align-items: center; gap: 7px; width: 100%; text-align: left;
font-size: 14px; padding: 12px 12px; letter-spacing: 0; box-shadow: none;
}
.ti-tilbage .ti-pil { font-size: 18px; line-height: 1; color: var(--m-accent); }
.ti-tilbage .ti-hvor { font-weight: 600; }
.udg-samme { margin: 9px 0 0; font-size: 10.5px; line-height: 1.4; color: rgba(29, 31, 32, .5); }
/* sektionen "Det, du selv har bedt om" */
.udg-sek-h { display: flex; align-items: baseline; gap: 8px; margin: 13px 0 7px; }
.udg-sek-t {
flex: 1; font: 600 10.5px/1 "Barlow Condensed", sans-serif; letter-spacing: .12em;
text-transform: uppercase; color: rgba(29, 31, 32, .6);
}
.udg-tael { font: 400 10.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .5); }
/* svar-boksen: hairline, altid hvid grund - den findes jo */
.udg-felt.svar { background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .16); }
.udg-felt.svar .udg-ramme {
background: var(--m-bg); border: 1px solid rgba(29, 31, 32, .12); padding: 6px 7px; opacity: 1;
}
.udg-felt.svar .udg-navn { color: inherit; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* egen prompt: dine ord bag margen-stregen, maske i bunden */
.udg-mini-prompt { flex-direction: row; gap: 7px; justify-content: flex-start; align-items: stretch; overflow: hidden; }
.udg-prompt-streg { flex: none; width: 2px; background: var(--m-rec); display: block; }
.udg-prompt-t {
flex: 1; min-width: 0; font: 600 11px/1.25 "Barlow Condensed", sans-serif; letter-spacing: .01em;
color: rgba(29, 31, 32, .8); overflow: hidden; text-overflow: clip; white-space: normal;
}
/* opskrift: linjerne med mærket i hjørnet */
.udg-mini-svar { position: relative; gap: 2.5px; justify-content: flex-start; padding-top: 1px; }
.udg-mini-svar .udg-linje { height: 2.5px; background: rgba(29, 31, 32, .26); }
.udg-mini-svar .udg-linje.lys { background: rgba(29, 31, 32, .16); }
.udg-mini-svar .udg-linje.paavej { background: rgba(89, 128, 166, .3); }
.udg-opmaerke { position: absolute; right: -2px; top: -1px; width: 12px; height: 12px; display: block; }
.udg-opmaerke b { position: absolute; display: block; background: var(--m-ink); height: 1.4px; }
.udg-opmaerke b:nth-child(1) { left: 2px; top: 0; bottom: 0; width: 1.4px; height: auto; background: var(--m-rec); }
.udg-opmaerke b:nth-child(2) { left: 5px; top: 1.5px; width: 6px; }
.udg-opmaerke b:nth-child(3) { left: 6px; top: 5px; width: 6px; }
.udg-opmaerke b:nth-child(4) { left: 7px; top: 8.5px; width: 5px; }
/* uret i mono: tæller op, ikke ned */
.udg-ur { float: right; font: 400 10px/1.4 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .45); }
/* Instant/Forbedret som 8px-mærke i referatboksens statuslinje */
.udg-frb {
display: inline-flex; align-items: center; gap: 4px; padding: 1px 4px; border: 1px solid var(--m-accent);
font: 600 8px/1 "Barlow Condensed", sans-serif; letter-spacing: .1em; text-transform: uppercase;
color: var(--m-accent); vertical-align: middle;
}
.udg-frb i { width: 9px; height: 2px; background: var(--m-accent); display: block; }
/* "4 svar mere · 18.–22. aug ›" */
.udg-mere {
margin: 8px 0 0; width: 100%; box-sizing: border-box; text-align: left; cursor: pointer;
border: 1px solid rgba(29, 31, 32, .14); background: var(--m-surface); padding: 10px 12px;
display: flex; align-items: center; gap: 10px; font: inherit; color: inherit;
}
.udg-mere-t { flex: 1; font-size: 12.5px; color: var(--m-accent); }
.udg-mere-d { font: 400 10.5px/1 ui-monospace, Menlo, monospace; color: rgba(29, 31, 32, .45); }
.udg-mere-p { color: rgba(29, 31, 32, .4); }
.sv-r .sv-u { display: block; font-size: 11px; color: rgba(29, 31, 32, .5); margin-top: 2px; }
/* råstoffet: transskript og grupper som linjer under en hairline */
.udg-raa { margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(29, 31, 32, .12); display: flex; flex-direction: column; }
.udg-raa-l {
display: flex; align-items: center; gap: 10px; padding: 9px 2px; width: 100%; box-sizing: border-box;
background: transparent; border: 0; border-top: 1px solid rgba(29, 31, 32, .08); text-align: left;
cursor: pointer; font: inherit; color: inherit;
}
.udg-raa-l:first-child { border-top: 0; }
.udg-raa-m { flex: 1; min-width: 0; }
.udg-raa-n { display: block; font-size: 13px; }
.udg-raa-u { display: block; font-size: 10.5px; color: rgba(29, 31, 32, .55); }
.udg-raa-p { color: rgba(29, 31, 32, .35); }
.udg-raa-i { width: 17px; height: 17px; flex: none; position: relative; display: block; }
.udg-raa-i-t i { position: absolute; display: block; background: var(--m-ink); height: 1.8px; left: 8.5px; width: 8.5px; }
.udg-raa-i-t i:nth-child(1) { left: 3.5px; top: 0; bottom: 0; width: 1.8px; height: auto; background: var(--m-rec); }
.udg-raa-i-t i:nth-child(2) { top: 2px; }
.udg-raa-i-t i:nth-child(3) { top: 6.5px; }
.udg-raa-i-t i:nth-child(4) { top: 11px; }
.udg-raa-i-t i:nth-child(5) { top: 15.2px; width: 5.5px; }
.udg-raa-i-g { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.udg-raa-i-g i { background: rgba(44, 69, 93, .45); display: block; }
/* den åbnede udgave: vejen tilbage til Instant-udgaven bor her nu */
.ug-instant {
display: inline-block; margin: 0 0 10px; padding: 0; border: 0; background: transparent;
font: inherit; font-size: 12px; color: var(--m-accent); cursor: pointer;
}
/* ============ v221 · TO LYDKILDER PÅ DEN NYE MØDESIDE (lærredets afsnit 68) ============
Kilden, mappen, galleriets råstof-rækker og referatboksens statuslinje.
Fletningens figur: to lydspor, der løber sammen om én streg - stål,
aldrig rød. Stiplet mens der flettes, hel når de er ét. */
/* mappen: status-enden bærer figuren OG firkanten; prikkerne står i tekstkolonnen */
.m-slut { display: flex; align-items: center; gap: 7px; margin-top: 4px; }
.m-fig { width: 17px; height: 11px; display: grid; place-items: center; flex: none; }
.m-fig svg { width: 17px; height: 11px; display: block; }
.m-fig-et { width: 13px; height: 2px; background: rgba(29, 31, 32, .3); display: block; }
.m-slut .sq { margin-top: 0; }
.m-meta .m-prik { width: 14px; height: 8px; margin-right: 6px; vertical-align: middle; }
.m-meta .m-prik i { top: 3px; width: 2.4px; height: 2.4px; }
/* kilden åbnet: vejen hjem som beslagsat række */
#kilde-hoved { padding: 11px 13px 0; }
.kilde-hjem {
width: 100%; box-sizing: border-box; text-align: left; cursor: pointer; font: inherit; color: inherit;
padding: 9px 11px; background: var(--m-surface); border: 1px solid rgba(29, 31, 32, .16); border-left: 2.5px solid var(--m-accent);
display: flex; align-items: center; gap: 9px;
}
.kilde-hjem .udg-raa-i { margin: 0; }
.kilde-hjem-m { flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.4; }
.kilde-hjem-p { color: rgba(29, 31, 32, .4); }
.kilde-note { margin: 11px 0 0; font-size: 11.5px; color: rgba(29, 31, 32, .6); line-height: 1.45; }
.kilde-fod {
margin: 0 13px; padding: 9px 0 12px; border-top: 1px solid rgba(29, 31, 32, .14);
display: flex; align-items: center; gap: 9px; font-size: 11px; color: rgba(29, 31, 32, .55); line-height: 1.4;
}
.kilde-fod svg { width: 14px; height: 14px; flex: none; fill: none; stroke: rgba(29, 31, 32, .45); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
/* råstof-rækkerne: figur, mikrofon, advarsel, tal til højre, prikker i underlinjen */
.udg-raa-i-f svg, .udg-raa-i-m svg { width: 17px; height: 17px; display: block; }
.udg-raa-i-f, .udg-raa-i-m, .udg-raa-i-a { display: grid; place-items: center; }
.udg-raa-i-a svg { width: 15px; height: 15px; display: block; }
.udg-raa-i-m svg { width: 16px; height: 16px; }
.udg-raa-h { font-size: 11px; color: rgba(29, 31, 32, .5); white-space: nowrap; }
.udg-raa-u { display: flex; align-items: center; gap: 6px; }
.udg-raa-prik { width: 14px; height: 8px; flex: none; }
.udg-raa-prik i { top: 3px; width: 2.4px; height: 2.4px; }
.udg-raa-l.advar .udg-raa-u { color: var(--m-wait); }
.udg-raa-l.advar .udg-raa-n { color: inherit; }
/* referatboksens statuslinje: figuren i 14×9 foran ordene */
.udg-status .udg-fletfig { display: inline-grid; place-items: center; width: 14px; height: 8px; margin-right: 5px; vertical-align: middle; }
.udg-status .udg-fletfig svg { width: 14px; height: 9px; display: block; }
.udg-status .udg-raa-prik { display: inline-block; margin-right: 5px; vertical-align: middle; }
/* ================================================================
v223 — ÉT KORT, TRE MULIGHEDER (designerens afsnit 69, Robin 16/9)
Rækken + Brief inden mødet + Forbered næste møde + Seneste referat i
én blueprint-ramme med hairlines imellem. Kortet bliver under knappen,
i rullefladen - Robin: "det skal ikke ændre hvor optageknappen og
inkognito er nu". Mål og farver er designerens (288px-tegningen).
================================================================ */
#team-kort .tk-stak{position:relative;box-sizing:border-box;margin-top:9px;
padding:10px 11px;background:var(--m-surface);border:1px solid rgba(29,31,32,.2)}
#team-kort .tk-stak .tk-raek{min-height:44px;margin:0;padding:0;gap:9px;
background:none;border:0}
#team-kort .tk-stak .tk-navn{font:600 14px/1.3 Barlow,sans-serif}
.tk-linje{box-sizing:border-box;width:100%;min-height:48px;display:flex;
align-items:center;gap:10px;margin-top:9px;padding:9px 0 0;
border:0;border-top:1px solid rgba(29,31,32,.1);background:none;
text-align:left;font:inherit;color:inherit;cursor:pointer}
.tk-linje.daemp{cursor:default;color:rgba(29,31,32,.5)}
.tk-linje.daemp .tk-t{color:rgba(29,31,32,.5)}
.tk-linje .tk-m{flex:1;min-width:0}
#team-kort .tk-linje .tk-t{display:block;font:400 13.5px/1.3 Barlow,sans-serif;
letter-spacing:0;text-transform:none;color:var(--m-text)}
.tk-linje .tk-u{display:block;margin-top:1px;font-size:11px;color:rgba(29,31,32,.55)}
.tk-linje .tk-chev{flex:none;color:rgba(29,31,32,.35)}
/* 17px margen-mærker: forbered (rødt plus) og referat (fire linjer) */
.tk-mk{position:relative;display:block;flex:none;width:17px;height:17px}
.tk-mk i{position:absolute;background:var(--m-ink)}
.tk-mk i.s{left:3.5px;top:0;bottom:0;width:1.8px;background:var(--m-rec)}
.tk-mk.forb i.l1{left:8.5px;top:2.5px;width:8.5px;height:1.8px}
.tk-mk.forb i.l2{left:8.5px;top:7.5px;width:8.5px;height:1.8px}
.tk-mk.forb i.l3{left:8.5px;top:12px;width:5.5px;height:1.8px;background:var(--m-rec)}
.tk-mk.forb i.pv{left:10.3px;top:10.2px;width:1.8px;height:5.4px;background:var(--m-rec)}
.tk-mk.ref i.l1{left:8.5px;top:2px;width:8.5px;height:1.8px}
.tk-mk.ref i.l2{left:8.5px;top:6.5px;width:8.5px;height:1.8px}
.tk-mk.ref i.l3{left:8.5px;top:11px;width:8.5px;height:1.8px}
.tk-mk.ref i.l4{left:8.5px;top:15.2px;width:5.5px;height:1.8px}
/* briefens linje - den tungeste: 42px rund knap, fire mikro-bånd */
.tk-brief{min-height:52px;cursor:default}
#team-kort .tk-brief .tk-t{font-weight:600}
.tk-brief.hoert .tk-t{font-weight:400;color:rgba(29,31,32,.6)}
.tk-rund{box-sizing:border-box;width:42px;height:42px;flex:none;border-radius:50%;
background:var(--m-accent);border:0;padding:0;display:grid;place-items:center;cursor:pointer}
.tk-rund .tri{display:block;width:0;height:0;margin-left:3px;
border-left:12px solid var(--m-bg);border-top:8px solid transparent;border-bottom:8px solid transparent}
.tk-rund.stiplet{background:none;border:1.5px dashed rgba(44,69,93,.6)}
.tk-rund.stiplet .tri{border-left-color:var(--m-accent)}
.tk-rund.hul{background:none;border:1.5px solid rgba(29,31,32,.35)}
.tk-rund.hul .tri{border-left-color:rgba(29,31,32,.5)}
.tk-rund.tynd{background:none;border:1.5px solid rgba(29,31,32,.2);cursor:default}
.tk-r1{display:flex;align-items:baseline;gap:7px;min-width:0}
.tk-r1 .tk-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-tid{font:400 11.5px/1 ui-monospace,Menlo,Consolas,monospace;color:rgba(29,31,32,.55);white-space:nowrap}
.tk-r2{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11px;color:rgba(29,31,32,.55);min-width:0}
.tk-r2 svg.hak{width:11px;height:11px;flex:none;fill:none;stroke:var(--m-ok);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.tk-r2 svg.hak.graa{stroke:rgba(29,31,32,.45)}
.tk-r2 .advar{color:var(--m-wait)}
.tk-r2 b{font-weight:600;color:var(--m-accent);cursor:pointer;white-space:nowrap}
.tk-baand{display:flex;gap:3px;align-items:flex-end;flex:none}
.tk-baand i{display:block;width:4px;height:9px}
.tk-baand i.d1{background:var(--m-accent)}.tk-baand i.d2{background:var(--m-on-dark)}
.tk-baand i.d3{background:var(--m-ink)}.tk-baand i.d4{background:var(--m-rec)}
.tk-baand i.tom{background:rgba(29,31,32,.12)}
/* Lav-mærket (galleriets eget) og 57a's prikker */
.tk-lav{flex:none;padding:3px 6px;border:1px solid rgba(29,31,32,.35);color:rgba(29,31,32,.7);
font:600 10.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase}
.tk-prikker{display:inline-flex;gap:3px;align-items:center;vertical-align:middle}
.tk-prikker i{display:block;width:4px;height:4px;border-radius:50%;background:rgba(29,31,32,.45);
animation:tk-prik 1.2s infinite ease-in-out}
.tk-prikker i:nth-child(2){animation-delay:.2s}.tk-prikker i:nth-child(3){animation-delay:.4s}
@keyframes tk-prik{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.tk-prikker i{animation:none}}
/* ================================================================
v223c — to småfejl fra telefonen (Robin 16/9)
1) Række-arket ("Hvilken møderække?") vokser ud over skærmen, når
"Vis flere" folder alle rækker ud: bagtæppet centrerer boksen, og
boksen havde ingen maksimal højde - så toppen og bunden forsvandt,
og intet kunne rulle. Nu holder boksen sig inden for skærmen, hoved
og "Ny møderække" står fast, og LISTEN ruller. (Boksen selv ruller
ikke - så beholder den sine blueprint-hjørner.)
2) Forsiden kunne trækkes sidelæns på telefonen. Værn: optageområdet
klipper vandret overløb (clip laver ingen rullecontainer, så den
lodrette rulning i .opt-rul er urørt). Hjørnerne på kortet stikker
6px ud og ligger inden for områdets kant.
================================================================ */
.kreds-bagtaeppe .rv-ark{box-sizing:border-box;max-height:100%;display:flex;
flex-direction:column;min-height:0}
.rv-ark .rv-hoved,.rv-ark .tv-soeg,.rv-ark .tv-ny,.rv-ark .tv-solo{flex:none}
.rv-ark .tv-liste{flex:0 1 auto;min-height:0;overflow-y:auto;
overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#view-record .record-area{overflow-x:clip}
/* v223d: den vandrette "slider" fandt vi - blueprint-hjørnerne på kortet
stikker 6px ud, og rullefladen (.opt-rul, overflow:auto) talte dem med:
scrollWidth 380 mod clientWidth 375. Rullefladen får 6px luft i siderne
og trækkes tilsvarende ud, så hjørnerne er inden for kanten, og intet
flytter sig. Klippet i .record-area var ikke nok - det er .opt-rul, der
ruller. */
/* (v223e: id-vægt - en ældre regel med :not(.kompakt) slog padding'en ud) */
#view-record #opt-rul{padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px;
overflow-x:hidden}
/* ================================================================
v225 — RET UDGAVEN (designerens afsnit 71, skærm 0)
Afsnittet bliver feltet. Rettet-mærke med var:-linjen. Stiplet
"Tilføj et afsnit". Stålblåt bånd i bunden med Færdig. Mål og
farver fra lærredets 288px-tegning.
================================================================ */
.ug-ret svg{width:15px;height:15px}
.ug-krop.ur{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.ur-blok{position:relative}
.ur-tekst{cursor:text;padding:2px 0;border:1.5px solid transparent;margin:-2px 0}
.ur-tekst:hover{border-color:rgba(44,69,93,.25)}
.ur-tekst p,.ur-tekst h2,.ur-tekst h3,.ur-tekst ul{margin:0}
.ur-tekst h2,.ur-tekst h3{font:600 15px/1.25 'Barlow Condensed',sans-serif;letter-spacing:.02em}
.ur-tekst p,.ur-tekst li{font-size:13px;line-height:1.55;color:rgba(29,31,32,.8)}
.ur-tekst .ur-tom{color:rgba(29,31,32,.45);font-style:italic}
.ur-felt{box-sizing:border-box;width:100%;display:block;resize:none;overflow:hidden;
border:1.5px solid var(--m-accent);background:var(--m-surface);padding:9px 10px;margin:0;
font:400 13px/1.55 Barlow,sans-serif;color:var(--m-text);outline:none;min-height:44px}
.ur-maerke{display:flex;align-items:center;gap:7px;margin-top:5px}
.ur-tag{flex:none;font:600 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;
color:var(--m-accent);border:1px solid var(--m-accent);padding:3px 6px;white-space:nowrap}
.ur-var{flex:1;min-width:0;font-size:11px;color:rgba(29,31,32,.55);font-style:italic;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ur-plus{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;gap:9px;
padding:9px 11px;margin-top:2px;border:1px dashed rgba(89,128,166,.75);background:none;
color:var(--m-accent);font:400 12.5px Barlow,sans-serif;text-align:left;cursor:pointer}
.ur-plus svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ur-note{display:flex;align-items:flex-start;gap:8px;margin:3px 0 0;font-size:11px;line-height:1.4;color:rgba(29,31,32,.6)}
.ur-note svg{width:13px;height:13px;flex:none;margin-top:2px;fill:none;stroke:rgba(29,31,32,.45);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ur-baand{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:10px;
padding:11px 13px calc(13px + env(safe-area-inset-bottom));background:var(--m-ink);border-top:1px solid var(--m-ink)}
.ur-baand-t{flex:1;font-size:12px;line-height:1.4;color:rgba(242,242,243,.8)}
.ur-faerdig{box-sizing:border-box;min-height:44px;padding:0 15px;border:0;background:var(--m-bg);color:var(--m-ink);
font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.ur-faerdig:disabled{opacity:.6;cursor:default}
/* ================================================================
v226 — SEND TIL · LÆSELINKS · KVITTERINGEN (designerens afsnit 70)
Femte vej i Del-arket (øverst). To grupper, to kickere. Hak-felter
16px, rækker 44px, Send-knappen 48px stålblå. Linjen "Sendt til 3 ·
16. sept." under udgavens hoved, i samme grammatik som de andre.
================================================================ */
.ug-sendt{display:flex;align-items:center;gap:6px;width:100%;margin-top:3px;padding:0;border:0;background:none;
text-align:left;cursor:pointer;font:400 11.5px/1.4 Barlow,sans-serif;color:rgba(242,242,243,.7)}
.ug-sendt[hidden]{display:none}
.ug-sendt .ug-sendt-chev{color:rgba(242,242,243,.45)}
.ug-sendt.aendret .ug-sendt-t{color:var(--m-wait)}
.st-ark{max-height:calc(100% - 0px);display:flex;flex-direction:column;min-height:0}
.st-ark .del-h{flex:none}
.st-krop{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.st-kicker{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6);margin:12px 0 6px}
.st-liste{display:flex;flex-direction:column;gap:1px}
.st-r{box-sizing:border-box;width:100%;min-height:44px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:8px 11px;
display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.st-r.st-kv{cursor:default}
.st-r.lukket .st-navn{color:rgba(29,31,32,.45);text-decoration:line-through}
.st-hak{width:16px;height:16px;flex:none;box-sizing:border-box;display:grid;place-items:center;border:1.4px solid rgba(29,31,32,.35)}
.st-hak.til{border-color:var(--m-accent);background:var(--m-accent)}
.st-hak svg{width:11px;height:11px;fill:none;stroke:var(--m-bg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.st-navn{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-h{flex:none;font-size:11px;color:rgba(29,31,32,.5)}
.st-ny{box-sizing:border-box;min-height:44px;border:1px dashed rgba(89,128,166,.75);padding:0 11px;display:flex;align-items:center;gap:10px;color:var(--m-accent)}
.st-ny svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.st-ny input{flex:1;min-width:0;border:0;background:none;outline:none;font:400 13px Barlow,sans-serif;color:var(--m-text);min-height:42px}
.st-ny input::placeholder{color:var(--m-accent);opacity:.9}
.st-ny-ok{flex:none;border:0;background:none;color:var(--m-accent);font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px 0}
.st-send{flex:none;box-sizing:border-box;width:100%;min-height:48px;margin-top:11px;display:flex;align-items:center;justify-content:center;gap:8px;
border:0;background:var(--m-accent);color:var(--m-ink-fg);cursor:pointer;font:600 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.st-send:disabled{opacity:.45;cursor:default}
.st-send svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.st-note{flex:none;font-size:11px;color:rgba(29,31,32,.6);line-height:1.45;margin:9px 0 0;min-height:1em}
.st-note b{font-weight:600;color:var(--m-text)}
.st-tom{font-size:12px;color:rgba(29,31,32,.6);line-height:1.45;margin:8px 0}
.st-luk-r{display:flex;gap:1px;margin:0 0 1px}
.st-lille{flex:1;min-height:36px;border:1px solid rgba(29,31,32,.14);border-top:0;background:var(--m-surface);color:var(--m-accent);font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.st-lille.st-luk{color:var(--m-text)}
.st-advar{margin-top:10px;padding:9px 11px;border:1px solid var(--m-wait);background:var(--m-wait-tint);font-size:12px;line-height:1.45;color:var(--m-wait)}
.st-advar b{color:var(--m-wait)}
.st-igen{border:0;background:none;padding:0;font:600 12px Barlow,sans-serif;color:var(--m-accent);cursor:pointer;white-space:nowrap}
/* ================================================================
v228 — HVEM FÅR REFERATET (designerens afsnit 78)
Linjen "Får referatet tilsendt" + kontakten "Spørg mig først" under
rækken · arket med Gem og rækkevidden sagt højt · forsidens femte
tilstand "Referatet er klar · 3 venter på det". Mål fra lærredet.
================================================================ */
.pm-kort{background:var(--m-surface);border:1px solid rgba(29,31,32,.18);border-top:0;padding:11px 12px;margin:-9px 0 12px}
.pm-linje{display:flex;align-items:flex-start;gap:10px}
.pm-ik{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(29,31,32,.14);background:var(--m-bg)}
.pm-ik svg{width:17px;height:17px;fill:none;stroke:var(--m-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pm-m{flex:1;min-width:0}
.pm-t{display:block;font-size:13.5px;font-weight:600}
.pm-u{display:block;font-size:12px;color:rgba(29,31,32,.7);line-height:1.4;margin-top:2px}
.pm-u.tom{color:var(--m-accent);border-bottom:1px dashed rgba(89,128,166,.75);display:inline-block}
.pm-daemp{color:rgba(29,31,32,.5)}
.pm-ret{flex:none;margin-top:2px;padding:0;border:0;background:none;font:400 12px Barlow,sans-serif;color:var(--m-accent);white-space:nowrap;cursor:pointer;min-height:30px}
.pm-kontakt{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(29,31,32,.1)}
.pm-luft{width:34px;height:23px;flex:none}
.pm-kt{flex:1;font-size:12.5px;line-height:1.4}
.pm-sw{width:40px;height:23px;flex:none;box-sizing:border-box;padding:0;border:1.5px solid rgba(29,31,32,.3);background:none;position:relative;cursor:pointer}
.pm-sw i{position:absolute;left:2px;top:2px;width:15px;height:15px;background:rgba(29,31,32,.28);font-style:normal;transition:left .12s}
.pm-sw.til{border-color:var(--m-accent);background:var(--m-tint)}
.pm-sw.til i{left:auto;right:2px;background:var(--m-accent)}
.pm-sw.laast{border-color:rgba(29,31,32,.25);background:rgba(29,31,32,.06);opacity:.6;cursor:default}
.pm-sw.laast i{background:rgba(29,31,32,.3)}
.pm-forkl{display:flex;align-items:flex-start;gap:8px;margin-top:5px;padding-left:44px;font-size:11px;color:rgba(29,31,32,.55);line-height:1.4}
.pm-forkl svg{width:13px;height:13px;flex:none;margin-top:2px;fill:none;stroke:var(--m-wait);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pm-forkl svg.hak{stroke:var(--m-ok);stroke-width:2.4}
.pm-forkl.laast{color:var(--m-wait)}
.pm-forkl.fra{color:rgba(29,31,32,.7)}
.pm-forkl b{font-weight:600}
/* arket fra rækken */
.st-raekkevidde{margin:4px 0 0;font-size:12px;color:rgba(29,31,32,.6);line-height:1.45}
.st-send.gem{margin-top:13px}
/* forsidens femte tilstand */
.tk-klar{margin-top:9px;padding-top:10px;border-top:1px solid rgba(29,31,32,.1)}
.tk-klar-h{display:flex;align-items:center;gap:10px}
.tk-klar-mini{width:34px;height:34px;flex:none;box-sizing:border-box;background:var(--m-bg);border:1px solid rgba(29,31,32,.14);padding:5px;display:flex;flex-direction:column;gap:2.5px}
.tk-klar-mini i{display:block;height:2px;background:rgba(29,31,32,.22)}
.tk-klar-mini i:nth-child(1){height:2.5px;width:78%;background:var(--m-ink)}
.tk-klar-mini i:nth-child(3){width:88%}
.tk-klar-mini i:nth-child(4){height:2.5px;width:56%;margin-top:2px;background:var(--m-ink)}
.tk-klar-t{display:block;font-size:14px;font-weight:600;line-height:1.3;color:var(--m-text)}
.tk-klar-k{display:flex;gap:8px;margin-top:11px}
.tk-klar-laes{flex:1;box-sizing:border-box;min-height:48px;border:0;background:var(--m-accent);color:var(--m-ink-fg);cursor:pointer;
font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.tk-klar-senere{box-sizing:border-box;min-height:48px;padding:0 13px;border:1px solid rgba(29,31,32,.22);background:none;color:rgba(29,31,32,.65);cursor:pointer;
font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.tk-ikke{font-weight:600;color:var(--m-wait)}
/* ================================================================
v229 — MØDERÆKKEN SOM FLADE (designerens afsnit 79)
Rækkens side, aftrykket i to størrelser, hvem-er-med-listen og
den nye række uden formular. Mål og farver fra lærredet.
================================================================ */
/* --- aftrykket: fire felter i et 2×2-gitter ---------------------- */
.ra-aftryk{box-sizing:border-box;width:26px;height:26px;flex:none;display:grid;
grid-template-columns:1fr 1fr;gap:1.5px;padding:2.5px;
border:1px solid rgba(29,31,32,.2);background:var(--m-bg)}
.ra-aftryk i{display:block;font-style:normal}
.ra-aftryk i.til{background:var(--m-accent)}
.ra-aftryk i.fra{border:1px dashed rgba(89,128,166,.75)}
.ra-aftryk.stor{width:46px;height:46px;gap:3px;padding:5px;background:var(--m-surface)}
.ra-aftryk.stor i{display:grid;place-items:center}
.ra-aftryk.stor i.til{background:var(--m-tint)}
.ra-aftryk.stor i.fra{background:none;border:1px dashed rgba(89,128,166,.6)}
.ra-aftryk.stor svg{width:12px;height:12px;fill:none;stroke:var(--m-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ra-aftryk.stor svg.hak{stroke-width:2.6}
.ra-aftryk.stor i.fra svg{width:11px;height:11px;stroke:rgba(89,128,166,.8)}
/* --- rækkens side ------------------------------------------------ */
#view-raekke{padding:0 0 calc(30px + env(safe-area-inset-bottom))}
.ra-top{display:flex;align-items:center;gap:8px;padding:calc(11px + env(safe-area-inset-top)) 14px 0}
.ra-back{width:34px;height:34px;margin-left:-8px;flex:none;display:grid;place-items:center;border:0;background:none;cursor:pointer}
.ra-back svg{width:17px;height:17px;fill:none;stroke:var(--m-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ra-kicker{flex:1;font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.ra-hoved{display:flex;align-items:flex-start;gap:11px;padding:7px 14px 0}
.ra-navn{flex:1;margin:0;font:600 25px/1.02 'Barlow Condensed',sans-serif;color:var(--m-text)}
.ra-aftryk-plads{flex:none}
.ra-under{margin:3px 0 0;padding:0 14px;font-size:11.5px;color:rgba(29,31,32,.55)}
.ra-stak{margin:13px 12px 0;display:flex;flex-direction:column;gap:1px}
.ra-linje{box-sizing:border-box;width:100%;min-height:56px;display:flex;align-items:center;gap:11px;
padding:8px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14);text-align:left;font:inherit;color:inherit;cursor:pointer}
.ra-linje.ra-lille{min-height:46px;padding:8px 11px;gap:10px}
.ra-ik{width:18px;height:18px;flex:none;fill:none;stroke:var(--m-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ra-mk{position:relative;display:block}
.ra-mk i{position:absolute;font-style:normal;background:var(--m-ink)}
.ra-mk i:nth-child(1){left:4px;top:0;bottom:0;width:2px;background:var(--m-rec)}
.ra-mk i:nth-child(2){left:9.5px;top:2.5px;width:8.5px;height:2px}
.ra-mk i:nth-child(3){left:11px;top:8px;width:7px;height:2px}
.ra-mk i:nth-child(4){left:12.5px;top:13.5px;width:5.5px;height:2px}
.ra-m{flex:1;min-width:0}
.ra-t{display:block;font-size:13.5px;font-weight:600}
.ra-t2{display:block;font-size:12.5px}
.ra-t3{flex:1;min-width:0;font-size:13px}
.ra-u{display:block;font-size:11.5px;color:rgba(29,31,32,.6);margin-top:1px;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-u.tom{color:var(--m-accent)}
.ra-u2{display:flex;align-items:center;gap:5px;margin-top:2px}
.ra-u2 span{font-size:11px;color:rgba(29,31,32,.6)}
.ra-hak{width:11px;height:11px;flex:none;fill:none;stroke:var(--m-ok);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ra-h{flex:none;font-size:11.5px;color:rgba(29,31,32,.5)}
.ra-chev{flex:none;color:rgba(29,31,32,.35)}
.ra-ud{margin:14px 12px 0}
.ra-k{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55);margin-bottom:6px}
.ra-kort{position:relative;border:1px solid rgba(29,31,32,.18);background:var(--m-surface);padding:11px 12px}
.ra-r{box-sizing:border-box;width:100%;display:flex;align-items:flex-start;gap:10px;
border:0;background:none;text-align:left;font:inherit;color:inherit;padding:0}
.ra-r2,.ra-r4{cursor:pointer}
.ra-r1{align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(29,31,32,.1)}
.ra-r2{padding-top:9px}
.ra-r3{align-items:center;margin-top:9px;padding-top:9px;border-top:1px solid rgba(29,31,32,.1)}
.ra-r4{margin-top:9px;padding-top:9px;border-top:1px solid rgba(29,31,32,.1)}
.ra-mini{width:32px;height:32px;flex:none;box-sizing:border-box;background:var(--m-bg);border:1px solid rgba(29,31,32,.14);
padding:5px;display:flex;flex-direction:column;gap:2.5px}
.ra-mini i{display:block;font-style:normal;height:2px;background:rgba(29,31,32,.22)}
.ra-mini i:nth-child(1){height:2.5px;width:78%;background:var(--m-ink)}
.ra-mini i:nth-child(3){width:88%}
.ra-felt{width:32px;height:32px;flex:none;box-sizing:border-box;display:grid;place-items:center;
border:1px solid rgba(29,31,32,.14);background:var(--m-bg)}
.ra-felt.tom{border:1px dashed rgba(89,128,166,.7);background:none}
.ra-felt.tom-luft{border:0;background:none}
.ra-felt svg{width:16px;height:16px;fill:none;stroke:var(--m-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ra-felt.tom svg{stroke:var(--m-accent)}
.ra-ret{flex:none;margin-top:2px;font-size:12px;color:var(--m-accent);white-space:nowrap}
#view-raekke .pm-forkl{padding-left:42px;margin-top:5px}
.ra-inkog{margin:10px 12px 0;padding:9px 11px;background:var(--m-wait-tint);border:1px solid var(--m-wait);
font-size:12px;line-height:1.45;color:var(--m-wait)}
.ra-fod{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:11px 14px 0;border-top:1px solid rgba(29,31,32,.12)}
.ra-fod-l{border:0;background:none;padding:6px 0;font:400 12px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.ra-fod-l.roed{color:var(--m-text)}
/* --- hvem er med: én liste, ét hak ------------------------------- */
.hm-r{box-sizing:border-box;min-height:48px;display:flex;align-items:center;gap:10px;
padding:6px 11px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14)}
.hm-av{width:28px;height:28px;flex:none;border-radius:50%;background:var(--m-tint);display:grid;place-items:center;
font:600 10.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;color:var(--m-accent)}
.hm-m{flex:1;min-width:0;padding:4px 0}
.hm-n{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-u{display:block;font-size:11px;color:rgba(29,31,32,.55);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hm-hak{width:24px;height:24px;flex:none;box-sizing:border-box;display:grid;place-items:center;padding:0;
border:1.4px solid rgba(29,31,32,.35);background:none;cursor:pointer}
.hm-hak.til{border-color:var(--m-accent);background:var(--m-accent)}
.hm-hak svg{width:13px;height:13px;fill:none;stroke:var(--m-bg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hm-hak.laast{opacity:.3;cursor:default}
.hm-fod{margin:7px 0 0;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.45}
/* --- ny møderække uden formular ---------------------------------- */
.nr-lab{display:block;margin-top:12px;font:600 10px/1 'Barlow Condensed',sans-serif;
letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.nr-felt{box-sizing:border-box;width:100%;min-height:52px;margin-top:7px;padding:0 13px;
border:1.5px solid var(--m-accent);background:var(--m-surface);font:600 17px Barlow,sans-serif;color:var(--m-text);outline:none}
.nr-under{margin-top:14px;padding-top:12px;border-top:1px solid rgba(29,31,32,.12)}
.nr-k{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.nr-loefte{margin:6px 0 9px;font-size:12px;color:rgba(29,31,32,.6);line-height:1.45}
.nr-liste{display:flex;flex-direction:column;gap:1px}
.nr-r{box-sizing:border-box;min-height:44px;display:flex;align-items:center;gap:10px;padding:7px 11px;
background:none;border:1px dashed rgba(29,31,32,.2);cursor:pointer}
.nr-ik{width:26px;height:26px;flex:none;box-sizing:border-box;display:grid;place-items:center;border:1px dashed rgba(89,128,166,.6)}
.nr-ik svg{width:14px;height:14px;fill:none;stroke:rgba(89,128,166,.85);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nr-t{flex:1;font-size:13px;color:rgba(29,31,32,.7)}
.nr-v{flex:none;font-size:11.5px;color:rgba(29,31,32,.45);font-style:italic}
/* ================================================================
v231 — PERSONER I RÆKKEN: ÉT HAK, ÉN LISTE (designerens afsnit 80)
Hvem-er-med-fladen uden den tre-delte kontakt, tandhjulet som dør
på forsidens kort, brief-knappen i 44px, dagsorden-linjen bærer
formål og materiale. Mål og farver fra lærredet.
================================================================ */
/* --- hvem er med: hak · avatar · navn ----------------------------- */
.hm-top{display:flex;align-items:baseline;gap:8px;margin:12px 0 6px}
.hm-top .st-kicker{flex:1;margin:0}
.hm-alle{flex:none;border:0;background:none;padding:0;font:400 11.5px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.hm-ark .hm-r{min-height:56px;gap:11px;padding:8px 12px;cursor:pointer}
.hm-ark .hm-hak{width:20px;height:20px;border:1.5px solid rgba(29,31,32,.3);background:none;cursor:inherit}
.hm-ark .hm-hak.til{border-color:var(--m-accent);background:var(--m-accent)}
.hm-ark .hm-hak.laast{opacity:1;border-color:rgba(29,31,32,.2);background:rgba(29,31,32,.05)}
.hm-ark .hm-hak.laast svg{stroke:rgba(29,31,32,.35)}
.hm-ark .hm-av{background:none;border:1px solid rgba(29,31,32,.22);font-size:10px;color:rgba(29,31,32,.65)}
.hm-ark .hm-av.kaede{border-radius:0;border:1px dashed rgba(89,128,166,.7)}
.hm-ark .hm-av svg{width:14px;height:14px;fill:none;stroke:var(--m-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hm-ark .hm-m{padding:0}
.hm-ark .hm-n{font-weight:600}
.hm-ark .hm-r.fra .hm-n{font-weight:400;color:rgba(29,31,32,.75)}
.hm-ark .hm-r.ekst .hm-n{font-weight:400;font-size:13px}
.hm-k2{margin-top:13px}
.hm-ny{min-height:48px;padding:0 12px}
.hm-ny .hm-plads{width:20px;flex:none}
.hm-ark .hm-fod{padding:0 2px}
.hm-sum{flex:none;margin:11px 0 0;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.4}
.hm-ark .st-send.gem{margin-top:9px;min-height:52px}
/* --- rækkens side: kortet uden modtager-linjen, dagsorden med underlinje --- */
#view-raekke .ra-r1{border-bottom:0;padding-bottom:0}
/* --- forsidens kort: tandhjulet som dør, Skift bliver ------------- */
#team-kort .tk-stak .tk-raek{gap:10px}
.tk-nm{flex:1;min-width:0;display:flex;flex-direction:column}
#team-kort .tk-stak .tk-nm .tk-navn{display:block;font:600 14.5px/1.25 Barlow,sans-serif}
.tk-nu{display:block;font-size:11.5px;color:rgba(29,31,32,.6);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-tand{box-sizing:border-box;width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid rgba(29,31,32,.2);cursor:pointer}
.tk-tand svg{width:18px;height:18px;fill:none;stroke:var(--m-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#team-kort .tk-stak .tk-hoejre.skift{box-sizing:border-box;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;margin-right:-10px}
/* briefens play-knap tilbage i 44px, fyldt stål */
#team-kort .tk-rund{width:44px;height:44px}
#team-kort .tk-rund .tri{margin-left:4px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
.hm-ark .hm-r:has(.laast){cursor:default}
/* ================================================================
v232 — DIALOGER I HUSETS STIL
spoerg() · skrivInd() · vaelgFra() afløser confirm() og prompt():
samme ark som Send til og Ny møderække, knapper der siger, hvad de gør.
================================================================ */
.dl-bag{z-index:250}
.dl-sp{margin:10px 0 0;font:600 15px/1.35 Barlow,sans-serif;color:var(--m-text)}
.dl-hj{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:rgba(29,31,32,.65);white-space:pre-line}
.dl-hj-felt{margin-top:10px}
.dl-knapper{display:flex;gap:1px;margin-top:16px}
.dl-knapper .st-send{margin-top:0;flex:1;min-height:52px}
.dl-knapper .st-send.dl-nej{background:var(--m-surface);color:var(--m-accent);border:1px solid rgba(29,31,32,.25)}
.dl-knapper .st-send.dl-ja.farlig{background:var(--m-ink)}
.dl-ark .dl-felt{margin-top:10px;font-weight:400;font-size:16px}
.dl-ark .st-send.dl-ja{min-height:52px;margin-top:9px}
.dl-liste{display:flex;flex-direction:column;gap:1px;margin-top:11px;max-height:55vh;overflow-y:auto;overscroll-behavior:contain}
.dl-valg{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;gap:11px;padding:8px 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.14);text-align:left;font:inherit;color:inherit;cursor:pointer}
.dl-valg.nu{border-color:var(--m-accent)}
.dl-valg.ingen{background:none;border-style:dashed;color:rgba(29,31,32,.7)}
.dl-v-n{flex:1;min-width:0;font-size:13.5px;font-weight:600}
.dl-valg.ingen .dl-v-n{font-weight:400}
.dl-v-u{flex:none;font-size:11.5px;color:rgba(29,31,32,.55)}
.dl-v-nu{flex:none;font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-accent)}
/* ================================================================
v233 — GPT's fund: pausen på dagsordenens prik, tom-listens knap
================================================================ */
.dg-lyt.pause{background:rgba(29,31,32,.35);animation:none}
#list-empty .link-btn{display:inline;margin-left:4px;font-size:inherit}
/* ================================================================
v234 — anden runde af testfundene: den fremmede fejl-linje
================================================================ */
.fejl-fremmed{margin:10px 13px 0;padding:10px 12px;background:var(--m-wait-tint);border:1px solid var(--m-wait);
font-size:12.5px;line-height:1.5;color:var(--m-wait)}
/* ================================================================
v235 — en andens møderække: greb, der ikke kan virke, er slukkede
================================================================ */
.ra-fremmed{margin:12px 12px 0;padding:10px 12px;background:var(--m-bg);border:1px solid rgba(29,31,32,.18);
font-size:12px;line-height:1.5;color:rgba(29,31,32,.7)}
.ra-linje.ra-laast{opacity:.55;cursor:default}
.ra-linje.ra-laast .ra-chev{visibility:hidden}
.ra-r.ra-laast{opacity:.55;cursor:default}
.ra-r.ra-laast .ra-ret{visibility:hidden}
/* ================================================================
v236 — det korte møde bærer sit eget mærke
================================================================ */
.kort-moede{margin:10px 13px 0;padding:10px 12px;background:var(--m-wait-tint);border:1px solid var(--m-wait);
font-size:12.5px;line-height:1.5;color:var(--m-wait)}
/* ================================================================
v248 — WORKSHOPPEN (designerens afsnit 81)
Sådan gik mødet · gruppens transskript · referatet med syntesen øverst.
Fire blå trin til grupperne: #41678d · #35566f · #7fa0bf · #93aec7.
================================================================ */
.ws-mark{flex:none;display:grid;place-items:center;font:600 9px/1 ui-monospace,Menlo,Consolas,monospace}
.ws-kort{margin:12px 12px 0;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:11px 12px}
.ws-h{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}
.ws-k{flex:1;font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.ws-ur{font:400 10.5px/1 ui-monospace,Menlo,Consolas,monospace;color:rgba(29,31,32,.5);white-space:nowrap}
.ws-tl{display:flex;gap:2px;align-items:stretch;height:44px}
.ws-plenum{display:grid;place-items:center;background:var(--m-accent);min-width:14px}
.ws-plenum span{font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--m-bg);writing-mode:vertical-rl;transform:rotate(180deg)}
.ws-baner{display:flex;flex-direction:column;gap:2px;min-width:40px}
.ws-bane{flex:1;display:block;min-height:6px}
.ws-under{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;color:rgba(29,31,32,.5)}
.ws-liste{display:flex;flex-direction:column;margin-top:10px;padding-top:10px;border-top:1px solid rgba(29,31,32,.1)}
.ws-r{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:6px 0;
background:none;border:0;border-top:1px solid rgba(29,31,32,.08);text-align:left;font:inherit;color:inherit;cursor:pointer}
.ws-r:first-child{border-top:0}
.ws-n{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-navn{color:rgba(29,31,32,.6)}
.ws-tid{font:400 11px/1 ui-monospace,Menlo,Consolas,monospace;color:rgba(29,31,32,.55);white-space:nowrap}
.ws-badge{font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--m-wait);border:1px solid var(--m-wait);padding:2px 5px;white-space:nowrap}
.ws-badge.lys{color:rgba(29,31,32,.55);border-color:rgba(29,31,32,.3)}
.ws-chev{flex:none;color:rgba(29,31,32,.35)}
.ws-fod{margin:10px 0 0;font-size:11px;color:rgba(29,31,32,.55);line-height:1.45}
/* --- gruppens transskript --- */
#view-gruppe{padding:0 0 calc(24px + env(safe-area-inset-bottom))}
.gv-hoved{padding:calc(10px + env(safe-area-inset-top)) 13px 10px}
.gv-r{display:flex;align-items:center;gap:9px}
.gv-back{width:34px;height:34px;margin-left:-8px;flex:none;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer}
.gv-back svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gv-nr{width:20px;height:20px;flex:none;display:grid;place-items:center;font:600 11px/1 ui-monospace,Menlo,Consolas,monospace}
.gv-m{flex:1;min-width:0}
.gv-t{display:block;font:600 18px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.03em}
.gv-u{display:block;font-size:11px;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gv-hele{flex:none;border:0;background:none;color:inherit;opacity:.8;font:400 11.5px Barlow,sans-serif;cursor:pointer;white-space:nowrap;padding:8px 0}
.gv-faner{display:flex;gap:1px;background:rgba(29,31,32,.14);border-bottom:1px solid rgba(29,31,32,.14)}
.gv-fane{flex:1;min-height:32px;background:var(--m-bg);border:0;padding:7px 2px;text-align:center;font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(29,31,32,.5);cursor:pointer}
.gv-fane.aktiv{color:var(--m-text);box-shadow:inset 0 -2.5px 0 var(--gv,var(--m-accent))}
.gv-fane.plenum{flex:1.4}
.gv-krop{padding:12px 13px 0}
.gv-fejl{margin:12px 13px 0;padding:10px 12px;background:var(--m-wait-tint);border:1px solid var(--m-wait);font-size:12.5px;line-height:1.5;color:var(--m-wait);display:flex;flex-direction:column;gap:4px}
.gv-retry{align-self:flex-start;margin-top:6px;min-height:40px;padding:0 14px;border:0;background:var(--m-accent);color:var(--m-ink-fg);font:600 13px 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.gv-retry:disabled{opacity:.5}
.gv-fod{border-top:1px solid rgba(29,31,32,.14);margin-top:14px;padding:9px 13px 12px;display:flex;align-items:center;gap:9px}
.gv-fod-l{border:0;background:none;padding:6px 0;font:400 12px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.gv-fod-l:disabled{opacity:0;cursor:default}
/* --- referatet med syntesen øverst --- */
.wr-baand{display:flex;gap:2px;height:7px;margin:2px 0 12px}
.wr-baand span{display:block;min-width:4px}
.wr-ind{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:rgba(29,31,32,.8)}
.wr-k{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55);margin:14px 0 7px}
.wr-tynd{margin:0;font-size:12.5px;color:rgba(29,31,32,.65);line-height:1.5}
.wr-fund{background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:10px 11px;margin-top:7px;border-left:2.5px solid var(--m-accent)}
.wr-fund.trak{border-left-color:var(--m-wait)}
.wr-fund.alene{border-left:2.5px dashed var(--m-accent)}
.wr-ft{font-size:13.5px;font-weight:600;line-height:1.35}
.wr-fx{font-size:12px;color:rgba(29,31,32,.7);line-height:1.45;margin-top:3px}
.wr-fm{display:flex;align-items:center;gap:5px;margin-top:8px}
.wr-fo{font:600 9px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:rgba(29,31,32,.5);margin-right:2px}
.wr-fo.trak{color:var(--m-wait)}
.wr-matrix-knap{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;gap:9px;padding:8px 11px;margin-top:7px;
border:1px dashed rgba(29,31,32,.3);background:none;color:var(--m-accent);font:inherit;text-align:left;cursor:pointer}
.wr-matrix-knap svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.wr-matrix-knap span{flex:1;font-size:12.5px}
.wr-matrix-knap i{font-style:normal;color:rgba(29,31,32,.4)}
.wr-matrix-knap.aaben i{transform:rotate(180deg);display:inline-block}
.wr-matrix{margin-top:1px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:6px 8px;overflow-x:auto}
.wr-matrix table{border-collapse:collapse;width:100%;font-size:12px}
.wr-matrix th,.wr-matrix td{padding:5px 6px;border-top:1px solid rgba(29,31,32,.08);text-align:center}
.wr-matrix td:first-child{text-align:left}
.wr-matrix thead th{border-top:0}
.wr-celle{display:inline-block;width:14px;height:14px}
.wr-plenum{display:flex;flex-direction:column;gap:1px}
.wr-pp{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);padding:8px 11px;font-size:12.5px;line-height:1.45}
.wr-pp b{display:block}.wr-pp span{color:rgba(29,31,32,.7)}
.wr-hg{display:flex;align-items:baseline;gap:8px}
.wr-hg .wr-k{flex:1}
.wr-fold{border:0;background:none;padding:0;font:400 11.5px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.wr-grupper{display:flex;flex-direction:column;gap:1px}
.wr-gr{box-sizing:border-box;width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 11px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14);
font:inherit;color:inherit;text-align:left;cursor:pointer}
.wr-g.faldt .wr-gr{cursor:default;opacity:.7}
.wr-gn{flex:1;min-width:0;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-gr i{font-style:normal;color:rgba(29,31,32,.4)}
.wr-gr.aaben i{transform:rotate(180deg);display:inline-block}
.wr-gk{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);border-top:0;padding:8px 11px 10px}
.wr-gh{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(29,31,32,.55)}
.wr-go{font-size:12px;color:rgba(29,31,32,.65);margin-top:5px;line-height:1.45}
.wr-gk ul{margin:8px 0 0;padding-left:18px;font-size:12.5px;line-height:1.5}
.wr-gk li{margin:4px 0}
.wr-se{margin-top:8px;border:0;background:none;padding:0;font:400 12px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
.wr-fod{border-top:1px solid rgba(29,31,32,.14);margin-top:14px;padding-top:9px;font-size:11px;color:rgba(29,31,32,.55);line-height:1.45}
/* ===================================================================
v250: ONLINEMØDET I APPEN - designerens 76 + 77. Tal og farver er hendes:
290px-lærredet, #2c455d-ink på ikoner, #5980a6-streger, #b3403a for
rødt, #3e7d52-hak, #6d4f14 for det gule bånd, #1d2d3d-hoved.
=================================================================== */
/* 1 · linjen under knappen - 44px, en oplysning med ét Skift */
.kilde-linje{box-sizing:border-box;width:100%;max-width:420px;min-height:44px;flex:none;
display:flex;align-items:center;gap:10px;margin:14px auto 0;padding:12px 0 0;
border:0;border-top:1px solid rgba(29,31,32,.14);background:none;cursor:pointer;
font:400 14.5px/1.3 Barlow,sans-serif;color:rgba(29,31,32,.72);text-align:left}
.kilde-linje .kl-ik{width:20px;height:20px;flex:none;display:block}
.kilde-linje .kl-ik svg{width:20px;height:20px;display:block;fill:none;stroke:rgba(29,31,32,.55);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kilde-linje .kl-t{flex:1;min-width:0}
.kilde-linje .kl-t b{font-weight:600;color:var(--m-text)}
.kilde-linje .kl-plus{color:rgba(29,31,32,.55)}
.kilde-linje .kl-skift{font:600 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-accent);white-space:nowrap}
#view-record.kompakt .kilde-linje{display:none}
/* 2 · arket: Hvor holder I mødet? */
.sa-ark{padding:15px 15px 18px}
.sa-h{display:flex;align-items:center;gap:11px}
.sa-h-t{flex:1;font:600 21px/1 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.sa-liste{display:flex;flex-direction:column;gap:9px;margin-top:13px}
.sa-valg{box-sizing:border-box;width:100%;background:var(--m-surface);border:1.5px solid rgba(29,31,32,.16);padding:13px 14px;
display:flex;align-items:center;gap:13px;cursor:pointer;text-align:left;font:inherit;color:inherit}
.sa-valg.nu{border-color:var(--m-accent)}
.sa-valg.laast{cursor:default}
.sa-valg.laast .sa-ik,.sa-valg.laast .sa-n,.sa-valg.laast .sa-u{opacity:.45}
.sa-ik{width:30px;height:30px;flex:none;display:block}
.sa-ik svg{width:30px;height:30px;display:block;fill:none;stroke:var(--m-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sa-ik-lille,.sa-ik-lille svg{width:22px;height:22px}
.sa-ik-lille svg{stroke:rgba(29,31,32,.5);stroke-width:1.9}
.sa-m{flex:1;min-width:0}
.sa-n{display:block;font-size:17px;font-weight:600;line-height:1.25}
.sa-n2{display:block;font-size:15px;color:rgba(29,31,32,.75);line-height:1.3}
.sa-u{display:block;font-size:14px;color:rgba(29,31,32,.6);margin-top:1px}
.sa-grund{display:block;font-size:14px;color:rgba(29,31,32,.75);line-height:1.5;margin-top:9px}
.sa-grund b:last-child{color:var(--m-accent)}
.sa-hoejre{width:20px;height:20px;flex:none;display:block}
.sa-hoejre svg{width:20px;height:20px;display:block;fill:none;stroke:var(--m-ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sa-valg:not(.nu) .sa-hoejre svg{width:18px;height:18px;stroke:rgba(29,31,32,.35);stroke-width:2.2}
.sa-til{margin-top:13px;padding-top:12px;border-top:1px solid rgba(29,31,32,.14)}
.sa-til-r{display:flex;align-items:center;gap:12px}
.sa-kontakt{width:44px;height:26px;flex:none;border:2px solid rgba(29,31,32,.3);background:none;position:relative;display:block;padding:0;cursor:pointer;border-radius:0}
.sa-kontakt i{position:absolute;left:2.5px;top:2.5px;width:17px;height:17px;background:rgba(29,31,32,.28);transition:left .15s,background .15s}
.sa-kontakt[aria-checked="true"]{border-color:var(--m-accent)}
.sa-kontakt[aria-checked="true"] i{left:20.5px;background:var(--m-accent)}
.sa-note{font-size:13.5px;color:rgba(29,31,32,.58);margin-top:10px;line-height:1.45}
/* de fem streger - deles af striben (store) og kortet (små) */
.ks-bj{display:flex;gap:3px;align-items:flex-end;height:24px;flex:none}
.ks-bj i{display:block;width:4px;height:3px;background:rgba(89,128,166,.4);transition:height 90ms linear}
.ks-bj.aktiv i{background:var(--m-accent)}
.ks-bj.tom i{background:rgba(29,31,32,.2)}
.ks-bj[hidden]{display:none}
/* 3 · striben før start */
.ks{position:fixed;inset:0;z-index:200;background:var(--m-bg);color:var(--m-text);font:400 15px/1.5 Barlow,sans-serif;
display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}
.ks-top{display:flex;align-items:center;gap:10px;padding:13px 16px 0;width:100%;max-width:460px;margin:0 auto;box-sizing:border-box}
.ks-top .mk-h{margin:0}
.ks-top-n{flex:1;font-size:14px;color:rgba(29,31,32,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-top .icon-btn svg{width:22px;height:22px;fill:none;stroke:rgba(29,31,32,.6);stroke-width:1.9;stroke-linecap:round}
.ks-krop{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:460px;margin:0 auto;box-sizing:border-box;padding-bottom:12px}
.ks-hoved{padding:16px 16px 0}
.ks-kicker{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--m-accent)}
.ks-titel{font:600 26px/1.05 'Barlow Condensed',sans-serif;letter-spacing:.01em;margin-top:6px}
.ks-kort{margin:14px 15px 0;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:13px 14px;display:flex;flex-direction:column;gap:13px}
.ks-r{display:flex;align-items:center;gap:12px}
.ks-r + .ks-r{padding-top:12px;border-top:1px solid rgba(29,31,32,.12)}
.ks-ik{width:24px;height:24px;flex:none;display:block}
.ks-ik svg{width:24px;height:24px;display:block;fill:none;stroke:var(--m-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ks-ik.ks-roed svg{stroke:var(--m-rec)}
.ks-m{flex:1;min-width:0}
.ks-n{display:block;font-size:16px;font-weight:600;line-height:1.25}
.ks-u{display:block;font-size:13.5px;color:rgba(29,31,32,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ks-u.ks-roed{color:var(--m-text)}
.ks-hak{width:20px;height:20px;flex:none;display:block}
.ks-hak[hidden]{display:none}
.ks-hak svg{width:20px;height:20px;display:block;fill:none;stroke:var(--m-ok);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ks-grund{background:var(--m-surface);border-left:2.5px solid var(--m-rec);padding:10px 12px}
.ks-grund[hidden]{display:none}
.ks-grund-t{font-size:14.5px;line-height:1.5}
.ks-igen{box-sizing:border-box;min-height:44px;padding:0 15px;display:inline-flex;align-items:center;background:var(--m-accent);color:var(--m-ink-fg);border:0;cursor:pointer;
font:600 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;margin-top:10px}
.ks-headset{margin:12px 15px 0;display:flex;gap:11px;align-items:flex-start;font-size:14px;color:rgba(29,31,32,.72);line-height:1.5}
.ks-headset svg{width:20px;height:20px;flex:none;margin-top:1px;fill:none;stroke:var(--m-accent);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ks-fod{width:100%;max-width:460px;margin:0 auto;box-sizing:border-box;padding:13px 15px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(29,31,32,.14);background:var(--m-bg)}
.ks-optag{width:100%;display:flex;align-items:center;gap:15px;border:0;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit}
.ks-optag-c{width:74px;height:74px;flex:none;border-radius:50%;background:var(--m-rec);display:grid;place-items:center;transition:opacity .2s}
.ks-optag-c svg{width:32px;height:32px;fill:none;stroke:var(--m-surface);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ks-optag-m{flex:1}
.ks-optag-o{display:block;font:600 23px/1 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.ks-optag-u{display:block;font-size:14px;color:rgba(29,31,32,.6);margin-top:3px}
.ks-optag.daempet .ks-optag-c{opacity:.45}
.ks-optag.daempet .ks-optag-o{color:rgba(29,31,32,.5)}
.ks-optag:disabled{cursor:default}
.ks-optag:disabled .ks-optag-c{opacity:.25}
/* 4 · under optagelsen: to streger i båndet */
.ks-streger{display:flex;flex-direction:column;gap:4px;width:56px;flex:none}
.ks-streger > span{display:flex;align-items:center;gap:6px}
.ks-st-n{font-size:10.5px;color:rgba(242,242,243,.6);width:14px;flex:none;line-height:1}
.ks-st{flex:1;height:3px;background:rgba(148,188,227,.25);position:relative;display:block}
.ks-st i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--m-on-dark);transition:width 90ms linear}
.ks-st.roed{background:rgba(224,96,90,.3)}
.ks-st.roed i{background:rgba(224,96,90,.9)}
.ks-st.vaek{background:rgba(224,96,90,.3)}
.ks-st.vaek i{display:none}
.ks-streger > span:has(.ks-st.roed) .ks-st-n,.ks-streger > span:has(.ks-st.vaek) .ks-st-n{color:rgba(224,96,90,.9)}
/* det gule bånd - én gang, forsvinder selv */
.online-kort{width:100%;max-width:460px;margin:0 auto 12px;box-sizing:border-box;text-align:left}
.online-kort[hidden]{display:none}
.ks-baand{background:var(--m-wait);color:var(--m-ink-fg);padding:11px 13px;display:flex;align-items:center;gap:11px;margin:-14px 0 12px}
.ks-baand[hidden]{display:none}
.ks-baand svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--m-surface);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ks-baand-t{flex:1;font-size:14px;line-height:1.4}
.ks-baand-k{border:0;background:none;color:var(--m-surface);padding:0;cursor:pointer;font:600 14px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
/* to-spors-kortet */
.ok-kort{background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:13px 14px}
.ok-r{display:flex;align-items:center;gap:12px}
.ok-r + .ok-r{margin-top:12px;padding-top:12px;border-top:1px solid rgba(29,31,32,.12)}
.ok-ik{width:26px;height:26px;flex:none;display:block}
.ok-ik svg{width:26px;height:26px;display:block;fill:none;stroke:var(--m-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ok-m{flex:1;min-width:0}
.ok-n{display:block;font-size:16px;font-weight:600;line-height:1.25}
.ok-u{display:block;font-size:13.5px;color:rgba(29,31,32,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ok-r .ks-bj{height:22px;gap:2.5px}
.ok-r .ks-bj i{width:3.5px}
.ok-r.faldt .ok-ik,.ok-r.faldt .ok-m{opacity:.5}
.ok-r.faldt .ok-ik svg{stroke:rgba(29,31,32,.55)}
.ok-r.faldt .ok-n{text-decoration:line-through}
.ok-prik{width:9px;height:9px;flex:none;border-radius:50%;background:var(--m-rec);display:block}
.ok-prik[hidden]{display:none}
.ok-frafald{margin-top:11px;padding-top:11px;border-top:1px solid rgba(29,31,32,.12)}
.ok-frafald[hidden]{display:none}
.ok-frafald-t{font-size:13.5px;color:rgba(29,31,32,.7);line-height:1.5}
.ok-knapper{display:flex;gap:8px;margin-top:11px}
.ok-fortsaet,.ok-stop{box-sizing:border-box;min-height:44px;display:flex;align-items:center;cursor:pointer;
font:600 15px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.ok-fortsaet{padding:0 15px;background:var(--m-accent);color:var(--m-ink-fg);border:0}
.ok-stop{padding:0 13px;background:none;border:1.5px solid rgba(29,31,32,.2);color:rgba(29,31,32,.7)}
.ok-loefte{margin-top:11px;border:1px dashed rgba(89,128,166,.75);padding:12px 13px;display:flex;gap:11px;align-items:flex-start}
.ok-loefte svg{width:22px;height:22px;flex:none;margin-top:1px;fill:none;stroke:var(--m-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ok-loefte-t{display:block;font-size:15px;font-weight:600;line-height:1.35}
.ok-loefte-u{display:block;font-size:14px;color:rgba(29,31,32,.72);line-height:1.45;margin-top:3px}
.ok-samtykke{margin-top:11px;display:flex;gap:11px;align-items:flex-start;font-size:14px;color:rgba(29,31,32,.7);line-height:1.5}
.ok-samtykke svg{width:20px;height:20px;flex:none;margin-top:1px;fill:none;stroke:rgba(29,31,32,.5);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* ===================================================================
v252 — FORSIDEN RYDDET (designerens afsnit 82, 21/9)
Knappen ned i tommelzonen (96px, 20px over bundnavigationen), rammen
væk (rækkerne bruger hele bredden med hairlines imellem), optagelsens
to valg samlet under knappen: Inkognito øverst, mikrofonen under -
begge 40px, midtstillet. Rækkens navn 20px · rækketitler 14px ·
underlinjer 11,5px · rækker 60-64px. Intet under 11,5px.
Rækkefølgen tegnes med order - DOM'en er urørt, så kompakt-båndet
(v75/v93) og kompaktOptager's flytning virker som før.
=================================================================== */
#view-record:not(.kompakt) .record-area{justify-content:flex-start;padding-top:0;
padding-bottom:calc(76px + env(safe-area-inset-bottom))}
#view-record:not(.kompakt) #opt-rul{order:1;flex:1 1 auto;padding:16px 6px 4px}
#view-record:not(.kompakt) .rec-button{order:2;width:96px;height:96px;margin:13px auto 0;
box-shadow:0 0 0 5px var(--m-bg),0 0 0 6.5px rgba(29,31,32,.14)}
#view-record:not(.kompakt) .ink-linje{order:3}
#view-record:not(.kompakt) .kilde-linje{order:4}
#view-record:not(.kompakt) .rec-advarsel{order:5}
#view-record:not(.kompakt) #upload-state{order:6}
/* inkognito-linjen: 40px, 12,5px, midtstillet */
.ink-linje{box-sizing:border-box;min-height:40px;flex:none;display:flex;align-items:center;gap:7px;
margin:13px auto 0;padding:0 6px;border:0;background:none;cursor:pointer;
color:rgba(29,31,32,.6);font:400 12.5px/1 Barlow,sans-serif;white-space:nowrap}
.ink-linje .il-ik{width:15px;height:15px;flex:none;display:block}
.ink-linje .il-ik svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ink-linje.paa{color:var(--m-incognito);font-weight:600}
.ink-linje[hidden],#view-record.kompakt .ink-linje{display:none}
/* mikrofonlinjen: samme kolonne, 2px under, uden hairline */
#view-record:not(.kompakt) .kilde-linje{width:auto;max-width:100%;min-height:40px;margin:2px auto 0;
padding:0 6px;border-top:0;gap:7px;justify-content:center;font-size:12.5px;line-height:1;color:rgba(29,31,32,.6)}
.kilde-linje .kl-ik,.kilde-linje .kl-ik svg{width:15px;height:15px}
.kilde-linje .kl-ik svg{stroke:rgba(29,31,32,.5);stroke-width:1.5}
.kilde-linje .kl-t{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kilde-linje .kl-t b{font-weight:400;color:inherit}
.kilde-linje .kl-skift{font:400 12.5px/1 Barlow,sans-serif;letter-spacing:0;text-transform:none;color:var(--m-accent)}
/* kortrammen væk - rækkerne bruger hele bredden */
#view-record:not(.kompakt) #team-kort .tk-stak{margin:0;padding:0;background:none;border:0}
#team-kort .tk-stak > .tl,#team-kort .tk-stak > .tr,#team-kort .tk-stak > .bl,#team-kort .tk-stak > .br{display:none}
#team-kort .tk-inkog{display:none}
/* rækkens hoved: navn 20px, tandhjul uden ramme, Skift 13px - begge 40px */
#view-record:not(.kompakt) #team-kort .tk-stak .tk-raek{min-height:40px;margin:0;padding:0;gap:10px}
#team-kort .tk-stak .tk-nm .tk-navn{font:600 20px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em}
.tk-nu{font-size:11.5px;color:rgba(29,31,32,.55)}
.tk-tand{width:40px;height:40px;border:0}
.tk-tand svg{stroke:rgba(29,31,32,.55)}
#team-kort .tk-stak .tk-hoejre.skift{min-height:40px;min-width:0;padding:0;margin-right:0;font-size:13px}
.ra-aftryk{width:24px;height:24px}
/* uden møderække: én linje, 56px, stiplet mærke, navnet i stål */
#view-record:not(.kompakt) #team-kort > .tk-raek{box-sizing:border-box;min-height:56px;margin:0;padding:10px 0;gap:11px;
border:0;border-bottom:1px solid rgba(29,31,32,.1);background:none}
#team-kort .tk-navn.tom{font:400 14px/1.3 Barlow,sans-serif;color:var(--m-accent)}
/* de tre linjer: hairline over hver, 60-64px, titler 14px, underlinjer 11,5px */
#team-kort .tk-stak .tk-linje{margin-top:0;padding:10px 0;min-height:60px;gap:13px;border-top:1px solid rgba(29,31,32,.1)}
#team-kort .tk-stak .tk-raek + .tk-linje,#team-kort .tk-stak .tk-raek + .tk-klar{margin-top:14px;border-top:1px solid rgba(29,31,32,.14)}
#team-kort .tk-linje .tk-t{font-size:14px;line-height:1.3}
#team-kort .tk-brief .tk-t{font-weight:600}
.tk-linje .tk-u,.tk-r2{font-size:11.5px;margin-top:1px}
#team-kort .tk-stak .tk-brief{min-height:64px;padding:11px 0}
.tk-brief .tk-baand{display:none}
.tk-brief.arbejder .tk-baand{display:flex}
#team-kort .tk-rund{width:42px;height:42px}
#team-kort .tk-linje > .tk-mk{margin:0 12.5px}
.tk-mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.tk-skriv{flex:none;box-sizing:border-box;min-height:44px;display:flex;align-items:center;font-size:13px;color:var(--m-accent);white-space:nowrap}
.tk-klar{margin-top:0;padding-top:11px}
/* v252b: uden møderække er hovedet én 56px-linje med stiplet mærke og navnet i stål
(14px) - og luften under mikrofonlinjen er 20px, som tegnet: den tomme
upload-linje fyldte 26px med sine margener. */
#team-kort .tk-stak .tk-nm .tk-navn.tom{font:400 14px/1.3 Barlow,sans-serif;letter-spacing:0;color:var(--m-accent)}
#view-record:not(.kompakt) #team-kort .tk-stak .tk-raek:has(.tk-navn.tom){min-height:56px;padding:10px 0;
border-bottom:1px solid rgba(29,31,32,.1)}
#team-kort .ra-aftryk{width:24px;height:24px}
.ra-aftryk:not(.stor){width:26px;height:26px}
#team-kort .ra-aftryk:not(.stor){width:24px;height:24px}
#view-record:not(.kompakt) #upload-state:empty{display:none}
#view-record:not(.kompakt) .record-area{padding-bottom:calc(79px + env(safe-area-inset-bottom))}
/* v252c (Robin 22/9): "optageknappen er blevet ret lille - og teksten". Designerens 96px
og 12,5px var et hak for smaat paa en rigtig skaerm. Knappen 116px, linjerne 14px med
16px-ikoner og 44px trykflade. Luften holdes: 13px under knappen, 2px mellem linjerne. */
#view-record:not(.kompakt) .rec-button{width:116px;height:116px}
.ink-linje,#view-record:not(.kompakt) .kilde-linje{min-height:44px;font-size:14px;gap:8px}
.ink-linje .il-ik,.ink-linje .il-ik svg,.kilde-linje .kl-ik,.kilde-linje .kl-ik svg{width:16px;height:16px}
.kilde-linje .kl-skift{font-size:14px}
/* v253: workshop-mærket i mødelisten - husets gruppe-tegn + antal */
.ws-tag{display:inline-flex;align-items:center;gap:4px;color:var(--m-accent);border-color:rgba(44,69,93,.35)}
.ws-tag svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* ===================================================================
v254 — WORKSHOPPEN I MØDELISTEN (designerens afsnit 86, 22/9)
Mærket er 81's tidslinje skrumpet (hendes 16×9px ved 8px-firkant; her
ved listens 13px-firkant: 24×13px). Tallet som tekst i metalinjen.
Og møderækkens mærkat: hvid med ramme i stedet for den mørke - Robin
22/9: "det tænker jeg faktisk er meget fint". Ét indrammet mærke pr.
række, og det vejer ikke længere som titlen.
=================================================================== */
.m-ws{display:flex;gap:2px;align-items:flex-end;flex:none;height:13px}
.m-ws b{display:block;width:4px;height:13px;background:var(--m-accent)}
.m-ws > span{display:flex;flex-direction:column;gap:1.5px;justify-content:flex-end}
.m-ws i{display:block;width:12px;height:2px;background:var(--m-accent)}
.m-ws i.taet{height:1px;opacity:.7}
.m-row.incog .m-ws b{background:var(--m-incognito)}
.m-row.incog .m-ws i{background:rgba(29,31,32,.55)}
.ws-tag{display:none}
.projekt-tag{background:var(--m-surface);border:1px solid rgba(29,31,32,.22);color:rgba(29,31,32,.55);
font:600 11px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px}
.delt-tag{background:var(--accent-deep);color:var(--m-ink-fg);border-color:var(--accent-deep)}
/* v256b: linket under Vaelg igen - vejen videre uden boksen */
.ks-uden{display:block;margin-top:10px;padding:0;border:0;background:none;cursor:pointer;font:400 14px/1.4 Barlow,sans-serif;color:var(--m-accent);text-align:left}
.ks-uden[hidden]{display:none}
/* v257: Skift paa raekken Dig i striben - vaelg mikrofon */
.ks-skift{flex:none;border:0;background:none;padding:0 0 0 6px;cursor:pointer;font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-accent);min-height:40px}
/* ===================================================================
v258 — LÆG ET MØDE IND (Teams-transskript eller lydfil)
=================================================================== */
.im-valg{margin-top:11px}
.im-fil{margin-top:11px;padding:10px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16)}
.im-fil[hidden]{display:none}
.im-fil-n{font-size:15px;font-weight:600;line-height:1.3;word-break:break-word}
.im-fil-u{font-size:13px;color:rgba(29,31,32,.6);margin-top:2px;line-height:1.4}
.dl-ark .im-raek{margin-top:11px;border:1px solid rgba(29,31,32,.16)}
.im-skift{flex:none;font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--m-accent)}
.dl-hj.im-fejl{color:var(--m-wait)}
.im-kilde{color:var(--m-accent)}
/* v259: drag and drop - arket og listen tager imod en fil */
.im-slip{margin-top:8px;padding:12px;border:1.5px dashed rgba(89,128,166,.6);text-align:center;font-size:13px;color:rgba(29,31,32,.55)}
.im-ark.im-over{outline:2px solid var(--m-accent);outline-offset:-2px;background:var(--m-bg)}
.im-ark.im-over .im-slip{border-color:var(--m-accent);color:var(--m-accent);background:var(--m-tint)}
#view-list.im-liste-over #meeting-list{outline:2px dashed var(--m-accent);outline-offset:-2px;background:var(--m-bg)}
/* v260: ét felt - slip eller vælg */
.im-felt{box-sizing:border-box;width:100%;margin-top:11px;padding:18px 14px;border:1.5px dashed rgba(89,128,166,.7);background:var(--m-surface);cursor:pointer;text-align:center;font:inherit;color:inherit}
.im-felt-t{display:block;font:600 16px/1.25 Barlow,sans-serif;color:var(--m-accent)}
.im-felt-u{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:rgba(29,31,32,.6)}
.im-ark.im-over .im-felt{border-color:var(--m-accent);background:var(--m-tint)}
.im-slip{display:none}
/* ===================================================================
v261 — LÆG ET MØDE IND efter designerens afsnit 87
Knappen med ord · slip-fladen over listen · arket i tre tilstande
(før · kvittering · fejl) · kildemærket som husets upload-pil.
=================================================================== */
.soeg-raekke{position:relative}
.im-knap{box-sizing:border-box;min-height:40px;flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;margin-left:auto;
border:1px solid rgba(29,31,32,.22);background:var(--m-surface);color:var(--m-accent);cursor:pointer;font:600 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.im-knap svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.soeg-raekke #btn-soeg{order:2}
.soeg-raekke .im-knap{order:1}
.soeg-raekke #moede-soeg{order:3;flex:1}
#view-list{position:relative}
.im-slipflade{position:absolute;left:10px;right:10px;top:150px;bottom:10px;z-index:5;pointer-events:none;
border:2px dashed var(--m-accent);background:rgba(231,238,246,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.im-slipflade svg{width:34px;height:34px;fill:none;stroke:var(--m-accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.im-slipflade-t{font:600 22px/1 'Barlow Condensed',sans-serif;letter-spacing:.02em;color:var(--m-ink)}
.im-slipflade-u{font-size:12px;color:var(--m-accent)}
#view-list.im-liste-over #meeting-list{outline:0;background:none}
/* arket */
.im-h{display:flex;align-items:center;gap:11px}
.im-h-t{flex:1;font:600 19px/1 'Barlow Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.im-ark .im-felt{margin-top:13px;min-height:200px;padding:18px;border:1.5px dashed rgba(89,128,166,.8);background:var(--m-surface);cursor:pointer;
display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
.im-felt > svg{width:30px;height:30px;fill:none;stroke:var(--m-accent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.im-ark .im-felt-t{font:600 21px/1.1 'Barlow Condensed',sans-serif;letter-spacing:.02em;color:var(--m-text);margin:0}
.im-vaelg{box-sizing:border-box;min-height:40px;display:flex;align-items:center;padding:0 14px;border:1px solid rgba(29,31,32,.25);background:none;cursor:pointer;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--m-accent)}
.im-ark.im-over .im-felt{border-color:var(--m-accent);background:var(--m-tint)}
.im-formater{display:flex;flex-direction:column;gap:5px;margin-top:12px}
.im-formater > div{display:flex;gap:9px;align-items:baseline}
.im-formater span{width:84px;flex:none;font-size:11.5px;color:rgba(29,31,32,.55)}
.im-formater b{flex:1;font-weight:400;font-size:12px;color:rgba(29,31,32,.75)}
/* kvitteringen */
.im-kvit{margin-top:13px;background:var(--m-surface);border:1.5px solid var(--m-accent);padding:12px 13px}
.im-kvit-h{display:flex;align-items:center;gap:7px}
.im-hak{width:13px;height:13px;flex:none;fill:none;stroke:var(--m-ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.im-kvit-k{flex:1;font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--m-ok)}
.im-skiftfil{border:0;background:none;padding:0;cursor:pointer;font:400 11.5px Barlow,sans-serif;color:var(--m-accent)}
.im-kvit-t{font:600 19px/1.15 'Barlow Condensed',sans-serif;margin-top:8px}
.im-kvit-m{font:400 11.5px/1.4 ui-monospace,Menlo,Consolas,monospace;color:rgba(29,31,32,.55);margin-top:3px}
.im-kvit-ord{display:flex;flex-direction:column;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(29,31,32,.1)}
.im-kvit-ord:empty{display:none}
.im-ord{display:flex;gap:8px;align-items:baseline;min-width:0}
.im-ord-n{font:600 10.5px/1.4 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:rgba(29,31,32,.8);white-space:nowrap}
.im-ord-t{flex:1;min-width:0;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.im-kvit-n{font-size:11px;color:rgba(29,31,32,.5);margin-top:7px}
.im-k{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.55);margin:11px 0 5px}
.im-ark .im-raek{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 11px;margin:0;
background:var(--m-surface);border:1px solid rgba(29,31,32,.16);cursor:pointer;text-align:left;font:inherit;color:inherit}
.im-raek-mk{flex:none;display:block}
.im-raek-mk .ra-aftryk{width:22px;height:22px}
.im-raek-m{flex:1;min-width:0}
.im-raek-n{display:block;font-size:13.5px;font-weight:600}
.im-raek-u{display:block;font-size:11px;color:rgba(29,31,32,.55)}
.im-ark .im-skift{font:400 12.5px Barlow,sans-serif;letter-spacing:0;text-transform:none;color:var(--m-accent)}
.im-send{box-sizing:border-box;width:100%;min-height:48px;margin-top:12px;border:0;background:var(--m-accent);color:var(--m-ink-fg);cursor:pointer;
font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.im-send:disabled{opacity:.6;cursor:default}
.im-status{margin-top:8px}
.im-status.im-fejlt{color:var(--m-wait)}
/* fejlene: graa med grund, altid en vej videre */
.im-fejl{margin-top:13px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);padding:11px 12px}
.im-fejl[hidden]{display:none}
.im-fejl-t{font-size:13px;font-weight:600}
.im-fejl-u{font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.45;margin-top:3px}
.im-fejl-veje{display:flex;gap:12px;margin-top:7px}
.im-vej{border:0;background:none;padding:0;cursor:pointer;font:400 12px Barlow,sans-serif;color:var(--m-accent)}
.im-vej.prim{font-weight:600}
.im-vej[hidden]{display:none}
/* kildemaerket i listen */
.m-im{width:13px;height:13px;flex:none;display:grid;place-items:center}
.m-im svg{width:13px;height:13px;fill:none;stroke:var(--m-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* v262: Glemt adgangskode under login */
.login-glemt{display:block;margin:14px 0 0;padding:6px 0;min-height:40px;font-size:14px;color:var(--m-accent)}
#login-glemt-svar{margin:4px 0 0;line-height:1.45}
/* ================================================================
v266 — FORBINDELSER: Microsoft Teams under Min konto + Teams-arket
================================================================ */
.fb-blok{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.fb-h{font:600 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fb-r{display:flex;align-items:flex-start;gap:12px}
.fb-ik{flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--field);color:var(--field-text)}
.fb-ik svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}
.fb-tekst{flex:1;min-width:0}
.fb-navn{font-weight:600;font-size:15px}
.fb-under{font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.fb-knapper{display:flex;flex-direction:column;gap:8px}
.fb-knapper .btn.fb-sek{background:none;border:1px solid var(--line);color:var(--accent-deeper)}
.fb-serier{display:flex;flex-direction:column;gap:6px}
.fb-s-h{font-size:12.5px;color:var(--muted)}
.fb-s{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--m-surface);border:1px solid var(--line-soft)}
.fb-s-t{flex:1;min-width:0;font-size:13.5px;line-height:1.4}
.fb-s-t b{font-weight:600;margin-right:6px}
.fb-s-t span{color:var(--muted)}
.fb-s-stop{flex:none;background:none;border:0;padding:4px 2px;font:inherit;font-size:13px;color:var(--accent-deeper);text-decoration:underline;cursor:pointer}
.fb-besked-boks{font-size:13.5px;line-height:1.5;padding:12px 13px;background:var(--m-surface);border:1px solid var(--line);color:var(--text)}
.fb-n-h{margin:0 0 6px;font-weight:600}
.fb-n-t{margin:0 0 10px;color:var(--muted)}
.fb-besked{margin:0 0 10px;padding:10px 11px;background:var(--surface);font:12.5px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:190px;overflow:auto}
.fb-kopi{width:100%}
.tm-ark{max-height:86vh;display:flex;flex-direction:column}
.tm-u{margin:10px 0 12px;font-size:13.5px;line-height:1.45;color:rgba(29,31,32,.62)}
.tm-liste{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:60px}
.tm-vent{margin:6px 0;font-size:13.5px;color:rgba(29,31,32,.6)}
.tm-r{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 11px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14)}
.tm-r.tm-graa{background:none;border-style:dashed}
.tm-r.tm-graa .tm-n{color:rgba(29,31,32,.6)}
.tm-t{flex:1;min-width:0}
.tm-n{font-size:13.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.tm-m{font-size:11.5px;color:rgba(29,31,32,.55);margin-top:2px}
.tm-hent{flex:none;min-width:64px;min-height:36px;padding:0 14px;border:0;background:var(--m-accent);color:var(--m-ink-fg);cursor:pointer;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.tm-hent.tm-aabn{background:none;color:var(--m-accent);border:1px solid rgba(29,31,32,.25)}
.tm-hent:disabled{opacity:.6;cursor:default}
.tm-s{flex:none;font-size:11.5px;color:rgba(29,31,32,.55);text-align:right;max-width:40%}
.tm-fod{margin:8px 0 2px;font-size:12px;line-height:1.5;color:rgba(29,31,32,.6)}
/* v266f — Teams' kontakt "Transcript API access" er slået fra */
.tm-luk{padding:12px 13px;background:var(--m-surface);border:1px solid var(--m-accent);margin-bottom:4px}
.tm-luk-h{margin:0 0 5px;font-weight:600;font-size:13.5px}
.tm-luk-t{margin:0;font-size:13px;line-height:1.5;color:rgba(29,31,32,.7)}
/* v266g — linket til Teams' mødeindstillinger */
.tm-luk-a{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--m-accent);text-decoration:underline}
/* ================================================================
v267 — RÆKKENS MENNESKER (designerens afsnit 89)
================================================================ */
/* rækkens side: to linjer under overskriften Mennesker (89 · 1) */
.mn-k{margin:16px 14px 0;font:600 10.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.mn-stak{margin:7px 12px 0;display:flex;flex-direction:column;gap:1px}
.mn-linje{box-sizing:border-box;width:100%;min-height:60px;display:flex;align-items:center;gap:11px;padding:10px 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.16);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.mn-linje.mn-hoved{min-height:64px;border:1.5px solid var(--m-accent)}
.mn-linje:disabled{cursor:default}
.mn-t{display:block;font-size:14px;font-weight:600}
.mn-u{display:block;font-size:11.5px;color:rgba(29,31,32,.6);margin-top:1px}
.mn-chev{flex:none;color:rgba(29,31,32,.4)}
.mn-avs{display:flex;flex:none}
.mn-av{width:28px;height:28px;flex:none;box-sizing:border-box;border-radius:50%;background:var(--m-accent);color:var(--m-ink-fg);display:grid;place-items:center;
font:600 10.5px/1 'Barlow Condensed',sans-serif}
.mn-av.mn-av-lille{width:26px;height:26px;font-size:10px}
.mn-avs .mn-av-lille+.mn-av-lille{margin-left:-7px;border:2px solid var(--m-surface)}
.mn-av.mn-av-stor{width:30px;height:30px;font-size:11px}
.mn-ref{width:26px;flex:none;display:grid;place-items:center}
.mn-ref-i{width:17px;height:17px;position:relative;display:block}
.mn-ref-i i{position:absolute;display:block;font-style:normal;height:1.8px;background:var(--m-ink);left:8.5px;width:8.5px}
.mn-ref-i i:nth-child(1){left:3.5px;top:0;bottom:0;width:1.8px;height:auto;background:var(--m-rec)}
.mn-ref-i i:nth-child(2){top:1.5px}
.mn-ref-i i:nth-child(3){top:5.5px}
.mn-ref-i i:nth-child(4){top:9.5px}
.mn-ref-i i:nth-child(5){top:13.5px;width:5.5px}
.mn-note{margin:10px 14px 0;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.45}
.mn-fremmed-l .mn-chev{visibility:hidden}
/* skærmen Mennesker (89 · 2 + 3) */
.mn-titel{margin:7px 14px 0;font:600 23px/1.05 'Barlow Condensed',sans-serif;color:var(--m-text)}
.mn-felt{margin:12px 12px 0;box-sizing:border-box;min-height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;
background:var(--m-surface);border:1.5px solid var(--m-accent)}
.mn-felt svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--m-accent);stroke-width:1.8;stroke-linecap:round}
.mn-felt input{flex:1;min-width:0;border:0;outline:0;background:none;padding:0;font:14px Barlow,sans-serif;color:var(--m-text)}
.mn-felt input::placeholder{font-size:13.5px;color:rgba(29,31,32,.5)}
.mn-forslag{margin:10px 12px 0;background:var(--m-surface);border:1px solid rgba(29,31,32,.16)}
.mn-fs-t{padding:10px 12px 6px;font-size:12px;color:rgba(29,31,32,.65);line-height:1.45}
.mn-valg{box-sizing:border-box;width:100%;min-height:64px;display:flex;align-items:center;gap:11px;padding:10px 12px;
background:none;border:0;border-top:1px solid rgba(29,31,32,.1);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.mn-forslag>.mn-valg:first-child{border-top:0}
.mn-vt{display:block;font-size:13.5px;font-weight:600}
.mn-vu{display:block;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.4}
.mn-brev{width:28px;height:28px;box-sizing:border-box;flex:none;border:1px solid rgba(29,31,32,.25);display:grid;place-items:center}
.mn-brev svg{width:14px;height:14px;fill:none;stroke:var(--m-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mn-brev.mn-brev-stor{width:30px;height:30px}
.mn-hj{margin:12px 14px 0;font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.45}
.mn-fremmed{margin:12px 14px 0;font-size:12px;color:rgba(29,31,32,.65);line-height:1.45}
.mn-k2{margin:14px 14px 0;font:600 10.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.mn-liste{margin:7px 12px 0;display:flex;flex-direction:column;gap:1px}
#view-mennesker{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.mn-r{box-sizing:border-box;width:100%;min-height:54px;display:flex;align-items:center;gap:10px;padding:8px 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.14);text-align:left;font:inherit;color:var(--m-text)}
.mn-r.mn-klik{cursor:pointer}
.mn-r .mn-chev{color:rgba(29,31,32,.35)}
.mn-n{display:block;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.mn-ekstra{font-weight:400;color:rgba(29,31,32,.55)}
.mn-ru{display:block;font-size:11.5px;color:rgba(29,31,32,.6)}
/* én person (89 · 4) */
.mn-ark .mn-p{background:var(--m-surface);border:1px solid var(--m-ink);padding:13px 13px 12px}
.mn-p-h{display:flex;align-items:center;gap:10px}
.mn-p-n{flex:1;min-width:0;font:600 18px/1.15 'Barlow Condensed',sans-serif;overflow-wrap:anywhere}
.mn-p-n.mn-p-mail{font:600 15px/1.3 Barlow,sans-serif}
.mn-p-r{box-sizing:border-box;min-height:52px;display:flex;align-items:center;gap:10px;margin-top:11px;padding:8px 0;border-top:1px solid rgba(29,31,32,.1)}
.mn-p-t{display:block;font-size:13.5px}
.mn-p-u{display:block;font-size:11.5px;color:rgba(29,31,32,.55)}
.mn-p-fjern{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;padding:6px 0;background:none;border:0;
border-top:1px solid rgba(29,31,32,.1);font:13.5px Barlow,sans-serif;color:var(--m-accent);text-align:left;cursor:pointer}
/* når referatet er skrevet (89 · 4) */
.mn-nr-h{display:flex;align-items:center;gap:10px}
.mn-nr-t{flex:1;font:600 18px/1.15 'Barlow Condensed',sans-serif}
.mn-nr-valg{display:flex;flex-direction:column;gap:1px;margin-top:10px}
.mn-radio{box-sizing:border-box;width:100%;min-height:62px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;
background:var(--m-surface);border:1px solid rgba(29,31,32,.16);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.mn-radio.valgt{border:1.5px solid var(--m-accent);cursor:default}
.mn-prik{width:16px;height:16px;box-sizing:border-box;flex:none;margin-top:2px;border-radius:50%;border:1.5px solid rgba(29,31,32,.35);display:block}
.mn-radio.valgt .mn-prik{border:5px solid var(--m-accent)}
.mn-nr-ude{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:9px 10px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14)}
.mn-nr-ude svg{width:14px;height:14px;flex:none;margin-top:2px;fill:none;stroke:var(--m-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mn-nr-ude span{flex:1;font-size:11.5px;color:rgba(29,31,32,.75);line-height:1.45}
.mn-nr-ude b{font-weight:600}
/* v267b — en gammel .ra-t (ordbogens ark, 20px Barlow Condensed VERSALER) smittede
titlerne på rækkens side: "MØDESKABELON" stod med store bogstaver. Tavs CSS-fejl. */
.ra-linje .ra-t{font:600 13.5px/1.4 Barlow,sans-serif;letter-spacing:normal;text-transform:none}
/* ================================================================
v268 — ejeren inviterer (89 · 2 + 3)
================================================================ */
.mn-r.mn-venter{border:1px dashed rgba(89,128,166,.8)}
.mn-av.mn-av-venter{background:none;color:var(--m-accent);border:1.5px dashed var(--m-accent)}
.mn-igen{border:0;background:none;padding:0;font:inherit;color:var(--m-accent);cursor:pointer}
.mn-igen:disabled{color:rgba(29,31,32,.5);cursor:default}
.mn-av.mn-av-ny{background:none;border:1.5px dashed var(--m-accent)}
.mn-av-ny svg{width:14px;height:14px;fill:none;stroke:var(--m-accent);stroke-width:1.8;stroke-linecap:round}
.mn-valg:disabled{cursor:default;opacity:.7}
.mn-faar{margin:16px 12px 0;padding:12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.14)}
.mn-faar-k{font:600 10px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.mn-faar-t{font-size:12px;color:rgba(29,31,32,.8);line-height:1.5;margin-top:6px}
/* ================================================================
v269 — KOLLEGAERNE I FELTET (designerens afsnit 91)
================================================================ */
.mn-org{margin:0 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);border-top:none}
.mn-org-h{padding:10px 12px 8px;font:600 10.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.mn-org-r{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;gap:11px;padding:8px 12px;
background:none;border:0;border-top:1px solid rgba(29,31,32,.1);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.mn-org-r.mn-org-hele{min-height:56px}
.mn-org-ik{width:28px;height:28px;box-sizing:border-box;flex:none;border-radius:50%;border:1.5px solid var(--m-accent);color:var(--m-accent);display:grid;place-items:center}
.mn-org-ik svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mn-org-ht{display:block;font-size:14px;font-weight:600}
.mn-org-hu{display:block;font-size:11.5px;color:rgba(29,31,32,.6)}
.mn-org-n{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}
.mn-plus{width:16px;height:16px;flex:none;fill:none;stroke:var(--m-accent);stroke-width:1.8;stroke-linecap:round}
.mn-org-vis{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;padding:6px 12px;background:none;border:0;
border-top:1px solid rgba(29,31,32,.1);font:13px Barlow,sans-serif;color:var(--m-accent);text-align:left;cursor:pointer}
.mn-org-vis span:first-child{flex:1}
.mn-eneste{padding:12px}
.mn-eneste-t{font-size:13.5px;font-weight:600}
.mn-eneste-u{font-size:12px;color:rgba(29,31,32,.65);line-height:1.45;margin-top:4px}
/* hele organisationen som én linje (91 · 2) */
.mn-hele{box-sizing:border-box;width:100%;min-height:62px;display:flex;align-items:center;gap:10px;padding:9px 12px;
background:var(--m-surface);border:1.5px solid var(--m-accent);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.mn-hele .mn-av-lille{font-size:9.5px}
.mn-hele .mn-avs .mn-av-lille+.mn-av-lille{margin-left:-8px}
.mn-hele-t{display:block;font-size:13.5px;font-weight:600}
.mn-hele-u{display:block;font-size:11.5px;color:rgba(29,31,32,.6)}
.mn-fold{width:16px;height:16px;flex:none;fill:none;stroke:rgba(29,31,32,.45);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.mn-hele.aaben .mn-fold{transform:rotate(180deg)}
.mn-ingen{box-sizing:border-box;min-height:48px;display:flex;align-items:center;padding:8px 12px;border:1px dashed rgba(29,31,32,.28);font-size:12.5px;color:rgba(29,31,32,.55)}
/* fjern én fra en række delt med alle (91 · 3) */
.mn-bek-h{display:flex;align-items:center;gap:10px}
.mn-bek-t{flex:1;font:600 19px/1.15 'Barlow Condensed',sans-serif}
.mn-bek-f{margin-top:12px;padding:11px 12px;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);font-size:12.5px;line-height:1.5;color:rgba(29,31,32,.8)}
.mn-bek-f b{font-weight:600}
.mn-bek-ja{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;margin-top:13px;border:0;background:var(--m-accent);color:var(--m-ink-fg);
font:600 16px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.mn-bek-ja:disabled{opacity:.6}
.mn-bek-nej{box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;margin-top:4px;border:0;background:none;
font:13.5px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
/* ================================================================
v270 — DEL MED QR · mødelederens side (designerens afsnit 90a)
================================================================ */
.dq-del-r svg{stroke-linejoin:round}
/* 2 · valget */
.dq-h{display:flex;align-items:center;gap:11px}
.dq-h-t{flex:1;font:600 20px/1 'Barlow Condensed',sans-serif;letter-spacing:.03em;text-transform:uppercase}
.dq-u{font-size:11.5px;color:rgba(29,31,32,.6);line-height:1.45;margin-top:10px}
.dq-valg{display:flex;flex-direction:column;gap:1px;margin-top:12px}
.dq-r{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--m-surface);
border:1px solid rgba(29,31,32,.16);text-align:left;font:inherit;color:var(--m-text);cursor:pointer}
.dq-r-t{display:block;font-size:14px}
.dq-r-u{display:block;font-size:11.5px;color:rgba(29,31,32,.55);line-height:1.4}
.dq-sw{width:40px;height:24px;box-sizing:border-box;flex:none;border:1.5px solid rgba(29,31,32,.3);position:relative;display:block}
.dq-sw i{position:absolute;left:2px;top:2px;width:17px;height:17px;background:rgba(29,31,32,.28);font-style:normal}
.dq-sw.til{border-color:var(--m-accent);background:var(--m-accent)}
.dq-sw.til i{left:auto;right:2px;background:var(--m-surface)}
.dq-vis{box-sizing:border-box;width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;margin-top:13px;border:0;
background:var(--m-accent);color:var(--m-ink-fg);font:600 17px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.dq-vis:disabled{opacity:.5;cursor:default}
/* 3 · koden stort */
.dq-skaerm{position:fixed;inset:0;z-index:200;background:var(--m-bg);display:flex;align-items:center;justify-content:center;
padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}
.dq-skjul{position:absolute;top:calc(10px + env(safe-area-inset-top));right:10px;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;cursor:pointer}
.dq-skjul svg{width:20px;height:20px;fill:none;stroke:rgba(29,31,32,.5);stroke-width:1.6;stroke-linecap:round}
.dq-panel{display:flex;gap:20px;width:100%;max-width:520px}
.dq-qr{width:210px;height:210px;flex:none;box-sizing:border-box;background:var(--m-surface);border:1px solid rgba(29,31,32,.2);padding:14px}
.dq-qr svg{display:block;width:100%;height:100%}
.dq-qr svg rect[fill="#000000"],.dq-qr svg path{fill:var(--m-text)}
.dq-info{flex:1;min-width:0;display:flex;flex-direction:column}
.dq-k{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(29,31,32,.6)}
.dq-titel{font:600 24px/1.1 'Barlow Condensed',sans-serif;margin-top:6px;overflow-wrap:anywhere}
.dq-under{font-size:13px;color:rgba(29,31,32,.65);margin-top:3px}
.dq-antal{display:flex;align-items:baseline;gap:8px;margin-top:14px}
.dq-n{font:400 30px/1 ui-monospace,Menlo,monospace;color:var(--m-text)}
.dq-n-t{font-size:13px;color:rgba(29,31,32,.65)}
.dq-url{align-self:flex-start;margin-top:12px;padding:0;border:0;background:none;font:400 13px/1 ui-monospace,Menlo,monospace;letter-spacing:.02em;
color:var(--m-accent);white-space:nowrap;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.dq-fod{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:10px}
.dq-gyldig{flex:1;font-size:11.5px;color:rgba(29,31,32,.55)}
.dq-luk{box-sizing:border-box;min-height:40px;display:flex;align-items:center;padding:0 13px;border:1px solid rgba(29,31,32,.25);background:none;
font:600 12px/1 'Barlow Condensed',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--m-accent);cursor:pointer}
.dq-udloebet .dq-qr{opacity:.25}
@media (max-width:560px){
.dq-panel{flex-direction:column;align-items:center;text-align:center;gap:18px}
.dq-qr{width:min(76vw,300px);height:min(76vw,300px)}
.dq-info{align-items:center;width:100%}
.dq-url{align-self:center}
.dq-fod{width:100%}
}
/* ================================================================
v271 — Del i gitteret (5 felter), login- og menu-vejen til Delt med mig
Robin 24/9: Grupper OG Del skal stå fremme - under Mere er de "små og hemmelige".
================================================================ */
.rec-controls{grid-template-columns:repeat(5,1fr)}
.gg-felt svg.gg-qr{stroke-linejoin:round}
.login-delt{display:block;margin-top:6px;text-align:center;text-decoration:none}
.menu-delt{text-decoration:none;display:flex;align-items:center;justify-content:center}
/* v272 — Min konto: hent alle Teams-møder automatisk (kontakt) */
.fb-auto{box-sizing:border-box;width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--m-surface);
border:1px solid var(--line);text-align:left;font:inherit;color:inherit;cursor:pointer}
.fb-auto-t{display:block;font-size:14px;font-weight:600}
.fb-auto-u{display:block;font-size:12px;color:var(--muted);line-height:1.4}
/* ================================================================
v273 — HVILKEN MØDERÆKKE? (eksperiment - midlertidig form, designeren tegner den rigtige)
================================================================ */
.m-gaet{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:7px;padding:7px 9px;background:var(--m-tint);border:1px dashed rgba(89,128,166,.7)}
.m-gaet-t{font-size:12.5px;color:var(--m-text)}
.m-gaet-t b{font-weight:600}
.m-gaet-ja,.m-gaet-nej{font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;cursor:pointer}
.m-gaet-ja{background:var(--m-accent);color:var(--m-ink-fg)}
.m-gaet-nej{color:var(--m-accent);border:1px solid rgba(29,31,32,.25);background:var(--m-surface)}
.m-gaet-hvorfor{flex-basis:100%;font-size:11px;color:rgba(29,31,32,.55);line-height:1.35}
/* v273c — spørgsmålet på sin egen linje, Ja og Nej sammen under det (Nej knækkede ned på 375px) */
.m-gaet{gap:6px 8px}
.m-gaet-t{flex:1 1 100%}
/* ================================================================
v275 — TEAMS-MØDER I LISTEN (designerens afsnit 93 · 6-7)
================================================================ */
/* 6 · kilden som fyldt mærkat først i metalinjen */
.imp-maerke{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;margin-right:7px;background:var(--m-accent);color:var(--m-ink-fg);
font:600 9.5px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;vertical-align:1px}
.imp-maerke svg{width:9px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
/* 7 · uden række = stiplet venstrekant */
.m-row.m-uden{border-left:2.5px dashed rgba(89,128,166,.8);padding-left:11.5px}
/* forslaget i to styrker - v275b: klassen hed .gl, og det navn har gruppernes lobby
(position:fixed over hele skærmen) - forslaget dækkede listen. Nu .rf (række-forslag). */
.rf{margin-top:8px}
.rf-sikker,.rf-gaet{display:flex;align-items:center;gap:8px;padding:7px 9px}
.rf-sikker{background:var(--m-tint);border:1px solid var(--m-accent)}
.rf-gaet{gap:6px;border:1px dashed rgba(89,128,166,.75)}
.rf-t{flex:1;min-width:0;font:12.5px/1.35 Barlow,sans-serif;color:var(--m-text)}
.rf-gaet .rf-t{color:var(--m-accent)}
.rf-t b{font-weight:600}
.rf-laeg,.rf-ja,.rf-andet{box-sizing:border-box;min-height:36px;display:flex;align-items:center;cursor:pointer;
font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.rf-laeg{padding:0 11px;background:var(--m-accent);color:var(--m-ink-fg)}
.rf-ja{padding:0 9px;color:var(--m-accent);border:1px solid rgba(29,31,32,.22)}
.rf-andet{padding:0 9px;color:rgba(29,31,32,.6)}
.rf-grund{font:11px/1.4 Barlow,sans-serif;color:rgba(29,31,32,.55);margin-top:4px}
.rf-vaelg{display:inline-block;margin-top:-2px;font:12px Barlow,sans-serif;color:var(--m-accent);cursor:pointer}
/* ================================================================
v277 — STILLE-VAGTEN: "Margin hører intet" øverst under båndet
(ingen tegning endnu - husets advarselsform; rødt er optagelsen, så den er mørk stål)
================================================================ */
/* v279: formen er erstattet af designerens 95 - se blokken nederst */
/* ================================================================
v279 — MARGIN HØRER INTET (designerens 95, skærm 1-3)
Husets gule: #a8730f kant, #6d4f14 titel. I båndet #e0b25c.
================================================================ */
/* 1 · kortet under båndet */
.stv{margin:12px 0;background:var(--m-surface);border:1px solid rgba(29,31,32,.16);border-left:4px solid var(--m-wait);padding:12px 13px;color:var(--m-text)}
.stv-t{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:18px;letter-spacing:.03em;text-transform:uppercase;line-height:1.1;color:var(--m-wait)}
.stv-mik{display:flex;align-items:center;gap:7px;margin-top:6px}
.stv-mik svg{width:15px;height:15px;flex:none;fill:none;stroke:var(--m-ink);stroke-width:1.5;stroke-linecap:round}
.stv-navn{flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.stv-tekst{font-size:13px;line-height:1.5;color:rgba(29,31,32,.75);margin-top:7px;text-wrap:pretty}
.stv-tekst b{font-weight:600;color:var(--m-text)}
.stv-knapper{display:flex;gap:8px;margin-top:11px}
.stv-knap{box-sizing:border-box;min-height:44px;flex:1;display:flex;align-items:center;justify-content:center;border:0;background:var(--m-accent);color:var(--m-ink-fg);
font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:15px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.stv-knap:focus-visible{outline:2px solid var(--m-wait);outline-offset:2px}
/* arket med de tre grunde */
.stv-grunde{display:flex;flex-direction:column;gap:1px;margin-top:12px}
.stv-grund{background:var(--m-surface);border:1px solid rgba(29,31,32,.14);border-left:4px solid var(--m-wait);padding:10px 12px}
.stv-grund-t{font-size:14px;font-weight:600;color:var(--m-text)}
.stv-grund-u{font-size:13px;line-height:1.45;color:rgba(29,31,32,.75);margin-top:2px}
.stv-note{font-size:12px;line-height:1.45;color:rgba(29,31,32,.55);margin:12px 0 0}
/* 2 · båndet: måleren bliver en flad gul kant, teksten står under uret */
.opt-kort.stille #level-meter{background:var(--m-wait)}
.opt-kort.stille #level-fill{display:none}
.stille-maerke{position:absolute;left:14px;bottom:5px;font:600 11px/1 'Barlow Condensed',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-wait);white-space:nowrap;pointer-events:none}
#view-record.kompakt .opt-kort.stille{padding-bottom:22px}
/* 3 · søjlerne før start er fjernet igen i v282 (Robin: lytning før start er ikke tillidsvækkende) */
/* ================================================================
v280 — SØGEFELTET I MØDELISTEN (designerens 94). Filterknappen, mærkaterne og
arket er fjernet igen i v290 - møderækken vælges kun i titlen (96).
================================================================ */
.soeg-raekke.lf-top{display:flex;align-items:stretch;gap:7px;margin:11px 0 0}
.lf-soeg{flex:1;min-width:0;box-sizing:border-box;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--m-surface);border:1px solid rgba(29,31,32,.2);cursor:text}
.lf-soeg svg{width:16px;height:16px;flex:none;fill:none;stroke:rgba(29,31,32,.5);stroke-width:1.6;stroke-linecap:round}
.soeg-raekke .lf-soeg input,.lf-soeg input{flex:1;min-width:0;border:0;background:none;padding:0;margin:0;min-height:0;height:auto;font:400 13.5px/1.3 Barlow,sans-serif;color:var(--m-text);box-shadow:none;outline:none}
.lf-soeg input::placeholder{color:rgba(29,31,32,.45)}
.lf-soeg:focus-within{border-color:var(--m-accent)}
.soeg-raekke.lf-top .im-knap{order:3;margin-left:0;min-height:44px}
/* v280b: søgefeltet er en