/* Knowledge Base add-on (kb.js) */
.kb-kind{display:inline-flex;align-items:center;font-size:10.5px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:5px;flex:none}
.kb-k-sop{background:color-mix(in srgb,var(--c3) 14%,var(--surface));color:color-mix(in oklab,var(--c3) 80%,var(--ink))}
.kb-article{line-height:1.65;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.kb-k-article{background:var(--info-bg);color:var(--info)}
.kb-kw{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:999px;background:var(--surface3);color:var(--ink2);margin:0 4px 4px 0}
.kb-kw.on{background:var(--accent-bg2);color:var(--accent-ink);font-weight:600}
.kb-global{background:var(--accent-bg);color:var(--accent-ink)}
.kb-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.kb-search,.kb-tsearch{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;max-width:520px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 10px;background:var(--surface)}
.kb-search svg,.kb-tsearch svg{width:16px;height:16px;color:var(--mut);flex:none}
.kb-search input,.kb-tsearch input{border:0;outline:0;background:transparent;height:34px;flex:1;min-width:0;padding:0;box-shadow:none}
.kb-search:focus-within,.kb-tsearch:focus-within{box-shadow:var(--focus);border-color:var(--accent)}
.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kb-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs);cursor:pointer;color:inherit;font:inherit;transition:border-color .15s,box-shadow .15s}
.kb-card:hover,.kb-card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow);outline:none}
.kb-cardhd{display:flex;align-items:center;gap:8px}.kb-cardhd .stchip{margin:0}.kb-ver{margin-left:auto}
.kb-title{font-size:15px;line-height:1.35;color:var(--ink)}
.kb-sum{color:var(--ink2);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-meta{display:flex;flex-wrap:wrap;gap:4px}.kb-kws{display:flex;flex-wrap:wrap}.kb-foot{margin-top:auto}
.kb-doc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media (max-width:1100px){.kb-doc{grid-template-columns:1fr}}
.kb-article-card .bd{padding:24px 32px}
@media (max-width:700px){.kb-article-card .bd{padding:16px}}
.kb-dochd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.kb-dochd .stchip{margin:0}
.kb-lede{font-size:15px;color:var(--ink2);margin:0 0 16px;line-height:1.5}
.kb-article h2{font-size:19px;margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.kb-article h3{font-size:16px;margin:20px 0 8px}.kb-article h4,.kb-article h5{font-size:14px;margin:16px 0 6px}
.kb-article p{margin:0 0 12px}.kb-article ul,.kb-article ol{margin:0 0 14px;padding-left:24px}.kb-article li{margin:4px 0}
.kb-article ol.kb-steps{list-style:none;counter-reset:kbstep;padding-left:0}
.kb-article ol.kb-steps>li{counter-increment:kbstep;position:relative;padding:10px 12px 10px 48px;margin:0 0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface2)}
.kb-article ol.kb-steps>li::before{content:counter(kbstep);position:absolute;left:12px;top:9px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}
.kb-li-more{margin-top:8px}
.kb-img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:zoom-in;margin:6px 0}
.kb-zoom{max-width:100%;height:auto;border-radius:var(--radius)}
.kb-article blockquote{margin:0 0 14px;padding:10px 14px;border-left:3px solid var(--line-strong);background:var(--surface2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink2)}
.kb-article blockquote.kb-note{border-left-color:var(--info);background:var(--info-bg)}
.kb-article blockquote.kb-warn{border-left-color:var(--warn);background:var(--warn-bg)}
.kb-article code{font-family:var(--mono);font-size:12.5px;background:var(--surface3);padding:1px 5px;border-radius:4px}
.kb-code{background:#0f1a2b;color:#dbe4f0;padding:12px 14px;border-radius:var(--radius);overflow:auto;font-size:12.5px;margin:0 0 14px}
.kb-code code{background:none;padding:0;color:inherit}
.kb-tbl{border-collapse:collapse;margin:0 0 14px;width:100%}.kb-tbl th,.kb-tbl td{border:1px solid var(--line);padding:6px 10px;text-align:left}
.kb-videow{margin:0 0 16px}.kb-video{width:100%;max-height:70vh;border-radius:var(--radius);background:#000;display:block;margin-bottom:6px}
.kb-side .card .bd{padding:14px 16px}
.kb-about{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:13px;align-items:start}
.kb-about .k{color:var(--mut);font-size:12px;padding-top:2px;white-space:nowrap}
.kb-about-w{margin:10px 0}
.kb-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:var(--surface2);border:1px solid var(--line);margin-bottom:12px;font-size:13px}
.kb-banner svg{width:18px;height:18px;flex:none;color:var(--mut)}.kb-banner>div{flex:1}
.kb-banner.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.kb-banner.warn svg{color:var(--warn)}
.kb-banner.bad{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.kb-banner.bad svg{color:var(--bad)}
.kb-selamend{position:absolute;z-index:50;box-shadow:var(--shadow-lg)}
.kb-quote{margin:4px 0 10px;padding:10px 12px;border-left:3px solid var(--warn);background:var(--warn-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0;white-space:pre-wrap;font-size:13px}
.kb-quote.kb-new{border-left-color:var(--ok);background:var(--ok-bg)}
.kb-amgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}@media (max-width:700px){.kb-amgrid{grid-template-columns:1fr}}
.kb-amdoc{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-size:13px}
mark.kb-mark{background:color-mix(in srgb,var(--st-warn) 45%,transparent);color:inherit;border-radius:2px;padding:0 1px}
.kb-mono{font-family:var(--mono);font-size:12.5px}
.kb-diff{white-space:pre-wrap;font-family:var(--mono);font-size:12.5px;line-height:1.6;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface2);overflow-wrap:anywhere}
.kb-diff del,.kb-ftbl del{background:var(--bad-bg);color:var(--bad);text-decoration:line-through}
.kb-diff ins,.kb-ftbl ins{background:var(--ok-bg);color:var(--ok);text-decoration:none}
.kb-ftbl{margin-bottom:10px;font-size:12.5px}.kb-ftbl th{text-align:left;padding-right:10px;color:var(--mut)}.kb-ftbl td{padding:2px 8px}
.kb-hist{display:flex;flex-direction:column}
.kb-hrow{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.kb-hnum{width:36px;height:36px;border-radius:50%;background:var(--accent-bg);color:var(--accent-ink);font-weight:700;display:grid;place-items:center;flex:none;font-size:12.5px}
.kb-hmain{flex:1;min-width:0}.kb-hmain .stchip{margin:0}.kb-hacts{display:flex;gap:4px}
.kb-qlist{display:flex;flex-direction:column}
.kb-qrow{display:flex;align-items:center;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid var(--line-soft);background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.kb-qrow:hover,.kb-qrow:focus-visible{background:var(--hover);outline:none}.kb-qrow .stchip{margin:0}
.kb-qmain{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.kb-qquote{font-size:12.5px;color:var(--ink2);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-editor{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}@media (max-width:1100px){.kb-editor{grid-template-columns:1fr}}
.kb-titlein{font-size:20px;font-weight:650;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 0;margin-bottom:10px;width:100%;box-shadow:none;background:transparent}
.kb-titlein:focus{border-bottom-color:var(--accent);box-shadow:none}
.kb-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 0;margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kb-tb{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--ink2);font-size:12.5px;font-weight:600;margin:0}
.kb-tb:hover,.kb-tb:focus-visible{background:var(--hover);border-color:var(--line);outline:none}.kb-tb svg{width:16px;height:16px}
.kb-sp{flex:1}
.kb-panes{display:grid;gap:12px;margin-top:12px}
.kb-panes.split{grid-template-columns:1fr 1fr}.kb-panes.write .kb-prev,.kb-panes.read textarea{display:none}
@media (max-width:900px){.kb-panes.split{grid-template-columns:1fr}}
.kb-panes textarea{min-height:520px;font-family:var(--mono);font-size:13px;line-height:1.6;resize:vertical}
.kb-prev{min-height:520px;max-height:75vh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;background:var(--surface)}
.kb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.kb-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 4px 2px 10px;border-radius:999px;background:var(--accent-bg);color:var(--accent-ink)}
.kb-chip button{border:0;background:none;cursor:pointer;color:inherit;font-size:14px;line-height:1;padding:0 4px}
.kb-kwbox{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:4px 6px;min-height:36px;cursor:text;align-items:center}
.kb-kwbox:focus-within{box-shadow:var(--focus);border-color:var(--accent)}
.kb-kwbox input{border:0;outline:0;box-shadow:none;flex:1;min-width:100px;height:26px;padding:0;background:transparent}
.kb-steplist{list-style:none;margin:0;padding:12px 16px;display:flex;flex-direction:column;gap:14px}
.kb-step{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:var(--surface2)}
.kb-stephd{display:flex;align-items:center;gap:10px;margin-bottom:8px}.kb-stephd input{flex:1}.kb-stephd b{flex:1}
.kb-stepn{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center;flex:none}
.kb-reclist{display:flex;flex-direction:column;gap:6px}
.kb-recpick{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;color:inherit}
.kb-recpick:hover{border-color:var(--accent)}
.kb-launch{display:flex;gap:14px;align-items:flex-start;padding:4px 0 14px}
.kb-launch-ic{width:44px;height:44px;border-radius:50%;background:var(--bad-bg);color:var(--bad);display:grid;place-items:center;flex:none;animation:kbpulse 1.6s ease-in-out infinite}
.kb-launch-ic svg{width:22px;height:22px}
@keyframes kbpulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--bad) 12%,transparent)}}
@media (prefers-reduced-motion:reduce){.kb-launch-ic{animation:none}}
.kb-launch-alt{border-top:1px solid var(--line);padding-top:12px}.kb-launch-alt ul{margin:6px 0 0;padding-left:18px}
.kb-ok{color:var(--ok)}.kb-ok svg{width:14px;height:14px;vertical-align:-2px}
.kb-tsub{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin:12px 0 6px}
.kb-tsearch{max-width:none;min-width:0}
.kb-trow{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);cursor:pointer}
.kb-trow:hover{background:var(--hover)}.kb-trow .stchip{margin:0}.kb-trow .lm{flex:1;min-width:0}
.kb-trow .lt{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-trow .ls{margin-top:3px}
.kb-tnone{padding:6px 2px}
tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--hover)}
/* the browser recorder window (kb-recorder.html) */
.kbr-body{background:var(--bg);margin:0}
.kbr{max-width:460px;margin:0 auto;padding:18px}
.kbr-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.kbr-dot{width:14px;height:14px;border-radius:50%;background:var(--mut2);flex:none}
.kbr-dot.on{background:#e5484d;animation:kbpulse 1.4s ease-in-out infinite}
.kbr section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.kbr label{display:block;margin:10px 0 4px;font-weight:600;font-size:12.5px}
.kbr input:not([type=checkbox]){width:100%}
.kbr-chk{display:flex!important;align-items:center;gap:8px;font-weight:500!important}
.kbr-big{width:100%;height:40px;margin-top:8px}
.kbr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.kbr-stats div{border:1px solid var(--line);border-radius:var(--radius);padding:8px}.kbr-stats b{display:block;font-size:18px}.kbr-stats span{font-size:11.5px;color:var(--mut)}
.kbr-caprow{display:flex;gap:8px}.kbr-caprow input{flex:1}
.kbr-list{max-height:240px;overflow:auto;margin:12px 0;padding-left:22px;font-size:13px}.kbr-list li{padding:3px 0}
.kbr-acts{display:flex;gap:8px;justify-content:flex-end}
.kbr-stop{background:#d93036;border-color:#d93036}
.kbr-ok{width:44px;height:44px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;font-size:22px;font-weight:700}
.kb-selamend[hidden]{display:none}
.kb-eb{display:inline-flex!important;align-items:center;gap:5px;width:auto!important;padding:0 8px!important;font-size:12px;white-space:nowrap}
.kb-eb svg{width:14px;height:14px;color:#e5484d}
.kb-k-rec{background:var(--bad-bg);color:var(--bad);padding:3px}.kb-k-rec svg{width:13px;height:13px}
.kb-side .kb-about{margin-top:14px}