/* Compléments de l'interface SaaS (compte, formules, arbres, partage). */
.tree-name{margin-left:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tree-name:hover{border-color:var(--line2)}
.avatar{width:34px;height:34px;border-radius:50%;border:0;background:var(--accent);color:var(--accent-ink);font:600 14px var(--font);cursor:pointer;flex:none}
.avatar:focus-visible,.tree-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn.danger,.btn.ghost.danger{color:var(--bad)}
.btn.danger.primary,.btn.danger:not(.ghost):not(.small){background:var(--bad);color:#fff;border-color:var(--bad)}
.tree-list{list-style:none;margin:8px 0 0;padding:0}
.tree-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}
.tree-list li.current strong::after{content:" (ouvert)";font-weight:400;color:var(--ink2)}
.tree-list li .btn{margin-left:auto}
.tree-list li .btn + .btn{margin-left:0}
.modal:has(.plans){width:min(940px,calc(100vw - 24px))}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}
.plan{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px}
.plan.featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.plan h3{margin:0;font-family:var(--serif);font-size:18px}
.plan .price{font-size:22px;font-weight:600}
.plan ul{margin:0;padding-left:18px;flex:1}
.plan li{margin:3px 0}
.account .card{margin-top:12px}
.conn-out{margin-top:10px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row input[type=email]{flex:1;min-width:180px}
.noscript{padding:24px;font:16px var(--font)}
@media (max-width:700px){.tree-name{max-width:140px;margin-left:6px}}