/* Spokes 2026-10-11 – Overlever jobb */
.ho-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;border:2px solid #0D4A57;background:#fff;color:#0D4A57;font:inherit;font-weight:700;cursor:pointer;margin:6px 0 0 8px}
.ho-btn--solo{width:100%;margin:8px 0}
.ho-badge{display:inline-block;background:#efe9fb;color:#5b3fa8;border:1px solid #cbbcf0;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700;margin:0 6px 4px 0}
.ho-badge.is-new{background:#5b3fa8;color:#fff;border-color:#5b3fa8;box-shadow:0 0 0 3px rgba(91,63,168,.2)}
.ho-pin{border:2px solid #7a5cc2;background:#f7f4fc;border-radius:14px;padding:12px 14px;margin:0 0 12px}.ho-pin.is-read{border-width:1px;opacity:.92}
.ho-pin__h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.ho-pin__h small{color:#6b7a7e}.ho-pin p{margin:6px 0 8px;white-space:pre-wrap}
.ho-ov{position:fixed;inset:0;z-index:2147483100;background:rgba(9,24,29,.5);display:flex;align-items:center;justify-content:center;padding:24px}
.ho-c{background:#fff;color:#14232a;border-radius:16px;width:min(640px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.ho-h{display:flex;justify-content:space-between;gap:10px;padding:16px 20px 10px;border-bottom:1px solid #e7ece9}.ho-h h2{margin:0;color:#0D4A57;font-size:1.3rem}.ho-h p{margin:4px 0 0;color:#5b6b70;font-size:.9rem}
.ho-x{border:0;background:#f1f4f2;border-radius:10px;width:38px;height:38px;font-size:22px;cursor:pointer}
.ho-b{overflow:auto;padding:12px 20px 16px;flex:1}.ho-b h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7a7e;margin:16px 0 6px}
.ho-l{font-weight:700;display:block;margin-bottom:6px}.ho-nw{display:flex;flex-direction:column;gap:8px}
.ho-nw textarea{font:inherit;font-size:1rem;padding:10px 12px;border:2px solid #0D4A57;border-radius:12px;resize:vertical;min-height:96px}
.ho-mic{align-self:flex-start;border:1px solid #cdd8d4;background:#f5faf9;border-radius:999px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:#0D4A57}.ho-mic.is-rec{background:#b3261e;color:#fff;border-color:#b3261e}
.ho-to{display:grid;gap:8px}.ho-r{display:flex;gap:10px;align-items:center;border:1px solid #dfe6e3;border-radius:12px;padding:10px 12px;cursor:pointer;min-height:52px}.ho-r:has(input:checked){border:2px solid #0D4A57;background:#eef7f8}
.ho-r input{width:20px;height:20px}.ho-r span{display:flex;flex-direction:column}.ho-r small{color:#6b7a7e}.ho-r--auto b{color:#1d7a43}
.ho-sum{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:.9rem;background:#fafbfa;border:1px solid #eef2f0;border-radius:12px;padding:10px 12px}.ho-sum dt{color:#6b7a7e;font-weight:600}.ho-sum dd{margin:0}
.ho-f{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px;border-top:1px solid #e7ece9;background:#fafbfa}
.ho-b2{border:1px solid #cdd8d4;background:#fff;color:#0D4A57;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;min-height:44px}.ho-b2.ho-p{background:#0D4A57;border-color:#0D4A57;color:#fff}.ho-b2:disabled{opacity:.5}
.ho-hint{color:#5b3fa8;font-weight:600}.ho-note{margin:0 0 12px;border-left:4px solid #7a5cc2;background:#f7f4fc;padding:10px 14px;border-radius:0 10px 10px 0;white-space:pre-wrap;font-size:1.05rem}
.ho-ban{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;z-index:2147483050;width:min(560px,calc(100% - 24px));background:#fff8e6;border:2px solid #e08a00;border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:8px}
.ho-ban>div{display:flex;flex-direction:column}.ho-ban span{color:#6b5a2a;font-size:.9rem}.ho-ban ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ho-ban li{display:flex;justify-content:space-between;align-items:center;gap:8px}.ho-ban>.ho-b2{align-self:flex-end}
@media (max-width:600px){.ho-ov{padding:0;align-items:stretch}.ho-c{border-radius:0;max-height:none;height:100%}.ho-h{padding-top:max(14px,env(safe-area-inset-top))}.ho-f{padding-bottom:max(12px,env(safe-area-inset-bottom))}.ho-f .ho-b2{flex:1}.ho-btn{width:100%;margin:8px 0 0}.ho-ban{bottom:calc(84px + env(safe-area-inset-bottom))}}
html[data-theme=dark] .ho-c{background:#0f1e23;color:#e6eef0}html[data-theme=dark] .ho-h h2{color:#A5E8FD}html[data-theme=dark] .ho-f,html[data-theme=dark] .ho-sum{background:#0b1a1f;border-color:#21383f}
html[data-theme=dark] .ho-b2,html[data-theme=dark] .ho-btn,html[data-theme=dark] .ho-nw textarea,html[data-theme=dark] .ho-r{background:#132a31;color:#e6eef0;border-color:#2b4750}html[data-theme=dark] .ho-b2.ho-p{background:#A5E8FD;color:#0b1f26}
html[data-theme=dark] .ho-pin,html[data-theme=dark] .ho-note{background:rgba(122,92,194,.14)}
/* 19:01/19:02 sykdom + fortsetter selv */
@keyframes hoPulse{0%,100%{box-shadow:0 0 0 0 rgba(226,90,20,.55)}50%{box-shadow:0 0 0 7px rgba(226,90,20,0)}}
.ho-sick{display:inline-block;background:linear-gradient(90deg,#e08a00,#d0371f);color:#fff;font-weight:800;font-size:.78rem;border-radius:999px;padding:4px 11px;animation:hoPulse 1.6s ease-in-out infinite;margin:0 6px 4px 0;white-space:nowrap}
.ho-flag{outline:3px solid #e2631a;outline-offset:-1px;border-radius:12px}
.ho-sq{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
.ho-sq__i,.ho-spin>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid #e2631a;background:#fff4ec;border-radius:14px;padding:12px 14px;animation:hoPulse 1.6s ease-in-out infinite}
.ho-sq__t{display:flex;flex-direction:column;flex:1;min-width:180px}.ho-sq__t small{color:#8a4a1c}
.ho-spin{margin:0 0 12px}.ho-ban__a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ho-ban--sick{border-color:#d0371f;background:#fff1ec}
.ho-cnt{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:linear-gradient(90deg,#e08a00,#d0371f);color:#fff;font:inherit;font-weight:800;padding:8px 16px;margin:8px 0 10px;cursor:pointer;animation:hoPulse 1.6s ease-in-out infinite}
html[data-theme=dark] .ho-sq__i,html[data-theme=dark] .ho-spin>div,html[data-theme=dark] .ho-ban--sick{background:#3a1d12}
@media (max-width:600px){.ho-sq__i .ho-b2{flex:1}.ho-ban--sick{top:auto;bottom:calc(84px + env(safe-area-inset-bottom))}}
h1 .ho-cnt{font-size:.9rem;margin:0 0 0 14px;vertical-align:middle;letter-spacing:0}
.blv-kb-card .ho-sick--b{white-space:normal;font-size:.72rem;display:block;margin:0 0 6px}
.ho-sq__i .ho-b2{white-space:nowrap}.blv-kb-card .ho-sick--b{align-self:stretch;text-align:center}
@media (max-width:600px){.ho-sq__t{flex-basis:100%}}
.blv-kb-card.ho-flag{flex-wrap:wrap}.blv-kb-card .ho-sick--b{flex:0 0 100%;width:100%;box-sizing:border-box;writing-mode:horizontal-tb}
.blv-kb-card.ho-flag{position:relative;padding-top:34px!important}.blv-kb-card .ho-sick--b{position:absolute;top:6px;left:6px;right:6px;width:auto!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem;padding:4px 8px}
html.mq-tv .ho-sq__i,html[data-theme=dark] .ho-sq__i{background:#3a1d12;color:#fff3ea}html.mq-tv .ho-sq__t b,html.mq-tv .ho-sq__t code,html[data-theme=dark] .ho-sq__t b,html[data-theme=dark] .ho-sq__t code{color:#fff}html.mq-tv .ho-sq__t small,html[data-theme=dark] .ho-sq__t small{color:#ffc9a8}html.mq-tv .ho-sq__i{font-size:1.25rem}
/* 20:03 selv-sykmelding + automatisk plan */
html.ho-auto .blv-fv{opacity:0!important;pointer-events:none!important}
.ho-sickbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:8px 16px 12px;min-height:48px;border-radius:14px;border:2px solid #d0371f;background:#fff;color:#b3261e;font:inherit;font-weight:700;cursor:pointer}
.ho-danger{background:#b3261e!important;border-color:#b3261e!important}.ho-res{margin:0;padding-left:18px;display:grid;gap:6px;font-size:1.02rem}
.ho-ban--plan{border-color:#0D4A57;background:#eef7f8}.ho-ban--plan>div{gap:2px}
html[data-theme=dark] .ho-sickbtn{background:#2a1512;color:#ffb4a8}html[data-theme=dark] .ho-ban--plan{background:#0f2a31}
html body .ho-b2.ho-p{color:#fff!important}html[data-theme=dark] body .ho-b2.ho-p{color:#0b1f26!important}
.ho-map{margin:20px 0;padding:16px;border:1px solid #dfe6e3;border-radius:14px;background:#fff}.ho-map h3{margin:0 0 4px}.ho-mut{color:#6b7a7e;margin:0 0 10px;font-size:.9rem}
.ho-mapr{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #eef2f0}.ho-mapr select{min-height:40px;max-width:60%;font:inherit}
html[data-theme=dark] .ho-map{background:#0f1e23;border-color:#21383f}

/* 2026-10-11 boardqr: badge above card content (html body .blv-kb-card padding:10px!important won the old rule) */
html:root body .blv-kb-card.ho-flag{padding-top:36px!important}


/* SPK-HANDONOTES: empty note + chips + summary under header + structured receive view */
.ho-sec{margin:0 0 14px}.ho-sec--sum{margin:0 0 16px}.ho-sec h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7a7e;margin:0 0 6px}
.ho-form .ho-b > .ho-sec--sum + .ho-l{margin-top:4px}
.ho-chips{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.ho-chip{border:1px solid #cdd8d4;background:#f5faf9;color:#0D4A57;border-radius:999px;padding:8px 12px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;min-height:40px}
.ho-chip.is-on{background:#0D4A57;border-color:#0D4A57;color:#fff}
.ho-sum--meta{margin-top:0}
.ho-pin .ho-sec{margin:8px 0 0}.ho-pin .ho-note{margin:0;font-size:.98rem}.ho-pin .ho-sum{font-size:.85rem;padding:8px 10px}
.ho-mut{color:#6b7a7e;margin:0;font-size:.92rem}
html[data-theme=dark] .ho-chip{background:#132a31;color:#e6eef0;border-color:#2b4750}
html[data-theme=dark] .ho-chip.is-on{background:#A5E8FD;color:#0b1f26;border-color:#A5E8FD}
@media (max-width:600px){
  .ho-nw textarea{min-height:88px}
  .ho-chip{flex:1 1 auto;text-align:center}
}

.ho-hist{margin-top:6px}.ho-hist .ho-sec{margin:6px 0 0}.ho-hist .ho-sum{font-size:.82rem;padding:8px 10px}.ho-hist .ho-note{font-size:.92rem;padding:8px 10px}

/* SPK-HANDOFIX */
.ho-err{margin:0;padding:10px 16px;background:#fdecea;color:#a3221b;font-weight:600;font-size:14px;border-top:1px solid #f3c2bd}
.ho-err[hidden]{display:none}
.ho-c textarea.ho-bad,.ho-to.ho-bad{border-color:#c62828!important;box-shadow:0 0 0 3px rgba(198,40,40,.18)!important}
body #spk-toast,body #spk-tstack{z-index:2147483600!important}