/* Karma AI (da/karma.html): the page's own cards. Preview only. */
/* the phone is the card: the .vc wrapper steps back and the phone carries the shadow */
.ms-panel .vc.ka-pv,.vc.ka-pv{width:260px!important;padding:0;border:0;border-radius:40px;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.ms-panel .vc.ka-pv .in,.vc.ka-pv .in{padding:0!important;background:none;box-shadow:none;border-radius:40px;overflow:visible}
.ka-phonepanel{min-height:640px}
.ka-phone{position:relative;width:260px;height:540px;display:flex;flex-direction:column;border-radius:40px;background:#F7F6F3;border:1px solid #E6E3DD;overflow:hidden;box-shadow:0 0 0 6px #fff,0 0 0 7px #E6E3DD,0 40px 70px -40px rgba(8,50,30,.45);font:400 13px/1.35 var(--sans);color:#1A2233}
.ka-sb{position:relative;flex:none;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 26px;font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums}
.ka-isl{position:absolute;left:50%;top:9px;width:76px;height:22px;border-radius:12px;background:#1A2233;transform:translateX(-50%)}
.ka-st{display:flex;align-items:flex-end;gap:2px;height:11px}.ka-st i{width:3px;border-radius:1px;background:#1A2233}.ka-st i:nth-child(1){height:4px}.ka-st i:nth-child(2){height:6px}.ka-st i:nth-child(3){height:8px}.ka-st i:nth-child(4){height:10px}
.ka-st em{width:20px;height:10px;margin-left:5px;border-radius:3px;box-shadow:inset 0 0 0 1.2px #1A2233;background:linear-gradient(90deg,#1A2233 70%,transparent 70%) 2px 2px/14px 6px no-repeat}
.ka-scr{flex:1;display:flex;flex-direction:column;gap:10px;padding:10px 14px 0}
.ka-hd{display:flex;align-items:center;gap:10px;padding:2px 2px 4px}.ka-hd>span:last-child{display:grid}.ka-hd b{font:600 15px/1.2 var(--sans)}.ka-hd small{font-size:11.5px;color:#6B7470}
.ka-k{flex:none;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fff 0 4px,#00693E 5px);box-shadow:0 0 0 3px #E3F2E9}
.ka-card{padding:14px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 12px 26px -18px rgba(8,50,30,.35)}
.ka-say{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13.5px;line-height:1.42}.ka-say b{font-weight:600;margin-right:2px}
.ka-kd{flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:radial-gradient(circle,#fff 0 2.5px,#00693E 3.5px);box-shadow:0 0 0 2.5px #E3F2E9}
.ka-reg{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:12px;background:#F6F3EE;font-size:12px;font-variant-numeric:tabular-nums}.ka-reg .hi{font-size:15px;color:#6B7470}
.ka-reg em{margin-left:auto;font-style:normal;font-weight:600;font-size:11px;padding:3px 7px;border-radius:99px;background:#FDF3E3;color:#9A5B00}
.ka-card .v-acts{margin-top:12px}.ka-card .v-b{height:34px}
.ka-lbl{margin:auto 2px 0;font:600 10.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#7A857F}
.ka-chips{display:flex;flex-wrap:wrap;gap:6px}
.ka-chips span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.08);font-size:12px;font-weight:500}.ka-chips .hi{font-size:14px;color:#6B7470}
.ka-in{flex:none;display:flex;align-items:center;gap:8px;margin:10px 12px 26px;padding:6px 6px 6px 14px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.08);color:#9AA29D;font-size:12.5px}
.ka-in span{flex:1}.ka-in i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#EDEFEA;color:#6B7470;font-style:normal}.ka-in .hi{font-size:15px}
.ka-home{position:absolute;left:50%;bottom:8px;width:96px;height:4px;border-radius:4px;background:#1A2233;transform:translateX(-50%)}
@media (max-width:720px){.ka-phonepanel{min-height:0}}
.ka-reg span{flex:1;min-width:0}.ka-reg em{flex:none;overflow-wrap:normal;white-space:nowrap}
/* how: one finding's journey — Karma læser → udkastet → logget (the thread joins them, legs "Laver udkast", "Du godkender") */
.ka-how .vc.ka-jw{width:260px}.ka-how .vc.ka-jw.w-wide{width:300px}
.ms-panel--wide.ka-how .ms-panel-in>.vc{zoom:1.1}
.ms-threaded.ka-how .ms-panel-in{column-gap:120px}
.ka-how .ms-bignum{margin-bottom:44px}
.vc .ka-tag{font-style:normal}
.vc .v-h>em.ka-tag.r{background:var(--ks-red-bg);color:var(--ks-red-ink)}
.vc .v-h>em.ka-tag.a{background:var(--ks-amber-bg);color:var(--ks-amber-ink)}
.vc .v-h>em.ka-tag.g{background:var(--ks-green-bg);color:var(--ks-green-ink)}
.ka-q{margin:0;font:600 15px/1.3 var(--sans);color:#1A2233}
.ka-big{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:14px;background:#F6F3EE}
.ka-big b{font:600 32px/1 var(--sans);letter-spacing:-.02em;color:#1A2233;font-variant-numeric:tabular-nums}
.ka-big span{font-size:13px;line-height:1.35;color:#4F5B54}
.ka-srcs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ka-srcs span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:99px;background:var(--ks-green-bg);color:var(--ks-green-ink);font-size:12px;font-weight:600}.ka-srcs .hi{font-size:13px}
.ka-when{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--ks-line);font-size:12.5px;color:var(--ks-mute);font-variant-numeric:tabular-nums}.ka-when .hi{font-size:14px}
.ka-fl{list-style:none;margin:0;padding:0;display:grid}
.ka-fl li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--ks-line)}.ka-fl li:first-child{border-top:0;padding-top:2px}
.ka-fl .v-av{width:30px;height:30px;flex:none}
.ka-fl li>span:nth-child(2){display:grid;flex:1;min-width:0}.ka-fl li>span b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ka-fl small{font-size:12px;color:var(--ks-mute);font-variant-numeric:tabular-nums}
.vc .ka-fl li>span.ka-ba{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-variant-numeric:tabular-nums;overflow:visible}
.ka-ba s{color:#9AA29D}.ka-ba .hi{font-size:12px;color:#9AA29D}.ka-ba b{font-weight:600;color:var(--ks-green-ink)}
.ka-more{margin:4px 0 0;font-size:12.5px;color:var(--ks-mute)}
.ka-by{display:flex;align-items:center;gap:10px}.ka-by .v-av{width:36px;height:36px;flex:none}
.ka-by>span{display:grid;min-width:0}.ka-by b{font-size:14px;font-weight:600}.ka-by small{font-size:12.5px;color:var(--ks-mute);font-variant-numeric:tabular-nums}
.ka-lg{list-style:none;margin:12px 0 0;padding:0;display:grid}
.ka-lg li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--ks-line);font-size:13px}
.ka-lg li>span{color:var(--ks-mute)}.ka-lg li>b{font-weight:600}
/* phones: the whole journey stays — all three cards, the thread down through the gaps */
@media (max-width:1040px){.ms-threaded.ka-how .ms-panel-in{column-gap:72px}.ms-panel--wide.ka-how .ms-panel-in>.vc{zoom:1}.ms-panel.ka-how .ms-panel-in>.vc:nth-child(3){display:block}}
@media (max-width:720px){.ka-how .vc.ka-jw{width:100%}}

/* ── proposal A (Mark 23-10): a flat page in sand and green — no deep-green hero, no glass; the morning brief leads ── */
/* the hero keeps the site's own mint-to-white field, like Om os (Mark 30-10) */
.p-karma .vc,.p-karma .ms-panel .vc,.p-karma .ms-stop .vc,.p-karma .ms-hero-obj .vc,.p-karma .ms-hero-row .vc{padding:0;border:0;background:#fff;box-shadow:0 0 0 1px #E6E0D4;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:18px}
.p-karma .vc .in{box-shadow:none;border-radius:18px}
.p-karma .ms-lay-h3 .vc:nth-child(1){top:40px;left:0;width:min(560px,100%)}
.ka-mh{display:flex;align-items:center;gap:8px;font-size:13px;color:#5B6660}.ka-mh b{font-weight:600;color:#1A2233}
.ka-dot{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fff 0 3px,#00693E 4px);box-shadow:0 0 0 3px #E3F2E9}
.ka-mp{margin:12px 0 14px;font:400 21px/1.3 var(--serif);color:#1A2233}
.ka-ml{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ka-ml li{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#F5F8F5;font-size:14px}
.ka-ml li>.hi{flex:none;font-size:18px;color:#00693E}.ka-ml li>span{flex:1;min-width:0}
.ka-mt{flex:none;font-style:normal;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:600}.ka-mt.g{background:#E3F1E9;color:#00693E}.ka-mt.a{background:#FCEFDD;color:#8F5300}.ka-mt.v{background:var(--ks-violet-bg);color:var(--ks-violet-ink)}
/* the promise: AI for the admin, time for the people */
.ka-prom .ka-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3vw,40px)}
.ka-prom .ka-three>div{padding:22px 22px 24px;border-radius:20px;background:#F6F3EE}
.ka-prom .ka-three>div:last-child{background:#E9F3EC}
.ka-prom .ka-three i.hi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:#00693E;font-size:20px}
.ka-prom .ka-three b{display:block;margin:14px 0 6px;font:500 20px/1.2 var(--serif);color:#1A2233}
.ka-prom .ka-three p{margin:0;font-size:15px;line-height:1.5;color:#4F5B54}
.ka-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;padding:16px 20px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #E6E0D4;font-size:14px;color:#4F5B54}
.ka-flow span{display:inline-flex;align-items:center;gap:8px;color:#00693E;font-weight:600}.ka-flow span i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#E3F1E9;font:700 11px/1 var(--sans);font-style:normal}
.ka-flow .ar{color:#B9C2BC}.ka-flow small{margin-left:auto;font-size:13px;color:#8A8F88}
@media (max-width:860px){.ka-prom .ka-three{grid-template-columns:1fr}.ka-flow small{margin-left:0;width:100%}}
@media (max-width:720px){.ka-mp{font-size:18px}.ka-ml li{font-size:13px;padding:10px}}
/* the "Spørg med almindelige ord" section, flat: sand to white instead of the deep-green band; the four steps under the
   demo as flat tiles on sand with green line icons */
.p-karma #karma-demo.field-sec,.p-karma #karma-demo.field-sec .feats{background:linear-gradient(180deg,#FFFFFF 0%,#F6F3EE 100%)!important}.p-karma #karma-demo .feats::before,.p-karma #karma-demo .feats::after{display:none!important}
.p-karma #karma-demo.field-sec::after{display:none}
.p-karma #karma-demo .feats{color:#1A2233}
.p-karma #karma-demo .feats>div{background:#fff;border-radius:18px;box-shadow:0 0 0 1px #E6E0D4;padding:18px}
.p-karma #karma-demo .feats b{color:#1A2233}.p-karma #karma-demo .feats span:not(.fic){color:#4F5B54}
.p-karma #karma-demo .feats .fic,.p-karma #karma-demo .feats>div:nth-child(n) .fic{background:#E3F1E9;color:#00693E;box-shadow:none}
.p-karma #layer{background:#fff}

/* ── retning B, Kommandocentralen: one bento panel — the plan large on the left, five cards around it ── */
.ka-cmd .ms-panel-in{display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.ka-cmd .ms-panel-in>.vc{width:auto!important;zoom:1!important;margin:0!important}
.ka-cmd .ms-panel-in>.vc:nth-child(1){grid-column:1;grid-row:1 / span 2}
.ka-cmd .ms-panel-in>.vc:nth-child(2){grid-column:2 / span 2;grid-row:1}
.ka-cmd .ms-panel-in>.vc:nth-child(3){grid-column:2 / span 2;grid-row:2}
.ka-cmd .ms-panel-in>.vc:nth-child(4){grid-column:1;grid-row:3}
.ka-cmd .ms-panel-in>.vc:nth-child(5){grid-column:2;grid-row:3}
.ka-cmd .ms-panel-in>.vc:nth-child(6){grid-column:3;grid-row:3}
.ka-cmd .vc .in{height:100%;box-sizing:border-box}
.ka-tg{font-style:normal;padding:3px 9px;border-radius:99px;background:#F1EFE8;color:#4F596B;font-size:11.5px;font-weight:600;white-space:nowrap}.ka-tg.g{background:#E3F1E9;color:#00693E}.ka-tg.a{background:#FCEFDD;color:#8F5300}
.ka-ask2{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:99px;background:#F6F3EE;font-size:13px}.ka-ask2>span:nth-child(2){flex:1;min-width:0}.ka-ask2 em{font-style:normal;font-size:11.5px;font-weight:600;color:#00693E;white-space:nowrap}
.ka-ask2 .ka-dot{width:16px;height:16px;flex:none}
.ka-plan{display:grid;grid-template-columns:86px repeat(5,minmax(0,1fr)) 56px;gap:5px;margin-top:12px;font-size:12px;align-items:center}
.ka-plan>span:nth-child(-n+7){font-size:11px;color:#7A818C;text-align:center}.ka-plan>span:first-child{text-align:left}
.ka-pw{display:flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}.ka-pw .v-av{width:24px;height:24px}
.ka-open{width:24px;height:24px;border-radius:50%;border:1.5px dashed #E2A646}
.ka-pc{display:grid;place-items:center;height:30px;border-radius:8px;background:#E3F1E9;color:#0B4F33;font-weight:600;font-size:11.5px;font-variant-numeric:tabular-nums}
.ka-pc.e{background:#F6F7F4}.ka-pc.b{background:var(--ks-blue-bg);color:var(--ks-blue-ink)}.ka-pc.r{background:#FDECEC;color:#B3302B}
.ka-pc.o{background:repeating-linear-gradient(135deg,#FDF6EA 0 5px,#FBEBD3 5px 10px);color:#8F5300;box-shadow:inset 0 0 0 1px #E2A646}
.ka-pc.sw{background:#fff;box-shadow:inset 0 0 0 1.5px #00693E;color:#00693E}
.ka-pk{text-align:right;font-variant-numeric:tabular-nums;color:#4F596B;font-size:12px}
.ka-pf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ks-line);font-size:12.5px;color:#5B6660}
.ka-pf span{display:inline-flex;align-items:center;gap:6px}.ka-pf .hi{color:#00693E}.ka-pf b{font:600 18px/1 var(--sans);color:#1A2233;font-variant-numeric:tabular-nums}
.ka-wc{list-style:none;margin:0;padding:0}.ka-wc li{display:grid;grid-template-columns:16px 28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 0;border-top:1px solid var(--ks-line);font-size:13px}.ka-wc li:first-child{border-top:0}
.ka-rk{font:700 12px/1 var(--sans);color:#9AA29D;text-align:center}.ka-wc li:first-child .ka-rk{color:#00693E}.ka-wc .v-av{width:28px;height:28px}.ka-wc span{display:grid;min-width:0}.ka-wc small{font-size:11.5px;color:#7A857F}
.ka-lk{font-size:12.5px;font-weight:600;color:#00693E;white-space:nowrap}
.ka-sw{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px;border-radius:12px;background:var(--ks-soft)}
.ka-sw span{display:grid;justify-items:center;gap:2px;font-size:12.5px}.ka-sw .v-av{width:32px;height:32px}.ka-sw small{font-size:11px;color:#7A857F}.ka-sw i{color:#00693E;font-size:18px}
.ka-ck{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:5px}.ka-ck li{display:flex;align-items:center;gap:7px;font-size:12.5px}.ka-ck .hi{flex:none;font-size:15px;color:#00A550}
.ka-dg{display:flex;gap:8px;margin:0 0 8px;font:400 14px/1.4 var(--serif);color:#1A2233}.ka-dg .ka-dot{flex:none;width:14px;height:14px;margin-top:3px}
.ka-dl{list-style:none;margin:0;padding:0}.ka-dl li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--ks-line);font-size:12.5px}
.ka-bn{display:flex;align-items:baseline;gap:6px;margin:0}.ka-bn b{font:600 22px/1 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ka-bn small{font-size:12px;color:#7A857F}
.ka-bar{height:8px;margin-top:10px;border-radius:99px;background:#EDF0EC;overflow:hidden}.ka-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ks-green-2),var(--ks-green))}
.ka-bs{margin:8px 0 0;font-size:12px;color:#5B6660}.ka-bs b{color:#1A2233}
.ka-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.ka-chips span{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;background:#fff;box-shadow:0 0 0 1px #E6E0D4;font-size:13px;color:#00693E;font-weight:600}.ka-chips .hi{font-size:14px}
@media (max-width:1040px){.ka-cmd .ms-panel-in{grid-template-columns:1fr 1fr}.ka-cmd .ms-panel-in>.vc:nth-child(n){grid-column:auto;grid-row:auto}.ka-cmd .ms-panel-in>.vc:nth-child(1){grid-column:1 / -1}}
@media (max-width:720px){.ka-cmd .ms-panel-in{grid-template-columns:1fr}.ka-cmd .ms-panel-in>.vc:nth-child(n){display:block!important;grid-column:auto}
  .ka-plan{grid-template-columns:62px repeat(5,minmax(0,1fr)) 44px;gap:3px;font-size:11px}.ka-pw .v-av{display:none}.ka-pc{height:26px;font-size:10px}.ka-ask2 em{display:none}}
.ka-pd{font-size:11px;color:#7A818C;text-align:center;font-variant-numeric:tabular-nums;padding-top:4px}.ka-plan>.ka-pd:first-of-type{text-align:left}
.ka-more{margin:10px 0 0;font-size:12px;color:#7A857F}
.ka-pl{margin:auto 0 0;padding:12px 14px;border-radius:12px;background:#F6F3EE;font-size:14px}
.ka-cmd .ms-panel-in>.vc:nth-child(1) .in{display:flex;flex-direction:column;gap:0}.ka-cmd .ms-panel-in>.vc:nth-child(1) .ka-plan,.ka-cmd .ms-panel-in>.vc:nth-child(1) .ka-more{flex:none}.ka-cmd .ka-more{margin-bottom:14px}
@media (max-width:720px){.ka-pd{display:none}.ka-pl{font-size:13px}}
@media (min-width:1041px){.ka-cmd .ka-pc{height:38px}.ka-cmd .ka-plan{gap:7px 6px}.ka-pl{margin:4px 0 0}.ka-cmd .ms-panel-in>.vc:nth-child(1) .ka-pf{margin-top:auto}}

/* "Ansvarlig AI", moved here from the front page (Mark 23-10): three cards, each with a picture of its promise — the
   rules copied from the front page's inline styles, without the green icon squares */
.tb3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tb{display:flex;flex-direction:column;padding:12px 12px 26px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px rgba(8,50,30,.06),0 30px 60px -40px rgba(8,50,30,.45)}
.tb>b{margin:0 16px;font:650 20px/1.25 var(--sans);letter-spacing:-.01em}
.tb>span{margin:8px 16px 0;color:#5B6660;font-size:15.5px;line-height:1.5}
.tb-v{height:210px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(70% 80% at 50% 40%,#E9F6EE,#D3ECDD);overflow:hidden}
.tbw{width:78%;padding:14px;border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 0 0 1px #fff,0 18px 36px -20px rgba(8,50,30,.5)}
.tb-k{display:flex;align-items:center;gap:8px;font-size:13px}
.tb-k .f-k{width:18px;height:18px;background:radial-gradient(circle,#fff 0 3px,#00693E 3.4px)}
.tb-k span{margin-left:auto;color:#5B6660;font-size:12px}
.tb-f{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:11px;background:#F6F8F5;font-size:13px}
.tb-f span{color:#7A857F;margin-right:auto}
.tb-f s{color:#B0B6B1}
.tb-f b{color:#00693E}
.tb-a{display:flex;gap:8px;margin-top:10px}
.tb-a span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;border-radius:999px;font-size:13px;font-weight:600}
.tb-a .gh{background:#fff;box-shadow:inset 0 0 0 1px #E2E4DE}
.tb-a .p{background:#00693E;color:#fff}
.tb-a .hi{font-size:15px}
.tb-log{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tb-log li{display:flex;align-items:center;gap:9px;font-size:13px}
.tb-log .fa{width:30px;height:30px}
.tb-log span{display:block;line-height:1.3}
.tb-log small{display:block}
.tb-log small{font-size:11.5px;color:#7A857F}
.tb-eu{display:grid;justify-items:center;gap:14px}
.tb-eu>i{width:84px;height:84px;border-radius:24px;display:grid;place-items:center;font-size:48px;color:#fff;background:linear-gradient(160deg,#2B6CB5,#123E7A);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 18px 30px -14px rgba(18,62,122,.6)}
.tb-eu>i svg{width:1em;height:1em}
.tb-eu>i circle{fill:#FFD34D}
.tb-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.tb-chips span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;background:#fff;font-size:12.5px;font-weight:600;box-shadow:0 0 0 1px #DCE5DF}
.tb-chips .hi{font-size:14px;color:#00693E}
@media (max-width:899px){.tb3{grid-template-columns:1fr}}
.tb-log .fa{border-radius:50%;object-fit:cover;flex:none}.tb>b{margin-top:22px}
/* Mark 27-10: air between the chip row and the panel; the feats band without its own white-to-sand box; cards apart on phones */
.ka-chips{margin-bottom:24px}
.p-karma #karma-demo.field-sec .feats.feats{background:none!important}
@media (max-width:1040px){.p-karma #karma-demo .feats{gap:12px}}

/* vagtplan (30-10): no brief; the rules card sits under the plan. Plan left over two rows, who-can and swap right,
   rules under the plan, budget beside it */
.ka-cmd .ms-panel-in{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)!important}
.ka-cmd .ms-panel-in>.vc:nth-child(1){grid-column:1!important;grid-row:1 / span 2!important}
.ka-cmd .ms-panel-in>.vc:nth-child(2){grid-column:2!important;grid-row:1!important}
.ka-cmd .ms-panel-in>.vc:nth-child(3){grid-column:2!important;grid-row:2!important}
.ka-cmd .ms-panel-in>.vc:nth-child(4){grid-column:1!important;grid-row:3!important}
.ka-cmd .ms-panel-in>.vc:nth-child(5){grid-column:2!important;grid-row:3!important}
.ka-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin-top:10px}
.ka-rules li{align-items:flex-start}.ka-rules li span{display:grid}.ka-rules li b{font-weight:600;font-size:13px}.ka-rules li small{font-size:11.5px;color:#7A857F}
@media (max-width:1040px){.ka-cmd .ms-panel-in>.vc:nth-child(n){grid-column:auto!important;grid-row:auto!important}.ka-cmd .ms-panel-in>.vc:nth-child(1),.ka-cmd .ms-panel-in>.vc:nth-child(4){grid-column:1 / -1!important}}
@media (max-width:720px){.ka-cmd .ms-panel-in{grid-template-columns:minmax(0,1fr)!important}.ka-rules{grid-template-columns:minmax(0,1fr)}}

/* how (30-10): one chat – ask, draft, approve, logged */
.ka-howchat .ms-panel-in{display:grid;justify-items:center}
.ka-howchat .ms-panel-in>.vc.ka-chatw[data-ms-card]:not(#_){width:min(560px,100%)!important;max-width:100%!important;zoom:1!important}
.ka-chat{display:flex;flex-direction:column;gap:12px;padding:20px}
.ka-cm{max-width:86%;font-size:14px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}
.ka-chat.go .ka-cm{opacity:1;transform:none;transition-delay:calc(var(--d) * .7s)}
.ka-cm.me{align-self:flex-end;padding:10px 14px;border-radius:18px 18px 4px 18px;background:#0B5A36;color:#fff;font-weight:500}
.ka-cm.ai{align-self:flex-start;display:flex;gap:10px;align-items:flex-start}
.ka-cm.ai>div,.ka-cm.ai>p{padding:12px 14px;border-radius:18px 18px 18px 4px;background:#F6F3EE;margin:0}
.ka-cm.ai p{margin:0}.ka-cm.ai b{font-weight:600;margin-right:3px}
.ka-cm .ka-kd{margin-top:12px}
.ka-cm .ka-fl{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.ka-cm .v-acts{margin-top:12px;display:flex;gap:8px}.ka-cm .v-b{cursor:pointer;border:0;font:inherit}
/* the approval and the log line wait for Godkend (or play by themselves a moment after the draft) */
.ka-chat .ka-yes,.ka-chat .ka-done{display:none}
.ka-chat.ok .ka-yes,.ka-chat.ok .ka-done{display:flex}
.ka-chat.ok .ka-yes{display:block}
.ka-chat.ok .ka-yes{--d:0!important}.ka-chat.ok .ka-done{--d:.8!important}
.ka-chat.ok [data-ka-ok],.ka-chat.ok [data-ka-no]{opacity:.45;pointer-events:none}
.ka-chat.no .ka-cm.ai:nth-child(2)>div{box-shadow:inset 0 0 0 1px rgba(8,50,30,.12);opacity:.6}
.ka-done p{background:#E3F2E9!important;color:#0B5A36}
@media (prefers-reduced-motion:reduce){.ka-cm{transition:none}}

/* the phone (30-10): no white card behind it – the shared frame rule stretched the card wrapper */
.ka-phonepanel .ms-panel-in>.vc.ka-pv[data-ms-card]:not(#_){width:260px!important;max-width:260px!important;justify-self:center;background:none!important;box-shadow:none!important;border:0!important}
.ka-phonepanel .ms-panel-in{display:grid!important;place-items:center}
.ka-chat.ok .ka-yes,.ka-chat.ok .ka-done{opacity:1;transform:none;animation:kaIn .45s cubic-bezier(.16,1,.3,1) both}
.ka-chat.ok .ka-done{animation-delay:.6s}
@keyframes kaIn{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.ka-chat.ok .ka-yes,.ka-chat.ok .ka-done{animation:none}}
@media (max-width:720px){.ka-chat{padding:14px 10px}.ka-cm{max-width:100%}.ka-cm.ai>div{flex:1;min-width:0}.ka-cm .ka-ba s,.ka-cm .ka-ba .hi,.ka-cm .ka-ba svg{display:none}.ka-cm .v-acts{flex-direction:row!important}.ka-cm .v-acts .v-b{flex:1}}

/* hero (30-10): the morning brief, and the refund Karma caught laid over its lower right corner */
#ka-hero-obj.ms-cg{display:block!important;padding:0!important;background:none!important;box-shadow:none!important;height:540px!important;min-height:0!important}
#ka-hero-obj>.vc[data-ms-card]:not(#_){position:absolute!important;margin:0!important;opacity:1;transform:none!important}
#ka-hero-obj>.vc[data-ms-card="karma_morning"]:not(#_){left:0!important;top:40px!important;width:min(540px,92%)!important;max-width:none!important}
#ka-hero-obj>.vc[data-ms-card="karma_refcatch"]:not(#_){right:0!important;left:auto!important;top:300px!important;width:320px!important;max-width:none!important;box-shadow:0 0 0 1px #E6E0D4,0 30px 60px -30px rgba(8,50,30,.45)!important}
.ka-catchw .in{padding:16px!important}
.ka-catchw .ka-mh .ka-mt{margin-left:auto}
.ka-cq{margin:10px 0 12px;font:500 15px/1.4 var(--serif);color:#1A2233}
.ka-cr{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#F6FAF7}
.ka-cr img{width:32px;height:32px;border-radius:50%}.ka-cr span{display:grid;flex:1;min-width:0}.ka-cr span b{font-size:13px}.ka-cr small{font-size:11px;color:#7A857F}
.ka-ca{font-variant-numeric:tabular-nums;font-size:14px;color:#00693E;white-space:nowrap}
.ka-catchw .v-acts{margin-top:12px}
@media (max-width:1040px){#ka-hero-obj.ms-cg{height:auto!important;display:grid!important;justify-items:center}
  #ka-hero-obj>.vc[data-ms-card]:not(#_){position:relative!important;left:auto!important;right:auto!important;top:auto!important}
  #ka-hero-obj>.vc[data-ms-card="karma_morning"]:not(#_){width:min(560px,100%)!important}
  #ka-hero-obj>.vc[data-ms-card="karma_refcatch"]:not(#_){width:min(320px,92%)!important;margin:-28px 0 0 auto!important;justify-self:end}}
#ka-hero-obj>.vc[data-ms-card="karma_refcatch"]:not(#_){top:328px!important}
#ka-hero-obj.ms-cg{height:600px!important}
#ka-hero-obj .vc{text-align:left}
@media (max-width:1040px){#ka-hero-obj.ms-cg{height:auto!important}}