#tree ul{list-style:none;margin:.25rem 0 .75rem;padding-left:1.25rem;border-left:2px solid #d5dfe2}
#tree > ul{padding-left:0;border-left:0}
#tree li{margin:.4rem 0}
#tree .row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
#tree .name{font-weight:600}
#tree .badge{font-size:.8rem;padding:.05rem .45rem;border-radius:.6rem;background:#e7eef0;color:#2c4249}
#tree .badge.archived{background:#f3e7d6;color:#6a4a12}
#tree button{margin:0;padding:.25rem .6rem;min-height:32px}
#tree form.inline{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:.3rem 0}
#tree form.inline input{width:auto;min-width:10rem;flex:1 1 12rem;margin:0}
#tree form.inline label{margin:0}
#tree form.copy{flex-direction:column;align-items:stretch;max-width:36rem;padding:.6rem;border:1px solid #d5dfe2;border-radius:.5rem;background:#f8fbfb}
#tree form.copy fieldset{border:0;margin:0;padding:0}
#tree form.copy legend{font-weight:600;margin-bottom:.25rem}
#tree label.check{display:flex;gap:.4rem;align-items:center;font-weight:400;margin:.2rem 0}
#tree label.check input{width:auto;min-width:0;flex:0 0 auto;margin:0}
#tree form.copy button{align-self:flex-start}
#tree form.copy > input{flex:none;width:100%;max-width:28rem}