/* Khanal Group assist kit: quick-search palette, the "What's new" dot and the getting-started checklist.
 * Source of truth: shared-ui/kg-assist.css (+ kg-assist.js); shared-ui/sync.sh copies both into every app.
 * Colours come from the app (--kg-brand, --line, --card, --ink, --muted) with plain fallbacks; works in light and dark. */
:root{--kga-ac:var(--kg-brand,#5b3bd4);--kga-card:var(--card,#fff);--kga-ink:var(--ink,#1d1b26);--kga-line:var(--line,#e3e1ea);--kga-mut:var(--muted,#6b6878)}
@media (prefers-color-scheme:dark){:root{--kga-card:var(--card,#1d1b26);--kga-ink:var(--ink,#eeeaf7);--kga-line:var(--line,#3a3747);--kga-mut:var(--muted,#a8a3b8)}}
/* search button in the top bar (shown by kg-assist.js; hidden without script) */
.kga-sb{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--kga-line);border-radius:8px;background:transparent;color:var(--kga-mut);font:inherit;font-size:13px;cursor:pointer}
.kga-sb:hover{color:var(--kga-ink);border-color:var(--kga-ac)}.kga-sb:focus-visible{outline:2px solid var(--kga-ac);outline-offset:2px}
.kga-sb kbd{font:inherit;font-size:11px;padding:1px 5px;border:1px solid var(--kga-line);border-radius:4px}
@media (max-width:720px){.kga-sb .kga-sl,.kga-sb kbd{display:none}}
/* the "new" dot on the user menu and on the What's new link */
.kga-dot{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--kga-ac);vertical-align:middle}
.kga-av{position:relative}.kga-av .kga-dot{position:absolute;top:-2px;right:-2px;margin:0;border:2px solid var(--kga-card)}
.kga-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* What's new page */
.kga-news{list-style:none;margin:0;padding:0}.kga-news li{padding:14px 0;border-top:1px solid var(--kga-line)}.kga-news li:first-child{border-top:0}
.kga-news h3{margin:2px 0 4px;font-size:16px}.kga-news p{margin:0 0 4px}.kga-news time{font-size:12px;color:var(--kga-mut)}
.kga-new{display:inline-block;margin-left:6px;padding:0 6px;border-radius:9px;background:var(--kga-ac);color:#fff;font-size:11px;font-weight:600;vertical-align:middle}
/* getting-started checklist */
.kga-gs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kga-gs li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--kga-line);border-radius:8px}
.kga-gs li.done{opacity:.75}.kga-gs li.done .kga-gl{text-decoration:line-through}
.kga-tk{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--kga-line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--kga-mut)}
.kga-gs li.done .kga-tk{background:var(--kga-ac);border-color:var(--kga-ac);color:#fff}
.kga-gs small{display:block;color:var(--kga-mut)}
.kga-bar{height:6px;border-radius:3px;background:var(--kga-line);margin:0 0 12px;overflow:hidden}.kga-bar i{display:block;height:100%;background:var(--kga-ac)}
/* the palette */
html.kgp-on{overflow:hidden}
.kgp-back{position:fixed;inset:0;z-index:1000;background:rgba(20,18,30,.45);display:flex;align-items:flex-start;justify-content:center;padding:10vh 16px 16px}
.kgp-back[hidden]{display:none}
.kgp{width:100%;max-width:620px;max-height:76vh;display:flex;flex-direction:column;background:var(--kga-card);color:var(--kga-ink);border:1px solid var(--kga-line);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.28);overflow:hidden}
.kgp-h{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 0 16px}
.kgp-t{margin:0;font-size:13px;font-weight:600;color:var(--kga-mut)}
.kgp-x{width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--kga-mut);font-size:20px;line-height:1;cursor:pointer}
.kgp-x:hover,.kgp-x:focus-visible{background:var(--kga-line);color:var(--kga-ink);outline:none}
.kgp-in{margin:8px 12px;padding:10px 12px;border:1px solid var(--kga-line);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:16px}
.kgp-in:focus{outline:2px solid var(--kga-ac);outline-offset:0;border-color:var(--kga-ac)}
.kgp-s{margin:0 16px 4px;font-size:12px;color:var(--kga-mut);min-height:16px}
.kgp-list{list-style:none;margin:0;padding:0 6px 8px;overflow:auto}
.kgp-g{padding:10px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--kga-mut)}
.kgp-o a{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;color:inherit;text-decoration:none}
.kgp-o.on a{background:color-mix(in srgb,var(--kga-ac) 14%,transparent);outline:1px solid var(--kga-ac)}
.kgp-l{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kgp-sub{font-size:12px;color:var(--kga-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kgp-f{margin:0;padding:8px 16px;border-top:1px solid var(--kga-line);font-size:12px;color:var(--kga-mut)}
@media (prefers-reduced-motion:no-preference){.kgp{animation:kgp-in .15s ease-out}@keyframes kgp-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}
@media print{.kga-sb,.kgp-back{display:none!important}}