/* Next steps HUD box (next-steps.js). Sits at --z-hud, under every menu and modal; text is 13px or larger and every control is 44px. */
html body .kheldra-next-steps{position:fixed;left:8px;bottom:112px;z-index:var(--z-hud);display:flex;flex-direction:column;box-sizing:border-box;width:340px;max-width:calc(100vw - 16px);overflow:hidden;background:rgba(16,30,40,.94);color:#f3efe0;border:1px solid #8d7950;border-radius:6px;font-size:14px;line-height:1.35;touch-action:none}
html body .kheldra-next-steps[hidden],html body .kheldra-next-steps-chip[hidden]{display:none}
html body .kheldra-next-steps button,html body .kheldra-next-steps-chip{min-width:44px;min-height:44px;margin:0;padding:0 6px;font:inherit;font-size:13px;color:#f3efe0;background:#233b30;border:1px solid #8f7a51;border-radius:5px;cursor:pointer}
html body .kheldra-next-steps button:hover,html body .kheldra-next-steps-chip:hover{background:#2f4d3f}
html body .kheldra-next-steps button:focus-visible,html body .kheldra-next-steps-chip:focus-visible,html body .kheldra-next-steps input:focus-visible,html body .kheldra-next-steps select:focus-visible{outline:2px solid #f1d39a;outline-offset:1px}
html body .kheldra-next-steps-chip{position:fixed;left:8px;bottom:112px;z-index:var(--z-hud);padding:0 12px;background:rgba(16,30,40,.94)}
html body .kheldra-next-steps-head{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 4px 0 10px;cursor:grab;flex:0 0 auto;border-bottom:1px solid #8d795055}
html body .kheldra-next-steps-titlebox{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1.15}
html body .kheldra-next-steps-title{color:#f1d39a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .kheldra-next-steps-count{font-size:13px;color:#c9c4ae}
html body .kheldra-next-steps-count:empty{display:none}
html body .kheldra-next-steps-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 8px 8px;touch-action:pan-y}
html body .kheldra-next-steps-body[hidden]{display:none}
html body .kheldra-next-steps-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .kheldra-next-steps.ns-collapsed{max-height:49px!important;min-height:0!important}
html body .kheldra-next-steps.ns-pinned{border-color:#f1d39a}
html body .kheldra-next-steps .ns-bar{display:flex;gap:4px;align-items:stretch;margin:2px 0}
html body .kheldra-next-steps .ns-select{flex:1 1 auto;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .kheldra-next-steps .ns-info{font-size:13px;color:#c9c4ae;margin:0 0 4px}
html body .kheldra-next-steps .ns-picker{margin:0 0 6px;border:1px solid #8f7a5188;border-radius:5px;padding:4px;background:#0c1914}
html body .kheldra-next-steps .ns-picker-tools{display:flex;gap:4px;flex-wrap:wrap}
html body .kheldra-next-steps .ns-filter,html body .kheldra-next-steps .ns-sort{flex:1 1 120px;min-width:0;min-height:44px;box-sizing:border-box;font:inherit;font-size:14px;color:#f3efe0;background:#14231d;border:1px solid #8f7a51;border-radius:5px;padding:0 8px}
html body .kheldra-next-steps .ns-quests{list-style:none;margin:4px 0 0;padding:0;max-height:min(40vh,260px);overflow-y:auto}
html body .kheldra-next-steps .ns-quests li{margin:2px 0}
html body .kheldra-next-steps .ns-quest-pick{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;padding:4px 8px}
html body .kheldra-next-steps .ns-quest-pick.on{border-color:#f1d39a;background:#2f4d3f}
html body .kheldra-next-steps .ns-qname{font-size:14px;overflow-wrap:anywhere}
html body .kheldra-next-steps .ns-qmeta,html body .kheldra-next-steps .ns-none{font-size:13px;color:#c9c4ae}
html body .kheldra-next-steps .ns-menu{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;padding:4px 6px;border:1px solid #8f7a5188;border-radius:5px;background:#0c1914}
html body .kheldra-next-steps .ns-check{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
html body .kheldra-next-steps .ns-check input{width:20px;height:20px;margin:0;flex:0 0 auto}
html body .kheldra-next-steps .ns-turnin,html body .kheldra-next-steps .ns-done{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px;padding:6px 8px;border:1px solid #b99a5b;border-radius:5px;background:#3a2f1a}
html body .kheldra-next-steps .ns-done{background:#1d3a2a;border-color:#6ca47e}
html body .kheldra-next-steps .ns-empty{margin:6px 0;color:#c9c4ae}
html body .kheldra-next-steps-list{list-style:none;margin:0;padding:0}
html body .kheldra-next-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 8px;padding:6px 4px;border-top:1px solid #8d795033;overflow-wrap:anywhere}
html body .kheldra-next-step.current{background:#8d795026;border-radius:5px}
html body .kheldra-next-step.done .ns-text{color:#a9b8a4;text-decoration:line-through}
html body .kheldra-next-steps .ns-box{width:20px;height:20px;margin:0;accent-color:#6ca47e}
html body .kheldra-next-steps .ns-name{display:inline;min-width:0;min-height:0;padding:0 2px;font-size:inherit;color:#f1d39a;background:none;border:0;border-bottom:1px dotted #f1d39a;border-radius:0;text-align:left}
html body .kheldra-next-steps .ns-name:disabled{cursor:default}
html body .kheldra-next-steps .ns-dist{font-size:13px;color:#cfe3c4;white-space:nowrap}
html body .kheldra-next-steps .ns-actions{grid-column:2 / -1;display:flex;gap:6px;flex-wrap:wrap}
html body .kheldra-next-steps.ns-compact .kheldra-next-step{padding:2px 2px}
html body .kheldra-next-steps.ns-compact .ns-actions{grid-column:3;grid-row:1}
html body .kheldra-next-steps.ns-compact .ns-dist{grid-column:2;grid-row:2}
html body .kheldra-next-steps.ns-compact .ns-info{display:none}
@keyframes ns-tick{0%{transform:scale(.6);box-shadow:0 0 0 0 #6ca47e}60%{transform:scale(1.35);box-shadow:0 0 0 8px #6ca47e00}100%{transform:scale(1)}}
@media (prefers-reduced-motion:no-preference){html body .kheldra-next-step.ns-tick .ns-box{animation:ns-tick .55s ease-out}}
html body .kheldra-next-step.ns-tick{background:#6ca47e33;border-radius:5px}
@media (max-width:600px){html body .kheldra-next-steps{width:calc(100vw - 16px)}}
/* Shared frame edge and corner resize handles (window-frame.js, opt-in with data-wf-edges). */
html body .kheldra-next-steps .k-wf-h{position:absolute;touch-action:none;background:transparent}
html body .kheldra-next-steps .k-wf-h[data-edge=n],html body .kheldra-next-steps .k-wf-h[data-edge=s]{left:12px;right:12px;height:8px;cursor:ns-resize}
html body .kheldra-next-steps .k-wf-h[data-edge=e],html body .kheldra-next-steps .k-wf-h[data-edge=w]{top:12px;bottom:12px;width:8px;cursor:ew-resize}
html body .kheldra-next-steps .k-wf-h[data-edge=n]{top:0}html body .kheldra-next-steps .k-wf-h[data-edge=s]{bottom:0}html body .kheldra-next-steps .k-wf-h[data-edge=e]{right:0}html body .kheldra-next-steps .k-wf-h[data-edge=w]{left:0}
html body .kheldra-next-steps .k-wf-h[data-edge=nw],html body .kheldra-next-steps .k-wf-h[data-edge=ne],html body .kheldra-next-steps .k-wf-h[data-edge=sw],html body .kheldra-next-steps .k-wf-h[data-edge=se]{width:14px;height:14px}
html body .kheldra-next-steps .k-wf-h[data-edge=nw]{top:0;left:0;cursor:nwse-resize}html body .kheldra-next-steps .k-wf-h[data-edge=se]{bottom:0;right:0;cursor:nwse-resize}
html body .kheldra-next-steps .k-wf-h[data-edge=ne]{top:0;right:0;cursor:nesw-resize}html body .kheldra-next-steps .k-wf-h[data-edge=sw]{bottom:0;left:0;cursor:nesw-resize}
html body .kheldra-next-steps .k-wf-h[data-edge=se]::after{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid #ebd391aa;border-bottom:2px solid #ebd391aa}
/* The header is the drag handle and holds the buttons: no resize handle may cover it, so the box resizes from its sides and bottom only. */
html body .kheldra-next-steps .k-wf-h[data-edge=n],html body .kheldra-next-steps .k-wf-h[data-edge=ne],html body .kheldra-next-steps .k-wf-h[data-edge=nw]{display:none}
html body .kheldra-next-steps .k-wf-h[data-edge=e],html body .kheldra-next-steps .k-wf-h[data-edge=w]{top:48px}
@media (pointer:coarse){
 html body .kheldra-next-steps .k-wf-h[data-edge=n],html body .kheldra-next-steps .k-wf-h[data-edge=s]{left:24px;right:24px;height:22px}
 html body .kheldra-next-steps .k-wf-h[data-edge=e],html body .kheldra-next-steps .k-wf-h[data-edge=w]{top:48px;bottom:24px;width:22px}
 html body .kheldra-next-steps .k-wf-h[data-edge=nw],html body .kheldra-next-steps .k-wf-h[data-edge=ne],html body .kheldra-next-steps .k-wf-h[data-edge=sw],html body .kheldra-next-steps .k-wf-h[data-edge=se]{width:28px;height:28px}
}