.zn-toolbar{direction:ltr;display:flex;justify-content:flex-start;margin:0 0 12px;}
.zn-back{width:42px;height:42px;border-radius:50%;border:1px solid #77717f;background:#282631;color:#fff;display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;}
.zn-back:hover{background:#37313b;border-color:#d88872;transform:translateX(-2px)}
.zn-back:focus-visible{outline:2px solid #e48c77;outline-offset:3px}
.zn-workflow{margin:12px 0 20px;padding:16px 18px;border:1px solid #3d4147;border-radius:12px;background:#23282e;color:#eee3da;}
.zn-workflow h2{margin:0 0 10px;font-size:17px;color:#f3ede7}
.zn-workflow ol{display:flex;gap:8px;list-style:none;padding:0 0 5px;margin:0;overflow-x:auto;}
.zn-workflow li{flex:0 0 auto;min-width:112px;padding:9px 10px;border:1px solid #4d5057;border-radius:8px;background:#191d22;color:#c9c5cd;font-size:12px;}
.zn-workflow li.is-done{border-color:#59635e;color:#d9e1da}
.zn-workflow li.is-current{border-color:#e2b299;color:#fff;background:#2d3034;}
.zn-workflow li span{display:block;color:#aaa3ae;font-size:10px;margin-bottom:4px}
.zn-workflow p{margin:8px 0 0;color:#b8b1ab;font-size:12px}
.zn-pm-approval{margin-top:12px;padding:14px 16px;border:1px solid #3d4147;border-radius:12px;background:#23282e;color:#eee3da}
.zn-pm-approval h2{margin:0 0 8px;font-size:16px}
.zn-pm-approval .zn-note{color:#aaa3ae;font-size:12px;margin:8px 0 0}
@media(max-width:640px){.zn-workflow{padding:12px}.zn-workflow li{min-width:102px}.zn-back{width:40px;height:40px}}

/* Match the active workspace palette rather than imposing a dark panel. */
.zn-workflow,.zn-pm-approval{background:transparent;color:var(--ink);border-color:var(--line);border-radius:14px}
.zn-workflow h2,.zn-pm-approval h2{color:var(--ink)}
.zn-workflow h2 small{font-size:11px;font-weight:400;color:var(--muted)}
.zn-workflow li{background:transparent;color:var(--muted);border-color:var(--line)}
.zn-workflow li.is-done{color:var(--ink);border-color:var(--line)}
.zn-workflow li.is-current{background:transparent;color:var(--purple);border-color:var(--purple)}
.zn-workflow li span,.zn-workflow p,.zn-pm-approval .zn-note{color:var(--muted)}
.zn-workflow .zn-scope{margin:0 0 12px}